.detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.detail-summary article{padding:18px;background:#f5f8f9;border-radius:8px}.detail-summary span{font-size:11px;color:var(--muted)}.detail-summary strong{font-size:25px;display:block;margin-top:12px;font-weight:600}.detail-summary small{font-size:11px;font-weight:400;color:var(--muted)}.control-surface{padding:22px;background:#fff7ee;border:1px solid #f2deca;border-radius:9px;display:grid;grid-template-columns:1fr 200px;gap:10px 22px}.control-surface h3{font-size:17px;margin:9px 0}.control-surface p{font-size:11px;margin:0}.duration-label{margin:0;font-size:10px}.duration-label select{font-size:12px}.control-buttons{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.control-buttons button{font-size:11px;padding:11px 13px}.control-active{outline:2px solid #213b46;outline-offset:2px}.prikon-form{display:flex;align-items:center;gap:16px;padding:10px 0 5px;border-bottom:1px solid var(--line)}.prikon-form label{width:300px;font-size:11px}.prikon-form input{max-width:200px}.prikon-form p{font-size:11px;margin:6px 0 0}.telemetry-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:15px 0 25px}.telemetry-values>div{padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.telemetry-values span{display:block;font-size:10px;color:var(--muted)}.telemetry-values strong{display:block;font-size:20px;font-weight:600;margin-top:10px;overflow-wrap:anywhere}.telemetry-values small{font-size:10px;font-weight:400;color:var(--muted)}.telemetry-values code{display:block;font-size:9px;margin-top:8px;color:#91a0a9}code{font-family:Consolas,monospace;font-size:11px}.economy-panel{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}#economic-signals{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:17px 0}#economic-signals>div{background:#f5f8f9;border-radius:6px;padding:15px}#economic-signals span{display:block;color:var(--muted);font-size:10px}#economic-signals strong{display:block;margin-top:7px;font-size:13px}.compact-empty{padding:25px 15px!important}.history-controls{flex-wrap:wrap}.history-controls select{font-size:11px;max-width:220px}#command-timeline td{font-size:11px;vertical-align:top}#command-timeline td:first-child{white-space:nowrap}.tabs{flex-wrap:wrap}.detail>.section-row:first-child p{margin:7px 0 0}.legend svg{vertical-align:middle}.profile-editor details{margin-top:20px}.profile-editor summary{cursor:pointer;font-size:12px;color:var(--muted);padding:12px 0;border-top:1px solid var(--line)}
@media(max-width:1050px){.detail-summary,.telemetry-values{grid-template-columns:repeat(2,minmax(0,1fr))}.prikon-form{flex-wrap:wrap}}
@media(max-width:700px){.control-surface{grid-template-columns:1fr;padding:17px}.control-buttons{grid-column:auto}.prikon-form{align-items:flex-start;gap:10px}.prikon-form label{width:100%;margin-bottom:2px}.detail-summary article{padding:14px}.detail-summary strong{font-size:23px}.telemetry-values>div{padding:14px}.telemetry-values strong{font-size:17px}#economic-signals{grid-template-columns:1fr}.tabs{gap:18px}.tab{font-size:11px}.history-controls select{max-width:none;flex:1}.duration-label select{max-width:200px}}
.chart-groups{border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-wrap:wrap;gap:10px 18px;margin:16px 0}.chart-groups[hidden]{display:none}.chart-groups legend{font-size:12px;color:var(--muted)}.chart-groups label{display:flex;align-items:center;gap:7px;font-size:11px;margin:0}.chart-groups input{width:auto;margin:0}.chart-readout{background:#f5f8f9;border-radius:8px;padding:18px;margin:16px 0}.history-pick{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.history-pick label{display:flex;align-items:center;gap:12px;margin:0;font-size:11px}.history-pick input{width:200px;padding:0}.history-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.history-summary span,.history-all-values span{display:block;color:var(--muted);font-size:10px}.history-summary strong{display:block;font-size:19px;margin-top:7px}.chart-readout summary{font-size:11px;cursor:pointer}.history-all-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.history-all-values strong{display:block;margin-top:6px;font-size:13px}.history-graph{padding:18px 8px;border:1px solid var(--line);border-radius:8px;margin:18px 0}.history-graph h3{font-size:14px;margin:0}.history-graph .section-row,.history-graph .legend{padding:0 15px}.history-graph .legend{margin:12px 0;gap:14px;font-size:10px}.history-graph .legend svg{width:8px;height:8px;display:inline-block}.graph-missing{padding:30px 15px;color:var(--muted);font-size:12px}.flow-note{margin:8px 15px;color:var(--muted);font-size:11px}.chart svg[data-history-graph]{touch-action:pan-y}@media(max-width:700px){.history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.history-all-values{grid-template-columns:repeat(2,minmax(0,1fr))}.history-pick{flex-direction:column;align-items:flex-start}.history-pick input{width:160px}}

.station-token{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.station-token label{flex:1;min-width:240px;margin:0;font-size:11px}.station-token input{font-family:Consolas,monospace;font-size:12px}.station-token p{width:100%;margin:0}

#tariff-now strong{font-size:16px;line-height:1.5}#tariff-form{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}#tariff-form h3{margin-top:26px}#hdo-editor{margin:16px 0}#station-dialog{max-height:90vh;overflow:auto}
