/* Mobilni checklist: pouziva barvy, inputy, tlacitka a bannery HQ. */
.viewing{max-width:720px;margin:0 auto;font-size:16px;scroll-margin-top:12px}
.viewing [hidden]{display:none!important}
.viewing-heading h1{font-size:clamp(25px,5.5vw,32px);margin:6px 0 12px}
.viewing-heading p{margin:0 0 12px}
.viewing-kicker{font-size:11px;letter-spacing:.08em;color:var(--muted);font-weight:600}
.viewing-back{display:inline-flex;min-height:44px;align-items:center}
.viewing-back+.viewing-back{margin-left:16px}
.viewing-date{margin-top:16px}
.viewing-phase-date{display:block;margin-top:4px;font-size:13px;font-weight:400;color:var(--muted)}
.viewing-setup{margin:20px 0 8px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}
.viewing-mode{padding:0;margin:0 0 12px;border:0;display:flex;gap:12px;flex-wrap:wrap}
.viewing-mode legend{font-weight:600;margin-bottom:4px}
.viewing-mode label{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 12px 0 0;cursor:pointer}
.viewing input[type=checkbox],.viewing input[type=radio]{width:22px;height:22px;margin:0;accent-color:var(--navy);flex:none;cursor:pointer}
.viewing-name-label{display:block;margin-bottom:6px}
.viewing label span{color:var(--muted);font-size:13px}
.viewing .input{width:100%;min-height:48px;font-size:16px}
.viewing-storage,.viewing-footnote,.viewing-credit{color:var(--muted);font-size:13px;line-height:1.6}
.viewing-storage{margin:10px 0 0}
.viewing-setup .app-banner{margin:12px 0 0}
.viewing-progress{position:sticky;top:0;z-index:5;background:var(--bg);padding:8px 0 12px;border-bottom:1px solid var(--line)}
.viewing-progress-text{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.viewing-filter{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.viewing progress{display:block;width:100%;height:6px;border:0;border-radius:6px;overflow:hidden;background:var(--line);color:var(--navy)}
.viewing progress::-webkit-progress-bar{background:var(--line)}
.viewing progress::-webkit-progress-value{background:var(--navy)}
.viewing progress::-moz-progress-bar{background:var(--navy)}
.viewing-group h2{font-size:18px;margin:24px 0 12px}
.viewing-item{display:grid;grid-template-columns:48px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r-md);margin:0 0 10px;background:var(--bg);scroll-margin-top:120px}
.viewing-check{display:flex;align-items:flex-start;justify-content:center;min-height:56px;padding-top:17px;cursor:pointer}
.viewing-item details{min-width:0}
.viewing-item summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:12px 14px 12px 0;cursor:pointer;list-style:none;font-weight:600;line-height:1.4}
.viewing-item summary::-webkit-details-marker{display:none}
.viewing-chevron{font-size:22px;flex:none;line-height:1}
.viewing-item details[open] .viewing-chevron{transform:rotate(180deg)}
.viewing-item.is-done{background:var(--surface)}
.viewing-note-indicator{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}
.viewing-item-content{padding:0 14px 16px 0}
.viewing-item-content p{margin:0 0 14px;line-height:1.6}
.viewing-item-content label{display:block;font-size:14px;margin-bottom:6px}
.viewing-item textarea{display:block;resize:vertical;min-height:84px;max-width:100%}
.viewing-options{border-top:1px solid var(--line);margin-top:24px}
.viewing-options>summary{padding:14px 0;min-height:48px;cursor:pointer;color:var(--navy)}
.viewing-actions{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 16px}
.viewing .btn{min-height:48px;white-space:normal}
.viewing :focus-visible{outline:3px solid var(--accent-blue);outline-offset:3px}
.viewing-empty{padding:16px;background:var(--surface);border-radius:var(--r-md)}
.viewing-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.viewing-print-brand,.viewing-print-context,.viewing-print-note{display:none}
@media(max-width:380px){.viewing-setup{padding:12px}.viewing-progress-text{font-size:12px}.viewing-filter{gap:6px}.viewing-actions .btn{width:100%}}
@media print{
  @page{margin:14mm}
  body.viewing-page{background:white;color:#000;font-size:10pt}
  .viewing-page .site-header,.viewing-page .site-footer,.viewing-page .prefooter-banner,.viewing-page .cookie-consent,.viewing-page #cookie-preferences{display:none!important}
  .viewing-page .site-main{max-width:none;padding:0;margin:0}
  .viewing{max-width:none;font-size:10pt}
  .viewing-print-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #aaa;padding-bottom:8px;margin-bottom:12px;font-size:10pt}
  .viewing-print-brand img{width:150px;height:auto}
  .viewing-heading h1{font-size:19pt}
  .viewing-kicker,.viewing-heading>p:not(.viewing-kicker),.viewing-back,.viewing-mode,.viewing-date,.viewing-name-label,#viewing-name,.viewing-storage,.viewing-progress,.viewing-empty,.viewing-options,.viewing .app-banner,.viewing-chevron,.viewing-note-indicator,.viewing-item textarea,.viewing-item-content>label{display:none!important}
  .viewing-setup{border:0;padding:0;margin:0;background:white}
  .viewing-setup .viewing-actions{display:none!important}
  .viewing-print-context{display:block;font-weight:600}
  .viewing-group h2{font-size:13pt;margin:14px 0 8px;break-after:avoid}
  .viewing-item,.viewing .viewing-item[hidden]{display:grid!important;grid-template-columns:30px minmax(0,1fr);break-inside:avoid;border-radius:0;margin-bottom:6px;background:white}
  .viewing-check{padding-top:9px;min-height:0}
  .viewing input[type=checkbox]{width:15px;height:15px;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .viewing-item summary{min-height:0;padding:7px 8px 4px 0;font-size:10pt}
  .viewing-item-content{padding:0 8px 6px 0}
  .viewing-item-content p{margin:0 0 4px;font-size:9pt;line-height:1.4}
  .viewing-item .viewing-print-note{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-style:italic}
  .viewing .viewing-footnote,.viewing-credit{font-size:9pt}
}