/* _content/DMailBox.Web/Components/Layout/AppSidebar.razor.rz.scp.css */
.sidebar[b-jwur1ougy5] {
    position: sticky;
    top: var(--topbar-height);
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: var(--sidebar-width);
    flex-shrink: 0;
    height: calc(100vh - var(--topbar-height));
    padding: 16px 12px;
    background: var(--color-surface);
    border-right: 1px solid var(--color-border);
}

.sidebar-mobile-header[b-jwur1ougy5] {
    display: none;
    padding: 4px 8px 12px;
}

.sidebar-section[b-jwur1ougy5] {
    padding: 0 4px 8px;
}

.sidebar-scroll[b-jwur1ougy5] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.sidebar-nav[b-jwur1ougy5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sidebar-primary[b-jwur1ougy5] {
    display: none;
}

.sidebar-bottom[b-jwur1ougy5] {
    padding-top: 8px;
    border-top: 1px solid var(--color-border);
}

.sidebar-nav[b-jwur1ougy5]  .sidebar-link {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 36px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-muted);
    border-radius: var(--radius);
    text-decoration: none;
}

.sidebar-nav[b-jwur1ougy5]  .sidebar-link:hover {
    color: var(--color-text);
    background: var(--color-surface-muted);
}

.sidebar-nav[b-jwur1ougy5]  .sidebar-link.active {
    color: var(--color-primary-text);
    background: var(--color-primary-soft);
}

@media (max-width: 1023.98px) {
    .sidebar[b-jwur1ougy5] {
        width: 280px;
        max-width: 85vw;
        padding-top: 16px;
    }

    .sidebar-mobile-header[b-jwur1ougy5] {
        display: block;
    }

    .sidebar-primary[b-jwur1ougy5] {
        display: flex;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--color-border);
    }
}
/* _content/DMailBox.Web/Components/Layout/AppTopbar.razor.rz.scp.css */
.topbar[b-qw0ms7xq1c] {
    position: sticky;
    top: 0;
    z-index: 800;
    display: flex;
    align-items: center;
    gap: 16px;
    height: var(--topbar-height);
    padding: 0 20px;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: saturate(180%) blur(8px);
    border-bottom: 1px solid var(--color-border);
}

.topbar-menu[b-qw0ms7xq1c] {
    display: none;
    margin-left: -8px;
}

.topnav[b-qw0ms7xq1c] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: 20px;
}

.topnav[b-qw0ms7xq1c]  .topnav-link {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-muted);
    border-radius: var(--radius);
    text-decoration: none;
    transition: background var(--transition), color var(--transition);
}

.topnav[b-qw0ms7xq1c]  .topnav-link:hover {
    color: var(--color-text);
    background: var(--color-surface-muted);
}

.topnav[b-qw0ms7xq1c]  .topnav-link.active {
    color: var(--color-primary-text);
    background: var(--color-primary-soft);
}

.user-trigger[b-qw0ms7xq1c] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 6px 3px 3px;
    border-radius: var(--radius-full);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text-muted);
}

.user-trigger:hover[b-qw0ms7xq1c] {
    background: var(--color-surface-muted);
}

.avatar[b-qw0ms7xq1c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #6366f1, #4338ca);
    border-radius: 50%;
}

@media (max-width: 1023.98px) {
    .topbar[b-qw0ms7xq1c] {
        padding: 0 16px;
        gap: 10px;
    }

    .topbar-menu[b-qw0ms7xq1c] {
        display: inline-flex;
    }

    .topnav[b-qw0ms7xq1c] {
        display: none;
    }
}

@media (max-width: 480px) {
    .topbar-compose span[b-qw0ms7xq1c] {
        display: none;
    }

    .topbar-compose[b-qw0ms7xq1c] {
        width: 34px;
        padding: 0;
    }
}
/* _content/DMailBox.Web/Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-btg0a9rvie] {
    display: grid;
    grid-template-columns: minmax(360px, 5fr) 7fr;
    min-height: 100vh;
}

.auth-brand[b-btg0a9rvie] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 48px;
    color: #fff;
    background:
        radial-gradient(circle at 20% 15%, rgba(129, 140, 248, .45), transparent 45%),
        radial-gradient(circle at 85% 90%, rgba(56, 189, 248, .25), transparent 40%),
        linear-gradient(160deg, #312e81 0%, #1e1b4b 100%);
    overflow: hidden;
}

.auth-brand-content h2[b-btg0a9rvie] {
    max-width: 420px;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #fff;
}

.auth-features[b-btg0a9rvie] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
    color: #c7d2fe;
    font-size: 15px;
}

.auth-features li[b-btg0a9rvie] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.auth-brand-footer[b-btg0a9rvie] {
    font-size: 13px;
    color: #a5b4fc;
}

.auth-main[b-btg0a9rvie] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    background: var(--color-surface);
}

.auth-mobile-logo[b-btg0a9rvie] {
    display: none;
    margin-bottom: 28px;
}

.auth-card[b-btg0a9rvie] {
    width: 100%;
    max-width: 400px;
}

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

    .auth-brand[b-btg0a9rvie] {
        display: none;
    }

    .auth-mobile-logo[b-btg0a9rvie] {
        display: block;
    }

    .auth-main[b-btg0a9rvie] {
        justify-content: flex-start;
        padding-top: 48px;
    }
}
/* _content/DMailBox.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-4bfpwpive0] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.app-body[b-4bfpwpive0] {
    flex: 1;
    display: flex;
    min-height: 0;
}

.app-content[b-4bfpwpive0] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.sidebar-backdrop[b-4bfpwpive0] {
    display: none;
}

/* Webmail provides its own mailbox/folder pane on desktop. */
@media (min-width: 1024px) {
    .app-shell.is-mail[b-4bfpwpive0]  .sidebar {
        display: none;
    }
}

@media (max-width: 1023.98px) {
    .app-shell[b-4bfpwpive0]  .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        height: auto;
        z-index: 950;
        transform: translateX(-100%);
        transition: transform 200ms ease;
        box-shadow: var(--shadow-lg);
    }

    .app-shell.is-sidebar-open[b-4bfpwpive0]  .sidebar {
        transform: translateX(0);
    }

    .app-shell.is-sidebar-open .sidebar-backdrop[b-4bfpwpive0] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 940;
        background: rgba(16, 24, 40, .4);
    }
}
/* _content/DMailBox.Web/Components/Layout/PublicLayout.razor.rz.scp.css */
.public-shell[b-3v1xqbse71] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--color-surface);
}

.public-container[b-3v1xqbse71] {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px;
}

.public-header[b-3v1xqbse71] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, .9);
    backdrop-filter: saturate(180%) blur(8px);
    border-bottom: 1px solid var(--color-border);
}

.public-header-inner[b-3v1xqbse71] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 64px;
}

.public-main[b-3v1xqbse71] {
    flex: 1;
}

.public-footer[b-3v1xqbse71] {
    padding: 24px 0;
    font-size: 13px;
    color: var(--color-text-muted);
    border-top: 1px solid var(--color-border);
}

@media (max-width: 640px) {
    .public-container[b-3v1xqbse71] {
        padding: 0 16px;
    }
}
/* _content/DMailBox.Web/Components/Layout/SidebarMailboxes.razor.rz.scp.css */
.sidebar-group[b-2dbsvsjbi7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 4px;
}

.sidebar-group-title[b-2dbsvsjbi7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 4px 4px 10px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--color-text-subtle);
}

.sidebar-empty[b-2dbsvsjbi7] {
    padding: 4px 10px;
    font-size: 13px;
    color: var(--color-text-subtle);
}

.sidebar-group[b-2dbsvsjbi7]  .sidebar-mailbox {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 34px;
    padding: 0 10px;
    font-size: 13.5px;
    color: var(--color-text-muted);
    border-radius: var(--radius);
    text-decoration: none;
}

.sidebar-group[b-2dbsvsjbi7]  .sidebar-mailbox:hover {
    color: var(--color-text);
    background: var(--color-surface-muted);
    text-decoration: none;
}

.sidebar-group[b-2dbsvsjbi7]  .sidebar-mailbox.active {
    color: var(--color-primary-text);
    background: var(--color-primary-soft);
}

.sidebar-group[b-2dbsvsjbi7]  .sidebar-mailbox.is-disabled {
    opacity: .6;
}

.sidebar-group[b-2dbsvsjbi7]  .sidebar-mailbox .name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/DMailBox.Web/Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
.quota-grid[b-pqwjosbplh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

@media (max-width: 640px) {
    .quota-grid[b-pqwjosbplh] {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.webhook-url[b-pqwjosbplh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.webhook-url code[b-pqwjosbplh] {
    overflow-wrap: anywhere;
}
/* _content/DMailBox.Web/Components/Pages/Admin/AdminDomains.razor.rz.scp.css */
.admin-form-row[b-uel5iii73k] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.admin-form-row .form-group[b-uel5iii73k] {
    flex: 1;
    min-width: 200px;
}
/* _content/DMailBox.Web/Components/Pages/Admin/AdminWebhooks.razor.rz.scp.css */
.error-cell[b-46jmhf60nd] {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/DMailBox.Web/Components/Pages/Admin/UserLimitFields.razor.rz.scp.css */
.limits[b-wwiwsxvqnt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
}

.limits-title[b-wwiwsxvqnt] {
    font-weight: 600;
    font-size: 14px;
}

.limits-title .optional[b-wwiwsxvqnt] {
    font-weight: 400;
    color: var(--color-text-muted);
}
/* _content/DMailBox.Web/Components/Pages/Compose/Compose.razor.rz.scp.css */
.compose-page[b-rwsb4omi8r] {
    max-width: 920px;
}

.compose-card[b-rwsb4omi8r] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.compose-fields[b-rwsb4omi8r] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 8px 20px 0;
}

.compose-fields[b-rwsb4omi8r]  .alert {
    margin: 10px 0;
}

.compose-row[b-rwsb4omi8r] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    border-bottom: 1px solid var(--color-border);
}

.compose-label[b-rwsb4omi8r] {
    flex-shrink: 0;
    width: 64px;
    font-size: 13.5px;
    color: var(--color-text-muted);
}

.compose-input[b-rwsb4omi8r] {
    flex: 1;
    min-width: 0;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
}

.compose-input:focus[b-rwsb4omi8r] {
    box-shadow: none;
    border: 0;
}

select.compose-input[b-rwsb4omi8r] {
    padding-right: 32px;
    background-position: right 4px center;
}

.compose-toggles[b-rwsb4omi8r] {
    display: flex;
    gap: 2px;
}

.compose-attachments[b-rwsb4omi8r] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 20px 12px;
}

.compose-attachments:empty[b-rwsb4omi8r] {
    display: none;
}

.attachment-chip[b-rwsb4omi8r] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    height: 32px;
    padding: 0 6px 0 10px;
    font-size: 13px;
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
}

.attachment-chip-name[b-rwsb4omi8r] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.attachment-chip-remove[b-rwsb4omi8r] {
    display: inline-flex;
    padding: 3px;
    color: var(--color-text-muted);
    background: none;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}

.attachment-chip-remove:hover[b-rwsb4omi8r] {
    color: var(--color-danger);
    background: var(--color-danger-soft);
}

.compose-footer[b-rwsb4omi8r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 16px;
    background: #fcfcfd;
    border-top: 1px solid var(--color-border);
}

.compose-footer label.disabled[b-rwsb4omi8r] {
    opacity: .55;
    pointer-events: none;
}

.compose-hint[b-rwsb4omi8r] {
    font-size: 12px;
    color: var(--color-text-subtle);
}

@media (max-width: 640px) {
    .compose-fields[b-rwsb4omi8r] {
        padding: 4px 14px 0;
    }

    .compose-label[b-rwsb4omi8r] {
        width: 52px;
    }

    .compose-hint[b-rwsb4omi8r],
    .attach-label[b-rwsb4omi8r] {
        display: none;
    }
}
/* _content/DMailBox.Web/Components/Pages/Compose/RichTextEditor.razor.rz.scp.css */
.rte[b-baqj2h9f2x] {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--color-border);
}

.rte-toolbar[b-baqj2h9f2x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    padding: 6px 12px;
    background: var(--color-surface-muted);
    border-bottom: 1px solid var(--color-border);
}

.rte-toolbar button[b-baqj2h9f2x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 6px;
    font: inherit;
    font-size: 15px;
    color: var(--color-text-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.rte-toolbar button:hover[b-baqj2h9f2x] {
    color: var(--color-text);
    background: var(--color-surface);
    border-color: var(--color-border);
}

.rte-toolbar button.is-active[b-baqj2h9f2x] {
    color: var(--color-primary);
    background: var(--color-surface);
    border-color: var(--color-border-strong);
}

.rte-sep[b-baqj2h9f2x] {
    width: 1px;
    height: 20px;
    margin: 0 4px;
    background: var(--color-border-strong);
}

.rte-area[b-baqj2h9f2x] {
    position: relative;
    min-height: 320px;
    max-height: 60vh;
    overflow-y: auto;
    padding: 16px 20px;
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--color-text);
    background: var(--color-surface);
    outline: none;
    overflow-wrap: anywhere;
}

.rte-area.is-empty[b-baqj2h9f2x]::before {
    content: attr(data-placeholder);
    position: absolute;
    color: var(--color-text-subtle);
    pointer-events: none;
}

.rte.is-disabled .rte-area[b-baqj2h9f2x] {
    opacity: 0.7;
}

.rte.is-disabled .rte-toolbar button[b-baqj2h9f2x] {
    cursor: default;
    opacity: 0.5;
}

.rte-area[b-baqj2h9f2x]  p {
    margin: 0 0 0.6em;
}

.rte-area[b-baqj2h9f2x]  ul,
.rte-area[b-baqj2h9f2x]  ol {
    margin: 0 0 0.6em;
    padding-left: 24px;
}

.rte-area[b-baqj2h9f2x]  blockquote {
    margin: 0 0 0.6em 4px;
    padding-left: 12px;
    color: var(--color-text-muted);
    border-left: 3px solid var(--color-border-strong);
}

.rte-area[b-baqj2h9f2x]  a {
    color: var(--color-primary);
}

.rte-area[b-baqj2h9f2x]  img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 640px) {
    .rte-toolbar[b-baqj2h9f2x] {
        padding: 6px 8px;
    }

    .rte-area[b-baqj2h9f2x] {
        min-height: 240px;
        padding: 14px;
    }
}
/* _content/DMailBox.Web/Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
.stat-link[b-bkk92lzxa1] {
    color: var(--color-text);
    text-decoration: none;
    transition: border-color var(--transition), box-shadow var(--transition);
}

.stat-link:hover[b-bkk92lzxa1] {
    color: var(--color-text);
    text-decoration: none;
    border-color: var(--color-border-strong);
    box-shadow: var(--shadow-md);
}

.checklist[b-bkk92lzxa1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.checklist li[b-bkk92lzxa1] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.checklist li > div[b-bkk92lzxa1] {
    flex: 1;
    min-width: 0;
}

.checklist p[b-bkk92lzxa1] {
    font-size: 13.5px;
    color: var(--color-text-muted);
}

.check[b-bkk92lzxa1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    color: transparent;
    border: 2px solid var(--color-border-strong);
    border-radius: 50%;
}

.checklist li.done .check[b-bkk92lzxa1] {
    color: #fff;
    background: var(--color-success);
    border-color: var(--color-success);
}

.checklist li.done strong[b-bkk92lzxa1] {
    color: var(--color-text-muted);
    text-decoration: line-through;
}

.recent-list[b-bkk92lzxa1] {
    display: flex;
    flex-direction: column;
}

.recent-item[b-bkk92lzxa1] {
    display: flex;
    gap: 12px;
    padding: 14px 20px;
    color: var(--color-text);
    border-bottom: 1px solid var(--color-border);
    text-decoration: none;
}

.recent-item:last-child[b-bkk92lzxa1] {
    border-bottom: 0;
}

.recent-item:hover[b-bkk92lzxa1] {
    color: var(--color-text);
    background: var(--color-surface-hover);
    text-decoration: none;
}

.recent-body[b-bkk92lzxa1] {
    flex: 1;
    min-width: 0;
}

.recent-top[b-bkk92lzxa1] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.recent-from[b-bkk92lzxa1] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-mailbox[b-bkk92lzxa1] {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    color: var(--color-text-subtle);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-item[b-bkk92lzxa1]  .recent-date {
    flex-shrink: 0;
    font-size: 12px;
    color: var(--color-text-subtle);
}

.recent-subject[b-bkk92lzxa1],
.recent-preview[b-bkk92lzxa1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-subject[b-bkk92lzxa1] {
    font-size: 13.5px;
}

.recent-preview[b-bkk92lzxa1] {
    font-size: 13px;
    color: var(--color-text-muted);
}

.recent-item.unread .recent-from[b-bkk92lzxa1],
.recent-item.unread .recent-subject[b-bkk92lzxa1] {
    font-weight: 700;
}

@media (max-width: 640px) {
    .checklist li[b-bkk92lzxa1] {
        flex-wrap: wrap;
    }

    .recent-item[b-bkk92lzxa1] {
        padding: 12px 16px;
    }

    .recent-mailbox[b-bkk92lzxa1] {
        display: none;
    }
}
/* _content/DMailBox.Web/Components/Pages/Domains/AddDomain.razor.rz.scp.css */
.add-domain-grid[b-ya4mvy35hl] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 20px;
    align-items: start;
}

.steps[b-ya4mvy35hl] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: step;
}

.steps li[b-ya4mvy35hl] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: 40px;
    counter-increment: step;
}

.steps li[b-ya4mvy35hl]::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: -2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-primary-text);
    background: var(--color-primary-soft);
    border-radius: 50%;
}

.steps span[b-ya4mvy35hl] {
    color: var(--color-text-muted);
    font-size: 13.5px;
}

@media (max-width: 900px) {
    .add-domain-grid[b-ya4mvy35hl] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/DMailBox.Web/Components/Pages/Domains/DnsRecordsTable.razor.rz.scp.css */
.dns-table[b-fq2mvqz16w] {
    display: flex;
    flex-direction: column;
}

.dns-row[b-fq2mvqz16w] {
    display: grid;
    grid-template-columns: 130px minmax(140px, 1.1fr) minmax(200px, 2fr) 70px 60px 120px;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border-bottom: 1px solid var(--color-border);
}

.dns-row:last-child[b-fq2mvqz16w] {
    border-bottom: 0;
}

.dns-head[b-fq2mvqz16w] {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--color-text-muted);
    background: #fafbfc;
}

.dns-cell[b-fq2mvqz16w] {
    min-width: 0;
    font-size: 14px;
}

.dns-type[b-fq2mvqz16w] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.dns-purpose[b-fq2mvqz16w] {
    font-size: 12px;
    color: var(--color-text-subtle);
}

@media (max-width: 960px) {
    .dns-head[b-fq2mvqz16w] {
        display: none;
    }

    .dns-row[b-fq2mvqz16w] {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        padding: 16px;
    }

    .dns-cell[b-fq2mvqz16w] {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
    }

    .dns-cell[b-fq2mvqz16w]::before {
        content: attr(data-label);
        font-size: 12px;
        font-weight: 500;
        color: var(--color-text-muted);
    }

    .dns-type[b-fq2mvqz16w] {
        flex-direction: row;
        align-items: center;
    }
}
/* _content/DMailBox.Web/Components/Pages/Domains/DomainDetailsPage.razor.rz.scp.css */
.dns-tips[b-xoax4soosu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    color: var(--color-text-muted);
}

.danger-zone[b-xoax4soosu] {
    border-color: var(--color-danger-border);
}

.danger-zone .card-header[b-xoax4soosu] {
    border-bottom: 0;
}
/* _content/DMailBox.Web/Components/Pages/Home.razor.rz.scp.css */
.hero[b-yaf7nurc8m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 56px;
    max-width: 1120px;
    margin: 0 auto;
    padding: 80px 24px 64px;
}

.hero-inner h1[b-yaf7nurc8m] {
    margin-top: 18px;
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -.03em;
}

.hero-lead[b-yaf7nurc8m] {
    margin-top: 18px;
    font-size: 17px;
    line-height: 1.6;
    color: var(--color-text-muted);
}

.hero-actions[b-yaf7nurc8m] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.preview-window[b-yaf7nurc8m] {
    overflow: hidden;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    box-shadow: 0 30px 60px -20px rgba(49, 46, 129, .35);
}

.preview-bar[b-yaf7nurc8m] {
    display: flex;
    gap: 6px;
    padding: 12px 14px;
    background: #f8f9fb;
    border-bottom: 1px solid var(--color-border);
}

.preview-bar span[b-yaf7nurc8m] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d0d5dd;
}

.preview-body[b-yaf7nurc8m] {
    display: grid;
    grid-template-columns: 200px 1fr;
    min-height: 260px;
}

.preview-nav[b-yaf7nurc8m] {
    padding: 12px 8px;
    border-right: 1px solid var(--color-border);
    background: #fcfcfd;
}

.preview-mailbox[b-yaf7nurc8m] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 8px;
    font-size: 12.5px;
    color: var(--color-text-muted);
    border-radius: var(--radius-sm);
}

.preview-mailbox b[b-yaf7nurc8m] {
    margin-left: auto;
    font-size: 11px;
    color: var(--color-primary-text);
}

.preview-mailbox.active[b-yaf7nurc8m] {
    color: var(--color-primary-text);
    background: var(--color-primary-soft);
    font-weight: 500;
}

.preview-mail[b-yaf7nurc8m] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 16px;
    font-size: 13px;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-muted);
}

.preview-mail strong[b-yaf7nurc8m] {
    font-weight: 500;
    color: var(--color-text);
}

.preview-mail.unread strong[b-yaf7nurc8m] {
    font-weight: 700;
}

.preview-mail.unread[b-yaf7nurc8m] {
    box-shadow: inset 3px 0 0 var(--color-primary);
}

.features[b-yaf7nurc8m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    max-width: 1120px;
    margin: 0 auto;
    padding: 24px 24px 88px;
}

.feature[b-yaf7nurc8m] {
    padding: 22px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: #fcfcfd;
}

.feature h3[b-yaf7nurc8m] {
    margin-top: 14px;
    font-size: 15px;
}

.feature p[b-yaf7nurc8m] {
    margin-top: 6px;
    color: var(--color-text-muted);
}

.feature-icon[b-yaf7nurc8m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--color-primary);
    background: var(--color-primary-soft);
    border-radius: var(--radius);
}

@media (max-width: 960px) {
    .hero[b-yaf7nurc8m] {
        grid-template-columns: 1fr;
        padding-top: 48px;
    }

    .features[b-yaf7nurc8m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .hero-inner h1[b-yaf7nurc8m] {
        font-size: 32px;
    }

    .preview-body[b-yaf7nurc8m] {
        grid-template-columns: 1fr;
    }

    .preview-nav[b-yaf7nurc8m] {
        display: none;
    }

    .features[b-yaf7nurc8m] {
        grid-template-columns: 1fr;
    }
}
/* _content/DMailBox.Web/Components/Pages/Mailboxes/MailboxList.razor.rz.scp.css */
.mailbox-table tr.is-disabled td:first-child .row-link[b-uyskqbbi46] {
    color: var(--color-text-muted);
}
/* _content/DMailBox.Web/Components/Pages/Mail/AttachmentList.razor.rz.scp.css */
.attachments[b-m4pj1hhit1] {
    padding: 12px 24px 14px;
    border-bottom: 1px solid var(--color-border);
}

.attachments-title[b-m4pj1hhit1] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--color-text-muted);
}

.attachment-grid[b-m4pj1hhit1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.attachment[b-m4pj1hhit1] {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 280px;
    padding: 6px 6px 6px 8px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
}

.attachment-icon[b-m4pj1hhit1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    color: var(--color-primary);
    background: var(--color-primary-soft);
    border-radius: var(--radius-sm);
}

.attachment-info[b-m4pj1hhit1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.attachment-name[b-m4pj1hhit1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
}

.attachment-size[b-m4pj1hhit1] {
    font-size: 11.5px;
    color: var(--color-text-subtle);
}

@media (max-width: 640px) {
    .attachments[b-m4pj1hhit1] {
        padding: 12px 16px;
    }

    .attachment[b-m4pj1hhit1] {
        max-width: 100%;
        flex: 1 1 100%;
    }
}
/* _content/DMailBox.Web/Components/Pages/Mail/EmailBodyFrame.razor.rz.scp.css */
.email-frame[b-yw6pct4vi4] {
    display: block;
    flex: 1;
    width: 100%;
    min-height: 320px;
    border: 0;
    background: #fff;
}

.email-text[b-yw6pct4vi4] {
    flex: 1;
    padding: 20px 24px 32px;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* _content/DMailBox.Web/Components/Pages/Mail/EmailListPane.razor.rz.scp.css */
.mail-list[b-ejmb5i6n9g] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    background: var(--color-surface);
    border-right: 1px solid var(--color-border);
}

.list-header[b-ejmb5i6n9g] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 16px 12px;
    border-bottom: 1px solid var(--color-border);
}

.list-mobile-mailbox[b-ejmb5i6n9g],
.list-mobile-tabs[b-ejmb5i6n9g] {
    display: none;
}

.list-title-row[b-ejmb5i6n9g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.list-title[b-ejmb5i6n9g] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.list-title h2[b-ejmb5i6n9g] {
    font-size: 18px;
}

.list-subtitle[b-ejmb5i6n9g] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12.5px;
    color: var(--color-text-muted);
}

.search-box[b-ejmb5i6n9g] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 10px;
    color: var(--color-text-subtle);
    background: var(--color-surface-muted);
    border: 1px solid transparent;
    border-radius: var(--radius);
    transition: border-color var(--transition), background var(--transition), box-shadow var(--transition);
}

.search-box:focus-within[b-ejmb5i6n9g] {
    background: var(--color-surface);
    border-color: var(--color-primary);
    box-shadow: 0 0 0 4px var(--color-primary-ring);
}

.search-box input[b-ejmb5i6n9g] {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0;
    font: inherit;
    font-size: 14px;
    color: var(--color-text);
    background: transparent;
    border: 0;
    outline: none;
}

.search-box input[b-ejmb5i6n9g]::-webkit-search-cancel-button {
    display: none;
}

.search-clear[b-ejmb5i6n9g] {
    display: inline-flex;
    padding: 4px;
    color: var(--color-text-subtle);
    background: none;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}

.search-clear:hover[b-ejmb5i6n9g] {
    color: var(--color-text);
    background: var(--color-border);
}

.filter-chips[b-ejmb5i6n9g] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
}

.chip[b-ejmb5i6n9g] {
    flex-shrink: 0;
    height: 28px;
    padding: 0 11px;
    font: inherit;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--color-text-muted);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    cursor: pointer;
}

.chip:hover[b-ejmb5i6n9g] {
    color: var(--color-text);
    border-color: var(--color-border-strong);
}

.chip.active[b-ejmb5i6n9g] {
    color: var(--color-primary-text);
    background: var(--color-primary-soft);
    border-color: #d9dbff;
}

.list-scroll[b-ejmb5i6n9g] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.skeleton-row[b-ejmb5i6n9g] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid var(--color-border);
}

.skeleton-avatar[b-ejmb5i6n9g] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.list-footer[b-ejmb5i6n9g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px 8px 16px;
    font-size: 12.5px;
    color: var(--color-text-muted);
    border-top: 1px solid var(--color-border);
}

.mail-list[b-ejmb5i6n9g]  .spin {
    animation: spin .8s linear infinite;
}

@media (max-width: 1023.98px) {
    .mail-list[b-ejmb5i6n9g] {
        border-right: 0;
    }

    .list-header[b-ejmb5i6n9g] {
        padding: 12px 16px 10px;
    }

    .list-mobile-mailbox[b-ejmb5i6n9g] {
        display: flex;
        gap: 8px;
    }

    .list-mobile-mailbox select[b-ejmb5i6n9g] {
        flex: 1;
        min-width: 0;
    }

    .list-mobile-tabs[b-ejmb5i6n9g] {
        display: flex;
        gap: 4px;
        margin: 0 -4px;
        overflow-x: auto;
    }

    .list-mobile-tabs a[b-ejmb5i6n9g] {
        flex-shrink: 0;
        padding: 6px 12px;
        font-size: 13.5px;
        font-weight: 500;
        color: var(--color-text-muted);
        border-radius: var(--radius-full);
        text-decoration: none;
    }

    .list-mobile-tabs a.active[b-ejmb5i6n9g] {
        color: var(--color-primary-text);
        background: var(--color-primary-soft);
    }

    .list-subtitle[b-ejmb5i6n9g] {
        display: none;
    }
}
/* _content/DMailBox.Web/Components/Pages/Mail/EmailListRow.razor.rz.scp.css */
.mail-row[b-x2w9r3rvd2] {
    position: relative;
    display: flex;
    gap: 12px;
    padding: 14px 16px 14px 18px;
    color: var(--color-text);
    border-bottom: 1px solid var(--color-border);
    text-decoration: none;
    transition: background var(--transition);
}

.mail-row:hover[b-x2w9r3rvd2] {
    background: var(--color-surface-hover);
    text-decoration: none;
    color: var(--color-text);
}

.mail-row.selected[b-x2w9r3rvd2] {
    background: var(--color-primary-soft);
}

.mail-row.unread[b-x2w9r3rvd2]::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-radius: 50%;
    background: var(--color-primary);
}

.mail-row-body[b-x2w9r3rvd2] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mail-row-top[b-x2w9r3rvd2],
.mail-row-bottom[b-x2w9r3rvd2] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.mail-row-from[b-x2w9r3rvd2],
.mail-row-subject[b-x2w9r3rvd2],
.mail-row-preview[b-x2w9r3rvd2] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-row-from[b-x2w9r3rvd2] {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
}

.mail-row[b-x2w9r3rvd2]  .mail-row-date {
    flex-shrink: 0;
    font-size: 12px;
    color: var(--color-text-subtle);
}

.mail-row-subject[b-x2w9r3rvd2] {
    font-size: 13.5px;
    color: var(--color-text);
}

.mail-row-preview[b-x2w9r3rvd2] {
    flex: 1;
    font-size: 13px;
    color: var(--color-text-muted);
}

.mail-row[b-x2w9r3rvd2]  .mail-row-icon {
    color: var(--color-text-subtle);
}

.mail-row.unread .mail-row-from[b-x2w9r3rvd2],
.mail-row.unread .mail-row-subject[b-x2w9r3rvd2] {
    font-weight: 700;
}

.mail-row.unread[b-x2w9r3rvd2]  .mail-row-date {
    color: var(--color-primary-text);
    font-weight: 600;
}

.mail-row-status[b-x2w9r3rvd2] {
    margin-top: 4px;
}
/* _content/DMailBox.Web/Components/Pages/Mail/EmailReader.razor.rz.scp.css */
.reader[b-6ewnqr41gq] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    /* Short screens: header, attachments and body scroll together; the toolbar stays visible. */
    overflow-y: auto;
}

.reader-toolbar[b-6ewnqr41gq] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
}

.reader-back[b-6ewnqr41gq] {
    display: none;
}

.reader-header[b-6ewnqr41gq] {
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--color-border);
}

.reader-subject[b-6ewnqr41gq] {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -.01em;
    overflow-wrap: anywhere;
}

.reader-meta[b-6ewnqr41gq] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 16px;
}

.reader-people[b-6ewnqr41gq] {
    flex: 1;
    min-width: 0;
}

.reader-from[b-6ewnqr41gq] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.reader-recipients[b-6ewnqr41gq] {
    margin-top: 2px;
    font-size: 13px;
    color: var(--color-text-muted);
    overflow-wrap: anywhere;
}

.reader-meta[b-6ewnqr41gq]  .reader-date {
    flex-shrink: 0;
    font-size: 12.5px;
    color: var(--color-text-subtle);
    white-space: nowrap;
}

.reader-status[b-6ewnqr41gq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.reader-body[b-6ewnqr41gq] {
    flex: 1 0 auto;
    min-height: 380px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1279.98px) {
    .reader-toolbar span[b-6ewnqr41gq] {
        display: none;
    }
}

@media (max-width: 1023.98px) {
    .reader-back[b-6ewnqr41gq] {
        display: inline-flex;
        margin-right: 4px;
    }

    .reader-toolbar span[b-6ewnqr41gq] {
        display: inline;
    }

    .reader-header[b-6ewnqr41gq] {
        padding: 16px;
    }

    .reader-subject[b-6ewnqr41gq] {
        font-size: 18px;
    }

    .reader-meta[b-6ewnqr41gq] {
        flex-wrap: wrap;
    }

    .reader-meta[b-6ewnqr41gq]  .reader-date {
        width: 100%;
        padding-left: 54px;
        margin-top: -6px;
    }
}

@media (max-width: 520px) {
    .reader-toolbar span[b-6ewnqr41gq] {
        display: none;
    }
}
/* _content/DMailBox.Web/Components/Pages/Mail/MailNav.razor.rz.scp.css */
.mail-nav[b-nfawtkeetg] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: #fbfbfc;
    border-right: 1px solid var(--color-border);
}

.mail-nav-top[b-nfawtkeetg] {
    padding: 16px 14px 12px;
}

.mail-nav-scroll[b-nfawtkeetg] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 4px 10px 12px;
}

.mail-nav-title[b-nfawtkeetg] {
    padding: 8px 10px 6px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--color-text-subtle);
}

.mailbox-group[b-nfawtkeetg] {
    margin-bottom: 2px;
    border-radius: var(--radius);
}

.mailbox-group.active[b-nfawtkeetg] {
    background: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--color-border);
    padding-bottom: 6px;
}

.mailbox-link[b-nfawtkeetg] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 10px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--color-text-muted);
    border-radius: var(--radius);
    text-decoration: none;
}

.mailbox-link:hover[b-nfawtkeetg] {
    color: var(--color-text);
    background: var(--color-surface-muted);
    text-decoration: none;
}

.mailbox-group.active .mailbox-link[b-nfawtkeetg] {
    color: var(--color-text);
}

.mailbox-group.active .mailbox-link:hover[b-nfawtkeetg] {
    background: transparent;
}

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

.folder-list[b-nfawtkeetg] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 0 6px;
}

.folder-link[b-nfawtkeetg] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 32px;
    padding: 0 10px 0 16px;
    font-size: 13.5px;
    color: var(--color-text-muted);
    border-radius: var(--radius-sm);
    text-decoration: none;
}

.folder-link:hover[b-nfawtkeetg] {
    color: var(--color-text);
    background: var(--color-surface-muted);
    text-decoration: none;
}

.folder-link.active[b-nfawtkeetg] {
    color: var(--color-primary-text);
    background: var(--color-primary-soft);
    font-weight: 500;
}

.folder-link span:not(.folder-count)[b-nfawtkeetg] {
    flex: 1;
}

.folder-count[b-nfawtkeetg] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-primary-text);
}

.mail-nav-bottom[b-nfawtkeetg] {
    padding: 10px 14px 14px;
    border-top: 1px solid var(--color-border);
}

.mail-nav-manage[b-nfawtkeetg] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--color-text-muted);
}

.mail-nav-manage:hover[b-nfawtkeetg] {
    color: var(--color-text);
    text-decoration: none;
}
/* _content/DMailBox.Web/Components/Pages/Mail/Webmail.razor.rz.scp.css */
.webmail[b-9g9zh62y1a] {
    display: grid;
    grid-template-columns: 250px minmax(340px, 400px) minmax(0, 1fr);
    height: calc(100vh - var(--topbar-height));
    height: calc(100dvh - var(--topbar-height));
    min-height: 0;
    background: var(--color-surface);
    overflow: hidden;
}

.mail-reader-pane[b-9g9zh62y1a] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    background: var(--color-surface);
}

.reader-placeholder[b-9g9zh62y1a] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--color-text-subtle);
    background: #fcfcfd;
}

.reader-placeholder-icon[b-9g9zh62y1a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--color-surface-muted);
}

@media (max-width: 1279.98px) {
    .webmail[b-9g9zh62y1a] {
        grid-template-columns: 220px minmax(300px, 340px) minmax(0, 1fr);
    }
}

@media (max-width: 1023.98px) {
    .webmail[b-9g9zh62y1a] {
        grid-template-columns: minmax(0, 1fr);
    }

    .webmail[b-9g9zh62y1a]  .mail-nav {
        display: none;
    }

    .webmail.is-list .mail-reader-pane[b-9g9zh62y1a] {
        display: none;
    }

    .webmail.is-reader[b-9g9zh62y1a]  .mail-list {
        display: none;
    }
}
/* _content/DMailBox.Web/Components/Pages/Settings/Settings.razor.rz.scp.css */
.setup-steps[b-ec5l3ieg7s] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.55;
}

.webhook-box[b-ec5l3ieg7s] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0;
    padding: 6px 6px 6px 12px;
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
}

.webhook-box code[b-ec5l3ieg7s] {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.event-list[b-ec5l3ieg7s] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
}

.resend-status[b-ec5l3ieg7s] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

.resend-status > div[b-ec5l3ieg7s] {
    padding: 10px 12px;
    background: var(--color-surface-muted);
    border-radius: var(--radius-sm);
}

.resend-status dt[b-ec5l3ieg7s] {
    font-size: 12px;
    color: var(--color-text-muted);
}

.resend-status dd[b-ec5l3ieg7s] {
    margin: 2px 0 0;
    font-size: 13.5px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .resend-status[b-ec5l3ieg7s] {
        grid-template-columns: 1fr;
    }
}
/* _content/DMailBox.Web/Components/Shared/EmailUsageCard.razor.rz.scp.css */
.usage-grid[b-8m495upbp8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

@media (max-width: 640px) {
    .usage-grid[b-8m495upbp8] {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
/* _content/DMailBox.Web/Components/Shared/Logo.razor.rz.scp.css */
.logo[b-0vswjcdtno] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--color-text);
    text-decoration: none;
}

.logo:hover[b-0vswjcdtno] {
    color: var(--color-text);
    text-decoration: none;
}

.logo-mark[b-0vswjcdtno] {
    flex-shrink: 0;
}

.logo-text[b-0vswjcdtno] {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.02em;
}

.logo.logo-light[b-0vswjcdtno],
.logo.logo-light:hover[b-0vswjcdtno] {
    color: #fff;
}
/* _content/DMailBox.Web/Components/Shared/UsageMeter.razor.rz.scp.css */
.meter[b-6g4vrtk3dm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 16px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
}

.meter-head[b-6g4vrtk3dm] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.meter-label[b-6g4vrtk3dm] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-text-muted);
}

.meter-reset[b-6g4vrtk3dm] {
    font-size: 12px;
    color: var(--color-text-subtle);
}

.meter-main[b-6g4vrtk3dm] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 8px;
}

.meter-value[b-6g4vrtk3dm] {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.1;
}

.meter-of[b-6g4vrtk3dm] {
    font-size: 14px;
    color: var(--color-text-muted);
}

.meter-left[b-6g4vrtk3dm] {
    margin-left: auto;
    padding: 2px 10px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--color-success);
    background: var(--color-success-soft);
    border-radius: 999px;
}

.meter-left.is-high[b-6g4vrtk3dm] {
    color: var(--color-warning);
    background: var(--color-warning-soft);
}

.meter-left.is-full[b-6g4vrtk3dm] {
    color: var(--color-danger);
    background: var(--color-danger-soft);
}

.meter-bar[b-6g4vrtk3dm] {
    height: 8px;
    overflow: hidden;
    background: var(--color-surface-muted);
    border-radius: 999px;
}

.meter-fill[b-6g4vrtk3dm] {
    display: block;
    height: 100%;
    background: var(--color-primary);
    border-radius: inherit;
    transition: width 0.3s ease;
}

.meter-fill.is-high[b-6g4vrtk3dm] {
    background: var(--color-warning);
}

.meter-fill.is-full[b-6g4vrtk3dm] {
    background: var(--color-danger);
}

.meter-facts[b-6g4vrtk3dm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

.meter-facts > div[b-6g4vrtk3dm] {
    min-width: 0;
    padding: 8px 10px;
    background: var(--color-surface-muted);
    border-radius: var(--radius-sm);
}

.meter-facts dt[b-6g4vrtk3dm] {
    font-size: 11.5px;
    color: var(--color-text-muted);
}

.meter-facts dd[b-6g4vrtk3dm] {
    margin: 2px 0 0;
    font-size: 14px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.meter-note[b-6g4vrtk3dm] {
    margin: 0;
    font-size: 12.5px;
    color: var(--color-text-muted);
}

@media (max-width: 480px) {
    .meter-facts[b-6g4vrtk3dm] {
        grid-template-columns: 1fr 1fr;
    }
}