#app .market-atlas{--atlas-line:#9abbd42e;--atlas-panel:#0b1b2ed9;color:#e8f2fc;background:linear-gradient(145deg,#102c42e8,#071424e8);border:1px solid var(--atlas-line);border-radius:18px;padding:24px}
#app .atlas-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}
#app .atlas-heading h2{font-size:28px;margin:7px 0 10px;color:#eff9ff}
#app .market-atlas p{font-size:13px;line-height:1.65;color:#bbccdd;margin:10px 0}
#app .market-atlas small{font-size:11px;line-height:1.6;color:#adc3d5}
#app .atlas-mode,#app .atlas-levels{display:flex;gap:6px;flex-wrap:wrap}
#app .market-atlas button{background:#142f47;border:1px solid var(--atlas-line);border-radius:7px;color:#d8e8f8;padding:9px 12px;font:inherit;font-size:11px;cursor:pointer;transition:background .25s,border-color .25s}
#app .market-atlas button[aria-pressed=true]{background:#3c817f;color:white;border-color:#9fddd1}
#app .market-atlas button:disabled{opacity:.4;cursor:default}
#app .market-atlas button:focus-visible,#app .atlas-state:focus-visible{outline:2px solid #fff3bb;outline-offset:4px}
#app .atlas-workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}
#app .atlas-map-panel{min-width:0}
#app .atlas-map-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#b5c9dc}
#app .atlas-map{width:100%;height:480px;display:block;overflow:visible;margin:14px 0;filter:drop-shadow(0 12px 18px #0005)}
#app .atlas-state{cursor:pointer;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s;transform-box:fill-box;transform-origin:center}
#app .atlas-depth{fill:#122a42;stroke:#091a2b;stroke-width:1.2}
#app .atlas-face{fill:url(#atlas-face);stroke:#91b5d177;stroke-width:.9;transition:fill .4s,stroke .3s}
#app .atlas-state:hover{transform:translateY(-5px)}
#app .atlas-state.selected{transform:translateY(-12px);filter:drop-shadow(0 12px 8px #0007)}
#app .atlas-state.selected .atlas-face{fill:url(#atlas-selected);stroke:#d4fff0;stroke-width:1.4}
#app .atlas-state text{fill:#e7f5ff;font-size:10px;font-weight:700;pointer-events:none;paint-order:stroke;stroke:#122f44;stroke-width:1.5px}
#app .atlas-state-choices{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}
#app .atlas-state-choices button{padding:6px 8px;font-size:10px}
#app .atlas-caption{display:block;margin-top:10px}
#app .atlas-source{display:inline-block;margin-top:10px;color:#9ae2d7;font-size:11px;text-decoration:underline}
#app .atlas-details{padding:24px;background:var(--atlas-panel);border:1px solid var(--atlas-line);border-radius:14px;min-width:0}
#app .atlas-location h2{font-size:32px;margin:8px 0}
#app .atlas-detail-body{animation:atlas-content-enter .35s ease-out;line-height:1.7;overflow-wrap:anywhere}
#app .atlas-detail-body h3{font-size:17px;color:#f0f6ff;margin:20px 0 10px}
#app .atlas-detail-body ul{font-size:13px;color:#b9cddb;padding-left:20px;line-height:1.9}
#app .atlas-detail-body>button{margin:12px 6px 0 0}
#app .atlas-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0}
#app .atlas-metric{padding:16px 0;border-top:1px solid var(--atlas-line)}
#app .atlas-metric strong{display:block;font-size:24px;line-height:1.3;color:#8fe0c8;margin:8px 0;font-variant-numeric:tabular-nums}
#app .atlas-metric span{display:block;font-size:10px;color:#a9c3d5;line-height:1.6}
#app .atlas-coverage{display:block;font-size:11px;color:#ffcd83;margin-top:20px}
#app .atlas-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:20px 0}
#app .atlas-months button{padding:7px 2px;font-size:9px}
#app .atlas-ranking button{display:grid;grid-template-columns:1fr auto;width:100%;position:relative;gap:8px;padding:12px 0 16px;background:transparent;border:0;border-bottom:1px solid var(--atlas-line);text-align:left}
#app .atlas-ranking i{position:absolute;bottom:3px;left:0;height:2px;width:var(--bar);background:linear-gradient(90deg,#598bb4,#8fd6c7)}
#app .atlas-cnae{border-bottom:1px solid var(--atlas-line);padding:12px 0;font-size:12px}
#app .atlas-cnae summary{cursor:pointer;color:#d9f4f0;display:flex;gap:15px;justify-content:space-between}
#app .atlas-district-detail{font-size:12px;color:#c6d8e4;margin-top:16px;line-height:1.6}
@keyframes atlas-content-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
/* Overview: typography and separation replace the heavy card framing. */
#app[data-team-theme] #view-overview .card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:20px 0!important}
#app[data-team-theme] #view-overview>.grid{column-gap:28px}
#app[data-team-theme] #view-overview .card-title{border-top:1px solid var(--team-line);padding-top:14px;margin-bottom:14px}
#app[data-team-theme] #view-overview .kpi-icon{display:none!important}
#app[data-team-theme] #view-overview .motiv-banner,#app[data-team-theme] #view-overview .motiv-banner-inner{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
#app[data-team-theme] #view-overview .motiv-banner:before,#app[data-team-theme] #view-overview .motiv-locked-icon{display:none!important}
#app[data-team-theme] #view-overview .motiv-banner-inner{padding:16px 0!important}
#app .dash-status-metric{--indicator:#3e86b8;border-top:3px solid var(--indicator)!important}
#app .dash-status-metric[data-tone=positive]{--indicator:#238653}
#app .dash-status-metric[data-tone=attention]{--indicator:#d98919}
#app .dash-status-metric[data-tone=critical]{--indicator:#ca414b}
#app .dash-status-metric[data-tone=cost]{--indicator:#d16c25}
#app .dash-status-metric>div:first-child,#app .dash-status-metric .num{color:var(--indicator)!important}
#app .dash-color-key{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:var(--text-dim);margin:12px 0}
#app .dash-color-key span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--key);margin-right:5px}
@media(max-width:1000px){#app .atlas-workspace{grid-template-columns:1fr}#app .atlas-map{height:390px}}
@media(max-width:760px){#app .market-atlas{padding:16px}#app .atlas-heading{flex-direction:column}#app .atlas-map{height:340px}#app .atlas-details{padding:18px}#app .atlas-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){#app .atlas-state,#app .atlas-detail-body{transition:none;animation:none}}
#app>.ovs-gold-world{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
.ovs-gold-world[hidden]{display:none!important}
#app[data-real-gold=true]>.ovs-team-gold-scene{display:none!important}
.ovs-motion-preview>.ovs-gold-world{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#app .atlas-map{overflow:hidden;border-radius:12px}
.ovs-motion-preview>.ovs-gold-world{opacity:1!important;mix-blend-mode:normal!important}
#app[data-team-theme] #view-overview .card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#app[data-team-theme] #view-overview .card:before,#app[data-team-theme] #view-overview .card:after{display:none!important}
#app[data-team-theme] #view-container:has(#view-overview) .motiv-banner,#app[data-team-theme] #view-container:has(#view-overview) .motiv-banner-inner{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;backdrop-filter:none!important}
#app[data-team-theme] #view-container:has(#view-overview) .motiv-locked-icon,#app[data-team-theme] #view-container:has(#view-overview) .motiv-banner:before,#app[data-team-theme] #view-container:has(#view-overview) .motiv-banner:after{display:none!important}