.unm-drevo ul { list-style: none; margin: 0; padding: 0; }
.unm-drevo ul ul { margin-inline-start: .85rem; padding-inline-start: .85rem; border-inline-start: 1px solid rgb(0 0 0 / .08); }
.dark .unm-drevo ul ul { border-color: rgb(255 255 255 / .1); }

.unm-drevo__vrstica { display: flex; align-items: center; gap: .35rem; min-height: 2.25rem; padding-inline-end: .5rem; border-radius: .5rem; }
.unm-drevo__vrstica:hover { background: rgb(0 0 0 / .035); }
.dark .unm-drevo__vrstica:hover { background: rgb(255 255 255 / .05); }

.unm-drevo__puscica { flex: none; display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: .375rem; color: var(--gray-500); }
button.unm-drevo__puscica:hover { background: rgb(0 0 0 / .06); color: var(--gray-900); }
.dark button.unm-drevo__puscica:hover { background: rgb(255 255 255 / .1); color: #fff; }
.unm-drevo__puscica svg { width: 1rem; height: 1rem; transition: transform .15s ease; }
.unm-drevo__puscica.is-odprto svg { transform: rotate(90deg); }
@media (prefers-reduced-motion: reduce) { .unm-drevo__puscica svg { transition: none; } }

.unm-drevo__ikona { flex: none; width: 1.15rem; height: 1.15rem; color: var(--gray-400); }

.unm-drevo__oznaka { display: flex; align-items: center; gap: .6rem; flex: 1; min-width: 0; cursor: pointer; }
.unm-drevo__oznaka.is-podedovano { cursor: default; color: var(--gray-500); }
.unm-drevo small, .unm-drevo__meta { font-size: .75rem; color: var(--gray-500); }
.unm-drevo small { padding: .05rem .45rem; border-radius: 999px; background: rgb(0 0 0 / .05); }
.dark .unm-drevo small { background: rgb(255 255 255 / .08); }

.unm-drevo__naslov { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.unm-drevo__naslov:hover { text-decoration: underline; }
.unm-drevo__dejanja { display: flex; flex: none; gap: .75rem; margin-inline-start: auto; font-size: .8rem; }
.unm-drevo__dejanja a { font-weight: 500; color: var(--primary-600); }
.unm-drevo__dejanja a:hover, .unm-drevo__dejanja a:focus-visible { text-decoration: underline; }
.dark .unm-drevo__dejanja a { color: var(--primary-400); }

.unm-drevo__orodja { display: flex; gap: 1rem; margin-block-end: .5rem; font-size: .875rem; }
.unm-drevo__orodja button { color: var(--primary-600); }
.unm-drevo__orodja button:hover { text-decoration: underline; }
.dark .unm-drevo__orodja button { color: var(--primary-400); }

.unm-drevo--kljukice { padding: .5rem; border: 1px solid rgb(0 0 0 / .1); border-radius: .75rem; }
.dark .unm-drevo--kljukice { border-color: rgb(255 255 255 / .1); }
[x-cloak] { display: none !important; }
.unm-drevo__sama { font-style: italic; }

.unm-struktura__navodilo { max-width: 60rem; margin-block-end: 1rem; font-size: .875rem; color: var(--gray-600); }
.dark .unm-struktura__navodilo { color: var(--gray-400); }
.unm-struktura__rocka { flex: none; width: 1.25rem; text-align: center; color: rgb(180 83 9); cursor: grab; user-select: none; font-size: 1.25rem; line-height: 1; }
.unm-struktura__rocka:hover { color: var(--gray-900); }
.dark .unm-struktura__rocka:hover { color: #fff; }
.unm-struktura__dejanje { margin-inline-start: auto; }

.unm-nacin { padding: 1.25rem; border: 1px solid rgb(245 158 11 / .3); border-radius: .75rem; background: rgb(254 243 199 / .45); }
.dark .unm-nacin { background: rgb(245 158 11 / .08); border-color: rgb(245 158 11 / .25); }
.unm-nacin__oznaka { display: inline-block; margin-block-end: .5rem; padding: .1rem .6rem; border-radius: 999px; background: rgb(254 243 199); color: rgb(146 64 14); font-size: .75rem; font-weight: 600; }
.unm-struktura .unm-drevo__vrstica { margin-block: .25rem; padding-inline-start: .35rem; border: 1px solid rgb(0 0 0 / .1); background: #fff; }
.dark .unm-struktura .unm-drevo__vrstica { background: var(--gray-900); border-color: rgb(255 255 255 / .1); }
.unm-struktura .unm-drevo__vrstica:hover { background: #fff; border-color: rgb(245 158 11 / .6); }
.dark .unm-struktura .unm-drevo__vrstica:hover { background: var(--gray-900); }
.unm-struktura .unm-drevo__naslov:hover { text-decoration: none; }
.unm-struktura .sortable-chosen > .unm-drevo__vrstica { border-color: rgb(245 158 11); box-shadow: 0 4px 12px rgb(0 0 0 / .12); }
body.sorting, body.sorting * { cursor: grabbing !important; }

.unm-pravice { display: grid; gap: 1rem; }
.unm-tabela { width: 100%; border-collapse: collapse; font-size: .9rem; }
.unm-tabela th { text-align: start; font-weight: 600; color: var(--gray-500); font-size: .8rem; padding: .5rem .75rem; border-block-end: 1px solid rgb(0 0 0 / .08); }
.unm-tabela td { padding: .75rem; vertical-align: top; border-block-end: 1px solid rgb(0 0 0 / .06); }
.dark .unm-tabela th, .dark .unm-tabela td { border-color: rgb(255 255 255 / .08); }
.unm-podrocje { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-block-end: .25rem; }
.unm-uredniki { display: flex; flex-wrap: wrap; gap: .3rem; margin-inline-start: auto; }
.unm-drevo small.unm-znacka--neposredno, .unm-tabela small.unm-znacka--neposredno { background: color-mix(in oklab, var(--primary-600) 14%, transparent); color: var(--primary-700); font-weight: 600; }
.dark .unm-drevo small.unm-znacka--neposredno, .dark .unm-tabela small.unm-znacka--neposredno { color: var(--primary-300); }
.unm-tabela small { font-size: .75rem; padding: .05rem .45rem; border-radius: 999px; background: rgb(0 0 0 / .05); color: var(--gray-600); }
.unm-povezava { color: var(--primary-600); font-weight: 500; }
.unm-povezava:hover { text-decoration: underline; }
@media (max-width: 640px) { .unm-tabela thead { display: none; } .unm-tabela td { display: block; border: 0; padding: .25rem .75rem; } .unm-tabela tr { display: block; padding-block: .5rem; border-block-end: 1px solid rgb(0 0 0 / .08); } }

.unm-dobrodosli { display: grid; gap: .5rem; max-width: 60rem; color: var(--gray-600); }
.dark .unm-dobrodosli { color: var(--gray-300); }
.unm-dobrodosli__naslov { font-size: 1.125rem; font-weight: 600; color: var(--gray-950); }
.dark .unm-dobrodosli__naslov { color: #fff; }
.unm-poudarek { font-weight: 600; color: #c2410c; }
.dark .unm-poudarek { color: #fdba74; }

.unm-ogled { padding: 1.25rem; border: 1px solid rgb(249 115 22 / .3); border-inline-start: 4px solid #f97316; border-radius: .75rem; background: rgb(255 247 237); color: var(--gray-700); }
.dark .unm-ogled { background: rgb(124 45 18 / .2); color: var(--gray-300); }
.unm-ogled__naslov { font-size: 1.125rem; font-weight: 600; color: #c2410c; }
.dark .unm-ogled__naslov { color: #fdba74; }
.unm-ogled__uvod, .unm-ogled__opomba { margin-top: .25rem; font-size: .875rem; }
.unm-ogled__opomba { margin-top: 1rem; }
.unm-ogled table { width: 100%; margin-top: 1rem; border-collapse: collapse; font-size: .875rem; }
.unm-ogled tbody tr { border-top: 1px solid rgb(249 115 22 / .2); }
.unm-ogled tbody th, .unm-ogled tbody td { padding: .55rem .75rem .55rem 0; vertical-align: top; text-align: start; }
.unm-ogled tbody th { width: 12rem; font-weight: 600; color: var(--gray-950); }
.dark .unm-ogled tbody th { color: #fff; }
.unm-ogled__povezave { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; }
.unm-ogled td a { font-weight: 500; color: #c2410c; text-decoration: underline; text-underline-offset: 2px; }
.dark .unm-ogled td a { color: #fdba74; }
@media (max-width: 767px) {
    .unm-ogled tbody tr, .unm-ogled tbody th { display: block; width: auto; }
    .unm-ogled tbody th { padding-bottom: .25rem; }
    .unm-ogled tbody td { padding-top: 0; }
}
.unm-ogled--nevarno { border-color: rgb(220 38 38 / .35); border-inline-start-color: #dc2626; background: rgb(254 242 242); }
.dark .unm-ogled--nevarno { background: rgb(127 29 29 / .2); }
.unm-ogled--nevarno .unm-ogled__naslov { color: #b91c1c; }
.dark .unm-ogled--nevarno .unm-ogled__naslov { color: #fca5a5; }

.unm-namig { padding: .6rem .9rem; border: 1px solid rgb(249 115 22 / .3); border-inline-start: 4px solid #f97316; border-radius: .5rem; background: rgb(255 247 237); color: #9a3412; font-size: .875rem; }
.dark .unm-namig { background: rgb(124 45 18 / .2); color: #fdba74; }
.unm-ponastavitev { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.unm-ponastavitev > div { flex: 1 1 28rem; max-width: 60rem; }

.unm-cilj { max-height: 60vh; overflow-y: auto; }
.unm-cilj__izbira { padding: .15rem .5rem; border-radius: .375rem; text-align: start; }
button.unm-cilj__izbira:hover { background: rgb(0 0 0 / .05); }
.dark button.unm-cilj__izbira:hover { background: rgb(255 255 255 / .08); }
.unm-cilj__izbira.is-izbrano { background: var(--primary-600); color: #fff; }
.unm-cilj__izbira.is-onemogoceno { color: var(--gray-400); font-style: italic; }
.unm-cilj__gumbi { display: flex; justify-content: flex-end; gap: .5rem; margin-block-start: 1rem; }
.unm-izbira { padding: .5rem; border: 1px solid rgb(0 0 0 / .1); border-radius: .5rem; max-height: 22rem; }
.dark .unm-izbira { border-color: rgb(255 255 255 / .1); }
.unm-izbira__pot { font-size: .875rem; color: var(--gray-600); }