/* ЭнергоТренажёр 42.0. Учебный регистратор событий ЭКРА */
.ek42-lab{border:1px solid #406075;border-radius:12px;padding:11px 9px;display:grid;gap:10px;background:#14293a;min-width:0}
.ek42-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.ek42-head b{font-size:15px;color:#f4fbff}
.ek42-head small{display:block;color:#a8c2d6;font-size:11px;line-height:1.5;margin-top:3px}
.ek42-head strong{font:800 14px/1.1 ui-monospace,monospace;min-width:66px;color:#fcd28e;text-align:right}
.ek42-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.ek42-control button{padding:8px 3px;border-radius:8px;border:1px solid #4a7389;background:#21415a;color:#ecf6ff;min-height:44px;font-size:11px;font-weight:750}
.ek42-scrub{display:grid;gap:4px;font-size:12px;color:#d7e8f3}
.ek42-scrub output{font-weight:800}
.ek42-scrub input{width:100%;accent-color:#67cba5;min-height:34px}
.ek42-osc{border:1px solid #405b6e;background:#102838;border-radius:9px;padding:6px;min-width:0}
.ek42-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#d4e5f0;margin-bottom:4px;align-items:center}
.ek42-legend span:nth-child(1){color:#5be2ab}.ek42-legend span:nth-child(2){color:#ffcf76}.ek42-legend span:nth-child(3){color:#7fb7ff}
.ek42-legend small{font-size:10px;color:#acc0d0}
.ek42-wave{display:block;width:100%;height:auto;max-height:185px}
.ek42-microtitle{font-size:11px;padding:7px 4px 3px;color:#d8e8f4;border-top:1px solid #2b4454}
.ek42-state{display:flex;gap:5px;flex-wrap:wrap;align-items:center;font-size:10px;line-height:1.2}
.ek42-state>b{width:100%;font-size:12px}
.ek42-state span{padding:5px 7px;border:1px solid #405970;border-radius:5px;background:#1b3449;color:#e3edf4}
.ek42-state span.on{border-color:#26896c;color:#bffce5}.ek42-state span.off{opacity:.75}
.ek42-events-title{font-size:12px;font-weight:800;color:#daeefa}
.ek42-events{display:grid;gap:5px}
.ek42-event{display:grid;grid-template-columns:68px 42px minmax(0,1fr);gap:5px;padding:8px;border:1px solid #3a5b71;border-radius:8px;background:#172e42;color:#d7e5f0;text-align:left;font-size:11px;line-height:1.4;min-height:44px}
.ek42-event.reached{border-color:#467e78;background:#163b3f}
.ek42-event .t{font:700 11px ui-monospace,monospace;color:#f0c88c;white-space:nowrap}
.ek42-event .cat{font-weight:850;color:#83b6e1}
.ek42-event small{display:block;color:#a6c0d2;margin-top:4px;font-size:10px}
.ek42-event[aria-pressed="true"]{outline:2px solid #d0aa6d;outline-offset:-2px}
.ek42-warning{font-size:11px;line-height:1.6;background:#263b4b;border-left:3px solid #dbb77c;padding:10px;color:#d6e3ec}
@media(max-width:370px){.ek42-control button{font-size:10px}.ek42-event{grid-template-columns:58px 36px minmax(0,1fr);padding:6px 5px;font-size:10px}.ek42-event .t,.ek42-event .cat{font-size:9px}}