/* Kept global deliberately: this dashboard must remain styled even if a hot reload
   or a renamed project leaves Blazor CSS-isolation scope attributes out of sync. */
.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 { color:#f8fbff; 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,.client-workspace { align-items:center; display:flex; flex-wrap:wrap; gap:.75rem; }.client-hero-actions { justify-content:flex-end; }.client-workspace { color:#e1f7f7; font-size:.78rem; 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:client-dashboard-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 client-dashboard-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; } }