:root{--bg:#17212a;--panel:#202b35;--line:#4A5B70;--text:#eef1f3;--muted:#9BA0A2;--cyan:#8392A5;--amber:#E2736B;--blue:#4A5B70;--red:#C00000;--violet:#70777A}
html,body,body{background:var(--bg)}
.brand{width:auto;height:auto;overflow:visible;background:transparent;padding:0;color:#eef1f3;font-size:.75rem;font-weight:700;letter-spacing:.16em}
header{border-bottom-color:#4A5B70}
.environment-switch button{border-color:#52595C;background:#202b35;color:#9BA0A2}
.environment-switch button.active{border-color:#8392A5;color:#eef1f3;background:#4A5B70}
.status{color:#9BA0A2}.status i,.audit-title i{background:#8392A5;box-shadow:0 0 9px #8392A5}
.world{border-color:#4A5B70;background:#52595C}.world:before{background:linear-gradient(#4A5B7030,#52595C45),url('petrochemical-site-map.png') center/cover no-repeat;filter:grayscale(1) contrast(.88) brightness(.78)}
.legend{color:#EEF1F3;background:#17212af2;border-color:#8392A5;font-size:.62rem}.legend i{width:7px;height:7px;border:1px solid #EEF1F3}.role-field{background:#4A5B70}.role-care{background:#C00000}.role-lead{background:#EEF1F3}.role-expert{background:#8392A5}
.safe-label{border-color:#8392A5;background:#17212aeb}.safe-label small{color:#eef1f3}.safe-label span{color:#9BA0A2}
aside{border-color:#4A5B70;background:#202b35}.aside-head small{color:#B1BBC8}.aside-head button{border-color:#8392A5;color:#B1BBC8}
.audit,.governance-card,.controls,.trend-open{border-color:#8392A5;background:#17212a}.audit-title{border-bottom-color:#8392A5;color:#B1BBC8;font-size:.56rem}.audit li{border-bottom-color:#70777A}.audit time{color:#B1BBC8}.audit b{color:#B1BBC8;font-size:.49rem}.audit b.exception,.audit b.capacity{color:#E2736B}.audit b.macro{color:#EEF1F3}.audit b.deploy,.audit b.deficit{color:#E2736B}.audit p{color:#EEF1F3;font-size:.56rem}
.observation-trail,.explanation{background:#27333e;border-left-color:#B1BBC8}.observation-title{color:#B1BBC8;font-size:.54rem}.observation-trail li{border-top-color:#8392A5}.observation-trail li:not(:first-child){opacity:.68}.observation-trail strong{color:#EEF1F3}.observation-trail p{color:#D8DEE4;font-size:.56rem}
.meso-card{border-top-color:#E2736B}.meso-card small{color:#E2736B}.macro-card{border-top-color:#B1BBC8}.macro-card>small{color:#B1BBC8}.governance-card p{color:#D8DEE4;font-size:.56rem}.counts,.pattern-pipeline,.next-action{border-color:#8392A5}.counts span,.pattern-pipeline span{color:#B1BBC8}.next-action small{color:#B1BBC8}.next-action span{color:#EEF1F3;font-size:.52rem}
.metrics div{border-color:#8392A5}.metrics small{color:#B1BBC8;font-size:.48rem}.controls{border-color:#8392A5}.controls label{color:#EEF1F3;font-size:.62rem}.controls output{color:#EEF1F3}.controls input{accent-color:#8392A5}
.trend-open{color:#B1BBC8}.trend-open span{color:#E2736B}.trend-open:hover,.trend-open:focus-visible{border-color:#8392A5;color:#fff}
.trend-panel{border-color:#8392A5;background:#17212a}.trend-panel>header,.trend-panel>footer{border-color:#8392A5}.trend-panel>header small{color:#B1BBC8}.trend-panel>header p{color:#B1BBC8}.trend-panel>header p b{color:#eef1f3}.trend-panel>header button{border-color:#B1BBC8;color:#EEF1F3}.trajectory-summary div{border-color:#8392A5;background:#202b35}.trajectory-summary small,.trajectory-summary span{color:#B1BBC8}.trajectory-row{border-color:#4A5B70}.trajectory-label small{color:#B1BBC8}.trajectory-label strong{color:#EEF1F3}.trajectory-functions{color:#B1BBC8}.trajectory-grid{stroke:#52595C}.trajectory-pressure{stroke:#B1BBC8}.trajectory-required{stroke:#E2736B}.trajectory-capability{stroke:#8392A5}.trajectory-end{fill:#8392A5}.trajectory-score{border-color:#8392A5}.trajectory-score div span{color:#eef1f3}.trajectory-score small{color:#B1BBC8}.trajectory-score b{color:#B1BBC8}.trajectory-score.strained b{color:#E2736B}.trajectory-score.exposed b,.trajectory-score.exposed strong{color:#E2736B}.trend-panel>footer{color:#B1BBC8}.capability-key{background:#8392A5}.required-key{background:#E2736B}.pressure-key{border-color:#B1BBC8}
.tablet{background:linear-gradient(145deg,#27333e,#17212a);border-color:#52595C}.tablet>header,.tablet>footer{border-color:#4A5B70}.tablet>section div{border-color:#4A5B70;background:#202b35}