/* ═══════════ style-olaj.css — Olaj képernyő (screens/olaj.js). Előtag: ol-. Csak :root-tokenek. ═══════════ */

/* ── Státusz-sávok: a képernyő hőse, egy pillantásra olvasható ── */
.ol-status { gap:8px; }
.ol-band { display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:12px 14px; border-radius:var(--r-sm); border:1px solid var(--line); border-left:4px solid transparent; }
.ol-band-loc { font-family:var(--cond); font-weight:700; font-size:15px; letter-spacing:.2px; }
.ol-band-right { display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right; }
.ol-band-days { font-family:var(--display); font-weight:400; font-size:17px; font-variant-numeric:tabular-nums; }
.ol-band-meta { font-size:12px; color:var(--ink-3); }

.ol-band-none { background:var(--surface-2); border-left-color:var(--ink-3); color:var(--ink-3); }
.ol-band-none .ol-band-days { color:var(--ink-3); }

.ol-band-ok { background:var(--green-dim); border-left-color:var(--green); }
.ol-band-ok .ol-band-days { color:var(--green); }

.ol-band-bad { background:var(--red-dim); border-left-color:var(--red); }
.ol-band-bad .ol-band-days { color:var(--bad); }
.ol-band-bad .ol-band-meta { color:var(--bad); font-weight:600; }

/* ── Napló-lista ── */
.ol-list { margin-top:2px; }
.ol-item { display:flex; align-items:flex-start; gap:10px; padding:9px 0; border-top:1px solid var(--line); }
.ol-item:first-child { border-top:0; padding-top:0; }
.ol-item-date { min-width:64px; flex:none; color:var(--ink-2); padding-top:1px; }
.ol-item-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.ol-item-note { word-break:break-word; }
.ol-del { flex:none; width:34px; height:34px; min-height:0; border-radius:50%; background:transparent; border:1px solid var(--line); color:var(--ink-3); font-size:14px; }
.ol-del:active { background:var(--red-dim); color:var(--bad); }