
:root{--bg:#242424;--panel:#303030;--panel2:#353535;--g:#404040;--line:#505050;--o:#ff7d00;--white:#f4f2ed;--muted:#a5a5a0;--soft:#d4d2cc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Montserrat,Inter,Arial,sans-serif}.shell{display:grid;grid-template-columns:118px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#1d1d1d;border-right:1px solid #393939;padding:24px 14px;display:flex;flex-direction:column;z-index:20}.logo{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:white;font-size:11px;letter-spacing:.08em}.logo-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--o);font-weight:900;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.side-label{font-size:7px;letter-spacing:.16em;color:#777;text-align:center;margin:42px 0 12px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#888;padding:14px 4px;cursor:pointer;font:inherit;font-size:9px;letter-spacing:.06em}.nav-item span{display:block;font-size:20px;margin-bottom:6px}.nav-item.active{background:#303030;color:var(--o);border-left:2px solid var(--o)}.side-bottom{margin-top:auto;display:grid;gap:16px;text-align:center}.side-bottom a{color:#aaa;font-size:8px;text-decoration:none}.side-bottom small{font-size:6px;color:#666;letter-spacing:.12em}main{min-width:0}.topbar{height:98px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;background:#2b2b2b}.kicker,.overline{font-size:8px;letter-spacing:.17em;font-weight:900;color:var(--o)}h1{font-size:24px;margin:7px 0 0;letter-spacing:-.03em}h2{font-size:clamp(30px,3.5vw,54px);margin:8px 0 0;letter-spacing:-.05em;line-height:.95}h3{margin:5px 0;font-size:18px}.verified{display:grid;grid-template-columns:8px auto;column-gap:9px;align-items:center}.verified i{width:7px;height:7px;background:var(--o);border-radius:50%;grid-row:1/3}.verified span,.verified b{font-size:7px;letter-spacing:.1em}.verified span{color:#888}.commandbar{min-height:72px;display:flex;align-items:stretch;border-bottom:1px solid #444;background:#292929;padding-left:22px}.control{min-width:170px;padding:14px 18px;border-right:1px solid #444;position:relative}.control small,.updated small{display:block;font-size:7px;letter-spacing:.13em;color:#777;margin-bottom:6px}.control b,.updated b{font-size:10px}.control>span{position:absolute;right:15px;bottom:17px;color:#888}.control.source{min-width:245px}.updated{margin-left:auto;padding:14px 28px;text-align:right}.view{display:none;padding:22px}.view.active{display:block}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:16px}.panel{background:var(--panel);border:1px solid #454545;box-shadow:0 12px 30px rgba(0,0,0,.12)}.map-panel{min-height:535px}.panel-head{padding:20px 22px 14px;display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{font-size:34px}.badge{font-size:7px;letter-spacing:.1em;border:1px solid #666;padding:7px 9px;color:#bbb}.badge.pending{border-color:#9b6738;color:#e8a96e}.map-stage{height:390px;position:relative;overflow:hidden;background:#292929;border-top:1px solid #424242;border-bottom:1px solid #424242}.map-stage svg{width:100%;height:100%}.island-shadow{fill:#171717;transform:translate(7px,8px)}.island{fill:#454545;stroke:#70706c;stroke-width:2}.interior{fill:none;stroke:#666;stroke-width:1;opacity:.6}.hub{fill:var(--o);stroke:#ffc184;stroke-width:3}.hub.muted{fill:#666;stroke:#888}.map-lock{position:absolute;left:22px;bottom:22px;background:rgba(29,29,29,.92);border-left:3px solid var(--o);padding:13px 15px;display:flex;gap:12px;align-items:center}.map-lock>span{display:grid;place-items:center;width:34px;height:34px;background:var(--o);font-size:12px;font-weight:900}.map-lock b,.map-lock small{display:block}.map-lock b{font-size:10px}.map-lock small{font-size:7px;color:#999;margin-top:4px}.layer-stack{position:absolute;right:18px;top:18px;width:190px;background:rgba(29,29,29,.94);padding:12px}.layer-stack>small{font-size:7px;color:#777;letter-spacing:.13em}.layer-stack button{width:100%;margin-top:8px;padding:8px;background:#292929;border:1px solid #444;color:#888;text-align:left;font-size:7px}.layer-stack button b{float:right;color:#a66b38;font-size:6px}.map-foot{padding:12px 20px;display:flex;justify-content:space-between;gap:20px;color:#777;font-size:7px}.map-foot a{color:#aaa;text-decoration:none}.kpi-rail{display:grid;gap:10px}.kpi{background:var(--panel);border:1px solid #454545;padding:17px 16px;display:flex;flex-direction:column;justify-content:center}.kpi span{font-size:7px;letter-spacing:.13em;color:#999}.kpi strong{font-size:35px;color:var(--o);letter-spacing:-.05em;margin:7px 0}.kpi small{font-size:7px;color:#888}.pending-kpi strong{color:#777}.pending-kpi{border-top:2px solid #85562e}.lower-grid{display:grid;grid-template-columns:1.25fr 1.1fr .8fr;gap:16px;margin-top:16px}.lower-grid>.panel{min-height:220px;padding:18px}.panel-head.compact{padding:0}.signal{font-size:28px;color:var(--o)}.spark{height:105px;margin-top:10px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid #555}.spark .bar{flex:1;background:#555;position:relative}.spark .bar:last-child{background:var(--o)}.spark .bar b{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:7px}.spark .bar span{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:6px;color:#888}.mini-source{font-size:6px;color:#777;margin-top:24px;letter-spacing:.1em}.lender-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.lender-kpis strong{display:block;font-size:26px;color:var(--o)}.lender-kpis small{font-size:6px;color:#888}.meter{height:5px;background:#4c4c4c}.meter i{display:block;width:67.02%;height:100%;background:var(--o)}.lender-card p{font-size:7px;color:#888;line-height:1.5}.provenance-card h3{margin:10px 0 18px}.prov-row{display:flex;justify-content:space-between;border-top:1px solid #494949;padding:10px 0;font-size:7px}.prov-row b{color:var(--o)}.prov-row span{color:#888}.workspace-head{padding:45px 30px}.workspace-head p{color:#999}.full-chart{min-height:430px;padding:35px}.full-chart #bars{height:330px;display:flex;align-items:flex-end;gap:30px;border-bottom:1px solid #666}.fullbar{flex:1;background:#4b4b4b;position:relative}.fullbar:last-child{background:var(--o)}.fullbar b{position:absolute;top:-32px;left:50%;transform:translateX(-50%);font-size:15px}.fullbar span{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);font-size:9px;color:#999}.lender-workspace{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.big-number{padding:35px}.big-number span,.big-number small{font-size:8px;color:#999;letter-spacing:.1em}.big-number strong{display:block;font-size:70px;color:var(--o);margin:20px 0}.method{margin:22px;padding:32px;display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.method-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.method p{font-size:9px;color:#aaa;line-height:1.6}.method b{color:#ddd}
@media(max-width:1050px){.shell{grid-template-columns:78px 1fr}.sidebar{padding-left:8px;padding-right:8px}.logo b,.side-label,.nav-item b{display:none}.map-layout{grid-template-columns:1fr}.kpi-rail{grid-template-columns:repeat(4,1fr)}.lower-grid{grid-template-columns:1fr 1fr}.provenance-card{grid-column:1/-1}.method{grid-template-columns:1fr}.commandbar{overflow:auto}.updated{min-width:150px}}
@media(max-width:700px){.shell{display:block}.sidebar{height:58px;position:sticky;top:0;flex-direction:row;align-items:center;padding:7px 12px;border-right:0;border-bottom:1px solid #444}.logo{flex-direction:row}.logo-mark{width:34px;height:34px}.sidebar nav{display:flex;margin-left:auto}.nav-item{padding:7px 12px}.nav-item span{font-size:16px;margin:0}.side-bottom{display:none}.topbar{height:auto;padding:18px;align-items:flex-start}.verified{display:none}.commandbar{padding:0}.control{min-width:145px}.control.source,.updated{display:none}.view{padding:12px}.map-stage{height:330px}.layer-stack{display:none}.map-lock{left:12px;right:12px;bottom:12px}.kpi-rail{grid-template-columns:1fr 1fr}.lower-grid{grid-template-columns:1fr}.provenance-card{grid-column:auto}.method{margin:12px;padding:22px}.method-cols{grid-template-columns:1fr}.lender-workspace{grid-template-columns:1fr}.map-foot{display:block}.map-foot a{display:block;margin-top:8px}}

/* CODE-002.1 — interaction and visual refinement */
.map-panel{position:relative;overflow:hidden}
.map-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,125,0,.025),transparent 32%,transparent 70%,rgba(255,255,255,.018))}
.map-tools{position:absolute;z-index:4;left:18px;top:18px;display:flex;background:#202020;border:1px solid #474747;padding:3px}
.tool{border:0;border-right:1px solid #414141;background:transparent;color:#777;padding:7px 10px;font-size:6px;letter-spacing:.13em;font-weight:900;cursor:pointer}
.tool:last-child{border-right:0}.tool.active{background:#383838;color:var(--o)}
.intelligence-readout{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #444;background:#2b2b2b}
.intelligence-readout>div{padding:11px 18px;border-right:1px solid #444}.intelligence-readout>div:last-child{border-right:0}
.intelligence-readout small{display:block;font-size:6px;letter-spacing:.13em;color:#74746f;margin-bottom:5px}
.intelligence-readout b{font-size:8px;color:#c8c8c3}.intelligence-readout .pending-text{color:#d18a4c}
.analysis-strip{height:40px;display:flex;align-items:center;gap:4px;margin-top:16px;border:1px solid #444;background:#292929;padding:4px 6px}
.analysis-strip>span{font-size:6px;letter-spacing:.15em;color:#6f6f6a;padding:0 12px}
.analysis-tab{height:30px;border:0;background:transparent;color:#777;font-size:6px;font-weight:900;letter-spacing:.1em;padding:0 12px;cursor:pointer}
.analysis-tab.active{background:#383838;color:var(--o)}
.analysis-strip i{margin-left:auto;padding-right:10px;font-style:normal;font-size:6px;letter-spacing:.12em;color:#777}
.kpi{transition:transform .18s ease,border-color .18s ease,background .18s ease}.kpi:hover{transform:translateY(-2px);border-color:#62625f;background:#343434}
.nav-item,.tool,.analysis-tab{transition:background .15s ease,color .15s ease}
.hub{filter:drop-shadow(0 0 5px rgba(255,125,0,.5))}
@media(max-width:700px){
 .map-tools{left:10px;top:10px}.tool{padding:6px 8px}
 .intelligence-readout{grid-template-columns:1fr}.intelligence-readout>div{border-right:0;border-bottom:1px solid #414141}
 .analysis-strip{overflow:auto}.analysis-strip>span,.analysis-strip i{display:none}.analysis-tab{white-space:nowrap}
}

/* CODE-002.2 — Territory Intelligence System */
.control select{appearance:none;background:transparent;border:0;color:#ddd;font:inherit;font-size:10px;font-weight:800;min-width:135px;outline:none;cursor:pointer}.control select option{background:#292929;color:#ddd}
.inspector{position:absolute;z-index:6;right:18px;bottom:18px;width:275px;background:rgba(27,27,27,.96);border:1px solid #4c4c4c;border-top:2px solid var(--o);padding:15px;box-shadow:0 16px 35px rgba(0,0,0,.3);transition:transform .2s ease,opacity .2s ease}
.inspector.hidden{transform:translateX(120%);opacity:0;pointer-events:none}.inspector-head{display:flex;justify-content:space-between;align-items:center}.inspector-head button{background:transparent;border:0;color:#888;font-size:18px;cursor:pointer}.inspector h3{font-size:21px;margin:12px 0 16px}.state-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #414141;padding:9px 0;font-size:7px;color:#888}.state{font-style:normal;font-size:6px;letter-spacing:.1em;padding:5px 6px;border:1px solid}.pending-state{color:#df9958;border-color:#7f5935}.verified-state{color:#bfcdb9;border-color:#596954}.inspector p{font-size:8px;line-height:1.55;color:#999;margin:13px 0 0}
.layer-registry{margin-top:16px;padding:18px}.registry-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.registry-count{font-size:7px;color:#d18a4c;letter-spacing:.1em}.registry-table{border-top:1px solid #4a4a4a}.registry-row{display:grid;grid-template-columns:1.2fr .8fr .6fr 1fr;align-items:center;gap:16px;border-bottom:1px solid #414141;padding:11px 4px;font-size:8px;color:#999}.registry-row.head{font-size:6px;letter-spacing:.12em;color:#686863}.registry-row b{color:#d2d2cd}.registry-row .state{justify-self:start}
.context-flash{animation:contextFlash .45s ease}@keyframes contextFlash{0%{box-shadow:inset 0 0 0 1px var(--o)}100%{box-shadow:none}}
@media(max-width:700px){.inspector{left:10px;right:10px;bottom:10px;width:auto}.registry-row{grid-template-columns:1fr .8fr}.registry-row>*:nth-child(4),.registry-row.head>*:nth-child(4){display:none}.layer-registry{padding:14px}.control select{min-width:110px}}

/* CODE-004 — Product Surface */
:root{--surface:#272727;--surface-hi:#323232}
body{background:radial-gradient(circle at 70% 0,#30302f 0,#242424 36%,#202020 100%)}
.topbar{background:linear-gradient(90deg,#292929,#30302f)}.topbar h1{font-weight:800}
.intel-ribbon{height:54px;display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) 1.25fr;border-bottom:1px solid #444;background:#222}
.intel-ribbon>div{padding:10px 16px;border-right:1px solid #3d3d3d;display:flex;flex-direction:column;justify-content:center}
.intel-ribbon small{font-size:6px;letter-spacing:.14em;color:#6f6f6a}.intel-ribbon b{font-size:9px;margin-top:4px}.orange-text{color:var(--o)}
.intel-ribbon .ribbon-mark{align-items:flex-end}.ribbon-mark span{font-size:15px;font-weight:900;letter-spacing:.08em;color:var(--o)}.ribbon-mark small{margin-top:2px}
.map-panel{background:linear-gradient(145deg,#303030,#2c2c2c)}.map-panel:before{content:"203KPR / PR";position:absolute;right:22px;top:68px;font-size:7px;letter-spacing:.18em;color:#555;z-index:2}
.map-sub{font-size:8px;color:#777;margin:8px 0 0;letter-spacing:.04em}.map-coordinate{position:absolute;z-index:4;right:18px;top:18px;font-size:7px;color:#777;letter-spacing:.12em}.map-coordinate i{display:inline-block;width:18px;height:1px;background:var(--o);vertical-align:middle;margin:0 7px}.map-coordinate span{margin-left:12px;color:#999}
.map-stage{background:radial-gradient(ellipse at center,#333 0,#292929 62%,#242424 100%)}.island{fill:#494947;stroke:#8a8a84;stroke-width:1.5}.interior{stroke:#73736f;opacity:.5}.island-shadow{fill:#171717;opacity:.75}.hub{animation:pulse 2.8s infinite}@keyframes pulse{0%,100%{filter:drop-shadow(0 0 3px rgba(255,125,0,.3))}50%{filter:drop-shadow(0 0 9px rgba(255,125,0,.8))}}
.kpi{background:linear-gradient(145deg,#333,#2e2e2e)}.kpi strong{font-size:38px}.pending-kpi{background:repeating-linear-gradient(135deg,#303030,#303030 8px,#2d2d2d 8px,#2d2d2d 16px)}
.lower-grid>.panel,.layer-registry{background:linear-gradient(145deg,#313131,#2c2c2c)}
.product-footer{margin:22px;padding:24px 6px 12px;border-top:1px solid #424242;display:flex;justify-content:space-between;color:#666;font-size:7px;letter-spacing:.08em}.product-footer div:first-child{display:flex;gap:15px}.product-footer b{color:var(--o);font-size:10px}
@media(max-width:900px){.intel-ribbon{grid-template-columns:repeat(4,1fr)}.intel-ribbon .ribbon-mark{display:none}}
@media(max-width:700px){.intel-ribbon{height:auto;grid-template-columns:1fr 1fr}.intel-ribbon>div{min-height:48px}.map-coordinate{display:none}.product-footer{display:block}.product-footer div:last-child{margin-top:10px}}

/* CODE-004.1 — polish, accessibility, release states */
.skip-link{position:fixed;left:12px;top:-60px;z-index:999;background:var(--o);color:#111;padding:10px 14px;font-size:10px;font-weight:900;text-decoration:none}.skip-link:focus{top:12px}
button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--o);outline-offset:2px}
.system-notice{margin:12px 22px 0;padding:10px 14px;border:1px solid #865d39;background:#382c22;color:#e7b27f;font-size:8px;letter-spacing:.05em}
.visual-legend{position:absolute;z-index:4;left:18px;bottom:18px;display:flex;gap:13px;align-items:center;background:rgba(28,28,28,.92);border:1px solid #444;padding:8px 10px}
.visual-legend span{display:flex;align-items:center;gap:5px;font-size:6px;color:#888;white-space:nowrap}.visual-legend i{width:7px;height:7px;border-radius:50%}.legend-orange{background:var(--o)}.legend-gray{background:#666}.visual-legend b{font-size:5px;color:#d39154;border:1px solid #755438;padding:2px 3px}
.panel,.kpi,.control{border-color:#464644}.panel-head h2{letter-spacing:-.045em}
@media(max-width:700px){.visual-legend{left:10px;right:10px;bottom:82px;overflow:auto}.map-lock{bottom:12px}.map-stage{height:380px}.kpi strong{font-size:32px}.intel-ribbon>div{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* CODE-004.2 — MOBILE ONLY. Desktop baseline intentionally unchanged. */
@media(max-width:700px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  .sidebar{padding-top:max(7px,env(safe-area-inset-top))}
  .view{padding:10px}.topbar{padding:15px 14px}.topbar h1{font-size:20px}
  .commandbar{min-height:58px}.control{min-width:132px;padding:10px 12px}
  .intel-ribbon>div{min-height:44px;padding:8px 11px}
  .map-panel{min-height:0}.panel-head{padding:16px 16px 10px}.panel-head h2{font-size:30px}
  .map-sub{line-height:1.45}.map-stage{height:340px}
  .map-lock{left:10px;right:10px;bottom:10px;padding:10px 12px}
  .visual-legend{bottom:72px;padding:6px 8px;gap:9px}.visual-legend span{font-size:5.5px}
  .intelligence-readout>div{padding:9px 13px}.kpi-rail{gap:8px}.kpi{padding:13px 14px}
  .kpi strong{margin:5px 0;font-size:30px}.analysis-strip{margin-top:10px}
  .lower-grid{gap:10px;margin-top:10px}.lower-grid>.panel{min-height:0;padding:14px}
  .layer-registry{margin-top:10px;padding:12px}.registry-head{margin-bottom:10px}
  .registry-row{grid-template-columns:1fr auto;gap:8px;padding:9px 2px}
  .registry-row.head span:nth-child(2),.registry-row>span:nth-child(2),.registry-row>*:nth-child(4){display:none}
  .registry-row .state{justify-self:end}
  .method{margin:10px;padding:18px;gap:18px}.method-cols{gap:12px}

  .sidebar nav{gap:2px}.nav-item{min-width:58px;padding:5px 7px;font-size:7px}
  .nav-item b{display:block;font-size:6px;margin-top:2px}.nav-item span{font-size:14px}

  .inspector{
    position:fixed;z-index:100;left:8px;right:8px;top:auto;
    bottom:calc(8px + env(safe-area-inset-bottom));width:auto;
    max-height:min(58vh,430px);overflow:auto;
    padding:14px 15px calc(14px + env(safe-area-inset-bottom));
    border-radius:14px 14px 10px 10px;border-top:2px solid var(--o);
    box-shadow:0 -14px 38px rgba(0,0,0,.42);-webkit-overflow-scrolling:touch;
  }
  .inspector:before{content:"";display:block;width:38px;height:3px;border-radius:3px;background:#666;margin:-5px auto 10px}
  .inspector.hidden{transform:translateY(calc(100% + 40px));opacity:0}
  .inspector-head{position:sticky;top:-14px;background:rgba(27,27,27,.98);padding:8px 0 6px;z-index:2}
  .inspector-head button{min-width:34px;min-height:34px}
  .inspector h3{font-size:19px;margin:9px 0 12px}.state-row{padding:8px 0}.inspector p{margin-bottom:2px}
  .product-footer{margin:10px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
}

/* RR-001.3A — representation / release metadata only */
.independence-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;line-height:1.55;color:var(--muted)}
.independence-note b{color:var(--text)}
.independence-note span{display:block;margin-top:5px;color:var(--muted)}
.product-footer>div:last-child{text-align:right;line-height:1.45}
@media(max-width:700px){
  .independence-note{font-size:10px}
  .product-footer>div:last-child{text-align:left}
}
