/* Doplňky stránky „Spadám pod NIS2?“ nad tokeny webu. Vlastní styl nástroje je v nis2/nis2-nastroj.css. */
.note-box { background: var(--warn-bg); border-left: 4px solid var(--warn-border); padding: 1rem; margin: 0; }
.table-note { color: var(--text-muted); font-size: .9375rem; max-width: 46rem; }
.dopis-card { max-width: 40rem; margin: 0 auto; background: var(--surface); border: 1px solid var(--border); border-top: 6px solid var(--text); border-radius: var(--radius); padding: clamp(1.25rem, 5vw, 2.25rem); }
.dopis-kod { display: inline-block; margin: 0 0 1.25rem; padding: .35rem .7rem; background: var(--mata); border-radius: var(--radius-sm); font-weight: 700; letter-spacing: .04em; }
.dopis-zadat { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: .5rem; align-items: flex-end; }
.dopis-zadat label { display: block; font-weight: 700; width: 100%; }
.dopis-zadat input[type="text"] { min-height: 48px; padding: .5rem .75rem; border: 1px solid var(--text-muted); border-radius: var(--radius-sm); font: inherit; background: var(--surface); color: var(--text); text-transform: uppercase; flex: 1 1 12rem; }
.dopis-zadat input[type="text"]:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.dopis-chyba { width: 100%; margin: 0; color: var(--text); background: var(--warn-bg); border-left: 4px solid var(--warn-border); padding: .5rem .8rem; font-weight: 700; }
.dopis-card [hidden] { display: none !important; }
.dopis-note { font-size: .9375rem; color: var(--text-muted); margin: 1.5rem 0 0; }