/* Auto-generated from Components/**/*.razor.css. Do not edit directly. */
/* Components\Account\FirstRunSetup.razor.css */
.setup-page { min-height: 100vh; padding: 42px 20px; background: radial-gradient(circle at top, #153c50, #07111f 58%); }
.setup-card { width: min(720px, 100%); max-width: 720px; }
.setup-subtitle { margin-bottom: 18px; }
.setup-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 0 14px; }
.setup-grid > div { min-width: 0; }
.setup-status { display: grid; gap: 4px; padding: 12px 14px; margin: 14px 0; border-radius: 9px; color: #0d5c4e; background: #e8f7f1; border: 1px solid #c4eadc; font-size: .88rem; }
.setup-status-danger { color: #9f2531; background: #fff0f1; border-color: #f3c4ca; }
.setup-status-success { color: #0a644d; background: #e7f8f0; border-color: #b9ead5; margin-top: 18px; }
.setup-divider { margin: 23px 0 12px; padding-top: 17px; border-top: 1px solid #e2e8f0; font-weight: 700; color: #21344b; }
.setup-hint { display: block; margin-top: -8px; margin-bottom: 8px; color: #64748b; }
@media (max-width: 560px) { .setup-grid { grid-template-columns: 1fr; } }


/* Components\Account\Login.razor.css */
.login-page { min-height:100vh; display:grid; place-items:center; padding:1.5rem; background:radial-gradient(circle at 18% 16%,#1b5b8c 0,transparent 30%),#0d1727; }
.login-card { width:min(100%,430px); padding:2.2rem; border:1px solid rgba(255,255,255,.13); border-radius:20px; background:rgba(20,33,52,.96); box-shadow:0 24px 70px rgba(0,0,0,.38); color:#edf5ff; }
.login-card h1 { margin:.25rem 0; }.login-card p,.login-card small { color:#a7bad2; }.login-mark { width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#36a3eb;font-weight:800; }.login-card form { display:grid; gap:.55rem; margin:1.5rem 0; }.login-card input { border:1px solid #40536d;border-radius:8px;padding:.72rem;background:#101c2d;color:#fff; }.login-card button { margin-top:.7rem;padding:.75rem;border:0;border-radius:8px;background:#36a3eb;color:#06121e;font-weight:700; }.login-error { margin-top:1rem;padding:.75rem;border-radius:8px;background:#50262b;color:#ffd9dd; }


/* Components\Account\Setup.razor.css */
.setup-admin-page { max-width: 950px; }
.settings-card { max-width: 760px; padding: 26px; border: 1px solid #dce5ef; border-radius: 14px; background: #fff; box-shadow: 0 12px 28px rgba(15, 35, 56, .07); }
.settings-card h3 { margin: 0 0 8px; font-size: 1.03rem; }
.settings-card h3:not(:first-child) { margin-top: 28px; }
.settings-card label { display: grid; gap: 6px; margin: 13px 0; font-size: .86rem; font-weight: 700; color: #30445d; }
.settings-card input { width: 100%; min-height: 39px; padding: 8px 10px; border: 1px solid #cbd7e4; border-radius: 7px; }
.settings-card small, .settings-help { color: #64748b; }
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.settings-card button { margin-top: 22px; }
.setup-result { margin-top: 16px; padding: 11px 13px; border-radius: 8px; }
.setup-result.success { color: #09694e; background: #e7f8f1; }
.setup-result.error { color: #a32938; background: #fff0f2; }
@media (max-width: 600px) { .settings-grid { grid-template-columns: 1fr; } .settings-card { padding: 18px; } }


/* Components\Client\ClientDashboard.razor.css */
.client-hero { align-items:center; background:linear-gradient(118deg,#102f4a,#12606d 58%,#148472); border-radius:18px; box-shadow:0 14px 30px rgba(16,62,85,.18); color:#f8fbff; display:flex; gap:1.5rem; justify-content:space-between; margin-bottom:1.15rem; padding:1.45rem 1.6rem; }
.client-hero h2 { font-size:1.55rem; letter-spacing:-.025em; margin:.15rem 0 .28rem; }.client-hero p { color:rgba(247,252,255,.82); margin:0; }.client-kicker { align-items:center; color:#baf4e6!important; display:flex; font-size:.68rem; font-weight:800; gap:.4rem; letter-spacing:.12em; }.client-kicker span { background:#77f0c5; border-radius:50%; box-shadow:0 0 0 4px rgba(119,240,197,.18); height:.42rem; width:.42rem; }.client-hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:.75rem; justify-content:flex-end; }.client-workspace { align-items:center; color:#e1f7f7; display:flex; font-size:.78rem; gap:.35rem; white-space:nowrap; }.client-workspace a { color:#fff; font-weight:700; margin-left:.25rem; }.client-hero-actions .rz-button { border-radius:9px; font-size:.78rem; font-weight:700; }
.client-metrics { display:grid; gap:1rem; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:1rem; }.client-metric { background:var(--rz-base-background-color,#fff); border:1px solid #e0e8ef; border-radius:14px; box-shadow:0 3px 13px rgba(28,54,72,.05); color:inherit; display:flex; gap:.8rem; min-width:0; padding:1rem; text-decoration:none; transition:.18s ease; }.client-metric:hover { box-shadow:0 10px 24px rgba(22,72,88,.12); color:inherit; transform:translateY(-2px); }.client-metric>span { align-items:center; border-radius:11px; display:flex; flex:0 0 2.55rem; height:2.55rem; justify-content:center; }.client-metric>span i { font-size:1.3rem; }.client-metric.teal>span { background:#d8f4ed; color:#08796d; }.client-metric.blue>span { background:#ddecff; color:#2167b5; }.client-metric.violet>span { background:#eee5ff; color:#7045b8; }.client-metric.amber>span { background:#fff1cf; color:#a76900; }.client-metric div { min-width:0; }.client-metric small,.client-metric em { color:#718095; display:block; font-size:.7rem; font-style:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.client-metric small { font-weight:700; letter-spacing:.02em; }.client-metric strong { color:#172a3a; display:block; font-size:1.35rem; line-height:1.2; margin:.17rem 0; }
.client-dashboard-row { display:grid; gap:1rem; grid-template-columns:1.05fr .95fr; margin-bottom:1rem; }.client-dashboard-row.lower { grid-template-columns:1.12fr .88fr; }.client-panel { background:var(--rz-base-background-color,#fff); border:1px solid #e0e8ef; border-radius:14px; box-shadow:0 3px 13px rgba(28,54,72,.05); min-width:0; padding:1.15rem; }.client-panel>header { align-items:flex-start; display:flex; gap:1rem; justify-content:space-between; margin-bottom:1rem; }.client-panel>header p { color:#7190a3; font-size:.64rem; font-weight:800; letter-spacing:.105em; margin:0 0 .2rem; }.client-panel>header h3 { color:#1c3041; font-size:1rem; margin:0; }.client-panel>header>a { align-items:center; color:#087b73; display:inline-flex; font-size:.74rem; font-weight:700; gap:.18rem; text-decoration:none; white-space:nowrap; }.client-panel>header>span { color:#789; font-size:.75rem; }.readiness-score { color:#087b73; font-size:1.35rem; }.readiness-bar { background:#e4edf0; border-radius:99px; height:.6rem; overflow:hidden; }.readiness-bar span { background:linear-gradient(90deg,#11a98a,#57c878); border-radius:inherit; display:block; height:100%; min-width:.4rem; }.readiness-values { display:grid; gap:.75rem; grid-template-columns:repeat(3,1fr); margin-top:1rem; }.readiness-values div { border-right:1px solid #e6edf1; padding-right:.5rem; }.readiness-values div:last-child { border:0; }.readiness-values span { color:#728397; display:block; font-size:.72rem; }.readiness-values strong { color:#1b3345; display:block; font-size:.95rem; margin-top:.15rem; }.readiness-panel footer { align-items:center; border-top:1px solid #e9eef2; color:#728397; display:flex; font-size:.73rem; gap:.35rem; margin-top:1rem; padding-top:.8rem; }
.client-empty { align-items:center; color:#718398; display:flex; flex-direction:column; font-size:.8rem; gap:.45rem; justify-content:center; min-height:108px; text-align:center; }.client-empty i { color:#60ae9d; font-size:1.55rem; }.client-attention { display:grid; gap:.4rem; }.client-attention a { align-items:center; border-radius:9px; color:inherit; display:grid; gap:.6rem; grid-template-columns:1.9rem minmax(0,1fr) 1rem; padding:.35rem; text-decoration:none; }.client-attention a:hover,.client-changes a:hover { background:#f4f8f8; }.client-attention strong,.client-attention small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.client-attention strong { color:#243747; font-size:.8rem; }.client-attention small { color:#74869a; font-size:.71rem; margin-top:.1rem; }.attention-badge { align-items:center; border-radius:8px; display:flex; height:1.9rem; justify-content:center; width:1.9rem; }.attention-badge.danger { background:#ffe5e2; color:#ce4a41; }.attention-badge.warning { background:#fff1d3; color:#ba7708; }
.client-activity,.client-changes { display:grid; gap:.35rem; max-height:218px; overflow:auto; }.client-activity>div { align-items:center; display:grid; gap:.55rem; grid-template-columns:.6rem minmax(105px,.9fr) minmax(120px,1.4fr); padding:.38rem 0; }.client-activity>div+div { border-top:1px solid #edf1f3; }.client-activity i { border-radius:50%; height:.5rem; width:.5rem; }.client-activity i.success { background:#27ad78; }.client-activity i.danger { background:#e0544d; }.client-activity i.running { animation:pulse 1.3s infinite; background:#2488dc; }.client-activity i.queued { background:#e6a021; }.client-activity strong,.client-activity small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.client-activity strong { color:#2a3f50; font-size:.75rem; }.client-activity small,.client-activity p { color:#77889a; font-size:.68rem; margin:0; }.client-activity p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.client-changes a { align-items:flex-start; border-radius:8px; color:inherit; display:flex; gap:.6rem; padding:.4rem; text-decoration:none; }.client-changes>a>span { align-items:center; background:#fff0d8; border-radius:8px; color:#bc7806; display:flex; flex:0 0 1.9rem; height:1.9rem; justify-content:center; }.client-changes strong,.client-changes small { display:block; }.client-changes strong { color:#2a3f50; font-size:.77rem; }.client-changes small,.client-changes p { color:#77889a; font-size:.68rem; margin:.08rem 0 0; }.client-changes p { line-height:1.3; }
.workspace-tools { margin-bottom:.25rem; }.client-tool-grid { display:grid; gap:.65rem; grid-template-columns:repeat(6,minmax(0,1fr)); }.client-tool-grid a { background:#f6f9fa; border:1px solid #e3ebee; border-radius:10px; color:inherit; min-height:108px; padding:.75rem; text-decoration:none; transition:.18s ease; }.client-tool-grid a:hover { background:#eef8f6; border-color:#9dd7cd; transform:translateY(-2px); }.client-tool-grid i { color:#087b73; display:block; font-size:1.25rem; margin-bottom:.55rem; }.client-tool-grid strong { color:#254052; display:block; font-size:.77rem; }.client-tool-grid small { color:#77899b; display:block; font-size:.68rem; line-height:1.3; margin-top:.23rem; }.client-empty-workspace { align-items:center; background:#fff; border:1px solid #e0e8ef; border-radius:14px; display:flex; flex-direction:column; justify-content:center; margin:4rem auto; max-width:520px; padding:3rem; text-align:center; }.client-empty-workspace>i { color:#087b73; font-size:2rem; }.client-empty-workspace h3 { margin:1rem 0 .35rem; }.client-empty-workspace p { color:#718398; margin:0; }.client-empty-workspace a { align-items:center; color:#087b73; display:flex; font-weight:700; gap:.25rem; margin-top:1rem; text-decoration:none; }
@keyframes pulse { 50% { box-shadow:0 0 0 5px rgba(36,136,220,.12); } } @media(max-width:1250px) { .client-metrics { grid-template-columns:repeat(2,1fr); }.client-tool-grid { grid-template-columns:repeat(3,1fr); } } @media(max-width:800px) { .client-hero { align-items:flex-start; flex-direction:column; }.client-hero-actions { justify-content:flex-start; }.client-dashboard-row,.client-dashboard-row.lower { grid-template-columns:1fr; }.client-activity>div { grid-template-columns:.6rem minmax(0,1fr); }.client-activity p { display:none; } } @media(max-width:520px) { .client-hero { border-radius:12px; padding:1.2rem; }.client-metrics,.client-tool-grid { grid-template-columns:1fr; }.readiness-values { grid-template-columns:1fr; }.readiness-values div { border-bottom:1px solid #e6edf1; border-right:0; padding:0 0 .45rem; }.readiness-values div:last-child { border-bottom:0; }.client-panel { padding:1rem; } }


/* Components\Client\ClientPortal.razor.css */
.client-control-card { margin-bottom:1rem; }.client-resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1rem; }.client-resource-grid h4 { margin:0 0 1rem; }.client-role-pill { display:inline-flex; border-radius:999px; background:#e8f6f0; color:#0b6b50; font-size:.78rem; font-weight:700; padding:.45rem .7rem; }.inline-form { display:flex; gap:.6rem; align-items:end; } @media(max-width:800px){.client-resource-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}}


/* Components\Layout\MainLayout.razor.css */
.app-shell { display:flex; flex-direction:column; min-height:100vh; }
.app-main { background:var(--surface-canvas); flex:1; min-width:0; }
.sidebar { background:var(--surface-sidebar); color:var(--text-on-dark); }
.app-topbar { align-items:center; background:rgba(255,255,255,.88); backdrop-filter:blur(12px); border-bottom:1px solid var(--border-subtle); display:flex; height:76px; justify-content:space-between; padding:0 32px; position:sticky; top:0; z-index:10; }
.eyebrow { color:var(--text-tertiary); font-size:.68rem; font-weight:750; letter-spacing:.12em; margin:0 0 3px; }
.topbar-title { align-items:center; color:var(--text-primary); display:flex; font-size:1.15rem; font-weight:720; gap:.45rem; letter-spacing:-.02em; }.topbar-product-code { background:#e0f6f2; border:1px solid #bde9df; border-radius:5px; color:#087c70; font-size:.57rem; font-weight:850; letter-spacing:.1em; padding:.2rem .3rem; }
.topbar-status { align-items:center; color:var(--text-secondary); display:flex; font-size:.8rem; font-weight:600; gap:8px; }.workspace-switcher { align-items:center; display:flex; gap:6px; margin-right:8px; }
.status-dot { background:var(--success); border-radius:50%; box-shadow:0 0 0 4px rgba(32,157,113,.12); height:8px; width:8px; }
.app-content { margin:0 auto; max-width:1680px; padding:32px; width:100%; }
@media (max-width:640.98px) { .app-topbar { height:64px; padding:0 20px; } .app-content { padding:22px 16px; } .topbar-status { display:none; } }
@media (min-width:641px) { .app-shell { flex-direction:row; } .sidebar { height:100vh; position:sticky; top:0; width:272px; } }


/* Components\Layout\NavMenu.razor.css */
.brand-block { padding:24px 20px 18px; }
.brand { align-items:center; color:white; display:flex; gap:12px; text-decoration:none; }
.brand strong { display:block; font-size:1rem; font-weight:740; letter-spacing:-.02em; }
.brand small { color:rgba(226,232,240,.62); display:block; font-size:.72rem; margin-top:2px; }
.brand-mark { align-items:center; background:linear-gradient(145deg,#2dd4bf,#38bdf8); border-radius:10px; box-shadow:0 8px 20px rgba(45,212,191,.18); color:#06233a; display:inline-flex; height:36px; justify-content:center; width:36px; }
.brand-mark i { font-size:20px; }
.navbar-toggler { appearance:none; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,.72%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.5rem rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:8px; color:white; cursor:pointer; height:2.5rem; position:absolute; right:1rem; top:.8rem; width:3rem; }
.nav-scrollable { display:none; }
.navbar-toggler:checked ~ .nav-scrollable { display:block; }
.nav-section-label { color:rgba(148,163,184,.58); font-size:.66rem; font-weight:750; letter-spacing:.11em; margin:8px 22px 10px; }
.nav-item { font-size:.86rem; margin:2px 12px; }
.nav-item .nav-link { align-items:center; border-radius:9px; color:rgba(226,232,240,.72); display:flex; gap:11px; height:2.8rem; padding:0 10px; text-decoration:none; width:100%; }
.nav-item .nav-link i { color:rgba(148,163,184,.9); font-size:19px; }
.nav-item a.active { background:linear-gradient(90deg,rgba(45,212,191,.18),rgba(56,189,248,.1)); color:white; }
.nav-item a.active i { color:#5eead4; }
.nav-item .nav-link:hover { background:rgba(255,255,255,.07); color:white; }
@media (min-width:641px) { .navbar-toggler { display:none; } .nav-scrollable { display:block; height:calc(100vh - 78px); overflow-y:auto; } }


/* Components\Pages\Dashboard.razor.css */
.ops-hero {
    align-items: center;
    background: linear-gradient(118deg, #102f4a 0%, #12606d 56%, #148472 100%);
    border-radius: 18px;
    box-shadow: 0 14px 30px rgba(16, 62, 85, .18);
    color: #f8fbff;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 1.15rem;
    padding: 1.45rem 1.6rem;
}

.ops-hero h2 { font-size: 1.55rem; letter-spacing: -.025em; margin: .15rem 0 .28rem; }
.ops-hero p { color: rgba(247, 252, 255, .82); margin: 0; }
.ops-kicker { align-items: center; color: #baf4e6 !important; display: flex; font-size: .68rem; font-weight: 800; gap: .4rem; letter-spacing: .12em; }
.ops-kicker span { background: #77f0c5; border-radius: 50%; box-shadow: 0 0 0 4px rgba(119, 240, 197, .18); height: .42rem; width: .42rem; }
.ops-hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }
.last-refresh { align-items: center; color: #d9f3f8; display: flex; font-size: .78rem; gap: .35rem; white-space: nowrap; }
.ops-hero-actions .rz-button { border-radius: 9px; font-size: .78rem; font-weight: 700; }

.ops-metrics { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 1rem; }
.ops-metric { background: var(--rz-base-background-color, #fff); border: 1px solid #e0e8ef; border-radius: 14px; box-shadow: 0 3px 13px rgba(28, 54, 72, .05); color: inherit; display: flex; gap: .8rem; min-width: 0; padding: 1rem; text-decoration: none; transition: box-shadow .18s ease, transform .18s ease; }
.ops-metric:hover { box-shadow: 0 10px 24px rgba(22, 72, 88, .12); color: inherit; transform: translateY(-2px); }
.metric-icon { align-items: center; border-radius: 11px; display: flex; flex: 0 0 2.55rem; height: 2.55rem; justify-content: center; }
.metric-icon i { font-size: 1.3rem; }
.is-teal .metric-icon { background: #d8f4ed; color: #08796d; }.is-blue .metric-icon { background: #ddecff; color: #2167b5; }.is-violet .metric-icon { background: #eee5ff; color: #7045b8; }.is-amber .metric-icon { background: #fff1cf; color: #a76900; }
.ops-metric div { min-width: 0; }.ops-metric small, .ops-metric em { color: #718095; display: block; font-size: .7rem; font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.ops-metric small { font-weight: 700; letter-spacing: .02em; }.ops-metric strong { color: #172a3a; display: block; font-size: 1.35rem; line-height: 1.2; margin: .17rem 0; }
.ok-dot, .warn-dot { background: #16a479; border-radius: 50%; display: inline-block; height: .42rem; margin-right: .28rem; width: .42rem; }.warn-dot { background: #e79e22; }

.ops-grid { display: grid; gap: 1rem; margin-bottom: 1rem; }.ops-grid-main { grid-template-columns: 1.05fr .95fr; }.ops-grid-lower { grid-template-columns: 1.12fr .88fr; }
.ops-card { background: var(--rz-base-background-color, #fff); border: 1px solid #e0e8ef; border-radius: 14px; box-shadow: 0 3px 13px rgba(28, 54, 72, .05); min-width: 0; padding: 1.15rem; }
.ops-card-heading { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 1rem; }.ops-card-heading p { color: #7190a3; font-size: .64rem; font-weight: 800; letter-spacing: .105em; margin: 0 0 .2rem; }.ops-card-heading h4 { color: #1c3041; font-size: 1rem; margin: 0; }.ops-card-heading > a { align-items: center; color: #087b73; display: inline-flex; font-size: .74rem; font-weight: 700; gap: .18rem; text-decoration: none; white-space: nowrap; }.ops-card-heading > span { color: #789; font-size: .75rem; }
.health-number { color: #087b73; font-size: 1.35rem; font-weight: 800; }.health-meter { background: #e4edf0; border-radius: 99px; height: .6rem; overflow: hidden; }.health-meter span { background: linear-gradient(90deg, #11a98a, #57c878); border-radius: inherit; display: block; height: 100%; min-width: .4rem; }.health-breakdown { display: grid; gap: .75rem; grid-template-columns: repeat(3, 1fr); margin-top: 1rem; }.health-breakdown div { border-right: 1px solid #e6edf1; padding-right: .5rem; }.health-breakdown div:last-child { border: 0; }.health-breakdown span { color: #728397; display: block; font-size: .72rem; }.health-breakdown strong { color: #1b3345; display: block; font-size: .95rem; margin-top: .15rem; }.ops-card-footer { align-items: center; border-top: 1px solid #e9eef2; color: #728397; display: flex; font-size: .73rem; gap: .35rem; margin-top: 1rem; padding-top: .8rem; }
.empty-state { align-items: center; color: #718398; display: flex; flex-direction: column; font-size: .8rem; gap: .45rem; justify-content: center; min-height: 108px; text-align: center; }.empty-state i { color: #60ae9d; font-size: 1.55rem; }
.attention-list { display: grid; gap: .4rem; }.attention-list a { align-items: center; border-radius: 9px; color: inherit; display: grid; gap: .6rem; grid-template-columns: 1.9rem minmax(0, 1fr) 1rem; padding: .35rem; text-decoration: none; }.attention-list a:hover { background: #f4f8f8; }.attention-list strong, .attention-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.attention-list strong { color: #243747; font-size: .8rem; }.attention-list small { color: #74869a; font-size: .71rem; margin-top: .1rem; }.attention-list > a > i { color: #8292a1; font-size: 1rem; }.attention-icon { align-items: center; border-radius: 8px; display: flex; height: 1.9rem; justify-content: center; width: 1.9rem; }.attention-icon.danger { background: #ffe5e2; color: #ce4a41; }.attention-icon.warning { background: #fff1d3; color: #ba7708; }
.activity-list, .change-list { display: grid; gap: .35rem; max-height: 218px; overflow: auto; }.activity-row { align-items: center; display: grid; gap: .55rem; grid-template-columns: .6rem minmax(105px, .9fr) minmax(120px, 1.4fr); padding: .38rem 0; }.activity-row + .activity-row { border-top: 1px solid #edf1f3; }.activity-state { border-radius: 50%; height: .5rem; width: .5rem; }.activity-state.success { background: #27ad78; }.activity-state.danger { background: #e0544d; }.activity-state.running { animation: pulse 1.3s infinite; background: #2488dc; }.activity-state.queued { background: #e6a021; }.activity-row strong, .activity-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.activity-row strong { color: #2a3f50; font-size: .75rem; }.activity-row small, .activity-row p { color: #77889a; font-size: .68rem; margin: 0; }.activity-row p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.change-list a { align-items: flex-start; border-radius: 8px; color: inherit; display: flex; gap: .6rem; padding: .4rem; text-decoration: none; }.change-list a:hover { background: #f5f8f9; }.change-bell { align-items: center; background: #fff0d8; border-radius: 8px; color: #bc7806; display: flex; flex: 0 0 1.9rem; height: 1.9rem; justify-content: center; }.change-list strong, .change-list small { display: block; }.change-list strong { color: #2a3f50; font-size: .77rem; }.change-list small, .change-list p { color: #77889a; font-size: .68rem; margin: .08rem 0 0; }.change-list p { line-height: 1.3; }
.tools-card { margin-bottom: .25rem; }.tool-grid { display: grid; gap: .65rem; grid-template-columns: repeat(7, minmax(0, 1fr)); }.tool-grid a { background: #f6f9fa; border: 1px solid #e3ebee; border-radius: 10px; color: inherit; min-height: 108px; padding: .75rem; text-decoration: none; transition: .18s ease; }.tool-grid a:hover { background: #eef8f6; border-color: #9dd7cd; transform: translateY(-2px); }.tool-grid i { color: #087b73; display: block; font-size: 1.25rem; margin-bottom: .55rem; }.tool-grid strong { color: #254052; display: block; font-size: .77rem; }.tool-grid small { color: #77899b; display: block; font-size: .68rem; line-height: 1.3; margin-top: .23rem; }
@keyframes pulse { 50% { box-shadow: 0 0 0 5px rgba(36, 136, 220, .12); } }
@media (max-width: 1250px) { .ops-metrics { grid-template-columns: repeat(2, 1fr); }.tool-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 800px) { .ops-hero { align-items: flex-start; flex-direction: column; }.ops-hero-actions { justify-content: flex-start; }.ops-grid-main, .ops-grid-lower { grid-template-columns: 1fr; }.tool-grid { grid-template-columns: repeat(2, 1fr); }.activity-row { grid-template-columns: .6rem minmax(0, 1fr); }.activity-row p { display: none; } }
@media (max-width: 480px) { .ops-hero { border-radius: 12px; padding: 1.2rem; }.ops-metrics { grid-template-columns: 1fr; }.health-breakdown { grid-template-columns: 1fr; }.health-breakdown div { border-bottom: 1px solid #e6edf1; border-right: 0; padding: 0 0 .45rem; }.health-breakdown div:last-child { border-bottom: 0; }.tool-grid { grid-template-columns: 1fr; }.ops-card { padding: 1rem; } }


/* Components\Pages\InventoryEvents.razor.css */
@media(max-width:1000px) { .event-details { grid-template-columns:1fr!important; } }.event-details { grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr)!important; margin-top:.75rem!important; }.event-details section { padding:.55rem .65rem!important; }.event-details small { color:#748698; display:block; font-size:.66rem; line-height:1.3; margin-top:.38rem; }.event-fields { display:flex; flex-wrap:wrap; gap:.3rem; }.event-fields span { background:#e9f0f2; border-radius:5px; color:#365363!important; font-size:.67rem!important; font-weight:700; line-height:1.25!important; margin:0!important; padding:.26rem .38rem; }
.events-hero { align-items:center; background:linear-gradient(118deg,#102f4a,#12606d 58%,#148472); border-radius:18px; box-shadow:0 14px 30px rgba(16,62,85,.18); color:#f8fbff; display:flex; gap:1.5rem; justify-content:space-between; margin-bottom:1.1rem; padding:1.4rem 1.6rem; }.events-hero h2 { font-size:1.55rem; letter-spacing:-.025em; margin:.15rem 0 .28rem; }.events-hero p { color:rgba(247,252,255,.82); margin:0; }.events-kicker { align-items:center; color:#baf4e6!important; display:flex; font-size:.68rem; font-weight:800; gap:.4rem; letter-spacing:.12em; }.events-kicker span { background:#77f0c5; border-radius:50%; box-shadow:0 0 0 4px rgba(119,240,197,.18); height:.42rem; width:.42rem; }.events-hero .rz-button { border-radius:9px; font-size:.78rem; font-weight:700; }
.events-summary { display:grid; gap:1rem; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:1rem; }.events-summary>div { align-items:center; background:var(--rz-base-background-color,#fff); border:1px solid #e0e8ef; border-radius:14px; box-shadow:0 3px 13px rgba(28,54,72,.05); display:flex; gap:.75rem; padding:.9rem 1rem; }.summary-icon { align-items:center; border-radius:10px; display:flex; height:2.3rem; justify-content:center; width:2.3rem; }.summary-icon.all { background:#e0f6f2; color:#097c70; }.summary-icon.server { background:#e4efff; color:#2869b0; }.summary-icon.network { background:#ede5ff; color:#7248ba; }.summary-icon.agents { background:#fff0d1; color:#a86a04; }.events-summary p { margin:0; }.events-summary small { color:#718297; display:block; font-size:.68rem; font-weight:700; }.events-summary strong { color:#1b3345; display:block; font-size:1.2rem; line-height:1.15; margin-top:.08rem; }
.events-toolbar { color:#728397; display:flex; font-size:.75rem; justify-content:space-between; margin:.4rem .2rem .7rem; }.event-list { display:grid; gap:.75rem; }.event-card { background:var(--rz-base-background-color,#fff); border:1px solid #e0e8ef; border-left:4px solid #e2a52b; border-radius:13px; box-shadow:0 3px 13px rgba(28,54,72,.05); display:grid; grid-template-columns:3.15rem minmax(0,1fr); overflow:hidden; }.event-card.tone-up { border-left-color:#22a06b; }.event-card.tone-down { border-left-color:#d9534f; }.event-card.tone-new { border-left-color:#e58b12; }.event-leading { align-items:center; display:flex; flex-direction:column; padding-top:1.15rem; position:relative; }.event-icon { align-items:center; border-radius:10px; display:flex; height:2.15rem; justify-content:center; width:2.15rem; z-index:1; }.event-icon.server { background:#e4efff; color:#2869b0; }.event-icon.network { background:#eee5ff; color:#7045b8; }.event-icon.tone-up { background:#ddf6e9; color:#16794c; }.event-icon.tone-down { background:#ffe3e0; color:#bd3f37; }.event-icon.tone-new { background:#fff0d1; color:#a86a04; }.event-line { background:#e6edf0; bottom:0; top:3.3rem; width:1px; }.event-content { min-width:0; padding:1rem 1.15rem 1.15rem .05rem; }.event-content header { align-items:flex-start; display:flex; gap:1rem; justify-content:space-between; }.event-tags { display:flex; flex-wrap:wrap; gap:.35rem; }.event-kind,.event-severity { border-radius:99px; font-size:.63rem; font-weight:800; letter-spacing:.035em; padding:.22rem .5rem; }.event-kind { background:#eaf2f5; color:#486575; }.event-severity { background:#fff1d7; color:#a86b08; }.event-severity.tone-up { background:#ddf6e9; color:#16794c; }.event-severity.tone-down { background:#ffe3e0; color:#bd3f37; }.event-severity.tone-new { background:#fff0d1; color:#a86a04; }.event-content h3 { color:#203848; font-size:1rem; margin:.38rem 0 .12rem; }.event-title { color:#63788a; font-size:.77rem; margin:0; }.event-content time { color:#728397; flex:0 0 auto; font-size:.72rem; white-space:nowrap; }.event-meta { display:flex; flex-wrap:wrap; gap:.6rem 1rem; margin-top:.75rem; }.event-meta span { align-items:center; color:#6b8091; display:flex; font-size:.7rem; gap:.25rem; }.event-meta strong { color:#30485a; font-weight:700; }.event-details { display:grid; gap:.55rem; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:.9rem; }.event-details section { background:#f6f9fa; border:1px solid #e7eef1; border-radius:9px; min-width:0; padding:.65rem .7rem; }.event-details p { align-items:center; color:#6b8994; display:flex; font-size:.6rem; font-weight:800; gap:.22rem; letter-spacing:.055em; margin:0 0 .32rem; }.event-details strong { color:#294252; display:block; font-size:.72rem; line-height:1.32; overflow-wrap:anywhere; }.event-details span { color:#748698; display:block; font-size:.66rem; line-height:1.3; margin-top:.32rem; }.events-empty { align-items:center; background:var(--rz-base-background-color,#fff); border:1px solid #e0e8ef; border-radius:14px; display:flex; flex-direction:column; justify-content:center; margin-top:1rem; min-height:250px; padding:2rem; text-align:center; }.events-empty i { color:#36a68c; font-size:2rem; }.events-empty h3 { color:#243d4e; margin:.8rem 0 .3rem; }.events-empty p { color:#718397; margin:0; max-width:420px; }
@media(max-width:1000px) { .events-summary { grid-template-columns:repeat(2,1fr); }.event-details { grid-template-columns:1fr; } }.events-hero { align-items:flex-start; } @media(max-width:640px) { .events-hero { border-radius:12px; flex-direction:column; padding:1.2rem; }.events-summary { grid-template-columns:1fr; }.events-toolbar { gap:.4rem; flex-direction:column; }.event-card { grid-template-columns:2.7rem minmax(0,1fr); }.event-content { padding-right:.8rem; }.event-content header { gap:.5rem; flex-direction:column; }.event-content time { order:-1; }.event-meta { gap:.35rem .7rem; } }


/* Components\Pages\RemoteScans.razor.css */
.agent-hero {
    align-items: flex-start;
    background: linear-gradient(135deg, #10243a 0%, #123e54 54%, #0f766e 100%);
    border-radius: 18px;
    box-shadow: 0 14px 32px rgba(13, 48, 72, .16);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    overflow: hidden;
    padding: 27px 30px;
    position: relative;
}

.agent-hero::after {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    content: "";
    height: 270px;
    position: absolute;
    right: -80px;
    top: -165px;
    width: 270px;
}

.agent-hero h3 { color: #fff; font-size: 1.7rem; margin: 5px 0 7px; position: relative; z-index: 1; }
.agent-hero p { color: #d9f0ef; font-size: .92rem; margin: 0; max-width: 660px; position: relative; z-index: 1; }
.agent-kicker, .section-eyebrow { font-size: .69rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.agent-kicker { align-items: center; color: #96eee4; display: flex; gap: 7px; position: relative; z-index: 1; }
.agent-hero-actions { align-items: center; display: flex; flex-shrink: 0; gap: 10px; position: relative; z-index: 1; }
.workspace-chip { align-items: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #f1ffff; display: inline-flex; font-size: .78rem; font-weight: 650; gap: 6px; padding: 8px 11px; }

.agent-metrics { margin: 0 0 22px; }
.agent-metric { align-items: center; border: 1px solid #e3eaf0; box-shadow: 0 2px 10px rgba(16, 24, 40, .035); display: flex; gap: 13px; min-height: 100px; padding: 17px; }
.agent-metric span, .agent-metric small { color: #667085; display: block; font-size: .74rem; line-height: 1.25; }
.agent-metric span { font-weight: 700; letter-spacing: .025em; text-transform: uppercase; }
.agent-metric strong { color: #172b3a; display: block; font-size: 1.55rem; letter-spacing: -.04em; line-height: 1.15; margin: 3px 0; }
.metric-icon { align-items: center; border-radius: 12px; display: flex; flex: 0 0 43px; height: 43px; justify-content: center; width: 43px; }
.metric-icon .rzi { font-size: 22px; }.metric-icon.teal { background: #d9f5f1; color: #087c71; }.metric-icon.green { background: #e4f7ec; color: #198754; }.metric-icon.blue { background: #e8f1ff; color: #286cc8; }.metric-icon.violet { background: #f0eaff; color: #7652bf; }.metric-icon.amber { background: #fff2d9; color: #b76b00; }

.agent-section { margin-bottom: 26px; }
.section-heading { align-items: flex-end; display: flex; justify-content: space-between; margin: 0 0 11px; }
.section-eyebrow { color: #0b8176; display: block; margin-bottom: 4px; }
.section-heading h4 { font-size: 1.08rem; margin: 0; }.section-heading p { font-size: .84rem; margin: 4px 0 0; }
.agent-panel, .scan-launcher { padding: 22px; }
.panel-footer { align-items: center; border-top: 1px solid #edf0f3; color: #6a7887; display: flex; font-size: .78rem; justify-content: space-between; margin-top: 3px; padding-top: 16px; }
.panel-footer span { align-items: center; display: inline-flex; gap: 6px; }.panel-footer .rzi { color: #0f766e; }

.agent-setup-guide { background: linear-gradient(105deg, #f0f8ff, #f9fcff); border: 1px solid #d9e9f6; margin-bottom: 13px; padding: 17px 19px; }
.setup-guide-title { align-items: center; color: #1d4d75; display: flex; gap: 10px; }.setup-guide-title > .rzi { background: #dbeeff; border-radius: 9px; color: #1769aa; font-size: 24px; padding: 8px; }.setup-guide-title strong, .setup-guide-title span { display: block; }.setup-guide-title strong { font-size: .95rem; }.setup-guide-title span { color: #58728a; font-size: .78rem; margin-top: 2px; }
.setup-guide-steps { display: grid; gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 15px; }.setup-guide-steps > div { align-items: flex-start; display: flex; gap: 8px; }.setup-guide-steps b { align-items: center; background: #1769aa; border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 22px; font-size: .72rem; height: 22px; justify-content: center; }.setup-guide-steps p { margin: 0; }.setup-guide-steps strong, .setup-guide-steps span { display: block; }.setup-guide-steps strong { color: #294c6a; font-size: .8rem; }.setup-guide-steps span { color: #60758a; font-size: .75rem; line-height: 1.38; margin-top: 2px; }.setup-guide-steps code { background: #e2f0fb; border-radius: 4px; color: #155d99; font-size: .72rem; padding: 1px 3px; }
.setup-guide-note { align-items: center; border-top: 1px solid #d9e9f6; color: #516f87; display: flex; font-size: .76rem; gap: 6px; margin-top: 14px; padding-top: 12px; }.setup-guide-note .rzi { color: #1769aa; }
.relay-token-guide { background: #fffdf8; border: 1px solid #f1e2b9; margin: -2px 0 13px; padding: 17px 19px; }.relay-token-heading { align-items: center; display: flex; gap: 10px; }.relay-token-heading > .rzi { background: #fff0c9; border-radius: 9px; color: #9b6400; font-size: 23px; padding: 8px; }.relay-token-heading strong, .relay-token-heading span { display: block; }.relay-token-heading strong { color: #6f4c09; font-size: .94rem; }.relay-token-heading span { color: #7a6a49; font-size: .78rem; margin-top: 2px; }.relay-token-heading code, .remote-token-hint code { background: #fff1cf; border-radius: 4px; color: #8c5b00; padding: 1px 4px; }.relay-token-note, .remote-token-hint { align-items: center; color: #756848; display: flex; font-size: .76rem; gap: 6px; margin-top: 10px; }.relay-token-note .rzi, .remote-token-hint .rzi { color: #a46a00; }.remote-token-hint { background: #fffaf0; border: 1px solid #f4e9cd; border-radius: 7px; margin: 0 0 16px; padding: 9px 11px; }

.installer-panel { background: linear-gradient(115deg, #f4fbfb, #fff 58%); border-color: #ccebe7; padding: 21px 22px; }
.installer-heading { align-items: center; display: flex; gap: 13px; margin-bottom: 18px; }.installer-heading h4 { margin: 2px 0 3px; }.installer-heading p { font-size: .84rem; margin: 0; }
.installer-icon { align-items: center; background: #0f766e; border-radius: 12px; color: white; display: flex; height: 46px; justify-content: center; width: 46px; }.installer-icon .rzi { font-size: 25px; }
.installer-note, .scan-hint { align-items: center; color: #637384; display: flex; font-size: .78rem; gap: 7px; margin-top: 16px; }.installer-note .rzi, .scan-hint .rzi { color: #0f766e; }
.installer-note code { background: #e5f5f2; border-radius: 4px; color: #0b665e; padding: 2px 5px; }

.scan-state { align-items: center; background: #f1f4f7; border-radius: 999px; color: #516170; display: inline-flex; font-size: .76rem; font-weight: 700; gap: 6px; padding: 7px 10px; }.scan-state i, .connection-badge i { background: #98a2b3; border-radius: 50%; display: inline-block; height: 7px; width: 7px; }.scan-state.is-running { background: #e1f6f1; color: #0b7469; }.scan-state.is-running i { animation: blink 1.15s infinite; background: #14a58e; }.live-update { align-items: center; color: #557080; display: inline-flex; font-size: .75rem; font-weight: 700; gap: 6px; }.live-update i { animation: blink 1.15s infinite; background: #1ca15e; border-radius: 50%; height: 7px; width: 7px; }.job-status-badge { border-radius: 999px; display: inline-block; font-size: .72rem; font-weight: 700; padding: 5px 8px; white-space: nowrap; }.job-status-badge.idle { background: #f1f4f7; color: #637384; }.job-status-badge.queued { background: #fff4dc; color: #a46100; }.job-status-badge.scanning { background: #e1f6f1; color: #08786d; }.job-status-badge.finished { background: #e4f7ec; color: #177a4c; }.job-status-badge.failed { background: #fff0f1; color: #b52e43; }

.agent-grid { margin: 0; overflow-x: auto !important; }.agent-grid .rz-grid-table { min-width: 980px; }.agent-fleet-grid .rz-grid-table { min-width: 760px; }.agent-grid .rz-grid-table th:last-child, .agent-grid .rz-grid-table td:last-child { min-width: 220px; white-space: nowrap; }.agent-identity strong, .agent-identity small { display: block; }.agent-identity strong { color: #24364a; font-weight: 700; }.agent-identity small { color: #7a8794; font-size: .73rem; margin-top: 3px; }.endpoint-value { color: #34566f; display: inline-block; max-width: 330px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }.mode-badge, .disabled-badge { border-radius: 999px; display: inline-block; font-size: .72rem; font-weight: 700; padding: 4px 7px; }.mode-badge { background: #e8f1ff; color: #285da7; }.disabled-badge { background: #fff1dd; color: #a45b00; margin-left: 5px; }.agent-actions { display: inline-flex; gap: 5px; }.agent-actions .rz-button { min-width: 34px; padding: 0 8px !important; }.connection-badge { align-items: center; border-radius: 999px; display: inline-flex; font-size: .75rem; font-weight: 700; gap: 6px; padding: 5px 8px; white-space: nowrap; }.connection-badge.online { background: #e4f7ec; color: #177a4c; }.connection-badge.online i { background: #1ca15e; }.connection-badge.offline { background: #fff0f1; color: #b52e43; }.connection-badge.offline i { background: #d94b5a; }.connection-badge.neutral { background: #f1f4f7; color: #637384; }

.relay-endpoint-note { color: #627889; display: block; font-size: .71rem; margin-top: 3px; }
.workspace-agent-empty { margin-bottom: 12px; }.workspace-agent-empty .rzi { margin-right: 6px; vertical-align: middle; }.workspace-agent-empty code { background: #e8f1ff; border-radius: 4px; color: #285da7; padding: 1px 4px; }

@keyframes blink { 50% { opacity: .35; transform: scale(.75); } }
@media (max-width: 760px) { .agent-hero { gap: 20px; padding: 22px; }.agent-hero-actions, .panel-footer, .section-heading { align-items: flex-start; flex-direction: column; }.agent-hero-actions { width: 100%; }.panel-footer { gap: 12px; }.section-heading { gap: 8px; }.scan-state { align-self: flex-start; } .setup-guide-steps { grid-template-columns: 1fr; } .agent-grid .rz-grid-table { min-width: 700px; } }


/* Components\Pages\SaasAdmin.razor.css */
.page-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.page-heading h3 { margin:.2rem 0; }
.page-subtitle,.muted { color:var(--rz-text-secondary-color,#738096); margin:.25rem 0 0; }
.saas-metrics,.saas-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.saas-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.saas-metrics .rz-card { display:flex; flex-direction:column; gap:.2rem; min-height:105px; }
.saas-metrics span,.saas-metrics small { color:var(--rz-text-secondary-color,#738096); }
.saas-metrics strong { font-size:1.65rem; line-height:1.35; }
.saas-panel h4 { margin:0 0:.35rem; }
.panel-heading { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; margin-bottom:1rem; }
.inline-form { display:flex; gap:.6rem; align-items:end; }
@media (max-width:900px) { .saas-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .saas-grid { grid-template-columns:1fr; } }
@media (max-width:560px) { .page-heading { flex-direction:column; } .saas-metrics { grid-template-columns:1fr; } .inline-form { flex-direction:column; align-items:stretch; } }