:root {
    --barva: #8f2749;
    --barva-temna: #74203c;
    --barva-mehka: #f6e9ee;
    --ozadje: #f6f5f1;
    --povrsina: #ffffff;
    --besedilo: #29262d;
    --sekundarno: #706d74;
    --rob: #e9e6e3;
    --uspeh: #26715a;
    --uspeh-ozadje: #eaf5ef;
    --opozorilo: #8a661b;
    --opozorilo-ozadje: #fbf3dc;
    --napaka: #a83139;
    --napaka-ozadje: #fceeee;
    --stranska: #29212a;
    --polmer: 12px;
    --senca: 0 3px 14px rgb(45 32 36 / 3%);
    --pisava: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ozadje); color: var(--besedilo); font: 14px/1.55 var(--pisava); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
a, button, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid #c9829d; outline-offset: 3px; }
input, select, textarea { max-width: 100%; }
button:disabled { opacity: .55; cursor: not-allowed; }
::selection { background: #eed9e1; }
h1, h2, h3, p { margin: 0; }
h1 { font-size: clamp(27px, 2.6vw, 35px); font-weight: 650; line-height: 1.2; letter-spacing: -1.25px; }
h2 { font-size: 17px; font-weight: 650; line-height: 1.35; letter-spacing: -.3px; }
h3 { font-size: 15px; font-weight: 650; line-height: 1.4; }
small { font-size: 12px; }
strong { font-weight: 650; }
.ikona { width: 20px; height: 20px; flex: 0 0 20px; vertical-align: middle; }
.preskoci { position: fixed; z-index: 100; left: 16px; top: -100px; padding: 12px 20px; background: white; border: 2px solid var(--barva); border-radius: 6px; }
.preskoci:focus { top: 12px; }
.samo-bralnik { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.aplikacija { min-height: 100vh; display: grid; grid-template-columns: 232px minmax(0, 1fr); }
.stranska { position: relative; min-width: 0; display: flex; flex-direction: column; background: var(--stranska); color: #e7e1e7; padding: 29px 17px 17px; }
.znamka { display: flex; align-items: center; gap: 12px; padding: 0 11px; color: #fbf7f3; }
.znamka__znak { font: italic 43px/.9 Georgia, serif; letter-spacing: -5px; width: 37px; height: 44px; border-right: 1px solid #655160; padding-right: 12px; }
.znamka strong { display: block; font: 27px/1.15 Georgia, serif; letter-spacing: -.65px; }
.znamka small { display: block; color: #bfb0ba; letter-spacing: 2.1px; font-size: 8px; margin-top: 7px; font-weight: 500; }
.studio { margin: 34px 5px 25px; display: flex; align-items: center; gap: 10px; border-top: 1px solid #443943; border-bottom: 1px solid #443943; padding: 17px 0; font-size: 12px; }
.studio__znak { display: grid; place-items: center; width: 31px; height: 34px; border: 1px solid #574652; border-radius: 7px; color: #ceb4c1; }
.studio__znak .ikona { width: 17px; height: 17px; }
.studio small { display: block; font-size: 10px; color: #b0a3af; margin-top: 2px; }
.navigacija { flex: 1 0 auto; }
.meni-oznaka { padding: 0 13px 10px; font-size: 9px; font-weight: 650; color: #ada0ac; letter-spacing: 1.7px; }
.meni-oznaka--druga { margin-top: 27px; }
.meni-povezava { display: flex; gap: 11px; align-items: center; min-height: 45px; padding: 11px 13px; border-radius: 7px; margin: 3px 0; font-size: 13px; color: #d2c7d0; transition: background .15s; }
.meni-povezava .ikona { width: 18px; height: 18px; flex-basis: 18px; color: #b8a9b4; }
.meni-povezava:hover { background: #3b2e3a; color: white; }
.meni-povezava.je-aktivna { background: #754058; color: #fff; box-shadow: inset 3px 0 #dca3b9; }
.meni-povezava.je-aktivna .ikona { color: #f5dce6; }
.meni-povezava.je-odprta { color: #f8f1f6; }
summary.meni-povezava { list-style: none; cursor: pointer; }
summary.meni-povezava::-webkit-details-marker { display: none; }
summary.meni-povezava .ikona:last-child { margin-left: auto; width: 14px; height: 14px; flex-basis: 14px; }
.meni-sklop[open] summary .ikona:last-child { transform: rotate(180deg); }
.podmeni { margin: 4px 0 10px 23px; border-left: 1px solid #564451; padding-left: 13px; }
.podmeni a { display: block; font-size: 12px; color: #beb0bb; border-radius: 5px; padding: 9px 9px; margin: 2px 0; }
.podmeni a:hover, .podmeni a.je-aktivna { background: #44303e; color: #f8e8ee; }
.stranska__spodaj { margin-top: 25px; }
.opomba-razvoj { display: flex; align-items: flex-start; gap: 9px; padding: 14px 11px; border: 1px solid #51404c; background: #342833; border-radius: 8px; font-size: 11px; }
.opomba-razvoj > .ikona { width: 16px; height: 16px; flex-basis: 16px; color: #d3b4c2; margin-top: 2px; }
.opomba-razvoj strong { color: #e7d6e0; font-weight: 550; }
.opomba-razvoj p { font-size: 10px; line-height: 1.65; color: #bbaaB7; margin-top: 4px; }
.uporabnik-stranska { display: flex; align-items: center; gap: 10px; margin: 20px 3px 0; }
.avatar { width: 37px; height: 37px; border-radius: 50%; background: #f2e8ed; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 37px; font-size: 12px; font-weight: 650; color: #87415b; }
.avatar--temen { background: #5b3e50; color: #f6d6e3; }
.avatar--velik { width: 72px; height: 72px; font-size: 24px; flex-basis: 72px; }
.uporabnik-ime { overflow-wrap: anywhere; flex: 1; font-size: 11px; color: #e7dee5; }
.uporabnik-ime small { display: block; color: #b9aab5; font-size: 10px; }
.gumb-ikona { display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 0; border-radius: 6px; padding: 7px; min-width: 35px; min-height: 35px; }
.gumb-ikona:hover { background: rgb(143 39 73 / 8%); }
.odjava { color: #cabac5; }
.odjava:hover { background: #523644; }
.delovni-prostor { min-width: 0; min-height: 100vh; display: flex; flex-direction: column; }
.zgornja { min-height: 74px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 18px; padding: 12px 25px; background: #fdfcfb; border-bottom: 1px solid var(--rob); }
.zgornja__levo, .zgornja__desno { display: flex; min-width: 0; align-items: center; gap: 12px; }
.zgornja__desno { flex-wrap: wrap; }
.drobtine { overflow-wrap: anywhere; }
.drobtine { font-size: 12px; color: #8a8489; }
.drobtine span { margin: 0 12px; color: #c5bdc3; }
.drobtine strong { color: #5a5059; font-weight: 500; }
.zgornja__datum { font-size: 12px; color: var(--sekundarno); border-left: 1px solid var(--rob); padding-left: 22px; }
.testno { display: inline-flex; gap: 7px; align-items: center; color: #746131; font-size: 10px; font-weight: 600; background: #f7f2e4; padding: 5px 10px; border: 1px solid #ede4cc; border-radius: 5px; white-space: nowrap; }
.testno i { display: inline-block; width: 5px; height: 5px; background: #a38b4c; border-radius: 50%; }
.mobilni-meni { display: none; }
.zapri-meni { display: none; }
.vsebina { padding: 28px 25px; width: 100%; min-width: 0; flex: 1; }
.vsebina:focus { outline: none; }
.noga { padding: 16px 35px; color: #8c8289; font-size: 10px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--rob); }
.noga__locilo { margin: 0 7px; color: #bbb0b7; }
.glava-strani { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.nadnaslov { color: var(--sekundarno); font-size: 10px; letter-spacing: 1.55px; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }
.naslov-pika { color: var(--barva); }
.uvod { color: var(--sekundarno); font-size: 13px; margin-top: 9px; max-width: 670px; line-height: 1.65; }
.gumb { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 10px 16px; border: 1px solid transparent; border-radius: 7px; font-size: 12px; line-height: 1.35; font-weight: 600; white-space: nowrap; transition: background .15s, box-shadow .15s; }
.gumb .ikona { width: 17px; height: 17px; flex-basis: 17px; }
.gumb--primaren { background: var(--barva); color: #fff; box-shadow: 0 3px 7px rgb(143 39 73 / 10%); }
.gumb--primaren:hover { background: var(--barva-temna); }
.gumb--sekundaren { background: #fff; border-color: #e0dadd; color: #51414d; }
.gumb--sekundaren:hover { background: #faf6f8; border-color: #c4a7b4; }
.gumb--nevaren { background: var(--napaka); color: #fff; }
.gumb--nevaren:hover { background: #8e242d; }
.gumb--miren { background: transparent; border-color: var(--rob); color: var(--sekundarno); }
.gumb--majhen { font-size: 11px; min-height: 34px; padding: 8px 11px; }
.gumb--poln { width: 100%; }
.gumbi { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.besedilna-povezava { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: var(--barva); }
.besedilna-povezava .ikona { width: 15px; height: 15px; flex-basis: 15px; }
.besedilna-povezava:hover { text-decoration: underline; text-underline-offset: 4px; }
.nazaj { display: inline-flex; gap: 6px; align-items: center; color: var(--sekundarno); font-size: 12px; margin-bottom: 18px; }
.nazaj .ikona { width: 16px; height: 16px; }
.plosca { background: var(--povrsina); border: 1px solid var(--rob); border-radius: var(--polmer); box-shadow: var(--senca); overflow: hidden; min-width: 0; }
.plosca + .plosca { margin-top: 23px; }
.plosca__glava { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 21px 23px; border-bottom: 1px solid var(--rob); }
.plosca__glava p { margin-top: 4px; font-size: 11px; color: var(--sekundarno); }
.plosca__vsebina { padding: 24px; }
.plosca__noga { border-top: 1px solid var(--rob); background: #fdfcfb; padding: 12px 23px; color: var(--sekundarno); display: flex; align-items: center; gap: 8px; font-size: 10px; }
.plosca__noga .ikona { width: 15px; height: 15px; flex-basis: 15px; }
.mehka-ikona { width: 37px; height: 37px; flex: 0 0 37px; border-radius: 9px; background: #f7f0f3; color: var(--barva); display: inline-flex; align-items: center; justify-content: center; }
.naslov-z-ikono { display: flex; align-items: center; gap: 12px; }
.oznaka { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; width: max-content; padding: 4px 8px; border-radius: 5px; font-size: 10px; line-height: 1.3; font-weight: 600; white-space: nowrap; }
.oznaka--nevtralna { color: #68616c; background: #f2f0f3; }
.oznaka--uspeh { color: var(--uspeh); background: var(--uspeh-ozadje); }
.oznaka--opozorilo { color: var(--opozorilo); background: var(--opozorilo-ozadje); }
.oznaka--nevarnost { color: var(--napaka); background: var(--napaka-ozadje); }
.oznaka--barva { color: var(--barva); background: var(--barva-mehka); }
.obvestilo { display: flex; gap: 10px; align-items: flex-start; border: 1px solid var(--rob); border-radius: 8px; padding: 13px 16px; font-size: 12px; margin-bottom: 22px; }
.obvestilo .ikona { width: 18px; height: 18px; flex-basis: 18px; margin-top: 1px; }
.obvestilo--uspeh { color: var(--uspeh); background: var(--uspeh-ozadje); border-color: #cce4d7; }
.obvestilo--napaka { color: var(--napaka); background: var(--napaka-ozadje); border-color: #f1cbd0; }
.obvestilo--info { color: #676174; background: #f1eff7; border-color: #e1dced; }
.obvestilo--opozorilo { color: var(--opozorilo); background: var(--opozorilo-ozadje); border-color: #eddfb4; }
.obvestilo p + p { margin-top: 5px; }
.obvestilo ul { margin: 8px 0 0; padding-left: 18px; }
.prazno { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 54px 28px; text-align: center; min-height: 275px; }
.prazno__ikona { display: grid; place-items: center; width: 55px; height: 55px; border: 1px solid #e9dfe5; background: #fbf6f8; color: #a47a8b; border-radius: 16px; margin-bottom: 18px; }
.prazno__ikona .ikona { width: 26px; height: 26px; }
.prazno h3 { font-size: 16px; }
.prazno p { max-width: 370px; font-size: 12px; line-height: 1.75; color: var(--sekundarno); margin-top: 8px; }
.prazno .gumb { margin-top: 21px; }
.tiho-prazno { padding: 24px; font-size: 12px; color: var(--sekundarno); }
.tiho-prazno small { display: block; margin-top: 4px; font-size: 10px; }
.muted { color: var(--sekundarno); }
.majhno { font-size: 11px; }
.mreza-dve { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: start; }
.mreza-dve > .plosca + .plosca { margin-top: 0; }
.razmik-zgoraj { margin-top: 24px; }
.obrazec { max-width: 100%; }
.obrazec-mreza { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }
.polje { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.polje--sirina { grid-column: 1 / -1; }
.polje label, .polje legend { font-size: 12px; font-weight: 600; color: #4e4550; }
.polje label span { color: var(--barva); }
.polje input, .polje select, .polje textarea { width: 100%; border: 1px solid #dcd5da; border-radius: 6px; background: #fff; padding: 10px 12px; min-height: 41px; color: var(--besedilo); font-size: 13px; line-height: 1.4; }
.polje input::placeholder, .polje textarea::placeholder { color: #a09aa0; }
.polje input:hover, .polje select:hover, .polje textarea:hover { border-color: #b5a6b0; }
.polje input[aria-invalid="true"], .polje select[aria-invalid="true"], .polje textarea[aria-invalid="true"] { border-color: var(--napaka); background: #fffafa; }
.polje textarea { resize: vertical; min-height: 105px; }
.pomoc { font-size: 11px; line-height: 1.6; color: var(--sekundarno); }
.napaka-polja { color: var(--napaka); font-size: 11px; }
.obrazec-sekcija { border: 0; padding: 0; margin: 0 0 28px; }
.obrazec-sekcija > legend { font-size: 15px; font-weight: 650; margin-bottom: 15px; width: 100%; padding: 0 0 12px; border-bottom: 1px solid var(--rob); }
.obrazec-akcije { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 22px; border-top: 1px solid var(--rob); }
.obrazec-akcije p { font-size: 11px; color: var(--sekundarno); max-width: 440px; }
.obrazec-postavitev { display: grid; grid-template-columns: minmax(0, 1fr) 275px; gap: 25px; align-items: start; }
.obrazec-pomoc { padding: 24px; background: #efeae4; border: 1px solid #e8e0d8; border-radius: 10px; }
.obrazec-pomoc h2 { font-size: 16px; margin: 11px 0 9px; }
.obrazec-pomoc p, .obrazec-pomoc li { font-size: 12px; color: #796b63; line-height: 1.75; }
.obrazec-pomoc ul { margin: 13px 0 0; padding-left: 18px; }
.potrditev-polje { display: flex; gap: 10px; align-items: flex-start; font-size: 12px; margin: 20px 0; }
.potrditev-polje input { width: 16px; height: 16px; margin-top: 2px; accent-color: var(--barva); }
.orodna-vrstica { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 18px 23px; border-bottom: 1px solid var(--rob); }
.iskanje { display: flex; align-items: center; gap: 10px; flex: 1; }
.iskalno-polje { position: relative; max-width: 360px; width: 100%; }
.iskalno-polje .ikona { position: absolute; left: 11px; top: 11px; width: 16px; height: 16px; color: #979098; }
.iskalno-polje input { width: 100%; min-height: 39px; border: 1px solid #e2dce0; border-radius: 6px; padding: 9px 12px 9px 35px; background: #fdfcfc; font-size: 12px; }
.stevec { color: var(--sekundarno); font-size: 11px; white-space: nowrap; }
.tabela-ovoj { width: 100%; overflow-x: auto; }
.tabela { width: 100%; border-collapse: collapse; text-align: left; font-size: 12px; }
.tabela th { color: #817681; font-size: 10px; text-transform: uppercase; letter-spacing: .7px; font-weight: 600; padding: 13px 22px; background: #fcfbfb; border-bottom: 1px solid var(--rob); white-space: nowrap; }
.tabela td { padding: 16px 22px; border-bottom: 1px solid #f0edef; vertical-align: middle; }
.tabela tr:last-child td { border-bottom: 0; }
.tabela tbody tr:hover { background: #fefbfd; }
.tabela .tabela__akcija { text-align: right; white-space: nowrap; }
.tabela a:not(.gumb):hover { color: var(--barva); text-decoration: underline; text-underline-offset: 3px; }
.oseba-celica { display: flex; align-items: center; gap: 10px; min-width: 150px; }
.oseba-celica .avatar { width: 33px; height: 33px; flex-basis: 33px; font-size: 10px; }
.oseba-celica strong { display: block; font-size: 12px; font-weight: 600; }
.oseba-celica small { color: var(--sekundarno); display: block; font-size: 10px; margin-top: 2px; }
.kontakt-celica { font-size: 11px; color: #655a67; }
.kontakt-celica small { display: block; color: #928894; font-size: 11px; margin-top: 3px; }
.paginacija { display: flex; justify-content: space-between; align-items: center; gap: 12px; border-top: 1px solid var(--rob); padding: 16px 23px; color: var(--sekundarno); font-size: 11px; }
.paginacija .gumbi { gap: 6px; }
.paginacija__stran { padding: 0 9px; }
.paginacija-neaktivna { opacity: .5; cursor: default; }
.prekritje { display: none; }
@media (min-width: 1650px) { .vsebina { padding-top: 42px; } }
@media (max-width: 1150px) {
    .aplikacija { grid-template-columns: 214px minmax(0, 1fr); }
    .stranska { padding-left: 12px; padding-right: 12px; }
    .zgornja, .noga { padding-left: 25px; padding-right: 25px; }
    .vsebina { padding: 27px 25px; }
    .obrazec-postavitev { grid-template-columns: minmax(0, 1fr); }
    .obrazec-pomoc { display: none; }
    .tabela th, .tabela td { padding-left: 17px; padding-right: 17px; }
}
@media (max-width: 850px) {
    .aplikacija { display: flex; flex-direction: column; }
    .stranska { display: none; width: 100%; }
    .mobilni-meni { display: inline-flex; }
    .zapri-meni { display: inline-flex; position: absolute; top: 3px; right: 3px; color: #d9c6d2; }
    .zgornja { min-height: 63px; padding: 12px 20px; }
    .zgornja__levo { gap: 12px; }
    .meni-odprt .stranska { display: flex; }
    .noga { padding: 15px 25px; }
}
@media (max-width: 580px) {
    .vsebina { padding: 25px 17px; }
    .zgornja { padding: 12px; }
    .zgornja__datum { display: none; }
    .drobtine { font-size: 10px; }
    .drobtine span { margin: 0 5px; }
    .testno { font-size: 9px; padding: 4px 6px; }
    .glava-strani { align-items: flex-start; flex-wrap: wrap; gap: 17px; margin-bottom: 23px; }
    .glava-strani > .gumb { min-height: 38px; }
    h1 { font-size: 29px; }
    .uvod { font-size: 12px; }
    .nadnaslov { font-size: 9px; }
    .noga { padding: 14px 17px; font-size: 9px; flex-direction: column; gap: 5px; }
    .mreza-dve, .obrazec-mreza { grid-template-columns: 1fr; }
    .plosca__glava { padding: 17px; flex-wrap: wrap; }
    .plosca__vsebina { padding: 19px 17px; }
    .plosca__noga { padding: 12px 17px; }
    .obrazec-akcije { flex-direction: column; align-items: stretch; gap: 14px; }
    .obrazec-akcije .gumbi { flex-direction: column-reverse; align-items: stretch; }
    .orodna-vrstica { padding: 16px; flex-wrap: wrap; }
    .iskanje { flex-wrap: wrap; }
    .iskalno-polje { flex: 1; min-width: 150px; }
    .paginacija { padding: 14px 16px; flex-wrap: wrap; }
    .tabela--odzivna thead { display: none; }
    .tabela--odzivna, .tabela--odzivna tbody, .tabela--odzivna tr, .tabela--odzivna td { display: block; }
    .tabela--odzivna tr { border-bottom: 1px solid var(--rob); padding: 16px; position: relative; }
    .tabela--odzivna tr:last-child { border-bottom: 0; }
    .tabela--odzivna td { padding: 5px 0; border: 0; }
    .tabela--odzivna td[data-oznaka]::before { content: attr(data-oznaka) ": "; color: var(--sekundarno); font-size: 11px; margin-right: 5px; }
    .tabela--odzivna .tabela__akcija { position: absolute; top: 19px; right: 17px; }
    .tabela--odzivna .kontakt-celica { padding-left: 43px; }
    .polje input, .polje select, .polje textarea, .iskalno-polje input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }