:root, html[data-tema="bastina"] {
    --mastilo: #1c1612;
    --kamen: #e7e0d2;
    --hartija: #f6f1e7;
    --zlato: #8d7343;
    --linija: #d9d0c1;
    --tiho: #5e564c;
    --vino: #6d2430;
    --traka: #1d4e89;
    --traka-svetlo: #3c72ae;
    --traka-tamno: #143864;
    --traka-tekst: #f4f8fb;
    --pod: #efe8db;
    --pod-dno: #e4dccb;
    --izbor: #e5f2ea;
    --izbor-jako: #9dceb0;
    --dugme-dno: #efe6d6;
    --dugme-ivica: #8d7343;
}
html[data-tema="noc"] {
    --mastilo: #f3efe6;
    --kamen: #12161c;
    --hartija: #1c222b;
    --zlato: #d4b483;
    --linija: #313844;
    --tiho: #b7c0cc;
    --vino: #e07a86;
    --traka: #243044;
    --traka-svetlo: #3a4c66;
    --traka-tamno: #121820;
    --traka-tekst: #f3efe6;
    --pod: #181d25;
    --pod-dno: #12161c;
    --izbor: #243528;
    --izbor-jako: #4d7356;
    --dugme-dno: #171c24;
    --dugme-ivica: #d4b483;
}
html[data-tema="vino"] {
    --mastilo: #2a1216;
    --kamen: #f3e6e4;
    --hartija: #fbf6f4;
    --zlato: #8d7343;
    --linija: #e2cfc9;
    --tiho: #6d534c;
    --vino: #6d2430;
    --traka: #6d2430;
    --traka-svetlo: #8d3a48;
    --traka-tamno: #4e1822;
    --traka-tekst: #fbf6f4;
    --pod: #f6ece8;
    --pod-dno: #eddcd6;
    --izbor: #f3e4e2;
    --izbor-jako: #d9a8a8;
    --dugme-dno: #f3e6e2;
    --dugme-ivica: #8d7343;
}
html[data-tema="hladno"] {
    --mastilo: #1a2433;
    --kamen: #e4edf5;
    --hartija: #f7fafc;
    --zlato: #1d4e89;
    --linija: #c5d4e2;
    --tiho: #4c5d70;
    --vino: #8d2d3a;
    --traka: #1d4e89;
    --traka-svetlo: #3d74b4;
    --traka-tamno: #143864;
    --traka-tekst: #f4f8fb;
    --pod: #d5e3f0;
    --pod-dno: #c5d7e8;
    --izbor: #e3f3ea;
    --izbor-jako: #9ed4b6;
    --dugme-dno: #e7f0f7;
    --dugme-ivica: #1d4e89;
}
html[data-tema="zlato"] {
    --mastilo: #2a2116;
    --kamen: #f3ead7;
    --hartija: #fbf7ee;
    --zlato: #8a6a2f;
    --linija: #e4d5b5;
    --tiho: #6d5c42;
    --vino: #6d2430;
    --traka: #5c4318;
    --traka-svetlo: #8a6830;
    --traka-tamno: #3d2e16;
    --traka-tekst: #f8efd4;
    --pod: #f6edd8;
    --pod-dno: #ead9b4;
    --izbor: #f4edd4;
    --izbor-jako: #d4c07a;
    --dugme-dno: #f6edd8;
    --dugme-ivica: #8a6a2f;
}
html[data-tema="magla"] {
    --mastilo: #243038;
    --kamen: #e7eef0;
    --hartija: #f7fbfb;
    --zlato: #3d6b73;
    --linija: #c9d6d8;
    --tiho: #5c6d72;
    --vino: #8d3b48;
    --traka: #2f4f56;
    --traka-svetlo: #4d757c;
    --traka-tamno: #1e353a;
    --traka-tekst: #f4fbfb;
    --pod: #dde7e8;
    --pod-dno: #c9d8da;
    --izbor: #e3f1ee;
    --izbor-jako: #9ecfc6;
    --dugme-dno: #e7f1f1;
    --dugme-ivica: #3d6b73;
}
html[data-tema="papir"] {
    --mastilo: #1a1a1a;
    --kamen: #f4f4f1;
    --hartija: #ffffff;
    --zlato: #1d4e89;
    --linija: #d8d8d4;
    --tiho: #5c5c58;
    --vino: #8d2d3a;
    --traka: #1d4e89;
    --traka-svetlo: #3d74b4;
    --traka-tamno: #143864;
    --traka-tekst: #ffffff;
    --pod: #e8eef6;
    --pod-dno: #d5e0ee;
    --izbor: #e7f6ec;
    --izbor-jako: #a3d8b4;
    --dugme-dno: #f3f5f8;
    --dugme-ivica: #1d4e89;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; max-width: 100%; }
body {
    background: var(--kamen);
    color: var(--mastilo);
    font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
    overflow-x: clip;
}
html[data-tema="noc"] body { background: radial-gradient(1200px 640px at 8% -10%, #2a3548, var(--kamen) 58%); }
html[data-tema="vino"] body { background: radial-gradient(900px 480px at 100% 0%, #f8ece8, var(--kamen) 46%); }
html[data-tema="zlato"] body { background: radial-gradient(900px 420px at 0% 0%, #f8efd4, var(--kamen) 52%); }
html[data-tema="magla"] body { background: radial-gradient(1000px 520px at 80% 0%, #f7fbfb, #d5e0e2 42%, var(--kamen)); }
a { color: inherit; }
h1, h2, p { margin: 0; }
h1 { font-weight: 500; letter-spacing: -0.02em; }
h2 {
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--zlato);
    margin: 1.4rem 0 0.45rem;
}
.okvir { height: 100vh; height: 100dvh; max-width: 100%; overflow: hidden; display: flex; flex-direction: column; background: transparent; color: var(--mastilo); }
.venac {
    height: 1cm;
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 0 max(1.1rem, env(safe-area-inset-right)) 0 max(1.1rem, env(safe-area-inset-left));
    background: var(--traka);
    color: var(--traka-tekst);
    flex: 0 0 auto;
    min-width: 0;
    max-width: 100%;
}
.znak {
    text-decoration: none;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-size: 0.72rem;
    white-space: nowrap;
}
.hor { display: flex; gap: 1rem; flex: 1; min-width: 0; overflow: auto; }
.hor a, .pod a {
    text-decoration: none;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0.72;
}
.hor a, .pod a { padding: .15rem .2rem; border-radius: 2px; transition: background .16s ease, opacity .16s ease; }
.hor a:hover, .pod a:hover { opacity: 1; background: rgba(255, 255, 255, .12); }
.pod a:hover { background: var(--izbor); }
.hor a.tu, .pod a.tu { opacity: 1; box-shadow: inset 0 -2px 0 var(--zlato); }
.jezik { display: flex; align-items: center; gap: 0.4rem; font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; flex: 0 0 auto; }
.jezik select, .maska select, .maska input, .maska textarea, .trazi, .pad input, .ispod input, .rtf-list {
    font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
    background: var(--hartija);
    color: var(--mastilo);
    border: 1px solid var(--linija);
    border-radius: 8px;
    padding: 0.42rem 0.65rem;
}
.maska textarea, .rtf-list { border-radius: 10px; }
.maska input:not([type=checkbox]):focus,
.maska select:focus,
.maska textarea:focus,
.trazi:focus,
.pad input:focus,
.ispod input:focus,
.rtf-list:focus {
    outline: none;
    border-color: var(--traka);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--traka) 22%, transparent);
}
.jezik select, .tema select {
    background: transparent;
    color: var(--traka-tekst);
    border-color: transparent;
    border-radius: 6px;
    box-shadow: none;
    color-scheme: light;
}
.jezik select option, .tema select option {
    background-color: #f6f1e7;
    color: #1c1612;
}
.pod {
    display: flex;
    gap: 0.9rem;
    overflow: auto;
    padding: 0.35rem max(1.1rem, env(safe-area-inset-right)) 0.35rem max(1.1rem, env(safe-area-inset-left));
    background: var(--pod);
    border-bottom: 1px solid var(--linija);
    flex: 0 0 auto;
    min-width: 0;
    max-width: 100%;
}
.telo { flex: 1; min-height: 0; min-width: 0; max-width: 100%; display: flex; flex-direction: column; overflow: hidden; }
.telo > article { flex: 1; min-height: 0; overflow: auto; }
.telo > article.registar, .telo > article.radna, .telo > article.zivot, .telo > article.dvorana { overflow: hidden; }
.telo > article.dvorana { display: flex; flex-direction: column; padding-bottom: 1.2rem; position: relative; }
.dvorana-film {
    position: absolute;
    z-index: 1;
    top: 1.15rem;
    right: 8vw;
    width: min(28rem, 34vw);
    height: 8.2rem;
    object-fit: cover;
    object-position: center;
    opacity: .72;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 32%);
    mask-image: linear-gradient(to right, transparent, #000 32%);
}
.dvorana, .delo { padding: 2.2rem 8vw 4rem; overflow: auto; }
.kicker { letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.72rem; color: var(--zlato); }
.dvorana-kicker {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem) minmax(0, 1fr);
    column-gap: 1.2rem;
    align-items: baseline;
}
.dvorana-kicker .kicker { margin: 0; }
.dvorana-sve {
    grid-column: 2;
    justify-self: center;
    text-align: center;
    white-space: nowrap;
    width: max-content;
    color: transparent;
    background-image:
        linear-gradient(100deg,
            transparent 0%,
            color-mix(in srgb, white 62%, var(--zlato)) 30%,
            transparent 52%),
        linear-gradient(90deg,
            color-mix(in srgb, var(--zlato) 78%, black) 0%,
            color-mix(in srgb, white 24%, var(--zlato)) 38%,
            var(--zlato) 50%,
            color-mix(in srgb, white 24%, var(--zlato)) 62%,
            color-mix(in srgb, var(--zlato) 78%, black) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow:
        0 3px 4px color-mix(in srgb, white 46%, transparent),
        0 -2px 3px color-mix(in srgb, black 26%, transparent),
        0 1px 0 color-mix(in srgb, white 70%, var(--zlato)),
        0 -1px 0 color-mix(in srgb, black 40%, transparent),
        0 0 14px color-mix(in srgb, var(--zlato) 42%, transparent),
        0 0 28px color-mix(in srgb, var(--zlato) 18%, transparent);
}
.dvorana h1, .natpis h1 { font-size: clamp(2.6rem, 6vw, 5.2rem); line-height: 0.95; margin-top: 0.4rem; }
.lead, .podnaslov { max-width: 40rem; margin-top: 1rem; font-size: 1.15rem; color: var(--tiho); }
.dvorana-uvod {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem) minmax(0, 1fr);
    align-items: center;
    column-gap: 1.2rem;
    margin-top: .35rem;
    flex: 0 0 auto;
}
.dvorana-uvod .lead { grid-column: 1; margin: 0; max-width: none; }
.dvorana-uvod .dvorana-trazi { grid-column: 2; width: 100%; margin: 0; }
.brojevi { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.7rem; margin-top: 1rem; flex: 0 0 auto; }
.brojevi a {
    position: relative;
    display: block;
    text-decoration: none;
    border-top: 1px solid var(--mastilo);
    border-bottom: 1px solid var(--mastilo);
    padding: .6rem .7rem .8rem;
    background: transparent;
}
.brojevi a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, color-mix(in srgb, white 48%, var(--hartija)), transparent);
    opacity: 0;
    transition: opacity .5s linear;
    pointer-events: none;
}
.brojevi a:hover::before, .brojevi a:focus-visible::before { opacity: 1; }
.brojevi a:focus-visible { outline: none; }
.brojevi b, .brojevi span { position: relative; }
.brojevi b { display: block; font-size: 2rem; font-weight: 500; }
.brojevi span {
    display: inline-block;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.68rem;
    color: var(--mastilo);
    text-decoration: underline;
    text-underline-offset: .22em;
    text-decoration-thickness: 1px;
    transform: scale(1);
    transform-origin: left center;
    transition: transform .5s linear;
}
.brojevi a:hover span, .brojevi a:focus-visible span { transform: scale(1.1); }
.dvorana-trazi { margin-top: 0; width: min(22rem, 100%); flex: 0 0 auto; }
.dvorana-trazi .trazi-kutija { width: 100%; }
.zid-svitak { flex: 1; min-height: 0; overflow-x: hidden; overflow-y: auto; margin-top: .85rem; scrollbar-gutter: stable; }
.zid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.8rem; margin-top: 0; }
.etiketa {
    display: flex; flex-direction: column; gap: 0.35rem;
    min-height: 9rem; padding: 1rem;
    text-decoration: none;
    background: var(--hartija);
    border: 1px solid var(--linija);
}
.etiketa em { font-style: normal; color: var(--vino); letter-spacing: 0.14em; font-size: 0.75rem; }
.etiketa strong { font-size: 1.35rem; font-weight: 500; line-height: 1.1; }
.etiketa span { color: var(--tiho); margin-top: auto; }
.etiketa.tu { background: color-mix(in srgb, var(--mastilo) 14%, var(--hartija)); border-color: color-mix(in srgb, var(--mastilo) 32%, var(--linija)); }
html[data-tema="noc"] .etiketa.tu { background: color-mix(in srgb, white 16%, var(--hartija)); border-color: color-mix(in srgb, white 28%, var(--linija)); }
.delo-vrh { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.delo-vrh .kicker { margin: 0; }
.nosaci { display: flex; flex-wrap: wrap; gap: 0.7rem 1.1rem; margin-top: 2rem; }
.nosaci a { text-decoration: none; border-bottom: 1px solid var(--zlato); font-size: 0.92rem; }
.dve { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 2.5rem; min-width: 0; }
.proza { max-width: 42rem; line-height: 1.55; margin-top: 0.3rem; }
.kartica { background: var(--hartija); border: 1px solid var(--linija); padding: 0.2rem 1.1rem 1.2rem; }
.cist { list-style: none; padding: 0; margin: 0; }
.cist li { padding: 0.35rem 0; border-bottom: 1px solid var(--linija); }
.cist em { color: var(--tiho); font-style: italic; margin-left: 0.35rem; }
.sitno { font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; }
.meta { margin-top: 0.8rem; display: flex; gap: 1rem; }
.meta a { letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.72rem; }
.ramovi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.8rem; }
.ramovi figure { margin: 0; background: var(--hartija); border: 1px solid var(--linija); padding: 0.8rem; }
.ramovi img { width: 100%; height: 12rem; object-fit: cover; display: block; }
.ramovi figcaption { margin-top: 0.45rem; }
.registar { flex: 1; min-height: 0; min-width: 0; max-width: 100%; display: flex; flex-direction: column; }
.lista-glava { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem 0.4rem; min-width: 0; }
.lista-glava h1 { font-size: clamp(1.45rem, 3vw, 2rem); overflow-wrap: anywhere; }
.trazi { min-width: 0; width: min(16rem, 100%); max-width: 100%; }
.trazi-kutija { position: relative; display: flex; align-items: center; min-width: 0; width: min(16rem, 100%); }
.trazi-kutija .trazi { width: 100%; padding-right: 1.6rem; }
.trazi-x {
    position: absolute; right: .28rem; top: 50%; transform: translateY(-50%);
    width: 1.25rem; height: 1.25rem; padding: 0; border: 0; border-radius: 4px;
    background: transparent; color: var(--tiho); font: inherit; font-size: 1.05rem; line-height: 1;
    cursor: pointer;
}
.trazi-x:hover:not(:disabled) { background: var(--izbor); color: var(--mastilo); }
.trazi-x:disabled { opacity: .35; cursor: default; }
.trazi-red { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.sifarnik .trazi-kutija { width: 100%; }
.levo .trazi-kutija { margin: .7rem; width: calc(100% - 1.4rem); }
.uloga-izbor { margin: .7rem .7rem 0; width: calc(100% - 1.4rem); font: inherit; background: var(--hartija); color: var(--mastilo); border: 1px solid var(--linija); border-radius: 8px; padding: .42rem .65rem; }
.levo .trazi { margin: 0; }
.balon-cek { display: flex; align-items: center; gap: .35rem; margin: 0; font-size: .78rem; letter-spacing: .04em; text-transform: none; color: var(--tiho); white-space: nowrap; cursor: pointer; }
.balon-cek input { width: auto; accent-color: var(--traka); }
.svitak { flex: 1; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: 0 1.2rem; min-width: 0; max-width: 100%; scrollbar-gutter: stable; }
table.reg { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0 3px; font-size: 0.92rem; }
table.reg thead th {
    background: var(--traka);
    color: var(--traka-tekst);
    text-align: center;
    vertical-align: middle;
    padding: .48rem .28rem;
    font-weight: 600;
    font-size: .68rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    line-height: 1.15;
    overflow: hidden;
}
table.reg thead tr.heder-red th:first-child,
table.reg thead tr:not(.opseg-red) th:first-child { border-radius: 8px 0 0 8px; }
table.reg thead tr.heder-red th:last-child,
table.reg thead tr:not(.opseg-red) th:last-child { border-radius: 0 8px 8px 0; }
table.reg thead tr.opseg-red th {
    background: transparent;
    color: var(--mastilo);
    padding: .15rem .1rem .35rem;
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}
table.reg th.godina, table.reg td.godina { text-align: center; }
table.reg th .kol-naslov,
table.reg th .kol-naslov.tu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    line-height: inherit;
    cursor: pointer;
    white-space: normal;
    text-align: center;
}
table.reg th .kol-naslov span { color: var(--zlato); margin: 0; font-size: .62rem; }
table.reg tr.trazi-polja th { text-transform: none; letter-spacing: 0; font-weight: 400; position: static; border-bottom: 1px solid var(--linija); padding: .35rem .45rem .55rem; }
table.reg tr.trazi-polja .trazi-kutija { max-width: 22rem; }
table.reg td { border-bottom: 1px solid var(--linija); padding: 0.42rem 0.45rem; vertical-align: middle; background: transparent; text-align: center; }
table.reg td:first-child { text-align: left; vertical-align: top; }
table.reg tbody tr { cursor: pointer; }
table.reg tbody tr:nth-child(even) td { background: var(--izbor); }
table.reg tbody tr:hover:not(.tu) td { background: color-mix(in srgb, var(--izbor-jako) 42%, var(--izbor)); }
table.reg tbody tr.tu td { background: var(--izbor-jako); }
table.reg tbody tr.tu td:first-child { border-radius: 8px 0 0 8px; }
table.reg tbody tr.tu td:last-child { border-radius: 0 8px 8px 0; }
.maska { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.6rem 1rem; padding: 0.8rem 1.2rem; background: var(--hartija); border-top: 1px solid var(--linija); max-height: 40vh; overflow: auto; min-width: 0; max-width: 100%; }
.maska label { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; min-width: 0; max-width: 100%; }
.maska label:has(textarea) { grid-column: 1 / -1; }
.traka { display: flex; flex-wrap: wrap; gap: 0.45rem; align-items: center; padding: 0.55rem max(1.2rem, env(safe-area-inset-right)) max(0.55rem, env(safe-area-inset-bottom)) max(1.2rem, env(safe-area-inset-left)); background: var(--hartija); border-top: 1px solid var(--linija); flex: 0 0 auto; min-width: 0; max-width: 100%; }
.mus {
    font-family: inherit;
    background: var(--traka);
    color: var(--traka-tekst);
    border: 1px solid var(--traka);
    border-radius: 4px;
    padding: 0.42rem 0.9rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.68rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: none;
}
.mus:hover:not(:disabled) { background: var(--traka-tamno); border-color: var(--traka-tamno); }
.mus:active:not(:disabled) { background: var(--traka-tamno); }
.mus.pun { background: var(--traka-tamno); border-color: var(--traka-tamno); color: var(--traka-tekst); }
.mus:disabled { opacity: 0.38; cursor: default; }
.greska { grid-column: 1 / -1; color: var(--vino); text-transform: none; letter-spacing: 0; }
.papir { background: white; color: black; min-height: 100vh; padding: 1.4rem 1.6rem 3rem; font-family: Georgia, serif; }
.papir h1 { font-size: 2rem; margin: 0.2rem 0 0.4rem; }
.papir table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.papir th, .papir td { border-bottom: 1px solid #ccc; text-align: left; padding: 0.25rem; vertical-align: top; }
.stampa-dugme { margin: 0 0.4rem 1rem 0; }
.radna { display: flex; flex-direction: column; min-width: 0; max-width: 100%; }
.radna-glava { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: 0.65rem 1rem 0.35rem; min-width: 0; }
.radna-glava h1 { font-size: clamp(1.35rem, 2.2vw, 2.1rem); overflow-wrap: anywhere; }
.radna-telo { flex: 1; min-height: 0; min-width: 0; max-width: 100%; display: grid; grid-template-columns: minmax(0, 34rem) minmax(0, 1fr); }
.roditelj td, .veze td { max-width: 14rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.veze { min-height: 0; min-width: 0; max-width: 100%; overflow: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.55rem; padding: 0.55rem; align-content: start; }
.ploca { background: var(--hartija); border: 1px solid var(--linija); display: flex; flex-direction: column; min-height: 0; min-width: 0; max-width: 100%; }
.veze .ploca { max-height: 16rem; }
.roditelj { border-right: 1px solid var(--linija); border-top: 0; border-bottom: 0; border-left: 0; }
.ploca.fokus { box-shadow: inset 0 0 0 2px var(--zlato); }
.ploca h2 { margin: 0; padding: 0.4rem 0.55rem 0.15rem; }
.ploca h2 em { font-style: normal; color: var(--tiho); margin-left: 0.35rem; }
.ploca .svitak { padding: 0 0.3rem 0.35rem; }
.prazno { color: var(--tiho); padding: 0.35rem 0.6rem 0.6rem; font-size: 0.85rem; }
.fokus-ime { margin-right: 0.35rem; letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.68rem; color: var(--tiho); }
.traka .greska { text-transform: none; letter-spacing: 0; }
.zivot { height: 100%; min-height: 0; min-width: 0; max-width: 100%; display: grid; grid-template-columns: minmax(12rem, 18rem) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }
.zivot > .traka { grid-column: 1 / -1; grid-row: 2; }
.levo { grid-row: 1; min-height: 0; min-width: 0; display: flex; flex-direction: column; border-right: 1px solid var(--linija); background: var(--hartija); }
.levo .trazi { margin: .7rem; min-width: 0; }
.kicker.u-listi { margin: 0 .8rem .4rem; }
.spisak { flex: 1; min-height: 0; overflow: scroll; scrollbar-gutter: stable; }
.naslov-red { display: flex; flex-direction: column; gap: .1rem; padding: .55rem .8rem; border-bottom: 1px solid var(--linija); cursor: pointer; min-width: 0; }
.naslov-red:hover:not(.tu) { background: var(--izbor); }
.naslov-red strong, .naslov-red small { overflow-wrap: anywhere; }
.spisak .naslov-red:nth-child(even) { background: var(--izbor); }
.naslov-red small { color: var(--tiho); }
.desno { grid-row: 1; min-height: 0; min-width: 0; max-width: 100%; display: flex; flex-direction: column; }
.prica { overflow: auto; padding: .8rem 1.2rem 1rem; max-height: 58%; min-width: 0; max-width: 100%; }
.prica.tabovi { display: flex; flex-direction: column; flex: 1; max-height: none; overflow: hidden; min-height: 0; }
.kartice.omot { flex-wrap: wrap; overflow: visible; margin: .45rem -1.2rem 0; }
.tab-telo { flex: 1; min-height: 0; overflow: auto; padding-top: .35rem; }
.delo-glava { cursor: pointer; }
.plutac {
    position: fixed; top: 6.4rem; right: .8rem; z-index: 40; width: 15.5rem;
    background: var(--hartija); color: var(--mastilo);
    border: 1px solid var(--traka); border-radius: 8px; overflow: hidden;
}
.plutac-glava {
    background: var(--traka); color: var(--traka-tekst);
    padding: .38rem .65rem; cursor: grab; user-select: none;
    font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
}
.plutac-telo { display: flex; flex-wrap: wrap; gap: .35rem; padding: .5rem; }
.plutac-telo .mus { flex: 1 1 auto; }
.plutac-telo p { flex: 1 1 100%; margin: 0; font-size: .82rem; letter-spacing: 0; text-transform: none; }
.zivot h1 { font-size: clamp(1.6rem, 4vw, 3.1rem); line-height: 1; overflow-wrap: anywhere; }
.igra { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; margin-top: .7rem; min-width: 0; max-width: 100%; }
.igra .adresa { flex: 1 1 12rem; min-width: 0; width: 100%; border: 1px solid var(--linija); background: var(--hartija); color: var(--mastilo); padding: .4rem .5rem; }
.fajl { position: relative; overflow: hidden; }
.fajl input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.bina-prozor { width: min(920px, 100%); max-width: 100%; }
.bina-prozor iframe, .bina-prozor video { width: 100%; height: min(62vh, 520px); background: #000; border: 0; display: block; }
.pregled { width: min(1100px, 100%); height: min(86dvh, 820px); display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.pregled-glava { display: flex; align-items: center; gap: .45rem; padding: .4rem .55rem .4rem .8rem; background: var(--pod); border-bottom: 1px solid var(--linija); }
.pregled-glava span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .86rem; }
.pregled-okvir { flex: 1; width: 100%; min-height: 0; border: 0; background: #fff; }
.pregled .oblak-x { position: static; }
.veza-prikaz { font-size: .85rem; color: var(--tiho); word-break: break-all; margin: 0 0 .6rem; }
.proza.tiho { color: var(--tiho); }
.dogadjaj { display: grid; grid-template-columns: 6.2rem minmax(0, 1.2fr) minmax(0, 1fr); gap: .5rem; padding: .32rem .45rem; border-bottom: 1px solid var(--linija); font-size: .92rem; cursor: pointer; min-width: 0; }
.dogadjaj:nth-child(even of .dogadjaj) { background: var(--izbor); }
.dogadjaj span, .dogadjaj em { min-width: 0; overflow-wrap: anywhere; }
.dogadjaj em { font-style: normal; color: var(--tiho); }
.mesta, .lica-red, .fotos { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .35rem; }
.mesto, .covek { background: var(--hartija); border: 1px solid var(--linija); padding: .4rem .6rem; }
.covek { display: flex; flex-direction: column; align-items: flex-start; cursor: pointer; color: var(--mastilo); font-family: inherit; }
.covek small { color: var(--zlato); letter-spacing: .08em; text-transform: uppercase; font-size: .68rem; }
.fotos figure { margin: 0; width: 9rem; background: var(--hartija); border: 1px solid var(--linija); padding: .45rem; cursor: pointer; }
.fotos img { width: 100%; height: 7rem; object-fit: cover; display: block; }
.fotos figcaption { margin-top: .3rem; font-size: .82rem; }
.tabla { flex: 1; min-height: 9rem; display: flex; flex-direction: column; border-top: 1px solid var(--linija); }
.kartice { display: flex; gap: .35rem; overflow: auto; padding: .4rem .6rem; background: var(--pod); flex: 0 0 auto; }
.kartice button {
    font-family: inherit;
    background: var(--hartija);
    color: var(--mastilo);
    border: 1px solid var(--linija);
    border-radius: 4px;
    padding: .28rem .7rem;
    cursor: pointer;
    white-space: nowrap;
    font-size: .74rem;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.kartice button:hover { background: var(--izbor); border-color: var(--traka); }
.kartice button.tu {
    background: var(--traka);
    color: var(--traka-tekst);
    border-color: var(--traka);
}
.kartice em { font-style: normal; color: var(--tiho); }
.zavesa {
    position: fixed; inset: 0; z-index: 50;
    width: 100%; max-width: 100vw; height: 100%; max-height: 100dvh;
    box-sizing: border-box; overflow: hidden;
    background: rgba(18, 14, 10, .46);
    display: flex; flex-direction: column; align-items: center;
    padding: max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));
}
.prozor {
    width: min(760px, 100%); max-width: 100%; min-width: 0; flex: 0 1 auto;
    margin: auto; max-height: none; overflow: hidden;
    background: var(--hartija); color: var(--mastilo); border: 1px solid var(--zlato);
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28); padding: 1rem 1.1rem 1rem;
}
.prozor.veliki {
    max-height: calc(100dvh - 1.5rem);
    display: flex; flex-direction: column; overflow: hidden;
}
.prozor.mali .maska { overflow: visible; }
.prozor.veliki .maska {
    flex: 1 1 auto; min-height: 0;
    overflow-x: auto; overflow-y: auto;
}
.prozor h2 { margin: 0 0 .8rem; font-size: clamp(1.05rem, 2.4vw, 1.35rem); letter-spacing: 0; text-transform: none; color: var(--mastilo); overflow-wrap: anywhere; }
.prozor .maska { max-height: none; border: 0; padding: 0; background: transparent; width: 100%; }
.prozor-dugmad { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .4rem; position: sticky; bottom: 0; background: var(--hartija); padding: .7rem 0 .15rem; z-index: 1; }
.covek:hover, .covek:focus-visible { background: var(--traka); color: var(--traka-tekst); border-color: var(--traka); }
.covek:hover small, .covek:focus-visible small { color: var(--traka-tekst); }
.spisak .naslov-red.tu, .naslov-red.tu, .covek.tu, .uloga-red.tu, .dogadjaj.tu, .fotos figure.tu {
    background: var(--izbor-jako);
    border-radius: 8px;
    box-shadow: none;
}
.mus.sitno { padding: .28rem .62rem; letter-spacing: .04em; border-radius: 6px; font-size: .64rem; }
.cetiri { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .8rem 1.2rem; margin: .7rem 0 1rem; min-width: 0; }
.uloga-red h2 { display: flex; align-items: center; gap: .45rem; font-size: 1.05rem; margin: 0 0 .3rem; }
.prica.cela { max-height: none; flex: 1; }
.maska input, .maska select, .maska textarea, .pad input { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }
.maska label:has(.rtf), .maska label:has(.veza-blok), .maska label:has(.pad), .maska label:has(.spisak-polje) { grid-column: 1 / -1; }
.rtf { display: flex; flex-direction: column; gap: .35rem; }
.rtf-alat { display: flex; flex-wrap: wrap; gap: .3rem; align-items: center; max-width: 100%; }
.maska .polje-memo { display: flex; flex-direction: column; gap: .2rem; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; grid-column: 1 / -1; min-width: 0; max-width: 100%; }
.maska .polje-memo .rtf { text-transform: none; letter-spacing: 0; }
.rtf-okvir { position: relative; }
.rtf-okvir.ima { margin-top: 1.8rem; }
.rtf-merak {
    position: absolute; left: 0; top: -1.65rem; z-index: 6; pointer-events: none;
    background: var(--mastilo); color: var(--hartija);
    border-radius: 8px; padding: .28rem .55rem;
    font-size: .78rem; letter-spacing: 0; text-transform: none; white-space: nowrap;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
}
.rtf-list { min-height: 7.5rem; border: 1px solid var(--linija); border-radius: 10px; background: var(--hartija); color: var(--mastilo); padding: .45rem .65rem; font-size: .95rem; text-transform: none; letter-spacing: 0; user-select: text; cursor: text; }
.meni-izlaz {
    margin-left: .2rem;
    font: inherit;
    background: transparent;
    color: var(--traka-tekst);
    border: 0;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .78rem;
    cursor: pointer;
    padding: .15rem .35rem;
    white-space: nowrap;
}
.meni-izlaz:hover { background: rgba(255, 255, 255, .12); }
.izlaz-ekran { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: .6rem; padding: 3rem; background: var(--hartija); color: var(--mastilo); }
.izlaz-ekran h1 { font-size: clamp(2rem, 5vw, 3.4rem); }
.veza-blok { min-width: 0; max-width: 100%; }
.pad { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; min-width: 0; max-width: 100%; }
.vezana-slika, .sloj-slika { display: block; width: auto; max-width: 100%; max-height: 280px; object-fit: contain; margin-top: .45rem; background: #111; }
.vezani-pdf { width: 100%; height: 220px; border: 1px solid var(--linija); margin-top: .45rem; background: #fff; }
.zavesa.sloj { z-index: 80; }
.pad input { flex: 1; }
.pad.pad-hover { outline: 2px solid var(--zlato); }
.igra .pad { flex: 1 1 12rem; min-width: 0; max-width: 100%; }
.uloga-red { min-width: 0; }
.etiketa strong, .proza, .veza-prikaz { overflow-wrap: anywhere; }
img, video, iframe { max-width: 100%; }
.kartice { min-width: 0; max-width: 100%; }
@media (max-width: 1100px) {
    .brojevi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .zid, .ramovi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .venac, .hor { gap: .7rem; }
    .dvorana, .delo { padding: 1.6rem 1.2rem 3rem; }
    .dvorana-film { right: 1.2rem; width: min(18rem, 42vw); height: 6.2rem; }
}
@media (max-width: 900px) {
    .zivot { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(8rem, 32dvh) minmax(0, 1fr) auto; }
    .zivot > .traka { grid-row: 3; }
    .levo { grid-row: 1; border-right: 0; border-bottom: 1px solid var(--linija); }
    .desno { grid-row: 2; }
    .dogadjaj { grid-template-columns: 4.6rem minmax(0, 1fr); }
    .dogadjaj em { grid-column: 1 / -1; }
    .brojevi, .zid, .dve, .ramovi, .maska, .veze, .cetiri { grid-template-columns: minmax(0, 1fr); }
    .dvorana, .delo { padding: 1.2rem max(.9rem, env(safe-area-inset-right)) 2rem max(.9rem, env(safe-area-inset-left)); }
    .dvorana-uvod, .dvorana-kicker { grid-template-columns: 1fr; row-gap: .7rem; }
    .dvorana-sve { grid-column: 1; white-space: normal; }
    .dvorana-film { display: none; }
    .dvorana-uvod .dvorana-trazi { grid-column: 1; width: min(22rem, 100%); }
    .radna-telo { grid-template-columns: minmax(0, 1fr); overflow: auto; }
    .roditelj { max-height: 16rem; border-right: 0; border-bottom: 1px solid var(--linija); }
    .prica { max-height: none; padding: .7rem .85rem 1rem; }
    .veze .ploca { max-height: none; }
}
@media (max-width: 720px) {
    .venac {
        height: auto; min-height: 1cm; flex-wrap: wrap; align-items: center;
        row-gap: .2rem; column-gap: .55rem;
        padding-top: .28rem; padding-bottom: .28rem;
    }
    .znak { margin-right: auto; letter-spacing: .1em; }
    .hor { order: 3; flex: 1 1 100%; gap: .85rem; padding-bottom: .1rem; }
    .jezik span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .pod { gap: .75rem; padding-top: .45rem; padding-bottom: .45rem; }
    .pod a, .hor a { padding: .2rem 0; }
    .mus:not(.sitno) { letter-spacing: .04em; min-height: 2.6rem; padding: .5rem .65rem; }
    .lista-glava, .radna-glava { flex-direction: column; align-items: stretch; }
    .trazi { width: 100%; }
    .svitak { padding-left: .7rem; padding-right: .7rem; }
    .prozor { max-height: calc(100dvh - 1rem); padding: .85rem .8rem .7rem; }
    .bina-prozor iframe, .bina-prozor video { height: min(52dvh, 420px); }
    .fotos figure { width: calc(50% - .3rem); }
    .kartice { padding-left: .4rem; padding-right: .4rem; }
    table.reg { font-size: .84rem; }
    table.reg th, table.reg td { padding: .38rem .3rem; }
}
@media (max-width: 420px) {
    .brojevi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zid, .ramovi { grid-template-columns: minmax(0, 1fr); }
    .fotos figure { width: 100%; }
    .dvorana h1, .natpis h1 { font-size: clamp(2rem, 12vw, 2.8rem); }
}
.oblak {
    position: fixed; z-index: 45;
    width: min(24rem, calc(100vw - 1.5rem));
    max-height: min(62vh, 26rem); overflow: visible;
    padding: .9rem 1rem 1rem;
    background: var(--hartija); color: var(--mastilo);
    border: 1px solid var(--linija); border-radius: 16px;
    box-shadow: 0 22px 55px rgba(0, 0, 0, .2);
    transform: translate(14px, 14px);
}
.oblak.levo { transform: translate(calc(-100% - 14px), 14px); }
.oblak.gore { transform: translate(14px, calc(-100% - 14px)); }
.oblak.levo.gore { transform: translate(calc(-100% - 14px), calc(-100% - 14px)); }
.oblak strong { display: block; font-size: 1.02rem; font-weight: 600; margin: 0 1.4rem .55rem 0; }
.oblak-x {
    position: absolute; top: .4rem; right: .4rem;
    width: 1.35rem; height: 1.35rem; padding: 0;
    display: flex; align-items: center; justify-content: center;
    border: 0; border-radius: 4px;
    background: transparent; color: var(--tiho);
    font: inherit; font-size: 1.15rem; line-height: 1;
    cursor: pointer;
}
.oblak-x:hover { background: var(--izbor); color: var(--mastilo); }
.oblak-cipovi { display: flex; flex-wrap: wrap; gap: .35rem; }
.oblak-rtf { margin-top: .75rem; line-height: 1.5; font-size: .95rem; max-height: min(40vh, 16rem); overflow: auto; }
.oblak-rtf p { margin: .35rem 0; }
.traka .desno { margin-left: auto; }
.traka .trazi-kutija.lik { min-width: 16rem; width: min(22rem, 40vw); }
table.reg th .god-opseg {
    display: inline-flex; flex-wrap: nowrap; gap: .28rem; align-items: center; justify-content: center;
    width: max-content; max-width: none; margin: 0; box-sizing: border-box;
    padding: .28rem .5rem;
    background: var(--hartija); color: var(--mastilo);
    border: 1px solid var(--zlato); border-radius: 10px;
    text-transform: none; letter-spacing: 0; font-weight: 400;
}
table.reg th .god-jedan { display: inline-flex; align-items: center; gap: .15rem; }
table.reg th .god-kucaj {
    width: 3.1rem; padding: .05rem .15rem; font: inherit; font-size: .82rem; text-align: center;
    background: transparent; color: var(--mastilo); border: 0; border-bottom: 1px solid var(--linija); border-radius: 0;
}
table.reg th .god-kucaj::placeholder { color: var(--tiho); }
table.reg th .dat-kucaj {
    width: 5.6rem; max-width: 100%; padding: .05rem .15rem; font: inherit; font-size: .75rem; text-align: center;
    background: transparent; color: var(--mastilo); border: 0; border-bottom: 1px solid var(--linija); border-radius: 0;
}
table.reg th .dat-kucaj::placeholder { color: var(--tiho); }
.raspon-cek { display: inline-flex; align-items: center; margin: 0; cursor: pointer; }
.raspon-cek input { width: auto; accent-color: var(--zlato); cursor: pointer; }
table.reg th .kalendar-izbor {
    width: 1.7rem; height: 1.55rem; padding: 0; border-radius: 6px;
    background: transparent; border: 0; color-scheme: light; cursor: pointer;
}
table.reg th .kalendar-izbor::-webkit-datetime-edit { display: none; }
table.reg th .kalendar-izbor::-webkit-calendar-picker-indicator { margin: 0; cursor: pointer; }
html[data-tema="noc"] .kalendar-izbor::-webkit-calendar-picker-indicator,
html[data-tema="noc"] .kalendar-raspon::-webkit-calendar-picker-indicator { filter: invert(1); }
table.reg th .kalendar-raspon {
    width: 8.4rem; font: inherit; font-size: .75rem; padding: .12rem .2rem;
    background: var(--hartija); color: var(--mastilo); border: 1px solid var(--linija);
    border-radius: 6px; color-scheme: light;
}
table.reg th.klik { cursor: pointer; user-select: none; }
table.reg.dela td { white-space: normal; }
table.reg td, table.reg th { overflow-wrap: anywhere; }
table.reg td.siroko { min-width: 0; white-space: normal; }
.ispod { display: flex; align-items: end; gap: .8rem; padding: .45rem 1.2rem .55rem; background: var(--hartija); border-top: 1px solid var(--linija); min-width: 0; }
.ispod label { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .2rem; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.ispod input { width: 100%; text-transform: none; letter-spacing: 0; }
.strane { display: flex; align-items: center; gap: .35rem; flex: 0 0 auto; }
.strana-broj { width: 3.1rem; text-align: center; border: 1px solid var(--linija); border-radius: 8px; background: var(--hartija); color: var(--mastilo); padding: .28rem .3rem; font: inherit; }
.sifarnik { width: min(520px, 100%); }
.ulaz-ekran {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    overflow: hidden;
    background: var(--kamen);
    color: var(--mastilo);
}
.traka-film {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    width: min(34vw, 341px);
    padding: .42rem 0;
    background: #16120e;
    border-radius: 2px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
    animation: traka-pluta 9s ease-in-out infinite;
}
.traka-ivica {
    height: .72rem;
    margin: 0 .35rem;
    background-image: radial-gradient(ellipse 5px 3.5px at 9px 50%, #efe6d4 68%, #2a241c 71%, transparent 74%);
    background-size: 20px 100%;
    background-repeat: repeat-x;
}
.traka-prozor {
    overflow: hidden;
    margin: .28rem .35rem;
    aspect-ratio: 341 / 192;
    background: #0c0a08;
    box-shadow: inset 0 0 0 1px rgba(255, 236, 210, .18);
}
.traka-rolna {
    display: flex;
    height: 100%;
    width: max-content;
    animation: traka-hod 16s linear infinite;
}
.traka-rolna img { height: 100%; width: auto; display: block; }
@keyframes traka-hod {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes traka-pluta {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(14px, -10px); }
}
.ulaz-kartica {
    position: relative;
    z-index: 1;
    width: min(34rem, 100%);
    background: var(--hartija);
    border: 1px solid var(--linija);
    padding: 1.7rem 1.5rem 1.25rem;
}
.ulaz-kartica h1 { margin: 0 0 .35rem; font-size: clamp(1.55rem, 3.2vw, 2.05rem); letter-spacing: 0; text-transform: none; line-height: 1.15; }
.ulaz-podnaslov { margin: 0 0 1.15rem; color: var(--tiho); font-size: 1.05rem; line-height: 1.35; }
.ulaz-kartica label { display: flex; flex-direction: column; gap: .35rem; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--tiho); }
.ulaz-kartica select, .ulaz-kartica input {
    font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
    font-size: 1.15rem;
    letter-spacing: .04em;
    text-transform: none;
    background: var(--hartija);
    color: var(--mastilo);
    border: 1px solid var(--linija);
    border-radius: 8px;
    padding: .55rem .7rem;
}
.ulaz-kartica select:focus, .ulaz-kartica input:focus { outline: none; border-color: var(--zlato); }
.ulaz-kartica select {
    color-scheme: light;
    background: #f6f1e7;
    color: #1c1612;
}
.ulaz-jezik { margin-bottom: .85rem; }
.ulaz-kartica .mus { width: 100%; margin-top: .85rem; }
.kalendar-polje { display: flex; align-items: center; gap: .4rem; min-width: 0; }
.kalendar-polje input:not([type=date]) { flex: 1 1 auto; min-width: 0; }
.kalendar-polje input[type=date] { flex: 1 1 auto; min-width: 0; color-scheme: light; }
.kalendar-polje input.kalendar-izbor {
    flex: 0 0 2.5rem; width: 2.5rem; padding: .35rem .15rem; color-scheme: light; cursor: pointer;
}
.kalendar-polje input.kalendar-izbor::-webkit-datetime-edit { display: none; }
.kalendar-polje input.kalendar-izbor::-webkit-calendar-picker-indicator { margin: 0; cursor: pointer; opacity: 1; }
.ulaz-greska { min-height: 1.3rem; margin: .55rem 0 0; color: var(--vino); font-size: .95rem; letter-spacing: 0; text-transform: none; }
.cek-lista { max-height: min(52vh, 28rem); overflow-x: hidden; overflow-y: auto; margin: .6rem 0; border: 1px solid var(--linija); }
.cek { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: .45rem; font-size: .95rem; padding: .28rem .5rem; border-bottom: 1px solid var(--linija); }
.cek input { margin-left: auto; }
.cek, .cek span { text-transform: none !important; letter-spacing: 0; }
.cek input { width: auto; }
@media print {
    .stampa-dugme, .venac, .pod, .traka, .plutac { display: none !important; }
    body, .papir { background: white; }
}
@media (max-width: 1100px) {
    .plutac { width: min(15.5rem, calc(100vw - 1.2rem)); max-width: calc(100vw - 1.2rem); }
    table.reg th .god-opseg { flex-wrap: nowrap; }
    table.reg th .kalendar-raspon { width: min(8.4rem, 42vw); }
}
@media (max-width: 900px) {
    .venac { height: auto; flex-wrap: wrap; row-gap: .2rem; padding-top: .28rem; padding-bottom: .28rem; }
    .hor { order: 3; flex: 1 1 100%; }
    .znak { margin-right: auto; }
    .zivot h1 { font-size: clamp(1.45rem, 6vw, 2.4rem); }
    .delo-glava { padding-right: .5rem; }
}
@media (max-width: 720px) {
    .traka { gap: .4rem; }
    .traka .trazi-kutija,
    .traka .trazi-kutija.lik { min-width: 0; width: 100%; flex: 1 1 100%; }
    .traka .desno { margin-left: 0; }
    .lista-glava .trazi-red,
    .lista-glava .trazi-kutija { width: 100%; }
    .ispod { flex-direction: column; align-items: stretch; padding-left: .7rem; padding-right: .7rem; }
    .strane { flex-wrap: wrap; justify-content: flex-start; }
    .svitak { overflow-x: hidden; overflow-y: auto; scrollbar-gutter: auto; }
    .prozor, .prozor.mali, .prozor.veliki {
        width: min(760px, calc(100vw - .8rem));
        max-height: calc(100dvh - .8rem);
        overflow: auto;
    }
    .prozor.veliki { display: flex; }
    .prozor.veliki .maska { overflow: visible; max-height: none; }
    .ulaz-ekran {
        overflow: auto;
        align-items: flex-start;
        min-height: 100dvh;
        padding: max(1rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(1.4rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));
    }
    .ulaz-kartica { padding: 1.15rem .9rem 1rem; }
    .ulaz-podnaslov { font-size: .98rem; }
    .rtf-merak { white-space: normal; max-width: min(18rem, calc(100vw - 2.5rem)); }
    .plutac { right: .4rem; left: auto; bottom: auto; width: min(15.5rem, calc(100vw - .8rem)); }
    .kartice.omot { margin-left: 0; margin-right: 0; }
    .pregled { width: min(1100px, calc(100vw - .6rem)); height: min(86dvh, 820px); }
    .oblak, .oblak.levo, .oblak.gore, .oblak.levo.gore {
        left: .4rem !important;
        right: .4rem;
        width: auto;
        max-width: calc(100vw - .8rem);
        transform: none;
    }
}
@media (max-width: 420px) {
    .brojevi b { font-size: 1.4rem; }
    .znak { font-size: .62rem; letter-spacing: .06em; }
    table.reg th .god-kucaj { width: 2.5rem; }
    .mus:not(.sitno) { flex: 1 1 auto; }
}