/* ══════════════════════════════════════════════════════════════════════
   odprawa.css — „Odprawa dnia” (odprawa.js), 8.10.2026

   NAJPIERW TELEFON (375 px): jedna kolumna, przyciski pełnej szerokości
   pod treścią. Od 720 px akcje stają z prawej strony pozycji. Karty,
   chipy, przyciski i meta z `dzisiaj.css` (klasy `d10-`), tu tylko to,
   czego Dzisiaj nie ma. Tokeny wyłącznie z paleta.css, wagi 400/500/600.
   Druk: lista do odhaczenia na porannym spotkaniu, bez przycisków.
   ══════════════════════════════════════════════════════════════════════ */
.op{max-width:920px}
.op-glowa{display:flex;flex-direction:column;gap:var(--s3);margin:0 0 var(--s4)}
.op-data{margin:0 0 2px}
.d10 .op-tytul{font-family:var(--fd);font-size:var(--fs-5);font-weight:600;letter-spacing:-.015em;line-height:1.25}
.op-zal{display:inline-flex;align-items:center;padding:1px 9px;border-radius:var(--r-pigulka);vertical-align:middle;
  font-family:var(--f);font-size:var(--fs-0);font-weight:600;letter-spacing:0;color:var(--risk);background:rgba(165,63,63,.08)}
.op-stery{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);min-width:0}
.op-stery .d10-sync{white-space:normal;min-height:0;padding:6px 12px;line-height:1.35}
.op-k{padding:6px 16px 16px}
.op-lista{list-style:none;margin:0;padding:0;counter-reset:op}
.op-poz{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 0 16px 34px;border-top:var(--bw) solid var(--line)}
.op-poz:first-child{border-top:0}
.op-nr{position:absolute;left:0;top:17px;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;
  border:var(--bw) solid var(--line2);font-size:var(--fs-0);font-weight:600;color:var(--t2);font-variant-numeric:tabular-nums}
.op-tresc{min-width:0}
.op-termin{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:var(--fs-0);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.op-termin svg{width:14px;height:14px;flex:0 0 auto}
.op-termin.zalegle{color:var(--risk)}.op-termin.dzis{color:var(--warn)}.op-termin.jutro{color:var(--gold-d)}
.d10 .op-tresc h3{font-size:var(--fs-3);font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.d10 .op-dlaczego{margin-top:4px;font-size:var(--fs-1);color:var(--t2);line-height:1.45;overflow-wrap:anywhere}
.op-meta{margin-top:8px}
.op-meta>span{min-width:0;overflow-wrap:anywhere}
.d10 .op-kwota{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-top:10px}
.op-kwota b{font-family:var(--fd);font-size:var(--fs-4);font-weight:600;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
.op-kwota small{font-size:var(--fs-0);color:var(--t3)}
.op-akcje{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.op-akcje .d10-przycisk{min-height:44px;width:100%;white-space:normal;text-align:center}
.op-akcje .d10-przycisk.glowny{grid-column:1 / -1}
.op-akcje .d10-przycisk.glowny:only-of-type{grid-column:1 / -1}
.op-pomin{min-height:44px;padding:0 10px;border:0;background:none;font:inherit;font-size:var(--fs-1);font-weight:500;color:var(--t2);
  text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;cursor:pointer}
.op-pomin:hover{color:var(--t1);text-decoration-color:var(--gold-d)}
.op-pomin:focus-visible{outline:2px solid var(--gold-d);outline-offset:2px;border-radius:var(--r-kontrolka)}
.op-akcje .op-pomin:first-child,.op-akcje .glowny+.op-pomin{grid-column:1 / -1}
.op-pominiete .op-pomin{min-height:32px;padding:0 4px}
.d10 .op-komunikat{margin:0 0 var(--s3);padding:10px 12px;border-radius:var(--r-wewn);font-size:var(--fs-1);
  border:var(--bw) solid var(--line);background:var(--karta);color:var(--t1)}
.d10 .op-komunikat.ok{border-color:rgba(47,107,79,.3);background:rgba(47,107,79,.07)}
.d10 .op-komunikat.blad{border-color:rgba(165,63,63,.32);background:rgba(165,63,63,.06)}
.d10 .op-wczytuje{margin:0 0 var(--s3);font-size:var(--fs-1);color:var(--t2)}
.op-pusto{padding:14px 0 4px}
.op-pusto a{color:var(--gold-d);font-weight:600}

@media (min-width:720px){
  .op-glowa{flex-direction:row;align-items:flex-end;justify-content:space-between}
  .op-stery{justify-content:flex-end}
  .op-k{padding:8px 24px 20px}
  .op-poz{grid-template-columns:minmax(0,1fr) 190px;gap:8px 24px;padding:18px 0 18px 38px}
  .op-nr{top:19px}
  .op-akcje{grid-template-columns:minmax(0,1fr);align-content:start}
  .op-akcje .d10-przycisk{min-height:38px}
  .op-akcje .op-pomin{min-height:32px;grid-column:auto}
}

/* ── wydruk: lista do odhaczenia na porannym spotkaniu ── */
@media print{
  .op{max-width:none}
  .op-stery,.op-akcje,.op-pominiete,.op-komunikat,.op-wczytuje,.pomoc-ekr,.pomoc-otw{display:none !important}
  .op-k{border:0 !important;padding:0 !important}
  .op-poz{grid-template-columns:minmax(0,1fr);padding:8pt 0 8pt 26pt;page-break-inside:avoid;border-top:1px solid #b5b5b5}
  .op-nr{top:9pt;width:14pt;height:14pt;border:1.2pt solid #000;border-radius:2pt;color:transparent}
  .d10 .op-tresc h3{font-size:11pt}
  .op-termin svg{display:none}
  .d10-demo{border:1px solid #8c8c8c}
  .d10-przypis a{text-decoration:none}
}