:root{--bg:#f4f6ef;--paper:#fff;--ink:#20392c;--muted:#6f7e64;--green:#365c42;--deep:#173d30;--lime:#d8edaa;--line:#e1e7d8;--amber:#a58239;--font:Inter,"Segoe UI",Arial,sans-serif;--radius:11px}*{box-sizing:border-box}[hidden]{display:none!important}html{height:100%;overscroll-behavior:none}body{margin:0;height:100vh;height:100dvh;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.45;display:flex;flex-direction:column}button,input,select{font:inherit}button,select{cursor:pointer}button{transition:background .15s}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.5px}h3{font-size:13px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #85a767;outline-offset:2px}input,select{max-width:100%}.topbar{height:62px;min-height:62px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;padding-top:env(safe-area-inset-top);flex-shrink:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-1px;line-height:1.05;white-space:nowrap}.brandmark{display:grid;place-items:center;width:33px;height:35px;background:var(--deep);color:var(--lime);border-radius:9px;font-size:32px;font-weight:400}.brand-dash{font-weight:400;color:#7d937c}.brand small{display:block;font-size:7px;letter-spacing:1.8px;color:#738268;font-weight:600;margin-top:5px}.main-tabs{display:flex;align-self:stretch;gap:8px;align-items:stretch}.main-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#7b8672;padding:0 17px;font-size:12px;font-weight:550;white-space:nowrap}.main-tabs button[aria-selected=true]{color:var(--deep);border-bottom-color:var(--green)}.main-tabs button:hover{background:#f7f9f2}.header-actions{display:flex;gap:10px;align-items:center}.private-badge{font-size:10px;color:#7a886a;white-space:nowrap}.settings-button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d6e0c9;background:#edf3e3;color:var(--deep);border-radius:7px;padding:8px 12px;min-height:36px;font-size:12px;font-weight:550}.settings-button:hover{background:#e4edda}.dirty-dot{width:6px;height:6px;border-radius:50%;background:#c4983e}.app-shell{flex:1;min-height:0;min-width:0;width:100%;max-width:1580px;margin:0 auto;padding:12px 20px 0;display:flex}main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.main-section{display:flex;flex-direction:column;gap:9px;flex:1;min-height:0;min-width:0;overflow:hidden}.workspace-heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:38px}.eyebrow{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:600;letter-spacing:1.3px;color:#778668}.workspace-heading h1,.section-title h2{font-size:22px;font-weight:550;line-height:1.2;margin-top:3px}.model-badge{font-size:9px;border:1px solid #dfdfc8;color:#887c4a;border-radius:5px;background:#f6f3e8;padding:4px 7px;white-space:nowrap}.system-strip{display:flex;justify-content:flex-start;align-items:center;gap:25px;min-height:26px;flex-shrink:0;color:#758364;font-size:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.system-strip span{display:flex;gap:5px;align-items:center;white-space:nowrap}.system-strip b{font-weight:550;color:#546b42}.system-strip small{font-size:9px;color:#899579}.system-strip i{font-style:normal;font-size:14px;color:#7e956b}.strip-last{margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex-shrink:0}.metric{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 13px;min-width:0}.metric>span{display:flex;justify-content:space-between;font-size:10px;color:#728361}.metric>span i{font-style:normal;font-size:12px;color:#8b9e77}.metric>div{display:flex;align-items:baseline;gap:5px;margin:3px 0 1px}.metric strong{font-size:27px;font-weight:500;letter-spacing:-.8px;line-height:1.1;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:#81906e}.metric p{font-size:9px;color:#7b896c;line-height:1.3}.metric-dark{background:var(--deep);border-color:var(--deep)}.metric-dark strong{color:#eef6df}.metric-dark>span,.metric-dark small,.metric-dark p{color:#c0d0ad}.metric-dark>span i{color:#c0d0ad}.sub-tabs{display:flex;gap:4px;align-items:center;background:#eaf0e2;border:1px solid #e0e7d5;border-radius:7px;padding:3px;min-height:35px;flex-shrink:0;max-width:100%;width:max-content}.sub-tabs button{border:0;background:transparent;padding:6px 16px;border-radius:5px;font-size:11px;font-weight:550;color:#748761;white-space:nowrap;min-height:28px;line-height:1.15}.sub-tabs button[aria-selected=true]{background:#fff;color:var(--deep);box-shadow:0 1px 3px #28442b12}.sub-tabs button:hover{color:var(--deep)}.view-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-shrink:0}.view-hint{font-size:10px;color:#7c8b6b}.replay-toolbar{display:flex;gap:13px;align-items:center;flex-shrink:0;min-height:35px}.replay-toolbar>div:first-child{min-width:144px}.replay-toolbar .eyebrow{font-size:7px;letter-spacing:1px}.replay-toolbar strong{font-size:11px;color:#526b40;font-variant-numeric:tabular-nums;display:block;margin-top:2px}.icon-button{flex-shrink:0;border:1px solid #dce4d2;background:#fff;color:var(--green);border-radius:50%;width:31px;height:31px;padding:0;font-size:12px;display:grid;place-items:center}.icon-button:hover{background:#edf3e6}.replay-toolbar>input{flex:1;min-width:30px}.replay-right{display:flex;gap:6px;align-items:center}.replay-right select{width:65px;font-size:10px;padding:6px 18px 6px 8px;min-height:30px}.replay-right>span{font-size:9px;color:#829371;white-space:nowrap}input[type=range]{accent-color:var(--green);width:100%;height:5px;margin:12px 0;display:block;cursor:pointer}select{appearance:none;background:#f9fbf5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4 3 3 3-3' fill='none' stroke='%237b857e' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;background-size:12px;border:1px solid var(--line);color:#405637;padding:9px 27px 9px 11px;border-radius:6px;width:100%;font-size:12px;min-height:38px}.sim-content{flex:1;min-height:0;min-width:0;display:flex;overflow:auto;border-radius:var(--radius);outline-offset:-3px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;overflow:hidden}.live-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;width:100%;min-height:220px}.power-card{display:flex;flex-direction:column;min-height:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 16px 7px;flex-shrink:0}.card-heading h2{font-size:14px;font-weight:600;letter-spacing:-.3px}.card-heading h3{font-size:13px;font-weight:600}.card-heading p{font-size:10px;color:#778969;margin-top:2px}.pill{font-size:10px;border-radius:5px;background:#edf3e6;color:#577b3b;padding:4px 7px;white-space:nowrap}.pill.mode-1{color:#8b6c29;background:#f6efdc}.pill.mode-2{color:#985e37;background:#faeee2}.mini-label{font-size:9px;color:#879574;letter-spacing:1px;border:1px solid var(--line);border-radius:4px;padding:4px 6px;white-space:nowrap}.flow-diagram{padding:0 10px;flex:1;min-height:90px;display:flex;align-items:center;justify-content:center}.flow-diagram svg{width:100%;height:100%;max-height:310px;display:block}.svg-label{fill:#5e744b;font-size:11px;letter-spacing:1px;font-family:var(--font)}.svg-number{fill:#3c5730;font-size:21px;font-weight:500;font-family:var(--font)}.svg-small{fill:#70845c;font-size:11px;font-family:var(--font)}.flow-line{stroke:#82a07a;stroke-width:1.2;fill:none;stroke-dasharray:4 5}.flow-line.moving{animation:flow 2s linear infinite}@keyframes flow{to{stroke-dashoffset:-36}}.flow-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #edf1e5;margin:0 16px;padding:9px 0;font-size:10px;color:#7d8c6c;flex-shrink:0}.flow-footer strong{font-size:11px;font-weight:550;color:#4d6e37;margin-left:4px}.load-chips{display:none}.loads-card{display:flex;flex-direction:column;min-height:0}.load-list{flex:1}#load-list{padding:0 16px;flex:1;display:flex;flex-direction:column;min-height:0;justify-content:center}.load-row{display:flex;align-items:center;gap:12px;flex:1;max-height:84px;min-height:44px;border-bottom:1px solid #edf0e6;padding:8px 0}.level{background:#f0f5e8;border:1px solid #e0e9d2;width:33px;height:33px;display:grid;place-items:center;color:#66864a;border-radius:7px;font-size:11px;font-weight:600;flex-shrink:0}.load-row.shed .level{background:#f6f0df;color:#967b37;border-color:#eae0c2}.load-row.idle .level{background:#f5f7ef;color:#93a080;border-color:#e7eddd}.load-info{flex:1;min-width:0}.load-info strong{display:block;font-size:12px;font-weight:550;color:#4d6a3a}.load-info small{display:block;font-size:10px;color:#7f8d6f;margin-top:2px}.load-status{display:flex;align-items:center;gap:5px;font-size:10px;color:#66804f;white-space:nowrap}.load-status.shed,.load-status.limited{color:#9e7e34}.load-status.idle{color:#879674}.load-watts{text-align:right;min-width:48px;font-size:13px;color:#476a33;font-variant-numeric:tabular-nums}.load-watts small{font-size:9px;color:#899a73;display:block}.load-legend{display:flex;gap:14px;padding:10px 16px;font-size:9px;color:#7d8d69;flex-shrink:0}.load-legend span{display:flex;align-items:center;gap:4px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.green{background:#65895b}.amber{background:#b7994b}.gray{background:#bcc7ac}.chart-card{display:none;flex-direction:column;width:100%;min-height:220px}.chart-legend{display:flex;gap:16px;align-items:center;font-size:10px;color:#6b8055;flex-wrap:wrap}.chart-legend span{display:flex;gap:5px;align-items:center}.line{width:16px;height:2px;display:inline-block}.green-line{background:#416841}.amber-line{height:0;border-top:2px dashed #b9984f}.square{width:8px;height:8px;background:#dce6c5}.chart-wrap{padding:0 10px;min-height:0;flex:1;display:flex}.chart-wrap svg{width:100%;height:100%;display:block;cursor:crosshair;touch-action:pan-y}.chart-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #edf1e5;margin:0 16px;font-size:10px;color:#7e8d6c;flex-shrink:0}.chart-bottom span{display:flex;gap:5px;align-items:center}.chart-bottom b{font-weight:550}.dashed{width:13px;border-top:1px dashed #ac9f6d;display:inline-block}#simulasi[data-view=grafik] .live-grid{display:none}#simulasi[data-view=grafik] .chart-card{display:flex}#simulasi[data-view=beban] .live-grid{grid-template-columns:1fr}#simulasi[data-view=beban] .power-card{display:none}#simulasi[data-view=beban] .load-row{max-height:100px}#simulasi[data-view=beban] .loads-card{max-width:1000px;width:100%;margin:0 auto}#simulasi[data-view=beban] .load-info strong{font-size:14px}#simulasi[data-view=beban] .load-info small{font-size:11px}#simulasi[data-view=beban] .load-status{font-size:12px}.section-title{min-height:43px}.section-title h2{font-size:22px}.export-actions{display:flex;gap:8px}.secondary-button{background:#fff;border:1px solid #d7e2ca;color:#55763b;border-radius:6px;padding:8px 12px;min-height:34px;font-size:11px;white-space:nowrap}.secondary-button:hover{background:#edf4e2}.analysis-grid{flex:1;min-height:0;display:flex;outline-offset:-3px}.comparison-card,.events-card{width:100%;display:flex;flex-direction:column;min-height:0}.analysis-section[data-view=compare] .events-card,.analysis-section[data-view=events] .comparison-card{display:none}.table-wrap{overflow:auto;min-width:0;min-height:0}.comparison-card .table-wrap{flex:1;padding:0 12px;min-height:130px}.comparison-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.comparison-table th,.comparison-table td{padding:9px 15px;text-align:right;border-bottom:1px solid #edf1e5;font-variant-numeric:tabular-nums}.comparison-table th{font-weight:550;background:#f5f8ee;color:#688051;font-size:11px;position:sticky;top:0;z-index:1}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;width:45%}.comparison-table td{color:#6d8159}.comparison-table td:first-child{color:#6f7e63;font-size:11px}.comparison-table td:nth-child(2){color:#3b632c;background:#f8fbf2;font-weight:550}.comparison-insight{background:#f0f5e5;border-radius:5px;margin:8px 16px 5px;padding:8px 11px;font-size:11px;color:#617943;flex-shrink:0;line-height:1.5}.comparison-caveat{font-size:10px;line-height:1.5;color:#748367;padding:0 16px 10px;flex-shrink:0}.log-filters{display:flex;gap:8px;padding:6px 16px 8px;flex-shrink:0}.log-filters select{font-size:11px;min-height:32px;padding:6px 24px 6px 9px;width:145px}.log-filters input{flex:1;min-width:60px;background:#fafcf7;border:1px solid var(--line);border-radius:5px;padding:6px 10px;font-size:11px;color:#577840}.log-filters input::placeholder{color:#8fa07b}#event-list{flex:1;min-height:0;overflow:auto;padding:0 16px}.event-item{display:flex;gap:14px;width:100%;text-align:left;padding:11px 0;border:0;border-bottom:1px solid #edf0e6;background:transparent}.event-item:hover{background:#f8fbf3!important}.event-time{width:55px;flex-shrink:0;font-size:12px;color:#67804c;font-variant-numeric:tabular-nums}.event-time small{display:block;font-size:8px;color:#859574;margin-top:3px}.event-body{min-width:0;flex:1}.event-body strong{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:#4f7139;font-weight:550}.event-body p{font-size:11px;color:#6c8158;line-height:1.45;margin-top:3px}.event-body code{font-size:9px;color:#82946f;display:block;margin-top:3px;overflow-wrap:anywhere}.event-soc{font-size:12px;color:#658146;white-space:nowrap}.event-tag{font-size:9px;background:#eef4e3;color:#70924f;border-radius:3px;padding:2px 5px;font-weight:400}.event-tag.reserve{background:#f8edd9;color:#a38136}.log-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-top:1px solid #edf1e5;font-size:10px;color:#7f916a;flex-shrink:0}.text-button{border:0;background:transparent;padding:5px 2px;color:#5f7d45;font-size:11px;font-weight:550;min-height:30px}.text-button:hover{color:#284f21}.empty-log{text-align:center;padding:40px 10px;font-size:12px;color:#7a8d64}.method-box{flex:1;min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:flex;overflow:hidden}.model-pane{padding:20px;overflow:auto;min-height:0;width:100%;outline-offset:-3px}.model-pane>h3{font-size:14px;margin-bottom:12px;color:#55723f}.method-intro{display:flex;align-items:flex-start;gap:12px;font-size:12px;color:#718260;line-height:1.75;max-width:1000px}.method-intro strong{color:#4f6f38;font-weight:550}.method-symbol{font-size:22px;color:#75965a;line-height:1.3}.fsm-row{display:flex;align-items:center;gap:15px;margin:24px 0 18px}.fsm-row>div{flex:1;min-width:0;background:#f5f8ed;border:1px solid #e1e9d3;border-radius:8px;padding:18px}.mode-label{display:inline-block;font-size:11px;color:#658643;background:#e5eed7;padding:3px 7px;border-radius:4px;margin-right:8px}.fsm-row strong{font-size:13px;font-weight:550;color:#517036}.fsm-row p{font-size:12px;color:#778b5f;margin-top:10px}.fsm-arrow{font-size:22px;color:#8ea176}.fsm-description{font-size:12px;line-height:1.85;color:#687f50;max-width:1000px}.validation-badge{font-size:10px;color:#5c803f;background:#f1f7e8;border:1px solid #d7e3c8;border-radius:5px;padding:5px 8px}.assumption-table{width:100%;border-collapse:collapse;text-align:left;min-width:580px}.assumption-table th{font-size:11px;color:#648049;font-weight:550;background:#f5f8ed;padding:10px;position:sticky;top:0}.assumption-table td{font-size:11px;color:#788e60;border-bottom:1px solid #edf1e5;padding:11px}.assumption-table td:first-child{color:#59783e;font-weight:550}.source-tag{font-size:10px;color:#67944b}.assumption-tag{font-size:10px;color:#947931}.equation-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.equation-grid code{display:block;padding:12px;background:#f4f8ec;margin-bottom:7px;font-size:11px;color:#658147;border-radius:4px;overflow-wrap:anywhere}.equation-grid p,.repro-content p{font-size:12px;color:#73885b;line-height:1.8;margin-bottom:13px}.equation-grid b{font-weight:550;color:#567439}.repro-content{max-width:960px}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;height:28px;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom);color:#839371;font-size:9px}.statusbar b{font-size:9px;font-weight:600;color:#6f8359}.statusbar small{font-size:8px;margin-left:8px}#run-id{font-family:monospace;font-size:9px;white-space:nowrap}#settings-dialog{border:1px solid #d9e3ce;border-radius:14px;background:#fff;color:var(--ink);padding:0;width:min(480px,calc(100vw - 24px));height:min(640px,calc(100vh - 28px));height:min(640px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);overflow:hidden;box-shadow:0 20px 70px #173d3030}#settings-dialog::backdrop{background:#152d2355;backdrop-filter:blur(3px)}.sidebar{height:100%;display:flex;flex-direction:column;min-height:0;padding:19px 20px 0}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.dialog-heading h2{font-size:23px;font-weight:550;margin-top:4px}.dialog-tools{display:flex;align-items:center;gap:15px}.dialog-tools .icon-button{font-size:23px;font-weight:300}.settings-tabs{margin:16px 0 0;width:100%}.settings-tabs button{flex:1}.sidebar form{display:flex;flex:1;flex-direction:column;min-height:0}.settings-scroll{flex:1;min-height:0;overflow:auto;padding:17px 2px 6px;scrollbar-width:thin}.settings-pane{display:block}.settings-pane h3{font-size:12px;color:#69884e}.control-group{border-bottom:1px solid #e6ecdc;padding-bottom:12px;margin-bottom:12px}.control-group:last-child{margin-bottom:0;border-bottom:0}.control-group label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:550;color:#576f42;margin-bottom:8px}.range-label{margin-top:12px}output{font-size:19px;font-weight:550;color:#315226;font-variant-numeric:tabular-nums}output small{font-size:11px;font-weight:400;color:#7d9466}.range-end{display:flex;justify-content:space-between;font-size:10px;color:#849672;margin-top:8px}.hint{font-size:10px;line-height:1.6;color:#7c8d6c;margin-top:7px}.assumption-mini{font-size:8px;background:#f4efdf;color:#987f45;border-radius:4px;padding:3px 5px;font-weight:400}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 13px;margin-top:13px}.two-fields label{font-size:11px;font-weight:550;color:#597643;display:flex;justify-content:space-between;margin-bottom:6px}.number-unit{display:flex;align-items:center;border:1px solid var(--line);background:#f9fbf5;border-radius:6px;padding-right:10px;overflow:hidden}.number-unit input{width:100%;min-width:0;background:transparent;border:0;padding:9px 10px;color:#466335;outline-offset:-3px;font-size:13px}.number-unit span{font-size:10px;color:#81946b;white-space:nowrap}.advanced .hint{margin-top:20px;background:#f4f8eb;padding:11px;border-radius:6px}.full-field{grid-column:1/-1}.settings-actions{flex-shrink:0;border-top:1px solid var(--line);padding:12px 0 9px;background:#fff}.primary-button{width:100%;border:0;background:var(--deep);color:#edf8dd;border-radius:7px;padding:13px 15px;min-height:43px;font-size:12px;font-weight:550;display:flex;align-items:center;justify-content:space-between}.primary-button:hover{background:#2a543b}.primary-button span{color:#d0e6a6;font-size:17px}.run-note{font-size:10px;color:#82946e;text-align:center;margin-top:6px;min-height:14px}.form-error{font-size:11px;background:#fff1e6;color:#98582e;padding:9px;border-radius:5px;margin-bottom:9px}.form-error button{padding:0;border:0;background:transparent;text-decoration:underline;color:inherit}.dot,.level,.pill{forced-color-adjust:none}#toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,15px);background:var(--deep);color:#f1f7e2;padding:11px 17px;border-radius:8px;font-size:12px;max-width:calc(100vw - 30px);width:max-content;box-shadow:0 7px 30px #173d3020;opacity:0;pointer-events:none;transition:.15s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1400px) and (min-height:850px){.app-shell{padding-top:18px}.main-section{gap:13px}.metric{padding:13px 17px}.metric strong{font-size:32px}.card-heading{padding:17px 20px 8px}.comparison-table th,.comparison-table td{padding:12px 16px}.flow-diagram svg{max-height:390px}}
@media(max-width:1050px){.topbar{padding:0 16px;gap:12px}.main-tabs{gap:0}.main-tabs button{padding:0 12px}.app-shell{padding:10px 13px 0}.live-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px}.load-row{gap:8px}.load-info strong{font-size:11px}.load-info small{font-size:9px}.load-status{font-size:9px}.load-watts{min-width:39px;font-size:12px}.load-legend{font-size:8px;gap:8px}.card-heading{padding:12px 13px 7px}.flow-footer{margin:0 12px;font-size:9px}.flow-footer strong{font-size:10px}.system-strip{gap:18px}.strip-last{display:none}.chart-legend{font-size:9px;gap:11px}.view-hint{font-size:9px}.metric p{font-size:8px}.equation-grid{grid-template-columns:1fr;gap:12px}}
@media(max-width:800px){.live-grid{grid-template-columns:1fr}#simulasi[data-view=aliran] .loads-card{display:none}.load-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e9efdf;padding:8px 11px;gap:7px;flex-shrink:0}.load-chip{background:#f5f8ed;border-radius:5px;padding:5px 7px;font-size:10px;color:#638449;min-width:0}.load-chip>span{display:flex;gap:4px;align-items:center}.load-chip strong{font-size:11px;font-weight:550;margin-left:auto}.load-chip small{display:block;font-size:9px;color:#7b8f65;margin-top:2px;white-space:nowrap}.load-chip.shed,.load-chip.limited{background:#faf3e3;color:#997b37}.load-chip.idle{background:#f6f7f2;color:#8a9b77}.main-tabs button{font-size:11px;padding:0 9px}.main-tabs button span{display:none}.brand{font-size:19px}.brandmark{width:29px;height:32px}.private-badge span{display:none}.settings-button{padding:8px 10px;font-size:11px}.app-shell{padding:9px 11px 0}.workspace-heading h1,.section-title h2{font-size:21px}.system-strip small{display:none}.system-strip{font-size:9px;gap:17px}.metric strong{font-size:25px}.metric p{display:none}.metric{padding:8px 11px}.metric>span{font-size:9px}.replay-right>span{display:none}.comparison-table th,.comparison-table td{padding:8px 12px}.model-pane{padding:17px}.fsm-row{gap:10px}.fsm-row>div{padding:13px}.fsm-row strong{display:block;margin-top:9px}.method-intro{font-size:11px}.fsm-description{font-size:11px}.fsm-row p{font-size:11px}.chart-card .card-heading{flex-wrap:wrap;row-gap:7px}.chart-legend{font-size:10px}.chart-bottom{font-size:9px}.statusbar small{font-size:8px}}
@media(max-width:600px){.topbar{height:96px;min-height:96px;flex-wrap:wrap;align-content:space-between;gap:0;padding:10px 12px 0}.brand{font-size:19px;gap:7px}.brandmark{width:29px;height:31px;font-size:29px}.brand small{font-size:6px;letter-spacing:1.7px}.header-actions{gap:10px}.settings-button{font-size:11px;min-height:33px;padding:6px 10px}.private-badge{font-size:10px}.main-tabs{order:3;width:100%;height:38px;min-height:38px;gap:0}.main-tabs button{flex:1;font-size:12px;padding:0 8px}.main-tabs button span{display:inline}.app-shell{padding:8px 9px 0}.main-section{gap:7px}.workspace-heading,.section-title{min-height:34px;gap:7px}.workspace-heading h1,.section-title h2{font-size:18px;margin-top:2px}.eyebrow{font-size:7px;letter-spacing:.9px}.model-badge{font-size:8px;padding:4px 5px}.system-strip{min-height:22px;gap:14px;font-size:9px}.system-strip span:nth-child(3){display:none}.system-strip i{font-size:12px}.metric-grid{gap:5px}.metric{padding:7px 7px;border-radius:7px}.metric>span{font-size:8px;white-space:nowrap}.metric>span i{display:none}.metric strong{font-size:21px;letter-spacing:-.6px}.metric small{font-size:8px}.metric>div{gap:3px;margin:4px 0 0}.view-toolbar{display:block}.view-hint{display:none}.sub-tabs{width:100%;min-height:34px;padding:3px;gap:3px}.sub-tabs button{flex:1;padding:6px 7px;font-size:11px;min-height:28px}.replay-toolbar{gap:9px;min-height:34px}.replay-toolbar>div:first-child{min-width:120px}.replay-toolbar strong{font-size:10px}.replay-toolbar .eyebrow{font-size:6px}.replay-right select{width:53px;font-size:9px;padding:6px 18px 6px 7px;min-height:29px;background-position:right 5px center}.icon-button{width:29px;height:29px;font-size:10px}.live-grid{min-height:206px}.card-heading{padding:11px 11px 6px;gap:5px}.card-heading h2,.card-heading h3{font-size:12px}.card-heading p{font-size:9px;margin-top:1px}.pill{font-size:9px;padding:4px 6px}.flow-diagram{padding:0 4px;min-height:80px}.flow-diagram svg{max-height:300px}.flow-footer{font-size:8px;padding:7px 0;margin:0 11px;gap:5px}.flow-footer strong{font-size:9px;margin-left:3px}.load-chips{gap:5px;padding:7px 9px}.load-chip{padding:5px;font-size:9px}.load-chip strong{font-size:10px}.load-chip small{font-size:8px}.load-chip .dot{width:4px;height:4px}.load-info strong,#simulasi[data-view=beban] .load-info strong{font-size:12px}.load-info small,#simulasi[data-view=beban] .load-info small{font-size:10px}.load-status,#simulasi[data-view=beban] .load-status{font-size:10px}.load-watts{font-size:12px;min-width:43px}.load-watts small{font-size:9px}.level{width:30px;height:32px;font-size:10px}.load-row{gap:8px;min-height:53px;padding:8px 0;max-height:90px}.load-legend{font-size:8px;justify-content:space-between;padding:10px 11px;gap:4px}#load-list{padding:0 11px}.chart-card{min-height:220px}.chart-card .card-heading{gap:8px}.chart-legend{font-size:9px;gap:13px}.chart-wrap{padding:0 3px}.chart-bottom{font-size:8px;margin:0 10px;padding:8px 0;gap:5px}.chart-bottom>span:last-child{font-size:7px}.analysis-section .section-title{min-height:39px}.export-actions{gap:5px}.secondary-button{font-size:9px;min-height:31px;padding:6px 7px}.analysis-section .section-title .eyebrow{font-size:6px;letter-spacing:.7px}.analysis-section .section-title h2{font-size:17px}.comparison-card .card-heading{padding-bottom:8px}.comparison-card .table-wrap{padding:0 5px;min-height:130px}.comparison-table th,.comparison-table td{padding:7px 7px;font-size:11px}.comparison-table th{font-size:9px}.comparison-table td:first-child{font-size:10px;line-height:1.4}.comparison-table th:first-child,.comparison-table td:first-child{width:47%}.comparison-insight{margin:7px 10px 5px;padding:8px;font-size:10px;line-height:1.45}.comparison-caveat{font-size:9px;padding:0 10px 9px;line-height:1.45}.log-filters{gap:5px;padding:6px 10px 7px;flex-wrap:wrap}.log-filters select{flex:1;min-width:100px;max-width:50%;width:auto;font-size:10px;min-height:32px}.log-filters input{width:100%;flex-basis:100%;min-height:30px;font-size:11px}#event-list{padding:0 10px}.event-item{padding:10px 0;gap:8px}.event-time{width:43px;font-size:11px}.event-body strong{font-size:11px;gap:6px}.event-body p{font-size:10px}.event-body code{font-size:8px}.event-soc{font-size:11px}.event-tag{font-size:8px}.event-time small{font-size:7px}.log-pagination{font-size:9px;padding:7px 10px}.log-pagination .text-button{font-size:10px}.text-button{font-size:10px}.model-pane{padding:13px}.model-pane>h3{font-size:12px;margin-bottom:10px}.method-intro{font-size:10px;line-height:1.7;gap:8px}.method-symbol{font-size:19px}.fsm-row{gap:7px;margin:16px 0 13px}.fsm-row>div{padding:11px 8px}.fsm-row strong{font-size:10px;margin-top:6px}.fsm-row p{font-size:10px;margin-top:7px;line-height:1.5}.mode-label{font-size:10px;margin-right:0;padding:2px 6px}.fsm-arrow{font-size:15px}.fsm-description{font-size:11px;line-height:1.75}.validation-badge{font-size:8px;max-width:146px;padding:4px 5px;text-align:center}.model-tabs button{font-size:10px;padding:6px 5px}.assumption-table{min-width:0;table-layout:fixed}.assumption-table th,.assumption-table td{padding:8px 5px;font-size:10px;vertical-align:top;overflow-wrap:anywhere}.assumption-table th:first-child{width:23%}.assumption-table th:nth-child(2){width:48%}.assumption-table th:last-child{width:29%}.source-tag,.assumption-tag{font-size:9px}.equation-grid{display:block}.equation-grid code{font-size:9px;padding:9px}.equation-grid p,.repro-content p{font-size:11px;line-height:1.75}.equation-grid>div:nth-child(2){margin-top:16px}.statusbar{height:24px;min-height:24px;font-size:8px}.statusbar b{font-size:8px}.statusbar small{font-size:7px;margin-left:5px}#run-id{font-size:8px}.sidebar{padding:16px 15px 0}.dialog-heading h2{font-size:21px}.dialog-tools{gap:12px}.dialog-tools .icon-button{font-size:22px;width:31px;height:31px}.settings-tabs{margin-top:12px}.settings-scroll{padding-top:13px}.settings-tabs button{font-size:11px}.control-group label{font-size:11px}.control-group select{font-size:12px}.two-fields{gap:12px}.settings-actions{padding-top:10px}.run-note{font-size:9px}#toast{font-size:11px;text-align:center;bottom:30px}.full-field{grid-column:auto}}
@media(max-height:690px){.workspace-heading,.section-title{min-height:29px}.workspace-heading .eyebrow,.section-title .eyebrow{display:none}.workspace-heading h1,.section-title h2{font-size:18px}.system-strip{display:none}.metric{padding-top:6px;padding-bottom:6px}.metric strong{font-size:23px}.metric p{display:none}.main-section{gap:6px}.card-heading{padding-top:9px;padding-bottom:5px}.card-heading p{display:none}.flow-footer{padding-top:6px;padding-bottom:6px}.load-chips{padding-top:5px;padding-bottom:5px}.comparison-table th,.comparison-table td{padding-top:6px;padding-bottom:6px}.statusbar{height:22px;min-height:22px}.settings-scroll{padding-top:10px}.control-group{padding-bottom:9px;margin-bottom:9px}.hint{font-size:9px}.range-label{margin-top:9px}.two-fields{gap:10px}.settings-tabs{margin-top:10px}.sidebar{padding-top:13px}}
@media(max-width:700px) and (max-height:480px){.topbar{height:51px;min-height:51px;flex-wrap:nowrap;padding:0 10px;gap:9px}.main-tabs{order:0;width:auto;height:51px;min-height:51px;flex:1}.main-tabs button{font-size:10px;padding:0 7px}.main-tabs button span{display:none}.brand{font-size:15px}.brandmark{width:25px;height:28px;font-size:26px}.brand small{display:none}.private-badge{display:none}.settings-button span{display:none}.settings-button{padding:5px 9px}.workspace-heading{display:none}.metric-grid{gap:7px}.metric{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px}.metric>span{font-size:8px}.metric>div{margin:0}.metric strong{font-size:20px}.view-toolbar{display:flex}.sub-tabs{width:max-content;min-height:30px}.sub-tabs button{min-height:23px;padding:5px 10px;font-size:10px}.sim-content{min-height:0}.live-grid{min-height:180px}.flow-diagram svg{max-height:160px}.load-chips{display:none}.metric small{font-size:8px}.replay-toolbar{min-height:29px}.replay-toolbar>div:first-child .eyebrow{display:none}.flow-footer{padding:5px 0}.card-heading{padding:7px 10px 4px}.statusbar{display:none}.model-badge{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{height:auto;overflow:visible}.topbar,.statusbar,#settings-dialog{display:none}.main-section[hidden]{display:none!important}.main-section{overflow:visible}.app-shell,main,.sim-content,.analysis-grid,.method-box,.model-pane{display:block;height:auto;overflow:visible}}

/* MATLAB is a third analysis panel, keeping the viewport compact. */
.matlab-card{display:none;width:100%;min-height:0;flex-direction:column}.analysis-section[data-view=matlab] .matlab-card{display:flex}.analysis-section[data-view=matlab] .comparison-card,.analysis-section[data-view=matlab] .events-card{display:none}.matlab-content{overflow:auto;min-height:0;padding:4px 20px 18px;font-size:14px;line-height:1.6}.matlab-content p{margin:8px 0}.matlab-content .primary-button{max-width:360px;margin:12px 0;font-size:14px}.matlab-content code{overflow-wrap:anywhere;color:var(--deep);background:#edf3e5;padding:2px 4px;border-radius:3px;font-size:13px}.matlab-content ol{padding-left:21px;margin:12px 0}.matlab-content li{margin:7px 0}.matlab-content details{border-top:1px solid var(--line);padding-top:10px;margin-top:12px}.matlab-content summary{cursor:pointer;font-weight:600}.matlab-content a{text-decoration:underline}.matlab-scenario{color:var(--green);font-variant-numeric:tabular-nums}.matlab-notice{padding:8px 12px;background:#faf3e3;border-radius:5px;color:#806527}@media(max-width:600px){.matlab-content{padding:2px 13px 14px}.matlab-content .primary-button{max-width:100%}}

/* Research panels retain the compact tabbed viewport. */
.research-panel{flex:1;min-height:0;overflow:hidden}.research-pane{height:100%;overflow:auto;padding:16px 20px;font-size:14px;line-height:1.55}.research-pane p{margin:10px 0}.research-pane h3{font-size:16px;margin:8px 0}.research-pane a{color:#286645;text-decoration:underline}.research-pane details{margin:12px 0;border-top:1px solid var(--line);padding-top:10px}.research-pane summary{cursor:pointer;font-weight:600}.research-table{border-collapse:collapse;width:100%;font-size:13px}.research-table th,.research-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:8px 9px}.research-table th{background:#edf3e6}.research-table td:last-child{overflow-wrap:anywhere}.evidence-banner{background:#eaf3e1;border-left:3px solid #547645;border-radius:6px;padding:12px 15px}.evidence-banner p{margin:3px 0}.evidence-banner.unapplied,.data-gap{background:#faf4e6}.data-gap{padding:10px 13px;border-radius:6px}.hash-text{overflow-wrap:anywhere}.formula-box{display:grid;gap:9px;padding:12px;background:#edf3e6;border-radius:7px;overflow-wrap:anywhere}.formula-box code{font-size:13px}.research-chart{width:100%;display:block;background:#fff}.annual-chart{min-height:145px}.scope-chart{height:220px;min-height:180px;border:1px solid var(--line);border-radius:6px;margin-top:8px}.research-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0}.research-actions select{width:auto;max-width:100%;font-size:13px}.upload-button{position:relative;display:inline-flex;align-items:center;cursor:pointer;overflow:hidden}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-button:focus-within{outline:2px solid #85a767}.scope-controls{font-size:13px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.scope-controls span{grid-column:1/-1;font-variant-numeric:tabular-nums}.matlab-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf3e5;padding:10px;border-radius:5px}.matlab-content pre code{padding:0}.research-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.research-form label{font-size:13px;min-width:0}.research-form input,input[type=date]{width:100%;border:1px solid var(--line);background:#f9fbf5;color:var(--ink);border-radius:6px;padding:8px;min-height:36px;font-size:14px}.research-pane>select{max-width:420px;margin:7px 0}.settings-pane>label{display:block;margin:10px 0 6px;font-size:13px}.settings-tabs button{padding:6px 8px}.main-tabs{gap:2px}.main-tabs button{padding-left:12px;padding-right:12px}.matlab-card .card-heading p{max-width:600px}#matlab-import-status,#bmkg-status{background:#f1f5e9;padding:8px 11px;border-radius:5px}.matlab-content #export-matlab{max-width:100%}
@media(max-width:600px){.main-tabs button{font-size:11px;padding:0 3px}.main-tabs button span{display:none}.research-pane{padding:10px 12px}.research-table{font-size:12px}.research-table th,.research-table td{padding:6px}.research-form{gap:8px}.research-pane .table-wrap{overflow-x:auto}.annual-chart{min-width:0}.scope-chart{height:200px}.research-actions{gap:6px}.research-actions .secondary-button{font-size:12px;padding:8px}.matlab-content{font-size:14px}.settings-tabs button{font-size:11px}}

/* Always-readable introduction and one compact guide tab. */
.teba-intro{flex-shrink:0;background:#eaf1e1;border:1px solid #d7e2c8;border-left:3px solid #456b3b;border-radius:8px;padding:8px 12px}.teba-intro-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.teba-intro h2{font-size:14px;letter-spacing:0;line-height:1.4}.teba-intro a{font-size:13px;color:#315d36;text-decoration:underline;white-space:nowrap}.teba-intro p{font-size:14px;line-height:1.4;margin:2px 0 5px;color:#395436}.teba-intro-modes{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;line-height:1.35}.teba-intro-modes span{padding:2px 7px;background:#fff9;border-radius:4px}.teba-intro-modes b{margin-right:3px}.guide-topic-bar{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:14px}.guide-topic-bar select{width:min(560px,100%);font-size:14px;min-height:42px;background-color:#fff}.guide-content{flex:1;min-height:0;overflow:hidden}.guide-pane{height:100%;overflow:auto;padding:20px 24px;font-size:16px;line-height:1.65;color:#33482e;scrollbar-width:thin}.guide-pane>h2{font-size:23px;line-height:1.3;letter-spacing:-.3px;margin-bottom:13px;color:var(--deep)}.guide-pane h3{font-size:18px;margin:20px 0 7px;color:var(--deep)}.guide-pane p{margin:10px 0;max-width:1080px}.guide-lead{font-size:17px}.guide-pane ol,.guide-pane ul{padding-left:24px;margin:12px 0}.guide-pane li{margin:7px 0;max-width:1080px}.guide-pane a{color:#285a34;text-decoration:underline;text-underline-offset:3px}.guide-table-wrap{overflow-x:auto;margin:12px 0}.guide-table{border-collapse:collapse;width:100%;max-width:1120px;font-size:15px;line-height:1.5}.guide-table th,.guide-table td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}.guide-table th{background:#edf3e5;font-weight:600}.guide-table td:first-child{width:25%;min-width:135px;font-weight:550;color:#355332}.guide-callout{padding:12px 15px;background:#edf4e3;border-left:3px solid #64814a;border-radius:5px}.guide-pane blockquote{margin:13px 0;padding:12px 17px;border-left:3px solid #9da879;background:#f7f7ef;font-style:italic}.guide-pane code{font-size:14px;background:#eef3e7;padding:2px 4px;overflow-wrap:anywhere}.guide-pane pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3e7;padding:12px;border-radius:5px}.guide-pane pre code{padding:0}.glossary-group{margin:10px 0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.glossary-group summary{cursor:pointer;padding:12px;font-size:16px;font-weight:600;background:#f2f6eb}.glossary-group .guide-table-wrap{margin:0}.main-tabs{min-width:0}
@media(max-width:1100px){.main-tabs button span{display:none}.main-tabs button{padding-left:9px;padding-right:9px}.topbar{gap:10px}}
@media(max-width:600px){.main-tabs button{font-size:12px;padding:0 3px}.teba-intro{padding:7px 9px}.teba-intro-heading{gap:6px}.teba-intro h2{font-size:14px}.teba-intro a{font-size:12px}.teba-intro p{font-size:14px}.teba-intro-modes{gap:4px;font-size:12px}.teba-intro-modes span{padding:2px 5px}.guide-pane{padding:14px 13px;font-size:16px}.guide-pane>h2{font-size:21px}.guide-pane h3{font-size:17px}.guide-table{font-size:14px}.guide-table th,.guide-table td{padding:9px 8px}.guide-table td:first-child{min-width:103px;width:32%}.guide-topic-bar{gap:8px}.guide-topic-bar select{font-size:14px}}
@media(max-height:550px){#simulasi .metric-grid{display:none}#simulasi .system-strip{display:none}.teba-intro{padding-top:5px;padding-bottom:5px}.teba-intro-modes{display:none}}

/* Brand expansion and five-step scenario onboarding. */
.topbar{height:76px;min-height:76px}.brand{min-width:0;white-space:normal;flex-shrink:1}.brand>span:last-child{min-width:0}.brand .brand-expansion{display:block;font-size:12px;font-weight:400;letter-spacing:0;line-height:1.25;color:#60745f;margin-top:4px;white-space:normal}.brandmark{flex-shrink:0}.header-actions{flex-shrink:0}
#settings-dialog{width:min(600px,calc(100vw - 20px));height:min(740px,calc(100dvh - 24px))}.sidebar{padding:16px 20px 0}.dialog-heading h2{font-size:22px}.dialog-heading .eyebrow{font-size:12px;letter-spacing:1px}.dialog-tools .text-button{font-size:14px}.wizard-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:15px 0 12px;flex-shrink:0}.wizard-steps button{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--line);border-radius:9px;background:#f5f8ef;color:#607758;padding:7px 2px;min-height:65px}.wizard-steps b{font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums}.wizard-steps span{font-size:12px}.wizard-steps button[aria-current=step]{color:#effbdd;background:var(--deep);border-color:var(--deep)}.wizard-steps button.visited{border-color:#91ae75;background:#ecf3e3}.wizard-heading{display:flex;align-items:center;gap:13px;flex-shrink:0;padding:0 0 12px;border-bottom:1px solid var(--line)}#wizard-number{font-size:44px;line-height:1;min-width:44px;color:var(--green);font-variant-numeric:tabular-nums}#wizard-progress{font-size:12px;color:#6b7e60}#wizard-title{font-size:20px;line-height:1.3;margin:2px 0}#wizard-description{font-size:14px;color:#65785a;line-height:1.45}.settings-scroll{padding:14px 2px 10px;overscroll-behavior:contain}.settings-pane label,.control-group label,.two-fields label{font-size:14px}.settings-pane select,.settings-pane input:not([type=range]),.number-unit input{font-size:16px;min-height:40px}.settings-pane .range-end,.number-unit span,.settings-pane .hint,.wizard-note{font-size:12px;line-height:1.6}.settings-pane .hint{color:#637655}.wizard-note{background:#f3f7ed;padding:9px 11px;border-radius:6px;color:#60734f;margin:8px 0 12px}.settings-pane .full-field{grid-column:1/-1}.settings-pane .research-form{gap:12px}.settings-pane .research-form label{font-size:14px}.wizard-buttons{display:flex;gap:10px}.wizard-buttons .secondary-button{font-size:14px;min-width:105px}.wizard-buttons .primary-button{flex:1;width:auto;font-size:15px;min-height:44px}.run-note{font-size:12px;color:#667b56;min-height:17px}.settings-actions{padding:10px 0}.form-error{font-size:14px;max-height:90px;overflow:auto}.wizard-review-row{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.wizard-review-row>b{display:grid;place-items:center;background:#edf3e3;border-radius:7px;color:var(--green);font-size:22px;min-width:32px;height:36px}.wizard-review-row>div{flex:1;min-width:0}.wizard-review-row h4{font-size:14px;margin:0 0 3px}.wizard-review-row p{font-size:14px;line-height:1.5;color:#647b54;overflow-wrap:anywhere}.wizard-review-row button{font-size:14px;padding:6px 0;flex-shrink:0}
@media(max-width:1000px){.topbar{height:auto;min-height:114px;flex-wrap:wrap;padding:8px 14px 0;gap:0;align-content:space-between}.main-tabs{order:3;width:100%;height:38px;min-height:38px}.main-tabs button{flex:1}.brand{font-size:19px;max-width:calc(100% - 112px)}.brand .brand-expansion{font-size:12px}.header-actions{gap:8px}.private-badge{display:none}}
@media(max-width:600px){.topbar{min-height:122px;padding:8px 10px 0}.brand{max-width:calc(100% - 98px);gap:6px}.brand .brand-expansion{line-height:1.2}.settings-button{font-size:12px;padding:7px 9px}.sidebar{padding:12px 13px 0}.wizard-steps{gap:4px;margin:12px 0 10px}.wizard-steps b{font-size:23px}.wizard-steps button{min-height:60px;padding:6px 1px}.wizard-heading{gap:9px;padding-bottom:10px}#wizard-title{font-size:18px}#wizard-number{font-size:40px;min-width:35px}.dialog-heading .eyebrow{display:none}.settings-pane .two-fields{gap:11px}.settings-scroll{padding-top:12px}.settings-pane .advanced .hint{margin-top:12px}.wizard-buttons .secondary-button{min-width:95px}.wizard-review-row{padding:10px 0}}
@media(max-height:550px){#settings-dialog{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.sidebar{padding-top:8px}.wizard-steps{margin:7px 0;gap:5px}.wizard-steps button{min-height:40px;flex-direction:row;justify-content:center;gap:5px;padding:5px 2px}.wizard-steps b{font-size:22px}.wizard-heading{padding-bottom:7px}#wizard-description{display:none}#wizard-title{font-size:17px}#wizard-number{font-size:32px}.dialog-heading h2{font-size:18px}.dialog-heading .eyebrow{display:none}.settings-actions{padding:6px 0}.run-note{display:none}}

/* Prominent left-hand entry to the scenario wizard. */
.topbar{gap:16px}.topbar>.settings-button{order:-1;flex:0 0 auto;width:158px;min-height:54px;padding:12px 18px;border:1px solid #173d30;border-radius:10px;background:#173d30;color:#f0fadf;box-shadow:0 3px 9px #173d3022;font-size:18px;font-weight:700;gap:9px}.topbar>.settings-button:hover{background:#2b573d}.topbar>.settings-button span{display:inline}.topbar>.settings-button .dirty-dot{position:absolute;right:8px;top:8px;background:#f3c85b;width:8px;height:8px}.topbar .brand{max-width:none}.topbar .main-tabs{margin-left:auto}.public-badge{font-size:12px;color:#637856;white-space:nowrap}
@media(max-width:1150px) and (min-width:1001px){.topbar{gap:10px;padding-left:16px;padding-right:16px}.topbar>.settings-button{width:136px;padding:10px 13px;font-size:17px}.public-badge{display:none}}
@media(max-width:1000px){.topbar{column-gap:12px;row-gap:6px}.topbar>.settings-button{width:142px;min-height:54px}.topbar .brand{flex:1;max-width:calc(100% - 154px)}.topbar .header-actions{display:none}.topbar .main-tabs{margin-left:0}}
@media(max-width:600px){.topbar{height:auto;min-height:122px;column-gap:10px;row-gap:5px;align-content:space-between}.topbar>.settings-button{width:126px;min-height:54px;padding:10px;font-size:16px;gap:6px}.topbar .brand{max-width:calc(100% - 136px)}.topbar .main-tabs{flex:0 0 100%;width:100%}.topbar .brand-expansion{overflow-wrap:normal}}

/* Traceable decisions: compact list, full event detail on demand. */
.metric-events{text-align:left;cursor:pointer;font-family:inherit}.metric-events:hover{background:#28563f}.metric-events:focus-visible{outline:3px solid #8fad68;outline-offset:2px}.event-help{font-size:13px;color:#61794e;padding:0 16px 8px;flex-shrink:0}.event-item{gap:12px}.event-time{width:132px;font-size:16px;font-weight:600}.event-time small{font-size:12px;line-height:1.5;color:#65794f;font-weight:400}.event-body strong{font-size:14px}.event-body p{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-body code{font-size:12px}.event-tag{font-size:12px}.event-open{display:block;color:#426a2f;font-size:12px;margin-top:4px}.event-soc{font-size:14px}.event-soc small{display:block;font-size:12px;color:#73875f}.events-card .log-filters select,.events-card .log-filters input{font-size:14px}.events-card .log-pagination,.events-card .text-button{font-size:14px}
#event-dialog{border:1px solid #d6e0ca;border-radius:14px;padding:0;width:min(670px,calc(100vw - 20px));height:min(800px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);color:var(--ink);background:#fff;overflow:hidden;box-shadow:0 20px 70px #173d3040}#event-dialog::backdrop{background:#152d2366;backdrop-filter:blur(3px)}.event-dialog-inner{height:100%;display:flex;flex-direction:column;min-height:0}.event-detail-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.event-detail-header p{font-size:12px;color:#6e825e}.event-detail-header h2{font-size:22px;line-height:1.3}.event-detail-header .icon-button{width:36px;height:36px;font-size:24px}.event-detail-body{flex:1;min-height:0;overflow:auto;padding:16px 18px;overscroll-behavior:contain;line-height:1.55}.event-when{display:flex;flex-direction:column;gap:3px}.event-when small,.event-states small{font-size:12px;color:#698053;letter-spacing:.7px}.event-when strong{font-size:20px;color:var(--deep)}.event-when span{font-size:12px;color:#6b7f59;overflow-wrap:anywhere}.event-states{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:8px;margin:14px 0}.event-states>div{padding:10px;border-radius:8px;background:#f0f5e6;min-width:0}.event-states small,.event-states strong{display:block}.event-states strong{font-size:18px}.event-states>span{text-align:center;color:#759451}.event-reason{border-left:3px solid #7c9a5e;padding:8px 12px;background:#fafcf6;border-radius:0 7px 7px 0}.event-reason h3{font-size:12px;letter-spacing:.6px;color:#698053}.event-reason p,.event-explanation{font-size:16px;margin:7px 0;line-height:1.55}.event-reason small{font-size:12px;display:block}.event-detail-body code{font-size:12px;overflow-wrap:anywhere}.event-extra{border-bottom:1px solid var(--line);padding:12px 0}.event-extra summary{font-size:14px;font-weight:600;cursor:pointer}.event-extra p{font-size:14px;margin:9px 0;color:#667c54}.event-extra table{width:100%;border-collapse:collapse;font-size:14px}.event-extra th,.event-extra td{border-bottom:1px solid var(--line);padding:8px 4px;text-align:left;vertical-align:top}.event-extra th{font-size:12px}.event-extra td small{display:block;font-size:12px}.event-identity{display:flex;flex-direction:column;gap:4px;padding-top:12px;font-size:12px;color:#6a8055}.event-detail-footer{flex-shrink:0;padding:10px 18px;border-top:1px solid var(--line);background:#fff}.event-detail-nav,.event-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-detail-actions{margin-top:9px}.event-detail-footer .secondary-button{font-size:14px;min-height:40px}.event-detail-footer .primary-button{width:auto;font-size:14px;min-height:40px;flex:1;justify-content:center;padding:10px}.event-detail-nav>span{font-size:12px;color:#6a8055}
@media(max-width:600px){.event-item{display:grid;grid-template-columns:1fr auto;row-gap:5px;padding:12px 0}.event-time{width:auto;font-size:16px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.event-time small{margin:0}.event-body{grid-row:2;grid-column:1/-1}.event-soc{grid-column:2;grid-row:1}.event-soc small{display:none}.event-help{padding:0 10px 6px}.event-detail-header{padding:12px}.event-detail-header h2{font-size:20px}.event-detail-body{padding:12px}.event-detail-footer{padding:9px 12px}.event-states strong{font-size:16px}.event-when strong{font-size:18px}.event-detail-footer .secondary-button{font-size:13px;padding:8px}.event-detail-footer .primary-button{font-size:13px}.event-detail-actions{flex-wrap:wrap}}

/* State timeline aligned with the SOC plot. */
.chart-card{min-height:340px}.chart-card .chart-wrap{min-height:220px;padding:0 4px}.chart-mode-key{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:2px 16px 7px;font-size:12px;color:#586f45;flex-shrink:0}.chart-mode-key>span{display:flex;align-items:center;gap:5px}.mode-swatch{width:12px;height:12px;border-radius:2px;display:inline-block}.mode-m0{background:#3d7651}.mode-m1{background:#ddbc58}.mode-m2{background:#a9513d}.chart-mode-help{font-size:12px;line-height:1.4;color:#647957;padding:0 16px 8px;flex-shrink:0}.chart-card .chart-bottom{font-size:12px;flex-wrap:wrap;row-gap:5px}.chart-card .chart-bottom>span:last-child{font-size:12px}#chart-mode-now{padding:3px 6px;border-radius:4px;background:#edf5e8;color:#335e39}#chart-mode-now[data-mode=M1]{background:#f8edc9;color:#735a18}#chart-mode-now[data-mode=M2]{background:#fae9e2;color:#863e2d}.chart-transition{cursor:pointer}.chart-transition:focus{outline:none}.chart-transition:focus>rect,.chart-transition:hover>rect{stroke:#173d30;stroke-width:2;fill:#ffffff30}.chart-mode-segment text{pointer-events:none}
@media(max-width:600px){.chart-card{min-height:355px}.chart-mode-key{gap:8px;padding:3px 10px 7px;font-size:12px}.chart-mode-help{padding:0 10px 8px}.chart-card .chart-bottom{gap:5px;font-size:12px;margin:0 10px}.chart-card .chart-legend{font-size:11px;gap:9px}.chart-card .card-heading{flex-wrap:wrap}.chart-card .chart-wrap{padding:0 3px}}

/* Reuse the same vector mark across browser and application identities. */
img.brandmark{height:auto;aspect-ratio:1;background:transparent;object-fit:contain}