/*
 * Svi popisi dokumenata — SAMO MOBILNI PRIKAZ (do 767 px). Handoff
 * „dokumenti_mobilni_prikaz" v3 (14.10.2026.), zamjenjuje 2.80.0 (v1, plocica formata).
 *
 *   Naziv dokumenta                                [↓]
 *   Kategorija · PDF · 25. rujna 2026.
 *
 *   – dodir na redak = Pregled (postojeci `.cb-pregled` preko cijelog retka, JS se ne mijenja)
 *   – ikona ↓ = preuzimanje (44 × 44)
 *   – kategorija i datum samo ako ih widget ispisuje; velicina datoteke se ne prikazuje
 *   – bez kvacica i skupnog ZIP-a (ostaju na tabletu i desktopu)
 *
 * Pokriva: .cerna-pagedocs (blok Dokumenti) · .crg (registri) · .csj (sjednice)
 *          .cerna-dok-kutija (prilozi u objavama i natjecajima) · .cerna-kal__pdfs (kalendar odvoza)
 *          .cdoc (rezultati pretrage na /dokumenti/ — handoff: „primijenite isti redak")
 * Filtri registra i sjednice kao padajuci izbornici: cerna-filtri-mobitel.js.
 *
 * Handoff je pisan bez osnovnih stilova widgeta. Ovdje svaki selektor ima
 * udvostrucen korijen i element (0-4-0), jer osnovna pravila imaju do 0-3-0
 * (`.crg .crg-znak.crg-znak`, `.cerna-kal .cerna-kal__pdf.cerna-kal__pdf`), a
 * stanja do 0-4-0 (`.is-primarna`). Ponistava se i uski redak iz 2.79.0
 * (`::before` tocke, `::after` prijelom retka) i okvir kutije priloga.
 */

/* Izbornici postoje samo na mobitelu. */
@media (min-width: 768px) { .crg-padajuci, .csj-padajuci { display: none !important; } }

@media (max-width: 767.98px) {

  /* `[hidden]` (0-0-0) gubi od vlastitog `display: flex` retka. */
  .cerna-pagedocs__row[hidden], .crg-red[hidden], .csj-red[hidden], .cerna-dok-red[hidden],
  .cerna-kal__pdf[hidden], .cdoc__row[hidden] { display: none !important; }

  /* ================================================================ zaglavlje bloka */

  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__head.cerna-pagedocs__head,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-glava.cerna-dok-glava,
  .csj.csj .csj-grupa-glava.csj-grupa-glava {
    /* wrap: na 320 px „DOKUMENTACIJA ZONE" + brojac ne stanu (Gospodarska zona). */
    display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px;
    margin: 0 0 12px; padding: 0; border: 0; background: none;
  }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__title.cerna-pagedocs__title {
    margin: 0; font-size: 22px; line-height: 1.2; letter-spacing: 0.06em; white-space: normal;
  }
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-nadnaslov.cerna-dok-nadnaslov {
    display: flex; align-items: baseline; justify-content: space-between; gap: 12px; width: 100%;
    font-family: "Montserrat", system-ui, sans-serif; font-size: 22px; font-weight: 800;
    line-height: 1.2; letter-spacing: 0.06em; text-transform: uppercase; color: #1f2c33;
  }
  .csj.csj .csj-grupa-naziv.csj-grupa-naziv {
    font-family: "Montserrat", system-ui, sans-serif; font-size: 12px; font-weight: 700; line-height: normal;
    letter-spacing: 0.12em; text-transform: uppercase; color: #37474f;
  }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__count.cerna-pagedocs__count,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-broj.cerna-dok-broj,
  .csj.csj .csj-grupa-broj.csj-grupa-broj {
    margin-left: auto; font-family: "Barlow", system-ui, sans-serif; font-size: 14px; font-weight: 400; line-height: normal;
    letter-spacing: 0; text-transform: none; color: #586f7c; white-space: nowrap;
  }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__rule,
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__colhead,
  .csj.csj .csj-grupa-crta,
  .crg.crg .crg-glava { display: none; }
  .cerna-dok-kutija.cerna-dok-kutija { margin: 32px 0 0; padding: 0; border: 0; background: none; }
  .csj.csj .csj-grupa.csj-grupa { margin: 0 0 24px; }

  /* ================================================================ redak */

  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__row.cerna-pagedocs__row,
  .crg.crg .crg-red.crg-red,
  .csj.csj .csj-red.csj-red,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-red.cerna-dok-red,
  .cerna-kal.cerna-kal .cerna-kal__pdf.cerna-kal__pdf.cerna-kal__pdf,
  .cdoc.cdoc .cdoc__row.cdoc__row {
    position: relative;
    display: flex; flex-wrap: wrap; align-items: baseline; align-content: center; justify-content: flex-start;
    gap: 0; width: auto; height: auto;
    min-height: 72px; box-sizing: border-box; margin: 0; padding: 14px 58px 14px 0;
    border: 0; border-top: 1px solid #e6ecef; border-radius: 0; background: none; box-shadow: none;
    -webkit-tap-highlight-color: transparent;
  }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__row.cerna-pagedocs__row:last-child,
  .crg.crg .crg-red.crg-red:last-child,
  .csj.csj .csj-red.csj-red:last-child,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-red.cerna-dok-red:last-child,
  .cerna-kal.cerna-kal .cerna-kal__pdf.cerna-kal__pdf.cerna-kal__pdf:last-child,
  .cdoc.cdoc .cdoc__row.cdoc__row:last-child { border-bottom: 1px solid #e6ecef; }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__row.cerna-pagedocs__row:active,
  .crg.crg .crg-red.crg-red:active,
  .csj.csj .csj-red.csj-red:active,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-red.cerna-dok-red:active,
  .cerna-kal.cerna-kal .cerna-kal__pdf.cerna-kal__pdf.cerna-kal__pdf:active,
  .cdoc.cdoc .cdoc__row.cdoc__row:active { background: #f2f8fb; }
  /* Prijelom retka iz 2.79.0 (`::after` s `flex: 0 0 100%`). */
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__row.cerna-pagedocs__row::after,
  .crg.crg .crg-red.crg-red::after,
  .cdoc.cdoc .cdoc__row.cdoc__row::after { content: none; }

  /* Omotaci se „rastvaraju" da svi dijelovi budu u jednom retku. */
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__file,
  .crg.crg .crg-celija--naziv, .crg.crg .crg-celija--datoteka, .crg.crg .crg-naziv-blok,
  .csj.csj .csj-akcije,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-tekst, .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-akcije,
  .cdoc.cdoc .cdoc__cell-naziv, .cdoc.cdoc .cdoc__cell-dat { display: contents; }
  .crg.crg .crg-popis { margin: 0; padding: 0; list-style: none; }

  /* Naziv: cijeli prvi red. */
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__name.cerna-pagedocs__name,
  .crg.crg .crg-naziv.crg-naziv,
  .csj.csj .csj-ime.csj-ime,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-naziv.cerna-dok-naziv,
  .cerna-kal.cerna-kal .cerna-kal__pdf.cerna-kal__pdf.cerna-kal__pdf,
  .cdoc.cdoc .cdoc__naziv-t.cdoc__naziv-t {
    font-family: "Montserrat", system-ui, sans-serif; font-size: 16px; font-weight: 600;
    line-height: 1.35; letter-spacing: 0; text-transform: none; text-decoration: none;
    color: #1f2c33; text-wrap: pretty; overflow-wrap: anywhere;
  }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__name.cerna-pagedocs__name,
  .crg.crg .crg-naziv.crg-naziv,
  .csj.csj .csj-ime.csj-ime,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-naziv.cerna-dok-naziv,
  .cdoc.cdoc .cdoc__naziv-t.cdoc__naziv-t {
    order: 1; flex: 0 0 100%; min-width: 0; margin: 0 0 4px; padding: 0;
  }
  /* Opis dokumenta stoji unutar naziva bloka Dokumenti. */
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__note {
    display: block; margin-top: 2px; font-family: "Barlow", system-ui, sans-serif; font-size: 14px; font-weight: 400; color: #586f7c;
  }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__row.cerna-pagedocs__row:hover .cerna-pagedocs__name,
  .crg.crg .crg-red.crg-red:hover .crg-naziv,
  .csj.csj .csj-red.csj-red:hover .csj-ime,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-red.cerna-dok-red:hover .cerna-dok-naziv,
  .cerna-kal.cerna-kal .cerna-kal__pdf.cerna-kal__pdf.cerna-kal__pdf:hover,
  .cdoc.cdoc .cdoc__row.cdoc__row:hover .cdoc__naziv-t { color: #0f6c99; }

  /* Podaci: drugi red, redom kategorija · format · datum. */
  .crg.crg .crg-celija--vrsta.crg-celija--vrsta, .crg.crg .crg-znacka.crg-znacka,
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__ext.cerna-pagedocs__ext, .crg.crg .crg-znak.crg-znak,
  .csj.csj .csj-badge.csj-badge, .cdoc.cdoc .cdoc__ext.cdoc__ext,
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__date.cerna-pagedocs__date, .crg.crg .crg-celija--datum.crg-celija--datum,
  .cdoc.cdoc .cdoc__cell-datum.cdoc__cell-datum,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-meta.cerna-dok-meta,
  .cdoc.cdoc .cdoc__kat.cdoc__kat {
    flex: 0 0 auto; display: inline; width: auto; min-width: 0; height: auto; min-height: 0; margin: 0; padding: 0;
    border: 0; border-radius: 0; background: none; box-shadow: none; text-align: left;
    font-family: "Barlow", system-ui, sans-serif; font-size: 14px; font-weight: 400;
    line-height: 1.4; letter-spacing: 0; text-transform: none; color: #586f7c; white-space: nowrap;
  }
  /* Celija kategorije bez razmaka oko znacke (inace „Donacije  ·"). */
  .crg.crg .crg-celija--vrsta.crg-celija--vrsta { display: inline-flex; }
  .crg.crg .crg-celija--vrsta.crg-celija--vrsta, .cdoc.cdoc .cdoc__kat.cdoc__kat { order: 2; }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__ext.cerna-pagedocs__ext, .crg.crg .crg-znak.crg-znak,
  .csj.csj .csj-badge.csj-badge, .cdoc.cdoc .cdoc__ext.cdoc__ext { order: 3; }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__date.cerna-pagedocs__date, .crg.crg .crg-celija--datum.crg-celija--datum,
  .cdoc.cdoc .cdoc__cell-datum.cdoc__cell-datum { order: 4; }
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-meta.cerna-dok-meta { order: 2; }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__date:empty,
  .cdoc.cdoc .cdoc__cell-datum:empty { display: none; }
  .crg.crg .crg-celija--vrsta.crg-celija--vrsta::after,
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__ext.cerna-pagedocs__ext::after,
  .crg.crg .crg-znak.crg-znak::after,
  .cdoc.cdoc .cdoc__kat.cdoc__kat::after,
  .cdoc.cdoc .cdoc__ext.cdoc__ext::after { content: "\00a0·\00a0"; }
  /* Tocke ispred formata i velicine iz 2.79.0. */
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__ext.cerna-pagedocs__ext::before,
  .crg.crg .crg-znak.crg-znak::before,
  .cdoc.cdoc .cdoc__ext.cdoc__ext::before { content: none; margin: 0; }
  /* Bez datuma format je zadnji podatak, bez tocke iza. */
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__row:has(.cerna-pagedocs__date:empty) .cerna-pagedocs__ext.cerna-pagedocs__ext::after,
  .crg.crg .crg-red:has(.crg-celija--datum:empty) .crg-znak.crg-znak::after,
  .cdoc.cdoc .cdoc__row:has(.cdoc__cell-datum:empty) .cdoc__ext.cdoc__ext::after { content: none; }
  /* Oznaka registra u pretrazi je poveznica — iznad sloja Pregleda. */
  .cdoc.cdoc .cdoc__kat.cdoc__kat { position: relative; z-index: 2; }
  a.cdoc__kat.cdoc__kat:hover { color: #0f6c99; }

  /* Velicine datoteka se na mobitelu ne prikazuju. */
  .cerna-pagedocs__size, .crg-vel, .csj-vel, .csj-audio-vel, .cerna-dok-vel, .cdoc__vel { display: none !important; }

  /* Kategorija se ne ispisuje kad je u registru samo jedna ili kad je filtar
     aktivan (klase postavlja cerna-filtri-mobitel.js). */
  .crg.crg--jedna-kategorija .crg-celija--vrsta.crg-celija--vrsta,
  .crg.crg--filtar-kategorije .crg-celija--vrsta.crg-celija--vrsta { display: none; }
  /* Godina u planu nabave (.crg-meta) vec je u datumu. */
  .crg.crg .crg-meta { display: none; }
  /* U prilozima je format vec u .cerna-dok-meta („PDF"), a „Datoteka nije dostupna"
     zamjenjuje natpis „Nedostupno". */
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-ext,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-nedostupno { display: none; }

  /* Pregled: nevidljiv sloj preko cijelog retka. */
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__view.cerna-pagedocs__view,
  .crg.crg .crg-btn.cb-pregled.crg-btn--obris,
  .csj.csj .csj-pregled.csj-pregled.cb-pregled,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-pregled.cerna-dok-pregled.cb-pregled,
  .cdoc.cdoc .cdoc__btn.cdoc__btn.cb-pregled {
    position: absolute; inset: 0; z-index: 1;
    width: auto; height: auto; min-width: 0; min-height: 0; margin: 0; padding: 0;
    border: 0; border-radius: 0; background: transparent; box-shadow: none; opacity: 0; cursor: pointer;
  }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__row:has(.cb-pregled:focus-visible),
  .crg.crg .crg-red:has(.cb-pregled:focus-visible),
  .csj.csj .csj-red:has(.cb-pregled:focus-visible),
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-red:has(.cb-pregled:focus-visible),
  .cdoc.cdoc .cdoc__row:has(.cb-pregled:focus-visible) {
    outline: 3px solid rgba(128, 216, 255, 0.75); outline-offset: 2px;
  }

  /* Preuzimanje: ikona 44 × 44 desno, iznad sloja Pregleda. Hover navodi i
     pozadinu i boju — tema boji svaku poveznicu na hoveru. */
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__dl.cerna-pagedocs__dl,
  .crg.crg .crg-btn.crg-btn--pun.crg-btn--pun,
  .csj.csj .csj-preuzmi.csj-preuzmi,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-preuzmi.cerna-dok-preuzmi,
  .cdoc.cdoc .cdoc__btn.cdoc__btn--pun.cdoc__btn--pun {
    position: absolute; right: 0; top: 50%; z-index: 2; transform: translateY(-50%);
    width: 44px; height: 44px; min-width: 0; min-height: 0; box-sizing: border-box; margin: 0; padding: 0; gap: 0;
    display: flex; align-items: center; justify-content: center;
    border: 1px solid #cfdae0; border-radius: 0; background: #fff; box-shadow: none; color: #37474f;
  }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__dl.cerna-pagedocs__dl:is(:hover, :focus),
  .crg.crg .crg-btn.crg-btn--pun.crg-btn--pun:is(:hover, :focus),
  .csj.csj .csj-preuzmi.csj-preuzmi:is(:hover, :focus),
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-preuzmi.cerna-dok-preuzmi:is(:hover, :focus),
  .cdoc.cdoc .cdoc__btn.cdoc__btn--pun.cdoc__btn--pun:is(:hover, :focus) { border-color: #0f6c99; background: #fff; color: #0f6c99; }
  .cerna-pagedocs.cerna-pagedocs .cerna-pagedocs__dl.cerna-pagedocs__dl:focus-visible,
  .crg.crg .crg-btn.crg-btn--pun.crg-btn--pun:focus-visible,
  .csj.csj .csj-preuzmi.csj-preuzmi:focus-visible,
  .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-preuzmi.cerna-dok-preuzmi:focus-visible,
  .cdoc.cdoc .cdoc__btn.cdoc__btn--pun.cdoc__btn--pun:focus-visible,
  .cerna-kal.cerna-kal .cerna-kal__pdf.cerna-kal__pdf.cerna-kal__pdf:focus-visible { outline: 3px solid rgba(128, 216, 255, 0.75); outline-offset: 2px; }
  .crg.crg .crg-dl-tekst, .cerna-dok-kutija.cerna-dok-kutija .cerna-dok-pregled-tekst {
    display: inline; position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
  }

  /* Kalendar odvoza: poveznica na PDF je cijeli redak, ikona preuzimanja je ::after. */
  .cerna-kal.cerna-kal .cerna-kal__pdfs.cerna-kal__pdfs { display: block; margin: 18px 0 0; }
  .cerna-kal.cerna-kal .cerna-kal__pdf.cerna-kal__pdf.cerna-kal__pdf { align-items: center; }
  .cerna-kal.cerna-kal .cerna-kal__pdf.cerna-kal__pdf > svg { display: none; }
  .cerna-kal.cerna-kal .cerna-kal__pdf.cerna-kal__pdf.cerna-kal__pdf::after {
    content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
    width: 44px; height: 44px; box-sizing: border-box; border: 1px solid #cfdae0;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2337474f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.5v11m0 0-4-4m4 4 4-4M5 19.5h14'/%3E%3C/svg%3E") center / 16px no-repeat;
  }

  /* ================================================================ bez odabira na mobitelu */

  .crg-odabir, .cerna-dok-odabir, .crg-traka .crg-kvacica, .crg-traka__akcije,
  .cerna-dok-traka { display: none !important; }
  .crg.crg .crg-traka.crg-traka { display: block; min-height: 0; height: auto; margin: 0 0 4px; padding: 0; border: 0; background: none; }
  .crg.crg .crg-traka__sve.crg-traka__sve {
    display: block; min-height: 0; margin: 0; padding: 0; cursor: default;
    font-family: "Barlow", system-ui, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: #586f7c;
  }
  .crg.crg .crg-traka__broj.crg-traka__broj { font-size: inherit; color: inherit; }
  /* Uputa o skupnom preuzimanju ne vrijedi na mobitelu. */
  .crg-traka__uputa { display: none; }

  /* ================================================================ alati registra */

  /* Razmaci po handoffu (alati 12, traka 4) umjesto osnovnog `gap: 20px`; prazno
     stanje i zakljucak ispod popisa zadrzavaju 20 px. */
  .crg.crg { row-gap: 0; }
  .crg.crg .crg-prazno, .crg.crg .crg-zakljucak { margin-top: 20px; }

  .crg.crg .crg-alati.crg-alati {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 12px 10px;
    margin: 0 0 12px; padding: 0;
  }
  .crg.crg .crg-trazi.crg-trazi {
    grid-column: 1 / -1; position: relative; display: flex; align-items: center; gap: 0;
    width: 100%; height: auto; margin: 0; padding: 0; border: 0; background: none; box-shadow: none;
  }
  .crg.crg .crg-trazi.crg-trazi > svg { position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: #586f7c; pointer-events: none; }
  .crg.crg .crg-polje.crg-polje {
    width: 100%; height: 48px; box-sizing: border-box; margin: 0; padding: 0 14px 0 42px;
    border: 1px solid #cfdae0; border-radius: 0; background: #fff;
    font-family: "Barlow", system-ui, sans-serif; font-size: 16px; color: #1f2c33;
  }
  .crg.crg .crg-polje.crg-polje:focus { outline: 3px solid rgba(128, 216, 255, 0.75); outline-offset: 0; border-color: #0f6c99; }
  /* Filtri: gumbe zamjenjuju padajuci izbornici. Dva izbornika stoje jedan do drugog. */
  .crg.crg .crg-alati:has(.crg-padajuci) .crg-filtri { display: none; }
  .crg.crg .crg-padajuci, .csj.csj .cerna-padajuci { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0; }
  /* Samo jedan izbornik: preko cijele sirine. */
  .crg.crg .crg-alati:not(:has(.crg-padajuci ~ .crg-padajuci)) .crg-padajuci { grid-column: 1 / -1; }
  .crg.crg .crg-padajuci__oznaka.crg-padajuci__oznaka, .csj.csj .cerna-padajuci__oznaka.cerna-padajuci__oznaka {
    margin: 0; font-family: "Montserrat", system-ui, sans-serif; font-size: 11px; font-weight: 700; line-height: 1.3;
    letter-spacing: 0.12em; text-transform: uppercase; color: #586f7c;
  }
  .crg.crg .crg-padajuci__izbor.crg-padajuci__izbor, .csj.csj .cerna-padajuci__izbor.cerna-padajuci__izbor {
    -webkit-appearance: none; appearance: none;
    width: 100%; height: 48px; box-sizing: border-box; margin: 0; padding: 0 40px 0 14px;
    border: 1px solid #cfdae0; border-radius: 0; box-shadow: none;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2337474f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px no-repeat;
    font-family: "Barlow", system-ui, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; color: #1f2c33;
    text-overflow: ellipsis; cursor: pointer;
  }
  .csj.csj .cerna-padajuci__izbor.cerna-padajuci__izbor { font-weight: 600; }
  .crg.crg .crg-padajuci__izbor.crg-padajuci__izbor.is-odabrano { border-color: #37474f; box-shadow: inset 0 0 0 1px #37474f; font-weight: 600; }
  .crg.crg .crg-padajuci__izbor.crg-padajuci__izbor:focus-visible,
  .csj.csj .cerna-padajuci__izbor.cerna-padajuci__izbor:focus-visible { outline: 3px solid rgba(128, 216, 255, 0.75); outline-offset: 0; border-color: #0f6c99; }
  .crg.crg .crg-brojka.crg-brojka { display: flex; justify-content: flex-end; margin: 0; }
  .crg.crg .crg-poredak.crg-poredak {
    display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 0; padding: 0 2px;
    border: 0; background: none; color: #0f6c99; cursor: pointer;
    font-family: "Montserrat", system-ui, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  }
  .crg.crg .crg-poredak.crg-poredak svg { width: 16px; height: 16px; }
  .crg.crg .crg-prazno.crg-prazno { display: flex; align-items: center; min-height: 72px; box-sizing: border-box; padding: 18px; background: #f4f9fc; border: 1px solid #e6ecef; }
  .crg.crg .crg-prazno.crg-prazno[hidden] { display: none; }
  .crg.crg .crg-prazno__naslov { font-size: 16px; line-height: 1.5; color: #37474f; }

  /* ================================================================ sjednice: navigacija i zaglavlje */

  .csj.csj .csj-raspored.csj-raspored { display: flex !important; flex-direction: column; gap: 28px; }
  .csj.csj .csj-bocno.csj-bocno {
    align-self: stretch; width: auto; max-width: none; max-height: none; position: static; margin: 0; padding: 0;
    border: 0; background: none; box-shadow: none; overflow: visible;
  }
  /* Saziv i sjednica kao dva izbornika jedan ispod drugog; popis se skriva. */
  .csj.csj .csj-padajuci { display: flex; flex-direction: column; gap: 14px; }
  .csj.csj .csj-bocno:has(.csj-padajuci) .csj-sazivi { display: none; }
  /* Zapisnici cijelog saziva na mobitelu se ne nude — „Preuzmite sve" u sjednici ostaje. */
  .csj-zip { display: none !important; }
  .csj.csj .csj-preuzmi-sve.csj-preuzmi-sve {
    display: flex; align-items: center; justify-content: center; align-self: stretch; gap: 10px;
    height: auto; min-height: 48px; margin: 14px 0 0; padding: 0 16px; box-sizing: border-box;
    border: 1px solid #37474f; background: #37474f; color: #fff; text-align: center;
    font-family: "Montserrat", system-ui, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  }
  .csj.csj .csj-preuzmi-sve.csj-preuzmi-sve svg { width: 16px; height: 16px; flex: 0 0 auto; }
  .csj.csj .csj-panel.csj-panel { margin: 0; padding: 0; }
  .csj.csj .csj-panel-glava.csj-panel-glava { display: flex; flex-direction: column; align-items: stretch; gap: 6px; margin: 0 0 22px; padding: 0; border: 0; }
  .csj.csj .csj-naslov.csj-naslov { margin: 0; font-size: 24px; line-height: 1.2; }
  .csj.csj .csj-meta.csj-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 14.5px; color: #586f7c; }
  .csj.csj .csj-tocka { width: 4px; height: 4px; border-radius: 50%; background: #a9bcc5; }
  .csj.csj .csj-audio.csj-audio { margin: 0 0 26px; padding: 14px; background: #f4f9fc; border: 1px solid #e6ecef; }
  .csj.csj .csj-audio-vrh.csj-audio-vrh { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 10px; }
  .csj.csj .csj-audio-naslov.csj-audio-naslov { font-family: "Montserrat", system-ui, sans-serif; font-size: 13px; font-weight: 700; color: #1f2c33; }
  .csj.csj .csj-audio-preuzmi.csj-audio-preuzmi { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 14px; color: #0f6c99; white-space: nowrap; }
  .csj.csj .csj-audio-red.csj-audio-red { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 12px; }
  .csj.csj .csj-play.csj-play { flex: 0 0 auto; width: 44px; height: 44px; }
  .csj.csj .csj-traka.csj-traka { flex: 1 1 120px; min-width: 0; }
  /* Klizac glasnoce: na mobitelu glasnoca je na tipkama uredaja. */
  .csj.csj .csj-zvuk { display: none; }
  .csj.csj .csj-napomena.csj-napomena { margin: 0; padding: 0; border: 0; background: none; font-size: 14.5px; line-height: 1.55; color: #586f7c; }
}