/* Mission Control visual layer: loaded only by the crm-test deployment branch. */
:root{--cyber-bg:#080c14;--cyber-panel:rgba(15,23,42,.65);--cyber-border:rgba(255,255,255,.08);--cyber-text:#f1f5f9;--cyber-muted:#94a3b8;--cyan:#22d3ee;--purple:#c084fc;--green:#4ade80;--red:#f87171}
html,body,body[data-layout="professional"]{color:var(--cyber-text)!important;background:radial-gradient(circle at 10% 5%,rgba(37,99,235,.22),transparent 30%),radial-gradient(circle at 90% 92%,rgba(139,92,246,.18),transparent 32%),var(--cyber-bg)!important}.app-shell main,body[data-layout="professional"] .app-shell main,.content,#content{background:transparent!important}
.sidebar,body[data-layout="professional"] .sidebar{background:rgba(13,17,29,.95)!important;border-right:1px solid var(--cyber-border)!important;box-shadow:16px 0 42px rgba(0,0,0,.24)!important}.sidebar::after{display:none!important}.brand,.brand b,.brand span,.sidebar .brand,body[data-layout="professional"] .brand{color:var(--cyber-text)!important}.sidebar .nav button,.sidebar .nav-group summary,body[data-layout="professional"] .sidebar .nav button,body[data-layout="professional"] .sidebar .nav-group summary{color:#cbd5e1!important}.sidebar .nav button:hover,.sidebar .nav button.active,.sidebar .nav-group summary:hover,body[data-layout="professional"] .sidebar .nav button:hover,body[data-layout="professional"] .sidebar .nav button.active,body[data-layout="professional"] .sidebar .nav-group summary:hover{color:#f8fafc!important;background:linear-gradient(90deg,rgba(6,182,212,.18),rgba(59,130,246,.18),rgba(139,92,246,.13))!important;border:1px solid rgba(96,165,250,.22)!important;box-shadow:inset 3px 0 0 var(--cyan),0 0 20px rgba(59,130,246,.12)!important}.sidebar .user-card{background:rgba(15,23,42,.55)!important;border-top:1px solid var(--cyber-border)!important;color:var(--cyber-muted)!important}
.topbar,body[data-layout="professional"] .topbar{background:rgba(8,12,20,.74)!important;border-bottom:1px solid var(--cyber-border)!important;backdrop-filter:blur(18px)}.topbar input,.topbar .search{background:rgba(15,23,42,.75)!important;border-color:var(--cyber-border)!important;color:var(--cyber-text)!important}
.panel,.metric,.project-card,.summary-strip,.filters,.calendar-toolbar,.calendar-month,.calendar-agenda,.finance-card,.health-card,.pipeline-card,.report-card,.glass-card,.portfolio-banner,.cyber-kpi{background:var(--cyber-panel)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--cyber-border)!important;border-radius:16px!important;box-shadow:0 8px 32px rgba(0,0,0,.37)!important}.panel h2,.page-heading h2,.metric strong,.finance-card strong,.pipeline-card strong,.project-card h3,table strong{color:var(--cyber-text)!important}.page-heading h2,.portfolio-banner h2{background:linear-gradient(105deg,#f8fafc,#93c5fd,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent!important}small,.page-heading p,.metric small,.project-card p,.finance-card small,.pipeline-card small,.section-kicker{color:var(--cyber-muted)!important}.table-wrap{border:1px solid var(--cyber-border)!important}.table-wrap table th{background:rgba(15,23,42,.72)!important;color:var(--cyber-muted)!important}.table-wrap table td{border-color:var(--cyber-border)!important;color:#dbeafe!important}.btn.primary{border-color:rgba(34,211,238,.42)!important;background:linear-gradient(100deg,#0891b2,#2563eb,#7c3aed)!important;box-shadow:0 0 22px rgba(59,130,246,.28)!important}.btn.secondary,.text-btn{color:#93c5fd!important}
.portfolio-banner{position:relative;overflow:hidden;padding:24px;margin-bottom:16px}.portfolio-banner::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(6,182,212,.10),transparent 45%,rgba(139,92,246,.13))}.portfolio-banner>*{position:relative}.portfolio-banner-grid{display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:18px;align-items:center}.portfolio-value{font-size:clamp(28px,4vw,46px);margin:6px 0;letter-spacing:-.04em}.portfolio-meter{height:9px;margin-top:18px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.portfolio-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#3b82f6,#8b5cf6);box-shadow:0 0 18px rgba(34,211,238,.6)}.portfolio-fact{border-left:1px solid var(--cyber-border);padding-left:18px}.portfolio-fact strong{display:block;color:var(--cyber-text);font-size:22px;margin-top:5px}
.mission-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 22px}.cyber-kpi{padding:18px;min-height:112px}.cyber-kpi b{display:block;color:var(--cyber-text);font-size:24px;margin:9px 0 4px}.cyber-kpi small{display:block}.cyber-kpi.cyan{border-top:2px solid var(--cyan)!important}.cyber-kpi.blue{border-top:2px solid #60a5fa!important}.cyber-kpi.red{border-top:2px solid var(--red)!important}.cyber-kpi.purple{border-top:2px solid var(--purple)!important}.mission-pipeline{display:grid;grid-template-columns:repeat(6,minmax(175px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}.mission-stage{min-height:185px;padding:16px;border:1px solid var(--cyber-border);border-radius:16px;background:rgba(15,23,42,.58);box-shadow:0 8px 28px rgba(0,0,0,.25)}.mission-stage h3{font-size:14px;min-height:38px;color:var(--cyber-text);margin:10px 0 6px}.mission-stage strong{display:block;color:var(--cyber-text);font-size:20px;margin:12px 0 4px}.mission-stage p{color:var(--cyber-muted);font-size:12px;min-height:34px}.badge-purple,.badge-cyan,.badge-blue,.badge-green,.badge-red{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750}.badge-purple{background:rgba(168,85,247,.15);color:#c084fc;border:1px solid rgba(168,85,247,.3)}.badge-cyan{background:rgba(6,182,212,.15);color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.badge-blue{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-green{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-red{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}
@media(max-width:1180px){.mission-kpis{grid-template-columns:repeat(2,1fr)}.portfolio-banner-grid{grid-template-columns:1fr 1fr}.portfolio-banner-grid>:first-child{grid-column:1/-1}.mission-pipeline{grid-template-columns:repeat(6,210px)}}@media(max-width:680px){.mission-kpis,.portfolio-banner-grid{grid-template-columns:1fr}.portfolio-banner-grid>:first-child{grid-column:auto}.portfolio-fact{border-left:0;border-top:1px solid var(--cyber-border);padding:12px 0 0}.portfolio-banner{padding:18px}}