/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-7bbdncu4hb] { display: flex; flex-direction: column; min-height: 100vh; }

.app-header[b-7bbdncu4hb] {
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-6);
    background: transparent;
    border-bottom: 1px solid transparent;
    transition: background var(--duration-base) var(--ease-smooth),
        border-color var(--duration-base) var(--ease-smooth),
        backdrop-filter var(--duration-base) var(--ease-smooth);
}

/* Gains a frosted background + divider only once the page is scrolled, so at the
   top it blends seamlessly into the hero glow. Toggled by a scroll listener. */
.app-header.scrolled[b-7bbdncu4hb] {
    background: var(--glass);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-bottom-color: var(--border-subtle);
}

.brand[b-7bbdncu4hb] { display: inline-flex; align-items: center; gap: var(--space-2); text-decoration: none; color: var(--accent); }
.brand:hover[b-7bbdncu4hb] { text-decoration: none; }
.brand-arch[b-7bbdncu4hb] { color: var(--accent); flex: none; }
.brand-name[b-7bbdncu4hb] { font-weight: var(--weight-bold); font-size: var(--text-lg); color: var(--text); letter-spacing: var(--tracking-tight); }
.brand-dot[b-7bbdncu4hb] { color: var(--accent); }

.app-nav[b-7bbdncu4hb] { display: flex; align-items: center; gap: var(--space-2); }
.app-nav-link[b-7bbdncu4hb] { font-size: var(--text-sm); font-weight: var(--weight-medium); color: var(--text-secondary); text-decoration: none; padding: var(--space-2) var(--space-3); border-radius: var(--radius-md); transition: color var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth); }
.app-nav-link:hover[b-7bbdncu4hb] { color: var(--text); background: var(--surface-hover); text-decoration: none; }
.app-nav-link.as-button[b-7bbdncu4hb] { font-family: inherit; border: none; background: var(--accent); color: var(--text-on-accent); cursor: pointer; }
.app-nav-link.as-button:hover[b-7bbdncu4hb] { background: var(--accent-hover); color: var(--text-on-accent); }
.app-nav form[b-7bbdncu4hb] { display: inline; margin: 0; }

.theme-toggle[b-7bbdncu4hb] {
    display: grid; place-items: center;
    width: 2.2rem; height: 2.2rem; margin-left: var(--space-1);
    border-radius: var(--radius-full);
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-smooth);
}
.theme-toggle:hover[b-7bbdncu4hb] { color: var(--accent); border-color: var(--accent); }
.theme-toggle svg[b-7bbdncu4hb] { width: 1.1rem; height: 1.1rem; }
.theme-toggle .icon-sun[b-7bbdncu4hb] { display: none; }
[data-theme="dark"] .theme-toggle .icon-moon[b-7bbdncu4hb] { display: none; }
[data-theme="dark"] .theme-toggle .icon-sun[b-7bbdncu4hb] { display: inline; }

.app-main[b-7bbdncu4hb] { flex: 1; width: 100%; position: relative; }

.app-footer[b-7bbdncu4hb] { border-top: 1px solid var(--border-subtle); background: var(--bg-subtle); padding: var(--space-12) var(--space-6) var(--space-6); }
.foot-grid[b-7bbdncu4hb] { max-width: var(--content-max); margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--space-8); }
.foot-brand-col .brand[b-7bbdncu4hb] { margin-bottom: var(--space-3); }
.foot-tagline[b-7bbdncu4hb] { color: var(--text-secondary); font-size: var(--text-sm); max-width: 24rem; margin: 0; line-height: var(--leading-relaxed); }
.foot-links[b-7bbdncu4hb] { display: flex; flex-direction: column; gap: var(--space-2); }
.foot-h[b-7bbdncu4hb] { font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wider); color: var(--text-tertiary); font-weight: var(--weight-semibold); margin-bottom: var(--space-1); }
.foot-links a[b-7bbdncu4hb] { color: var(--text-secondary); font-size: var(--text-sm); text-decoration: none; }
.foot-links a:hover[b-7bbdncu4hb] { color: var(--accent); }
.foot-base[b-7bbdncu4hb] { max-width: var(--content-max); margin: var(--space-8) auto 0; padding-top: var(--space-5); border-top: 1px solid var(--border-subtle); display: flex; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; font-size: var(--text-sm); color: var(--text-secondary); }
.foot-base .muted[b-7bbdncu4hb] { color: var(--text-tertiary); }

#blazor-error-ui[b-7bbdncu4hb] {
    color-scheme: light only;
    background: var(--danger-subtle, lightyellow);
    color: var(--danger, #b32121);
    bottom: 0; left: 0; width: 100%;
    box-shadow: var(--shadow-lg);
    box-sizing: border-box;
    display: none;
    padding: var(--space-3) var(--space-5);
    position: fixed;
    z-index: var(--z-sticky);
}
#blazor-error-ui .dismiss[b-7bbdncu4hb] { cursor: pointer; position: absolute; right: var(--space-3); top: var(--space-2); }

@media (max-width: 760px) {
    .app-nav-link[b-7bbdncu4hb] { padding: var(--space-2); }
    .foot-grid[b-7bbdncu4hb] { grid-template-columns: 1fr 1fr; gap: var(--space-6); }
    .foot-brand-col[b-7bbdncu4hb] { grid-column: 1 / -1; }
}

/* Phones: brand on its own row, nav wraps beneath so 6 links + toggle never overflow. */
@media (max-width: 600px) {
    .app-header[b-7bbdncu4hb] { flex-wrap: wrap; gap: var(--space-2) var(--space-1); padding: var(--space-3) var(--space-4); }
    .app-nav[b-7bbdncu4hb] { width: 100%; flex-wrap: wrap; justify-content: flex-start; gap: var(--space-1); }
    .app-nav-link[b-7bbdncu4hb] { padding: var(--space-1) var(--space-2); font-size: var(--text-sm); }
    .app-footer[b-7bbdncu4hb] { padding: var(--space-8) var(--space-4) var(--space-5); }
}

@media (max-width: 380px) {
    .foot-grid[b-7bbdncu4hb] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Brands.razor.rz.scp.css */
/* ===== Brands & Logos page ===== */
.brands-hero[b-97jp7wl128] { max-width: 52rem; margin: 0 auto; text-align: center; padding: clamp(var(--space-8), 7vw, var(--space-16)) var(--space-6) var(--space-6); }
.brands-title[b-97jp7wl128] { font-family: var(--font-display); font-weight: 600; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -0.02em; line-height: 1.08; margin: var(--space-4) 0 var(--space-3); }
.brands-title .accent[b-97jp7wl128] { background: var(--brand-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; font-style: italic; }
.brands-sub[b-97jp7wl128] { color: var(--text-muted); font-size: var(--text-lg); max-width: 40rem; margin: 0 auto var(--space-6); line-height: var(--leading-relaxed); }

.brands-search[b-97jp7wl128] { display: flex; align-items: center; gap: var(--space-3); max-width: 30rem; margin: 0 auto; padding: var(--space-3) var(--space-5); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-pill); box-shadow: var(--shadow-md); }
.brands-search:focus-within[b-97jp7wl128] { border-color: var(--accent); box-shadow: var(--shadow-md), 0 0 0 4px var(--brand-ring); }
.brands-search svg[b-97jp7wl128] { width: 1.2rem; height: 1.2rem; color: var(--text-faint); flex: none; }
.brands-search input[b-97jp7wl128] { flex: 1; min-width: 0; border: none; outline: none; background: transparent; color: var(--text); font-family: inherit; font-size: var(--text-md); }

.brands-stats[b-97jp7wl128] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-5); margin-top: var(--space-5); font-size: var(--text-sm); color: var(--text-faint); }
.brands-stats strong[b-97jp7wl128] { color: var(--brand); font-weight: 800; }

.brands-grid-wrap[b-97jp7wl128] { max-width: 72rem; margin: 0 auto; padding: var(--space-4) var(--space-6) var(--space-10); }
.brands-empty[b-97jp7wl128] { text-align: center; color: var(--text-muted); padding: var(--space-10); }
.brands-grid[b-97jp7wl128] { display: grid; grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); gap: var(--space-4); }

.logo-card[b-97jp7wl128] { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); padding: var(--space-4) var(--space-3); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); transition: transform var(--motion), border-color var(--motion), box-shadow var(--motion); }
.logo-card:hover[b-97jp7wl128] { transform: translateY(-3px); border-color: var(--accent-border); box-shadow: var(--shadow-md); }

.logo-tile[b-97jp7wl128] { width: 4.5rem; height: 4.5rem; border-radius: var(--radius-lg); display: grid; place-items: center; overflow: hidden; background: var(--mono, var(--brand)); border: 1px solid transparent; }
.logo-tile.has-logo[b-97jp7wl128] { background: #fff; border-color: rgba(0, 0, 0, 0.06); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28); }
.logo-tile img[b-97jp7wl128] { width: 100%; height: 100%; object-fit: contain; padding: 12%; }
.logo-mono[b-97jp7wl128] { color: #fff; font-weight: 800; font-size: var(--text-xl); letter-spacing: 0.02em; }

.logo-name[b-97jp7wl128] { font-weight: 600; font-size: var(--text-sm); color: var(--text); text-align: center; line-height: 1.25; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.logo-sub[b-97jp7wl128] { font-size: var(--text-xs); color: var(--text-faint); }
.logo-copy[b-97jp7wl128] { margin-top: var(--space-1); border: 1px solid var(--border); background: var(--surface-2); color: var(--text-secondary); border-radius: var(--radius-pill); padding: var(--space-1) var(--space-3); font-size: var(--text-xs); font-weight: 600; cursor: pointer; transition: all var(--motion); }
.logo-copy:hover[b-97jp7wl128] { border-color: var(--accent); color: var(--accent-text); }

/* API explainer */
.brands-api[b-97jp7wl128] { max-width: 60rem; margin: 0 auto; padding: var(--space-6) var(--space-6) var(--space-16); }
.brands-api-grid[b-97jp7wl128] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); margin-bottom: var(--space-6); }
.api-card[b-97jp7wl128] { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-5); }
.api-card > div[b-97jp7wl128] { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-3); }
.api-card p[b-97jp7wl128] { color: var(--text-muted); font-size: var(--text-sm); margin: 0 0 var(--space-3); line-height: var(--leading-normal); }
.api-card pre[b-97jp7wl128] { background: var(--bg-muted); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-3); overflow: auto; margin: 0; }
.api-card pre code[b-97jp7wl128] { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text); line-height: 1.6; background: none; border: none; padding: 0; }
.ep-method[b-97jp7wl128] { display: inline-block; background: var(--accent-subtle); color: var(--accent-text); font-family: var(--font-mono); font-weight: 700; font-size: var(--text-xs); padding: 2px 8px; border-radius: var(--radius-sm); }
.ep-path[b-97jp7wl128] { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text); }
.brands-api-cta[b-97jp7wl128] { text-align: center; }

@media (max-width: 600px) {
    .brands-hero[b-97jp7wl128] { padding: var(--space-10) var(--space-4) var(--space-5); }
    .brands-grid-wrap[b-97jp7wl128] { padding: var(--space-4) var(--space-4) var(--space-8); }
    .brands-grid[b-97jp7wl128] { grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr)); gap: var(--space-3); }
    .brands-api[b-97jp7wl128] { padding: var(--space-5) var(--space-4) var(--space-12); }
    .brands-api-grid[b-97jp7wl128] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Check.razor.rz.scp.css */
.check-wrap[b-90wryf75yn] { max-width: var(--content-max); margin: 0 auto; padding: var(--space-8) var(--space-6) var(--space-16); }

.check-head[b-90wryf75yn] { margin-bottom: var(--space-6); }
.check-back[b-90wryf75yn] { color: var(--text-tertiary); text-decoration: none; font-size: var(--text-sm); }
.check-back:hover[b-90wryf75yn] { color: var(--accent-text); }
.check-head h1[b-90wryf75yn] { font-family: var(--font-display); font-size: clamp(1.8rem, 4vw, 2.6rem); letter-spacing: var(--tracking-tighter); margin: var(--space-2) 0 var(--space-1); }
.check-sub[b-90wryf75yn] { color: var(--text-secondary); margin: 0 0 var(--space-3); max-width: 70ch; line-height: 1.5; }
/* /Components/Pages/ClientPortal.razor.rz.scp.css */
.topup-intro[b-254k3gv208] { margin-top: 0; margin-bottom: var(--space-4); }

.pay-methods[b-254k3gv208] { display: flex; gap: var(--space-2); margin-bottom: var(--space-4); flex-wrap: wrap; }
.pay-method[b-254k3gv208] {
    padding: var(--space-2) var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md);
    background: var(--surface-2); color: var(--text-muted); font-weight: 600; font-size: var(--text-sm); cursor: pointer;
    transition: border-color var(--motion), color var(--motion), background var(--motion);
}
.pay-method:hover[b-254k3gv208] { border-color: var(--accent); color: var(--text); }
.pay-method.on[b-254k3gv208] { border-color: var(--accent); color: var(--accent-text); background: var(--accent-subtle); }
.pay-method:disabled[b-254k3gv208] { opacity: 0.6; cursor: default; }

.pack-grid[b-254k3gv208] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-3);
}

.pack-card[b-254k3gv208] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1);
    min-height: 9.5rem;
    padding: var(--space-5);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
    cursor: pointer;
    text-align: left;
    transition: transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);
}
.pack-card:hover:not(:disabled)[b-254k3gv208] {
    border-color: var(--accent);
    box-shadow: 0 12px 30px -14px rgba(var(--accent-rgb), 0.55);
    transform: translateY(-3px);
}
.pack-card:disabled[b-254k3gv208] { opacity: 0.55; cursor: default; }
.pack-card.has-bonus[b-254k3gv208] {
    border-color: color-mix(in srgb, var(--accent) 45%, var(--border));
    background: linear-gradient(160deg, var(--accent-subtle), var(--surface) 62%);
}

.pack-name[b-254k3gv208] { font-size: var(--text-xs); font-weight: var(--weight-semibold); text-transform: uppercase; letter-spacing: var(--tracking-wider); color: var(--text-tertiary); }
.pack-pay[b-254k3gv208] { font-size: var(--text-3xl); font-weight: var(--weight-bold); color: var(--text); line-height: 1.05; font-variant-numeric: tabular-nums; }
.pack-bonus[b-254k3gv208] {
    font-size: var(--text-2xs); font-weight: var(--weight-bold); text-transform: uppercase; letter-spacing: var(--tracking-wide);
    color: var(--accent-text); background: var(--accent-subtle); border: 1px solid var(--accent-border);
    padding: 2px 8px; border-radius: var(--radius-pill);
}
.pack-get[b-254k3gv208] { margin-top: auto; font-size: var(--text-sm); color: var(--text-muted); font-variant-numeric: tabular-nums; }

.check-launch-grid[b-254k3gv208] { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: var(--space-3); }
.check-launch[b-254k3gv208] {
    display: flex; align-items: center; justify-content: space-between; gap: var(--space-2);
    padding: var(--space-3) var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md);
    background: var(--surface); text-decoration: none; transition: transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth);
}
.check-launch:hover[b-254k3gv208] { transform: translateY(-2px); border-color: var(--accent); }
.check-launch-name[b-254k3gv208] { font-weight: var(--weight-semibold); color: var(--text); font-size: var(--text-sm); }
.check-launch-tag[b-254k3gv208] { font-size: var(--text-xs); color: var(--accent-text); font-weight: var(--weight-semibold); white-space: nowrap; }

/* ============================== Portal greeting + empty states ============================== */
.portal-head[b-254k3gv208] {
    display: flex; align-items: center; justify-content: space-between;
    gap: var(--space-6); flex-wrap: wrap;
}
.portal-head .eyebrow[b-254k3gv208] { display: block; margin-bottom: var(--space-2); }
.portal-head h1[b-254k3gv208] { margin: 0; }
.portal-lede[b-254k3gv208] { margin: var(--space-2) 0 0; color: var(--text-secondary); font-size: var(--text-base); max-width: 40rem; }

.portal-head[b-254k3gv208]  .portal-head-illus {
    width: clamp(3.5rem, 7vw, 5rem); height: auto; color: var(--accent); flex: none;
    animation: floatY 6s var(--ease-smooth, ease-in-out) infinite;
}

/* Section eyebrows sit snug above each panel heading */
.panel .eyebrow[b-254k3gv208] { display: block; margin-bottom: var(--space-1); }

/* Empty-state illustrations inside panels inherit the accent tone */
.panel[b-254k3gv208]  .empty-illus { color: var(--accent); }

@media (prefers-reduced-motion: reduce) {
    .portal-head[b-254k3gv208]  .portal-head-illus { animation: none; }
}

@media (max-width: 640px) {
    .portal-head[b-254k3gv208]  .portal-head-illus { display: none; }
}
/* /Components/Pages/Company.razor.rz.scp.css */
.profile-grid[b-gbemxyxnc8] {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-4);
}
.profile-field[b-gbemxyxnc8] { display: flex; flex-direction: column; gap: var(--space-1); }
.profile-field > span[b-gbemxyxnc8] { font-size: var(--text-xs); font-weight: var(--weight-semibold); color: var(--text-secondary); }
.profile-field > input[b-gbemxyxnc8] {
    padding: var(--space-2) var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md);
    background: var(--surface); color: var(--text); font-size: var(--text-sm);
}
.profile-field > input:focus[b-gbemxyxnc8] { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-subtle); }

.profile-actions[b-gbemxyxnc8] { display: flex; align-items: center; gap: var(--space-3); margin-top: var(--space-4); flex-wrap: wrap; }
.profile-actions .check-status[b-gbemxyxnc8], .profile-actions .admin-empty[b-gbemxyxnc8] { margin: 0; }

.co-name[b-gbemxyxnc8] { font-weight: var(--weight-bold); }

.profile-read[b-gbemxyxnc8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2) var(--space-5); }
.pr-row[b-gbemxyxnc8] { display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-2) 0; border-bottom: 1px solid var(--border-subtle); }
.pr-label[b-gbemxyxnc8] { font-size: var(--text-xs); color: var(--text-tertiary); text-transform: uppercase; letter-spacing: .03em; }
.pr-value[b-gbemxyxnc8] { font-size: var(--text-sm); color: var(--text); }

.svc-row td[b-gbemxyxnc8] { padding-top: 0; }
.svc-chips[b-gbemxyxnc8] { display: flex; flex-wrap: wrap; gap: var(--space-2); padding-bottom: var(--space-2); }
.svc-chip[b-gbemxyxnc8] {
    display: inline-block; padding: 2px var(--space-3); border-radius: var(--radius-pill); font-size: var(--text-xs);
    background: var(--surface-2); border: 1px solid var(--border); color: var(--text-secondary);
}

@media (max-width: 760px) {
    .profile-grid[b-gbemxyxnc8], .profile-read[b-gbemxyxnc8] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact[b-05jkyh19na] {
    position: relative;
    min-height: calc(100vh - var(--header-height));
    padding: var(--space-12) var(--space-6) var(--space-16);
    overflow: hidden;
}

/* Drifting brand aurora behind everything */
.contact-aurora[b-05jkyh19na] {
    position: absolute;
    inset: -20% -10% auto -10%;
    height: 70%;
    background:
        radial-gradient(40% 60% at 20% 30%, rgba(var(--accent-rgb), 0.20), transparent 70%),
        radial-gradient(45% 55% at 80% 20%, rgba(var(--accent-bright-rgb), 0.18), transparent 70%),
        radial-gradient(40% 50% at 60% 70%, rgba(var(--accent-rgb), 0.10), transparent 70%);
    filter: blur(20px);
    animation: auroraDrift-b-05jkyh19na 18s var(--ease-smooth) infinite alternate;
    pointer-events: none;
}
@keyframes auroraDrift-b-05jkyh19na {
    0% { transform: translate3d(-2%, 0, 0) scale(1); }
    100% { transform: translate3d(3%, 3%, 0) scale(1.08); }
}

.contact-inner[b-05jkyh19na] {
    position: relative;
    max-width: var(--content-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: var(--space-12);
    align-items: center;
}

/* ── Left: copy ── */
.contact-badge[b-05jkyh19na] {
    display: inline-flex; align-items: center; gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-pill);
    background: var(--accent-subtle); color: var(--accent-text);
    border: 1px solid var(--accent-border);
    font-size: var(--text-xs); font-weight: var(--weight-semibold);
    margin-bottom: var(--space-5);
}
.live-dot[b-05jkyh19na] { width: 8px; height: 8px; border-radius: 50%; background: var(--accent-bright);
    animation: dotPulse-b-05jkyh19na 1.8s var(--ease-out) infinite; }
@keyframes dotPulse-b-05jkyh19na {
    0% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.5); }
    70% { box-shadow: 0 0 0 7px rgba(var(--accent-rgb), 0); }
    100% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0); }
}

.contact-h1[b-05jkyh19na] {
    font-family: var(--font-display);
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-tighter);
    margin: 0 0 var(--space-4);
    color: var(--text);
}
.contact-h1 .accent[b-05jkyh19na] {
    background: var(--brand-gradient);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
}
.contact-sub[b-05jkyh19na] {
    font-size: var(--text-lg);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
    max-width: 32rem;
    margin: 0 0 var(--space-8);
}

.contact-points[b-05jkyh19na] { list-style: none; padding: 0; margin: 0 0 var(--space-8); display: flex; flex-direction: column; gap: var(--space-4); }
.contact-points li[b-05jkyh19na] { display: flex; gap: var(--space-4); align-items: flex-start; }
.cp-ico[b-05jkyh19na] {
    flex: none; width: 44px; height: 44px; border-radius: var(--radius-lg);
    display: grid; place-items: center; font-size: var(--text-xl);
    background: var(--surface); border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
}
.contact-points strong[b-05jkyh19na] { display: block; color: var(--text); font-size: var(--text-base); }
.contact-points span[b-05jkyh19na] { color: var(--text-tertiary); font-size: var(--text-sm); }

.contact-promise[b-05jkyh19na] {
    display: inline-flex; align-items: center; gap: var(--space-2);
    color: var(--text-secondary); font-size: var(--text-sm);
}
.cp-dot[b-05jkyh19na] { width: 8px; height: 8px; border-radius: 50%; background: var(--success); }

/* ── Right: form card ── */
.contact-card[b-05jkyh19na] {
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    backdrop-filter: blur(12px);
    border: 1px solid var(--border);
    border-radius: var(--radius-2xl);
    padding: var(--space-8);
    box-shadow: var(--shadow-xl);
}
.contact-card-head h2[b-05jkyh19na] { margin: 0; font-size: var(--text-2xl); letter-spacing: var(--tracking-tight); }
.contact-card-head p[b-05jkyh19na] { margin: var(--space-1) 0 var(--space-5); color: var(--text-tertiary); }

.topic-pick[b-05jkyh19na] { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-5); }
.topic-chip[b-05jkyh19na] {
    border: 1px solid var(--border); background: var(--surface);
    color: var(--text-secondary);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-pill);
    font-size: var(--text-sm); font-weight: var(--weight-medium);
    cursor: pointer; transition: all var(--duration-fast) var(--ease-smooth);
}
.topic-chip:hover[b-05jkyh19na] { border-color: var(--accent-border); color: var(--text); }
.topic-chip.on[b-05jkyh19na] {
    background: var(--brand-gradient); color: var(--text-on-accent);
    border-color: transparent; box-shadow: 0 4px 14px -4px rgba(var(--accent-rgb), 0.5);
}

.field[b-05jkyh19na] { margin-bottom: var(--space-4); }
.field label[b-05jkyh19na] {
    display: block; font-size: var(--text-xs); font-weight: var(--weight-semibold);
    color: var(--text-tertiary); text-transform: uppercase; letter-spacing: var(--tracking-wider);
    margin-bottom: var(--space-2);
}
.field input[b-05jkyh19na], .field textarea[b-05jkyh19na] {
    width: 100%; box-sizing: border-box;
    padding: var(--space-3) var(--space-4);
    background: var(--bg-subtle); color: var(--text);
    border: 1px solid var(--border); border-radius: var(--radius-md);
    font-family: var(--font-sans); font-size: var(--text-base);
    transition: border-color var(--duration-fast), box-shadow var(--duration-fast);
    resize: vertical;
}
.field input:focus[b-05jkyh19na], .field textarea:focus[b-05jkyh19na] {
    outline: none; border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--brand-ring);
}
.field input[b-05jkyh19na]::placeholder, .field textarea[b-05jkyh19na]::placeholder { color: var(--text-tertiary); }

.hp[b-05jkyh19na] { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

.contact-error[b-05jkyh19na] {
    background: var(--danger-subtle); color: var(--danger);
    border: 1px solid color-mix(in srgb, var(--danger) 30%, transparent);
    border-radius: var(--radius-md); padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm); margin-bottom: var(--space-4);
}

.contact-submit[b-05jkyh19na] { width: 100%; justify-content: center; display: inline-flex; align-items: center; gap: var(--space-2); }
.cs-arrow[b-05jkyh19na] { transition: transform var(--duration-fast) var(--ease-spring); }
.contact-submit:hover .cs-arrow[b-05jkyh19na] { transform: translateX(4px); }
.contact-fineprint[b-05jkyh19na] { text-align: center; color: var(--text-tertiary); font-size: var(--text-xs); margin: var(--space-3) 0 0; }

/* ── Success state ── */
.contact-success[b-05jkyh19na] { text-align: center; padding: var(--space-6) var(--space-2); animation: liveFadeUp-b-05jkyh19na var(--duration-slow) var(--ease-out); }
@keyframes liveFadeUp-b-05jkyh19na { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.contact-success h2[b-05jkyh19na] { margin: var(--space-4) 0 var(--space-2); font-size: var(--text-2xl); }
.contact-success p[b-05jkyh19na] { color: var(--text-secondary); margin: 0 auto var(--space-6); max-width: 26rem; line-height: var(--leading-relaxed); }
.success-check[b-05jkyh19na] { width: 84px; height: 84px; }
.sc-ring[b-05jkyh19na] { stroke: var(--accent); stroke-width: 3; stroke-dasharray: 151; stroke-dashoffset: 151; animation: scRing-b-05jkyh19na 0.6s var(--ease-out) forwards; }
.sc-tick[b-05jkyh19na] { stroke: var(--accent); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 48; stroke-dashoffset: 48; animation: scTick-b-05jkyh19na 0.4s var(--ease-out) 0.45s forwards; }
@keyframes scRing-b-05jkyh19na { to { stroke-dashoffset: 0; } }
@keyframes scTick-b-05jkyh19na { to { stroke-dashoffset: 0; } }

@media (max-width: 880px) {
    .contact-inner[b-05jkyh19na] { grid-template-columns: 1fr; gap: var(--space-8); }
    .contact[b-05jkyh19na] { padding: var(--space-8) var(--space-4) var(--space-12); }
    .contact-card[b-05jkyh19na] { padding: var(--space-6); }
}
/* /Components/Pages/Docs.razor.rz.scp.css */
.docs[b-e2yfav17n7] { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: var(--space-8); max-width: var(--content-max); margin: 0 auto; padding: var(--space-8) var(--space-6) var(--space-16); }

.docs-side[b-e2yfav17n7] { position: sticky; top: 80px; align-self: start; display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--text-sm); }
.docs-side-title[b-e2yfav17n7] { font-weight: 700; color: var(--text); margin-bottom: var(--space-2); }
.docs-side-group[b-e2yfav17n7] { margin-top: var(--space-4); margin-bottom: var(--space-1); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wider); color: var(--text-tertiary); display: flex; align-items: center; gap: var(--space-2); }
.svc-badge[b-e2yfav17n7] { font-size: 0.6rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; padding: 1px 6px; border-radius: var(--radius-pill); }
.svc-badge.live[b-e2yfav17n7] { background: color-mix(in srgb, var(--accent) 18%, transparent); color: var(--accent); }
.svc-badge.dev[b-e2yfav17n7] { background: var(--warning-subtle); color: var(--warning); }
.docs-side a[b-e2yfav17n7] { color: var(--text-secondary); text-decoration: none; padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm); }
.docs-side a:hover[b-e2yfav17n7] { color: var(--accent); background: var(--surface-hover); }

.docs-main[b-e2yfav17n7] { min-width: 0; }
.docs-hero[b-e2yfav17n7] { border-bottom: 1px solid var(--border); padding-bottom: var(--space-5); margin-bottom: var(--space-6); }
.docs-hero h1[b-e2yfav17n7] { font-family: var(--font-display); font-weight: 600; font-size: clamp(2rem, 4vw, 2.6rem); margin: 0 0 var(--space-2); }
.docs-hero p[b-e2yfav17n7] { color: var(--text-secondary); margin: 0; }

.docs-main section[b-e2yfav17n7] { margin-bottom: var(--space-10); scroll-margin-top: 80px; }
.docs-main h2[b-e2yfav17n7] { font-size: var(--text-2xl); letter-spacing: -0.01em; margin: var(--space-2) 0 var(--space-3); }
.docs-main h4[b-e2yfav17n7] { font-size: var(--text-sm); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-tertiary); margin: var(--space-4) 0 var(--space-2); }
.docs-main p[b-e2yfav17n7] { color: var(--text-secondary); line-height: var(--leading-relaxed); }
.docs-main code[b-e2yfav17n7] { font-family: var(--font-mono); font-size: 0.85em; background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-xs); padding: 1px 5px; }
.docs-main pre[b-e2yfav17n7] { background: var(--bg-muted); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-4); overflow: auto; }
.docs-main pre code[b-e2yfav17n7] { background: none; border: none; padding: 0; font-size: var(--text-sm); line-height: 1.6; color: var(--text); }

.ep-method[b-e2yfav17n7] { display: inline-block; background: var(--accent-subtle); color: var(--accent-text); font-family: var(--font-mono); font-weight: 700; font-size: var(--text-xs); padding: 2px 8px; border-radius: var(--radius-sm); margin-right: var(--space-2); }
.ep-method.post[b-e2yfav17n7] { background: var(--warning-subtle); color: var(--warning); }
.ep-path[b-e2yfav17n7] { font-family: var(--font-mono); font-size: var(--text-sm); }
.tryit-body[b-e2yfav17n7] { grid-column: 1 / -1; }
.tryit-body textarea[b-e2yfav17n7] { width: 100%; box-sizing: border-box; font-family: var(--font-mono); font-size: var(--text-sm); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-subtle); color: var(--text); resize: vertical; }

.docs-params[b-e2yfav17n7] { width: 100%; border-collapse: collapse; font-size: var(--text-sm); margin: var(--space-3) 0; }
.docs-params th[b-e2yfav17n7] { text-align: left; color: var(--text-tertiary); font-weight: 600; padding: var(--space-2); border-bottom: 1px solid var(--border); }
.docs-params td[b-e2yfav17n7] { padding: var(--space-2); border-bottom: 1px solid var(--border); color: var(--text-secondary); vertical-align: top; }

.tryit[b-e2yfav17n7] { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: var(--space-6); box-shadow: var(--shadow-sm); }
.tryit-form[b-e2yfav17n7] { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-3); align-items: end; margin-top: var(--space-3); }
.tryit-form label[b-e2yfav17n7] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--text-sm); color: var(--text-secondary); }
.tryit-form input[b-e2yfav17n7], .tryit-form select[b-e2yfav17n7] { border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-2) var(--space-3); background: var(--surface-2); color: var(--text); font-family: inherit; }
.tryit-form input:focus[b-e2yfav17n7], .tryit-form select:focus[b-e2yfav17n7] { outline: none; border-color: var(--accent); }
.tryit-form .primary-btn[b-e2yfav17n7] { grid-column: 1 / -1; }
.tryit-result[b-e2yfav17n7] { margin-top: var(--space-4); }
.tryit-status[b-e2yfav17n7] { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-2); font-size: var(--text-sm); flex-wrap: wrap; }
.tryit-status .muted[b-e2yfav17n7] { color: var(--text-tertiary); font-family: var(--font-mono); font-size: var(--text-xs); }

@media (max-width: 860px) {
    .docs[b-e2yfav17n7] { grid-template-columns: 1fr; }
    .docs-side[b-e2yfav17n7] { position: static; flex-direction: row; flex-wrap: wrap; gap: var(--space-2); }
    .tryit-form[b-e2yfav17n7] { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .docs[b-e2yfav17n7] { padding: var(--space-6) var(--space-4) var(--space-12); gap: var(--space-5); }
    .tryit[b-e2yfav17n7] { padding: var(--space-4); }
    .docs-main pre[b-e2yfav17n7] { padding: var(--space-3); }
    .docs-main pre code[b-e2yfav17n7] { font-size: var(--text-xs); }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ============================== Hero ============================== */
.hero[b-kc35mpy174] { position: relative; overflow: hidden; padding: clamp(var(--space-7), 7vw, var(--space-12)) var(--space-6) var(--space-6); }

.hero-bg[b-kc35mpy174] { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.orb[b-kc35mpy174] { position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.55; will-change: transform; }
.orb-1[b-kc35mpy174] { width: 38rem; height: 38rem; top: -14rem; left: 50%; margin-left: -19rem; background: radial-gradient(circle at 30% 30%, var(--brand-soft), transparent 70%); animation: auroraDrift 18s ease-in-out infinite; }
.orb-2[b-kc35mpy174] { width: 26rem; height: 26rem; top: -6rem; right: -6rem; background: radial-gradient(circle at 50% 50%, var(--brand-2), transparent 70%); opacity: 0.4; animation: auroraDrift 22s ease-in-out infinite reverse; }
.orb-3[b-kc35mpy174] { width: 22rem; height: 22rem; top: 2rem; left: -8rem; background: radial-gradient(circle at 50% 50%, var(--accent), transparent 72%); opacity: 0.28; animation: floatY 14s ease-in-out infinite; }
.hero-grid[b-kc35mpy174] {
    position: absolute; inset: 0;
    background-image:
        linear-gradient(to right, color-mix(in srgb, var(--text) 5%, transparent) 1px, transparent 1px),
        linear-gradient(to bottom, color-mix(in srgb, var(--text) 5%, transparent) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, #000 30%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, #000 30%, transparent 75%);
}

.hero-inner[b-kc35mpy174] { position: relative; z-index: 1; max-width: var(--content-width); margin: 0 auto; text-align: center; }

/* Hero line-art illustration, softly floating above the badge */
.hero-inner[b-kc35mpy174]  .hero-illus {
    display: block; width: clamp(4.5rem, 9vw, 6.5rem); height: auto; margin: 0 auto var(--space-4);
    color: var(--accent);
    animation: floatY 6s var(--ease-smooth, ease-in-out) infinite;
}

/* Eyebrow above the display title */
.hero-inner .eyebrow[b-kc35mpy174] { display: block; margin-bottom: var(--space-2); }

/* Trust signals under the hero copy */
.hero-trust[b-kc35mpy174] { justify-content: center; margin: var(--space-2) auto var(--space-6); }
.hero-inner[b-kc35mpy174]  .trust-ic { width: 1.15rem; height: 1.15rem; color: var(--accent); flex: none; }

@media (prefers-reduced-motion: reduce) {
    .hero-inner[b-kc35mpy174]  .hero-illus { animation: none; }
}

.hero-badge[b-kc35mpy174] {
    display: inline-flex; align-items: center; gap: var(--space-2);
    font-size: var(--text-sm); font-weight: 600; color: var(--text-muted);
    background: var(--glass); border: 1px solid var(--border);
    padding: var(--space-2) var(--space-4); border-radius: var(--radius-pill);
    margin-bottom: var(--space-5); backdrop-filter: blur(8px);
}
.live-dot[b-kc35mpy174] { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 24%, transparent); animation: pulseDot 1.8s ease-in-out infinite; }

.hero-title[b-kc35mpy174] { font-family: var(--font-display); font-size: clamp(2.1rem, 5.5vw, 3.6rem); font-weight: 600; letter-spacing: -0.02em; margin: 0 0 var(--space-3); line-height: 1.06; }
.hero-title .accent[b-kc35mpy174] { background: var(--brand-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; font-style: italic; }
.hero-sub[b-kc35mpy174] { font-size: var(--text-lg); color: var(--text-muted); margin: 0 auto var(--space-6); max-width: 42rem; }

/* ============================== Search bar ============================== */
.search[b-kc35mpy174] {
    display: flex; align-items: center; gap: var(--space-3);
    max-width: 48rem; margin: 0 auto;
    padding: var(--space-2) var(--space-2) var(--space-2) var(--space-5);
    background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius-pill); box-shadow: var(--shadow-lg);
    transition: border-color var(--motion), box-shadow var(--motion);
}
.search:focus-within[b-kc35mpy174] { border-color: var(--brand); box-shadow: var(--shadow-lg), 0 0 0 5px var(--brand-ring); }
.search.is-loading[b-kc35mpy174] { border-color: var(--brand); }
.search-icon[b-kc35mpy174] { width: 1.4rem; height: 1.4rem; color: var(--text-faint); flex: none; }
.search-input[b-kc35mpy174] { flex: 1; min-width: 0; border: none; outline: none; background: transparent; font-size: var(--text-lg); color: var(--text); padding: var(--space-3) 0; font-family: inherit; }
.search-input[b-kc35mpy174]::placeholder { color: var(--text-faint); }
.search-sep[b-kc35mpy174] { width: 1px; align-self: stretch; margin: var(--space-2) 0; background: var(--border); flex: none; }

.year-wrap[b-kc35mpy174] { position: relative; flex: none; }
.year-select[b-kc35mpy174] {
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    border: none; outline: none; cursor: pointer;
    background: var(--surface-2); color: var(--text);
    font-family: inherit; font-size: var(--text-base); font-weight: 500;
    padding: var(--space-3) 2.2rem var(--space-3) var(--space-4);
    border-radius: var(--radius-pill);
    transition: background var(--motion);
}
.year-select:hover[b-kc35mpy174] { background: var(--surface-3); }
.year-select:focus[b-kc35mpy174] { box-shadow: 0 0 0 3px var(--brand-ring); }
.year-chevron[b-kc35mpy174] { position: absolute; right: 0.85rem; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; color: var(--text-faint); pointer-events: none; }

.meta-row[b-kc35mpy174], .hero-stats[b-kc35mpy174] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-3); margin-top: var(--space-5); font-size: var(--text-sm); color: var(--text-muted); }
.meta-row strong[b-kc35mpy174] { color: var(--text); }
.meta-row .dot[b-kc35mpy174] { color: var(--text-faint); }
.meta-row .muted[b-kc35mpy174] { color: var(--text-faint); font-style: italic; }
.hero-stats[b-kc35mpy174] { gap: var(--space-5); }
.hero-stats strong[b-kc35mpy174] { color: var(--brand); font-weight: 800; }

/* ============================== Results ============================== */
.results[b-kc35mpy174] { max-width: var(--content-width); margin: 0 auto; padding: var(--space-5) var(--space-6) var(--space-12); display: flex; flex-direction: column; gap: var(--space-3); }

.suggestions[b-kc35mpy174] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); padding-top: var(--space-2); }
.chip[b-kc35mpy174] { border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: var(--radius-pill); padding: var(--space-2) var(--space-4); font-size: var(--text-sm); font-family: inherit; cursor: pointer; transition: all var(--motion); }
.chip:hover[b-kc35mpy174] { border-color: var(--brand); color: var(--brand); transform: translateY(-2px); box-shadow: var(--shadow-sm); }

.empty[b-kc35mpy174] { text-align: center; color: var(--text-muted); padding: var(--space-8); background: var(--surface); border: 1px dashed var(--border); border-radius: var(--radius-lg); }
.empty.error[b-kc35mpy174] { color: var(--danger); border-color: var(--danger); }

.card[b-kc35mpy174] { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; transition: border-color var(--motion), box-shadow var(--motion), transform var(--motion); animation: fadeUp 0.4s both; }
.card:hover[b-kc35mpy174] { border-color: var(--border-strong); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.card.expanded[b-kc35mpy174] { border-color: var(--brand); box-shadow: var(--shadow-md); }

.card-head[b-kc35mpy174] { display: grid; grid-template-columns: 8.5rem 1fr auto auto 1.4rem; align-items: center; gap: var(--space-4); width: 100%; text-align: left; border: none; background: transparent; cursor: pointer; padding: var(--space-4) var(--space-5); color: var(--text); font-family: inherit; }
.card-id[b-kc35mpy174] { display: flex; flex-direction: column; gap: 3px; align-items: flex-start; }
.kcode[b-kc35mpy174] { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-faint); }
.mm-badge[b-kc35mpy174] { font-family: var(--font-mono); font-size: 0.66rem; font-weight: 600; color: var(--accent); background: color-mix(in srgb, var(--accent) 14%, transparent); padding: 1px 6px; border-radius: var(--radius-sm); }
.years[b-kc35mpy174] { font-size: var(--text-sm); color: var(--text-muted); font-variant-numeric: tabular-nums; }
.card-title[b-kc35mpy174] { display: flex; flex-direction: row; align-items: center; gap: var(--space-3); min-width: 0; }
.card-title-text[b-kc35mpy174] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

/* Manufacturer logo badge: bigger white tile with the real logo, or a coloured monogram fallback */
.brand-badge[b-kc35mpy174] { flex: none; width: 3.85rem; height: 3.85rem; border-radius: var(--radius-lg); display: grid; place-items: center; overflow: hidden; background: var(--mono, var(--brand)); border: 1px solid transparent; }
.brand-badge.has-logo[b-kc35mpy174] { background: #fff; border-color: rgba(0, 0, 0, 0.06); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.30); }
.brand-logo[b-kc35mpy174] { width: 100%; height: 100%; object-fit: contain; padding: 9%; }
.brand-mono[b-kc35mpy174] { color: #fff; font-weight: 800; font-size: var(--text-xl); letter-spacing: 0.02em; }
.make[b-kc35mpy174] { font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--brand); font-weight: 700; }
.model[b-kc35mpy174] { font-size: var(--text-base); font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; }
.card-tags[b-kc35mpy174] { display: flex; gap: var(--space-2); flex-wrap: wrap; justify-content: flex-end; }
.tag[b-kc35mpy174] { font-size: var(--text-xs); color: var(--text-muted); background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 2px var(--space-2); white-space: nowrap; }
.card-value[b-kc35mpy174] { text-align: right; display: flex; flex-direction: column; gap: 1px; min-width: 8.5rem; }
.value-label[b-kc35mpy174] { font-size: var(--text-xs); color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.05em; }
.value-amount[b-kc35mpy174] { font-size: var(--text-lg); font-weight: 800; color: var(--text); font-variant-numeric: tabular-nums; }
.value-trade[b-kc35mpy174] { font-size: var(--text-xs); color: var(--text-muted); font-variant-numeric: tabular-nums; }
.card-chevron[b-kc35mpy174] { color: var(--text-faint); display: grid; place-items: center; transition: transform var(--motion), color var(--motion); }
.card-chevron svg[b-kc35mpy174] { width: 1.1rem; height: 1.1rem; }
.card.expanded .card-chevron[b-kc35mpy174] { transform: rotate(90deg); color: var(--brand); }

.card-detail[b-kc35mpy174] { border-top: 1px solid var(--border); padding: var(--space-5); background: var(--surface-2); animation: fadeUp 0.25s both; }
.detail-loading[b-kc35mpy174] { color: var(--text-muted); display: flex; align-items: center; gap: var(--space-3); }
.spinner[b-kc35mpy174] { width: 1rem; height: 1rem; border: 2px solid var(--border-strong); border-top-color: var(--brand); border-radius: 50%; animation: spin 0.7s linear infinite; }

.detail-ids[b-kc35mpy174] { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-bottom: var(--space-5); }
.id-chip[b-kc35mpy174] { display: flex; flex-direction: column; gap: 2px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-2) var(--space-4); }
.id-chip span[b-kc35mpy174] { font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-faint); }
.id-chip strong[b-kc35mpy174] { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text); }
.id-chip strong.pending[b-kc35mpy174] { color: var(--text-faint); font-style: italic; font-family: var(--font-sans); font-weight: 500; }
/* production-status chip */
.id-chip.status strong[b-kc35mpy174] { font-family: var(--font-sans); font-weight: 700; }
.id-chip.status.live[b-kc35mpy174] { border-color: var(--accent-border); background: var(--accent-subtle); }
.id-chip.status.live strong[b-kc35mpy174] { color: var(--accent-text); }
.id-chip.status.disc[b-kc35mpy174] { border-color: var(--warning-subtle); background: var(--warning-subtle); }
.id-chip.status.disc strong[b-kc35mpy174] { color: var(--warning); }

.detail-grid[b-kc35mpy174] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: var(--space-6); }
.detail-grid h4[b-kc35mpy174] { margin: 0 0 var(--space-3); font-size: var(--text-sm); text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); }
.detail-specs dl[b-kc35mpy174] { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2) var(--space-4); }
.spec[b-kc35mpy174] { display: flex; justify-content: space-between; gap: var(--space-3); border-bottom: 1px dotted var(--border); padding-bottom: 2px; }
.spec dt[b-kc35mpy174] { color: var(--text-muted); font-size: var(--text-sm); }
.spec dd[b-kc35mpy174] { margin: 0; color: var(--text); font-size: var(--text-sm); font-weight: 600; text-align: right; }
.detail-years table[b-kc35mpy174] { width: 100%; border-collapse: collapse; font-size: var(--text-sm); font-variant-numeric: tabular-nums; }
.detail-years th[b-kc35mpy174] { text-align: right; color: var(--text-faint); font-weight: 600; padding: var(--space-1) var(--space-2); border-bottom: 1px solid var(--border); }
.detail-years th:first-child[b-kc35mpy174] { text-align: left; }
.detail-years td[b-kc35mpy174] { text-align: right; padding: var(--space-1) var(--space-2); border-bottom: 1px solid var(--border); color: var(--text); }
.detail-years td:first-child[b-kc35mpy174] { text-align: left; color: var(--text-muted); }
.detail-years tr.sel td[b-kc35mpy174] { background: var(--brand-ring); color: var(--text); font-weight: 700; }
.sect[b-kc35mpy174] { color: var(--text-faint); font-size: var(--text-xs); margin-left: var(--space-1); }

/* Retail-value-by-model-year mini chart */
.vchart[b-kc35mpy174] { position: relative; height: 140px; margin: var(--space-1) 0 var(--space-5); }
/* svg + dots share the EXACT same box so points sit on the line; data is padded (14–86) to leave room for the cap/axis */
.vchart-svg[b-kc35mpy174], .vchart-dots[b-kc35mpy174] { position: absolute; inset: 0; }
.vchart-svg[b-kc35mpy174] { width: 100%; height: 100%; display: block; overflow: visible; }
.vchart-dot[b-kc35mpy174] { position: absolute; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: var(--radius-full); background: var(--accent); border: 2px solid var(--surface); box-shadow: 0 0 0 1px var(--accent-border); transition: transform var(--motion); }
.vchart-dot:hover[b-kc35mpy174] { transform: scale(1.4); }
.vchart-axis[b-kc35mpy174] { position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-between; font-size: var(--text-xs); color: var(--text-faint); font-variant-numeric: tabular-nums; }
.vchart-cap[b-kc35mpy174] { position: absolute; top: 0; left: 0; right: 0; font-size: var(--text-xs); color: var(--text-muted); font-variant-numeric: tabular-nums; }
.vchart-cap .muted[b-kc35mpy174] { color: var(--text-faint); }

@media (max-width: 600px) {
    .hero[b-kc35mpy174] { padding: var(--space-8) var(--space-4) var(--space-5); }
    .results[b-kc35mpy174] { padding: var(--space-4) var(--space-4) var(--space-10); }
    .search[b-kc35mpy174] { gap: var(--space-2); padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4); }
    .search-input[b-kc35mpy174] { font-size: var(--text-base); }
    .year-select[b-kc35mpy174] { padding: var(--space-2) 1.9rem var(--space-2) var(--space-3); font-size: var(--text-sm); }
}

@media (max-width: 780px) {
    .card-head[b-kc35mpy174] { grid-template-columns: 1fr auto; grid-template-areas: "title value" "id value" "tags chevron"; row-gap: var(--space-2); }
    .card-id[b-kc35mpy174] { grid-area: id; flex-direction: row; align-items: center; gap: var(--space-2); }
    .card-title[b-kc35mpy174] { grid-area: title; }
    .card-tags[b-kc35mpy174] { grid-area: tags; justify-content: flex-start; }
    .card-value[b-kc35mpy174] { grid-area: value; }
    .card-chevron[b-kc35mpy174] { grid-area: chevron; justify-self: end; }
    .detail-grid[b-kc35mpy174] { grid-template-columns: 1fr; }
    .detail-specs dl[b-kc35mpy174] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Landing.razor.rz.scp.css */
/* ===== Landing hero ===== */
.lhero[b-otjb7cpqxr] { position: relative; overflow: hidden; padding: clamp(var(--space-8), 8vw, 6rem) var(--space-6) var(--space-7); }
.lhero-bg[b-otjb7cpqxr] { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.orb[b-otjb7cpqxr] { position: absolute; border-radius: 50%; filter: blur(64px); opacity: 0.5; will-change: transform; }
.orb-1[b-otjb7cpqxr] { width: 40rem; height: 40rem; top: -16rem; left: 50%; margin-left: -20rem; background: radial-gradient(circle at 30% 30%, var(--brand-soft), transparent 70%); animation: auroraDrift 20s ease-in-out infinite; }
.orb-2[b-otjb7cpqxr] { width: 26rem; height: 26rem; top: -4rem; right: -6rem; background: radial-gradient(circle, var(--brand-2), transparent 70%); opacity: 0.38; animation: auroraDrift 24s ease-in-out infinite reverse; }
.orb-3[b-otjb7cpqxr] { width: 22rem; height: 22rem; top: 4rem; left: -8rem; background: radial-gradient(circle, var(--accent), transparent 72%); opacity: 0.26; animation: floatY 16s ease-in-out infinite; }
.hero-grid[b-otjb7cpqxr] {
    position: absolute; inset: 0;
    background-image:
        linear-gradient(to right, color-mix(in srgb, var(--text) 5%, transparent) 1px, transparent 1px),
        linear-gradient(to bottom, color-mix(in srgb, var(--text) 5%, transparent) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: radial-gradient(ellipse 75% 60% at 50% 25%, #000 30%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 75% 60% at 50% 25%, #000 30%, transparent 75%);
}

.lhero-inner[b-otjb7cpqxr] { position: relative; z-index: 1; max-width: 52rem; margin: 0 auto; text-align: center; }
.hero-badge[b-otjb7cpqxr] { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); font-weight: 600; color: var(--text-muted); background: var(--glass); border: 1px solid var(--border); padding: var(--space-2) var(--space-4); border-radius: var(--radius-pill); margin-bottom: var(--space-5); backdrop-filter: blur(8px); }
.live-dot[b-otjb7cpqxr] { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 24%, transparent); animation: pulseDot 1.8s ease-in-out infinite; }

.lhero-title[b-otjb7cpqxr] { font-family: var(--font-display); font-size: clamp(2.3rem, 5.5vw, 3.9rem); font-weight: 600; letter-spacing: -0.02em; line-height: 1.06; margin: 0 0 var(--space-4); }
.lhero-title .accent[b-otjb7cpqxr] { background: var(--brand-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; font-style: italic; }
.lhero-sub[b-otjb7cpqxr] { font-size: var(--text-lg); color: var(--text-muted); max-width: 40rem; margin: 0 auto var(--space-6); }

.lhero-cta[b-otjb7cpqxr] { display: flex; gap: var(--space-3); justify-content: center; flex-wrap: wrap; }
.btn-lg[b-otjb7cpqxr] { display: inline-flex; align-items: center; gap: var(--space-2); font-weight: 700; font-size: var(--text-base); padding: var(--space-3) var(--space-5); border-radius: var(--radius-pill); cursor: pointer; text-decoration: none; transition: transform var(--motion), box-shadow var(--motion), background var(--motion); }
.btn-lg svg[b-otjb7cpqxr] { width: 1.1rem; height: 1.1rem; }
.btn-primary-lg[b-otjb7cpqxr] { background: var(--brand-gradient); color: #fff; box-shadow: 0 10px 28px var(--brand-ring); border: none; }
.btn-primary-lg:hover[b-otjb7cpqxr] { transform: translateY(-2px); box-shadow: 0 16px 36px var(--brand-ring); text-decoration: none; }
.btn-ghost-lg[b-otjb7cpqxr] { background: var(--surface); color: var(--text); border: 1px solid var(--border); }
.btn-ghost-lg:hover[b-otjb7cpqxr] { border-color: var(--brand); color: var(--brand); transform: translateY(-2px); text-decoration: none; }

.hero-stats[b-otjb7cpqxr] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-5); margin-top: var(--space-6); font-size: var(--text-sm); color: var(--text-faint); }
.hero-stats strong[b-otjb7cpqxr] { color: var(--brand); font-weight: 800; }

.hero-art[b-otjb7cpqxr] { margin-top: var(--space-6); display: flex; justify-content: center; }
.hero-art svg[b-otjb7cpqxr] { max-width: 100%; height: auto; }
.big-arch[b-otjb7cpqxr] { stroke-dasharray: 620; stroke-dashoffset: 620; animation: drawArch 1.8s var(--ease-out) 0.15s forwards; }
.flow path[b-otjb7cpqxr] { animation: flowDash 3s linear infinite; }
.flow path:nth-child(2)[b-otjb7cpqxr] { animation-duration: 4.2s; }
.flow path:nth-child(3)[b-otjb7cpqxr] { animation-duration: 5.4s; }
.big-arch[b-otjb7cpqxr] { filter: drop-shadow(0 6px 20px rgba(var(--accent-rgb), 0.30)); }
.art-nodes circle[b-otjb7cpqxr] { animation: pulseDot 2.8s ease-in-out infinite; }
.art-nodes circle:nth-child(2n)[b-otjb7cpqxr] { animation-delay: 0.7s; }
.art-nodes circle:nth-child(3n)[b-otjb7cpqxr] { animation-delay: 1.3s; }
.svc-chip rect[b-otjb7cpqxr] { fill: var(--surface); stroke: var(--accent-border); stroke-width: 1; filter: drop-shadow(0 6px 14px rgba(var(--accent-rgb), 0.20)); }
.svc-chip text[b-otjb7cpqxr] { fill: var(--text); font-size: 11px; font-weight: 600; text-anchor: middle; font-family: var(--font-sans); }

/* ===== Services ===== */
.services-section[b-otjb7cpqxr] { max-width: 66rem; margin: 0 auto; padding: var(--space-6) var(--space-6) var(--space-12); }
.services-head[b-otjb7cpqxr] { text-align: center; margin-bottom: var(--space-7); }
.services-head h2[b-otjb7cpqxr] { font-family: var(--font-display); font-size: clamp(1.6rem, 3.5vw, 2.3rem); font-weight: 600; letter-spacing: -0.015em; margin: 0 0 var(--space-2); }
.services-head p[b-otjb7cpqxr] { color: var(--text-muted); margin: 0; }

.svc-group[b-otjb7cpqxr] { margin-bottom: var(--space-7); }
.svc-group-head[b-otjb7cpqxr] { display: flex; align-items: baseline; gap: var(--space-3); margin-bottom: var(--space-4); flex-wrap: wrap; border-bottom: 1px solid var(--border); padding-bottom: var(--space-2); }
.svc-group-head h3[b-otjb7cpqxr] { font-size: var(--text-lg); font-weight: 700; margin: 0; }
.svc-group-head span[b-otjb7cpqxr] { color: var(--text-faint); font-size: var(--text-sm); }

.svc-grid[b-otjb7cpqxr] { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: var(--space-3); }
.svc-card[b-otjb7cpqxr] { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); text-decoration: none; transition: transform var(--motion), border-color var(--motion), box-shadow var(--motion); }
.svc-card.live[b-otjb7cpqxr], .svc-card.dev[b-otjb7cpqxr] { cursor: pointer; }
.svc-card.live:hover[b-otjb7cpqxr] { transform: translateY(-3px); border-color: var(--brand); box-shadow: var(--shadow-md); text-decoration: none; }
.svc-card.dev:hover[b-otjb7cpqxr] { transform: translateY(-3px); border-color: var(--warning); box-shadow: var(--shadow-md); text-decoration: none; }
.svc-card.coming[b-otjb7cpqxr] { opacity: 0.82; }
.svc-card-icon[b-otjb7cpqxr] { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; flex: none; border-radius: var(--radius-md); background: var(--surface-2); color: var(--brand); border: 1px solid var(--border); }
.svc-card.live .svc-card-icon[b-otjb7cpqxr] { background: var(--brand-gradient); color: #fff; border: none; }
.svc-card.dev .svc-card-icon[b-otjb7cpqxr] { background: var(--warning-subtle); color: var(--warning); border: none; }
.svc-icon[b-otjb7cpqxr] { width: 1.35rem; height: 1.35rem; }
.svc-card-body[b-otjb7cpqxr] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.svc-card-name[b-otjb7cpqxr] { font-weight: 700; color: var(--text); display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
.svc-card-tag[b-otjb7cpqxr] { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.35; }
.svc-card-go[b-otjb7cpqxr] { margin-left: auto; color: var(--brand); align-self: center; }
.svc-card-go svg[b-otjb7cpqxr] { width: 1.1rem; height: 1.1rem; }

.svc-badge[b-otjb7cpqxr] { font-size: 0.62rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; padding: 2px 7px; border-radius: var(--radius-pill); }
.svc-badge.live[b-otjb7cpqxr] { background: color-mix(in srgb, var(--accent) 18%, transparent); color: var(--accent); }
.svc-badge.dev[b-otjb7cpqxr] { background: var(--warning-subtle); color: var(--warning); }
.svc-badge.coming[b-otjb7cpqxr] { background: var(--surface-3); color: var(--text-faint); }

.services-cta[b-otjb7cpqxr] { text-align: center; margin-top: var(--space-8); padding: var(--space-7); border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--surface); }
.services-cta h3[b-otjb7cpqxr] { font-size: var(--text-lg); margin: 0 0 var(--space-2); }
.services-cta p[b-otjb7cpqxr] { color: var(--text-muted); margin: 0 0 var(--space-4); }

@media (max-width: 600px) {
    .lhero[b-otjb7cpqxr] { padding: var(--space-10) var(--space-4) var(--space-6); }
    .services-section[b-otjb7cpqxr] { padding: var(--space-5) var(--space-4) var(--space-10); }
    .services-cta[b-otjb7cpqxr] { padding: var(--space-5); }
    .svc-grid[b-otjb7cpqxr] { grid-template-columns: 1fr; }
    .btn-lg[b-otjb7cpqxr] { width: 100%; justify-content: center; }
}
/* /Components/Pages/LiveUsage.razor.rz.scp.css */
/* Full-bleed live API traffic graph. Tokens only — no literal colours/sizes. */
.live[b-k5vmg23dmg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-5) var(--space-6) var(--space-6);
    min-height: calc(100vh - var(--header-height));
    max-width: 100%;
}

.live-top[b-k5vmg23dmg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    flex-wrap: wrap;
}

.live-title[b-k5vmg23dmg] { display: flex; align-items: center; gap: var(--space-3); }
.live-title h1[b-k5vmg23dmg] {
    margin: 0;
    font-size: clamp(1.4rem, 2.6vw, 2rem);
    letter-spacing: var(--tracking-tight);
}

.live-pill[b-k5vmg23dmg] {
    display: inline-flex; align-items: center; gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-pill);
    background: var(--accent-subtle);
    color: var(--accent-text);
    font-size: var(--text-xs); font-weight: var(--weight-semibold);
    border: 1px solid var(--accent-border);
}
.live-dot[b-k5vmg23dmg] {
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--accent-bright);
    box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.6);
    animation: liveBlink-b-k5vmg23dmg 1.8s var(--ease-out) infinite;
}
.live-dot.sm[b-k5vmg23dmg] { width: 7px; height: 7px; }
@keyframes liveBlink-b-k5vmg23dmg {
    0% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.55); }
    70% { box-shadow: 0 0 0 7px rgba(var(--accent-rgb), 0); }
    100% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0); }
}

/* Range toggle pills */
.live-ranges[b-k5vmg23dmg] { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.live-range[b-k5vmg23dmg] {
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-pill);
    font-size: var(--text-sm); font-weight: var(--weight-semibold);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-smooth);
}
.live-range:hover[b-k5vmg23dmg] { border-color: var(--accent-border); color: var(--text); }
.live-range.on[b-k5vmg23dmg] {
    background: var(--brand-gradient);
    color: var(--text-on-accent);
    border-color: transparent;
    box-shadow: 0 4px 14px -4px rgba(var(--accent-rgb), 0.5);
}

/* KPI row */
.live-kpis[b-k5vmg23dmg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-4);
}
.kpi[b-k5vmg23dmg] {
    display: flex; flex-direction: column; gap: var(--space-1);
    padding: var(--space-4) var(--space-5);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
}
.kpi.live-accent[b-k5vmg23dmg] { border-color: var(--accent-border); background: var(--accent-subtle); }
.kpi-label[b-k5vmg23dmg] {
    display: inline-flex; align-items: center; gap: var(--space-2);
    font-size: var(--text-xs); color: var(--text-tertiary);
    text-transform: uppercase; letter-spacing: var(--tracking-wider); font-weight: var(--weight-semibold);
}
.kpi-value[b-k5vmg23dmg] {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: var(--weight-bold);
    color: var(--text);
    line-height: var(--leading-tight);
    font-variant-numeric: tabular-nums;
}
.kpi-unit[b-k5vmg23dmg] { font-size: var(--text-md); color: var(--text-tertiary); font-weight: var(--weight-medium); margin-left: 2px; }
.kpi-foot[b-k5vmg23dmg] { font-size: var(--text-xs); color: var(--text-tertiary); }

/* The chart fills the rest of the viewport */
.live-chart[b-k5vmg23dmg] {
    position: relative;
    flex: 1;
    min-height: 52vh;
    background:
        radial-gradient(120% 80% at 50% 0%, rgba(var(--accent-rgb), 0.06), transparent 70%),
        var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    padding: var(--space-5) var(--space-5) var(--space-8) var(--space-8);
    overflow: hidden;
}

.live-plot[b-k5vmg23dmg] { position: absolute; inset: var(--space-5) var(--space-5) var(--space-8) var(--space-8); }

.live-svg[b-k5vmg23dmg] { width: 100%; height: 100%; display: block; overflow: visible; }
.live-grid[b-k5vmg23dmg] { stroke: var(--border-subtle); stroke-width: 1; }
.live-line[b-k5vmg23dmg] { animation: liveFade-b-k5vmg23dmg var(--duration-slow) var(--ease-out); }
.live-area[b-k5vmg23dmg] { animation: liveFade-b-k5vmg23dmg var(--duration-slow) var(--ease-out); }
@keyframes liveFade-b-k5vmg23dmg { from { opacity: 0; } to { opacity: 1; } }

/* Y axis labels sit in the left gutter, aligned to gridlines */
.live-yaxis[b-k5vmg23dmg] { position: absolute; inset: var(--space-5) auto var(--space-8) 0; width: var(--space-8); pointer-events: none; }
.live-yl[b-k5vmg23dmg] {
    position: absolute; right: var(--space-2); transform: translateY(-50%);
    font-size: var(--text-2xs); color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

/* X axis labels under the plot */
.live-xaxis[b-k5vmg23dmg] { position: absolute; left: var(--space-8); right: var(--space-5); bottom: var(--space-3); height: var(--space-5); pointer-events: none; }
.live-xl[b-k5vmg23dmg] {
    position: absolute; transform: translateX(-50%);
    font-size: var(--text-2xs); color: var(--text-tertiary); white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* Invisible hover columns over the plot, each revealing a guide + dot + tooltip */
.live-hits[b-k5vmg23dmg] { position: absolute; inset: 0; }
.live-hit[b-k5vmg23dmg] {
    position: absolute; top: 0; bottom: 0;
    transform: translateX(-50%);
    display: flex; justify-content: center;
    cursor: crosshair;
}
.live-guide[b-k5vmg23dmg] {
    position: absolute; top: 0; bottom: 0; width: 1px; left: 50%;
    background: linear-gradient(var(--accent), transparent);
    opacity: 0; transition: opacity var(--duration-fast) var(--ease-smooth);
}
.live-dot-pt[b-k5vmg23dmg] {
    position: absolute; left: 50%; width: 10px; height: 10px; border-radius: 50%;
    background: var(--accent-bright); border: 2px solid var(--surface);
    transform: translate(-50%, -50%);
    opacity: 0; transition: opacity var(--duration-fast) var(--ease-smooth);
    box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.25);
}
.live-tip[b-k5vmg23dmg] {
    position: absolute; left: 50%; transform: translate(-50%, calc(-100% - 16px));
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: var(--space-2) var(--space-3);
    background: var(--text); color: var(--bg);
    border-radius: var(--radius-md);
    font-size: var(--text-xs); font-weight: var(--weight-semibold);
    white-space: nowrap; pointer-events: none;
    opacity: 0; transition: opacity var(--duration-fast) var(--ease-smooth);
    box-shadow: var(--shadow-lg); z-index: 3;
}
.live-tip strong[b-k5vmg23dmg] { font-size: var(--text-sm); }
.live-tip-err[b-k5vmg23dmg] { color: var(--danger); }
.live-tip-time[b-k5vmg23dmg] { color: var(--text-tertiary); font-weight: var(--weight-regular); }
.live-hit:hover .live-guide[b-k5vmg23dmg] { opacity: 0.55; }
.live-hit:hover .live-dot-pt[b-k5vmg23dmg] { opacity: 1; }
.live-hit:hover .live-tip[b-k5vmg23dmg] { opacity: 1; }

/* The pulsing "now" marker at the latest bucket */
.live-now[b-k5vmg23dmg] {
    position: absolute; width: 12px; height: 12px; border-radius: 50%;
    background: var(--accent-bright); border: 2px solid var(--surface);
    transform: translate(-50%, -50%); pointer-events: none;
    box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.6);
    animation: liveNow-b-k5vmg23dmg 1.8s var(--ease-out) infinite;
}
@keyframes liveNow-b-k5vmg23dmg {
    0% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.55); }
    70% { box-shadow: 0 0 0 18px rgba(var(--accent-rgb), 0); }
    100% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0); }
}

.live-msg[b-k5vmg23dmg] { position: absolute; inset: 0; display: grid; place-items: center; color: var(--text-tertiary); font-size: var(--text-sm); }
.live-msg.error[b-k5vmg23dmg] { color: var(--danger); }
.live-empty[b-k5vmg23dmg] {
    position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%);
    color: var(--text-tertiary); font-size: var(--text-sm); text-align: center; max-width: 24rem;
}
.live-tz[b-k5vmg23dmg] {
    position: absolute; right: var(--space-4); bottom: var(--space-2);
    font-size: var(--text-2xs); color: var(--text-tertiary); letter-spacing: var(--tracking-wide);
}

/* "What's being called" breakdown */
.live-break[b-k5vmg23dmg] { margin-top: var(--space-2); }
.live-break-head[b-k5vmg23dmg] { display: flex; align-items: baseline; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-4); }
.live-break-head h2[b-k5vmg23dmg] { margin: 0; font-size: var(--text-xl); letter-spacing: var(--tracking-tight); }
.live-break-head span[b-k5vmg23dmg] { color: var(--text-tertiary); font-size: var(--text-sm); }
.live-break-grid[b-k5vmg23dmg] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.lb-panel[b-k5vmg23dmg] { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-5); }
.lb-panel h3[b-k5vmg23dmg] { margin: 0 0 var(--space-4); font-size: var(--text-sm); text-transform: uppercase; letter-spacing: var(--tracking-wider); color: var(--text-tertiary); }
.lb-empty[b-k5vmg23dmg] { color: var(--text-tertiary); font-size: var(--text-sm); padding: var(--space-3) 0; }
.lb-row[b-k5vmg23dmg] { display: grid; grid-template-columns: minmax(7rem, 1.4fr) 2fr auto auto; align-items: center; gap: var(--space-3); padding: var(--space-2) 0; }
.lb-row + .lb-row[b-k5vmg23dmg] { border-top: 1px solid var(--border-subtle); }
.lb-name[b-k5vmg23dmg] { font-size: var(--text-sm); color: var(--text); display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lb-name.mono[b-k5vmg23dmg] { font-family: var(--font-mono); font-size: var(--text-xs); }
.lb-ip[b-k5vmg23dmg] { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lb-users[b-k5vmg23dmg] { display: flex; flex-wrap: wrap; gap: 4px; }
.lb-user[b-k5vmg23dmg] { font-family: var(--font-sans); font-size: var(--text-xs); font-weight: var(--weight-semibold); background: var(--accent-subtle); color: var(--accent-text); border: 1px solid var(--accent-border); padding: 1px 7px; border-radius: var(--radius-pill); }
.lb-anon[b-k5vmg23dmg] { font-family: var(--font-sans); font-size: var(--text-xs); color: var(--text-tertiary); }
.lb-sub[b-k5vmg23dmg] { font-size: var(--text-xs); color: var(--text-tertiary); }
.lb-geo[b-k5vmg23dmg] { white-space: nowrap; }
.lb-track[b-k5vmg23dmg] { height: 8px; border-radius: var(--radius-pill); background: var(--bg-muted); overflow: hidden; }
.lb-fill[b-k5vmg23dmg] { display: block; height: 100%; border-radius: var(--radius-pill); background: var(--brand-gradient); transition: width var(--duration-slow) var(--ease-out); }
.lb-val[b-k5vmg23dmg] { font-variant-numeric: tabular-nums; font-weight: var(--weight-semibold); font-size: var(--text-sm); color: var(--text); min-width: 3.5rem; text-align: right; }
.lb-avg[b-k5vmg23dmg] { font-variant-numeric: tabular-nums; font-size: var(--text-xs); color: var(--text-tertiary); min-width: 4rem; text-align: right; }
.lb-term[b-k5vmg23dmg] { font-size: var(--text-sm); color: var(--text); font-weight: var(--weight-medium); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Daily sparkline */
.spark[b-k5vmg23dmg] { display: flex; align-items: flex-end; gap: 4px; height: 90px; padding-top: var(--space-2); }
.spark-col[b-k5vmg23dmg] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; height: 100%; }
.spark-bar[b-k5vmg23dmg] { width: 100%; max-width: 26px; border-radius: var(--radius-sm) var(--radius-sm) 0 0; background: var(--brand-gradient); transition: height var(--duration-slow) var(--ease-out); }
.spark-lbl[b-k5vmg23dmg] { font-size: var(--text-2xs); color: var(--text-tertiary); }

/* Recent searches */
.recent-table[b-k5vmg23dmg] { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.recent-table th[b-k5vmg23dmg] { text-align: left; padding: var(--space-2) var(--space-3); color: var(--text-faint); font-weight: 600; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .04em; border-bottom: 1px solid var(--border); }
.recent-table td[b-k5vmg23dmg] { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border-subtle); color: var(--text); }
.recent-table tr:last-child td[b-k5vmg23dmg] { border-bottom: none; }
.recent-table .mono[b-k5vmg23dmg] { font-family: var(--font-mono); font-size: var(--text-xs); }
.recent-table .num[b-k5vmg23dmg] { text-align: right; font-variant-numeric: tabular-nums; }
.recent-table tr.usage-over td[b-k5vmg23dmg] { background: color-mix(in srgb, var(--danger) 8%, transparent); }

@media (max-width: 900px) {
    .live-kpis[b-k5vmg23dmg] { grid-template-columns: repeat(2, 1fr); }
    .live-break-grid[b-k5vmg23dmg] { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .live[b-k5vmg23dmg] { padding: var(--space-4) var(--space-3) var(--space-5); }
    .live-kpis[b-k5vmg23dmg] { grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
    .live-chart[b-k5vmg23dmg] { padding: var(--space-4) var(--space-3) var(--space-7) var(--space-7); min-height: 46vh; }
    .live-plot[b-k5vmg23dmg] { inset: var(--space-4) var(--space-3) var(--space-7) var(--space-7); }
    .live-xaxis[b-k5vmg23dmg] { left: var(--space-7); right: var(--space-3); }
    .live-yaxis[b-k5vmg23dmg] { inset: var(--space-4) auto var(--space-7) 0; width: var(--space-7); }
}
/* /Components/Pages/Reports.razor.rz.scp.css */
.doc .eyebrow[b-84l0cs4c7n] { display: block; margin-bottom: var(--space-2); }

.rep-empty[b-84l0cs4c7n] {
    margin: var(--space-6) 0; padding: var(--space-6); text-align: center;
    color: var(--text-secondary); background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-lg);
}
.rep-wrap[b-84l0cs4c7n] { margin-top: var(--space-5); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; }
.rep-table[b-84l0cs4c7n] { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.rep-table th[b-84l0cs4c7n] {
    text-align: left; padding: var(--space-3) var(--space-4); background: var(--surface-2);
    color: var(--text-secondary); font-weight: 600; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .03em;
    border-bottom: 1px solid var(--border);
}
.rep-table th.r[b-84l0cs4c7n], .rep-table td.r[b-84l0cs4c7n] { text-align: right; }
.rep-table td[b-84l0cs4c7n] { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border-subtle); color: var(--text); vertical-align: middle; }
.rep-table tr:last-child td[b-84l0cs4c7n] { border-bottom: none; }
.rep-table tbody tr:hover[b-84l0cs4c7n] { background: var(--surface-hover); }
.rep-sub[b-84l0cs4c7n] { display: block; color: var(--text-tertiary); font-size: var(--text-xs); font-variant-numeric: tabular-nums; }
.rep-when[b-84l0cs4c7n] { color: var(--text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.rep-dl[b-84l0cs4c7n] { white-space: nowrap; }
.rep-btn[b-84l0cs4c7n] {
    display: inline-block; padding: 4px 12px; border-radius: var(--radius-md); font-size: var(--text-xs); font-weight: 600;
    background: var(--accent); color: var(--text-on-accent); text-decoration: none; margin-left: var(--space-2);
}
.rep-btn:hover[b-84l0cs4c7n] { background: var(--accent-hover); }
.rep-btn.ghost[b-84l0cs4c7n] { background: transparent; color: var(--accent-text); border: 1px solid var(--border-strong); }
.rep-btn.ghost:hover[b-84l0cs4c7n] { border-color: var(--accent); background: var(--surface-hover); }
/* /Components/Pages/ServiceDetail.razor.rz.scp.css */
.svc-page[b-hnbhi2ha46] { position: relative; min-height: calc(100vh - var(--header-height)); padding: var(--space-12) var(--space-6) var(--space-16); overflow: hidden; }

.svc-aurora[b-hnbhi2ha46] {
    position: absolute; inset: -20% -10% auto -10%; height: 60%;
    background:
        radial-gradient(40% 60% at 25% 25%, rgba(var(--accent-rgb), 0.18), transparent 70%),
        radial-gradient(45% 55% at 80% 15%, rgba(var(--accent-bright-rgb), 0.16), transparent 70%);
    filter: blur(20px); pointer-events: none;
}

.svc-inner[b-hnbhi2ha46] { position: relative; max-width: 880px; margin: 0 auto; }

.svc-crumb[b-hnbhi2ha46] { font-size: var(--text-sm); color: var(--text-tertiary); margin-bottom: var(--space-6); }
.svc-crumb a[b-hnbhi2ha46] { color: var(--accent-text); text-decoration: none; }
.svc-crumb span[b-hnbhi2ha46] { margin: 0 var(--space-2); }

.svc-status[b-hnbhi2ha46] {
    display: inline-block; font-size: var(--text-xs); font-weight: var(--weight-semibold);
    padding: var(--space-1) var(--space-3); border-radius: var(--radius-pill); margin-bottom: var(--space-3);
}
.svc-status.live[b-hnbhi2ha46] { background: var(--accent-subtle); color: var(--accent-text); border: 1px solid var(--accent-border); }
.svc-status.dev[b-hnbhi2ha46] { background: var(--warning-subtle); color: var(--warning); border: 1px solid var(--warning-subtle); }
.svc-status.soon[b-hnbhi2ha46] { background: var(--warning-subtle); color: var(--warning); }
.svc-dev-note[b-hnbhi2ha46] { font-size: var(--text-sm); color: var(--warning); margin: 0 0 var(--space-3); max-width: 62ch; line-height: 1.5; }

.svc-head h1[b-hnbhi2ha46] { font-family: var(--font-display); font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: var(--tracking-tighter); margin: 0 0 var(--space-3); }
.svc-tagline[b-hnbhi2ha46] { font-size: var(--text-lg); color: var(--text-secondary); line-height: var(--leading-relaxed); max-width: 40rem; }

.svc-endpoint[b-hnbhi2ha46] { display: flex; align-items: center; gap: var(--space-2); margin: var(--space-8) 0 var(--space-3); }
.svc-endpoint .ep-method[b-hnbhi2ha46] { display: inline-block; font-family: var(--font-mono); font-weight: var(--weight-bold); font-size: var(--text-xs); padding: 3px 10px; border-radius: var(--radius-sm); background: var(--warning-subtle); color: var(--warning); }
.svc-endpoint .ep-path[b-hnbhi2ha46] { font-family: var(--font-mono); font-size: var(--text-base); color: var(--text); }

.svc-summary[b-hnbhi2ha46] { font-size: var(--text-md); color: var(--text-secondary); line-height: var(--leading-relaxed); }

.svc-cta[b-hnbhi2ha46] { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-6) 0; }

.svc-runner[b-hnbhi2ha46] { margin: var(--space-8) 0; padding-top: var(--space-6); border-top: 1px solid var(--border); scroll-margin-top: var(--space-8); }
.svc-runner-title[b-hnbhi2ha46] { font-family: var(--font-display); font-size: clamp(1.4rem, 3vw, 1.9rem); letter-spacing: var(--tracking-tighter); margin: 0 0 var(--space-1); }
.svc-runner-sub[b-hnbhi2ha46] { color: var(--text-secondary); margin: 0 0 var(--space-5); max-width: 70ch; line-height: 1.5; }

.svc-sample[b-hnbhi2ha46] { margin-top: var(--space-8); }
.svc-sample h3[b-hnbhi2ha46] { font-size: var(--text-sm); text-transform: uppercase; letter-spacing: var(--tracking-wider); color: var(--text-tertiary); margin: var(--space-5) 0 var(--space-2); }
.svc-sample pre[b-hnbhi2ha46] { background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-4); overflow-x: auto; }
.svc-sample pre code[b-hnbhi2ha46] { font-family: var(--font-mono); font-size: var(--text-sm); line-height: 1.6; color: var(--text); white-space: pre-wrap; word-break: break-word; }

.svc-note[b-hnbhi2ha46] { margin-top: var(--space-6); padding: var(--space-4) var(--space-5); background: var(--accent-subtle); border: 1px solid var(--accent-border); border-radius: var(--radius-lg); }
.svc-note p[b-hnbhi2ha46] { margin: 0; color: var(--text-secondary); font-size: var(--text-sm); line-height: var(--leading-relaxed); }
.svc-note code[b-hnbhi2ha46] { font-family: var(--font-mono); }

.svc-soon-card[b-hnbhi2ha46] { margin-top: var(--space-8); padding: var(--space-8); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); text-align: center; }
.svc-soon-card p[b-hnbhi2ha46] { color: var(--text-secondary); margin: 0 0 var(--space-5); }

.svc-empty[b-hnbhi2ha46] { max-width: 640px; margin: var(--space-16) auto; text-align: center; }
.svc-empty a[b-hnbhi2ha46] { color: var(--accent-text); }

@media (max-width: 560px) { .svc-page[b-hnbhi2ha46] { padding: var(--space-8) var(--space-4) var(--space-12); } }
/* /Components/Shared/CheckForm.razor.rz.scp.css */
/* ── Service header ──────────────────────────────────────────────── */
.check-header[b-oog22yoih4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
}
.check-header-illus[b-oog22yoih4] {
    width: 4.5rem; height: 4.5rem;
    display: grid; place-items: center;
    border-radius: var(--radius-xl);
    background: var(--accent-subtle);
    border: 1px solid var(--accent-border);
    color: var(--accent);
    flex: none;
}
.check-header-illus[b-oog22yoih4]  svg { width: 3rem; height: 3rem; }
.check-header-text h2[b-oog22yoih4] { margin: var(--space-1) 0 var(--space-2); }
.check-header-sub[b-oog22yoih4] {
    margin: 0; color: var(--text-secondary);
    font-size: var(--text-sm); line-height: 1.55; max-width: 46ch;
}
.check-header-meta[b-oog22yoih4] {
    display: flex; flex-direction: column; align-items: flex-end;
    gap: var(--space-2); flex: none;
}

/* ── Grid + cards ────────────────────────────────────────────────── */
.check-grid[b-oog22yoih4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: var(--space-4);
    align-items: start;
}
.check-card[b-oog22yoih4] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    box-shadow: var(--shadow-xs);
}
.check-card-head[b-oog22yoih4] {
    display: flex; align-items: baseline; justify-content: space-between;
    gap: var(--space-3); margin-bottom: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--border-subtle);
}
.check-card-head h3[b-oog22yoih4] { margin: 0; font-size: var(--text-md); }
.check-card-hint[b-oog22yoih4] {
    font-size: var(--text-2xs); font-weight: var(--weight-medium);
    color: var(--text-tertiary); text-align: right;
}

/* ── Form ────────────────────────────────────────────────────────── */
.check-form[b-oog22yoih4] {
    display: flex; flex-direction: column;
    gap: var(--space-3); margin-bottom: var(--space-5);
}
/* Refined fallback for .check-field when the global .field variant is absent. */
.check-field[b-oog22yoih4] { display: flex; flex-direction: column; gap: var(--space-1); }
.check-field span[b-oog22yoih4] {
    font-size: var(--text-sm); font-weight: var(--weight-medium);
    color: var(--text-secondary);
}
.check-field input[b-oog22yoih4], .check-field select[b-oog22yoih4] {
    border: 1px solid var(--border); border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-3);
    background: var(--surface-2); color: var(--text);
    font-size: var(--text-sm); font-family: inherit;
    transition: border-color var(--duration-fast) var(--ease-out),
                box-shadow var(--duration-fast) var(--ease-out);
}
.check-field input[b-oog22yoih4]::placeholder { color: var(--text-tertiary); }
.check-field input:focus[b-oog22yoih4], .check-field select:focus[b-oog22yoih4] {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-subtle);
}

.check-run-btn[b-oog22yoih4] {
    display: inline-flex; align-items: center; justify-content: center;
    gap: var(--space-2); width: 100%;
}
.check-run-price[b-oog22yoih4] {
    font-variant-numeric: tabular-nums;
    font-weight: var(--weight-semibold);
    opacity: .85;
    padding-left: var(--space-2);
    border-left: 1px solid var(--border-subtle);
}

.check-trust[b-oog22yoih4] { margin-top: var(--space-4); }
.check-trust-ico[b-oog22yoih4] { width: 1rem; height: 1rem; color: var(--accent); flex: none; }
.check-trust-ico[b-oog22yoih4]  svg { width: 1rem; height: 1rem; }

.check-fine[b-oog22yoih4] {
    font-size: var(--text-xs); color: var(--text-tertiary);
    margin: var(--space-3) 0 0; line-height: 1.5;
}

/* ── Sign-in / locked gate ───────────────────────────────────────── */
.check-gate[b-oog22yoih4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--space-5);
    align-items: center;
    padding: var(--space-8);
}
.check-gate-illus[b-oog22yoih4] {
    width: 5rem; height: 5rem; color: var(--accent);
    display: grid; place-items: center; flex: none;
}
.check-gate-illus[b-oog22yoih4]  svg { width: 5rem; height: 5rem; }
.check-gate-body .eyebrow[b-oog22yoih4] { display: block; margin-bottom: var(--space-2); }
.check-gate-body h3[b-oog22yoih4] { margin: 0 0 var(--space-2); font-size: var(--text-lg); }
.check-gate-body p[b-oog22yoih4] {
    margin: 0 0 var(--space-4); color: var(--text-secondary);
    line-height: 1.55; max-width: 52ch;
}
.check-gate .trust-row[b-oog22yoih4] { margin-top: var(--space-4); }

/* ── Result / status ─────────────────────────────────────────────── */
.check-status[b-oog22yoih4] {
    font-size: var(--text-sm); font-weight: var(--weight-semibold);
    padding: var(--space-3); border-radius: var(--radius-md);
    margin-bottom: var(--space-3);
    display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap;
}
.check-status.ok[b-oog22yoih4] { background: var(--success-subtle); color: var(--success); }
.check-status.bad[b-oog22yoih4] { background: var(--warning-subtle); color: var(--warning); }
.check-code[b-oog22yoih4] { font-family: var(--font-mono); font-size: var(--text-xs); opacity: .75; }

.check-actions[b-oog22yoih4] {
    margin-top: var(--space-4);
    display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap;
}
.check-actions-done[b-oog22yoih4] { margin: 0; }
.check-actions-note[b-oog22yoih4] { margin: 0; }
.check-actions-link[b-oog22yoih4] { margin: 0; text-decoration: none; }

/* ── Empty + loading states ──────────────────────────────────────── */
.check-empty-state[b-oog22yoih4] {
    display: flex; flex-direction: column; align-items: center;
    text-align: center; gap: var(--space-3);
    padding: var(--space-8) var(--space-4);
    color: var(--text-tertiary);
}
.check-empty-state p[b-oog22yoih4] {
    margin: 0; font-size: var(--text-sm);
    line-height: 1.55; max-width: 40ch;
}
.check-empty-illus[b-oog22yoih4] { width: 4rem; height: 4rem; color: var(--accent); opacity: .85; }
.check-empty-illus[b-oog22yoih4]  svg { width: 4rem; height: 4rem; }
.check-result-empty[b-oog22yoih4] { padding-block: var(--space-10); }

.check-loading-state[b-oog22yoih4] {
    display: flex; align-items: center; gap: var(--space-4);
    padding: var(--space-6) var(--space-4);
}
.check-loading-illus[b-oog22yoih4] {
    width: 3.5rem; height: 3.5rem; color: var(--accent); flex: none;
    display: grid; place-items: center;
    animation: check-float-b-oog22yoih4 2.4s var(--ease-smooth) infinite;
}
.check-loading-illus[b-oog22yoih4]  svg { width: 3.5rem; height: 3.5rem; }
.check-loading-title[b-oog22yoih4] {
    margin: 0 0 var(--space-1); font-weight: var(--weight-semibold);
    color: var(--text); font-size: var(--text-sm);
}
.check-loading-sub[b-oog22yoih4] {
    margin: 0; color: var(--text-tertiary); font-size: var(--text-xs);
    line-height: 1.5;
}

@keyframes check-float-b-oog22yoih4 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

/* ── Spinner ─────────────────────────────────────────────────────── */
.spinner[b-oog22yoih4] {
    width: 1rem; height: 1rem;
    border: 2px solid var(--border); border-top-color: var(--accent);
    border-radius: 50%; display: inline-block;
    animation: check-spin-b-oog22yoih4 0.7s linear infinite;
}
@keyframes check-spin-b-oog22yoih4 { to { transform: rotate(360deg); } }

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 820px) {
    .check-grid[b-oog22yoih4] { grid-template-columns: 1fr; }
    .check-header[b-oog22yoih4] {
        grid-template-columns: auto minmax(0, 1fr);
        row-gap: var(--space-3);
    }
    .check-header-meta[b-oog22yoih4] {
        grid-column: 1 / -1;
        flex-direction: row; align-items: center;
        flex-wrap: wrap;
    }
    .check-gate[b-oog22yoih4] { grid-template-columns: 1fr; text-align: center; }
    .check-gate-illus[b-oog22yoih4] { margin: 0 auto; }
    .check-gate-body p[b-oog22yoih4] { max-width: none; }
    .check-gate .trust-row[b-oog22yoih4], .check-gate-body .eyebrow[b-oog22yoih4] { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .check-loading-illus[b-oog22yoih4] { animation: none; }
    .spinner[b-oog22yoih4] { animation-duration: 1.4s; }
}
/* /Components/Shared/CheckResult.razor.rz.scp.css */
/* CheckResult — a trustworthy verification certificate. Self-contained .cr-* scoped CSS,
   token-driven, works in light + dark. */

.cr[b-wntq6qyggl] { display: flex; flex-direction: column; gap: var(--space-4); }

/* Tabs: report primary, raw JSON clearly secondary */
.cr-tabs[b-wntq6qyggl] { display: flex; gap: var(--space-1); border-bottom: 1px solid var(--border); }
.cr-tab[b-wntq6qyggl] {
    background: none; border: none; padding: var(--space-2) var(--space-3); font: inherit;
    font-size: var(--text-sm); color: var(--text-secondary); cursor: pointer;
    border-bottom: 2px solid transparent; margin-bottom: -1px;
    transition: color var(--duration-fast) var(--ease-out);
}
.cr-tab:hover[b-wntq6qyggl] { color: var(--text); }
.cr-tab.on[b-wntq6qyggl] { color: var(--accent-text); border-bottom-color: var(--accent); font-weight: var(--weight-semibold); }
.cr-tab-secondary[b-wntq6qyggl] { font-size: var(--text-xs); color: var(--text-tertiary); }
.cr-tab-secondary.on[b-wntq6qyggl] { color: var(--text-secondary); border-bottom-color: var(--border-strong); }

.cr-raw[b-wntq6qyggl] {
    background: var(--surface-2); color: var(--text-secondary); border: 1px solid var(--border);
    border-radius: var(--radius-md); padding: var(--space-3);
    font-family: var(--font-mono, ui-monospace, "Cascadia Code", Consolas, monospace);
    font-size: var(--text-xs); line-height: 1.55; white-space: pre-wrap; word-break: break-word;
    max-height: 460px; overflow: auto; margin: 0;
}

.cr-doc[b-wntq6qyggl] { display: flex; flex-direction: column; gap: var(--space-4); }

/* Trust header band */
.cr-band[b-wntq6qyggl] {
    display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: space-between; align-items: center;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--accent-border); border-radius: var(--radius-lg);
    background:
        radial-gradient(120% 140% at 0% 0%, var(--accent-subtle), transparent 60%),
        var(--surface);
    box-shadow: var(--shadow-xs);
}
.cr-band-main[b-wntq6qyggl] { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.cr-band-txt[b-wntq6qyggl] { min-width: 0; }
.cr-eyebrow[b-wntq6qyggl] {
    font-size: var(--text-2xs); font-weight: var(--weight-bold); text-transform: uppercase;
    letter-spacing: .1em; color: var(--accent-text);
}
.cr-service[b-wntq6qyggl] {
    font-family: var(--font-display, serif); font-size: var(--text-xl); font-weight: var(--weight-semibold);
    color: var(--text); line-height: 1.2; margin-top: 2px;
}

/* Seal */
.cr-seal[b-wntq6qyggl] { flex: none; width: 44px; height: 44px; color: var(--accent); }
.cr-seal svg[b-wntq6qyggl] { width: 100%; height: 100%; }
.cr-seal-ring[b-wntq6qyggl] { stroke: currentColor; stroke-width: 1.6; opacity: .9; }
.cr-seal-ring2[b-wntq6qyggl] { opacity: .35; stroke-dasharray: 3 3; }
.cr-seal-star[b-wntq6qyggl] { display: none; }
.cr-seal-tick[b-wntq6qyggl] { stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.cr-band-meta[b-wntq6qyggl] { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; }
.cr-verified-tag[b-wntq6qyggl] {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: var(--text-xs); font-weight: var(--weight-semibold); color: var(--success);
}
.cr-verified-tag-muted[b-wntq6qyggl] { color: var(--text-secondary); font-weight: var(--weight-medium); }
.cr-timestamp[b-wntq6qyggl] {
    font-size: var(--text-2xs); color: var(--text-tertiary); font-variant-numeric: tabular-nums;
}

/* Identity hero with verified glow */
.cr-hero[b-wntq6qyggl] {
    display: flex; gap: var(--space-4); align-items: center; padding: var(--space-4);
    border: 1px solid var(--accent-border); border-radius: var(--radius-lg);
    background:
        radial-gradient(90% 120% at 15% 0%, var(--accent-subtle), transparent 70%),
        var(--surface-2);
    box-shadow: var(--shadow-sm);
}
.cr-hero-figure[b-wntq6qyggl] { position: relative; flex: none; }
.cr-photo[b-wntq6qyggl] {
    width: 82px; height: 102px; object-fit: cover; border-radius: var(--radius-md);
    border: 1px solid var(--border); background: var(--surface);
    box-shadow: 0 0 0 4px var(--accent-subtle);
}
.cr-initials[b-wntq6qyggl] {
    display: grid; place-items: center; font-size: var(--text-2xl); font-weight: var(--weight-bold);
    color: var(--text-on-accent); background: var(--accent);
    font-family: var(--font-display, serif);
}
.cr-verified-dot[b-wntq6qyggl] {
    position: absolute; right: -6px; bottom: -6px; width: 24px; height: 24px; border-radius: var(--radius-full);
    background: var(--success); color: var(--text-on-accent, #fff);
    display: grid; place-items: center; border: 2px solid var(--surface-2);
    box-shadow: var(--shadow-sm);
}
.cr-verified-dot .cr-glyph[b-wntq6qyggl] { width: 12px; height: 12px; }

.cr-idblock[b-wntq6qyggl] { min-width: 0; }
.cr-name[b-wntq6qyggl] {
    font-family: var(--font-display, serif); font-size: var(--text-xl); font-weight: var(--weight-semibold);
    color: var(--text); line-height: 1.2;
}
.cr-name-muted[b-wntq6qyggl] { color: var(--text-secondary); font-style: italic; }
.cr-idno[b-wntq6qyggl] {
    font-size: var(--text-sm); color: var(--text-secondary); margin-top: 3px;
    font-variant-numeric: tabular-nums; letter-spacing: .02em;
}

.cr-badges[b-wntq6qyggl] { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }
.cr-badge[b-wntq6qyggl] {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: var(--text-xs); font-weight: var(--weight-semibold); padding: 4px 11px;
    border-radius: var(--radius-full); border: 1px solid transparent; white-space: nowrap;
}
.cr-badge .cr-glyph[b-wntq6qyggl] { width: 12px; height: 12px; }
.cr-badge-ok[b-wntq6qyggl] { background: var(--success-subtle); color: var(--success); border-color: color-mix(in srgb, var(--success) 25%, transparent); }
.cr-badge-bad[b-wntq6qyggl] { background: var(--danger-subtle); color: var(--danger); border-color: color-mix(in srgb, var(--danger) 25%, transparent); }
.cr-badge-info[b-wntq6qyggl] { background: var(--accent-subtle); color: var(--accent-text); border-color: var(--accent-border); }
.cr-badge-muted[b-wntq6qyggl] { background: var(--surface-3, var(--surface-hover)); color: var(--text-secondary); border-color: var(--border); }

/* Highlights / stat strip */
.cr-highlights[b-wntq6qyggl] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--space-3);
}
.cr-stat[b-wntq6qyggl] {
    padding: var(--space-3) var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md);
    background: var(--surface); box-shadow: var(--shadow-xs); position: relative; overflow: hidden;
}
.cr-stat[b-wntq6qyggl]::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--border-strong);
}
.cr-stat-info[b-wntq6qyggl]::before { background: var(--accent); }
.cr-stat-ok[b-wntq6qyggl]::before { background: var(--success); }
.cr-stat-bad[b-wntq6qyggl]::before { background: var(--danger); }
.cr-stat-label[b-wntq6qyggl] {
    font-size: var(--text-2xs); font-weight: var(--weight-semibold); text-transform: uppercase;
    letter-spacing: .06em; color: var(--text-tertiary);
}
.cr-stat-value[b-wntq6qyggl] {
    font-family: var(--font-display, serif); font-size: var(--text-2xl); font-weight: var(--weight-semibold);
    color: var(--text); margin-top: 4px; line-height: 1.1; font-variant-numeric: tabular-nums;
}
.cr-stat-bad .cr-stat-value[b-wntq6qyggl] { color: var(--danger); }

.cr-body[b-wntq6qyggl] { }

/* Trust footer row */
.cr-trust-row[b-wntq6qyggl] {
    display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center;
    padding-top: var(--space-3); border-top: 1px solid var(--border-subtle);
}
.cr-trust-item[b-wntq6qyggl] {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: var(--text-xs); color: var(--text-tertiary); font-weight: var(--weight-medium);
}
.cr-trust-item .cr-glyph[b-wntq6qyggl] { width: 14px; height: 14px; color: var(--accent); }

.cr-glyph[b-wntq6qyggl] { flex: none; }

/* Staggered fade-in */
.cr-fade[b-wntq6qyggl] { opacity: 0; transform: translateY(6px); animation: cr-in-b-wntq6qyggl var(--duration-base, .4s) var(--ease-out, ease) forwards; animation-delay: calc(var(--i, 0) * 70ms); }
@keyframes cr-in-b-wntq6qyggl { to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
    .cr-fade[b-wntq6qyggl] { animation: none; opacity: 1; transform: none; }
}

@media (max-width: 560px) {
    .cr-band[b-wntq6qyggl] { flex-direction: column; align-items: flex-start; }
    .cr-band-meta[b-wntq6qyggl] { align-items: flex-start; text-align: left; }
    .cr-hero[b-wntq6qyggl] { flex-direction: column; align-items: flex-start; }
}
/* /Components/Shared/JsonNodeView.razor.rz.scp.css */
/* JsonNodeView — clean definition-style section cards. Token-driven, light + dark. */

.jv-obj[b-02yq6xnfp2] { display: flex; flex-direction: column; }

.jv-row[b-02yq6xnfp2] {
    display: flex; justify-content: space-between; gap: var(--space-4); align-items: baseline;
    padding: var(--space-2) 0; border-bottom: 1px solid var(--border-subtle);
}
.jv-row:last-child[b-02yq6xnfp2] { border-bottom: none; }
.jv-k[b-02yq6xnfp2] { color: var(--text-secondary); font-size: var(--text-sm); }
.jv-v[b-02yq6xnfp2] {
    color: var(--text); font-weight: var(--weight-medium); font-size: var(--text-sm);
    text-align: right; word-break: break-word; font-variant-numeric: tabular-nums;
}

.jv-pill[b-02yq6xnfp2] {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: var(--text-xs); font-weight: var(--weight-semibold); padding: 3px 10px;
    border-radius: var(--radius-full); white-space: nowrap; border: 1px solid transparent;
}
.jv-pill-glyph[b-02yq6xnfp2] { display: inline-flex; }
.jv-pill.yes[b-02yq6xnfp2] { background: var(--success-subtle); color: var(--success); border-color: color-mix(in srgb, var(--success) 22%, transparent); }
.jv-pill.no[b-02yq6xnfp2] { background: var(--surface-3, var(--surface-hover)); color: var(--text-tertiary); border-color: var(--border); }

.jv-section[b-02yq6xnfp2] {
    margin-top: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4); background: var(--surface-2); box-shadow: var(--shadow-xs);
}
.jv-section .jv-section[b-02yq6xnfp2] { box-shadow: none; background: var(--surface); }
.jv-sh[b-02yq6xnfp2] {
    font-size: var(--text-xs); font-weight: var(--weight-semibold); text-transform: uppercase;
    letter-spacing: .05em; color: var(--text-secondary); margin-bottom: var(--space-2);
    display: flex; align-items: center; gap: var(--space-2);
}
.jv-si[b-02yq6xnfp2] { display: inline-flex; color: var(--accent); }
.jv-count[b-02yq6xnfp2] {
    background: var(--accent-subtle); color: var(--accent-text); border-radius: var(--radius-full);
    padding: 0 8px; font-size: var(--text-2xs); font-weight: var(--weight-bold); margin-left: auto;
}

.jv-arr[b-02yq6xnfp2] { display: flex; flex-direction: column; gap: var(--space-2); }
.jv-item[b-02yq6xnfp2] { display: flex; gap: var(--space-3); }
.jv-ih[b-02yq6xnfp2] {
    flex: none; width: 22px; height: 22px; border-radius: var(--radius-full); background: var(--accent);
    color: var(--text-on-accent); display: grid; place-items: center;
    font-size: var(--text-2xs); font-weight: var(--weight-bold);
}
.jv-ib[b-02yq6xnfp2] { flex: 1; min-width: 0; }

.jv-photo[b-02yq6xnfp2] { margin: var(--space-1) 0; }
.jv-photo img[b-02yq6xnfp2] {
    width: 104px; height: 130px; object-fit: cover; border-radius: var(--radius-md);
    border: 1px solid var(--border); box-shadow: 0 0 0 4px var(--accent-subtle);
}
/* /Components/Shared/TeamManager.razor.rz.scp.css */
.acc-cell[b-et1jfi17ea] { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }

.acc-badge[b-et1jfi17ea] {
    display: inline-block; padding: 2px var(--space-3); border-radius: var(--radius-pill); font-size: var(--text-xs); font-weight: var(--weight-semibold);
    background: var(--surface-2); color: var(--text-secondary); border: 1px solid var(--border);
}
.acc-badge.all[b-et1jfi17ea] { background: var(--success-subtle); color: var(--success); border-color: transparent; }
.acc-badge.none[b-et1jfi17ea] { background: var(--danger-subtle); color: var(--danger); border-color: transparent; }

.acc-editor-row td[b-et1jfi17ea] { background: var(--surface-2); }
.acc-editor[b-et1jfi17ea] { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-2) var(--space-1); }
.acc-all-toggle[b-et1jfi17ea] { display: inline-flex; align-items: center; gap: var(--space-2); font-weight: 600; font-size: var(--text-sm); cursor: pointer; }
.acc-chips[b-et1jfi17ea] { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.acc-actions[b-et1jfi17ea] { display: flex; align-items: center; gap: var(--space-3); }