/* _content/ApiKing.Web/Components/Account/Pages/Manage/ChangePassword.razor.rz.scp.css */
.section-header[b-7fjs60dn34] {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ak-panel-line);
}
.section-header h2[b-7fjs60dn34] {
    margin: 0 0 0.25rem 0;
    font-size: 1.15rem;
}

.cp-form[b-7fjs60dn34] {
    max-width: 480px;
}
/* _content/ApiKing.Web/Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
.section-header[b-oty16bhxl0] {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ak-panel-line);
}
.section-header h2[b-oty16bhxl0] {
    margin: 0 0 0.25rem 0;
    font-size: 1.15rem;
}

.enable-grid[b-oty16bhxl0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 720px;
}

.step-card[b-oty16bhxl0] {
    background: var(--ak-bg);
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 1.25rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.step-num[b-oty16bhxl0] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--ak-accent);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
    flex-shrink: 0;
}

.step-card h3[b-oty16bhxl0] {
    font-size: 1rem;
    margin: 0 0 0.25rem 0;
}

.step-body[b-oty16bhxl0] { flex: 1; min-width: 0; }

.qr-row[b-oty16bhxl0] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.qr-box[b-oty16bhxl0] {
    background: #fff;
    border: 1px solid var(--ak-panel-line);
    border-radius: 8px;
    padding: 0.75rem;
    width: 224px;
    height: 224px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.qr-fallback[b-oty16bhxl0] {
    flex: 1;
    min-width: 200px;
}
.qr-fallback-label[b-oty16bhxl0] {
    font-size: 0.825rem;
    color: var(--ak-text-muted);
    margin-bottom: 0.5rem;
}
.qr-fallback-key kbd[b-oty16bhxl0] {
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius-sm);
    padding: 0.5rem 0.75rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.875rem;
    color: var(--ak-text);
    box-shadow: var(--ak-shadow-sm);
    display: inline-block;
    word-break: break-all;
}

.verify-form[b-oty16bhxl0] { max-width: 400px; }
.verify-row[b-oty16bhxl0] {
    display: flex;
    gap: 0.5rem;
}
.verify-input[b-oty16bhxl0] {
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 0.1em;
    font-size: 1rem;
    text-align: center;
}
/* _content/ApiKing.Web/Components/Account/Pages/Manage/Index.razor.rz.scp.css */
.section-header[b-eokqj9loal] {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ak-panel-line);
}
.section-header h2[b-eokqj9loal] {
    margin: 0 0 0.25rem 0;
    font-size: 1.15rem;
}

.profile-form[b-eokqj9loal] {
    max-width: 480px;
}
/* _content/ApiKing.Web/Components/Account/Pages/Manage/TwoFactorAuthentication.razor.rz.scp.css */
.section-header[b-463o9gbh63] {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ak-panel-line);
}
.section-header h2[b-463o9gbh63] {
    margin: 0 0 0.25rem 0;
    font-size: 1.15rem;
}

.status-card[b-463o9gbh63] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: var(--ak-radius);
    margin-bottom: 1.25rem;
    border: 1px solid;
}
.status-card.on[b-463o9gbh63] {
    background: rgba(22, 163, 74, 0.06);
    border-color: rgba(22, 163, 74, 0.25);
}
.status-card.on .status-icon[b-463o9gbh63] { color: #16a34a; }
.status-card.off[b-463o9gbh63] {
    background: rgba(217, 119, 6, 0.06);
    border-color: rgba(217, 119, 6, 0.25);
}
.status-card.off .status-icon[b-463o9gbh63] { color: #d97706; }

.status-icon[b-463o9gbh63] {
    flex-shrink: 0;
}
.status-icon svg[b-463o9gbh63] { width: 2rem; height: 2rem; }

.status-title[b-463o9gbh63] {
    font-weight: 600;
    font-size: 1rem;
}
.status-desc[b-463o9gbh63] {
    font-size: 0.875rem;
    margin-top: 0.125rem;
}

.tfa-actions[b-463o9gbh63] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.inline-form[b-463o9gbh63] { display: inline-block; margin: 0; }
/* _content/ApiKing.Web/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.manage-page[b-l7gvaxx3yx] {
    max-width: 1100px;
}

.manage-header[b-l7gvaxx3yx] {
    margin-bottom: 2rem;
}
.manage-header h1[b-l7gvaxx3yx] {
    margin: 0 0 0.25rem 0;
}

.manage-grid[b-l7gvaxx3yx] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 2rem;
    align-items: start;
}

.manage-nav[b-l7gvaxx3yx] {
    position: sticky;
    top: 1.5rem;
}

.manage-body[b-l7gvaxx3yx] {
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 1.75rem;
    box-shadow: var(--ak-shadow-sm);
}

@media (max-width: 760px) {
    .manage-grid[b-l7gvaxx3yx] { grid-template-columns: 1fr; }
    .manage-nav[b-l7gvaxx3yx] { position: static; }
}
/* _content/ApiKing.Web/Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.manage-nav-list[b-mzqx4k6lww] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 0.5rem;
    box-shadow: var(--ak-shadow-sm);
}

[b-mzqx4k6lww] .m-nav-link {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.75rem;
    border-radius: var(--ak-radius-sm);
    color: var(--ak-text);
    font-size: 0.9rem;
    text-decoration: none;
    transition: background-color 0.12s, color 0.12s;
}

[b-mzqx4k6lww] .m-nav-link svg {
    width: 1.05rem;
    height: 1.05rem;
    flex-shrink: 0;
    color: var(--ak-text-muted);
}

[b-mzqx4k6lww] .m-nav-link:hover {
    background: var(--ak-bg);
    color: var(--ak-text);
    text-decoration: none;
}

[b-mzqx4k6lww] .m-nav-link.active {
    background: var(--ak-accent-soft);
    color: var(--ak-accent);
}

[b-mzqx4k6lww] .m-nav-link.active svg {
    color: var(--ak-accent);
}
/* _content/ApiKing.Web/Components/Layout/AppHeader.razor.rz.scp.css */
.app-header[b-0m9ut1qy2r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    height: 60px;
    padding: 0 1.25rem;
    background: var(--ak-panel);
    border-bottom: 1px solid var(--ak-panel-line);
    position: sticky;
    top: 0;
    z-index: 50;
}

.app-header-spacer[b-0m9ut1qy2r] { flex: 1; }

.app-header-right[b-0m9ut1qy2r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-user[b-0m9ut1qy2r] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.3rem 0.6rem 0.3rem 0.4rem;
    border-radius: 999px;
    text-decoration: none;
    color: var(--ak-text);
    transition: background-color 0.15s;
}
.header-user:hover[b-0m9ut1qy2r] { background: var(--ak-bg); }

.header-avatar[b-0m9ut1qy2r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--ak-accent);
    color: #fff;
    font-weight: 600;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.header-user-name[b-0m9ut1qy2r] {
    font-size: 0.9rem;
    font-weight: 500;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .header-user-name[b-0m9ut1qy2r] { display: none; }
}
/* _content/ApiKing.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-jhovu0g4ck] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-jhovu0g4ck] {
    flex: 1;
    background: var(--ak-bg);
}

.sidebar[b-jhovu0g4ck] {
    background: linear-gradient(180deg, var(--ak-sidebar-bg) 0%, var(--ak-sidebar-bg-2) 100%);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.05);
}

@media (min-width: 641px) {
    .page[b-jhovu0g4ck] {
        flex-direction: row;
    }
    .sidebar[b-jhovu0g4ck] {
        width: 240px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
    }
    article[b-jhovu0g4ck] {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        padding-top: 2rem !important;
    }
}

#blazor-error-ui[b-jhovu0g4ck] {
    color-scheme: light only;
    background: #fef3c7;
    border-top: 1px solid #fbbf24;
    bottom: 0;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    color: #78350f;
}

#blazor-error-ui .dismiss[b-jhovu0g4ck] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/ApiKing.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.brand-row[b-c08qmrwfks] {
    height: 3.75rem;
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.brand[b-c08qmrwfks] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.05rem;
    letter-spacing: -0.01em;
}
.brand:hover[b-c08qmrwfks] { color: #fff; text-decoration: none; }

.brand-mark[b-c08qmrwfks] {
    width: 2rem;
    height: 2rem;
    background: var(--ak-accent);
    color: #fff;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.35);
}

.navbar-toggler[b-c08qmrwfks] {
    appearance: none;
    cursor: pointer;
    width: 2.75rem;
    height: 2.25rem;
    color: white;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.5rem;
}

.nav-list[b-c08qmrwfks] {
    display: flex;
    flex-direction: column;
    padding: 1rem 0.75rem;
    gap: 2px;
}

[b-c08qmrwfks] .nav-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.85rem;
    border-radius: 8px;
    color: var(--ak-sidebar-text);
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.12s, color 0.12s;
}

[b-c08qmrwfks] .nav-link svg {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
    opacity: 0.85;
}

[b-c08qmrwfks] .nav-link:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    text-decoration: none;
}

[b-c08qmrwfks] .nav-link.active {
    background: var(--ak-sidebar-active);
    color: var(--ak-sidebar-active-text);
}

[b-c08qmrwfks] .nav-link.active svg {
    opacity: 1;
    color: #fff;
}

/* ---------- Sidebar footer (user card + sign-out) ---------- */
.sidebar-footer[b-c08qmrwfks] {
    margin-top: auto;
    padding: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.user-card[b-c08qmrwfks] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.625rem 0.75rem;
    border-radius: 8px;
    text-decoration: none;
    color: var(--ak-sidebar-text);
    transition: background-color 0.12s;
}
.user-card:hover[b-c08qmrwfks] {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    text-decoration: none;
}

.user-avatar[b-c08qmrwfks] {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    background: var(--ak-accent);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.35);
}

.user-meta[b-c08qmrwfks] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
}
.user-name[b-c08qmrwfks] {
    color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-role[b-c08qmrwfks] {
    color: var(--ak-sidebar-text-dim);
    font-size: 0.74rem;
    margin-top: 1px;
}

.nav-form[b-c08qmrwfks] { margin: 0; }
.nav-link-button[b-c08qmrwfks] {
    color: var(--ak-sidebar-text-dim) !important;
    font-size: 0.85rem !important;
}
.nav-link-button:hover[b-c08qmrwfks] {
    color: #fff !important;
}

.sidebar-footer-placeholder[b-c08qmrwfks] {
    height: 3.5rem;
}

.nav-scrollable[b-c08qmrwfks] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-c08qmrwfks] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-c08qmrwfks] {
        display: none;
    }
    /* On desktop the nav is always a flex column with the footer pinned to the bottom.
       Force it regardless of the mobile toggler's :checked state — otherwise clicking a
       nav item (which toggles that hidden checkbox) flips the layout to display:block and
       makes the footer jump up/down. */
    .nav-scrollable[b-c08qmrwfks],
    .navbar-toggler:checked ~ .nav-scrollable[b-c08qmrwfks] {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 3.75rem);
        overflow-y: auto;
    }
}
/* _content/ApiKing.Web/Components/Layout/PublicLayout.razor.rz.scp.css */
/* ══ Page shell ══ */
.public-page[b-vc17e1z15w] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--ak-bg);
}

/* ══ Top nav ══ */
.public-top[b-vc17e1z15w] {
    background: rgba(255,255,255,0.9);
    border-bottom: 1px solid var(--ak-panel-line);
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: saturate(180%) blur(12px);
    -webkit-backdrop-filter: saturate(180%) blur(12px);
}

.public-top-inner[b-vc17e1z15w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.75rem;
}

/* Brand */
.public-brand[b-vc17e1z15w] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    color: var(--ak-text);
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: -0.02em;
}
.public-brand:hover[b-vc17e1z15w] { text-decoration: none; color: var(--ak-text); }

.public-brand-mark[b-vc17e1z15w] {
    width: 2rem;
    height: 2rem;
    background: linear-gradient(135deg, #6366f1, #818cf8);
    color: #fff;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    box-shadow: 0 3px 10px rgba(99,102,241,0.38);
}

/* Nav actions */
.public-top-actions[b-vc17e1z15w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.public-action-link[b-vc17e1z15w] {
    color: var(--ak-text-muted);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    padding: 0.42rem 0.8rem;
    border-radius: 7px;
    transition: color 0.12s, background-color 0.12s;
}
.public-action-link:hover[b-vc17e1z15w] {
    color: var(--ak-text);
    background: rgba(0,0,0,0.04);
    text-decoration: none;
}

.public-action-cta[b-vc17e1z15w] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.825rem;
    font-weight: 600;
    color: var(--ak-accent);
    background: var(--ak-accent-soft);
    border: 1px solid rgba(99,102,241,0.22);
    padding: 0.4rem 0.9rem;
    border-radius: 7px;
    text-decoration: none;
    transition: background-color 0.12s, border-color 0.12s;
}
.public-action-cta:hover[b-vc17e1z15w] {
    background: rgba(99,102,241,0.14);
    border-color: rgba(99,102,241,0.38);
    color: var(--ak-accent);
    text-decoration: none;
}

.public-avatar[b-vc17e1z15w] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--ak-accent);
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.8rem;
    text-decoration: none;
    box-shadow: 0 2px 7px rgba(99,102,241,0.35);
    transition: opacity 0.12s;
}
.public-avatar:hover[b-vc17e1z15w] { opacity: 0.88; text-decoration: none; }

/* ══ Main ══ */
.public-main[b-vc17e1z15w] { flex: 1; }

/* ══ Footer ══ */
.public-footer[b-vc17e1z15w] {
    background: #0f172a;
    padding: 2.5rem 0;
    color: #475569;
    font-size: 0.8rem;
}

.public-footer-inner[b-vc17e1z15w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.public-footer-brand[b-vc17e1z15w] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #cbd5e1;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
}
.public-footer-brand:hover[b-vc17e1z15w] { color: #fff; text-decoration: none; }

.public-footer-mark[b-vc17e1z15w] {
    width: 1.6rem;
    height: 1.6rem;
    background: var(--ak-accent);
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 800;
    color: #fff;
}

.public-footer-links[b-vc17e1z15w] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.public-footer-links a[b-vc17e1z15w] {
    color: #64748b;
    font-size: 0.8rem;
    text-decoration: none;
    transition: color 0.12s;
}
.public-footer-links a:hover[b-vc17e1z15w] { color: #cbd5e1; text-decoration: none; }

.public-footer-copy[b-vc17e1z15w] {
    color: #334155;
    font-size: 0.75rem;
}
/* _content/ApiKing.Web/Components/Pages/Contact.razor.rz.scp.css */
/* ── Hero ── */
.contact-hero[b-l6maw3rity] {
    background: linear-gradient(135deg, #0d1224 0%, #141e35 100%);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    padding: 3.5rem 0 4rem;
    position: relative;
    overflow: hidden;
}
.contact-hero[b-l6maw3rity]::before {
    content: '';
    position: absolute;
    top: -30%;
    left: -10%;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(99,102,241,0.1);
    pointer-events: none;
}
.contact-hero h1[b-l6maw3rity] {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 0 0 0.65rem;
    color: #f1f5f9;
    position: relative;
}
.contact-hero p[b-l6maw3rity] {
    max-width: 520px;
    margin: 0;
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.7;
    position: relative;
}
.contact-hero-eyebrow[b-l6maw3rity] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #a5b4fc;
    background: rgba(99,102,241,0.12);
    border: 1px solid rgba(99,102,241,0.25);
    padding: 0.28rem 0.75rem;
    border-radius: 999px;
    margin-bottom: 1.5rem;
    position: relative;
}

/* ── Body ── */
.contact-section[b-l6maw3rity] {
    padding-top: 3rem;
    padding-bottom: 5rem;
}

.contact-layout[b-l6maw3rity] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 3rem;
    align-items: start;
}

/* ── Form card ── */
.contact-card[b-l6maw3rity] {
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: 14px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(15,23,42,0.06);
}

.contact-card-title[b-l6maw3rity] {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.5rem;
    letter-spacing: -0.02em;
}

.form-grid[b-l6maw3rity] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-actions[b-l6maw3rity] {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.form-actions .btn[b-l6maw3rity] {
    min-width: 130px;
}

/* ── Trial checkbox ── */
.trial-row[b-l6maw3rity] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--ak-panel-line);
    border-radius: 10px;
    background: var(--ak-bg);
    cursor: pointer;
    margin: 0;
    transition: border-color 0.12s;
}
.trial-row:hover[b-l6maw3rity] { border-color: var(--ak-accent); }
.trial-row[b-l6maw3rity]  input[type="checkbox"] {
    margin-top: 0.18rem;
    accent-color: var(--ak-accent);
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
}
.trial-row strong[b-l6maw3rity] { font-weight: 600; font-size: 0.9rem; }
.trial-row small[b-l6maw3rity] { color: var(--ak-text-muted); font-size: 0.8rem; }

/* ── Honeypot ── */
.honeypot[b-l6maw3rity] {
    position: absolute;
    left: -9999px;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none;
}

/* ── Info sidebar ── */
.contact-info[b-l6maw3rity] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-info-card[b-l6maw3rity] {
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: 12px;
    padding: 1.25rem 1.35rem;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(15,23,42,0.05);
}

.contact-info-icon[b-l6maw3rity] {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    border-radius: 9px;
    background: var(--ak-accent-soft);
    color: var(--ak-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-info-icon svg[b-l6maw3rity] { width: 1rem; height: 1rem; }

.contact-info-text h4[b-l6maw3rity] {
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
}
.contact-info-text p[b-l6maw3rity] {
    font-size: 0.8rem;
    color: var(--ak-text-muted);
    margin: 0;
    line-height: 1.55;
}

/* ── Thanks card ── */
.thanks-card[b-l6maw3rity] {
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: 14px;
    padding: 3rem 2rem;
    text-align: center;
    max-width: 520px;
    box-shadow: 0 2px 8px rgba(15,23,42,0.06);
}
.thanks-icon[b-l6maw3rity] {
    width: 4.25rem;
    height: 4.25rem;
    margin: 0 auto 1.25rem;
    background: rgba(22,163,74,0.1);
    color: #16a34a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(22,163,74,0.2);
}
.thanks-icon svg[b-l6maw3rity] { width: 1.9rem; height: 1.9rem; }
.thanks-card h2[b-l6maw3rity] { font-size: 1.3rem; margin: 0 0 0.6rem; letter-spacing: -0.02em; }
.thanks-card p[b-l6maw3rity] { margin: 0; color: var(--ak-text-muted); font-size: 0.9rem; line-height: 1.6; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .contact-layout[b-l6maw3rity] { grid-template-columns: 1fr; }
    .contact-info[b-l6maw3rity] { flex-direction: row; flex-wrap: wrap; }
    .contact-info-card[b-l6maw3rity] { flex: 1 1 200px; }
}
@media (max-width: 640px) {
    .contact-hero[b-l6maw3rity] { padding: 2.5rem 0 3rem; }
    .contact-hero h1[b-l6maw3rity] { font-size: 1.6rem; }
    .contact-section[b-l6maw3rity] { padding-top: 2rem; padding-bottom: 3.5rem; }
    .form-grid[b-l6maw3rity] { grid-template-columns: 1fr; }
    .contact-card[b-l6maw3rity] { padding: 1.35rem; }
    .contact-info[b-l6maw3rity] { flex-direction: column; }
}
/* _content/ApiKing.Web/Components/Pages/Dashboard.razor.rz.scp.css */
.page-header[b-ev6pbmdc96] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem;
}
.page-header h1[b-ev6pbmdc96] { margin: 0 0 0.25rem 0; }

.stat-grid[b-ev6pbmdc96] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}
.stat-card[b-ev6pbmdc96] {
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: var(--ak-shadow-sm);
    transition: box-shadow 0.15s, transform 0.15s;
}
.stat-card:hover[b-ev6pbmdc96] {
    box-shadow: var(--ak-shadow-md);
    transform: translateY(-1px);
}
.stat-icon[b-ev6pbmdc96] {
    width: 3rem;
    height: 3rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.stat-icon svg[b-ev6pbmdc96] { width: 1.375rem; height: 1.375rem; }
.stat-icon-indigo[b-ev6pbmdc96] { background: rgba(99, 102, 241, 0.1); color: #6366f1; }
.stat-icon-emerald[b-ev6pbmdc96] { background: rgba(16, 185, 129, 0.1); color: #10b981; }
.stat-icon-rose[b-ev6pbmdc96] { background: rgba(244, 63, 94, 0.1); color: #f43f5e; }
.stat-label[b-ev6pbmdc96] {
    font-size: 0.825rem;
    color: var(--ak-text-muted);
    font-weight: 500;
    margin-bottom: 0.25rem;
}
.stat-value[b-ev6pbmdc96] {
    font-size: 1.875rem;
    font-weight: 600;
    color: var(--ak-text);
    line-height: 1;
    letter-spacing: -0.02em;
}
/* _content/ApiKing.Web/Components/Pages/Home.razor.rz.scp.css */
/* ══════════════════════════════════════════
   Hero
══════════════════════════════════════════ */
.hero[b-gd9bx3502n] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #0d1224 0%, #141e35 55%, #0e1829 100%);
    padding: 5.5rem 0 6rem;
}

.hero-bg-dots[b-gd9bx3502n] {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at 18% 28%, rgba(99,102,241,0.22) 0%, transparent 42%),
        radial-gradient(circle at 82% 72%, rgba(139,92,246,0.12) 0%, transparent 42%),
        radial-gradient(rgba(255,255,255,0.028) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 26px 26px;
    pointer-events: none;
}

/* Faint horizontal line separator at bottom of hero */
.hero[b-gd9bx3502n]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(99,102,241,0.3) 40%, rgba(99,102,241,0.3) 60%, transparent);
}

.hero-inner[b-gd9bx3502n] {
    position: relative;
    z-index: 1;
    max-width: 680px;
}

.hero-eyebrow[b-gd9bx3502n] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #a5b4fc;
    background: rgba(99,102,241,0.12);
    border: 1px solid rgba(99,102,241,0.28);
    padding: 0.32rem 0.85rem;
    border-radius: 999px;
    margin-bottom: 1.75rem;
}

.hero-title[b-gd9bx3502n] {
    font-size: clamp(2.1rem, 5vw, 3.1rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.08;
    color: #f1f5f9;
    margin: 0 0 1.25rem;
}

.hero-gradient[b-gd9bx3502n] {
    background: linear-gradient(135deg, #a5b4fc 0%, #818cf8 40%, #c4b5fd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-sub[b-gd9bx3502n] {
    font-size: 1rem;
    color: #7c8faa;
    line-height: 1.75;
    margin: 0 0 2.25rem;
    max-width: 520px;
}

.hero-actions[b-gd9bx3502n] {
    display: flex;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.hero-btn-primary[b-gd9bx3502n] {
    display: inline-flex;
    align-items: center;
    padding: 0.7rem 1.5rem;
    background: var(--ak-accent);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(99,102,241,0.45);
    transition: opacity 0.15s, transform 0.15s;
    letter-spacing: -0.01em;
}
.hero-btn-primary:hover[b-gd9bx3502n] { opacity: 0.9; transform: translateY(-1px); color: #fff; text-decoration: none; }

.hero-btn-secondary[b-gd9bx3502n] {
    display: inline-flex;
    align-items: center;
    padding: 0.7rem 1.5rem;
    background: rgba(255,255,255,0.06);
    color: #cbd5e1;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.1);
    text-decoration: none;
    transition: background-color 0.15s, border-color 0.15s;
    letter-spacing: -0.01em;
}
.hero-btn-secondary:hover[b-gd9bx3502n] { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.18); color: #fff; text-decoration: none; }

/* ══════════════════════════════════════════
   Stats bar (sits between hero and products)
══════════════════════════════════════════ */
.stats-bar[b-gd9bx3502n] {
    background: var(--ak-panel);
    border-bottom: 1px solid var(--ak-panel-line);
    padding: 0;
}
.stats-bar-inner[b-gd9bx3502n] {
    display: flex;
    align-items: stretch;
}
.stat-item[b-gd9bx3502n] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.35rem 1rem;
    gap: 0.2rem;
    border-right: 1px solid var(--ak-panel-line);
}
.stat-item:last-child[b-gd9bx3502n] { border-right: none; }
.stat-value[b-gd9bx3502n] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--ak-accent);
    letter-spacing: -0.04em;
    line-height: 1;
}
.stat-label[b-gd9bx3502n] {
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--ak-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

/* ══════════════════════════════════════════
   Products section
══════════════════════════════════════════ */
.products-section[b-gd9bx3502n] {
    padding: 3.75rem 0 4.5rem;
}

.products-head[b-gd9bx3502n] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 2rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.products-title[b-gd9bx3502n] {
    font-size: 1.25rem;
    font-weight: 800;
    margin: 0 0 0.2rem;
    letter-spacing: -0.025em;
    color: var(--ak-text);
}

.products-sub[b-gd9bx3502n] {
    font-size: 0.825rem;
    color: var(--ak-text-muted);
    margin: 0;
}

.products-empty[b-gd9bx3502n] {
    text-align: center;
    padding: 5rem 1rem;
    background: var(--ak-panel);
    border: 1px dashed var(--ak-panel-line);
    border-radius: 14px;
}

.empty-icon-wrap[b-gd9bx3502n] {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    background: var(--ak-accent-soft);
    color: var(--ak-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.1rem;
}

.products-grid[b-gd9bx3502n] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.25rem;
}

/* ── Product card ── */
.product-card[b-gd9bx3502n] {
    display: flex;
    flex-direction: column;
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: 14px;
    padding: 1.5rem;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 1px 3px rgba(15,23,42,0.05), 0 1px 2px rgba(15,23,42,0.04);
    transition: box-shadow 0.2s, border-color 0.2s, transform 0.2s;
    position: relative;
    overflow: hidden;
}
.product-card[b-gd9bx3502n]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(99,102,241,0.03) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
}
.product-card:hover[b-gd9bx3502n] {
    box-shadow: 0 8px 28px rgba(15,23,42,0.09), 0 2px 8px rgba(15,23,42,0.05);
    border-color: rgba(99,102,241,0.35);
    transform: translateY(-3px);
    color: inherit;
    text-decoration: none;
}
.product-card:hover[b-gd9bx3502n]::before { opacity: 1; }

.product-card-top[b-gd9bx3502n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.1rem;
}

.product-mark[b-gd9bx3502n] {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
    color: #fff;
    flex-shrink: 0;
}
.mark-web[b-gd9bx3502n]     { background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%); box-shadow: 0 4px 12px rgba(99,102,241,0.38); }
.mark-desktop[b-gd9bx3502n] { background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%); box-shadow: 0 4px 12px rgba(14,165,233,0.32); }
.mark-mobile[b-gd9bx3502n]  { background: linear-gradient(135deg, #10b981 0%, #34d399 100%); box-shadow: 0 4px 12px rgba(16,185,129,0.32); }

.product-platform-badge[b-gd9bx3502n] {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    background: var(--ak-bg);
    color: var(--ak-text-soft);
    border: 1px solid var(--ak-panel-line);
}

.product-name[b-gd9bx3502n] {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
    letter-spacing: -0.02em;
    color: var(--ak-text);
    line-height: 1.3;
}

.product-desc[b-gd9bx3502n] {
    font-size: 0.855rem;
    color: var(--ak-text-muted);
    line-height: 1.65;
    margin: 0 0 1.1rem;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-desc--empty[b-gd9bx3502n] { font-style: italic; color: var(--ak-text-soft); }

.product-store-links[b-gd9bx3502n] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
    margin-bottom: 0.9rem;
}

.store-chip[b-gd9bx3502n] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.3rem 0.7rem;
    border-radius: 6px;
    background: var(--ak-accent-soft);
    color: var(--ak-accent);
    border: 1px solid rgba(99,102,241,0.2);
    text-decoration: none;
    transition: background-color 0.12s;
}
.store-chip:hover[b-gd9bx3502n] { background: rgba(99,102,241,0.15); text-decoration: none; color: var(--ak-accent); }

.product-card-footer[b-gd9bx3502n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    border-top: 1px solid var(--ak-panel-line);
    margin-top: auto;
    gap: 0.5rem;
}

.product-key[b-gd9bx3502n] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    color: var(--ak-text-soft);
    background: var(--ak-bg);
    padding: 0.22rem 0.5rem;
    border-radius: 5px;
    border: 1px solid var(--ak-panel-line);
    letter-spacing: 0.02em;
}

.product-cta[b-gd9bx3502n] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--ak-accent);
}
.product-card:hover .product-cta[b-gd9bx3502n] { text-decoration: underline; }

/* ══════════════════════════════════════════
   CTA / Need help strip
══════════════════════════════════════════ */
.need-help-section[b-gd9bx3502n] {
    padding: 0 0 5rem;
}

.need-help-card[b-gd9bx3502n] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    background: linear-gradient(135deg, #0d1224 0%, #161f38 100%);
    border: 1px solid rgba(99,102,241,0.15);
    border-radius: 16px;
    padding: 2rem 2.25rem;
    box-shadow: 0 8px 32px rgba(15,23,42,0.14);
    position: relative;
    overflow: hidden;
}
.need-help-card[b-gd9bx3502n]::before {
    content: '';
    position: absolute;
    top: -40%;
    right: -10%;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(99,102,241,0.08);
    pointer-events: none;
}

.need-help-icon[b-gd9bx3502n] {
    width: 3.25rem;
    height: 3.25rem;
    flex-shrink: 0;
    border-radius: 12px;
    background: rgba(99,102,241,0.18);
    border: 1px solid rgba(99,102,241,0.3);
    color: #a5b4fc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.need-help-text[b-gd9bx3502n] {
    flex: 1;
    min-width: 180px;
}
.need-help-text h3[b-gd9bx3502n] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #f1f5f9;
    margin: 0 0 0.35rem;
    letter-spacing: -0.02em;
}
.need-help-text p[b-gd9bx3502n] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}

.need-help-btn[b-gd9bx3502n] {
    display: inline-block;
    padding: 0.65rem 1.35rem;
    background: var(--ak-accent);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 3px 12px rgba(99,102,241,0.45);
    transition: opacity 0.15s, transform 0.15s;
    flex-shrink: 0;
    letter-spacing: -0.01em;
}
.need-help-btn:hover[b-gd9bx3502n] { opacity: 0.88; transform: translateY(-1px); color: #fff; text-decoration: none; }

/* ══════════════════════════════════════════
   Responsive
══════════════════════════════════════════ */
@media (max-width: 768px) {
    .stats-bar-inner[b-gd9bx3502n] { flex-wrap: wrap; }
    .stat-item[b-gd9bx3502n] { flex: 1 1 50%; border-bottom: 1px solid var(--ak-panel-line); }
    .stat-item:nth-child(2)[b-gd9bx3502n] { border-right: none; }
}

@media (max-width: 640px) {
    .hero[b-gd9bx3502n] { padding: 3.75rem 0 4.5rem; }
    .hero-title[b-gd9bx3502n] { font-size: 2rem; }
    .hero-sub[b-gd9bx3502n] { font-size: 0.9rem; }
    .products-section[b-gd9bx3502n] { padding: 2.75rem 0 3.5rem; }
    .products-grid[b-gd9bx3502n] { grid-template-columns: 1fr; }
    .need-help-section[b-gd9bx3502n] { padding: 0 0 3.5rem; }
    .need-help-card[b-gd9bx3502n] { padding: 1.5rem 1.35rem; flex-direction: column; align-items: flex-start; }
    .need-help-btn[b-gd9bx3502n] { width: 100%; text-align: center; }
    .stat-item[b-gd9bx3502n] { flex: 1 1 100%; border-right: none; }
}
/* _content/ApiKing.Web/Components/Pages/Inquiries/Inquiries.razor.rz.scp.css */
.page-header[b-fh54wbwqtl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}
.page-header h1[b-fh54wbwqtl] { margin: 0 0 0.25rem 0; }

.filter-tabs[b-fh54wbwqtl] {
    display: flex;
    gap: 0.25rem;
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius-sm);
    padding: 0.25rem;
}
.filter-tab[b-fh54wbwqtl] {
    background: none;
    border: none;
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
    font-size: 0.85rem;
    color: var(--ak-text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: background-color 0.12s, color 0.12s;
}
.filter-tab:hover[b-fh54wbwqtl] { color: var(--ak-text); }
.filter-tab.active[b-fh54wbwqtl] {
    background: var(--ak-accent-soft);
    color: var(--ak-accent);
}
.filter-count[b-fh54wbwqtl] {
    background: rgba(0,0,0,0.05);
    border-radius: 999px;
    font-size: 0.72rem;
    padding: 0.05rem 0.45rem;
    font-weight: 600;
}
.filter-tab.active .filter-count[b-fh54wbwqtl] {
    background: var(--ak-accent);
    color: #fff;
}

.mode-pill[b-fh54wbwqtl] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 500;
    margin-right: 0.2rem;
}
.mode-single[b-fh54wbwqtl] { background: rgba(99, 102, 241, 0.1); color: #4f52e8; }
.mode-multi[b-fh54wbwqtl] { background: rgba(16, 185, 129, 0.1); color: #10b981; }
.mode-trial[b-fh54wbwqtl] { background: rgba(217, 119, 6, 0.12); color: #d97706; }

.empty-state[b-fh54wbwqtl] {
    background: var(--ak-panel);
    border: 1px dashed var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 3rem 1.5rem;
    text-align: center;
}
.empty-state h3[b-fh54wbwqtl] { margin-bottom: 0.5rem; }
/* _content/ApiKing.Web/Components/Pages/Inquiries/InquiryDetail.razor.rz.scp.css */
.breadcrumbs[b-9kfdd78mgz] {
    font-size: 0.875rem;
    color: var(--ak-text-muted);
    margin-bottom: 1rem;
}
.breadcrumbs a[b-9kfdd78mgz] { color: var(--ak-text-muted); }
.breadcrumbs a:hover[b-9kfdd78mgz] { color: var(--ak-accent); }
.breadcrumbs span[b-9kfdd78mgz] { margin: 0 0.25rem; }

.page-header[b-9kfdd78mgz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.page-header h1[b-9kfdd78mgz] { margin: 0.25rem 0; font-size: 1.4rem; }

.info-grid[b-9kfdd78mgz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.info-card[b-9kfdd78mgz] {
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 0.9rem 1rem;
}
.info-label[b-9kfdd78mgz] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ak-text-muted);
    font-weight: 600;
    margin-bottom: 0.3rem;
}
.info-value[b-9kfdd78mgz] {
    font-size: 0.9rem;
}

.message-card[b-9kfdd78mgz], .notes-card[b-9kfdd78mgz] {
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}
.message-card h2[b-9kfdd78mgz], .notes-card h2[b-9kfdd78mgz] {
    font-size: 0.875rem;
    margin: 0 0 0.5rem 0;
    color: var(--ak-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.message-body[b-9kfdd78mgz] {
    white-space: pre-wrap;
    margin: 0;
    font-size: 0.95rem;
    color: var(--ak-text);
    line-height: 1.55;
}

.action-bar[b-9kfdd78mgz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--ak-panel-line);
    gap: 1rem;
    flex-wrap: wrap;
}
.action-buttons[b-9kfdd78mgz] { display: flex; gap: 0.5rem; flex-wrap: wrap; }
/* _content/ApiKing.Web/Components/Pages/LicenseIssue.razor.rz.scp.css */
.breadcrumbs[b-dt3tlnzri5] {
    font-size: 0.875rem;
    color: var(--ak-text-muted);
    margin-bottom: 1rem;
}
.breadcrumbs a[b-dt3tlnzri5] { color: var(--ak-text-muted); }
.breadcrumbs a:hover[b-dt3tlnzri5] { color: var(--ak-accent); }
.breadcrumbs span[b-dt3tlnzri5] { margin: 0 0.25rem; }

.page-header[b-dt3tlnzri5] { margin-bottom: 2rem; max-width: 720px; }
.page-header h1[b-dt3tlnzri5] { margin: 0 0 0.5rem 0; }

.form-card[b-dt3tlnzri5] {
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 1.75rem;
    max-width: 720px;
    box-shadow: var(--ak-shadow-sm);
}

.customer-summary[b-dt3tlnzri5] {
    background: var(--ak-accent-soft);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: var(--ak-radius-sm);
    padding: 0.85rem 1rem;
    margin-bottom: 1.5rem;
}
.customer-label[b-dt3tlnzri5] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ak-text-muted);
    font-weight: 600;
    margin-bottom: 0.25rem;
}
.customer-value[b-dt3tlnzri5] { font-size: 0.9rem; }

.mode-options[b-dt3tlnzri5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}
.mode-option[b-dt3tlnzri5] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius);
    cursor: pointer;
    transition: border-color 0.15s, background-color 0.15s;
    margin: 0;
}
.mode-option:hover[b-dt3tlnzri5], .mode-option.selected[b-dt3tlnzri5] {
    border-color: var(--ak-accent);
    background: var(--ak-accent-soft);
}
.mode-option[b-dt3tlnzri5]  input[type="radio"] {
    margin-top: 0.25rem;
    accent-color: var(--ak-accent);
}
.mode-option-title[b-dt3tlnzri5] { font-weight: 600; font-size: 0.95rem; }
.mode-option-desc[b-dt3tlnzri5] { color: var(--ak-text-muted); font-size: 0.825rem; margin-top: 0.125rem; }

.mode-pill[b-dt3tlnzri5] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 500;
}
.mode-trial[b-dt3tlnzri5] { background: rgba(217, 119, 6, 0.12); color: #d97706; }

.trial-row[b-dt3tlnzri5], .emailcust-row[b-dt3tlnzri5] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius);
    background: var(--ak-bg);
    cursor: pointer;
    margin: 0;
}
.trial-row[b-dt3tlnzri5]  input[type="checkbox"],
.emailcust-row[b-dt3tlnzri5]  input[type="checkbox"] {
    margin-top: 0.2rem;
    accent-color: var(--ak-accent);
    width: 1.1rem;
    height: 1.1rem;
}

.pem-upload[b-dt3tlnzri5] {
    background: var(--ak-bg);
    border: 1px dashed var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 1rem;
}
.pem-input[b-dt3tlnzri5] { margin-top: 0.5rem; font-size: 0.9rem; }
.pem-status[b-dt3tlnzri5] {
    margin-top: 0.75rem;
    padding: 0.6rem 0.85rem;
    border-radius: var(--ak-radius-sm);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.pem-status svg[b-dt3tlnzri5] { width: 1.05rem; height: 1.05rem; flex-shrink: 0; }
.pem-status.ok[b-dt3tlnzri5] { background: rgba(22, 163, 74, 0.08); color: #16a34a; border: 1px solid rgba(22, 163, 74, 0.25); }
.pem-status.bad[b-dt3tlnzri5] { background: rgba(220, 38, 38, 0.08); color: #dc2626; border: 1px solid rgba(220, 38, 38, 0.25); }

.form-actions[b-dt3tlnzri5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.75rem;
}

@media (max-width: 640px) {
    .mode-options[b-dt3tlnzri5] { grid-template-columns: 1fr; }
}
/* _content/ApiKing.Web/Components/Pages/ProductDetail.razor.rz.scp.css */
/* ── Not found ── */
.pd-not-found[b-rbqk2fo8l7] {
    padding: 5rem 0;
    text-align: center;
}

/* ══════════════════════════════════════════
   Hero  (full-width bg, container inside)
══════════════════════════════════════════ */
.pd-hero[b-rbqk2fo8l7] {
    background:
        radial-gradient(circle at 80% 0%, rgba(99,102,241,0.1), transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #f5f6fb 100%);
    border-bottom: 1px solid var(--ak-panel-line);
    padding: 2.5rem 0 3rem;
}

/* .public-container already adds padding: 0 1.5rem — no extra horizontal padding needed */

.pd-back[b-rbqk2fo8l7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--ak-text-muted);
    text-decoration: none;
    margin-bottom: 1.75rem;
    transition: color 0.12s;
}
.pd-back:hover[b-rbqk2fo8l7] { color: var(--ak-accent); text-decoration: none; }

.pd-hero-body[b-rbqk2fo8l7] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.pd-hero-mark[b-rbqk2fo8l7] {
    width: 3.5rem;
    height: 3.5rem;
    flex-shrink: 0;
    background: linear-gradient(135deg, #6366f1, #818cf8);
    color: #fff;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.3rem;
    box-shadow: 0 6px 20px rgba(99,102,241,0.35);
}

.pd-hero-text[b-rbqk2fo8l7] { flex: 1; min-width: 0; }

.pd-hero-title[b-rbqk2fo8l7] {
    font-size: 1.9rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 0 0 0.5rem;
    line-height: 1.15;
    color: var(--ak-text);
}

.pd-hero-desc[b-rbqk2fo8l7] {
    font-size: 0.925rem;
    color: var(--ak-text-muted);
    margin: 0 0 1rem;
    line-height: 1.65;
    max-width: 600px;
}

.pd-hero-badges[b-rbqk2fo8l7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.pd-badge[b-rbqk2fo8l7] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    background: var(--ak-accent-soft);
    color: var(--ak-accent);
    border: 1px solid rgba(99,102,241,0.2);
}

.pd-store-link[b-rbqk2fo8l7] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--ak-accent);
    text-decoration: none;
    padding: 0.22rem 0.65rem;
    border-radius: 6px;
    border: 1px solid rgba(99,102,241,0.3);
    background: var(--ak-accent-soft);
    transition: background-color 0.12s;
}
.pd-store-link:hover[b-rbqk2fo8l7] { background: rgba(99,102,241,0.15); text-decoration: none; color: var(--ak-accent); }

/* ══════════════════════════════════════════
   Releases section
   Uses .public-container directly on the <section> — no extra horizontal padding
══════════════════════════════════════════ */
.pd-releases[b-rbqk2fo8l7] {
    /* vertical rhythm only; horizontal comes from .public-container */
    padding-top: 2.5rem;
    padding-bottom: 4rem;
}

.pd-releases-head[b-rbqk2fo8l7] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}
.pd-releases-head h2[b-rbqk2fo8l7] {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.015em;
}
.pd-releases-head p[b-rbqk2fo8l7] { margin: 0; font-size: 0.82rem; color: var(--ak-text-muted); }

.pd-empty[b-rbqk2fo8l7] {
    background: var(--ak-panel);
    border: 1px dashed var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: var(--ak-text-muted);
    font-size: 0.875rem;
}

.pd-release-list[b-rbqk2fo8l7] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.pd-release[b-rbqk2fo8l7] {
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 1.15rem 1.35rem;
    box-shadow: var(--ak-shadow-sm);
    transition: box-shadow 0.15s;
}
.pd-release:hover[b-rbqk2fo8l7] { box-shadow: var(--ak-shadow-md); }

.pd-release--latest[b-rbqk2fo8l7] {
    border-color: rgba(99,102,241,0.45);
    box-shadow: 0 0 0 1px rgba(99,102,241,0.12), var(--ak-shadow-sm);
}

.pd-release-header[b-rbqk2fo8l7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.pd-release-version-row[b-rbqk2fo8l7] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.pd-version[b-rbqk2fo8l7] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 1rem;
    font-weight: 600;
    color: var(--ak-text);
}

.pd-badge-latest[b-rbqk2fo8l7] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    background: rgba(99,102,241,0.1);
    color: var(--ak-accent);
    border: 1px solid rgba(99,102,241,0.25);
}

.pd-release-date[b-rbqk2fo8l7] {
    font-size: 0.78rem;
    color: var(--ak-text-muted);
}

.pd-release-actions[b-rbqk2fo8l7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.pd-file-size[b-rbqk2fo8l7] {
    font-size: 0.75rem;
    color: var(--ak-text-muted);
}

.pd-download-btn[b-rbqk2fo8l7] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    background: var(--ak-accent);
    color: #fff;
    border-radius: 7px;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.12s, transform 0.12s;
    box-shadow: 0 2px 8px rgba(99,102,241,0.35);
}
.pd-download-btn:hover[b-rbqk2fo8l7] { opacity: 0.88; transform: translateY(-1px); color: #fff; text-decoration: none; }

.pd-notes-toggle[b-rbqk2fo8l7] {
    font-size: 0.78rem;
    color: var(--ak-text-muted);
    background: none;
    border: 1px solid var(--ak-panel-line);
    border-radius: 6px;
    padding: 0.38rem 0.75rem;
    cursor: pointer;
    transition: color 0.12s, border-color 0.12s;
    white-space: nowrap;
}
.pd-notes-toggle:hover[b-rbqk2fo8l7] { color: var(--ak-accent); border-color: var(--ak-accent); }

/* ── Release notes (markdown) ── */
.pd-release-notes[b-rbqk2fo8l7] {
    margin-top: 1rem;
    padding: 1rem 1.15rem;
    background: var(--ak-bg);
    border-radius: var(--ak-radius-sm);
    border: 1px solid var(--ak-panel-line);
    font-size: 0.875rem;
    line-height: 1.7;
    color: var(--ak-text);
}
.pd-release-notes h1[b-rbqk2fo8l7],
.pd-release-notes h2[b-rbqk2fo8l7],
.pd-release-notes h3[b-rbqk2fo8l7] { font-size: 0.925rem; font-weight: 600; margin: 0.75rem 0 0.35rem; }
.pd-release-notes ul[b-rbqk2fo8l7],
.pd-release-notes ol[b-rbqk2fo8l7] { padding-left: 1.4rem; margin: 0.4rem 0; }
.pd-release-notes li[b-rbqk2fo8l7] { margin-bottom: 0.25rem; }
.pd-release-notes code[b-rbqk2fo8l7] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    background: rgba(99,102,241,0.08);
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
}
.pd-release-notes pre[b-rbqk2fo8l7] {
    background: #1e1e2e;
    color: #cdd6f4;
    padding: 0.85rem 1.1rem;
    border-radius: var(--ak-radius-sm);
    overflow-x: auto;
    font-size: 0.8rem;
}
.pd-release-notes pre code[b-rbqk2fo8l7] { background: none; padding: 0; color: inherit; }
.pd-release-notes p[b-rbqk2fo8l7] { margin: 0.4rem 0; }

/* ── SHA-256 integrity row ── */
.pd-release-integrity[b-rbqk2fo8l7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--ak-panel-line);
    flex-wrap: wrap;
}
.pd-integrity-label[b-rbqk2fo8l7] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 700;
    color: var(--ak-text-soft);
    flex-shrink: 0;
}
.pd-integrity-hash[b-rbqk2fo8l7] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.67rem;
    color: var(--ak-text-muted);
    word-break: break-all;
    background: var(--ak-bg);
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
    border: 1px solid var(--ak-panel-line);
}

/* ══════════════════════════════════════════
   License CTA strip
   Also uses .public-container — vertical padding only
══════════════════════════════════════════ */
.pd-cta[b-rbqk2fo8l7] {
    padding-bottom: 4rem;
}

.pd-cta-card[b-rbqk2fo8l7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 14px;
    padding: 1.75rem 2rem;
    box-shadow: 0 8px 30px rgba(15,23,42,0.1);
}
.pd-cta-card h3[b-rbqk2fo8l7] { font-size: 1rem; font-weight: 700; margin: 0 0 0.3rem; color: #f1f5f9; }
.pd-cta-card p[b-rbqk2fo8l7]  { font-size: 0.855rem; color: #94a3b8; margin: 0; line-height: 1.5; }

.pd-cta-btn[b-rbqk2fo8l7] {
    display: inline-block;
    padding: 0.6rem 1.25rem;
    background: var(--ak-accent);
    color: #fff;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 3px 10px rgba(99,102,241,0.4);
    transition: opacity 0.15s;
    flex-shrink: 0;
}
.pd-cta-btn:hover[b-rbqk2fo8l7] { opacity: 0.88; color: #fff; text-decoration: none; }

/* ══════════════════════════════════════════
   Responsive
══════════════════════════════════════════ */
@media (max-width: 640px) {
    .pd-hero[b-rbqk2fo8l7] { padding: 1.75rem 0 2.25rem; }
    .pd-hero-title[b-rbqk2fo8l7] { font-size: 1.45rem; }
    .pd-hero-mark[b-rbqk2fo8l7] { width: 2.75rem; height: 2.75rem; font-size: 1rem; border-radius: 10px; }
    .pd-hero-body[b-rbqk2fo8l7] { gap: 1rem; }
    .pd-releases[b-rbqk2fo8l7] { padding-top: 2rem; padding-bottom: 3rem; }
    .pd-cta[b-rbqk2fo8l7] { padding-bottom: 3rem; }
    .pd-cta-card[b-rbqk2fo8l7] { padding: 1.35rem 1.25rem; flex-direction: column; align-items: flex-start; }
    .pd-cta-btn[b-rbqk2fo8l7] { width: 100%; text-align: center; }
    .pd-release-header[b-rbqk2fo8l7] { flex-direction: column; align-items: flex-start; }
    .pd-release-actions[b-rbqk2fo8l7] { width: 100%; }
}
/* _content/ApiKing.Web/Components/Pages/Settings/Smtp.razor.rz.scp.css */
.breadcrumbs[b-pzg4umbvcv] {
    font-size: 0.875rem;
    color: var(--ak-text-muted);
    margin-bottom: 1rem;
}
.breadcrumbs a[b-pzg4umbvcv] { color: var(--ak-text-muted); }
.breadcrumbs a:hover[b-pzg4umbvcv] { color: var(--ak-accent); }
.breadcrumbs span[b-pzg4umbvcv] { margin: 0 0.25rem; }

.page-header[b-pzg4umbvcv] { margin-bottom: 2rem; max-width: 960px; }
.page-header h1[b-pzg4umbvcv] { margin: 0 0 0.5rem 0; }

.settings-row[b-pzg4umbvcv] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
    align-items: start;
    max-width: 1100px;
}

.form-card[b-pzg4umbvcv] {
    background: var(--ak-panel);
    border: 1px solid var(--ak-panel-line);
    border-radius: var(--ak-radius);
    padding: 1.75rem;
    box-shadow: var(--ak-shadow-sm);
}

.form-grid[b-pzg4umbvcv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}
.form-grid-full[b-pzg4umbvcv] { grid-column: 1 / -1; }

.toggle-row[b-pzg4umbvcv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding-top: 0.5rem;
    font-size: 0.95rem;
}
.toggle-row[b-pzg4umbvcv]  input[type="checkbox"] {
    accent-color: var(--ak-accent);
    width: 1.1rem;
    height: 1.1rem;
}

.tls-label[b-pzg4umbvcv] { visibility: hidden; }

.form-actions[b-pzg4umbvcv] {
    margin-top: 1.5rem;
}

.test-card h2[b-pzg4umbvcv] { margin-top: 0; }

@media (max-width: 960px) {
    .settings-row[b-pzg4umbvcv] { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .form-grid[b-pzg4umbvcv] { grid-template-columns: 1fr; }
    .tls-label[b-pzg4umbvcv] { display: none; }
}