/* PCG Command UI — final presentation layer.
   Keeps the existing operational DOM/API contracts while replacing accumulated
   decorative overrides with a compact, sharp, future-proof workspace shell. */
:root{
  --pcg-red:#e52b31;--pcg-red-deep:#bd1f26;--pcg-ink:#17191f;
  --pcg-muted:#6d7480;--pcg-line:#e5e7eb;--pcg-bg:#f5f6f8;
  --pcg-panel:#fff;--pcg-radius:14px;--pcg-shadow:0 8px 24px rgba(18,24,38,.06)
}
html,body{background:var(--pcg-bg)!important;color:var(--pcg-ink)!important}
body{background-image:none!important}
#nebula,.orb,.ambient-orb{display:none!important}
.topbar{
  min-height:66px!important;padding:10px 18px!important;background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--pcg-line)!important;box-shadow:none!important;
  backdrop-filter:none!important;position:sticky!important;top:0;z-index:35
}
.topbrand .brandtitle,.topbar b,.topbar strong{color:var(--pcg-ink)!important}
.topbrand .brandsub,.topbar .muted{color:var(--pcg-muted)!important}
.shell{gap:16px!important;padding:16px!important;max-width:1700px;margin:auto}
.sidebar{
  width:248px!important;height:calc(100vh - 98px)!important;top:82px!important;padding:10px!important;
  background:var(--pcg-panel)!important;border:1px solid var(--pcg-line)!important;
  border-radius:var(--pcg-radius)!important;box-shadow:var(--pcg-shadow)!important;
  backdrop-filter:none!important
}
.sidebar.collapsed{width:68px!important}
#sidebarToggleBtn{
  position:static!important;transform:none!important;width:32px!important;height:32px!important;
  margin:0 0 7px auto!important;background:#fff!important;color:var(--pcg-muted)!important;
  border:1px solid var(--pcg-line)!important;box-shadow:none!important;border-radius:9px!important
}
html[dir=rtl] #sidebarToggleBtn{margin:0 auto 7px 0!important}
#navRoot{display:flex;flex-direction:column;gap:5px}
.pcg-nav-cluster{border:0;border-bottom:1px solid #f0f1f3;padding:0 0 5px}
.pcg-nav-cluster:last-child{border-bottom:0}
.pcg-nav-cluster>summary{
  display:flex;align-items:center;justify-content:space-between;list-style:none;padding:7px 9px;
  color:#9298a3;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;cursor:pointer
}
.pcg-nav-cluster>summary::-webkit-details-marker{display:none}
.pcg-nav-cluster>summary::after{content:"›";font-size:16px;line-height:1;transition:transform .18s}
.pcg-nav-cluster[open]>summary::after{transform:rotate(90deg)}
.pcg-nav-items{display:flex;flex-direction:column;gap:2px}
.nav-btn{
  min-height:40px!important;margin:0!important;padding:8px 10px!important;border:0!important;
  border-radius:9px!important;color:#59616d!important;gap:10px!important;box-shadow:none!important
}
.nav-btn:hover{background:#f5f6f8!important;color:var(--pcg-ink)!important}
.nav-btn.active{
  background:#fff2f2!important;color:var(--pcg-red-deep)!important;border:0!important;
  box-shadow:inset 3px 0 0 var(--pcg-red)!important
}
html[dir=rtl] .nav-btn.active{box-shadow:inset -3px 0 0 var(--pcg-red)!important}
.nav-btn.active::before{display:none!important}
.icon3d,.nav-btn .icon3d{
  width:28px!important;height:28px!important;background:transparent!important;border:0!important;
  box-shadow:none!important;transform:none!important;color:inherit!important
}
.icon3d svg{width:17px!important;height:17px!important;filter:none!important}
.sidebar.collapsed .pcg-nav-cluster>summary{font-size:0;justify-content:center}
.sidebar.collapsed .pcg-nav-cluster>summary::after{font-size:14px}
.sidebar.collapsed .pcg-nav-items{gap:3px}
.nav-footer{border-top:1px solid var(--pcg-line)!important;margin-top:auto!important;padding-top:8px!important}
#main{padding:0 0 32px!important;min-width:0}
.pagehead{margin:4px 0 16px!important;min-height:48px}
.pagehead h1{font-size:26px!important;letter-spacing:-.025em!important;color:var(--pcg-ink)!important}
.eyebrow{color:var(--pcg-red)!important;letter-spacing:.12em!important;font-size:10px!important}
.glass,.card,.fleet-card,.resource-chart-card{
  background:var(--pcg-panel)!important;border:1px solid var(--pcg-line)!important;
  border-radius:var(--pcg-radius)!important;box-shadow:var(--pcg-shadow)!important;
  backdrop-filter:none!important
}
.glass-hover:hover,.card:hover{transform:none!important;box-shadow:0 10px 28px rgba(18,24,38,.08)!important}
.card b,.card h2,.card h3,.fleet-card b,.resource-chart-card b,.row b{color:var(--pcg-ink)!important}
.muted,.small,.kl,.fm-l{color:var(--pcg-muted)!important}
.section-block{margin-bottom:14px!important}
.grid.stats{gap:12px!important}
.kpi{min-height:112px!important;padding:16px!important}
.kpi .kv{font-size:27px!important}
.fleet-grid{gap:18px!important}
.fleet-metrics{gap:10px!important}
.fm{background:#fafafa!important;border:1px solid #eceef1!important;border-radius:10px!important;padding:12px!important}
.btn,.langbtn,.topscope,.chip,input,select,textarea{border-radius:9px!important}
.btn.red{
  background:var(--pcg-red)!important;border-color:var(--pcg-red)!important;color:#fff!important;
  box-shadow:none!important
}
.btn.red:hover{background:var(--pcg-red-deep)!important}
.chip,.pill{box-shadow:none!important}
.pcg-command-trigger{
  width:min(440px,34vw);height:40px;display:flex;align-items:center;gap:10px;
  padding:0 12px;border:1px solid var(--pcg-line);border-radius:10px;background:#f8f9fa;
  color:#747b86;cursor:pointer;text-align:start;font:inherit
}
.pcg-command-trigger:hover{border-color:#cfd3d9;background:#fff}
.pcg-command-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.pcg-command-trigger kbd{margin-inline-start:auto;border:1px solid #d8dbe0;background:#fff;border-radius:6px;padding:2px 6px;font-size:10px}
.pcg-command-overlay{
  position:fixed;inset:0;z-index:10050;display:grid;place-items:start center;padding-top:min(16vh,140px);
  background:rgba(17,24,39,.36)
}
.pcg-command-overlay[hidden]{display:none}
.pcg-command{
  width:min(600px,calc(100vw - 28px));background:#fff;border:1px solid var(--pcg-line);
  border-radius:16px;box-shadow:0 28px 80px rgba(17,24,39,.25);overflow:hidden
}
.pcg-command-search{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--pcg-line)}
.pcg-command-search input{border:0!important;outline:0!important;box-shadow:none!important;font-size:16px;background:transparent!important}
.pcg-command-results{padding:8px;max-height:390px;overflow:auto}
.pcg-command-item{
  display:flex;width:100%;align-items:center;gap:10px;padding:11px;border:0;border-radius:9px;
  background:transparent;color:var(--pcg-ink);cursor:pointer;text-align:start;font:inherit
}
.pcg-command-item:hover,.pcg-command-item:focus{background:#f5f6f8;outline:0}
.pcg-command-item small{margin-inline-start:auto;color:#9298a3}
@media(max-width:1100px){.pcg-command-trigger{width:42px}.pcg-command-trigger span,.pcg-command-trigger kbd{display:none}}
@media(max-width:950px){
  .topbar{position:static!important}.shell{padding:10px!important;flex-direction:column!important}
  .sidebar{position:static!important;width:100%!important;height:auto!important;border-radius:12px!important}
  #navRoot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcg-nav-cluster{border:0}.sidebar.collapsed{width:100%!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}