/* Charging workspace composition is ported from Platform Nexus Charging.
   Nexus Charge tokens remain the visual authority for color and brand. */
.charging-workspace-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}
.charging-workspace-hero h1{margin:.2rem 0 .45rem;font-size:clamp(1.7rem,2.5vw,2.35rem);letter-spacing:-.04em}
.charging-workspace-hero p:last-child{max-width:52rem;margin:0;color:var(--muted);line-height:1.55}
.charging-workspace-hero .eyebrow{margin:0;color:var(--accent-strong)}
.charging-workspace-hero .nexus-brand-icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface-2)}
.charging-workspace-hero .nexus-brand-icon img{width:3.4rem;height:3.4rem;object-fit:contain}
.charging-workspace-freshness{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}
.charging-workspace-freshness .last-updated{color:var(--muted);font-size:.78rem;white-space:nowrap}
.charging-workspace .network-command-bar{display:flex;flex-wrap:wrap;align-items:end;gap:.65rem;margin-bottom:1.25rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.charging-workspace .network-search{display:grid;flex:1 1 18rem;gap:.35rem;min-width:15rem;color:var(--muted);font-size:.78rem;font-weight:750}
.charging-workspace .network-search input,.charging-workspace .fleet-search input,.charging-workspace .fleet-filter-bar select{width:100%;min-width:0;min-height:2.7rem;padding:.62rem .75rem;border:1px solid var(--line);border-radius:.55rem;background:var(--surface);color:var(--ink);font:inherit}
.charging-workspace .network-command-bar .button{white-space:nowrap}
.charging-workspace .charging-health-section{margin-bottom:1.25rem}
.charging-workspace .charging-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin:1rem 0 .65rem}
.charging-workspace .charging-kpi{display:grid;align-content:start;gap:.35rem;min-width:0;min-height:7rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface);color:var(--ink);text-decoration:none}
.charging-workspace .charging-kpi span,.charging-workspace .charging-kpi small{color:var(--muted);font-size:.75rem;line-height:1.4}
.charging-workspace .charging-kpi strong{font-size:1.55rem;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.charging-workspace .charging-kpi.actionable:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.charging-workspace .charging-kpi-unavailable{background:var(--surface-2)}
.charging-workspace .panel-note{color:var(--muted)}
.charging-workspace .network-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(17rem,.7fr);gap:1rem;margin-bottom:1.25rem}
.charging-workspace .network-map-panel,.charging-workspace .network-attention-panel{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.charging-workspace .network-map-panel>.section-title-row,.charging-workspace .charging-sites-section>.section-title-row,.charging-workspace .fleet-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}
.charging-workspace .network-map-panel h2,.charging-workspace .network-attention-panel h2,.charging-workspace .charging-sites-section h2,.charging-workspace .charger-fleet-section h2{margin:0 0 .35rem;font-size:1.2rem;letter-spacing:-.02em}
.charging-workspace .network-map-panel p,.charging-workspace .charging-sites-section p,.charging-workspace .charger-fleet-section p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}
.charging-workspace .network-attention-panel{display:grid;align-content:start;gap:.8rem}
.charging-workspace .network-attention-panel h2{margin:0}
.charging-workspace .attention-list{display:grid;gap:.45rem}
.charging-workspace .attention-list a{display:grid;grid-template-columns:1.8rem minmax(0,1fr);gap:.5rem;min-width:0;padding:.65rem;border:1px solid var(--line);border-radius:.6rem;color:var(--ink);text-decoration:none}
.charging-workspace .attention-list a:hover{border-color:var(--accent);background:var(--surface-2)}
.charging-workspace .attention-list a>span:last-child{display:grid;min-width:0;overflow-wrap:anywhere}
.charging-workspace .attention-list small{color:var(--muted);line-height:1.45}
.charging-workspace .severity-cue{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--surface-2);font-weight:900}
.charging-workspace .severity-cue.warning{background:var(--warning-bg);color:var(--warning)}
.charging-workspace .operational-empty{padding:.85rem;border:1px dashed var(--line);border-radius:.6rem;color:var(--muted);line-height:1.5}
.charging-workspace .admin-network-map{height:clamp(20rem,38vw,32rem);min-height:20rem;border-radius:.7rem}
.charging-workspace .charging-map-slot{min-width:0}
.charging-workspace .charging-sites-section,.charging-workspace .charger-fleet-section{margin:0 0 1.25rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.charging-workspace .filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0 .85rem}
.charging-workspace .filter-chip{min-height:2.25rem;padding:.4rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit}
.charging-workspace .filter-chip:hover,.charging-workspace .filter-chip.active{border-color:var(--accent);background:var(--surface-2)}
.charging-workspace .filter-chip span{margin-left:.25rem;color:var(--muted);font-variant-numeric:tabular-nums}
.charging-workspace .operational-site-list{display:grid;gap:.55rem}
.charging-workspace .operational-site-card{display:grid;grid-template-columns:2.6rem minmax(12rem,1.5fr) repeat(2,minmax(5rem,.55fr)) auto auto;align-items:center;gap:.75rem;min-width:0;padding:.75rem .9rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface);color:var(--ink);text-decoration:none}
.charging-workspace .operational-site-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.charging-workspace .operational-site-card>span,.charging-workspace .site-card-identity{display:grid;min-width:0;gap:.15rem;overflow-wrap:anywhere}
.charging-workspace .operational-site-card small{color:var(--muted);font-size:.72rem}
.charging-workspace .site-card-marker{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.65rem;background:var(--surface-2);color:var(--accent-strong);font-size:1.2rem}
.charging-workspace .fleet-section-heading{align-items:center}
.charging-workspace .fleet-filter-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.charging-workspace .fleet-result-count{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}
.charging-workspace .fleet-filter-bar{display:grid;grid-template-columns:minmax(12rem,1.4fr) repeat(2,minmax(9rem,.7fr));align-items:end;gap:.65rem;margin:.7rem 0 .85rem}
.charging-workspace .fleet-filter-bar label{display:grid;min-width:0;gap:.35rem;color:var(--muted);font-size:.78rem;font-weight:700}
.charging-workspace .charger-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.75rem}
.charging-workspace .charger-card{display:grid;align-content:start;gap:.65rem;min-width:0;padding:.9rem;border:1px solid var(--line);border-radius:.7rem;background:linear-gradient(145deg,var(--surface),var(--surface-2));color:var(--ink);text-decoration:none}
.charging-workspace .charger-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.charging-workspace .charger-card:focus-visible,.charging-workspace .operational-site-card:focus-visible,.charging-workspace .filter-chip:focus-visible,.charging-workspace .network-command-bar :focus-visible,.charging-workspace .fleet-filter-bar :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.charging-workspace .charger-card-heading{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.6rem;min-width:0}
.charging-workspace .charger-card-heading>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.charging-workspace .charger-card-heading small,.charging-workspace .charger-card small{display:block;color:var(--muted);line-height:1.4}
.charging-workspace .charger-record-facts{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--muted);font-size:.78rem}
.charging-workspace .text-link{line-height:1.4}
@media(max-width:1024px){.charging-workspace .charging-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.charging-workspace .network-workspace{grid-template-columns:1fr}.charging-workspace .operational-site-card{grid-template-columns:2.6rem minmax(10rem,1.5fr) repeat(2,minmax(5rem,.55fr)) auto}.charging-workspace .operational-site-card>span:nth-child(6){display:none}}
@media(max-width:768px){.charging-workspace-hero{grid-template-columns:auto minmax(0,1fr);align-items:start}.charging-workspace-freshness{grid-column:1/-1;justify-content:flex-start}.charging-workspace .charging-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charging-workspace .network-command-bar{align-items:stretch;flex-direction:column}.charging-workspace .network-search{min-width:0}.charging-workspace .network-command-bar .button{width:100%}.charging-workspace .admin-network-map{height:23rem}.charging-workspace .fleet-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.charging-workspace .fleet-search{grid-column:1/-1}.charging-workspace .operational-site-card{grid-template-columns:2.6rem minmax(0,1fr) auto}.charging-workspace .operational-site-card>span:nth-child(3),.charging-workspace .operational-site-card>span:nth-child(4),.charging-workspace .operational-site-card>span:nth-child(5){display:none}}
@media(max-width:390px){.charging-workspace-hero{padding:.9rem;gap:.7rem}.charging-workspace-hero .nexus-brand-icon{width:3.5rem;height:3.5rem}.charging-workspace-hero .nexus-brand-icon img{width:2.7rem;height:2.7rem}.charging-workspace-freshness{align-items:stretch;flex-direction:column}.charging-workspace .charging-kpi-grid{gap:.45rem}.charging-workspace .charging-kpi{min-height:6rem;padding:.65rem}.charging-workspace .charging-kpi strong{font-size:1.25rem}.charging-workspace .admin-network-map{height:18rem;min-height:18rem}.charging-workspace .fleet-filter-bar{grid-template-columns:minmax(0,1fr)}.charging-workspace .fleet-search{grid-column:auto}.charging-workspace .charger-card-heading{grid-template-columns:2rem minmax(0,1fr)}.charging-workspace .charger-card-heading .status-pill{grid-column:2;justify-self:start;white-space:normal}.charging-workspace .operational-site-card{gap:.5rem;padding:.65rem}.charging-workspace .operational-site-card>.status-pill{white-space:normal}}