/* ═════════════════════════════════════════════════════════════════
   jutro-panel.css — zakładka „Jutro” (#zadania/jutro) i jej wydruk A4
   (jutro-panel.js)

   Korzeń `.d10 .ju`: karty, przypisy i chipy z dzisiaj.css (`d10-*`).
   Tu tylko to, czego tam nie ma: trzy liczby, dwie tabele i wydruk.
   Kolory, kroje, rozmiary (`--fs-*`), promienie i odstępy wyłącznie
   z paleta.css. Wagi 400/500/600, bez kursywy.
   ═════════════════════════════════════════════════════════════════ */
.ju-druk-t,.ju-druk-zal{display:none}
.ju-gora{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s3)}
.ju-liczby{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.ju-liczby>div{padding-top:var(--s3);border-top:var(--bw) solid var(--line)}
.ju-liczby dt{font-size:var(--fs-1);color:var(--t2);font-weight:500}
.ju-liczby dd{margin:2px 0 0;font-family:var(--fd);font-size:calc(var(--fs-6) * 1.1);font-weight:600;letter-spacing:-.03em;line-height:1.1;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.ju-bez,.ju-ukryte{margin:var(--s3) 0 0;font-size:var(--fs-1);color:var(--t2);line-height:1.5}
.ju-tab-wrap{overflow-x:auto}
.ju-tab{width:100%;border-collapse:collapse;font-size:var(--fs-2)}
.ju-tab th,.ju-tab td{padding:6px 8px;text-align:left;vertical-align:top;border-bottom:var(--bw) solid var(--line)}
.ju-tab thead th{font-size:var(--fs-1);color:var(--t2);font-weight:500}
.ju-tab tbody th{font-weight:600;color:var(--t1)}
.ju-tab .k{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ju-tab .ju-g,.ju-tab .ju-p{white-space:nowrap;font-variant-numeric:tabular-nums}
.ju-tab small{display:block;margin-top:2px;font-size:var(--fs-0);font-weight:400;color:var(--t3);white-space:normal}
.ju-tab .ju-m{font-weight:600}
.ju-zal summary{cursor:pointer;font-weight:500;color:var(--t2)}
.ju-zal p{margin:var(--s2) 0 0}

@media (max-width:640px){
  .ju-liczby{grid-template-columns:minmax(0,1fr);gap:var(--s3)}
}

/* ── wydruk: jedna kartka A4 przy typowym dniu (druk.css ustawia @page A4 i chowa nawigację) ── */
@media print{
  .ju-druk-t{display:block;margin:0 0 6pt;font-size:14pt;font-weight:600;color:#000}
  .ju .d10-pod{font-size:9pt;margin:0 0 4pt}
  .ju .d10-gora{margin:0}
  .ju .d10-k{border:0 !important;padding:0 !important;margin:0 0 8pt !important;break-inside:avoid}
  .ju .d10-k-g{margin:0 0 2pt}
  .ju .d10-oko{font-size:9pt;font-weight:600;text-transform:none;color:#000}
  .ju-liczby{gap:12pt}
  .ju-liczby>div{padding-top:3pt;border-top:1px solid #8c8c8c}
  .ju-liczby dt{font-size:8.5pt}
  .ju-liczby dd{font-size:13pt}
  .ju-bez,.ju-ukryte{font-size:8.5pt;margin-top:3pt}
  .ju-tab-wrap{overflow:visible}
  .ju-tab{font-size:8.5pt}
  .ju-tab th,.ju-tab td{padding:2pt 4pt}
  .ju-tab small{font-size:7.5pt}
  .ju-druk-zal{display:block;margin:6pt 0 0;font-size:8pt;color:#2b2b2b;line-height:1.35}
  .ju .d10-demo{border:1px solid #8c8c8c;padding:3pt 6pt;margin:0 0 6pt;font-size:8.5pt}
}