#srt-app{font-family:Arial,sans-serif;color:#17202a;background:#fff;display:grid;grid-template-columns:250px minmax(0,1fr);min-height:760px;border:1px solid #e1e5e8}
#srt-app *{box-sizing:border-box}.srt-sidebar{background:#fff;border-right:1px solid #dfe4e8;padding:24px 18px;position:sticky;top:0;align-self:start;min-height:760px}.srt-brand{font-size:20px;font-weight:800;line-height:1.2}.srt-subbrand{font-size:12px;color:#65727e;margin:8px 0 22px}.srt-nav{display:grid;gap:6px}.srt-nav-btn,.srt-action,.srt-small-btn,.srt-chip,.srt-tour-actions button{font:inherit;border:1px solid #d8dee3;background:#fff;color:#17202a;border-radius:6px;cursor:pointer}.srt-nav-btn{padding:11px 12px;text-align:left}.srt-nav-btn:hover,.srt-nav-btn.active{background:#eef5f6;border-color:#7ba8aa}.srt-side-actions{margin-top:24px;display:grid;gap:8px}.srt-action{padding:11px}.srt-action.primary,.srt-tour-actions .primary{background:#123f43;color:#fff;border-color:#123f43}.srt-main{min-width:0;padding:0 26px 36px}.srt-topbar{display:flex;justify-content:space-between;gap:18px;padding:24px 0 16px;border-bottom:1px solid #e3e7ea}.srt-topbar h1{margin:0;font-size:32px;line-height:1.15}.srt-topbar p{margin:8px 0 0;color:#5d6871}.srt-small-btn{padding:9px 12px}.srt-filterbar{display:flex;flex-wrap:wrap;gap:16px;padding:14px 0;position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #eef1f3}.srt-filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.srt-filter-group>span{font-size:12px;font-weight:700;color:#67717b;margin-right:4px}.srt-chip{padding:7px 9px;font-size:12px}.srt-chip.active{background:#123f43;color:#fff;border-color:#123f43}.srt-view{display:none;padding-top:18px}.srt-view.active{display:block}.srt-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.srt-kpi{border:1px solid #dfe4e8;border-radius:8px;padding:14px;background:#fff}.srt-kpi .label{font-size:12px;color:#69747d}.srt-kpi .value{font-size:26px;font-weight:800;margin-top:6px}.srt-kpi .sub{font-size:11px;color:#7b858d;margin-top:3px}.srt-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.srt-card{border:1px solid #dfe4e8;border-radius:9px;background:#fff;padding:17px;margin-bottom:16px}.srt-card-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.srt-card-head h2{font-size:19px;margin:0}.srt-card-head span{font-size:11px;color:#7a858f}.srt-bar-chart{display:grid;gap:10px}.srt-bar-row{display:grid;grid-template-columns:145px 1fr 70px;gap:10px;align-items:center;font-size:12px}.srt-bar-track{height:15px;background:#eef1f3;border-radius:999px;overflow:hidden}.srt-bar-fill{height:100%;background:#416d72}.srt-bar-fill.wind{background:#6d7f9b}.srt-bar-fill.hybrid{background:#7e6d8d}.srt-bar-value{text-align:right;font-weight:700}.srt-line-chart svg{width:100%;height:auto;display:block}.srt-axis{stroke:#cfd6dc;stroke-width:1}.srt-line{fill:none;stroke:#315d62;stroke-width:3}.srt-line2{fill:none;stroke:#7a6b8e;stroke-width:3}.srt-point{fill:#315d62}.srt-chart-label{font-size:10px;fill:#66717b}.srt-gauge{margin:12px 0}.srt-gauge-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.srt-gauge-track{height:20px;background:#edf1f3;border-radius:999px;overflow:hidden;position:relative}.srt-gauge-fill{height:100%;background:#315d62}.srt-target-marker{position:absolute;top:0;bottom:0;width:2px;background:#111}.srt-progress-stack{display:grid;gap:16px}.srt-map-wrap{position:relative}.srt-map-wrap svg{width:100%;height:auto;background:#f8fafb;border-radius:8px}.srt-saudi-shape{fill:#edf2ef;stroke:#879690;stroke-width:2}.srt-map-label{font-size:28px;font-weight:700;fill:#c2ccc7}.srt-marker{cursor:pointer;stroke:#fff;stroke-width:2}.srt-marker.solar{fill:#c79b36}.srt-marker.wind{fill:#5c7fa6}.srt-marker.hybrid{fill:#806d8f}.srt-map-legend{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;color:#68737c;margin-top:8px}.solar-dot,.wind-dot,.hybrid-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.solar-dot{background:#c79b36}.wind-dot{background:#5c7fa6}.hybrid-dot{background:#806d8f}.srt-table-tools{display:flex;gap:10px;margin-bottom:12px}.srt-table-tools input,.srt-table-tools select,.srt-wide-select{font:inherit;border:1px solid #ccd4da;border-radius:6px;padding:10px;background:#fff}.srt-table-tools input{flex:1}.srt-table-scroll{overflow:auto;max-width:100%}.srt-table{width:100%;border-collapse:collapse;font-size:12px}.srt-table th,.srt-table td{padding:10px;border-bottom:1px solid #e7ebee;text-align:left;vertical-align:top}.srt-table th{position:sticky;top:0;background:#f7f9fa;z-index:1}.srt-table tbody tr{cursor:pointer}.srt-table tbody tr:hover{background:#f6faf9}.srt-status-pill{display:inline-block;padding:4px 7px;border-radius:999px;background:#eef3f4}.srt-insight,.srt-body{line-height:1.55;color:#34414a}.srt-facilitator-note{display:none;border-left:4px solid #7d6b8e;background:#f6f2f8;padding:13px 15px;margin:12px 0 16px;line-height:1.5}.srt-app.facilitator .srt-facilitator-note{display:block}.srt-chain{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:18px}.srt-chain-step{border:1px solid #dce3e6;border-radius:8px;padding:12px;min-height:100px;position:relative}.srt-chain-step:not(:last-child):after{content:'→';position:absolute;right:-12px;top:38%;font-size:20px;color:#819098}.srt-chain-step .n{font-size:10px;color:#7a858f}.srt-chain-step strong{display:block;margin:5px 0 6px}.srt-source-list{display:grid;gap:12px}.srt-source{border-bottom:1px solid #e5e9ec;padding-bottom:12px}.srt-source p{margin:5px 0 8px;line-height:1.5}.srt-source a{color:#315d62;font-weight:700}.srt-data-note{margin-top:16px;padding:12px;background:#f5f7f8;border-radius:6px;line-height:1.45}.srt-drawer{position:fixed;right:-460px;top:0;width:min(440px,92vw);height:100%;background:#fff;border-left:1px solid #dbe1e5;box-shadow:-8px 0 24px rgba(0,0,0,.08);z-index:99999;padding:26px;overflow:auto;transition:right .25s ease}.srt-drawer.open{right:0}.srt-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.srt-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.srt-detail-item{background:#f6f8f9;padding:10px;border-radius:6px}.srt-detail-item small{display:block;color:#74808a;margin-bottom:3px}.srt-tour{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100000;align-items:center;justify-content:center;padding:20px}.srt-tour.open{display:flex}.srt-tour-card{width:min(520px,92vw);background:#fff;border-radius:10px;padding:24px}.srt-tour-step{font-size:11px;font-weight:700;color:#68747c}.srt-tour-card h3{margin:6px 0 8px}.srt-tour-card p{line-height:1.5}.srt-tour-actions{display:flex;justify-content:flex-end;gap:8px}.srt-tour-actions button{padding:9px 12px}.srt-wide-select{width:100%;max-width:560px}
@media(max-width:1000px){#srt-app{grid-template-columns:1fr}.srt-sidebar{position:relative;min-height:auto;border-right:0;border-bottom:1px solid #dfe4e8}.srt-nav{grid-template-columns:repeat(4,1fr)}.srt-kpis{grid-template-columns:repeat(3,1fr)}.srt-chain{grid-template-columns:repeat(3,1fr)}.srt-chain-step:after{display:none}}
@media(max-width:700px){.srt-main{padding:0 14px 24px}.srt-topbar{display:block}.srt-topbar h1{font-size:25px}.srt-nav{grid-template-columns:1fr 1fr}.srt-kpis{grid-template-columns:1fr 1fr}.srt-grid.two{grid-template-columns:1fr}.srt-chain{grid-template-columns:1fr}.srt-bar-row{grid-template-columns:110px 1fr 55px}.srt-filterbar{position:relative}.srt-table-tools{display:grid}.srt-detail-grid{grid-template-columns:1fr}}

/* V1.0.1: strong Eduma/LearnPress menu contrast overrides */
#srt-app .srt-sidebar{background:#ffffff !important;color:#17202a !important;}
#srt-app .srt-sidebar .srt-brand,#srt-app .srt-sidebar .srt-subbrand{color:#17202a !important;}
#srt-app .srt-sidebar .srt-subbrand{color:#65727e !important;}
#srt-app .srt-sidebar .srt-nav .srt-nav-btn{
  display:block !important;width:100% !important;background:#ffffff !important;color:#17202a !important;
  border:1px solid #d8dee3 !important;box-shadow:none !important;text-shadow:none !important;
  opacity:1 !important;-webkit-text-fill-color:#17202a !important;
}
#srt-app .srt-sidebar .srt-nav .srt-nav-btn:hover,
#srt-app .srt-sidebar .srt-nav .srt-nav-btn:focus{background:#f3f7f7 !important;color:#17202a !important;border-color:#7ba8aa !important;}
#srt-app .srt-sidebar .srt-nav .srt-nav-btn.active{background:#e7f0f1 !important;color:#123f43 !important;border-color:#7ba8aa !important;font-weight:700 !important;}
#srt-app .srt-sidebar .srt-side-actions .srt-action{background:#ffffff !important;color:#17202a !important;border-color:#d8dee3 !important;}
#srt-app .srt-sidebar .srt-side-actions .srt-action.primary{background:#123f43 !important;color:#ffffff !important;border-color:#123f43 !important;-webkit-text-fill-color:#ffffff !important;}

/* V1.0.2 reconciliation controls */
#srt-app .srt-baseline-line{font-family:Arial,sans-serif;font-size:12px;color:#3d4650;background:#fff;border:1px solid #e2e6ea;border-radius:8px;padding:9px 12px;margin:0 0 12px 0;}
#srt-app .srt-reconcile-box{font-family:Arial,sans-serif;font-size:15px;line-height:1.5;background:#fff;border:1px solid #d9dee3;border-radius:8px;padding:16px;margin:8px 0 14px;}
#srt-app .srt-status-ok{color:#216b42;}
#srt-app .srt-status-warn{color:#9a4d00;}

/* V1.1 Data Governance */
#srt-app .srt-admin-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0 18px}#srt-app .srt-admin-kpi{border:1px solid #dfe4e8;border-radius:7px;padding:11px;background:#fff}#srt-app .srt-admin-kpi span{display:block;font-size:11px;color:#6c7780}#srt-app .srt-admin-kpi strong{display:block;font-size:20px;margin-top:4px}#srt-app .srt-exception-list{display:grid;gap:8px;margin-bottom:14px}#srt-app .srt-exception{padding:10px 12px;border-radius:6px;border:1px solid #dfe4e8;font-size:12px}#srt-app .srt-exception.ok{background:#f2f8f4}#srt-app .srt-exception.warn{background:#fff6ed}@media(max-width:800px){#srt-app .srt-admin-kpis{grid-template-columns:1fr 1fr}}

/* V1.2 Scenario Simulator */
#srt-app .srt-scenario-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}#srt-app .srt-preset{font:inherit;padding:8px 11px;border:1px solid #d8dee3;background:#fff;color:#17202a;border-radius:6px;cursor:pointer}#srt-app .srt-preset.active{background:#123f43;color:#fff;border-color:#123f43}#srt-app .srt-scenario-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:22px}#srt-app .srt-controls{display:grid;gap:13px}#srt-app .srt-controls label{font-size:12px;font-weight:700;border-bottom:1px solid #edf0f2;padding-bottom:9px}#srt-app .srt-controls label strong{float:right}#srt-app .srt-controls input{width:100%;margin-top:8px}#srt-app .srt-scenario-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}#srt-app .srt-scenario-kpi{border:1px solid #dfe4e8;border-radius:7px;padding:12px}#srt-app .srt-scenario-kpi span{display:block;font-size:11px;color:#6b7680}#srt-app .srt-scenario-kpi strong{display:block;font-size:19px;margin-top:4px}#srt-app .srt-scenario-assessment{margin-top:14px;padding:13px;background:#f4f7f7;border-radius:7px;line-height:1.5}@media(max-width:850px){#srt-app .srt-scenario-grid{grid-template-columns:1fr}}


/* V1.3 Demand model + Grid Integration */
#srt-app .srt-grid-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
#srt-app .srt-grid-kpi{border:1px solid #dfe4e8;border-radius:8px;padding:12px;background:#fff}
#srt-app .srt-grid-kpi span{display:block;font-size:11px;color:#68747c}
#srt-app .srt-grid-kpi strong{display:block;font-size:21px;margin:5px 0}
#srt-app .srt-grid-kpi em{font-style:normal;font-size:10px;font-weight:700;text-transform:uppercase}
#srt-app .srt-grid-kpi em.strong,#srt-app .srt-grid-kpi em.stable{color:#216b42}
#srt-app .srt-grid-kpi em.watch{color:#8b6508}
#srt-app .srt-grid-kpi em.weak,#srt-app .srt-grid-kpi em.critical{color:#9a342d}
#srt-app .srt-grid-chain{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
#srt-app .srt-grid-node{border:1px solid #dce3e6;border-radius:8px;padding:13px;min-height:105px;position:relative;background:#fff}
#srt-app .srt-grid-node:not(:last-child):after{content:'→';position:absolute;right:-13px;top:40%;font-size:20px;color:#819098;z-index:2}
#srt-app .srt-grid-node small{display:block;font-size:9px;color:#7a858f}
#srt-app .srt-grid-node strong{display:block;margin:6px 0}
#srt-app .srt-grid-node span{font-size:11px;line-height:1.4;color:#4f5b64}
#srt-app .srt-grid-node.strong{border-top:4px solid #4f8a65}
#srt-app .srt-grid-node.watch{border-top:4px solid #b48b2c}
#srt-app .srt-grid-node.critical{border-top:4px solid #a9534b}
#srt-app .srt-grid-actions{display:grid;gap:10px}
#srt-app .srt-grid-action{border:1px solid #e0e5e8;border-radius:7px;padding:12px;background:#fafbfb}
#srt-app .srt-grid-action p{margin:5px 0 0;line-height:1.5;font-size:12px;color:#45515a}
@media(max-width:1000px){#srt-app .srt-grid-kpis{grid-template-columns:repeat(3,1fr)}#srt-app .srt-grid-chain{grid-template-columns:1fr 1fr}#srt-app .srt-grid-node:after{display:none}}
@media(max-width:700px){#srt-app .srt-grid-kpis{grid-template-columns:1fr 1fr}#srt-app .srt-grid-chain{grid-template-columns:1fr}}

/* V1.4 Project Economics */
#srt-app .srt-econ-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(380px,1.2fr);gap:22px}
#srt-app .srt-cost-bridge{margin-top:16px;border-top:1px solid #e5e9ec;padding-top:10px}
#srt-app .srt-cost-row{display:grid;grid-template-columns:150px 1fr 90px;gap:10px;align-items:center;margin:9px 0;font-size:11px}
#srt-app .srt-cost-row>div{height:10px;background:#edf1f2;border-radius:5px;overflow:hidden}
#srt-app .srt-cost-row i{display:block;height:100%;background:#547f82;border-radius:5px}
#srt-app .srt-cost-row b{text-align:right}
@media(max-width:850px){#srt-app .srt-econ-grid{grid-template-columns:1fr}#srt-app .srt-cost-row{grid-template-columns:115px 1fr 80px}}
/* V1.4.1 facilitator instructions */
#srt-app .srt-instruction-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
#srt-app .srt-instruction-list .srt-card{margin:0}
#srt-app .srt-instruction-list h3{margin:0 0 10px;font-size:17px;line-height:1.35}
#srt-app .srt-instruction-list p{margin:7px 0;line-height:1.55}
@media(max-width:900px){#srt-app .srt-instruction-list{grid-template-columns:1fr}}

#srt-app .srt-controls label small{display:block;clear:both;margin-top:5px;font-size:10px;line-height:1.4;font-weight:400;color:#6f7a83}
#srt-app .srt-grid-optimise{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);gap:22px;align-items:start}
#srt-app .srt-transition-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:15px}
#srt-app .srt-transition-summary>div{border:1px solid #dfe4e8;border-radius:7px;padding:10px;background:#f8faf9}
#srt-app .srt-transition-summary span{display:block;font-size:10px;color:#6d7881}
#srt-app .srt-transition-summary strong{display:block;font-size:14px;margin-top:4px}
#srt-app .srt-chain-step.strong{border-top:4px solid #4f8a65}#srt-app .srt-chain-step.watch{border-top:4px solid #b48b2c}#srt-app .srt-chain-step.critical{border-top:4px solid #a9534b}
#srt-app .srt-chain-step span{font-size:11px;line-height:1.45;color:#4f5b64}
@media(max-width:1000px){#srt-app .srt-grid-optimise{grid-template-columns:1fr}#srt-app .srt-transition-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){#srt-app .srt-transition-summary{grid-template-columns:1fr 1fr}}
.srt-grid-kpi small{display:block;margin-top:8px;line-height:1.35;color:#5d6875;font-size:12px}.srt-grid-kpi small b{color:#263746}
/* v1.4.5 grid-readiness causal flow */
.srt-readiness-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:stretch;margin:0 0 18px}.srt-readiness-stage{border:1px solid #d9e0e6;border-radius:10px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:5px}.srt-readiness-stage small{font-weight:700;letter-spacing:.04em}.srt-readiness-stage strong{font-size:1.65rem}.srt-readiness-stage span{font-size:.84rem;line-height:1.4}.srt-readiness-arrow{display:flex;align-items:center;font-size:1.6rem;font-weight:700}@media(max-width:760px){.srt-readiness-flow{grid-template-columns:1fr}.srt-readiness-arrow{justify-content:center;transform:rotate(90deg)}}
