/* REVIEW-14 (bird's eye view) a REVIEW-15 (hodnocení zaměstnanců): vzhled nového tvaru briefingu (dily/_briefing.html).
   - hlavička PU5 jako jeden blok malým písmem nad lištou;
   - „Firma na první pohled“: věty shrnutí a mřížka dlaždic (1 sloupec na mobilu, 2, 3 a na velkém monitoru 4);
   - záložky (tablist) na počítači a tabletu, akordeon na mobilu (briefing_zalozky.js), bez skriptu a v tisku vše pod sebou.
   Načítá se z šablony až po ostatních stylech složky, ať přebije slozka-kolo2.css (.briefing__*). */

@media screen {
  /* ---------- hlavička PU5: znění beze změny, jen malým písmem v jednom bloku ---------- */
  main.app .sl-hlavicka-dilu.briefing__pu5 {
    background: none; border-radius: 0; padding: 0; margin: 0 0 var(--m-2);
    font-size: var(--velikost-s); line-height: 1.5; color: var(--tlumeny);
  }
  main.app .briefing__pu5 p { margin: 0; max-width: 90ch; line-height: 1.5; }
  /* S11: „Nahlásit chybu“ ve větě PU5 je tlačítko, ne odkaz: výjimka pro odkaz ve větě se na něj nevztahuje, cíl je 44 px */
  main.app .briefing__pu5 .sl-odkaz-tlacitko { display: inline-flex; min-height: 2.75rem; padding: 0 0.25rem; font-size: inherit; vertical-align: middle; }

  /* ---------- Firma na první pohled ---------- */
  .briefing__prehled { margin: var(--m-4) 0 var(--m-5); }
  main.app .sl-stranka .briefing__prehled h2 { margin: 0 0 var(--m-3); }
  .briefing__shrnuti { margin: 0 0 var(--m-4); max-width: 78ch; font-size: var(--velikost-l); line-height: 1.5; }
  .briefing__dlazdice {
    display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-flow: dense; gap: var(--m-3); margin: 0; padding: 0;
  }
  .briefing__dlazdice-karta {
    display: grid; gap: 0.25rem; align-content: start; min-width: 0; margin: 0;
    padding: var(--m-3) var(--m-4); border: 1px solid var(--linka); border-radius: 14px; background: var(--plocha);
  }
  .briefing__dlazdice-karta dt { margin: 0; }
  .briefing__dlazdice-karta dd { margin: 0; display: grid; gap: 0.1rem; overflow-wrap: anywhere; }
  .briefing__dlazdice-karta dd + dd { margin-top: 0.4rem; padding-top: 0.4rem; border-top: 1px dashed var(--linka); }
  .briefing__dlazdice-karta--prazdna { background: transparent; border-style: dashed; }
  .briefing__hodnota--nezjisteno { font-weight: 600; color: var(--tlumeny); }
  .briefing__tip { font-size: var(--velikost-s); color: var(--tlumeny); line-height: 1.4; }
  .briefing__meta { font-size: var(--velikost-s); color: var(--tlumeny); }
  .briefing__zdroj-radek { font-size: var(--velikost-xs); color: var(--tlumeny); }
  .briefing__zdroj-radek .briefing__ref { font-size: 1em; margin-left: 0; }
  .briefing__datum-zdroje { font-size: var(--velikost-xs); color: var(--tlumeny); }
  @media (min-width: 40rem) {
    .briefing__dlazdice { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .briefing__dlazdice-karta--core, .briefing__dlazdice-karta--vedeni { grid-column: span 2; }
  }
  @media (min-width: 64rem) { .briefing__dlazdice { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  @media (min-width: 90rem) {
    .briefing__dlazdice { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--m-4); }
    .briefing__dlazdice-karta--vedeni { grid-column: span 2; }
  }

  /* ---------- záložky a akordeon ---------- */
  .briefing-z { margin: var(--m-5) 0; }
  main.app .sl-stranka .briefing-z > h2 { margin: 0 0 var(--m-2); }
  .briefing-z__lista { display: flex; flex-wrap: wrap; gap: 0 var(--m-2); border-bottom: 2px solid var(--linka); margin-bottom: var(--m-2); }
  .briefing-z__lista[hidden], .briefing-z__panel[hidden], .briefing-z__obsah[hidden] { display: none; }
  .briefing-z__tab {
    appearance: none; background: none; border: 0; border-bottom: 3px solid transparent; margin-bottom: -2px;
    padding: 0.55rem var(--m-3); min-height: 2.75rem; font: inherit; font-weight: 600; color: var(--tlumeny); cursor: pointer;
  }
  .briefing-z__tab:hover { color: var(--text); }
  .briefing-z__tab[aria-selected="true"] { color: var(--produkt-text); border-bottom-color: var(--produkt); }
  .briefing-z__tab:focus-visible, .briefing-z__kap-tl:focus-visible, .briefing-z__panel:focus-visible {
    outline: 3px solid var(--produkt); outline-offset: -3px; border-radius: 6px;
  }
  .briefing-z__panel { padding: var(--m-3) 0 var(--m-2); }
  .briefing-z__panel > p, .briefing-z__panel .briefing__seznam, .briefing-z__panel .briefing__ucel,
  .briefing-z__panel .briefing__hodnoceni-ai > p { max-width: 78ch; }
  /* S12 (QA-01abe85): nadpis části zůstává ve stromu nadpisů (h2 Podrobnosti → h3 část → h4 podnadpis), jen se v záložkách neukazuje
     (název je na záložce). Dřív display: none a h2 přeskakoval rovnou na h4. */
  .briefing-z--zalozky .briefing-z__kap {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0);
    clip-path: inset(50%); white-space: nowrap; border: 0;
  }
  .briefing-z__kap { margin: 0 0 var(--m-2); }
  .briefing-z__podnadpis {
    margin: var(--m-4) 0 var(--m-2); font: 700 var(--velikost-xs)/1.3 var(--pismo-text);
    letter-spacing: 0.08em; text-transform: uppercase; color: var(--tlumeny);
  }
  .briefing-z__panel > .briefing-z__podnadpis:first-child { margin-top: 0; }

  /* akordeon (mobil): nadpis každé části je tlačítko přes celou šířku */
  .briefing-z--akordeon .briefing-z__kap { margin: 0; border-top: 1px solid var(--linka); }
  .briefing-z--akordeon .briefing-z__panel { padding: 0 0 var(--m-3); }
  .briefing-z__kap-tl {
    appearance: none; background: none; border: 0; width: 100%; display: flex; justify-content: space-between; align-items: center;
    gap: var(--m-3); min-height: 2.75rem; padding: 0.6rem 0; font: 700 var(--velikost-m)/1.3 var(--pismo-text);
    color: var(--text); text-align: left; cursor: pointer;
  }
  .briefing-z__kap-znak { flex: none; width: 1.5rem; text-align: center; font-size: 1.25rem; color: var(--produkt-text); }
  .briefing-z__kap-znak::before { content: "+"; }
  .briefing-z__kap-tl[aria-expanded="true"] .briefing-z__kap-znak::before { content: "\2013"; }

  /* ---------- hodnocení zaměstnanců ---------- */
  .briefing__odkazy-portalu { list-style: none; margin: var(--m-2) 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--m-2); }
  .briefing__odkazy-portalu a {
    display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0.2rem var(--m-4);
    border: 1px solid var(--linka-pole); border-radius: 999px; font-weight: 600; text-decoration: none;
  }
  .briefing__odkazy-portalu a:hover { background: var(--produkt-plocha); }
  .briefing__portaly {
    list-style: none; margin: var(--m-3) 0; padding: 0; display: grid; gap: var(--m-3);
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
  }
  .briefing__portal {
    display: grid; gap: 0.2rem; align-content: start; padding: var(--m-3) var(--m-4);
    border: 1px solid var(--linka); border-radius: 14px; background: var(--plocha);
  }
  .briefing__cislo { font-weight: 700; font-size: var(--velikost-l); }
  .briefing__hodnoceni-ai { margin: 0 0 var(--m-4); padding: var(--m-3) var(--m-4); border-radius: 14px; background: var(--n-mata); }
  .briefing__hodnoceni-ai > .briefing-z__podnadpis:first-child { margin-top: 0; }


  /* S11: odkaz na zdroj [n] a „web“ v dlaždicích a kartách briefingu stojí na vlastním řádku, ne ve větě: cíl 44 × 44 px */
  .briefing__dlazdice-karta .briefing__ref, .briefing__karta .briefing__ref { vertical-align: baseline; font-size: 1em; }
  .briefing__dlazdice-karta .briefing__ref a, .briefing__karta .briefing__ref a,
  .briefing__dlazdice-karta .briefing__hodnota a, .briefing__zdroj-radek a {
    display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; min-height: 2.75rem;
  }
  .briefing__dlazdice-karta .briefing__hodnota a { justify-content: flex-start; }
  .briefing__zdroj-radek { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--m-2); }
}

/* velký monitor: text záložek do rozumné šířky řádku, karty ve sloupcích */
@media screen and (min-width: 90rem) {
  .briefing-z__panel .briefing__karty { grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); }
  .briefing-z__panel .briefing__body { max-width: 90ch; }
}

/* ---------- tisk a PDF: všechny části rozbalené pod sebou, bez ovládání ---------- */
@media print {
  .briefing-z__lista { display: none !important; }
  .briefing-z__panel[hidden], .briefing-z__obsah[hidden] { display: block !important; }
  .briefing-z__kap, .briefing-z--zalozky .briefing-z__kap { display: block !important; margin: var(--m-3) 0 var(--m-2); }
  .briefing-z__kap-tl {
    appearance: none; background: none; border: 0; width: auto; padding: 0; min-height: 0; display: inline;
    font: inherit; font-weight: 700; color: inherit; cursor: default;
  }
  .briefing-z__kap-znak { display: none; }
  .briefing__dlazdice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.4rem; margin: 0; padding: 0; }
  .briefing__dlazdice-karta dt, .briefing__dlazdice-karta dd { margin: 0; }
  .briefing__dlazdice-karta dt { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; }
  .briefing__portaly, .briefing__karty { list-style: none; margin: 0.4rem 0; padding: 0; }
  .briefing__portal { display: flex; flex-wrap: wrap; gap: 0 0.5rem; margin-bottom: 0.3rem; }
  .briefing__dlazdice-karta, .briefing__portal, .briefing__karta { break-inside: avoid; border: 1px solid #999; padding: 0.3rem 0.5rem; }
  .briefing__odkazy-portalu a { text-decoration: underline; }
  .briefing__pu5 { font-size: 0.8rem; }
}