/* /Components/Admin/Audit.razor.rz.scp.css */
/* ---------------- toolbar --- */

.aud-search[b-8ridt35c5x] {
    flex: 1 1 260px;
    max-width: 480px;
}

/* ---------------- table: the panel draws the border, the table none --- */

[b-8ridt35c5x] .aud-table,
[b-8ridt35c5x] .aud-table .mud-table-container {
    background: transparent;
}

.aud-col[b-8ridt35c5x] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.aud-meta[b-8ridt35c5x] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.aud-action[b-8ridt35c5x] {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: var(--sg-fs-secondary);
}

.aud-target[b-8ridt35c5x] {
    font-weight: 600;
    overflow-wrap: anywhere;
}
/* /Components/Admin/Domains.razor.rz.scp.css */
/* ---------------- toolbar --- */

.dom-search[b-0x5dql10hg] {
    flex: 1 1 260px;
    max-width: 420px;
}
/* /Components/Admin/DomainTabs/AliasesTab.razor.rz.scp.css */
/* ---------------- table: the panel draws the border, the table none --- */

[b-mlgeh5nf27] .als-table,
[b-mlgeh5nf27] .als-table .mud-table-container {
    background: transparent;
}

.als-address[b-mlgeh5nf27] {
    font-size: var(--sg-fs-body);
    font-weight: 600;
    margin-right: 6px;
    overflow-wrap: anywhere;
}
/* /Components/Admin/DomainTabs/DnsTab.razor.rz.scp.css */
/* ---------------- bar --- */

.dns-meta[b-kjrsa16d9s] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
}

[b-kjrsa16d9s] .dns-intro {
    margin: 12px;
}

.dns-score[b-kjrsa16d9s] {
    padding: 0 12px 12px;
}

/* ---------------- records --- */

.dns-list[b-kjrsa16d9s] {
    display: flex;
    flex-direction: column;
}

.dns-record[b-kjrsa16d9s] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid var(--sg-lines);
}

.dns-head[b-kjrsa16d9s] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dns-purpose[b-kjrsa16d9s] {
    font-size: var(--sg-fs-title);
    font-weight: 600;
    line-height: 1.3;
}

/* Labels in a fixed column, so names and values line up from record to record. */
.dns-fields[b-kjrsa16d9s] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 6px 10px;
}

.dns-type[b-kjrsa16d9s] {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: var(--sg-fs-secondary);
    font-weight: 600;
}

.dns-why[b-kjrsa16d9s] {
    margin: 0;
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
}

.dns-found[b-kjrsa16d9s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dns-found code[b-kjrsa16d9s] {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    overflow-wrap: anywhere;
}
/* /Components/Admin/DomainTabs/MailboxesTab.razor.rz.scp.css */
/* ---------------- toolbar in the panel bar --- */

.mbx-search[b-wsfz0sgpx4] {
    flex: 1 1 200px;
    max-width: 320px;
}

/* ---------------- table: the panel draws the border, the table none --- */

[b-wsfz0sgpx4] .mbx-table,
[b-wsfz0sgpx4] .mbx-table .mud-table-container {
    background: transparent;
}

.mbx-who[b-wsfz0sgpx4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mbx-address[b-wsfz0sgpx4] {
    font-size: var(--sg-fs-body);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.mbx-name[b-wsfz0sgpx4],
.mbx-meta[b-wsfz0sgpx4] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
}

[b-wsfz0sgpx4] .mbx-bar {
    margin-top: 4px;
    max-width: 160px;
}
/* /Components/Admin/DomainTabs/SettingsTab.razor.rz.scp.css */
/* ---------------- layout --- */

.dst-grid[b-z6f0v6zg1b] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: var(--sg-gap-page);
    align-items: start;
}

.dst-side[b-z6f0v6zg1b] {
    display: flex;
    flex-direction: column;
    gap: var(--sg-gap-page);
}

@media (max-width: 900px) {
    .dst-grid[b-z6f0v6zg1b] {
        grid-template-columns: 1fr;
    }
}

/* ---------------- form --- */

.dst-form[b-z6f0v6zg1b] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.dst-field[b-z6f0v6zg1b] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.dst-hint[b-z6f0v6zg1b] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
}

.dst-actions[b-z6f0v6zg1b] {
    display: flex;
    justify-content: flex-end;
}

/* ---------------- rows --- */

.dst-rows[b-z6f0v6zg1b] {
    display: flex;
    flex-direction: column;
}

.dst-row[b-z6f0v6zg1b] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

.dst-row + .dst-row[b-z6f0v6zg1b] {
    border-top: 1px solid var(--sg-lines);
}

[b-z6f0v6zg1b] .dst-row-icon {
    font-size: 19px;
    color: var(--sg-text-secondary);
}

.dst-row-text[b-z6f0v6zg1b] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.dst-row-title[b-z6f0v6zg1b] {
    flex: 1;
    min-width: 0;
    font-size: var(--sg-fs-body);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.dst-add[b-z6f0v6zg1b] {
    align-items: flex-start;
}
/* /Components/Admin/MonitoringTabs/AlertRow.razor.rz.scp.css */
/* ---------------- one alert (on the Overview too) --- */

.alr-row[b-by0ez26aev] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

.alr-row + .alr-row[b-by0ez26aev] {
    border-top: 1px solid var(--sg-lines);
}

.alr-icon[b-by0ez26aev] {
    font-size: 19px;
    flex: none;
}

.alr-ok[b-by0ez26aev] {
    color: var(--sg-success);
}

.alr-warning[b-by0ez26aev] {
    color: var(--sg-warning);
}

.alr-critical[b-by0ez26aev] {
    color: var(--sg-error);
}

.alr-text[b-by0ez26aev] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.alr-title[b-by0ez26aev] {
    font-size: var(--sg-fs-body);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.alr-detail[b-by0ez26aev] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.alr-meta[b-by0ez26aev] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
}
/* /Components/Admin/MonitoringTabs/AlertsTab.razor.rz.scp.css */
/* ---------------- layout --- */

.alr-grid[b-21s3is4nca] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: var(--sg-gap-page);
    align-items: start;
}

.alr-column[b-21s3is4nca] {
    display: flex;
    flex-direction: column;
    gap: var(--sg-gap-page);
}

@media (max-width: 900px) {
    .alr-grid[b-21s3is4nca] {
        grid-template-columns: 1fr;
    }
}

/* ---------------- rows (here and in AlertRow, through ::deep) --- */

.alr-rows[b-21s3is4nca] {
    display: flex;
    flex-direction: column;
}

[b-21s3is4nca] .alr-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

[b-21s3is4nca] .alr-row + .alr-row {
    border-top: 1px solid var(--sg-lines);
}

[b-21s3is4nca] .alr-icon {
    font-size: 19px;
    flex: none;
}

[b-21s3is4nca] .alr-ok {
    color: var(--sg-success);
}

[b-21s3is4nca] .alr-warning {
    color: var(--sg-warning);
}

[b-21s3is4nca] .alr-critical {
    color: var(--sg-error);
}

[b-21s3is4nca] .alr-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

[b-21s3is4nca] .alr-title {
    font-size: var(--sg-fs-body);
    font-weight: 600;
    overflow-wrap: anywhere;
}

[b-21s3is4nca] .alr-detail {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

[b-21s3is4nca] .alr-meta {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
}

/* ---------------- form --- */

.alr-form[b-21s3is4nca] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.alr-actions[b-21s3is4nca] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Components/Admin/MonitoringTabs/FlowTab.razor.rz.scp.css */
/* ---------------- layout --- */

.flw-range[b-k19ib7o1io] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.flw-charts[b-k19ib7o1io] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: var(--sg-gap-page);
}

.flw-lists[b-k19ib7o1io] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--sg-gap-page);
    align-items: start;
}

@media (max-width: 720px) {
    .flw-charts[b-k19ib7o1io],
    .flw-lists[b-k19ib7o1io] {
        grid-template-columns: 1fr;
    }
}

.flw-storage[b-k19ib7o1io] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.flw-meta[b-k19ib7o1io] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
}
/* /Components/Admin/MonitoringTabs/ReportsTab.razor.rz.scp.css */
/* ---------------- layout --- */

.rpt-grid[b-ti55jxgm8v] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: var(--sg-gap-page);
    align-items: start;
}

@media (max-width: 720px) {
    .rpt-grid[b-ti55jxgm8v] {
        grid-template-columns: 1fr;
    }
}

.rpt-body[b-ti55jxgm8v] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
}

.rpt-meta[b-ti55jxgm8v],
.rpt-hint[b-ti55jxgm8v] {
    margin: 0;
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
}

.rpt-failures[b-ti55jxgm8v] {
    margin: 0;
    padding-left: 18px;
    font-size: var(--sg-fs-secondary);
    overflow-wrap: anywhere;
}
/* /Components/Admin/MonitoringTabs/TraceTab.razor.rz.scp.css */
/* ---------------- search --- */

.trc-search[b-gt3bk6u08q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.trc-input[b-gt3bk6u08q] {
    flex: 1 1 320px;
    max-width: 560px;
}

/* ---------------- messages --- */

.trc-list[b-gt3bk6u08q] {
    display: flex;
    flex-direction: column;
}

.trc-item + .trc-item[b-gt3bk6u08q] {
    border-top: 1px solid var(--sg-lines);
}

/* A native button for the row: keyboard reachable, Enter and Space for free. */
.trc-row[b-gt3bk6u08q] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background var(--sg-ease-fast);
}

.trc-row:hover[b-gt3bk6u08q] {
    background: var(--sg-hover);
}

[b-gt3bk6u08q] .trc-dir,
[b-gt3bk6u08q] .trc-chevron {
    font-size: 19px;
    color: var(--sg-text-secondary);
    flex: none;
}

.trc-who[b-gt3bk6u08q] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.trc-from[b-gt3bk6u08q] {
    font-size: var(--sg-fs-body);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trc-to[b-gt3bk6u08q] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trc-when[b-gt3bk6u08q] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    min-width: 70px;
    text-align: right;
}

/* ---------------- one message's history --- */

.trc-detail[b-gt3bk6u08q] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 4px 12px 14px 41px;
}

.trc-ids[b-gt3bk6u08q] {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    align-items: center;
    gap: 6px 10px;
}

.trc-events[b-gt3bk6u08q] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.trc-event[b-gt3bk6u08q] {
    display: grid;
    grid-template-columns: 120px 90px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}

.trc-time[b-gt3bk6u08q] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
    padding-top: 2px;
}

.trc-what[b-gt3bk6u08q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.trc-text[b-gt3bk6u08q] {
    font-size: var(--sg-fs-secondary);
    overflow-wrap: anywhere;
}

.trc-reply[b-gt3bk6u08q] {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    overflow-wrap: anywhere;
}

@media (max-width: 720px) {
    .trc-detail[b-gt3bk6u08q] {
        padding-left: 12px;
    }

    .trc-event[b-gt3bk6u08q] {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}
/* /Components/Admin/Overview.razor.rz.scp.css */
/* ---------------- panels --- */

.ovw-grid[b-qll2egrk9h] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: var(--sg-gap-page);
    align-items: start;
}

@media (max-width: 720px) {
    .ovw-grid[b-qll2egrk9h] {
        grid-template-columns: 1fr;
    }
}

/* Read-only rows, not SgSettingRow: that is a button that opens an editor, and nothing here is edited. */
.ovw-rows[b-qll2egrk9h] {
    display: flex;
    flex-direction: column;
}

.ovw-row[b-qll2egrk9h] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

.ovw-row + .ovw-row[b-qll2egrk9h] {
    border-top: 1px solid var(--sg-lines);
}

[b-qll2egrk9h] .ovw-row-icon {
    font-size: 19px;
    color: var(--sg-text-secondary);
    flex: none;
}

[b-qll2egrk9h] .ovw-healthy {
    color: var(--sg-success);
}

[b-qll2egrk9h] .ovw-degraded {
    color: var(--sg-warning);
}

[b-qll2egrk9h] .ovw-down {
    color: var(--sg-error);
}

.ovw-row-text[b-qll2egrk9h] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ovw-row-title[b-qll2egrk9h] {
    font-size: var(--sg-fs-body);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ovw-endpoint[b-qll2egrk9h] {
    font-weight: 400;
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    margin-left: 4px;
}

.ovw-row-detail[b-qll2egrk9h] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.ovw-when[b-qll2egrk9h] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

[b-qll2egrk9h] .ovw-advice {
    margin: 0 12px 10px;
}
/* /Components/Admin/Queue.razor.rz.scp.css */
/* ---------------- table: the panel draws the border, the table none --- */

[b-40da1hx4uk] .que-table,
[b-40da1hx4uk] .que-table .mud-table-container {
    background: transparent;
}

.que-col[b-40da1hx4uk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.que-strong[b-40da1hx4uk] {
    font-size: var(--sg-fs-body);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.que-meta[b-40da1hx4uk] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
}

.que-reason[b-40da1hx4uk] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
    overflow-wrap: anywhere;
}
/* /Components/Admin/Shared/CopyText.razor.rz.scp.css */
/* ---------------- copyable value --- */

.cpt[b-9z5qydvgr5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
}

.cpt-value[b-9z5qydvgr5] {
    min-width: 0;
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: var(--sg-fs-secondary);
    padding: 4px 8px;
    border-radius: var(--sg-radius-control);
    border: var(--sg-border);
    background: var(--sg-background);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    user-select: all;
}

.cpt-block[b-9z5qydvgr5] {
    display: flex;
    width: 100%;
}

.cpt-block .cpt-value[b-9z5qydvgr5] {
    flex: 1;
    white-space: normal;
    overflow-wrap: anywhere;
}
/* /Components/Admin/Shared/CredentialNotice.razor.rz.scp.css */
/* ---------------- shown-once credentials --- */

.crn[b-x951b7fm5e] {
    border-radius: var(--sg-radius-card);
    border: 1px solid color-mix(in srgb, var(--sg-success) var(--sg-tint-border), var(--sg-lines));
    background: color-mix(in srgb, var(--sg-success) 8%, var(--sg-surface));
    box-shadow: var(--sg-shadow-rest);
    padding: var(--sg-pad-card);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.crn-head[b-x951b7fm5e] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.crn-text[b-x951b7fm5e] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.crn-title[b-x951b7fm5e] {
    font-size: var(--sg-fs-title);
    font-weight: 600;
    line-height: 1.3;
}

.crn-hint[b-x951b7fm5e] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
}

.crn-rows[b-x951b7fm5e] {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    align-items: center;
    gap: 8px 10px;
}
/* /Components/Admin/Shared/FlowChart.razor.rz.scp.css */
/* ---------------- chart --- */

.fch[b-ub8q4bl7nq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 12px 12px;
}

.fch-bar[b-ub8q4bl7nq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fch-title[b-ub8q4bl7nq] {
    font-size: var(--sg-fs-label);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--sg-text-secondary);
}

.fch-empty[b-ub8q4bl7nq] {
    padding: 40px 12px;
    text-align: center;
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
}

/* Recessive axes and grid: the data is what is read. */
[b-ub8q4bl7nq] .fch-chart .mud-charts-gridlines-yaxis path {
    stroke: var(--sg-lines);
}

[b-ub8q4bl7nq] .fch-chart .mud-charts-xaxis text,
[b-ub8q4bl7nq] .fch-chart .mud-charts-yaxis text {
    fill: var(--sg-text-secondary);
    font-size: 11px;
}

[b-ub8q4bl7nq] .fch-chart .mud-chart-legend-item .mud-typography {
    color: var(--sg-text-primary);
    font-size: var(--sg-fs-meta);
}

/* ---------------- table view: the panel draws the border, the table none --- */

[b-ub8q4bl7nq] .fch-table,
[b-ub8q4bl7nq] .fch-table table {
    background: transparent;
}

.fch-num[b-ub8q4bl7nq] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
/* /Components/Admin/Spam.razor.rz.scp.css */
/* ---------------- layout --- */

.spm-grid[b-0pser30rtj] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: var(--sg-gap-page);
    align-items: start;
}

@media (max-width: 900px) {
    .spm-grid[b-0pser30rtj] {
        grid-template-columns: 1fr;
    }
}

/* ---------------- thresholds --- */

.spm-form[b-0pser30rtj] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.spm-hint[b-0pser30rtj] {
    margin: 0;
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
}

.spm-actions[b-0pser30rtj] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* ---------------- sender lists --- */

.spm-add[b-0pser30rtj] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
    border-bottom: 1px solid var(--sg-lines);
}

.spm-add > :first-child[b-0pser30rtj] {
    align-self: flex-start;
}

.spm-rows[b-0pser30rtj] {
    display: flex;
    flex-direction: column;
}

.spm-row[b-0pser30rtj] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

.spm-row + .spm-row[b-0pser30rtj] {
    border-top: 1px solid var(--sg-lines);
}

.spm-row-text[b-0pser30rtj] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.spm-row-title[b-0pser30rtj] {
    font-size: var(--sg-fs-body);
    font-weight: 600;
    overflow-wrap: anywhere;
}
/* /Components/App.razor.rz.scp.css */
/* ---------------- circuit error bar --- */

/* Hidden until Blazor shows it (it sets display: block on this element). */
#blazor-error-ui[b-xrzssrxwgb] {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    z-index: 2000;
    width: min(560px, calc(100vw - 32px));
    padding: 10px 12px;
    border-radius: var(--sg-radius-card);
    border: 1px solid color-mix(in srgb, var(--sg-error) var(--sg-tint-border), var(--sg-lines));
    background: color-mix(in srgb, var(--sg-error) var(--sg-tint-bg-soft), var(--sg-surface));
    color: var(--sg-text-primary);
    box-shadow: var(--sg-shadow-hover);
    font-size: var(--sg-fs-body);
}

#blazor-error-ui .reload[b-xrzssrxwgb] {
    margin-left: 10px;
    font-weight: 600;
    color: var(--sg-error);
}

#blazor-error-ui .dismiss[b-xrzssrxwgb] {
    float: right;
    border: none;
    background: transparent;
    color: var(--sg-text-secondary);
    font: inherit;
    cursor: pointer;
}
/* /Components/Layout/AppShell.razor.rz.scp.css */
/* ---------------- app bar --- */

.sml-home[b-n7rfqkaxon] {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
}


[b-n7rfqkaxon] .sml-logo {
    font-size: 19px;
}

.sml-title[b-n7rfqkaxon] {
    font-size: var(--sg-fs-brand);
    font-weight: 600;
    letter-spacing: .2px;
    margin-left: 8px;
}

.sml-nav[b-n7rfqkaxon] {
    display: flex;
    gap: 4px;
    margin-left: 16px;
    padding-left: 12px;
    border-left: 1px solid color-mix(in srgb, currentColor 30%, transparent);
}

.sml-nav a[b-n7rfqkaxon] {
    color: inherit;
    text-decoration: none;
    font-size: var(--sg-fs-body);
    padding: 5px 10px;
    border-radius: var(--sg-radius-control);
    opacity: .8;
    transition: background .15s ease, opacity .15s ease;
}

.sml-nav a:hover[b-n7rfqkaxon] {
    opacity: 1;
    background: color-mix(in srgb, currentColor 12%, transparent);
}

.sml-nav a.sml-nav-on[b-n7rfqkaxon] {
    opacity: 1;
    font-weight: 600;
    background: color-mix(in srgb, currentColor 16%, transparent);
}

.sml-user[b-n7rfqkaxon] {
    font-size: var(--sg-fs-secondary);
    opacity: .85;
    margin: 0 10px 0 6px;
}

.sml-signout[b-n7rfqkaxon] {
    margin: 0;
}

.sml-signout-btn[b-n7rfqkaxon] {
    font: inherit;
    font-size: var(--sg-fs-secondary);
    color: inherit;
    background: transparent;
    border: 1px solid color-mix(in srgb, currentColor 40%, transparent);
    border-radius: var(--sg-radius-control);
    padding: 4px 10px;
    cursor: pointer;
    transition: background .15s ease;
}

.sml-signout-btn:hover[b-n7rfqkaxon] {
    background: color-mix(in srgb, currentColor 12%, transparent);
}

/* ---------------- content --- */

[b-n7rfqkaxon] .sml-content {
    padding-left: 16px;
    padding-right: 16px;
}

@media (max-width: 720px) {
    .sml-nav[b-n7rfqkaxon] {
        margin-left: 8px;
        padding-left: 8px;
    }

    .sml-user[b-n7rfqkaxon] {
        display: none;
    }

    [b-n7rfqkaxon] .sml-content {
        padding-left: 10px;
        padding-right: 10px;
    }
}
/* /Components/Mailbox/Account.razor.rz.scp.css */
/* ---------------- read-only rows --- */

.acc-rows[b-hwm92vmo22] {
    display: flex;
    flex-direction: column;
}

.acc-row[b-hwm92vmo22] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
}

.acc-row + .acc-row[b-hwm92vmo22] {
    border-top: 1px solid var(--sg-lines);
}

.acc-row-title[b-hwm92vmo22] {
    flex: 1;
    font-size: var(--sg-fs-body);
    color: var(--sg-text-secondary);
}

.acc-row-value[b-hwm92vmo22] {
    font-size: var(--sg-fs-body);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: right;
    overflow-wrap: anywhere;
}
/* /Components/Mailbox/AccountTabs/OverviewTab.razor.rz.scp.css */
/* ---------------- layout --- */

.aov[b-vjcptgs68r] {
    display: flex;
    flex-direction: column;
    gap: var(--sg-gap-page);
}

.aov-grid[b-vjcptgs68r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--sg-gap-page);
    align-items: start;
}

@media (max-width: 900px) {
    .aov-grid[b-vjcptgs68r] {
        grid-template-columns: 1fr;
    }
}

.aov-foot[b-vjcptgs68r] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
}

/* ---------------- rows --- */

.aov-rows[b-vjcptgs68r] {
    display: flex;
    flex-direction: column;
}

.aov-row[b-vjcptgs68r] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

.aov-row + .aov-row[b-vjcptgs68r] {
    border-top: 1px solid var(--sg-lines);
}

[b-vjcptgs68r] .aov-row-icon {
    font-size: 19px;
    color: var(--sg-text-secondary);
}

[b-vjcptgs68r] .aov-ok {
    color: var(--sg-success);
}

[b-vjcptgs68r] .aov-failed {
    color: var(--sg-error);
}

.aov-row-text[b-vjcptgs68r] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.aov-row-title[b-vjcptgs68r] {
    font-size: var(--sg-fs-body);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.aov-hint[b-vjcptgs68r] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.aov-when[b-vjcptgs68r] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    white-space: nowrap;
}
/* /Components/Mailbox/AccountTabs/RulesTab.razor.rz.scp.css */
/* ---------------- layout --- */

.arl[b-38cxlot2zw] {
    display: flex;
    flex-direction: column;
    gap: var(--sg-gap-page);
}

.arl-grid[b-38cxlot2zw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--sg-gap-page);
    align-items: start;
}

.arl-column[b-38cxlot2zw] {
    display: flex;
    flex-direction: column;
    gap: var(--sg-gap-page);
}

@media (max-width: 900px) {
    .arl-grid[b-38cxlot2zw] {
        grid-template-columns: 1fr;
    }
}

.arl-save[b-38cxlot2zw] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

/* ---------------- forms --- */

.arl-form[b-38cxlot2zw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.arl-hint[b-38cxlot2zw] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
}

.arl-line[b-38cxlot2zw] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ---------------- filters --- */

.arl-filter[b-38cxlot2zw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--sg-lines);
    border-radius: var(--sg-radius-well);
}

.arl-filter-when[b-38cxlot2zw],
.arl-filter-then[b-38cxlot2zw] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.arl-filter-then[b-38cxlot2zw] {
    grid-template-columns: 170px minmax(0, 1fr) auto;
}

@media (max-width: 560px) {
    .arl-filter-when[b-38cxlot2zw],
    .arl-filter-then[b-38cxlot2zw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Mailbox/AccountTabs/SecurityTab.razor.rz.scp.css */
/* ---------------- layout --- */

.asc-grid[b-era9soqd6j] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: var(--sg-gap-page);
    align-items: start;
}

.asc-column[b-era9soqd6j] {
    display: flex;
    flex-direction: column;
    gap: var(--sg-gap-page);
}

@media (max-width: 900px) {
    .asc-grid[b-era9soqd6j] {
        grid-template-columns: 1fr;
    }
}

[b-era9soqd6j] .asc-alert {
    margin-bottom: var(--sg-gap-page);
}

/* ---------------- forms --- */

.asc-form[b-era9soqd6j] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.asc-actions[b-era9soqd6j] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.asc-hint[b-era9soqd6j] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
}

/* ---------------- authenticator setup --- */

.asc-setup[b-era9soqd6j] {
    display: flex;
    gap: 18px;
    align-items: flex-start;
}

.asc-qr[b-era9soqd6j] {
    flex: none;
    width: 180px;
    padding: 8px;
    border-radius: var(--sg-radius-well);
    background: #fff;
}

.asc-qr[b-era9soqd6j]  svg {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 560px) {
    .asc-setup[b-era9soqd6j] {
        flex-direction: column;
        align-items: center;
    }
}

/* ---------------- recovery codes --- */

.asc-notice[b-era9soqd6j] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    margin-bottom: 16px;
    border: 1px solid var(--sg-tint-border);
    border-radius: var(--sg-radius-well);
    background: var(--sg-tint-bg-soft);
}

.asc-notice-head[b-era9soqd6j] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.asc-notice-text[b-era9soqd6j] {
    display: flex;
    flex-direction: column;
}

.asc-notice-title[b-era9soqd6j] {
    font-size: var(--sg-fs-body);
    font-weight: 600;
}

.asc-codes[b-era9soqd6j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 6px 12px;
}

.asc-codes code[b-era9soqd6j] {
    font-size: var(--sg-fs-body);
    letter-spacing: .5px;
}

/* ---------------- rows --- */

.asc-rows[b-era9soqd6j] {
    display: flex;
    flex-direction: column;
}

.asc-row[b-era9soqd6j] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

.asc-row + .asc-row[b-era9soqd6j] {
    border-top: 1px solid var(--sg-lines);
}

.asc-created[b-era9soqd6j] {
    align-items: flex-start;
    background: var(--sg-tint-bg-soft);
}

.asc-add[b-era9soqd6j] {
    align-items: flex-start;
}

[b-era9soqd6j] .asc-row-icon {
    font-size: 19px;
    color: var(--sg-text-secondary);
}

.asc-row-text[b-era9soqd6j] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.asc-row-title[b-era9soqd6j] {
    font-size: var(--sg-fs-body);
    font-weight: 600;
    overflow-wrap: anywhere;
}
/* /Components/Mailbox/AccountTabs/WebmailTab.razor.rz.scp.css */
/* ---------------- layout --- */

.awm-grid[b-p2jrjvg2vz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--sg-gap-page);
    align-items: start;
}

.awm-column[b-p2jrjvg2vz] {
    display: flex;
    flex-direction: column;
    gap: var(--sg-gap-page);
}

@media (max-width: 900px) {
    .awm-grid[b-p2jrjvg2vz] {
        grid-template-columns: 1fr;
    }
}

/* ---------------- forms --- */

.awm-form[b-p2jrjvg2vz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.awm-actions[b-p2jrjvg2vz] {
    display: flex;
    justify-content: flex-end;
}

.awm-hint[b-p2jrjvg2vz] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.awm-search[b-p2jrjvg2vz] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid var(--sg-lines);
    border-radius: 10px;
    background: var(--sg-background);
    color: var(--sg-text-secondary);
}

.awm-search input[b-p2jrjvg2vz] {
    width: 140px;
    height: 30px;
    border: none;
    outline: none;
    background: transparent;
    color: var(--sg-text-primary);
    font: inherit;
    font-size: var(--sg-fs-secondary);
}

/* ---------------- rows --- */

.awm-rows[b-p2jrjvg2vz] {
    display: flex;
    flex-direction: column;
}

.awm-row[b-p2jrjvg2vz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

.awm-row + .awm-row[b-p2jrjvg2vz] {
    border-top: 1px solid var(--sg-lines);
}

.awm-add[b-p2jrjvg2vz] {
    align-items: flex-start;
}

[b-p2jrjvg2vz] .awm-row-icon {
    font-size: 19px;
    color: var(--sg-text-secondary);
}

.awm-avatar[b-p2jrjvg2vz] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: color-mix(in srgb, var(--sg-primary) 14%, transparent);
    color: var(--sg-primary);
    font-weight: 700;
}

.awm-row-text[b-p2jrjvg2vz] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.awm-row-title[b-p2jrjvg2vz] {
    flex: 1;
    min-width: 0;
    font-size: var(--sg-fs-body);
    font-weight: 600;
    overflow-wrap: anywhere;
}
/* /Components/Mailbox/Webmail/Composer.razor.rz.scp.css */
/* ---------------- layout --- */

.cmp[b-s92jj2koeb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    padding: 14px;
    overflow-y: auto;
}

.cmp-head[b-s92jj2koeb] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cmp-title[b-s92jj2koeb] {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1.25;
}

.cmp-meta[b-s92jj2koeb] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
}

/* ---------------- fields --- */

.cmp-fields[b-s92jj2koeb] {
    display: flex;
    flex-direction: column;
}

.cmp-from[b-s92jj2koeb],
.cmp-subject[b-s92jj2koeb] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    border-bottom: 1px solid var(--sg-lines);
}

.cmp-label[b-s92jj2koeb] {
    flex: none;
    width: 44px;
    font-size: var(--sg-fs-label);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--sg-text-secondary);
}

.cmp-subject-input[b-s92jj2koeb] {
    flex: 1;
    min-width: 0;
    padding: 8px 0;
    border: none;
    outline: none;
    background: transparent;
    color: var(--sg-text-primary);
    font: inherit;
    font-size: var(--sg-fs-body);
    font-weight: 600;
}

.cmp-copies[b-s92jj2koeb] {
    display: flex;
    justify-content: flex-end;
    padding-top: 2px;
}

.cmp-link[b-s92jj2koeb] {
    border: none;
    padding: 2px 0;
    background: transparent;
    color: var(--sg-primary);
    font: inherit;
    font-size: var(--sg-fs-secondary);
    cursor: pointer;
}

/* ---------------- attachments --- */

.cmp-attachments[b-s92jj2koeb] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cmp-attachment[b-s92jj2koeb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 0 2px 0 10px;
    border: 1px solid var(--sg-lines);
    border-radius: var(--sg-radius-control);
    background: var(--sg-background);
    font-size: var(--sg-fs-secondary);
}

.cmp-attachment-name[b-s92jj2koeb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------------- actions --- */

.cmp-actions[b-s92jj2koeb] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
}

.cmp-attach[b-s92jj2koeb] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--sg-lines);
    border-radius: var(--sg-radius-control);
    color: var(--sg-text-primary);
    font-size: var(--sg-fs-body);
    cursor: pointer;
    transition: border-color var(--sg-ease), background var(--sg-ease);
}

.cmp-attach:hover[b-s92jj2koeb] {
    border-color: color-mix(in srgb, var(--sg-primary) 40%, var(--sg-lines));
    background: var(--sg-hover);
}

.cmp-attach-off[b-s92jj2koeb] {
    opacity: .45;
    pointer-events: none;
}

[b-s92jj2koeb] .cmp-file {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
/* /Components/Mailbox/Webmail/Mail.razor.rz.scp.css */
/* ---------------- search --- */

.wml-search[b-ftqaihxhjj] {
    flex: 1;
    max-width: 520px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 4px 0 10px;
    border: 1px solid var(--sg-lines);
    border-radius: 10px;
    background: var(--sg-background);
    color: var(--sg-text-secondary);
    transition: border-color var(--sg-ease);
}

.wml-search:focus-within[b-ftqaihxhjj] {
    border-color: var(--sg-primary);
}

.wml-search input[b-ftqaihxhjj] {
    flex: 1;
    min-width: 0;
    height: 34px;
    border: none;
    outline: none;
    background: transparent;
    color: var(--sg-text-primary);
    font: inherit;
    font-size: var(--sg-fs-body);
}

/* ---------------- panes --- */

.wml[b-ftqaihxhjj] {
    display: grid;
    grid-template-columns: 220px minmax(300px, 380px) minmax(0, 1fr);
    gap: 10px;
    height: calc(100vh - 190px);
    min-height: 480px;
}

.wml-folders[b-ftqaihxhjj],
.wml-list[b-ftqaihxhjj],
.wml-reader[b-ftqaihxhjj] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid var(--sg-lines);
    border-radius: var(--sg-radius-card);
    background: var(--sg-surface);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
    overflow: hidden;
}

@media (max-width: 1200px) {
    .wml[b-ftqaihxhjj] {
        grid-template-columns: 190px minmax(260px, 320px) minmax(0, 1fr);
    }
}

/* One pane at a time on a phone: the list, or what is open. */
@media (max-width: 900px) {
    .wml[b-ftqaihxhjj] {
        grid-template-columns: 1fr;
        height: auto;
    }

    .wml-folders[b-ftqaihxhjj] {
        max-height: 220px;
    }

    .wml-list[b-ftqaihxhjj],
    .wml-reader[b-ftqaihxhjj] {
        height: calc(100vh - 170px);
    }

    .wml-reading .wml-folders[b-ftqaihxhjj],
    .wml-reading .wml-list[b-ftqaihxhjj],
    .wml-listing .wml-reader[b-ftqaihxhjj] {
        display: none;
    }
}

/* ---------------- folders --- */

.wml-folder-list[b-ftqaihxhjj] {
    flex: 1;
    overflow-y: auto;
    padding: 4px;
}

.wml-folder[b-ftqaihxhjj] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 34px;
    padding-right: 10px;
    border: 1px solid transparent;
    border-radius: var(--sg-radius-control);
    background: transparent;
    color: var(--sg-text-secondary);
    font: inherit;
    font-size: var(--sg-fs-body);
    text-align: left;
    cursor: pointer;
    transition: background .12s ease, color .12s ease;
}

.wml-folder:hover[b-ftqaihxhjj] {
    background: var(--sg-hover);
    color: var(--sg-text-primary);
}

.wml-folder-on[b-ftqaihxhjj] {
    background: color-mix(in srgb, var(--sg-primary) 14%, transparent);
    color: var(--sg-primary);
    font-weight: 600;
}

.wml-folder-on:hover[b-ftqaihxhjj] {
    background: color-mix(in srgb, var(--sg-primary) 14%, transparent);
    color: var(--sg-primary);
}

.wml-folder-name[b-ftqaihxhjj] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wml-folder-count[b-ftqaihxhjj] {
    padding: 0 7px;
    border-radius: var(--sg-radius-pill);
    background: var(--sg-hover);
    color: var(--sg-text-primary);
    font-size: var(--sg-fs-meta);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.wml-folder-foot[b-ftqaihxhjj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    border-top: 1px solid var(--sg-lines);
}

.wml-folder-actions[b-ftqaihxhjj] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ---------------- list --- */

.wml-list-bar[b-ftqaihxhjj] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 46px;
    padding: 6px 8px 6px 14px;
    border-bottom: 1px solid var(--sg-lines);
}

.wml-list-count[b-ftqaihxhjj] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--sg-fs-secondary);
    font-weight: 600;
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
}

.wml-check[b-ftqaihxhjj] {
    flex: none;
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--sg-primary);
    cursor: pointer;
}

.wml-rows[b-ftqaihxhjj] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.wml-rows[b-ftqaihxhjj]  .sg-empty {
    margin: 10px;
}

.wml-row[b-ftqaihxhjj] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    height: 78px;
    padding: 10px 12px 10px 14px;
    border-bottom: 1px solid var(--sg-lines);
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: background .12s ease;
}

.wml-row:hover[b-ftqaihxhjj] {
    background: var(--sg-hover);
}

.wml-row:focus-visible[b-ftqaihxhjj] {
    outline: 2px solid var(--sg-primary);
    outline-offset: -2px;
}

.wml-row .wml-check[b-ftqaihxhjj] {
    margin-top: 2px;
}

.wml-row-on[b-ftqaihxhjj],
.wml-row-on:hover[b-ftqaihxhjj] {
    background: color-mix(in srgb, var(--sg-primary) 12%, transparent);
}

.wml-unread[b-ftqaihxhjj] {
    border-left-color: var(--sg-primary);
}

.wml-row-text[b-ftqaihxhjj] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.wml-row-top[b-ftqaihxhjj] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.wml-row-who[b-ftqaihxhjj] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--sg-fs-body);
    color: var(--sg-text-primary);
}

.wml-unread .wml-row-who[b-ftqaihxhjj],
.wml-unread .wml-row-subject[b-ftqaihxhjj] {
    font-weight: 700;
}

[b-ftqaihxhjj] .wml-row-icon {
    font-size: 15px;
    color: var(--sg-text-secondary);
}

[b-ftqaihxhjj] .wml-flag {
    color: var(--sg-warning);
}

.wml-row-when[b-ftqaihxhjj] {
    flex: none;
    margin-left: 4px;
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
    font-variant-numeric: tabular-nums;
}

.wml-row-subject[b-ftqaihxhjj],
.wml-row-preview[b-ftqaihxhjj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wml-row-subject[b-ftqaihxhjj] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-primary);
}

.wml-row-preview[b-ftqaihxhjj] {
    font-size: var(--sg-fs-meta);
    color: var(--sg-text-secondary);
}

.wml-row-wait[b-ftqaihxhjj] {
    cursor: default;
}

.wml-wait-line[b-ftqaihxhjj] {
    display: block;
    width: 70%;
    height: 12px;
    margin-top: 6px;
    border-radius: 4px;
    background: var(--sg-hover);
}

/* ---------------- reader --- */

.wml-reader-empty[b-ftqaihxhjj] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 24px;
}
/* /Components/Mailbox/Webmail/MessageReader.razor.rz.scp.css */
/* ---------------- layout --- */

.mrd[b-80pqz4zenu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* ---------------- actions --- */

.mrd-actions[b-80pqz4zenu] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 6px 8px;
    border-bottom: 1px solid var(--sg-lines);
}

.mrd-divider[b-80pqz4zenu] {
    width: 1px;
    height: 20px;
    margin: 0 6px;
    background: var(--sg-lines);
}

[b-80pqz4zenu] .mrd-back {
    display: none;
}

[b-80pqz4zenu] .mrd-flagged {
    color: var(--sg-warning);
}

@media (max-width: 900px) {
    [b-80pqz4zenu] .mrd-back {
        display: inline-flex;
    }
}

/* ---------------- head --- */

.mrd-head[b-80pqz4zenu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 14px 10px;
}

.mrd-subject[b-80pqz4zenu] {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.mrd-sender[b-80pqz4zenu] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mrd-avatar[b-80pqz4zenu] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: color-mix(in srgb, var(--sg-primary) 14%, transparent);
    color: var(--sg-primary);
    font-weight: 700;
}

.mrd-sender-text[b-80pqz4zenu] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.mrd-from[b-80pqz4zenu] {
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mrd-address[b-80pqz4zenu],
.mrd-to[b-80pqz4zenu],
.mrd-date[b-80pqz4zenu],
.mrd-meta[b-80pqz4zenu] {
    font-size: var(--sg-fs-meta);
    font-weight: 400;
    color: var(--sg-text-secondary);
}

.mrd-address[b-80pqz4zenu] {
    margin-left: 6px;
}

.mrd-to[b-80pqz4zenu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mrd-date[b-80pqz4zenu] {
    flex: none;
    font-variant-numeric: tabular-nums;
}

/* ---------------- remote content --- */

.mrd-notice[b-80pqz4zenu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 14px 10px;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--sg-info) 40%, transparent);
    border-radius: var(--sg-radius-control);
    background: color-mix(in srgb, var(--sg-info) 12%, transparent);
    color: var(--sg-text-primary);
}

.mrd-notice-text[b-80pqz4zenu] {
    flex: 1;
    min-width: 200px;
    font-size: var(--sg-fs-secondary);
    line-height: 1.5;
}

/* ---------------- attachments --- */

.mrd-attachments[b-80pqz4zenu] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 14px 10px;
}

.mrd-attachment[b-80pqz4zenu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 280px;
    padding: 4px 4px 4px 10px;
    border: 1px solid var(--sg-lines);
    border-radius: var(--sg-radius-control);
    background: var(--sg-background);
    color: var(--sg-text-secondary);
}

.mrd-attachment-text[b-80pqz4zenu] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.mrd-attachment-name[b-80pqz4zenu] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mrd-attachment-action[b-80pqz4zenu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: var(--sg-radius-control);
    color: var(--sg-text-secondary);
    transition: background var(--sg-ease), color var(--sg-ease);
}

.mrd-attachment-action:hover[b-80pqz4zenu] {
    background: var(--sg-hover);
    color: var(--sg-primary);
}

/* ---------------- body --- */

.mrd-body[b-80pqz4zenu] {
    flex: 1;
    min-height: 240px;
    width: 100%;
    border: none;
    border-top: 1px solid var(--sg-lines);
}
/* /Components/Mailbox/Webmail/RecipientField.razor.rz.scp.css */
/* ---------------- field --- */

.rcp[b-w1snll3fhe] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 4px 0;
    border-bottom: 1px solid var(--sg-lines);
}

.rcp-label[b-w1snll3fhe] {
    flex: none;
    width: 44px;
    padding-top: 9px;
    font-size: var(--sg-fs-label);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--sg-text-secondary);
}

.rcp-chips[b-w1snll3fhe] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

[b-w1snll3fhe] .rcp-input {
    flex: 1;
    min-width: 180px;
}

/* ---------------- chips --- */

.rcp-chip[b-w1snll3fhe] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    max-width: 260px;
    padding: 2px 4px 2px 10px;
    border: 1px solid color-mix(in srgb, var(--sg-primary) 40%, transparent);
    border-radius: var(--sg-radius-pill);
    background: color-mix(in srgb, var(--sg-primary) 12%, transparent);
    color: var(--sg-text-primary);
    font-size: var(--sg-fs-secondary);
}

.rcp-chip-text[b-w1snll3fhe] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rcp-chip-remove[b-w1snll3fhe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    border-radius: var(--sg-radius-pill);
    background: transparent;
    color: var(--sg-text-secondary);
    cursor: pointer;
    transition: background var(--sg-ease), color var(--sg-ease);
}

.rcp-chip-remove:hover[b-w1snll3fhe] {
    background: var(--sg-hover);
    color: var(--sg-text-primary);
}
/* /Components/Mailbox/Webmail/RichEditor.razor.rz.scp.css */
/* ---------------- editor --- */

.rte[b-ji9ytqao20] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--sg-lines);
    border-radius: var(--sg-radius-well);
    background: var(--sg-background);
    transition: border-color var(--sg-ease);
}

.rte:focus-within[b-ji9ytqao20] {
    border-color: var(--sg-primary);
}

.rte-bar[b-ji9ytqao20] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    padding: 4px 6px;
    border-bottom: 1px solid var(--sg-lines);
}

.rte-divider[b-ji9ytqao20] {
    width: 1px;
    height: 20px;
    margin: 0 4px;
    background: var(--sg-lines);
}

.rte-body[b-ji9ytqao20] {
    flex: 1;
    padding: 10px 12px;
    outline: none;
    overflow-y: auto;
    font-size: var(--sg-fs-body);
    line-height: 1.5;
    color: var(--sg-text-primary);
    overflow-wrap: anywhere;
}

.rte-body[b-ji9ytqao20]  p {
    margin: 0 0 .6em;
}

.rte-body[b-ji9ytqao20]  blockquote {
    margin: 0 0 0 .8ex;
    padding-left: 1ex;
    border-left: 2px solid var(--sg-lines);
    color: var(--sg-text-secondary);
}

.rte-body[b-ji9ytqao20]  a {
    color: var(--sg-primary);
}

.rte-body[b-ji9ytqao20]  img {
    max-width: 100%;
    height: auto;
}
/* /Components/Pages/SignIn.razor.rz.scp.css */
/* ---------------- layout --- */

.msi[b-mb9io4jfd9] {
    display: flex;
    justify-content: center;
    padding-top: 6vh;
}

[b-mb9io4jfd9] .msi-panel {
    width: min(420px, 100%);
}

[b-mb9io4jfd9] .msi-alert {
    margin-bottom: 12px;
}

/* ---------------- form --- */

.msi-form[b-mb9io4jfd9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.msi-label[b-mb9io4jfd9] {
    font-size: var(--sg-fs-label);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--sg-text-secondary);
    margin-top: 6px;
}

/* The search-field recipe: a bordered box on the page background, the input inside it borderless. */
.msi-field[b-mb9io4jfd9] {
    display: flex;
    border: 1px solid var(--sg-lines);
    border-radius: var(--sg-radius-well);
    background: var(--sg-background);
    transition: border-color var(--sg-ease);
}

.msi-field:focus-within[b-mb9io4jfd9] {
    border-color: var(--sg-primary);
}

.msi-field input[b-mb9io4jfd9] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    color: var(--sg-text-primary);
    font: inherit;
    font-size: var(--sg-fs-body);
    padding: 9px 12px;
}

[b-mb9io4jfd9] .msi-submit {
    margin-top: 14px;
}

.msi-hint[b-mb9io4jfd9] {
    margin: 14px 0 0;
    font-size: var(--sg-fs-secondary);
    line-height: 1.5;
    color: var(--sg-text-secondary);
}

.msi-hint a[b-mb9io4jfd9] {
    color: var(--sg-primary);
}

.msi-lead[b-mb9io4jfd9] {
    font-size: var(--sg-fs-secondary);
    color: var(--sg-text-secondary);
    line-height: 1.5;
    margin: 0 0 4px;
}