:root{--bg:#071018;--bg2:#0b1721;--panel:#0d1c27;--panel2:#102431;--line:#1d3a4b;--text:#dce8ef;--muted:#7892a3;--cyan:#00dff5;--cyan2:#008fc7;--green:#28dea5;--amber:#ffb23f;--red:#ff5b5b;--gold:#d4af57;--shadow:0 18px 48px rgba(0,0,0,.24)}:root[data-theme=light]{--bg:#eef4f8;--bg2:#f8fbfd;--panel:#fff;--panel2:#f3f7fa;--line:#d5e1e8;--text:#152733;--muted:#647985;--shadow:0 12px 30px rgba(30,60,80,.1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}body{background-image:radial-gradient(circle at 70% -10%,rgba(0,223,245,.08),transparent 35%),linear-gradient(135deg,var(--bg),var(--bg2))}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px;border-right:1px solid var(--line);background:rgba(5,15,22,.92);backdrop-filter:blur(12px);display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:2px 4px 12px}.brand img{width:42px}.brand strong{font-size:25px;letter-spacing:1px}.brand strong span{color:var(--cyan)}.brand small{display:block;font-size:7px;letter-spacing:2px;color:var(--muted)}.host{text-align:center;color:var(--muted);font-size:11px;margin:0 0 18px}.sidebar nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;border-radius:9px;padding:10px 11px;color:#9db2bf;border:1px solid transparent}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.active{color:var(--cyan);background:linear-gradient(90deg,rgba(0,223,245,.15),rgba(0,223,245,.03));border-color:rgba(0,223,245,.13);box-shadow:inset 3px 0 var(--cyan)}.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-bottom{margin-top:auto;display:grid;gap:10px}.langbar{display:flex;gap:4px}.lang{font-size:10px;padding:4px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.lang.on{color:var(--cyan);border-color:var(--cyan)}.theme-btn,.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:8px 12px;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#00bcd3,#0086bc);border-color:#00dff5;color:#00131b;font-weight:700}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 24px;background:rgba(7,16,24,.62);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.search{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:10px 14px;border-radius:9px;max-width:420px;flex:1}.top-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.user{display:flex;align-items:center;gap:10px;min-width:118px}.user small{display:block;color:var(--muted);font-size:10px}.user-wing{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,223,245,.28))}.mobile-menu{display:none}.content{padding:24px;max-width:1500px;margin:auto}.hero,.page-head{border:1px solid var(--line);border-radius:14px;background:linear-gradient(115deg,var(--panel),rgba(0,179,218,.08));padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);overflow:hidden}.hero h1,.page-head h1{font-size:34px;margin:5px 0 4px}.hero p,.page-head p{margin:0;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;color:#75a5bb}.hero-mark{display:flex;align-items:center;gap:16px;color:var(--cyan);font-size:12px;letter-spacing:.08em}.hero-mark img{width:100px;opacity:.9}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.kpi{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:15px;min-height:112px;overflow:hidden}.kpi small{color:var(--muted);display:block}.kpi strong{display:block;font-size:28px;margin-top:8px}.kpi.cyan{box-shadow:inset 0 2px rgba(0,223,245,.45)}.kpi.green{box-shadow:inset 0 2px rgba(40,222,165,.45)}.kpi.amber{box-shadow:inset 0 2px rgba(255,178,63,.55)}.kpi.red{box-shadow:inset 0 2px rgba(255,91,91,.55)}.kpi.gold{box-shadow:inset 0 2px rgba(212,175,87,.55)}.spark{position:absolute;right:12px;bottom:12px;display:flex;align-items:end;gap:3px;height:32px}.spark i{width:4px;background:var(--cyan2);border-radius:2px}.spark i:nth-child(1){height:9px}.spark i:nth-child(2){height:16px}.spark i:nth-child(3){height:24px}.spark i:nth-child(4){height:31px}.panel-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:16px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel h2{font-size:16px;margin:0}.panel h3{margin:0 0 10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid rgba(116,151,170,.16);white-space:nowrap}th{font-size:10px;letter-spacing:.08em;color:var(--muted)}td small{display:block;color:var(--muted);font-size:10px}.status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:10px;border:1px solid}.status.online{color:var(--green);background:rgba(40,222,165,.08)}.status.warning{color:var(--amber);background:rgba(255,178,63,.08)}.status.critical{color:var(--red);background:rgba(255,91,91,.08)}.status.unknown{color:var(--muted)}.health-list{display:grid;gap:9px}.health-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}.ok{color:var(--green)}.muted{color:var(--muted)}label{display:grid;gap:5px;color:var(--muted);font-size:11px;margin-bottom:10px}input,select,textarea{width:100%;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;outline:none}input:focus,select:focus{border-color:var(--cyan)}form hr{border:0;border-top:1px solid var(--line);margin:15px 0}.flash{padding:10px 12px;border-radius:8px;margin-bottom:12px}.flash.success{background:rgba(40,222,165,.12);color:var(--green)}.flash.error{background:rgba(255,91,91,.12);color:var(--red)}.flash.warning{background:rgba(255,178,63,.12);color:var(--amber)}.login-wrap,.setup-wrap{min-height:calc(100vh - 120px);display:grid;place-items:center}.login-card,.setup-card{width:min(460px,95vw);border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.login-card>img,.setup-logo{width:100%;max-width:330px}.login-card h1,.setup-card h1{margin:20px 0 2px}.login-card p,.setup-card p{color:var(--muted)}.grid2,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid .btn{grid-column:1/-1}.readiness{min-width:200px}.readiness small{display:block;color:var(--muted)}.readiness strong{font-size:26px}.readiness>div{height:7px;background:var(--bg2);border-radius:5px;overflow:hidden}.readiness i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan2),var(--cyan))}.coming{text-align:center;padding:60px 20px;color:var(--muted)}.coming img{width:90px}.coming h2{color:var(--text);margin-top:15px}.error-page{text-align:center;padding:70px 20px}.error-page img{width:110px}.error-code{display:block;font-size:84px;font-weight:900;color:var(--cyan);line-height:1}.empty{text-align:center;color:var(--muted);padding:30px}code{background:var(--bg2);border:1px solid var(--line);padding:2px 5px;border-radius:4px}@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:74px 1fr}.sidebar{padding:16px 8px}.brand div,.host,.nav-item span,.side-bottom .nav-item span{display:none}.brand{justify-content:center}.nav-item{justify-content:center}.langbar{display:flex;flex-wrap:nowrap}.theme-btn{font-size:0}.theme-btn:after{content:'◐';font-size:18px}}@media(max-width:680px){.user{min-width:auto}.user>div{display:none}.user-wing{width:34px;height:34px}.lang{padding:4px 5px}.top-controls{gap:4px}.app-shell{display:block}.sidebar{position:fixed;left:-270px;width:250px;z-index:20;transition:.2s}.menu-open .sidebar{left:0}.brand div,.host,.nav-item span{display:block}.nav-item{justify-content:flex-start}.topbar{padding:0 14px}.mobile-menu{display:block;border:0;background:transparent;color:var(--text);font-size:22px}.search{display:none}.content{padding:14px}.hero,.page-head{padding:18px}.hero h1,.page-head h1{font-size:27px}.hero-mark{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.grid2,.settings-grid{grid-template-columns:1fr}}

.panel-actions{display:flex;gap:8px;align-items:center}.empty>div{margin-bottom:12px}.empty-action{display:inline-block}.warn{color:var(--amber)}.bad{color:var(--red)}.error-page{max-width:760px;margin:0 auto}.error-wing{width:118px!important;height:118px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,223,245,.28))}.error-desc{max-width:620px;margin:8px auto;color:var(--muted)}.error-brand{color:var(--cyan);font-size:11px;letter-spacing:.09em}.event-id{display:block;color:var(--muted);margin-top:8px}.error-actions{margin-top:22px}

/* BUILD 003 — JCC Desktop Parity + Operations Dashboard */
.user-wing{width:38px;height:38px;object-fit:contain;filter:none!important;image-rendering:auto}.control-ribbon{margin:0 24px;padding:10px 14px;border:1px solid var(--line);border-top:0;background:rgba(7,22,32,.86);display:grid;grid-template-columns:220px auto 1fr;gap:10px;align-items:stretch}.r-readiness,.theme-switch,.update-aware{border:1px solid #1d5470;background:#0b2130;border-radius:10px;min-height:64px}.r-readiness{display:flex;gap:10px;align-items:center;padding:8px 12px}.r-readiness .bars{font-size:25px;color:var(--green)}.r-readiness small{display:block;color:var(--muted);font-size:10px}.r-readiness b{color:var(--green);font-size:18px}.mini-progress{height:5px;background:#0a1822;border-radius:8px;overflow:hidden;margin-top:4px;width:135px}.mini-progress i{height:100%;display:block;background:linear-gradient(90deg,var(--green),var(--cyan))}.theme-switch{display:flex;overflow:hidden}.theme-switch button{border:0;border-right:1px solid #1d5470;background:transparent;color:#9cb3c0;min-width:88px;padding:8px 12px;cursor:pointer}.theme-switch button:last-child{border-right:0}.theme-switch button.active{background:linear-gradient(180deg,#1687cf,#0e61a4);color:#fff}.update-aware{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px}.update-icon{font-size:25px}.update-aware b{display:block}.update-aware small{display:block;color:var(--muted);font-size:9px;margin-top:1px}.ops-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi.purple{box-shadow:inset 0 2px rgba(188,78,255,.65)}.ops-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.migration-card .panel-head p,.panel-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.migration-pipeline{display:flex;align-items:flex-start;justify-content:space-between;margin:18px 5px 10px}.pipe-step{width:92px;text-align:center;position:relative}.pipe-step>span{width:34px;height:34px;display:grid;place-items:center;margin:0 auto 6px;border-radius:50%;border:2px solid #2a5870;color:#c0d5df;font-weight:700;background:#102634}.pipe-step.done>span,.pipe-step.active>span{border-color:var(--cyan);color:var(--cyan);background:rgba(0,223,245,.12)}.pipe-step b{display:block;font-size:10px}.pipe-step small{display:block;font-size:8px;color:var(--muted)}.pipe-line{height:2px;background:#285267;flex:1;margin-top:17px}.migration-progress{display:flex;align-items:center;gap:8px}.migration-progress>div,.progress{height:7px;background:#081722;border-radius:8px;overflow:hidden;flex:1}.migration-progress i,.progress i{display:block;height:100%;background:linear-gradient(90deg,#00b7db,var(--cyan))}.inline-note{margin-top:10px;padding:8px 10px;border:1px solid #1d5470;background:#0a2130;border-radius:8px;color:#91b8c9;font-size:10px}.current-job .panel-head a{color:var(--cyan);font-size:11px}.job-empty{min-height:145px;display:grid;place-items:center;text-align:center;align-content:center;color:var(--muted)}.job-empty>span{width:26px;height:26px;border:2px solid #24546d;border-radius:50%;margin-bottom:8px}.job-empty b{color:#8fb0c0}.job-empty p{font-size:11px;margin:5px 0}.job-live small{color:var(--muted)}.job-live h3{margin:5px 0 14px}.job-meta{display:flex;justify-content:space-between;margin-bottom:6px}.sites-panel{margin-top:0}.row-hover tbody tr{transition:background .12s ease,box-shadow .12s ease}.row-hover tbody tr:hover{background:rgba(0,223,245,.075);box-shadow:inset 3px 0 0 var(--cyan)}tr.click-row{cursor:pointer}.table-link{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}.dots{display:inline-grid;place-items:center;width:38px;height:30px;border:1px solid #2b6a87;border-radius:8px;color:#dce8ef}.api-badge,.migration-badge,.job-status{display:inline-block;padding:4px 8px;border-radius:7px;border:1px solid;font-size:9px}.api-badge.ok{color:var(--green);border-color:#148c6c;background:#0c3a31}.api-badge.bad,.migration-badge.required{color:#ff7d7d;border-color:#96363d;background:#3e1820}.api-badge.missing,.migration-badge.possible{color:#ffc44f;border-color:#8b6500;background:#3e3107}.api-badge.unknown,.migration-badge.analysis{color:var(--muted);border-color:#456170;background:#122732}.migration-badge.current{color:var(--green);border-color:#148c6c;background:#0c3a31}.health-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.health-strip>div{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:10px}.health-strip small{display:block;color:var(--muted);font-size:9px}.health-strip b{display:block;margin-top:3px}.page-head.compact{padding:18px;margin-bottom:14px}.migration-launch{display:grid;grid-template-columns:1.4fr 1fr auto;gap:10px;align-items:end;margin-top:16px}.migration-launch label{margin:0}.notice{padding:10px;border-radius:8px;margin-bottom:12px}.notice.amber{background:rgba(255,178,63,.1);border:1px solid rgba(255,178,63,.3);color:var(--amber)}.job-status.planned{color:var(--muted)}.job-status.audited{color:var(--green)}.job-status.blocked{color:var(--red)}.sites-registry{grid-template-columns:minmax(0,3fr) minmax(280px,1fr)}.site-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.kv>div{border:1px solid var(--line);background:var(--bg2);border-radius:8px;padding:10px}.kv span{display:block;color:var(--muted);font-size:9px}.kv b{display:block;margin-top:3px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.integration-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px;display:flex;justify-content:space-between;align-items:center}.integrations-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.integration-code{color:var(--cyan);font-size:11px;letter-spacing:.15em}.integration-card h2{margin:4px 0}.integration-card p,.integration-card small{color:var(--muted)}.integration-card>div:last-child{text-align:right}.changelog{white-space:pre-wrap;color:#b7cad4;line-height:1.65;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.bad{color:var(--red)!important}.warn{color:var(--amber)!important}
@media(max-width:1250px){.ops-kpis{grid-template-columns:repeat(3,1fr)}.control-ribbon{grid-template-columns:1fr 1fr}.update-aware{grid-column:1/-1}.health-strip{grid-template-columns:repeat(3,1fr)}.sites-registry{grid-template-columns:1fr}.migration-pipeline{overflow:auto;justify-content:flex-start}.pipe-line{min-width:35px}.pipe-step{min-width:84px}}
@media(max-width:800px){.control-ribbon{margin:0;grid-template-columns:1fr;padding:8px}.theme-switch{grid-column:auto}.update-aware{grid-column:auto}.ops-grid,.site-detail-grid,.integrations-grid{grid-template-columns:1fr}.ops-kpis{grid-template-columns:1fr 1fr}.health-strip{grid-template-columns:1fr 1fr}.migration-launch{grid-template-columns:1fr}.kv{grid-template-columns:1fr 1fr}.control-ribbon .update-aware form{display:none}}


/* BUILD 003 R1 — Wide Workspace / Dense Operations Layout */
.content{width:100%;max-width:none;margin:0;padding:16px 14px 26px}
.control-ribbon{margin:0 14px}
.content>.page-head,.content>.hero,.content>.panel,.content>.ops-grid,.content>.kpi-grid,.content>.health-strip{width:100%;max-width:none}
@media(min-width:1500px){.content{padding-left:12px;padding-right:12px}.control-ribbon{margin-left:12px;margin-right:12px}}
@media(max-width:680px){.content{padding:12px 10px 20px}.control-ribbon{margin:0 10px}}

/* BUILD 004 — Site Intelligence + Monitoring Core */
th.sortable{cursor:pointer;user-select:none;transition:color .12s ease,background .12s ease}th.sortable:hover,th.sortable.active-sort{color:var(--cyan);background:rgba(0,223,245,.035)}.sort-arrow{color:var(--cyan);font-weight:800;margin-left:3px}.sort-hint{font-size:9px;color:var(--muted)}
.dashboard-data-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,1fr);gap:14px;margin-top:14px}.dashboard-data-grid .sites-panel{min-width:0}.alert-center{min-width:0}.alert-center .panel-head a{font-size:11px;color:var(--cyan)}.alert-row{display:flex;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid var(--line);border-left-width:3px;border-radius:8px;margin-bottom:8px;background:var(--bg2)}.alert-row>div{min-width:0}.alert-row b,.alert-row span,.alert-row small{display:block}.alert-row span,.alert-row small{color:var(--muted);font-size:10px}.alert-row.critical{border-left-color:var(--red)}.alert-row.warning{border-left-color:var(--amber)}.alert-row.info{border-left-color:var(--cyan)}.alert-empty{min-height:90px}.compact-empty{padding:16px}
.site-tabs{display:flex;gap:4px;flex-wrap:wrap;border:1px solid var(--line);background:var(--panel);padding:6px;border-radius:10px;margin-bottom:14px;position:sticky;top:82px;z-index:3}.site-tabs a{padding:8px 12px;border-radius:7px;color:var(--muted);font-size:11px;border:1px solid transparent}.site-tabs a:hover{color:var(--text);background:var(--panel2)}.site-tabs a.active{color:var(--cyan);border-color:rgba(0,223,245,.28);background:rgba(0,223,245,.08)}.site-summary-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.mini-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.mini-kpis>div{border:1px solid var(--line);background:var(--bg2);border-radius:8px;padding:11px}.mini-kpis small{display:block;color:var(--muted);font-size:9px}.mini-kpis b{display:block;margin-top:4px}.subhead{margin-top:18px!important}.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cap-grid>div{border:1px solid var(--line);background:var(--bg2);padding:9px;border-radius:8px}.cap-grid span,.cap-grid b{display:block}.cap-grid span{font-size:9px;color:var(--muted)}.token-state{padding:9px 10px;border-radius:8px;margin:8px 0 12px;border:1px solid var(--line)}.token-state.configured{color:var(--green);border-color:rgba(40,222,165,.35);background:rgba(40,222,165,.07)}.token-state.missing{color:var(--amber);border-color:rgba(255,178,63,.35);background:rgba(255,178,63,.07)}.inline-actions{display:flex;gap:8px;margin-top:8px}.inline-actions form{margin:0}.btn.danger{color:#ff8e8e;border-color:#71353a;background:#29161b}.help-text{display:block;color:var(--muted);font-size:9px;margin-top:10px}.compact-launch{grid-template-columns:1fr auto;max-width:680px}.response-chart{height:210px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(0,223,245,.05),transparent),var(--bg2);border-radius:9px;padding:12px;margin-bottom:14px}.response-chart svg{width:100%;height:165px;overflow:visible}.response-chart polyline{stroke:var(--cyan);stroke-width:2}.response-chart>div{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.chart-empty{display:grid;place-items:center;min-height:110px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);margin-bottom:14px}.severity{display:inline-block;font-size:9px;font-weight:800;padding:4px 7px;border:1px solid;border-radius:6px}.severity.critical{color:var(--red);border-color:#91383c;background:#35171b}.severity.warning{color:var(--amber);border-color:#7e5c12;background:#312708}.severity.info{color:var(--cyan);border-color:#17657a;background:#0a2d39}.monitor-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.monitor-section{margin-top:14px}.site-title{gap:20px}.site-title form{margin:0}.site-title .btn{white-space:nowrap}
@media(max-width:1300px){.dashboard-data-grid{grid-template-columns:1fr}.site-summary-grid{grid-template-columns:1fr}.cap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.site-tabs{position:static;overflow:auto;flex-wrap:nowrap}.site-tabs a{white-space:nowrap}.monitor-kpis{grid-template-columns:1fr 1fr}.mini-kpis,.cap-grid{grid-template-columns:1fr}.inline-actions{flex-direction:column}.compact-launch{grid-template-columns:1fr}}

/* BUILD 004 R3 — JCC Live Job Progress Parity */
.monitor-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.monitor-head-actions{display:flex;align-items:center;gap:10px}.job-scan-badge{padding:8px 12px;border-radius:8px;border:1px solid #148fd1;background:linear-gradient(180deg,#149ef0,#087dc0);color:#fff;font-weight:800;font-size:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.job-progress-host{margin-bottom:14px}.job-progress-full{border-color:#1e5270;background:linear-gradient(180deg,rgba(7,42,63,.45),rgba(8,31,45,.35)),var(--panel)}.job-progress-host .panel-head{align-items:center}.job-progress-host .panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.job-status-badge{display:inline-grid;place-items:center;min-width:70px;padding:6px 10px;border-radius:8px;border:1px solid #456170;color:var(--muted);background:#102632;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.job-status-badge.running{color:#ffbf3f;border-color:#8b6500;background:#3e3107}.job-status-badge.completed{color:var(--green);border-color:#148c6c;background:#0c3a31}.job-status-badge.failed{color:var(--red);border-color:#96363d;background:#3e1820}.job-status-badge.idle{color:var(--muted)}
.job-parity-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.job-parity-title h3{margin:0 0 5px;font-size:13px}.job-parity-title small{display:block;color:#8ab0c2;line-height:1.45}.parity-progress{margin-top:12px;height:8px}.parity-progress i{background:linear-gradient(90deg,#08bcd7,#169cf1)}.job-progress-caption{display:flex;justify-content:space-between;align-items:center;margin:6px 0 10px;color:var(--muted);font-size:9px}.job-progress-caption b{color:var(--cyan);font-size:10px}
.job-parity-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:14px;margin-top:8px}.job-step-list{list-style:none;padding:0;margin:0;display:grid;gap:7px}.job-step{display:flex;align-items:flex-start;gap:8px;min-height:24px}.job-step>span{width:18px;flex:0 0 18px;font-weight:900;text-align:center}.job-step>div{min-width:0}.job-step b{display:block;font-size:10px;color:#bfd2dc}.job-step small{display:block;color:var(--muted);font-size:9px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-step.pass>span,.job-step.pass b{color:var(--green)}.job-step.active>span,.job-step.active b{color:var(--cyan)}.job-step.warn>span,.job-step.warn b{color:var(--amber)}.job-step.fail>span,.job-step.fail b{color:var(--red)}.job-step.pending>span{color:#5f8395}.job-step.pending b{color:#7797a7}
.job-event-box{border:1px solid var(--line);border-radius:9px;background:var(--bg2);overflow:hidden;min-width:0}.job-event-head{padding:8px 10px;border-bottom:1px solid var(--line);font-size:9px;font-weight:800;color:#8fb4c5;text-transform:uppercase;letter-spacing:.1em}.job-event-log{list-style:none;margin:0;padding:7px 9px;max-height:190px;overflow:auto}.job-event-log li{display:grid;grid-template-columns:54px 16px 1fr;gap:6px;align-items:start;padding:4px 0}.job-event-log time{color:#638697;font-size:8px}.job-event-log li>span{font-weight:900}.job-event-log b{display:block;font-size:9px}.job-event-log small{display:block;color:var(--muted);font-size:8px;line-height:1.35}.job-event-log .pass>span{color:var(--green)}.job-event-log .active>span{color:var(--cyan)}.job-event-log .warn>span{color:var(--amber)}.job-event-log .fail>span{color:var(--red)}.job-event-log .pending>span{color:#638697}
.job-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.job-summary>div{border:1px solid var(--line);border-radius:8px;background:var(--bg2);padding:8px}.job-summary small{display:block;color:var(--muted);font-size:8px}.job-summary b{display:block;margin-top:2px}.job-summary .pass b{color:var(--green)}.job-summary .warn b{color:var(--amber)}.job-summary .fail b{color:var(--red)}
.job-progress-compact .job-panel-body{min-height:142px}.job-progress-compact .job-parity-title h3{font-size:11px;max-width:310px}.job-progress-compact .job-step-list.compact{gap:4px;margin-top:7px}.job-progress-compact .job-step-list.compact .job-step{min-height:18px}.job-progress-compact .job-step-list.compact .job-step small{display:none}.job-progress-compact .job-step-list.compact .job-step:nth-child(n+6){display:none}.job-progress-compact .job-step b{font-size:8px}.btn.working{opacity:.75;cursor:progress}
@media(max-width:1150px){.job-parity-grid{grid-template-columns:1fr}.job-event-log{max-height:150px}}@media(max-width:800px){.monitor-head{align-items:flex-start;flex-direction:column}.monitor-head-actions{width:100%;justify-content:space-between}.job-parity-title{flex-direction:column}.job-status-badge{align-self:flex-start}.job-summary{grid-template-columns:1fr 1fr 1fr}}

/* BUILD 004 R4 — Auto Maintenance / Self-Migration */
.maintenance-panel{margin-bottom:14px}.maintenance-state{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800;letter-spacing:.06em}.maintenance-state.ok{color:var(--green);border-color:#16896d;background:rgba(40,222,165,.08)}.maintenance-state.warn{color:var(--amber);border-color:#8c651c;background:rgba(255,178,63,.08)}.maintenance-state.bad{color:var(--red);border-color:#8d3535;background:rgba(255,91,91,.08)}.maintenance-panel form{margin-top:12px}.integration-card form{margin-top:8px}.integration-card small{display:block;color:var(--muted)}


/* BUILD 004 R5 — Editable Inventory + Manual Overrides */
.btn.compact{padding:6px 9px;font-size:10px}.edit-site-panel{max-width:none}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.override-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.override-field{border:1px solid var(--line);border-radius:10px;background:var(--bg2);padding:12px}.override-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.source-badge{display:inline-flex;align-items:center;border:1px solid;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:900;letter-spacing:.08em;vertical-align:middle}.source-badge.auto{color:var(--cyan);border-color:rgba(0,223,245,.45);background:rgba(0,223,245,.07)}.source-badge.manual{color:var(--gold);border-color:rgba(212,175,87,.45);background:rgba(212,175,87,.08)}.source-mode{margin-top:7px}.override-field small{display:block;color:var(--muted);margin-top:6px;font-size:9px}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-actions form{margin:0}@media(max-width:800px){.edit-grid,.override-grid{grid-template-columns:1fr}}

/* BUILD 004 R6 — Fleet Token Enrollment */
.credentials-profile-form{grid-template-columns:1fr 1fr;gap:18px}.credentials-profile-form>div{display:grid;gap:10px}.credentials-profile-form>button{align-self:end;justify-self:start}.credential-state{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.credential-state.configured{color:var(--green);border-color:rgba(40,222,165,.35);background:rgba(40,222,165,.07)}.credential-state.ready{color:var(--cyan);border-color:rgba(0,223,245,.35);background:rgba(0,223,245,.07)}.credential-state.needs_mapping{color:var(--amber);border-color:rgba(255,178,63,.35);background:rgba(255,178,63,.07)}.credential-state.unsupported{color:var(--muted)}.docroot-cell{max-width:360px;overflow-wrap:anywhere}.cell-sub{display:block;color:var(--muted);font-size:11px;margin-top:2px}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto}.kpis.compact-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;margin:5px 0!important}.compact-kpis .kpi{min-width:0;min-height:78px;padding:10px 12px}.compact-kpis .kpi strong{font-size:28px}.compact-kpis .kpi small{white-space:normal}@media(max-width:1100px){.credentials-profile-form{grid-template-columns:1fr}.kpis.compact-kpis{grid-template-columns:repeat(5,minmax(105px,1fr))!important;overflow-x:auto}}@media(max-width:760px){.kpis.compact-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:480px){.kpis.compact-kpis{grid-template-columns:1fr!important}}
.credential-state.manual_required,.credential-state.cleanup_warning{border-color:rgba(242,190,70,.35);color:#f2be46;background:rgba(242,190,70,.08)}
.credential-state.error{border-color:rgba(255,94,94,.38);color:#ff7777;background:rgba(255,94,94,.08)}


/* BUILD 004 R6 R1 — Credentials Management + UI Spacing Fix */
.content > .panel + .panel{margin-top:5px}.content > .maintenance-panel + .panel,.content > .panel + .maintenance-panel{margin-top:5px}
.profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;min-width:360px}.profile-actions form{margin:0}.profile-actions .btn{white-space:nowrap}.profile-delete-note{display:block;margin-top:8px;color:var(--muted);font-size:9px}.status.disabled{color:var(--muted);background:rgba(120,146,163,.08);border-color:rgba(120,146,163,.35)}
@media(max-width:900px){.profile-actions{min-width:0;justify-content:flex-start}}

/* BUILD 004 R6 R2 — cPanel Connectivity Fallback + FTPS Bootstrap */
.status.warning{color:var(--amber);background:rgba(255,178,63,.08);border-color:rgba(255,178,63,.35)}
.credentials-r2 h3{font-size:11px;letter-spacing:.08em;color:var(--cyan);margin:0 0 4px;text-transform:uppercase}.credentials-r2 .notice{grid-column:1/-1}.credentials-r2 select,.credentials-r2 input{min-width:0}


/* BUILD 004 R6 R3 — Multi-Account Hosting Fleet */
.credential-scope-note{display:flex;gap:10px;align-items:flex-start}.credential-scope-note b{white-space:nowrap;color:var(--cyan)}
.hosting-fleet{display:grid;gap:5px}.hosting-server-card{border:1px solid var(--line);border-radius:12px;background:rgba(8,28,40,.32);overflow:hidden}.hosting-server-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 8px}.hosting-server-head h3{margin:2px 0 3px;font-size:15px}.hosting-server-head h3 span{color:var(--cyan);font-weight:600}.hosting-server-head small{color:var(--muted)}.server-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.server-actions form{margin:0}.server-health{display:flex;gap:5px;padding:0 14px 8px}.account-table td:first-child b{color:var(--text)}.account-table td{vertical-align:middle}.credentials-profile-form .notice{align-self:end}
@media(max-width:1100px){.hosting-server-head{align-items:flex-start;flex-direction:column}.server-actions{justify-content:flex-start}.credential-scope-note{flex-direction:column}}

/* BUILD 004 R6 R4 — Credential Clone & Action Safety */
.clone-profile-notice{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start}.account-actions{flex-wrap:wrap}

/* BUILD 004 R6 R6 — SFTP Discovery + compact credential UX */
.hosting-server-card{margin:0}.hosting-server-card + .hosting-server-card{margin-top:5px}.hosting-server-head,.server-health{gap:5px}.server-actions,.profile-actions{gap:5px}.fallback-details{margin-top:5px}.transport-note{margin-top:5px}.account-table td{vertical-align:middle}.account-table .profile-actions{display:flex;flex-wrap:wrap;align-items:center}.credential-scope-note{margin-bottom:5px}


/* BUILD 004 R6 R7 — Targeted Pilot Enrollment */
.pilot-launch{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.pilot-launch select{width:min(360px,42vw);min-width:220px}.site-credential-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.site-credential-actions form{margin:0}.site-credential-actions .btn{white-space:nowrap}@media(max-width:900px){.pilot-launch{justify-content:flex-start;width:100%}.pilot-launch select{width:100%;min-width:0}}