/*
 * KORISNICKE TEME I POVRSINE
 * -------------------------
 * Komponente dobivaju data-ui-surface uloge u app.js:
 * panel = glavni sadrzajni panel, card = stvarna kartica/red s tekstom,
 * inset = kontrola unutar panela, empty = prazno stanje, table = omot tablice.
 *
 * Dodavanje nove teme zahtijeva samo novi blok tokena ispod.
 */

body[data-interface-theme="atelier"]{--uis-panel:#10241f;--uis-card:#17342c;--uis-card-alt:#1c3c33;--uis-inset:#21443a;--uis-head:#0a1d19;--uis-line:rgba(128,218,195,.25);--uis-line-strong:rgba(128,218,195,.46);--uis-text:#f3f7f3;--uis-muted:#b2c8c0;--uis-accent:#79d9c2;--uis-accent-soft:rgba(121,217,194,.15)}
body[data-interface-theme="graphite"]{--uis-panel:#20262b;--uis-card:#293138;--uis-card-alt:#303a42;--uis-inset:#37424b;--uis-head:#14191d;--uis-line:rgba(198,212,220,.21);--uis-line-strong:rgba(198,212,220,.4);--uis-text:#f5f7f8;--uis-muted:#bdc6cc;--uis-accent:#aec7d5;--uis-accent-soft:rgba(174,199,213,.15)}
body[data-interface-theme="navy"]{--uis-panel:#0c2941;--uis-card:#123755;--uis-card-alt:#174260;--uis-inset:#1d4a69;--uis-head:#071d31;--uis-line:rgba(140,199,238,.24);--uis-line-strong:rgba(140,199,238,.46);--uis-text:#f2f8fc;--uis-muted:#b5ccdc;--uis-accent:#83c8f0;--uis-accent-soft:rgba(131,200,240,.16)}
body[data-interface-theme="paper"]{--uis-panel:#37342d;--uis-card:#454137;--uis-card-alt:#4d483c;--uis-inset:#575044;--uis-head:#28251f;--uis-line:rgba(231,214,178,.24);--uis-line-strong:rgba(231,214,178,.46);--uis-text:#fffaf1;--uis-muted:#d2c8b5;--uis-accent:#e2c98f;--uis-accent-soft:rgba(226,201,143,.16)}

body[data-interface-surface="themed"]{--theme-glass-text:var(--uis-text);--theme-glass-muted:var(--uis-muted);--theme-glass-accent:var(--uis-accent);--ui-panel:var(--uis-panel);--ui-panel-raised:var(--uis-card);--ui-panel-soft:var(--uis-inset);--ui-panel-head:var(--uis-head);--ui-panel-line:var(--uis-line);--ui-panel-line-strong:var(--uis-line-strong);--ui-panel-text:var(--uis-text);--ui-panel-muted:var(--uis-muted);--ui-panel-accent:var(--uis-accent);--ui-panel-accent-soft:var(--uis-accent-soft)}

/* ZAJEDNICKI MODALNI MATERIJAL
 * Geometrija ostaje vlasnistvo pojedine komponente, ali materijal uvijek prati
 * korisnicki odabir: puna boja teme ili isto kontrolirano staklo kao u
 * racunovodstvenom pregledu. Novi modalni sustav ne definira vlastitu paletu.
 */
body[data-interface-theme][data-interface-surface="themed"] :is(.admin-modal,.modal-card,.command-dialog,.confirm-dialog,.upload-dialog,.manual-viewer-dialog){
  color:var(--uis-text)!important;
  border-color:var(--uis-line-strong)!important;
  background:radial-gradient(circle at 90% 0,var(--uis-accent-soft),transparent 34%),var(--uis-panel)!important;
  background-image:radial-gradient(circle at 90% 0,var(--uis-accent-soft),transparent 34%),linear-gradient(var(--uis-panel),var(--uis-panel))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 32px 90px rgba(0,0,0,.42)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-interface-theme][data-interface-surface="glass"] :is(.admin-modal,.modal-card,.command-dialog,.confirm-dialog,.upload-dialog,.manual-viewer-dialog){
  color:var(--uig-text)!important;
  border-color:var(--uig-line)!important;
  background:var(--uig-panel)!important;
  background-image:var(--uig-panel)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 32px 90px rgba(0,0,0,.36)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
}
/* Modalni host ima veci prioritet od generickog data-ui-surface mapiranja. */
body[data-interface-theme][data-interface-surface="themed"] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal{
  color:var(--uis-text)!important;
  border-color:var(--uis-line-strong)!important;
  background:radial-gradient(circle at 90% 0,var(--uis-accent-soft),transparent 34%),var(--uis-panel)!important;
  background-image:radial-gradient(circle at 90% 0,var(--uis-accent-soft),transparent 34%),linear-gradient(var(--uis-panel),var(--uis-panel))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 32px 90px rgba(0,0,0,.42)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-interface-theme][data-interface-surface="glass"] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal{
  color:var(--uig-text)!important;
  border-color:var(--uig-line)!important;
  background:var(--uig-panel)!important;
  background-image:var(--uig-panel)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
}
body[data-interface-theme][data-interface-surface="glass"] :is(.admin-modal-backdrop,.admin-child-modal-backdrop){
  background:color-mix(in srgb,var(--uis-panel) 28%,transparent)!important;
  backdrop-filter:blur(12px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.04)!important;
}
/* Referentna geometrija standardnog popup sadrzaja: worklog-action-dialog. */
body[data-interface-theme][data-interface-surface] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal.worklog-action-dialog:not(.is-wide){box-sizing:border-box;width:min(470px,100%);padding:28px;border-radius:22px}
body[data-interface-theme][data-interface-surface] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal .admin-modal-close{top:14px;right:14px;width:36px;height:36px;border-radius:10px}
body[data-interface-theme][data-interface-surface] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal .admin-modal-icon{width:50px;height:50px;margin-bottom:18px;border-radius:15px;color:var(--uis-accent)!important;background:var(--uis-accent-soft)!important}
body[data-interface-theme][data-interface-surface] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal .admin-modal-kicker{margin:0 0 7px!important;color:var(--uis-accent)!important;font-size:.59rem!important}
body[data-interface-theme][data-interface-surface] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal:not(.is-wide)>h3,body[data-interface-theme][data-interface-surface] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal:not(.is-wide)>div>h3{margin:7px 42px 8px 0;font-size:1.28rem}
body[data-interface-theme][data-interface-surface] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal:not(.is-wide)>p:not(.admin-modal-kicker),body[data-interface-theme][data-interface-surface] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal:not(.is-wide)>div>p:not(.admin-modal-kicker){font-size:.72rem;line-height:1.65}
body[data-interface-theme][data-interface-surface] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal .admin-modal-actions{gap:8px;margin-top:22px}
body[data-interface-theme][data-interface-surface] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal .admin-modal-actions>button{min-height:41px;padding:0 14px;border-radius:11px}
body[data-interface-theme][data-interface-surface="themed"] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal :is(input,select,textarea){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-interface-theme][data-interface-surface="glass"] :is(#adminPortalModal,#adminPortalChildModal)>.admin-modal :is(input,select,textarea){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-inset)!important}
body[data-interface-theme][data-interface-surface] :is(.admin-modal,.modal-card,.command-dialog,.confirm-dialog,.upload-dialog,.manual-viewer-dialog){
  --modal-accent:var(--uis-accent);
  --modal-on-accent:var(--uis-head);
  --modal-accent-soft:var(--uis-accent-soft);
  --modal-border:var(--uis-line-strong);
  --modal-text:var(--uis-text);
  --modal-muted:var(--uis-muted);
  --modal-subtle:var(--uis-muted);
  --modal-panel:var(--uis-inset);
  --modal-panel-border:var(--uis-line);
}
body[data-interface-theme][data-interface-surface="glass"] :is(.admin-modal,.modal-card,.command-dialog,.confirm-dialog,.upload-dialog,.manual-viewer-dialog){
  --modal-text:var(--uig-text);
  --modal-muted:var(--uig-muted);
  --modal-subtle:var(--uig-muted);
  --modal-panel:var(--uig-inset);
  --modal-panel-border:var(--uig-line);
}
body[data-interface-theme][data-interface-surface="themed"] :is(.admin-modal-close,.modal-close,.voting-close,.upload-close,.command-close,.confirm-cancel){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-interface-theme][data-interface-surface="glass"] :is(.admin-modal-close,.modal-close,.voting-close,.upload-close,.command-close,.confirm-cancel){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-inset)!important}
body[data-interface-theme][data-interface-surface="themed"] :is(.admin-modal>p:not(.admin-modal-kicker),.confirm-dialog p:last-child,.voting-step>p){color:var(--uis-muted)!important}
body[data-interface-theme][data-interface-surface="glass"] :is(.admin-modal>p:not(.admin-modal-kicker),.confirm-dialog p:last-child,.voting-step>p){color:var(--uig-muted)!important}
body[data-interface-theme][data-interface-surface="themed"] :is(.upload-header,.command-search-shell){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-interface-theme][data-interface-surface="glass"] :is(.upload-header,.command-search-shell){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-inset)!important}

/* Vanjski layout nikad nije obojena kocka. Boju nose stvarni elementi sadrzaja. */
body[data-interface-surface="themed"] :is(.board-surface,.section-block,.home-board-main,.home-board-side,.board-deadlines-column,.board-meetings-column,.profile-page,.profile-settings-layout,.admin-dashboard,.admin-subpage){background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

body[data-interface-surface="themed"] [data-ui-surface]{color:var(--uis-text)!important;border-color:var(--uis-line)!important;transition:color .2s ease,background .24s ease,border-color .2s ease,box-shadow .24s ease}
body[data-interface-surface="themed"] [data-ui-surface="panel"]{background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 15px 34px rgba(0,0,0,.15)!important}
body[data-interface-surface="themed"] [data-ui-surface="card"]{background:var(--uis-card)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.1)!important}
body[data-interface-surface="themed"] [data-ui-surface="card"]:nth-child(even){background:var(--uis-card-alt)!important}
body[data-interface-surface="themed"] [data-ui-surface="inset"]{background:var(--uis-inset)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
body[data-interface-surface="themed"] [data-ui-surface="empty"]{color:var(--uis-muted)!important;border:1px dashed var(--uis-line-strong)!important;background:var(--uis-card)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}

/* Inbox uvijek koristi aktivnu korisničku paletu. */
body[data-interface-theme] .portal-inbox>summary{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-interface-theme] .portal-inbox>summary:hover,body[data-interface-theme] .portal-inbox[open]>summary{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-interface-theme] .topbar-tools .portal-inbox-panel{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--uis-card) 96%,#050708),color-mix(in srgb,var(--uis-panel) 96%,#050708))!important;background-image:linear-gradient(145deg,color-mix(in srgb,var(--uis-card) 96%,#050708),color-mix(in srgb,var(--uis-panel) 96%,#050708))!important;box-shadow:0 25px 72px rgba(0,0,0,.46)!important}
body[data-interface-theme][data-interface-surface="glass"] .topbar-tools .portal-inbox-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--uis-card) 88%,transparent),color-mix(in srgb,var(--uis-panel) 88%,transparent))!important;background-image:linear-gradient(145deg,color-mix(in srgb,var(--uis-card) 88%,transparent),color-mix(in srgb,var(--uis-panel) 88%,transparent))!important;backdrop-filter:blur(22px) saturate(1.18)!important;-webkit-backdrop-filter:blur(22px) saturate(1.18)!important}
body[data-interface-theme] .topbar-tools .portal-inbox-panel>header{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:color-mix(in srgb,var(--uis-head) 82%,transparent)!important}
body[data-interface-theme] .portal-inbox-panel header small{color:var(--uis-accent)!important}body[data-interface-theme] .topbar-tools .portal-inbox-panel header h3{color:var(--uis-text)!important}
.portal-inbox-actions{display:flex!important;align-items:center!important;gap:5px!important}.topbar-tools .portal-inbox-panel .portal-inbox-actions button{min-height:31px!important;padding:0 8px!important;border:1px solid var(--uis-line)!important;border-radius:8px!important;color:var(--uis-muted)!important;background:var(--uis-inset)!important;font-size:9px!important}.topbar-tools .portal-inbox-panel .portal-inbox-actions button:hover:not(:disabled){color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}.topbar-tools .portal-inbox-panel .portal-inbox-actions #portalInboxClear{color:#ffaaa7!important}.topbar-tools .portal-inbox-panel .portal-inbox-actions button:disabled{opacity:.35!important}
body[data-interface-theme] .portal-inbox-list{scrollbar-color:color-mix(in srgb,var(--uis-accent) 48%,transparent) color-mix(in srgb,var(--uis-head) 55%,transparent)}body[data-interface-theme] .portal-inbox-item{color:var(--uis-text)!important;border:1px solid transparent!important}body[data-interface-theme] .portal-inbox-item:hover{border-color:var(--uis-line)!important;background:color-mix(in srgb,var(--uis-accent) 9%,transparent)!important}body[data-interface-theme] .portal-inbox-item.is-unread{border-color:color-mix(in srgb,var(--uis-accent) 18%,transparent)!important;background:var(--uis-accent-soft)!important}
body[data-interface-theme] .portal-inbox-item.is-unread strong:before{background:var(--uis-accent)!important}body[data-interface-theme] .portal-inbox-item-icon{color:var(--uis-accent)!important;background:var(--uis-accent-soft)!important}body[data-interface-theme] .portal-inbox-item-icon svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}body[data-interface-theme] .portal-inbox-item strong,body[data-interface-theme] .portal-inbox-item em{color:var(--uis-text)!important}body[data-interface-theme] .portal-inbox-item small,body[data-interface-theme] .portal-inbox-item time{color:var(--uis-muted)!important}body[data-interface-theme] .portal-inbox-empty{color:var(--uis-muted)!important}body[data-interface-theme] .portal-inbox-empty strong{color:var(--uis-text)!important}
body[data-interface-theme] .admin-modal:has(#confirmInboxClear){color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important}body[data-interface-theme] .admin-modal:has(#confirmInboxClear)>p:not(.admin-modal-kicker){color:var(--uis-muted)!important}
body[data-interface-surface="themed"] [data-ui-surface] :is(h1,h2,h3,h4,h5,strong){color:var(--uis-text)!important}
body[data-interface-surface="themed"] [data-ui-surface] :is(p,small,.section-eyebrow){color:var(--uis-muted)!important}
body[data-interface-surface="themed"] [data-ui-surface="inset"]:has(input:checked){border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 17%,var(--uis-inset))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--uis-accent) 9%,transparent)!important}

/* ADMINISTRACIJA - ista korisnička paleta vrijedi za cijeli upravljački modul. */
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-kpis article,.admin-panel,.admin-users-summary article,.admin-users-controls,.admin-users-card-grid>article,.admin-board-tabs,.admin-board-item,.admin-document-row,.admin-document-groups button,.admin-meeting-row,.admin-active-school-year,.admin-application-grid>section,.admin-application-actions article,.admin-subpage>header,.admin-concert-intro,.admin-concert-card){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.12)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-kpis article,.admin-users-summary article,.admin-users-card-grid>article,.admin-board-item,.admin-document-row,.admin-meeting-row,.admin-concert-card):nth-child(even){background:var(--uis-card-alt)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-users-controls,.admin-board-tabs,.admin-active-school-year){background:var(--uis-panel)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-users-controls select,.admin-users-search,.admin-board-form input,.admin-board-form select,.admin-board-form textarea,.admin-profile-form input,.admin-profile-form select,.admin-profile-form textarea){color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-inset)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-users-summary small,.admin-users-summary span,.admin-users-results,.admin-users-card-grid article>header small,.admin-users-card-grid dt,.admin-users-controls label,.admin-panel header>span){color:var(--uis-muted)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-subpage>header p,.admin-panel header p,.admin-users-card-grid article>header>span,.admin-board-icon,.admin-modal-kicker){color:var(--uis-accent)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-header-tabs .event-header-tab.is-active,.admin-mobile-nav button.is-active,.admin-board-tabs button.is-active,.admin-document-groups button.is-active){color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-users-add-button,.admin-content-topbar>button,.admin-board-page>header button,.admin-board-form>button){color:var(--uis-head)!important;border-color:var(--uis-accent)!important;background:var(--uis-accent)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-concert-toolbar button,.admin-concert-card button){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-accent-soft)!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-concert-toolbar [data-concert-add]{color:var(--uis-head)!important;border-color:var(--uis-accent)!important;background:var(--uis-accent)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-concert-intro p,.admin-concert-card p,.admin-concert-card footer>span){color:var(--uis-muted)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-concert-intro small,.admin-concert-date small){color:var(--uis-accent)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(#adminAddPoll,#adminUsersAddButton){color:color-mix(in srgb,var(--uis-accent) 8%,#061b17)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(#adminAddPoll,#adminUsersAddButton)>span{color:inherit!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-users-card-grid>article{border-color:var(--uis-line-strong)!important}
body[data-view="admin"][data-interface-surface="themed"] :is(.admin-users-card-grid dl,.admin-users-card-grid dl>div){border-color:var(--uis-line)!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-users-card-grid footer button{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-inset)!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-modal{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-panel)!important;background-image:radial-gradient(circle at 90% 0,var(--uis-accent-soft),transparent 34%)!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-mobile-nav>div{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-panel)!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-header-tabs .event-header-tab{color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-users-card-grid article>header>b.is-active{color:var(--uis-accent)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}

/* DOKUMENTI I KALENDARI - tabovi koriste isti uzorak kao administracija. */
:is(body[data-view="documents"],body[data-view="events"])[data-interface-surface="themed"] :is(.event-header-tabs,.event-tabs){border-color:var(--uis-line)!important;background:transparent!important}
:is(body[data-view="documents"],body[data-view="events"])[data-interface-surface="themed"] :is(.event-header-tab,.event-tab){color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important;background-image:none!important;box-shadow:none!important}
:is(body[data-view="documents"],body[data-view="events"])[data-interface-surface="themed"] :is(.event-header-tab,.event-tab):hover{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 10%,var(--uis-inset))!important}
:is(body[data-view="documents"],body[data-view="events"])[data-interface-surface="themed"] :is(.event-header-tab,.event-tab).is-disabled,:is(body[data-view="documents"],body[data-view="events"])[data-interface-surface="themed"] :is(.event-header-tab,.event-tab).is-disabled:hover{color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:color-mix(in srgb,var(--uis-inset) 72%,transparent)!important;box-shadow:none!important;cursor:not-allowed}
:is(body[data-view="documents"],body[data-view="events"])[data-interface-surface="themed"] .event-header-tab.is-disabled .event-state-badge{color:var(--uis-accent)!important;border-color:color-mix(in srgb,var(--uis-accent) 30%,transparent)!important;background:var(--uis-accent-soft)!important}
:is(body[data-view="documents"],body[data-view="events"])[data-interface-surface="themed"] :is(.event-header-tab,.event-tab).is-active{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important;box-shadow:0 8px 22px color-mix(in srgb,var(--uis-accent) 12%,transparent)!important}
:is(body[data-view="documents"],body[data-view="events"])[data-interface-surface="themed"] :is(.event-header-tab,.event-tab) svg{color:var(--uis-accent)!important}
:is(body[data-view="documents"],body[data-view="events"])[data-interface-surface="themed"] .event-tab small{color:var(--uis-muted)!important}

/* OGLASNA PLOCA - stvarni danasnji DOM: board-notice-row. */
body[data-interface-surface="themed"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading){color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:linear-gradient(105deg,var(--uis-head),var(--uis-card))!important;background-image:linear-gradient(105deg,var(--uis-head),var(--uis-card))!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.13)!important}
body[data-interface-surface="themed"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading) :is(h3,.section-title,.section-eyebrow){color:var(--uis-text)!important}
body[data-interface-surface="themed"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading) .section-eyebrow{background:var(--uis-accent-soft)!important}

body[data-interface-surface="themed"][data-view="board"] .board-notice-row,body[data-interface-surface="themed"][data-view="board"] .board-notice-row.is-unread{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important;box-shadow:inset 3px 0 var(--uis-accent),0 7px 18px rgba(0,0,0,.1)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row:nth-child(even){background:var(--uis-card-alt)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row :is(.column-notice-title strong,.column-notice-date,.notice-date-long,.notice-date-short){color:var(--uis-text)!important;text-shadow:none!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row .notice-date-label{color:var(--uis-accent)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-list::before,body[data-interface-surface="themed"][data-view="board"] .board-notice-row:not(:last-child)::after{background:var(--uis-accent)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row .notice-row-icon{color:var(--uis-accent)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important;box-shadow:0 0 0 1px var(--uis-line)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row .board-notice-action,body[data-interface-surface="themed"][data-view="board"] .notice-new-badge{color:var(--uis-accent)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row:focus-visible{outline-color:var(--uis-line-strong)!important;border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 11%,var(--uis-card))!important}
@media(hover:hover) and (pointer:fine){body[data-interface-surface="themed"][data-view="board"] .board-notice-row:hover{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 12%,var(--uis-card))!important;background-image:none!important;box-shadow:inset 4px 0 var(--uis-accent),0 10px 24px rgba(0,0,0,.16)!important}body[data-interface-surface="themed"][data-view="board"] .board-notice-row:hover .notice-row-icon,body[data-interface-surface="themed"][data-view="board"] .board-notice-row:hover .board-notice-action{color:var(--uis-head)!important;border-color:var(--uis-accent)!important;background:var(--uis-accent)!important}}

/* BITNI DATUMI - compact-item i njegovo stvarno prazno stanje. */
body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-list{background:transparent!important}
body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-item{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important;box-shadow:inset 3px 0 var(--uis-accent),0 7px 18px rgba(0,0,0,.1)!important}
body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-item:nth-child(even){background:var(--uis-card-alt)!important}
body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-item :is(strong,.compact-copy span){color:var(--uis-text)!important}body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-copy small{color:var(--uis-accent)!important;background:var(--uis-accent-soft)!important}body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-icon{color:var(--uis-accent)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-interface-surface="themed"][data-view="board"] .deadline-panel .empty-state{min-height:61px;display:grid;place-items:center;color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important}
@media(hover:hover) and (pointer:fine){body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-item:hover{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 12%,var(--uis-card))!important;background-image:none!important;box-shadow:inset 4px 0 var(--uis-accent),0 10px 24px rgba(0,0,0,.16)!important}body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-item:hover .compact-icon{color:var(--uis-head)!important;border-color:var(--uis-accent)!important;background:var(--uis-accent)!important}body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-item:hover .compact-copy small{color:var(--uis-head)!important;background:var(--uis-accent)!important}}

/* SJEDNICE - board-meeting-item i board-meeting-empty. */
body[data-interface-surface="themed"][data-view="board"] .board-meeting-item{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important;box-shadow:inset 3px 0 var(--uis-accent),0 7px 18px rgba(0,0,0,.1)!important}
body[data-interface-surface="themed"][data-view="board"] .board-meeting-item:nth-child(even){background:var(--uis-card-alt)!important}body[data-interface-surface="themed"][data-view="board"] .board-meeting-item :is(strong,small){color:var(--uis-text)!important}body[data-interface-surface="themed"][data-view="board"] .board-meeting-item small{color:var(--uis-muted)!important}body[data-interface-surface="themed"][data-view="board"] .board-meeting-item>span:first-child{color:var(--uis-accent)!important;background:var(--uis-accent-soft)!important}
body[data-interface-surface="themed"][data-view="board"] .board-meeting-empty{color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important}body[data-interface-surface="themed"][data-view="board"] .board-meeting-empty strong{color:var(--uis-text)!important}
@media(hover:hover) and (pointer:fine){body[data-interface-surface="themed"][data-view="board"] .board-meeting-item:hover{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 12%,var(--uis-card))!important;background-image:none!important;box-shadow:inset 4px 0 var(--uis-accent),0 10px 24px rgba(0,0,0,.16)!important}body[data-interface-surface="themed"][data-view="board"] .board-meeting-item:hover>span:first-child{color:var(--uis-head)!important;background:var(--uis-accent)!important}}

/* Dogadjanja, kalendar i ostale kartice. */
body[data-interface-surface="themed"] :is(.empty-state,.timeline-empty,.document-empty,.admin-empty,.admin-board-empty){color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important}
body[data-interface-surface="themed"][data-view="events"] :is(.section-heading,.general-deadlines-heading){color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:linear-gradient(105deg,var(--uis-head),var(--uis-card))!important;background-image:linear-gradient(105deg,var(--uis-head),var(--uis-card))!important}
body[data-interface-surface="themed"][data-view="events"] :is(.content-card,.event-card,.item-card,.note-box,.event-link-card,.concert-card,.general-deadline-content){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important}

/* Kontrole u boji iste teme. */
body[data-interface-surface="themed"] :is(.card-action,.board-notice-action,.contact-link,.event-link,.compact-action){color:var(--uis-accent)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important;background-image:none!important}
body[data-interface-surface="themed"] :is(.card-action,.board-notice-action,.contact-link,.event-link,.compact-action):hover{color:var(--uis-head)!important;background:var(--uis-accent)!important}

/* Moderna tablica prati paletu; prozirna mreza ostaje zasebna opcija. */
body[data-interface-surface="themed"][data-interface-table="modern"] [data-ui-surface="table"]{background:var(--uis-panel)!important;border-color:var(--uis-line)!important}
body[data-interface-surface="themed"][data-interface-table="modern"] .document-table{color:var(--uis-text)!important;background:var(--uis-panel)!important}body[data-interface-surface="themed"][data-interface-table="modern"] .document-table thead{background:var(--uis-head)!important}body[data-interface-surface="themed"][data-interface-table="modern"] .document-table thead th{color:var(--uis-text)!important;background:transparent!important}body[data-interface-surface="themed"][data-interface-table="modern"] .document-table tbody tr{--table-row-bg:var(--uis-card)!important;background:var(--uis-card)!important}body[data-interface-surface="themed"][data-interface-table="modern"] .document-table tbody tr:nth-child(even){--table-row-bg:var(--uis-card-alt)!important;background:var(--uis-card-alt)!important}body[data-interface-surface="themed"][data-interface-table="modern"] .document-table :is(th,td){color:var(--uis-muted)!important;border-color:var(--uis-line)!important}body[data-interface-surface="themed"][data-interface-table="modern"] .document-table td{background:var(--table-row-bg)!important}body[data-interface-surface="themed"][data-interface-table="modern"] .document-table :is(.table-title strong,.table-description){color:var(--uis-text)!important}

/* Prozirne tablice: svi tekstualni slojevi moraju ostati čitljivi na tamnoj animiranoj pozadini. */
body[data-interface-table="transparent"] .document-table{--transparent-table-text:#f7faf8;--transparent-table-muted:rgba(235,243,239,.82)}
body[data-interface-table="transparent"] .document-table :is(td,.column-version,.column-date,.column-description,.column-updated time,.document-action-disabled){color:var(--transparent-table-text)!important;text-shadow:0 1px 7px rgba(0,0,0,.28)}
body[data-interface-table="transparent"] .document-table :is(.table-title strong,.table-description,.table-description-preview,.table-description-full){color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.34)}
body[data-interface-table="transparent"] .document-table :is(.table-document-copy>span,.column-updated small,.notice-date-label,.notice-date-long,.notice-date-short){color:var(--transparent-table-muted)!important;text-shadow:0 1px 7px rgba(0,0,0,.3)}
body[data-interface-table="transparent"] .document-table td::before{color:rgba(225,244,238,.78)!important;text-shadow:0 1px 7px rgba(0,0,0,.3)}
body[data-interface-table="transparent"] .document-table tbody tr:hover :is(td,.table-document-copy>span,.column-updated time,.column-updated small){color:#fff!important}

/* Profil i administracija: svaki panel pojedinacno nosi temu. */
body[data-interface-surface="themed"] :is(.profile-theme-form,.profile-page-hero,.own-profile-pin,.own-profile-grid>div,.admin-panel,.admin-kpis>article,.admin-subpage>header,.admin-application-grid>section){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important}

/* PROZIRNO STAKLO: stvarni sadrzajni elementi, ne samo njihovi roditelji. */
body[data-interface-surface="glass"]{--uig-bg:linear-gradient(145deg,rgba(8,27,24,.48),rgba(31,20,28,.38));--uig-bg-alt:linear-gradient(145deg,rgba(16,43,38,.5),rgba(39,25,35,.4));--uig-line:rgba(255,255,255,.24);--uig-text:#f6faf7;--uig-muted:rgba(230,239,235,.74);--uig-accent:#83ddc7;--uig-accent-soft:rgba(131,221,199,.14)}
body[data-interface-surface="glass"]{--ui-panel-line:var(--uig-line);--ui-panel-line-strong:rgba(255,255,255,.34);--ui-panel-text:var(--uig-text);--ui-panel-muted:var(--uig-muted);--ui-panel-accent:var(--uig-accent);--ui-panel-accent-soft:var(--uig-accent-soft);--ui-panel-head:#09211c}
body[data-interface-surface="glass"] :is(.board-notice-row,.deadline-panel .compact-item,.board-meeting-item,.board-meeting-empty,.empty-state,.item-card,.exam-row,.contact-card,.tutorial-card){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 26px rgba(0,0,0,.13)!important;backdrop-filter:blur(5px) saturate(1.08)!important;-webkit-backdrop-filter:blur(5px) saturate(1.08)!important}
body[data-interface-surface="glass"] :is(.board-notice-row,.deadline-panel .compact-item,.board-meeting-item,.item-card,.exam-row):nth-child(even){background:var(--uig-bg-alt)!important;background-image:var(--uig-bg-alt)!important}
body[data-interface-surface="glass"] :is(.board-notice-row,.deadline-panel .compact-item,.board-meeting-item,.board-meeting-empty,.empty-state,.item-card,.exam-row,.contact-card,.tutorial-card) :is(h3,h4,strong){color:var(--uig-text)!important;text-shadow:0 1px 8px rgba(0,0,0,.22)!important}
body[data-interface-surface="glass"] :is(.board-notice-row,.deadline-panel .compact-item,.board-meeting-item,.board-meeting-empty,.empty-state,.item-card,.exam-row,.contact-card,.tutorial-card) :is(p,small,.column-notice-date,.document-meta){color:var(--uig-muted)!important}
body[data-interface-surface="glass"][data-view="board"] .board-notice-row .notice-date-label{color:var(--uig-accent)!important}body[data-interface-surface="glass"][data-view="board"] :is(.notice-row-icon,.compact-icon,.board-meeting-item>span:first-child,.board-notice-action){color:var(--uig-accent)!important;border-color:var(--uig-line)!important;background:var(--uig-accent-soft)!important}body[data-interface-surface="glass"][data-view="board"] .board-notice-list::before,body[data-interface-surface="glass"][data-view="board"] .board-notice-row:not(:last-child)::after{background:var(--uig-accent)!important}
@media(hover:hover) and (pointer:fine){body[data-interface-surface="glass"] :is(.board-notice-row,.deadline-panel .compact-item,.board-meeting-item,.item-card,.exam-row):hover{color:var(--uig-text)!important;border-color:rgba(131,221,199,.48)!important;background:linear-gradient(145deg,rgba(35,83,72,.58),rgba(57,31,47,.48))!important;background-image:linear-gradient(145deg,rgba(35,83,72,.58),rgba(57,31,47,.48))!important;box-shadow:inset 3px 0 var(--uig-accent),0 13px 30px rgba(0,0,0,.18)!important}}

/* PROFIL: profesionalna hijerarhija i radijusi u oba nacina povrsine. */
body[data-view="profile"] .profile-page{padding:clamp(18px,2.5vw,30px)!important;border-radius:26px!important}
body[data-interface-surface="themed"][data-view="profile"] .profile-page{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:color-mix(in srgb,var(--uis-panel) 82%,transparent)!important;background-image:none!important;box-shadow:0 24px 62px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)!important;backdrop-filter:blur(10px)!important}
body[data-interface-surface="themed"][data-view="profile"] .profile-page-hero{padding:22px!important;border:1px solid var(--uis-line)!important;border-radius:20px!important;background:linear-gradient(135deg,var(--uis-card),var(--uis-panel))!important;background-image:linear-gradient(135deg,var(--uis-card),var(--uis-panel))!important}
body[data-interface-surface="themed"][data-view="profile"] :is(.own-profile-grid>div,.own-profile-pin,.profile-theme-form){border:1px solid var(--uis-line)!important;border-radius:18px!important;background:var(--uis-card)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.1)!important}
body[data-interface-surface="themed"][data-view="profile"] :is(.profile-theme-option,.profile-font-option,.profile-animation-option,.profile-material-option){border-color:var(--uis-line)!important;border-radius:13px!important;background:var(--uis-inset)!important;background-image:none!important}
body[data-interface-surface="themed"][data-view="profile"] :is(.profile-theme-option,.profile-font-option,.profile-animation-option,.profile-material-option):has(input:checked){border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 17%,var(--uis-inset))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--uis-accent) 9%,transparent)!important}
body[data-interface-surface="themed"][data-view="profile"] #revealOwnPin{color:var(--uis-head)!important;border:1px solid var(--uis-accent)!important;background:var(--uis-accent)!important}
body[data-interface-surface="glass"][data-view="profile"] .profile-page-hero{padding:22px!important;border:1px solid var(--uig-line)!important;border-radius:20px!important;background:rgba(8,28,24,.34)!important}

/* PRODUKCIJE: kartice umjesto velikih ravnih blokova. */
body[data-view="events"] .production-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:20px}
body[data-view="events"] .production-layout :is(.concert-main,.concert-side){display:grid;gap:12px;padding:16px!important;border-radius:20px!important}
body[data-view="events"] .production-layout .concert-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-view="events"] .production-layout .item-card{min-height:210px;align-content:start;padding:18px;border-radius:16px!important}
body[data-view="events"] .production-layout .concert-side .item-card{min-height:0}
body[data-interface-surface="themed"][data-view="events"] .production-layout .item-card{border-color:var(--uis-line)!important;background:linear-gradient(145deg,var(--uis-card-alt),var(--uis-card))!important;background-image:linear-gradient(145deg,var(--uis-card-alt),var(--uis-card))!important}
body[data-interface-surface="themed"][data-view="events"] .production-layout .item-card .document-icon{color:var(--uis-accent)!important;border-color:var(--uis-line)!important;background:var(--uis-accent-soft)!important}
body[data-view="events"] .production-layout .actions-row{margin-top:auto;padding-top:12px}

/* Izleti, otvoreni dani i ispiti dijele isti karticni ritam. */
body[data-view="events"] :is(.document-grid,.timeline-grid,.meeting-grid){gap:14px}
body[data-view="events"] :is(.document-grid,.timeline-grid,.meeting-grid)>.item-card{min-height:180px;padding:18px;border-radius:17px!important}
body[data-interface-surface="themed"][data-view="events"] .exam-row{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important}body[data-interface-surface="themed"][data-view="events"] .exam-row :is(.exam-date,.exam-summary-main strong){color:var(--uis-text)!important}body[data-interface-surface="themed"][data-view="events"] .exam-toggle{color:var(--uis-accent)!important;background:var(--uis-accent-soft)!important}body[data-interface-surface="themed"][data-view="events"] .exam-row[open] .exam-toggle{color:var(--uis-head)!important;background:var(--uis-accent)!important}body[data-interface-surface="themed"][data-view="events"] :is(.nested-box,.detail-cell){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
@media(max-width:900px){body[data-view="events"] .production-layout{grid-template-columns:1fr}body[data-view="events"] .production-layout .concert-list{grid-template-columns:1fr}body[data-view="events"] .production-layout .concert-side{position:static}}

/* Koncerti i produkcije: strogo razdvojeni materijali. */
body[data-interface-surface="glass"][data-view="events"] :is(.concert-layout,.production-layout) :is(.concert-main,.concert-side){color:var(--uig-text)!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-interface-surface="glass"][data-view="events"] :is(.concert-layout,.production-layout) :is(.item-card,.empty-state){color:var(--uig-text)!important;border-color:rgba(255,255,255,.24)!important;background:linear-gradient(145deg,rgba(8,30,26,.22),rgba(45,24,37,.15))!important;background-image:linear-gradient(145deg,rgba(8,30,26,.22),rgba(45,24,37,.15))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.09)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
body[data-interface-surface="glass"][data-view="events"] :is(.concert-layout,.production-layout) :is(.item-card,.empty-state) :is(h3,h4,strong){color:#f8fbf9!important}body[data-interface-surface="glass"][data-view="events"] :is(.concert-layout,.production-layout) :is(.item-card,.empty-state) :is(p,small,span:not(.pill)){color:rgba(234,242,238,.76)!important}
body[data-interface-surface="glass"][data-view="events"] :is(.concert-layout,.production-layout) .empty-state,body[data-interface-surface="glass"][data-view="events"] :is(.document-grid,.timeline-grid,.meeting-grid)>.empty-state{min-height:78px;padding:18px!important;color:rgba(235,243,239,.72)!important;border:1px dashed rgba(255,255,255,.25)!important;background:rgba(7,24,22,.1)!important;background-image:none!important;box-shadow:none!important;backdrop-filter:blur(1px)!important;-webkit-backdrop-filter:blur(1px)!important}
body[data-interface-surface="glass"][data-view="events"] :is(.concert-main,.concert-side)>.section-heading{padding:0 2px 8px;border-bottom:1px solid rgba(255,255,255,.14);background:transparent!important;background-image:none!important;box-shadow:none!important}

body[data-interface-surface="themed"][data-view="events"] :is(.concert-layout,.production-layout) :is(.concert-main,.concert-side){color:var(--uis-text)!important;border:1px solid var(--uis-line)!important;background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 17px 40px rgba(0,0,0,.17)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-interface-surface="themed"][data-view="events"] :is(.concert-layout,.production-layout) :is(.item-card,.empty-state){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card-alt)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 9px 24px rgba(0,0,0,.12)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-interface-surface="themed"][data-view="events"] :is(.concert-layout,.production-layout) :is(.item-card,.empty-state):nth-child(even){background:var(--uis-card)!important}

@media(prefers-reduced-motion:reduce){body[data-interface-surface] [data-ui-surface]{transition:none}}

/* DOGADJANJA 2.0 - naslov je hijerarhija, ne obojena traka preko cijelog retka. */
body[data-view="events"] :is(.section-block,.concert-main,.concert-side,.festival-program,.admissions-dates,.exam-accordion-section){background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-view="events"] :is(.concert-layout,.production-layout) :is(.concert-main,.concert-side){padding:0!important;border-radius:0!important}
body[data-view="events"] :is(.concert-main,.concert-side)>.section-heading,
body[data-view="events"] .section-block>.section-heading,
body[data-view="events"] .event-section-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:54px;margin:0 0 14px;padding:0 2px 12px!important;border:0!important;border-bottom:1px solid var(--ui-panel-line,rgba(255,255,255,.16))!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
body[data-view="events"] :is(.section-heading,.event-section-header) .section-title{display:flex;align-items:center;gap:10px}
body[data-view="events"] :is(.section-heading,.event-section-header) :is(.section-title>svg,.event-section-icon){display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;color:var(--ui-panel-accent,#83ddc7);border:1px solid var(--ui-panel-line-strong,rgba(255,255,255,.24));border-radius:12px;background:var(--ui-panel-accent-soft,rgba(131,221,199,.12))}
body[data-view="events"] .section-title>svg,
body[data-view="events"] .event-section-icon svg,
body[data-view="events"] .admission-location-icon svg,
body[data-view="events"] :is(.admission-location-toggle,.exam-toggle) svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-view="events"] .event-section-icon svg{width:18px;height:18px}
body[data-view="events"] :is(.section-heading,.event-section-header) h3{margin:0;color:var(--ui-panel-text,#f7faf8)!important;font-size:clamp(17px,1.35vw,21px);line-height:1.15;letter-spacing:-.015em;text-transform:none}
body[data-view="events"] .event-section-header>div{display:grid;gap:3px}
body[data-view="events"] :is(.section-eyebrow,.event-section-header small){order:2;margin-left:auto;color:var(--ui-panel-accent,#83ddc7)!important;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
body[data-view="events"] .event-section-header small{order:initial;margin:0}

/* Koncerti i produkcije: vanjski layout je samo raspored; sadrzaj nose kartice. */
body[data-interface-surface="themed"][data-view="events"] :is(.concert-layout,.production-layout) :is(.concert-main,.concert-side){color:var(--uis-text)!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
body[data-view="events"] .concert-layout{align-items:start;gap:20px}
body[data-view="events"] .concert-list{display:grid;gap:12px}
body[data-view="events"] .concert-details-list>.list-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:0!important;padding:14px 15px!important}
body[data-view="events"] .concert-details-list>.list-card .card-topline{grid-column:1;margin:0}
body[data-view="events"] .concert-details-list>.list-card .document-icon{margin:0}
body[data-view="events"] .concert-details-list>.list-card h4{grid-column:2;margin:0;font-size:15px;line-height:1.35}
body[data-view="events"] .concert-details-list>.list-card .actions-row{grid-column:3;margin:0}
body[data-view="events"] .concert-details-list>.list-card .card-action{min-height:38px;padding:0 12px;white-space:nowrap}
body[data-view="events"] .production-layout .concert-details-list>.list-card{grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;column-gap:14px;row-gap:7px;padding:20px!important}
body[data-view="events"] .production-layout .concert-details-list>.list-card .card-topline{grid-column:1;grid-row:1/4;align-items:flex-start;justify-content:flex-start}
body[data-view="events"] .production-layout .concert-details-list>.list-card .document-icon{width:52px;height:52px;border-radius:15px}
body[data-view="events"] .production-layout .concert-details-list>.list-card h4{grid-column:2;grid-row:1;width:max-content;max-width:100%;padding:4px 9px;border:1px solid color-mix(in srgb,var(--uis-accent) 32%,var(--uis-line));border-radius:999px;color:var(--uis-accent)!important;background:var(--uis-accent-soft);font-size:.72rem;letter-spacing:.06em;line-height:1.2;white-space:nowrap}
body[data-view="events"] .production-layout .concert-details-list>.list-card .text-lines{grid-column:2;grid-row:2;margin:0;color:var(--uis-muted)!important;font-size:.91rem;line-height:1.58}
body[data-view="events"] .production-layout .concert-details-list>.list-card .actions-row{grid-column:2;grid-row:3;padding-top:5px}
body[data-view="events"] .concert-list>.empty-state{min-height:104px!important;padding:24px!important;border-radius:17px!important}
body[data-interface-surface="themed"][data-view="events"] .concert-list>.empty-state{color:var(--uis-muted)!important;border:1px dashed var(--uis-line-strong)!important;background:var(--uis-card)!important}

/* Dani glazbe i plesa: prava vremenska crta po danima. */
body[data-view="events"] .festival-program{max-width:1180px;margin-inline:auto}
body[data-view="events"] .festival-timeline{position:relative;display:grid;gap:0;padding:4px 0}
body[data-view="events"] .festival-stop{display:grid;grid-template-columns:68px minmax(0,1fr);gap:18px;min-height:150px}
body[data-view="events"] .festival-rail{position:relative;display:flex;justify-content:center}
body[data-view="events"] .festival-rail::after{content:"";position:absolute;top:45px;bottom:-5px;width:2px;background:linear-gradient(var(--ui-panel-accent,#83ddc7),transparent)}
body[data-view="events"] .festival-stop:last-child .festival-rail::after{display:none}
body[data-view="events"] .festival-rail span{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;color:var(--ui-panel-head,#09211c);font-weight:900;border-radius:14px;background:var(--ui-panel-accent,#83ddc7);box-shadow:0 8px 22px color-mix(in srgb,var(--ui-panel-accent,#83ddc7) 24%,transparent)}
body[data-view="events"] .festival-card{align-self:start;margin-bottom:16px;padding:20px 22px;border:1px solid var(--ui-panel-line,rgba(255,255,255,.2));border-radius:18px;color:var(--ui-panel-text,#f7faf8)}
body[data-interface-surface="themed"][data-view="events"] .festival-card{background:linear-gradient(145deg,var(--uis-card),var(--uis-card-alt));box-shadow:0 12px 28px rgba(0,0,0,.12)}
body[data-interface-surface="glass"][data-view="events"] .festival-card{background:var(--uig-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
body[data-view="events"] .festival-card time{display:inline-flex;margin-bottom:8px;color:var(--ui-panel-accent,#83ddc7);font-size:12px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
body[data-view="events"] .festival-card h4{margin:0 0 8px;color:var(--ui-panel-text,#f7faf8)!important;font-size:19px}
body[data-view="events"] .festival-card p{margin:0;color:var(--ui-panel-muted,rgba(235,243,239,.75))!important;line-height:1.6}

/* Prijemni: termini gore, komisije u urednom accordionu po lokaciji. */
body[data-view="events"] .admissions-page{display:grid;gap:16px}
body[data-view="events"] .admissions-date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
body[data-view="events"] .admission-date-card{position:relative;min-height:168px;padding:20px;border:1px solid var(--ui-panel-line);border-radius:18px;overflow:hidden}
body[data-interface-surface="themed"][data-view="events"] .admission-date-card{background:linear-gradient(145deg,var(--uis-card),var(--uis-card-alt))}
body[data-interface-surface="glass"][data-view="events"] .admission-date-card{background:var(--uig-bg);backdrop-filter:blur(4px)}
body[data-view="events"] .admission-sequence{position:absolute;right:15px;top:10px;color:color-mix(in srgb,var(--ui-panel-accent) 25%,transparent);font-size:42px;font-weight:950;line-height:1}
body[data-view="events"] .admission-date-card time{display:block;margin:0 0 22px;color:var(--ui-panel-accent);font-size:11px;font-weight:850;text-transform:uppercase}
body[data-view="events"] .admission-date-card h4{position:relative;margin:0 0 7px;color:var(--ui-panel-text)!important;font-size:17px}
body[data-view="events"] .admission-date-card p{position:relative;margin:0;color:var(--ui-panel-muted)!important}
body[data-view="events"] .admission-location{border:1px solid var(--ui-panel-line);border-radius:18px;overflow:hidden;color:var(--ui-panel-text)}
body[data-interface-surface="themed"][data-view="events"] .admission-location{background:var(--uis-card)}
body[data-interface-surface="glass"][data-view="events"] .admission-location{background:var(--uig-bg);backdrop-filter:blur(4px)}
body[data-view="events"] .admission-location>summary{display:grid;grid-template-columns:42px 1fr 34px;align-items:center;gap:13px;min-height:76px;padding:12px 18px;cursor:pointer;list-style:none}
body[data-view="events"] .admission-location>summary::-webkit-details-marker{display:none}
body[data-view="events"] .admission-location-icon{display:grid;place-items:center;width:38px;height:38px;color:var(--ui-panel-accent);border:1px solid var(--ui-panel-line);border-radius:11px;background:var(--ui-panel-accent-soft)}
body[data-view="events"] .admission-location-icon svg{width:18px;height:18px}
body[data-view="events"] .admission-location summary small{display:block;color:var(--ui-panel-accent)!important;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
body[data-view="events"] .admission-location summary strong{display:block;margin-top:2px;color:var(--ui-panel-text)!important;font-size:16px}
body[data-view="events"] .admission-location-toggle{display:grid;place-items:center;width:32px;height:32px;color:var(--ui-panel-accent);border:1px solid var(--ui-panel-line);border-radius:10px;background:var(--ui-panel-accent-soft)}
body[data-view="events"] .admission-location-toggle svg{width:16px;height:16px;transition:transform .22s ease}
body[data-view="events"] .admission-location[open] .admission-location-toggle svg{transform:rotate(180deg)}
body[data-view="events"] .admission-commission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 16px 16px}
body[data-view="events"] .admission-commission-grid>.item-card{min-height:150px!important}

/* Godisnji ispiti: broj, datum i odjel cine jedan citljiv red. */
body[data-view="events"] .annual-exams-page{display:grid;gap:20px}
body[data-view="events"] .annual-exams-page>.section-block:first-child{padding:0!important}
body[data-view="events"] .exam-accordion-section{padding:0!important}
body[data-view="events"] .exam-schedule{display:grid;gap:10px}
body[data-view="events"] .exam-row{border-radius:17px!important;overflow:hidden}
body[data-view="events"] .exam-row>summary{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:82px;padding:13px 16px!important;list-style:none;cursor:pointer}
body[data-view="events"] .exam-row>summary::-webkit-details-marker{display:none}
body[data-view="events"] .exam-number{display:grid;place-items:center;width:42px;height:42px;color:var(--ui-panel-head);font-weight:900;border-radius:12px;background:var(--ui-panel-accent)}
body[data-view="events"] .exam-summary-main{display:grid;gap:4px}
body[data-view="events"] .exam-summary-main .exam-date{color:var(--ui-panel-accent)!important;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
body[data-view="events"] .exam-summary-main strong{color:var(--ui-panel-text)!important;font-size:16px}
body[data-view="events"] .exam-toggle{display:flex;align-items:center;gap:7px;padding:8px 11px;color:var(--ui-panel-accent);border:1px solid var(--ui-panel-line);border-radius:10px;background:var(--ui-panel-accent-soft);font-size:11px;font-weight:800}
body[data-view="events"] .exam-toggle svg{width:15px;height:15px;transition:transform .22s ease}
body[data-view="events"] .exam-row[open] .exam-toggle svg{transform:rotate(180deg)}
body[data-view="events"] .exam-row-body{padding:4px 18px 18px 77px!important;border-top:1px solid var(--ui-panel-line)}
body[data-view="events"] .exam-row-body>.text-lines{padding-top:16px;color:var(--ui-panel-muted)!important;line-height:1.65}
body[data-view="events"] .exam-row-body .nested-box>strong{color:var(--ui-panel-text)!important}
body[data-view="events"] .exam-row-body .meeting-list li{color:var(--ui-panel-muted)!important}
body[data-view="events"] .exam-row-body .meeting-list li strong{color:var(--ui-panel-text)!important}
body[data-view="events"] .exam-row-body .meeting-list svg{color:var(--ui-panel-accent)!important}

@media(max-width:900px){body[data-view="events"] :is(.admissions-date-grid,.admission-commission-grid){grid-template-columns:1fr}body[data-view="events"] .festival-stop{grid-template-columns:52px minmax(0,1fr);gap:10px}body[data-view="events"] .exam-row>summary{grid-template-columns:42px minmax(0,1fr)}body[data-view="events"] .exam-toggle{grid-column:2;justify-self:start}body[data-view="events"] .exam-row-body{padding-left:18px!important}}
@media(max-width:560px){body[data-view="events"] .concert-details-list>.list-card{grid-template-columns:42px minmax(0,1fr)}body[data-view="events"] .concert-details-list>.list-card .actions-row{grid-column:1/-1}body[data-view="events"] .concert-details-list>.list-card .card-action{width:100%;justify-content:center}body[data-view="events"] .production-layout .concert-details-list>.list-card{grid-template-columns:44px minmax(0,1fr);padding:15px!important}body[data-view="events"] .production-layout .concert-details-list>.list-card .document-icon{width:44px;height:44px}body[data-view="events"] .production-layout .concert-details-list>.list-card .actions-row{grid-column:1/-1}}

/* OGLASNA PLOCA U BOJI TEME - jasna hijerarhija bez jednolicne obojene mase. */
body[data-interface-surface="themed"][data-view="board"] .notices-panel{--board-accent:var(--uis-accent);--board-accent-soft:var(--uis-accent-soft)}
body[data-interface-surface="themed"][data-view="board"] .deadline-panel{--board-accent:#ef6b73;--board-accent-soft:rgba(239,107,115,.14)}
body[data-interface-surface="themed"][data-view="board"] .board-meetings{--board-accent:#c9a7f2;--board-accent-soft:rgba(201,167,242,.14)}

body[data-interface-surface="themed"][data-view="board"] :is(.board-surface,.board-meetings){overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
body[data-interface-surface="themed"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading){position:relative;min-height:58px;margin:0 0 11px;padding:0 4px 12px!important;color:var(--uis-text)!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--board-accent) 38%,var(--uis-line))!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
body[data-interface-surface="themed"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading)::before{content:"";position:absolute;left:0;bottom:-1px;width:74px;height:2px;border-radius:10px;background:var(--board-accent);box-shadow:0 0 18px color-mix(in srgb,var(--board-accent) 35%,transparent)}
body[data-interface-surface="themed"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading)::after{display:none!important}
body[data-interface-surface="themed"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading) .section-title{gap:11px;color:var(--uis-text)!important}
body[data-interface-surface="themed"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading) .section-title>svg{width:22px;height:22px;color:var(--board-accent)!important;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--board-accent) 30%,transparent))}
body[data-interface-surface="themed"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading) h3{font-size:clamp(18px,1.35vw,22px);letter-spacing:-.02em}
body[data-interface-surface="themed"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading) .section-eyebrow{padding:7px 10px;color:var(--board-accent)!important;border:1px solid color-mix(in srgb,var(--board-accent) 28%,transparent);border-radius:9px;background:var(--board-accent-soft)!important;font-size:10px;letter-spacing:.065em}

body[data-interface-surface="themed"][data-view="board"] .board-notice-list{gap:10px!important;padding:0!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-list::before,
body[data-interface-surface="themed"][data-view="board"] .board-notice-row::after{display:none!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row,
body[data-interface-surface="themed"][data-view="board"] .board-notice-row.is-unread{min-height:76px;padding:11px 14px!important;color:var(--uis-text)!important;border:1px solid var(--uis-line)!important;border-radius:16px!important;background:linear-gradient(112deg,color-mix(in srgb,var(--board-accent) 7%,var(--uis-card-alt)),var(--uis-card) 72%)!important;background-image:linear-gradient(112deg,color-mix(in srgb,var(--board-accent) 7%,var(--uis-card-alt)),var(--uis-card) 72%)!important;box-shadow:inset 3px 0 var(--board-accent),inset 0 1px rgba(255,255,255,.035),0 10px 25px rgba(0,0,0,.12)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row:nth-child(even){background:linear-gradient(112deg,color-mix(in srgb,var(--board-accent) 5%,var(--uis-card)),var(--uis-card-alt) 78%)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row .notice-row-icon{width:46px;height:46px;color:var(--board-accent)!important;border:1px solid color-mix(in srgb,var(--board-accent) 32%,var(--uis-line))!important;background:var(--board-accent-soft)!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row .column-notice-title strong{color:var(--uis-text)!important;font-size:clamp(13px,.95vw,16px);letter-spacing:-.01em}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row .notice-date-label{color:var(--board-accent)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row .column-notice-date :is(.notice-date-long,.notice-date-short){color:var(--uis-muted)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row .board-notice-action{min-height:38px;padding:8px 12px;color:var(--board-accent)!important;border:1px solid color-mix(in srgb,var(--board-accent) 30%,var(--uis-line))!important;border-radius:11px;background:var(--board-accent-soft)!important}

body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-list,
body[data-interface-surface="themed"][data-view="board"] .board-meeting-list{gap:10px!important}
body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-list::before{display:none!important}
body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-item,
body[data-interface-surface="themed"][data-view="board"] .board-meeting-item{min-height:76px;padding:12px 14px!important;color:var(--uis-text)!important;border:1px solid var(--uis-line)!important;border-radius:16px!important;background:linear-gradient(115deg,color-mix(in srgb,var(--board-accent) 7%,var(--uis-card-alt)),var(--uis-card) 75%)!important;background-image:linear-gradient(115deg,color-mix(in srgb,var(--board-accent) 7%,var(--uis-card-alt)),var(--uis-card) 75%)!important;box-shadow:inset 3px 0 var(--board-accent),inset 0 1px rgba(255,255,255,.035),0 10px 25px rgba(0,0,0,.12)!important}
body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-item::after,
body[data-interface-surface="themed"][data-view="board"] .board-meeting-item::after{display:none!important}
body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-icon,
body[data-interface-surface="themed"][data-view="board"] .board-meeting-item>span:first-child{width:44px;height:44px;color:var(--board-accent)!important;border:1px solid color-mix(in srgb,var(--board-accent) 30%,var(--uis-line))!important;border-radius:13px!important;background:var(--board-accent-soft)!important}
body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-copy strong,
body[data-interface-surface="themed"][data-view="board"] .board-meeting-item strong{color:var(--uis-text)!important;font-size:14px;line-height:1.35}
body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-copy small{display:inline-flex;width:max-content;margin-top:6px;padding:4px 7px;color:var(--board-accent)!important;border-radius:7px;background:var(--board-accent-soft)!important}
body[data-interface-surface="themed"][data-view="board"] .board-meeting-item small{color:var(--uis-muted)!important}

@media(hover:hover) and (pointer:fine){
body[data-interface-surface="themed"][data-view="board"] :is(.board-notice-row,.deadline-panel .compact-item,.board-meeting-item):hover{transform:translateY(-2px)!important;color:var(--uis-text)!important;border-color:color-mix(in srgb,var(--board-accent) 48%,var(--uis-line))!important;background:linear-gradient(112deg,color-mix(in srgb,var(--board-accent) 12%,var(--uis-card-alt)),var(--uis-card))!important;box-shadow:inset 3px 0 var(--board-accent),0 15px 32px rgba(0,0,0,.17)!important}
body[data-interface-surface="themed"][data-view="board"] .board-notice-row:hover :is(.notice-row-icon,.board-notice-action),body[data-interface-surface="themed"][data-view="board"] .deadline-panel .compact-item:hover .compact-icon,body[data-interface-surface="themed"][data-view="board"] .board-meeting-item:hover>span:first-child{color:var(--uis-head)!important;border-color:var(--board-accent)!important;background:var(--board-accent)!important}
}

@media(max-width:760px){body[data-interface-surface="themed"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading){min-height:48px;margin-bottom:8px}body[data-interface-surface="themed"][data-view="board"] .board-notice-row{min-height:68px;padding:9px 10px!important;border-radius:13px!important}body[data-interface-surface="themed"][data-view="board"] .board-notice-row .notice-row-icon{width:40px;height:40px}}

/* PROZIRNO STAKLO NA OGLASNOJ: isti dizajn, samo prozirni materijal odabrane teme. */
body[data-interface-surface="glass"][data-view="board"] .notices-panel{--board-accent:var(--uis-accent);--board-accent-soft:color-mix(in srgb,var(--uis-accent) 14%,transparent)}
body[data-interface-surface="glass"][data-view="board"] .deadline-panel{--board-accent:#ef6b73;--board-accent-soft:rgba(239,107,115,.14)}
body[data-interface-surface="glass"][data-view="board"] .board-meetings{--board-accent:#c9a7f2;--board-accent-soft:rgba(201,167,242,.14)}
body[data-interface-surface="glass"][data-view="board"]{--board-glass-card:color-mix(in srgb,var(--uis-card) 62%,transparent);--board-glass-card-alt:color-mix(in srgb,var(--uis-card-alt) 57%,transparent);--board-glass-line:color-mix(in srgb,var(--uis-line-strong) 72%,rgba(255,255,255,.16))}

body[data-interface-surface="glass"][data-view="board"] :is(.board-surface,.board-meetings){overflow:visible!important;color:var(--uis-text)!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-interface-surface="glass"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading){position:relative;min-height:58px;margin:0 0 11px;padding:0 4px 12px!important;color:var(--uis-text)!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--board-accent) 38%,var(--uis-line))!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
body[data-interface-surface="glass"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading)::before{content:"";position:absolute;left:0;bottom:-1px;width:74px;height:2px;border-radius:10px;background:var(--board-accent);box-shadow:0 0 18px color-mix(in srgb,var(--board-accent) 35%,transparent)}
body[data-interface-surface="glass"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading)::after{display:none!important}
body[data-interface-surface="glass"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading) .section-title{gap:11px;color:var(--uis-text)!important}
body[data-interface-surface="glass"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading) .section-title>svg{width:22px;height:22px;color:var(--board-accent)!important;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--board-accent) 30%,transparent))}
body[data-interface-surface="glass"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading) h3{color:var(--uis-text)!important;font-size:clamp(18px,1.35vw,22px);letter-spacing:-.02em;text-shadow:none!important}
body[data-interface-surface="glass"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading) .section-eyebrow{padding:7px 10px;color:var(--board-accent)!important;border:1px solid color-mix(in srgb,var(--board-accent) 28%,transparent);border-radius:9px;background:var(--board-accent-soft)!important;font-size:10px;letter-spacing:.065em}

body[data-interface-surface="glass"][data-view="board"] .board-notice-list{gap:10px!important;padding:0!important}
body[data-interface-surface="glass"][data-view="board"] .board-notice-list::before,
body[data-interface-surface="glass"][data-view="board"] .board-notice-row::after,
body[data-interface-surface="glass"][data-view="board"] .deadline-panel .compact-list::before,
body[data-interface-surface="glass"][data-view="board"] :is(.deadline-panel .compact-item,.board-meeting-item)::after{display:none!important}

body[data-interface-surface="glass"][data-view="board"] .board-notice-row,
body[data-interface-surface="glass"][data-view="board"] .board-notice-row.is-unread,
body[data-interface-surface="glass"][data-view="board"] .deadline-panel .compact-item,
body[data-interface-surface="glass"][data-view="board"] .board-meeting-item{min-height:76px;color:var(--uis-text)!important;border:1px solid var(--board-glass-line)!important;border-radius:16px!important;background:linear-gradient(112deg,color-mix(in srgb,var(--board-accent) 7%,var(--board-glass-card-alt)),var(--board-glass-card) 76%)!important;background-image:linear-gradient(112deg,color-mix(in srgb,var(--board-accent) 7%,var(--board-glass-card-alt)),var(--board-glass-card) 76%)!important;box-shadow:inset 3px 0 var(--board-accent),inset 0 1px rgba(255,255,255,.075),0 10px 25px rgba(0,0,0,.12)!important;backdrop-filter:blur(7px) saturate(1.08)!important;-webkit-backdrop-filter:blur(7px) saturate(1.08)!important}
body[data-interface-surface="glass"][data-view="board"] .board-notice-row{padding:11px 14px!important}
body[data-interface-surface="glass"][data-view="board"] :is(.deadline-panel .compact-item,.board-meeting-item){padding:12px 14px!important}
body[data-interface-surface="glass"][data-view="board"] .board-notice-row:nth-child(even){background:linear-gradient(112deg,color-mix(in srgb,var(--board-accent) 5%,var(--board-glass-card)),var(--board-glass-card-alt) 78%)!important}

body[data-interface-surface="glass"][data-view="board"] .board-notice-row .notice-row-icon{width:46px;height:46px;color:var(--board-accent)!important;border:1px solid color-mix(in srgb,var(--board-accent) 32%,var(--board-glass-line))!important;background:var(--board-accent-soft)!important;box-shadow:inset 0 1px rgba(255,255,255,.07)!important}
body[data-interface-surface="glass"][data-view="board"] .board-notice-row .column-notice-title strong{color:var(--uis-text)!important;font-size:clamp(13px,.95vw,16px);letter-spacing:-.01em;text-shadow:none!important}
body[data-interface-surface="glass"][data-view="board"] .board-notice-row .notice-date-label{color:var(--board-accent)!important}
body[data-interface-surface="glass"][data-view="board"] .board-notice-row .column-notice-date :is(.notice-date-long,.notice-date-short){color:var(--uis-muted)!important}
body[data-interface-surface="glass"][data-view="board"] .board-notice-row .board-notice-action{min-height:38px;padding:8px 12px;color:var(--board-accent)!important;border:1px solid color-mix(in srgb,var(--board-accent) 30%,var(--board-glass-line))!important;border-radius:11px;background:var(--board-accent-soft)!important}

body[data-interface-surface="glass"][data-view="board"] .deadline-panel .compact-list,
body[data-interface-surface="glass"][data-view="board"] .board-meeting-list{gap:10px!important}
body[data-interface-surface="glass"][data-view="board"] .deadline-panel .compact-icon,
body[data-interface-surface="glass"][data-view="board"] .board-meeting-item>span:first-child{width:44px;height:44px;color:var(--board-accent)!important;border:1px solid color-mix(in srgb,var(--board-accent) 30%,var(--board-glass-line))!important;border-radius:13px!important;background:var(--board-accent-soft)!important}
body[data-interface-surface="glass"][data-view="board"] .deadline-panel .compact-copy strong,
body[data-interface-surface="glass"][data-view="board"] .board-meeting-item strong{color:var(--uis-text)!important;font-size:14px;line-height:1.35;text-shadow:none!important}
body[data-interface-surface="glass"][data-view="board"] .deadline-panel .compact-copy small{display:inline-flex;width:max-content;margin-top:6px;padding:4px 7px;color:var(--board-accent)!important;border-radius:7px;background:var(--board-accent-soft)!important}
body[data-interface-surface="glass"][data-view="board"] .board-meeting-item small{color:var(--uis-muted)!important}

@media(hover:hover) and (pointer:fine){body[data-interface-surface="glass"][data-view="board"] :is(.board-notice-row,.deadline-panel .compact-item,.board-meeting-item):hover{transform:translateY(-2px)!important;color:var(--uis-text)!important;border-color:color-mix(in srgb,var(--board-accent) 48%,var(--board-glass-line))!important;background:linear-gradient(112deg,color-mix(in srgb,var(--board-accent) 13%,var(--board-glass-card-alt)),var(--board-glass-card))!important;box-shadow:inset 3px 0 var(--board-accent),0 15px 32px rgba(0,0,0,.17)!important}body[data-interface-surface="glass"][data-view="board"] .board-notice-row:hover :is(.notice-row-icon,.board-notice-action),body[data-interface-surface="glass"][data-view="board"] .deadline-panel .compact-item:hover .compact-icon,body[data-interface-surface="glass"][data-view="board"] .board-meeting-item:hover>span:first-child{color:var(--uis-head)!important;border-color:var(--board-accent)!important;background:var(--board-accent)!important}}
@media(max-width:760px){body[data-interface-surface="glass"][data-view="board"] :is(.board-surface>.section-heading,.board-meetings>.section-heading){min-height:48px;margin-bottom:8px}body[data-interface-surface="glass"][data-view="board"] .board-notice-row{min-height:68px;padding:9px 10px!important;border-radius:13px!important}body[data-interface-surface="glass"][data-view="board"] .board-notice-row .notice-row-icon{width:40px;height:40px}}

/* GLOBALNO TEMATSKO STAKLO
 * Tema odredjuje boju, povrsina samo materijal. Tablice su namjerno izuzete.
 */
body[data-interface-surface="glass"]{
  --uig-panel:linear-gradient(145deg,color-mix(in srgb,var(--uis-panel) 54%,transparent),color-mix(in srgb,var(--uis-card) 45%,transparent));
  --uig-bg:linear-gradient(145deg,color-mix(in srgb,var(--uis-card) 62%,transparent),color-mix(in srgb,var(--uis-panel) 50%,transparent));
  --uig-bg-alt:linear-gradient(145deg,color-mix(in srgb,var(--uis-card-alt) 59%,transparent),color-mix(in srgb,var(--uis-card) 48%,transparent));
  --uig-inset:color-mix(in srgb,var(--uis-inset) 55%,transparent);
  --uig-line:color-mix(in srgb,var(--uis-line-strong) 72%,rgba(255,255,255,.14));
  --uig-text:var(--uis-text);
  --uig-muted:var(--uis-muted);
  --uig-accent:var(--uis-accent);
  --uig-accent-soft:color-mix(in srgb,var(--uis-accent) 14%,transparent);
  --ui-panel-line:var(--uig-line);
  --ui-panel-line-strong:color-mix(in srgb,var(--uis-line-strong) 82%,rgba(255,255,255,.18));
  --ui-panel-text:var(--uis-text);
  --ui-panel-muted:var(--uis-muted);
  --ui-panel-accent:var(--uis-accent);
  --ui-panel-accent-soft:var(--uig-accent-soft);
  --ui-panel-head:var(--uis-head)
}

body[data-interface-surface="glass"] [data-ui-surface]:not([data-ui-surface="table"]){color:var(--uis-text)!important;border-color:var(--uig-line)!important;transition:color .2s ease,background .24s ease,border-color .2s ease,box-shadow .24s ease}
body[data-interface-surface="glass"] [data-ui-surface="panel"]:not(.document-table-wrap){background:var(--uig-panel)!important;background-image:var(--uig-panel)!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 16px 38px rgba(0,0,0,.14)!important;backdrop-filter:blur(8px) saturate(1.08)!important;-webkit-backdrop-filter:blur(8px) saturate(1.08)!important}
body[data-interface-surface="glass"] [data-ui-surface="card"]{background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;box-shadow:inset 0 1px rgba(255,255,255,.065),0 10px 27px rgba(0,0,0,.12)!important;backdrop-filter:blur(7px) saturate(1.08)!important;-webkit-backdrop-filter:blur(7px) saturate(1.08)!important}
body[data-interface-surface="glass"] [data-ui-surface="card"]:nth-child(even){background:var(--uig-bg-alt)!important;background-image:var(--uig-bg-alt)!important}
body[data-interface-surface="glass"] [data-ui-surface="inset"]{background:var(--uig-inset)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.055)!important;backdrop-filter:blur(5px) saturate(1.05)!important;-webkit-backdrop-filter:blur(5px) saturate(1.05)!important}
body[data-interface-surface="glass"] [data-ui-surface="empty"]{color:var(--uis-muted)!important;border:1px dashed var(--ui-panel-line-strong)!important;background:color-mix(in srgb,var(--uis-card) 40%,transparent)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
body[data-view="admin"][data-interface-surface="glass"] :is(#adminAddPoll,#adminUsersAddButton){color:color-mix(in srgb,var(--theme-glass-accent) 8%,#061b17)!important}
body[data-view="admin"][data-interface-surface="glass"] :is(#adminAddPoll,#adminUsersAddButton)>span{color:inherit!important}
body[data-view="admin"] .admin-application-save.has-changes :is(span,small){color:inherit!important}
body[data-interface-surface="glass"] [data-ui-surface]:not([data-ui-surface="table"]) :is(h1,h2,h3,h4,h5,strong){color:var(--uis-text)!important}
body[data-interface-surface="glass"] [data-ui-surface]:not([data-ui-surface="table"]) :is(p,small,.section-eyebrow,.document-meta){color:var(--uis-muted)!important}

/* Komponente koje nisu genericke kartice, ali predstavljaju stvarne prozore. */
body[data-interface-surface="glass"] :is(.profile-page-hero,.profile-theme-form,.own-profile-pin,.own-profile-grid>div,.admin-panel,.admin-kpis>article,.admin-subpage>header,.admin-application-grid>section,.general-deadlines,.festival-card,.admission-date-card,.admission-location){color:var(--uis-text)!important;border-color:var(--uig-line)!important;background:var(--uig-panel)!important;background-image:var(--uig-panel)!important;box-shadow:inset 0 1px rgba(255,255,255,.065),0 14px 34px rgba(0,0,0,.13)!important;backdrop-filter:blur(8px) saturate(1.08)!important;-webkit-backdrop-filter:blur(8px) saturate(1.08)!important}
body[data-interface-surface="glass"] :is(.profile-theme-option,.profile-font-option,.profile-animation-option,.profile-material-option,.nested-box,.detail-cell){color:var(--uis-text)!important;border-color:var(--uig-line)!important;background:var(--uig-inset)!important;background-image:none!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
body[data-interface-surface="glass"] :is(.profile-theme-option,.profile-font-option,.profile-animation-option,.profile-material-option):has(input:checked){border-color:var(--ui-panel-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 17%,var(--uig-inset))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--uis-accent) 9%,transparent)!important}

/* ANALITIKA - uvijek koristi odabrani paket korisničkog sučelja, ne globalnu temu portala. */
body[data-view="admin"] .admin-analytics{--admin-accent:var(--uis-accent);--admin-text:var(--uis-text);--admin-muted:var(--uis-muted);--admin-line:var(--uis-line-strong);--admin-line-soft:var(--uis-line);--admin-accent-soft:var(--uis-accent-soft)}
body[data-view="admin"] .admin-analytics :is(.analytics-hero p,.analytics-section header p,.analytics-kpis b,.analytics-modules article>b){color:var(--uis-accent)!important}
body[data-view="admin"] .admin-analytics :is(.analytics-hero span,.analytics-section header>span,.analytics-kpis span,.analytics-kpis small,.analytics-modules small,.analytics-month-chart span,.analytics-month-chart small){color:var(--uis-muted)!important}
body[data-view="admin"] .analytics-toolbar{border-color:var(--uis-line)!important;background:transparent!important;background-image:none!important}
body[data-view="admin"] .analytics-toolbar>.analytics-periods{background:transparent!important;background-image:none!important}
body[data-view="admin"] .analytics-toolbar .analytics-periods button{color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:color-mix(in srgb,var(--uis-inset) 72%,transparent)!important}
body[data-view="admin"] .analytics-toolbar .analytics-periods button:hover{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 12%,var(--uis-inset))!important}
body[data-view="admin"] .analytics-toolbar .analytics-periods button.is-active{color:var(--uis-head)!important;border-color:var(--uis-accent)!important;background:var(--uis-accent)!important;box-shadow:0 6px 18px color-mix(in srgb,var(--uis-accent) 22%,transparent)!important}
body[data-view="admin"] .analytics-control-panel .analytics-export button{color:var(--uis-accent)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-view="admin"] .analytics-control-panel .analytics-export button:hover{color:var(--uis-head)!important;border-color:var(--uis-accent)!important;background:var(--uis-accent)!important}
body[data-view="admin"] .analytics-hour-chart i b,body[data-view="admin"] .analytics-month-chart .is-current i b{background:var(--uis-accent)!important}
body[data-view="admin"] .analytics-month-chart i b{background:color-mix(in srgb,var(--uis-accent) 52%,transparent)!important}
body[data-view="admin"] .analytics-month-chart .is-compared i b{background:color-mix(in srgb,var(--uis-accent) 52%,var(--uis-muted))!important}
body[data-view="admin"] .analytics-heatmap i{border-color:var(--uis-accent)!important;background:var(--uis-accent)!important}
body[data-view="admin"][data-interface-surface="themed"] .analytics-control-panel{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 15px 34px rgba(0,0,0,.15)!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-analytics :is(.analytics-kpis>article,.analytics-section){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.12)!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-analytics :is(.analytics-kpis>article,.analytics-modules>article,.analytics-month-summary>div):nth-child(even){background:var(--uis-card-alt)!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-analytics :is(.analytics-modules>article,.analytics-month-summary>div,.analytics-table-wrap){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important;background-image:none!important}
body[data-view="admin"][data-interface-surface="glass"] .analytics-control-panel{color:var(--uis-text)!important;border-color:var(--uig-line)!important;background:var(--uig-panel)!important;background-image:var(--uig-panel)!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 16px 38px rgba(0,0,0,.14)!important;backdrop-filter:blur(8px) saturate(1.08)!important}
body[data-view="admin"][data-interface-surface="glass"] .admin-analytics :is(.analytics-kpis>article,.analytics-section){color:var(--uis-text)!important;border-color:var(--uig-line)!important;background:var(--uig-panel)!important;background-image:var(--uig-panel)!important;box-shadow:inset 0 1px rgba(255,255,255,.065),0 14px 34px rgba(0,0,0,.13)!important}
body[data-view="admin"][data-interface-surface="glass"] .admin-analytics :is(.analytics-modules>article,.analytics-month-summary>div,.analytics-table-wrap){color:var(--uis-text)!important;border-color:var(--uig-line)!important;background:var(--uig-inset)!important;background-image:none!important}

/* Accordion owns the panel surface; nested profile forms must never draw a second rectangle. */
body[data-interface-surface][data-view="profile"] .profile-preference-panel .profile-theme-form,
body[data-interface-surface="themed"][data-view="profile"] .profile-preference-panel .profile-theme-form,
body[data-interface-surface="glass"][data-view="profile"] .profile-preference-panel .profile-theme-form{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Tablice ostaju iskljucivo pod data-interface-table pravilima. */
body[data-interface-surface="glass"] [data-ui-surface="table"],
body[data-interface-surface="glass"] [data-ui-surface="table"] :is(table,thead,tbody,tr,th,td){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Zavrsni konflikti materijala: layout nikad ne smije postati dodatna kocka. */
body[data-interface-surface="glass"][data-view="board"] :is(.home-board-grid,.home-board-main,.home-board-side,.board-deadlines-column,.board-meetings-column,.home-panel.board-surface,.board-meetings)[data-ui-surface],
body[data-interface-surface="glass"][data-view="board"] :is(.home-board-grid,.home-board-main,.home-board-side,.board-deadlines-column,.board-meetings-column,.home-panel.board-surface,.board-meetings){color:inherit!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Produkcije i koncerti koriste isti tematski glass kao ostatak portala. */
body[data-interface-surface="glass"][data-view="events"] :is(.concert-layout,.production-layout) :is(.concert-main,.concert-side){border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-interface-surface="glass"][data-view="events"] :is(.concert-layout,.production-layout) :is(.item-card,.empty-state){color:var(--uis-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;box-shadow:inset 0 1px rgba(255,255,255,.065),0 10px 27px rgba(0,0,0,.12)!important;backdrop-filter:blur(7px) saturate(1.08)!important;-webkit-backdrop-filter:blur(7px) saturate(1.08)!important}
body[data-interface-surface="glass"][data-view="events"] :is(.concert-layout,.production-layout) :is(.item-card,.empty-state):nth-child(even){background:var(--uig-bg-alt)!important;background-image:var(--uig-bg-alt)!important}
body[data-interface-surface="glass"][data-view="events"] :is(.concert-layout,.production-layout) :is(.item-card,.empty-state) :is(h3,h4,strong){color:var(--uis-text)!important;text-shadow:none!important}
body[data-interface-surface="glass"][data-view="events"] :is(.concert-layout,.production-layout) :is(.item-card,.empty-state) :is(p,small,span:not(.pill)){color:var(--uis-muted)!important}

/* Prozirna resetka je samostalna opcija, ali paletu uzima iz odabrane teme. */
body[data-interface-table="transparent"] .document-table-wrap{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-panel) 20%,transparent)!important;background-image:none!important;box-shadow:0 18px 45px rgba(0,0,0,.14)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
body[data-interface-table="transparent"] .document-table{color:var(--uis-text)!important;background:transparent!important}
body[data-interface-table="transparent"] .document-table thead{background:color-mix(in srgb,var(--uis-head) 58%,transparent)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
body[data-interface-table="transparent"] .document-table thead th{color:var(--uis-text)!important;background:color-mix(in srgb,var(--uis-accent) 5%,transparent)!important;text-shadow:0 1px 8px rgba(0,0,0,.28)!important}
body[data-interface-table="transparent"] .document-table :is(th,td){border-color:color-mix(in srgb,var(--uis-line-strong) 82%,rgba(255,255,255,.14))!important}
body[data-interface-table="transparent"] .document-table tbody tr,
body[data-interface-table="transparent"] .document-table tbody tr.is-pending{--table-row-bg:color-mix(in srgb,var(--uis-card) 16%,transparent)!important;background:transparent!important}
body[data-interface-table="transparent"] .document-table tbody tr:nth-child(even){--table-row-bg:color-mix(in srgb,var(--uis-card-alt) 22%,transparent)!important;background:transparent!important}
body[data-interface-table="transparent"] .document-table td{color:var(--uis-muted)!important;background:var(--table-row-bg)!important}
body[data-interface-table="transparent"] .document-table :is(.table-title strong,.table-description){color:var(--uis-text)!important}
body[data-interface-table="transparent"] .document-table tbody tr:hover{--table-row-bg:color-mix(in srgb,var(--uis-accent) 15%,transparent)!important}
body[data-interface-table="transparent"] .document-table :is(.document-icon,.card-action){color:var(--uis-accent)!important;border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 14%,transparent)!important}

/* Glavni desktop dropdown: puna tematska povrsina ili kontrolirano gusto staklo. */
body[data-interface-surface="themed"] .desktop-nav-submenu{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;box-shadow:inset 0 1px color-mix(in srgb,var(--uis-text) 7%,transparent),0 18px 42px color-mix(in srgb,var(--uis-head) 58%,transparent)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-interface-surface="themed"] .desktop-nav-submenu>button{color:var(--uis-muted)!important}
body[data-interface-surface="themed"] .desktop-nav-submenu>button:is(:hover,:focus-visible){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-interface-surface="themed"] .desktop-nav-submenu>button.is-active{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 11%,var(--uis-inset))!important;box-shadow:inset 3px 0 var(--uis-accent)!important}
body[data-interface-surface="glass"] .desktop-nav-submenu{color:var(--uis-text)!important;border-color:var(--uig-line)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--uis-panel) 82%,transparent),color-mix(in srgb,var(--uis-card) 76%,transparent))!important;background-image:linear-gradient(145deg,color-mix(in srgb,var(--uis-panel) 82%,transparent),color-mix(in srgb,var(--uis-card) 76%,transparent))!important;box-shadow:inset 0 1px color-mix(in srgb,var(--uis-text) 9%,transparent),0 20px 46px color-mix(in srgb,var(--uis-head) 62%,transparent)!important;backdrop-filter:blur(16px) saturate(1.12)!important;-webkit-backdrop-filter:blur(16px) saturate(1.12)!important}
body[data-interface-surface="glass"] .desktop-nav-submenu>button{color:var(--uig-muted)!important}
body[data-interface-surface="glass"] .desktop-nav-submenu>button:is(:hover,:focus-visible){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-inset)!important}
body[data-interface-surface="glass"] .desktop-nav-submenu>button.is-active{color:var(--uig-text)!important;border-color:var(--ui-panel-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 14%,var(--uig-inset))!important;box-shadow:inset 3px 0 var(--uis-accent)!important}

/* Mobilni drawer brzih poveznica prati aktivnu temu kao i ostatak portala. */
@media(max-width:760px){
  body[data-view="board"][data-interface-surface] .board-quick-portal .quick-drawer-toggle{
    color:var(--uis-text)!important;
    border-color:var(--uis-line-strong)!important;
    background:var(--uis-panel)!important;
    background-image:none!important;
    box-shadow:var(--uis-shadow)!important
  }
  body[data-view="board"][data-interface-surface] .board-quick-portal :is(.quick-drawer-icon,.quick-drawer-count){
    color:var(--uis-accent)!important;
    border-color:var(--uis-line)!important;
    background:var(--uis-accent-soft)!important
  }
  body[data-view="board"][data-interface-surface] .board-quick-portal .quick-drawer-count{color:var(--uis-text)!important}
  body[data-view="board"][data-interface-surface] .board-quick-portal .quick-drawer-list{
    color:var(--uis-text)!important;
    border-color:var(--uis-line-strong)!important;
    background:var(--uis-panel)!important;
    background-image:none!important;
    box-shadow:var(--uis-shadow)!important
  }
  body[data-view="board"][data-interface-surface] .board-quick-portal .quick-link.is-compact{
    color:var(--uis-text)!important;
    border-color:var(--uis-line)!important;
    background:color-mix(in srgb,var(--uis-accent) 7%,var(--uis-panel))!important;
    background-image:none!important;
    box-shadow:none!important
  }
  body[data-view="board"][data-interface-surface] .board-quick-portal .quick-link.is-compact::before{background:var(--uis-accent)!important}
  body[data-view="board"][data-interface-surface] .board-quick-portal .quick-link.is-compact svg{color:var(--uis-accent)!important}
  body[data-view="board"][data-interface-surface] .board-quick-portal .quick-link.is-compact strong{color:var(--uis-text)!important;text-shadow:none!important}
  body[data-view="board"][data-interface-surface] .board-quick-portal .quick-link.is-compact span span{color:var(--uis-muted)!important;text-shadow:none!important}
  body[data-view="board"][data-interface-surface] .board-quick-portal .quick-link.is-compact:is(:hover,:focus-visible){
    color:var(--uis-text)!important;
    border-color:var(--uis-line-strong)!important;
    background:var(--uis-accent-soft)!important;
    background-image:none!important;
    box-shadow:inset 3px 0 var(--uis-accent)!important;
    transform:none!important
  }
  body[data-view="board"][data-interface-surface="glass"] .board-quick-portal :is(.quick-drawer-toggle,.quick-drawer-list){
    border-color:var(--uig-line)!important;
    background:var(--uig-panel)!important;
    background-image:var(--uig-panel)!important;
    box-shadow:var(--uig-shadow)!important;
    backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation))!important;
    -webkit-backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation))!important
  }
  body[data-view="board"][data-interface-surface="glass"] .board-quick-portal .quick-link.is-compact{
    border-color:var(--uig-line)!important;
    background:var(--uig-bg)!important;
    background-image:var(--uig-bg)!important
  }
  body[data-view="board"][data-interface-surface="glass"] .board-quick-portal .quick-link.is-compact:is(:hover,:focus-visible){
    background:color-mix(in srgb,var(--uis-accent) 16%,var(--uig-bg))!important;
    background-image:none!important
  }
  body[data-view="board"][data-interface-surface] .board-toolbar .quick-drawer-list .quick-link.is-compact strong{
    color:var(--uis-panel)!important;
    text-shadow:none!important
  }
  body[data-view="board"][data-interface-surface] .board-toolbar .quick-drawer-list .quick-link.is-compact{
    text-align:left!important
  }
}

/* Izgled tablice je samostalna postavka i ne nasljeđuje izbor izgleda prozora. */
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table-wrap{
  --table-modern-panel:var(--uis-panel);
  --table-modern-head:var(--uis-head);
  --table-modern-row:var(--uis-card);
  --table-modern-row-alt:var(--uis-card-alt);
  --table-modern-line:var(--uis-line);
  --table-modern-text:var(--uis-text);
  --table-modern-muted:var(--uis-muted);
  --table-modern-accent:var(--uis-accent);
  color:var(--table-modern-text)!important;
  border-color:var(--table-modern-line)!important;
  background:var(--table-modern-panel)!important;
  background-image:none!important;
  box-shadow:0 16px 38px rgba(0,0,0,.2)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table{color:var(--table-modern-text)!important;background:var(--table-modern-panel)!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table thead{background:var(--table-modern-head)!important;background-image:none!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table thead th{color:var(--table-modern-text)!important;border-color:var(--table-modern-line)!important;background:transparent!important;text-shadow:none!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table tbody tr{--table-row-bg:var(--table-modern-row)!important;background:var(--table-modern-row)!important;background-image:none!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table tbody tr:nth-child(even){--table-row-bg:var(--table-modern-row-alt)!important;background:var(--table-modern-row-alt)!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table tbody tr.is-pending{--table-row-bg:color-mix(in srgb,var(--uis-accent) 14%,var(--uis-card))!important;background:var(--table-row-bg)!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table :is(th,td){border-color:var(--table-modern-line)!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table td{color:var(--table-modern-text)!important;background:var(--table-row-bg)!important;text-shadow:none!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table :is(.table-title strong,.table-description,.table-description-preview,.table-description-full,.column-updated time,.column-version,.column-date,.document-action-disabled){color:var(--table-modern-text)!important;text-shadow:none!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table :is(.table-document-copy>span,.column-updated small,.notice-date-label,.notice-date-long,.notice-date-short){color:var(--table-modern-muted)!important;text-shadow:none!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table td::before{color:var(--table-modern-muted)!important;text-shadow:none!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table :is(.document-icon,.card-action,.board-notice-action){color:var(--table-modern-accent)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-interface-table="modern"][data-interface-surface][data-view] .document-table tbody tr:hover{--table-row-bg:color-mix(in srgb,var(--uis-accent) 14%,var(--uis-card))!important;background:var(--table-row-bg)!important}

body[data-interface-table="transparent"][data-interface-surface][data-view] .document-table-wrap{color:#f7faf8!important;border-color:rgba(255,255,255,.34)!important;background:rgba(8,12,14,.14)!important;background-image:none!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
body[data-interface-table="transparent"][data-interface-surface][data-view] .document-table{color:#f7faf8!important;background:transparent!important}
body[data-interface-table="transparent"][data-interface-surface][data-view] .document-table thead{background:rgba(9,25,23,.5)!important}
body[data-interface-table="transparent"][data-interface-surface][data-view] .document-table tbody tr,
body[data-interface-table="transparent"][data-interface-surface][data-view] .document-table tbody tr:nth-child(even),
body[data-interface-table="transparent"][data-interface-surface][data-view] .document-table tbody tr.is-pending{background:transparent!important}
body[data-interface-table="transparent"][data-interface-surface][data-view] .document-table :is(.table-title strong,.table-description,.table-description-preview,.table-description-full,.column-updated time,.column-version,.column-date,.document-action-disabled){color:#fff!important}
body[data-interface-table="transparent"][data-interface-surface][data-view] .document-table :is(.table-document-copy>span,.column-updated small,.notice-date-label,.notice-date-long,.notice-date-short){color:rgba(235,243,239,.82)!important}

/* Prostori nisu zebra-lista: obje kolone koriste potpuno istu kartičnu površinu. */
body[data-interface-surface="themed"] :is(.organization-room,.admin-space-room),
body[data-interface-surface="themed"] :is(.organization-room,.admin-space-room):nth-child(even){background:var(--uis-card)!important;background-image:none!important}
body[data-interface-surface="glass"] :is(.organization-room,.admin-space-room),
body[data-interface-surface="glass"] :is(.organization-room,.admin-space-room):nth-child(even){background:var(--uig-bg)!important;background-image:var(--uig-bg)!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-space-teacher-search{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-inset)!important;background-image:none!important}
body[data-view="admin"][data-interface-surface="glass"] .admin-space-teacher-search{color:var(--uis-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important}

/* Sadržaj: glavni i sekundarni podmeni koriste jednu paletu i ista stanja u svim modulima. */
body[data-view="admin"][data-interface-surface="themed"] .admin-board-tabs{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-panel)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
body[data-view="admin"][data-interface-surface="glass"] .admin-board-tabs{color:var(--uis-text)!important;border-color:var(--uig-line)!important;background:var(--uig-panel)!important;background-image:var(--uig-panel)!important;box-shadow:inset 0 1px rgba(255,255,255,.055)!important}
body[data-view="admin"][data-interface-surface] .admin-board-tabs button{color:var(--uis-muted)!important;border:1px solid transparent!important;background:transparent!important;background-image:none!important;box-shadow:none!important;transition:color .18s,border-color .18s,background .18s!important}
body[data-view="admin"][data-interface-surface] .admin-board-tabs button:hover{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:color-mix(in srgb,var(--uis-accent) 8%,transparent)!important}
body[data-view="admin"][data-interface-surface] .admin-board-tabs button.is-active{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important;box-shadow:inset 3px 0 var(--uis-accent)!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-document-groups button{color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
body[data-view="admin"][data-interface-surface="glass"] .admin-document-groups button{color:var(--uis-muted)!important;border-color:var(--uig-line)!important;background:var(--uig-inset)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important;backdrop-filter:blur(5px) saturate(1.05)!important}
body[data-view="admin"][data-interface-surface] .admin-document-groups button svg{color:var(--uis-accent)!important;fill:none!important;stroke:currentColor!important}
body[data-view="admin"][data-interface-surface="themed"] .admin-document-groups button:hover{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 10%,var(--uis-inset))!important}
body[data-view="admin"][data-interface-surface="glass"] .admin-document-groups button:hover{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 10%,var(--uig-inset))!important}
body[data-view="admin"][data-interface-surface] .admin-document-groups button.is-active{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important;box-shadow:inset 3px 0 var(--uis-accent),0 7px 18px color-mix(in srgb,var(--uis-accent) 10%,transparent)!important}

/* Tablična sekcija nema dodatnu pravokutnu površinu iza zaglavlja i same tablice. */
body[data-view] .table-section{
  width:100%;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:inherit;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-view] .table-section>.section-heading{
  position:relative;
  z-index:20;
  min-height:44px;
  overflow:visible;
  padding:0 4px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-view] .table-section>.document-table-wrap{
  position:relative;
  z-index:1;
  isolation:isolate;
  overflow:hidden;
  border-radius:18px!important;
}
body[data-view="documents"] .document-table-heading{justify-content:flex-start}
body[data-view="documents"] .document-heading-panel{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:12px;
  width:min(100%,560px);
  padding:10px 13px;
  border:1px solid var(--uis-line);
  border-radius:16px;
  color:var(--uis-text);
  background:color-mix(in srgb,var(--uis-panel) 58%,transparent);
  box-shadow:0 10px 26px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
body[data-view="documents"] .document-heading-icon{
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border:1px solid var(--uis-line-strong);
  border-radius:13px;
  color:var(--uis-accent);
  background:var(--uis-accent-soft);
}
body[data-view="documents"] .document-heading-icon svg{width:21px;height:21px;fill:none;stroke:currentColor}
body[data-view="documents"] .document-heading-copy{display:grid;gap:2px;min-width:0}
body[data-view="documents"] .document-heading-copy small{
  color:var(--uis-accent);
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body[data-view="documents"] .document-heading-copy strong{
  overflow:hidden;
  color:var(--uis-text);
  font-size:1rem;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-view="documents"] .document-heading-copy>span{
  overflow:hidden;
  color:var(--uis-muted);
  font-size:.72rem;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-view="meetings"] .table-section>.section-heading{justify-content:flex-start}
body[data-view="meetings"] .meeting-year-tools{
  display:grid;
  grid-template-columns:minmax(230px,1fr) 44px;
  width:min(100%,520px);
  align-items:end;
  padding:7px;
  border:1px solid var(--uis-line);
  border-radius:16px;
  background:color-mix(in srgb,var(--uis-panel) 58%,transparent);
  box-shadow:0 10px 26px rgba(0,0,0,.1);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
body[data-view="meetings"] .meeting-year-picker{gap:4px;min-width:230px}
body[data-view="meetings"] .meeting-year-picker>span{padding-left:4px;color:var(--uis-muted)}
body[data-view="meetings"] .meeting-year-picker select{
  border-color:var(--uis-line-strong);
  border-radius:11px;
  color:var(--uis-text);
  background:var(--uis-card);
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
body[data-view="meetings"] .meeting-year-help summary{
  color:var(--uis-head);
  border-color:var(--uis-accent);
  background:var(--uis-accent);
  box-shadow:0 7px 17px color-mix(in srgb,var(--uis-accent) 22%,transparent);
}
body[data-view="meetings"] .meeting-year-help{display:contents}
body[data-view="meetings"] .meeting-year-help summary{grid-column:2;grid-row:1;align-self:end}
body[data-view="meetings"] .meeting-year-help-card{
  position:relative;
  z-index:auto;
  top:auto;
  right:auto;
  left:auto;
  grid-column:1/-1;
  grid-row:2;
  width:100%;
  box-sizing:border-box;
  margin-top:5px;
  padding:18px 20px;
  overflow:visible;
  border:1px solid var(--uis-line-strong);
  border-radius:17px;
  color:var(--uis-text);
  background:linear-gradient(145deg,var(--uis-card),var(--uis-panel));
  background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel));
  box-shadow:0 24px 58px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body[data-view="meetings"] .meeting-year-help-card::before{
  position:absolute;
  top:-7px;
  right:8px;
  width:13px;
  height:13px;
  content:"";
  border-top:1px solid var(--uis-line-strong);
  border-left:1px solid var(--uis-line-strong);
  background:var(--uis-card);
  transform:rotate(45deg);
}
body[data-view="meetings"] .meeting-year-help-card strong{
  position:relative;
  display:block;
  margin:0 0 8px;
  color:var(--uis-text);
  font-size:1rem;
  line-height:1.25;
}
body[data-view="meetings"] .meeting-year-help-card p{
  position:relative;
  margin:0;
  color:var(--uis-muted);
  font-size:.84rem;
  line-height:1.55;
}
@media(max-width:760px){
  body[data-view] .table-section>.section-heading{padding-inline:2px}
  body[data-view="meetings"] .meeting-year-tools{grid-template-columns:minmax(0,1fr) 44px;width:100%;align-items:end}
  body[data-view="meetings"] .meeting-year-picker{min-width:0;flex:1}
  body[data-view="meetings"] .meeting-year-help-card{width:100%;padding:16px 17px}
  body[data-view="documents"] .document-heading-panel{grid-template-columns:40px minmax(0,1fr);width:100%;padding:9px 10px}
  body[data-view="documents"] .document-heading-icon{width:40px;height:40px;border-radius:11px}
  body[data-view="documents"] .document-heading-copy>span{white-space:normal}
}

/* Stateful admin save button keeps one readable foreground in both materials. */
body[data-view="admin"][data-interface-surface] .admin-application-page>header[data-ui-surface] .admin-application-save.has-changes>small,
body[data-view="admin"][data-interface-surface] .admin-application-page>header[data-ui-surface] .admin-application-save.has-changes>span{color:inherit!important}

/* Gornji panel analitike koristi istu čistu kartičnu varijablu kao KPI prozori. */
body[data-view="admin"] .analytics-control-panel{
  color:var(--uis-text)!important;
  border-color:var(--uis-line-strong)!important;
  background:var(--uis-card)!important;
  background-color:var(--uis-card)!important;
  background-image:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.12)!important;
}
body[data-view="admin"] .analytics-control-panel :is(.analytics-hero,.analytics-toolbar){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body[data-view="admin"] .analytics-control-panel .analytics-periods{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body[data-view="admin"] .analytics-control-panel .analytics-toolbar{border:0!important}

/* Profil: odabrana vrijednost mora biti nedvosmislena u svakom paketu teme. */
body[data-view="profile"] :is(.profile-theme-option,.profile-font-option,.profile-animation-option,.profile-material-option,.profile-avatar-option){
  transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
body[data-view="profile"] :is(.profile-theme-option,.profile-font-option,.profile-animation-option,.profile-material-option,.profile-avatar-option):not(:has(input:checked)){
  opacity:.72;
  border-color:var(--uis-line)!important;
  box-shadow:none!important;
}
body[data-view="profile"] :is(.profile-theme-option,.profile-font-option,.profile-animation-option,.profile-material-option,.profile-avatar-option):not(:has(input:checked)):hover{
  opacity:1;
  transform:translateY(-2px);
  border-color:var(--uis-line-strong)!important;
  background:color-mix(in srgb,var(--uis-accent) 7%,var(--uis-inset))!important;
}
body[data-view="profile"] :is(.profile-theme-option,.profile-font-option,.profile-animation-option,.profile-material-option):has(input:checked){
  opacity:1;
  border-color:var(--uis-accent)!important;
  background:color-mix(in srgb,var(--uis-accent) 20%,var(--uis-inset))!important;
  box-shadow:inset 4px 0 var(--uis-accent),0 0 0 2px color-mix(in srgb,var(--uis-accent) 18%,transparent),0 12px 28px rgba(0,0,0,.16)!important;
}
body[data-view="profile"] :is(.profile-theme-option,.profile-font-option,.profile-animation-option,.profile-material-option):has(input:checked)::after{
  position:absolute;
  top:9px;
  right:9px;
  content:"✓  Odabrano";
  padding:5px 8px;
  border:1px solid color-mix(in srgb,var(--uis-accent) 55%,transparent);
  border-radius:999px;
  color:var(--uis-head);
  background:var(--uis-accent);
  box-shadow:0 5px 14px color-mix(in srgb,var(--uis-accent) 20%,transparent);
  font-size:.55rem;
  font-weight:950;
  letter-spacing:.02em;
  line-height:1;
}
body[data-view="profile"] .profile-avatar-option:has(input:checked){
  opacity:1;
  border-color:var(--uis-accent)!important;
  background:color-mix(in srgb,var(--uis-accent) 18%,var(--uis-inset))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--uis-accent) 18%,transparent)!important;
}
body[data-view="profile"] .profile-avatar-option:has(input:checked)::after{
  position:absolute;
  top:7px;
  right:7px;
  display:grid;
  width:22px;
  height:22px;
  place-items:center;
  content:"✓";
  border-radius:50%;
  color:var(--uis-head);
  background:var(--uis-accent);
  font-size:.7rem;
  font-weight:950;
}

/* Evidencija rada: pune, mirne plohe umjesto linijskog označavanja. */
body[data-view="workrecords"] .worklog-grid tbody tr:not(.is-weekend):not(.is-holiday):not(.is-nonteaching):not(.is-vacation) td:has(input:not(:disabled):not([readonly])),
body[data-view="accounting"] .worklog-grid tbody tr:not(.is-weekend):not(.is-holiday):not(.is-nonteaching):not(.is-vacation) td:has(input:not(:disabled):not([readonly])){background:#103d36!important;background-image:none!important;box-shadow:none!important}
body[data-view="workrecords"] .worklog-grid tbody tr.is-weekend td,
body[data-view="accounting"] .worklog-grid tbody tr.is-weekend td{background:#40391e!important;background-image:none!important;box-shadow:none!important}
body[data-view="workrecords"] .worklog-grid tbody tr:is(.is-holiday,.is-nonteaching) :is(th,td),
body[data-view="accounting"] .worklog-grid tbody tr:is(.is-holiday,.is-nonteaching) :is(th,td){background:#54262a!important;background-image:none!important;box-shadow:none!important}
body[data-view="workrecords"] .worklog-grid tbody tr.is-vacation :is(th,td),
body[data-view="accounting"] .worklog-grid tbody tr.is-vacation :is(th,td){background:#183c5d!important;background-image:none!important;box-shadow:none!important}
body[data-view="workrecords"] .worklog-grid tbody td:has(:disabled),
body[data-view="accounting"] .worklog-grid tbody td:has(:disabled){background-color:#202a2a!important;background-image:none!important;box-shadow:none!important}
body[data-view="workrecords"] .worklog-grid tbody tr:is(.is-holiday,.is-nonteaching) td:first-of-type,
body[data-view="accounting"] .worklog-grid tbody tr:is(.is-holiday,.is-nonteaching) td:first-of-type{background:#6a3035!important}

/* Putni: modal uvijek iznad aplikacije, bez pomicanja pozadine. */
body.acc-travel-modal-open{overflow:hidden!important}
body[data-view="accounting"] .acc-travel-card[open]{position:fixed!important;z-index:10000!important;inset:0!important;border:0!important;pointer-events:none}
body[data-view="accounting"] .acc-travel-card[open]::before{z-index:10001!important;pointer-events:auto}
body[data-view="accounting"] .acc-travel-card[open] .acc-travel-settings{z-index:10002!important;pointer-events:auto;background:#111b1a!important}

/* Izvještaji: zajamčen kontrast primarne akcije. */
body[data-view="accounting"] #accReportPrint{color:#06221c!important;background:#82d5f5!important;border-color:#a9e6ff!important;opacity:1!important;text-shadow:none!important}
body[data-view="accounting"] #accReportPrint span,body[data-view="accounting"] #accReportPrint svg{color:#06221c!important;stroke:#06221c!important;opacity:1!important}

/* Mjesečni izvoz pojedinačnih evidencija na korisnikovo računalo. */
body[data-view="accounting"] .acc-report-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}body[data-view="accounting"] #accEvidenceExport{display:inline-flex!important;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid #9cebd6;border-radius:13px;color:#06251f;background:#82dec5;font-weight:900;box-shadow:0 10px 26px rgba(61,205,166,.2);cursor:pointer}body[data-view="accounting"] #accEvidenceExport svg{width:18px;height:18px;fill:none;stroke:currentColor}body[data-view="accounting"] #accEvidenceExport:disabled{color:#819996;background:#203b38;border-color:#3e5a56;box-shadow:none;cursor:not-allowed}body[data-view="accounting"] .acc-report-actions .is-secondary{min-height:48px}
body[data-view="accounting"] .acc-export-picker{overflow:hidden;border:1px solid rgba(116,204,183,.28);border-radius:20px;background:#102b29;box-shadow:0 18px 42px rgba(0,0,0,.18)}body[data-view="accounting"] .acc-export-picker>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid rgba(116,204,183,.2);background:linear-gradient(120deg,#123934,#172d32)}body[data-view="accounting"] .acc-export-picker>header span{color:#78d9c1;font-size:.66rem;font-weight:900;letter-spacing:.13em}body[data-view="accounting"] .acc-export-picker>header h3{margin:4px 0;color:#f3faf8;font-size:1.15rem}body[data-view="accounting"] .acc-export-picker>header p{margin:0;color:#adc5bf;font-size:.72rem}body[data-view="accounting"] .acc-export-picker>header>div:last-child{display:flex;gap:8px}body[data-view="accounting"] .acc-export-picker>header button{padding:9px 12px;border:1px solid #416e65;border-radius:10px;color:#d9eeea;background:#173d38;font-weight:800;cursor:pointer}
body[data-view="accounting"] .acc-export-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:390px;overflow:auto;padding:14px}body[data-view="accounting"] .acc-export-list label{display:flex;min-height:58px;align-items:center;gap:11px;padding:10px 12px;border:1px solid rgba(130,208,190,.18);border-radius:12px;background:#142523;cursor:pointer}body[data-view="accounting"] .acc-export-list label:has(input:checked){border-color:#72d8bf;background:#19443d;box-shadow:inset 0 0 0 1px rgba(114,216,191,.25)}body[data-view="accounting"] .acc-export-list input{width:17px;height:17px;accent-color:#72d8bf}body[data-view="accounting"] .acc-export-list span{display:grid;gap:3px}body[data-view="accounting"] .acc-export-list strong{color:#f1f8f6;font-size:.76rem}body[data-view="accounting"] .acc-export-list small{color:#9fb7b2;font-size:.63rem}body[data-view="accounting"] .acc-export-picker>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 20px;border-top:1px solid rgba(116,204,183,.18);color:#c5d9d4;background:#0d2422;font-size:.68rem}body[data-view="accounting"] .acc-export-picker>footer span{color:#82cdbb;text-align:right}
@media(max-width:1000px){body[data-view="accounting"] .acc-export-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){body[data-view="accounting"] .acc-report-panel,body[data-view="accounting"] .acc-export-picker>header,body[data-view="accounting"] .acc-export-picker>footer{align-items:stretch;flex-direction:column}body[data-view="accounting"] .acc-report-actions{justify-content:stretch}body[data-view="accounting"] .acc-report-actions button{flex:1}body[data-view="accounting"] .acc-export-list{grid-template-columns:1fr}body[data-view="accounting"] .acc-export-picker>footer span{text-align:left}}
body .acc-export-dialog{max-width:570px!important}body .acc-export-dialog>span{text-transform:uppercase}body .acc-export-dialog ul{display:grid;gap:7px;margin:2px 0 4px;padding-left:19px;color:#b9ceca;font-size:.72rem;line-height:1.45;text-align:left}body .acc-export-dialog li::marker{color:#75dbc2}body .acc-export-path{display:grid!important;gap:5px!important;margin:4px 0!important;padding:12px 14px!important;border:1px solid rgba(117,219,194,.3)!important;border-radius:12px!important;background:#102f2b!important;text-align:left!important}body .acc-export-path small{color:#76d8c0;font-size:.58rem;font-weight:900;letter-spacing:.12em}body .acc-export-path strong{color:#edf8f5;font-size:.72rem;overflow-wrap:anywhere}

/* Izvještaji računovodstva prate aktivnu paletu; akcije ostaju mirne i proporcionalne. */
body[data-view="accounting"] :is(.acc-report-panel,.acc-export-picker){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.13)!important}body[data-view="accounting"] .acc-report-panel{background:linear-gradient(120deg,var(--uis-card),var(--uis-panel))!important;background-image:linear-gradient(120deg,var(--uis-card),var(--uis-panel))!important}body[data-view="accounting"] :is(.acc-report-panel,.acc-export-picker) :is(h3,strong){color:var(--uis-text)!important}body[data-view="accounting"] :is(.acc-report-panel,.acc-export-picker) :is(p,small){color:var(--uis-muted)!important}body[data-view="accounting"] :is(.acc-report-panel>div>span,.acc-export-picker>header span){color:var(--uis-accent)!important}
body[data-view="accounting"] .acc-export-picker>header{border-color:var(--uis-line)!important;background:var(--uis-panel)!important;background-image:none!important}body[data-view="accounting"] .acc-export-picker>footer{color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:var(--uis-head)!important}body[data-view="accounting"] .acc-export-picker>footer span{color:var(--uis-accent)!important}body[data-view="accounting"] .acc-export-list label{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}body[data-view="accounting"] .acc-export-list label:has(input:checked){border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 15%,var(--uis-inset))!important;box-shadow:inset 3px 0 var(--uis-accent)!important}body[data-view="accounting"] .acc-export-list input{accent-color:var(--uis-accent)!important}body[data-view="accounting"] .acc-export-picker>header button{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}body[data-view="accounting"] .acc-export-picker>header button:hover{border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-view="accounting"] :is(#accReportPrint,#accEvidenceExport){display:inline-flex!important;min-height:40px!important;align-items:center!important;gap:8px!important;padding:0 13px!important;border-radius:10px!important;font-size:.68rem!important;font-weight:850!important;box-shadow:none!important;text-shadow:none!important}body[data-view="accounting"] #accReportPrint{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}body[data-view="accounting"] #accReportPrint :is(span,svg){color:inherit!important;stroke:currentColor!important}body[data-view="accounting"] #accEvidenceExport{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}body[data-view="accounting"] #accEvidenceExport:hover:not(:disabled){border-color:var(--uis-accent)!important;background:color-mix(in srgb,var(--uis-accent) 22%,var(--uis-inset))!important}body[data-view="accounting"] #accEvidenceExport:disabled{color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:color-mix(in srgb,var(--uis-inset) 72%,transparent)!important;opacity:.68!important}
body[data-view="accounting"] .acc-export-dialog{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-panel)!important;background-image:radial-gradient(circle at 90% 0,var(--uis-accent-soft),transparent 36%)!important}body[data-view="accounting"] .acc-export-dialog :is(h3,.acc-export-path strong){color:var(--uis-text)!important}body[data-view="accounting"] .acc-export-dialog :is(p,li){color:var(--uis-muted)!important}body[data-view="accounting"] .acc-export-dialog>span,body[data-view="accounting"] .acc-export-dialog li::marker,body[data-view="accounting"] .acc-export-path small{color:var(--uis-accent)!important}body[data-view="accounting"] .acc-export-path{border-color:var(--uis-line)!important;background:var(--uis-inset)!important}body[data-view="accounting"] .acc-export-dialog .worklog-confirm-icon{color:var(--uis-accent)!important;border-color:var(--uis-line)!important;background:var(--uis-accent-soft)!important}body[data-view="accounting"] .acc-export-dialog [data-export-confirm]{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-interface-surface="glass"][data-view="accounting"] :is(.acc-report-panel,.acc-export-picker,.acc-export-dialog){background:color-mix(in srgb,var(--uis-card) 62%,transparent)!important;background-image:none!important;backdrop-filter:blur(8px) saturate(1.08)!important;-webkit-backdrop-filter:blur(8px) saturate(1.08)!important}body[data-interface-surface="glass"][data-view="accounting"] :is(.acc-export-picker>header,.acc-export-list label,.acc-export-path){background:color-mix(in srgb,var(--uis-inset) 55%,transparent)!important}

/* Putni troškovi – mjesečna radna tablica. */
.commute-page{display:grid;gap:14px;color:var(--uis-text)}.commute-hero,.commute-identity,.commute-tools,.commute-table-wrap,.commute-summary,.commute-submit{border:1px solid var(--uis-line);border-radius:18px;background:var(--uis-card);box-shadow:0 12px 28px rgba(0,0,0,.12)}.commute-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;background:linear-gradient(120deg,var(--uis-card),var(--uis-panel))}.commute-hero span{color:var(--uis-accent);font-size:.62rem;font-weight:900;letter-spacing:.13em}.commute-hero h2{margin:4px 0;color:var(--uis-text);font-size:1.25rem}.commute-hero p,.commute-period small{margin:0;color:var(--uis-muted);font-size:.68rem}.commute-period{display:grid;justify-items:end;gap:5px}.commute-period details{position:relative}.commute-period summary{display:flex;min-width:165px;height:40px;align-items:center;justify-content:space-between;gap:15px;padding:0 12px;border:1px solid var(--uis-line-strong);border-radius:11px;background:var(--uis-inset);cursor:pointer;list-style:none}.commute-period summary svg{width:15px;height:15px;fill:none;stroke:currentColor}.commute-period details>div{position:absolute;z-index:30;top:46px;right:0;display:grid;min-width:190px;padding:6px;border:1px solid var(--uis-line-strong);border-radius:11px;background:var(--uis-panel);box-shadow:0 18px 36px rgba(0,0,0,.35)}.commute-period details button{padding:9px;border:0;border-radius:8px;color:var(--uis-text);background:transparent;text-align:left}.commute-period details button:hover{background:var(--uis-accent-soft)}.commute-period em{color:var(--uis-accent);font-size:.62rem;font-style:normal}.commute-identity{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:15px}.commute-identity label,.commute-summary label{display:grid;gap:6px}.commute-identity span,.commute-summary span{color:var(--uis-muted);font-size:.62rem;font-weight:800}.commute-identity input,.commute-summary input{height:39px;padding:0 11px;border:1px solid var(--uis-line);border-radius:10px;color:var(--uis-text);background:var(--uis-inset)}.commute-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px}.commute-tools div{display:grid;gap:2px}.commute-tools span{color:var(--uis-muted);font-size:.64rem}.commute-tools button,.commute-submit button{display:inline-flex;min-height:39px;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--uis-line-strong);border-radius:10px;color:var(--uis-text);background:var(--uis-accent-soft);font-weight:850}.commute-tools button svg{width:16px;height:16px;fill:none;stroke:currentColor}.commute-table-wrap{overflow:auto;border-radius:16px}.commute-table{width:100%;min-width:940px;border-collapse:collapse;table-layout:fixed}.commute-table :is(th,td){height:38px;border:1px solid var(--uis-line);color:var(--uis-text);background:var(--uis-card);text-align:center}.commute-table thead th{height:45px;background:var(--uis-head);font-size:.67rem}.commute-table tbody th{width:70px;background:var(--uis-panel)}.commute-table tbody th small{display:block;color:var(--uis-muted);font-size:.55rem}.commute-table tbody tr.is-weekend :is(th,td){background:color-mix(in srgb,var(--uis-accent) 8%,var(--uis-panel))}.commute-table td{position:relative}.commute-table td input{width:100%;height:100%;padding:0 8px;border:0;outline:0;color:var(--uis-text);background:var(--uis-inset);text-align:center}.commute-table td:focus-within{box-shadow:inset 0 0 0 2px var(--uis-accent)}.commute-table [data-commute-fill]{position:absolute;right:1px;bottom:1px;width:8px;height:8px;padding:0;border:1px solid var(--uis-head);border-radius:1px;background:var(--uis-accent);opacity:0;cursor:crosshair}.commute-table td:focus-within [data-commute-fill]{opacity:1}.commute-table tfoot{font-weight:900}.commute-table tfoot :is(th,td){background:var(--uis-panel)}.commute-summary{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:12px;padding:15px}.commute-summary>div{display:grid;gap:6px;padding:11px;border:1px solid var(--uis-line);border-radius:11px;background:var(--uis-inset)}.commute-summary strong{font-size:1rem}.commute-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px}.commute-submit p{max-width:720px;margin:0;color:var(--uis-muted);font-size:.65rem;line-height:1.45}.commute-submit label{display:flex;align-items:center;gap:8px;font-size:.65rem}.commute-submit input{accent-color:var(--uis-accent)}.commute-submit button:disabled{opacity:.45}.commute-print-sheet{display:none}
@media(max-width:850px){.commute-identity,.commute-summary{grid-template-columns:1fr}.commute-hero,.commute-tools,.commute-submit{align-items:stretch;flex-direction:column}.commute-period{justify-items:stretch}}
body[data-view="accounting"] #accCommuteExport{display:inline-flex;min-height:40px;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--uis-line-strong);border-radius:10px;color:var(--uis-text);background:var(--uis-accent-soft);font-size:.68rem;font-weight:850;box-shadow:none}body[data-view="accounting"] #accCommuteExport svg{width:17px;height:17px;fill:none;stroke:currentColor}body[data-view="accounting"] #accCommuteExport:disabled{color:var(--uis-muted);border-color:var(--uis-line);background:color-mix(in srgb,var(--uis-inset) 72%,transparent);opacity:.68}.commute-summary input[data-commute-meta="rate"]{width:100%;height:39px;padding:0 11px;border:1px solid var(--uis-line);border-radius:9px;color:var(--uis-text);background:var(--uis-card);font-weight:900}
.commute-page .commute-hero{position:sticky;z-index:210;top:129px;border-radius:0;margin-inline:calc(0px - clamp(18px,3vw,58px));padding-inline:clamp(18px,3vw,58px)}.commute-table thead{position:sticky;z-index:12;top:0}.commute-table thead th{box-shadow:0 2px 0 var(--uis-line-strong)}.commute-route-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.commute-route-tabs button,.commute-open-settings{padding:8px 11px;border:1px solid var(--uis-line);border-radius:9px;color:var(--uis-muted);background:var(--uis-inset);font-size:.64rem;font-weight:800}.commute-route-tabs button.is-active{color:var(--uis-text);border-color:var(--uis-line-strong);background:var(--uis-accent-soft);box-shadow:inset 0 -2px var(--uis-accent)}.commute-tools .commute-clear{color:#f1b8bd;border-color:rgba(230,107,119,.35);background:rgba(147,53,65,.16)}.commute-settings-dialog{width:min(760px,calc(100vw - 28px))!important;max-width:760px!important}.commute-settings-dialog>[data-route-list]{display:grid!important;gap:9px!important;max-height:360px;overflow:auto;margin:4px 0!important}.commute-route-setting{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:end;gap:9px;padding:10px;border:1px solid var(--uis-line);border-radius:12px;background:var(--uis-inset)}.commute-route-setting label{display:grid;gap:5px;text-align:left}.commute-route-setting label span{color:var(--uis-muted);font-size:.6rem;font-weight:800}.commute-route-setting input{height:38px;padding:0 10px;border:1px solid var(--uis-line);border-radius:9px;color:var(--uis-text);background:var(--uis-card)}.commute-route-setting>button{width:34px;height:38px;border:1px solid rgba(230,107,119,.35);border-radius:9px;color:#f3bdc2;background:rgba(147,53,65,.16)}.commute-add-route{justify-self:start;padding:9px 12px;border:1px solid var(--uis-line-strong);border-radius:9px;color:var(--uis-text);background:var(--uis-accent-soft);font-weight:800}.commute-no-routes{padding:18px;border:1px dashed var(--uis-line);border-radius:11px;color:var(--uis-muted);text-align:center}.acc-commute-rate{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;border:1px solid var(--uis-line);border-radius:18px;color:var(--uis-text);background:linear-gradient(120deg,var(--uis-card),var(--uis-panel))}.acc-commute-rate>div>span{color:var(--uis-accent);font-size:.62rem;font-weight:900;letter-spacing:.12em}.acc-commute-rate h3{margin:4px 0;color:var(--uis-text)}.acc-commute-rate p{margin:0;color:var(--uis-muted);font-size:.68rem}.acc-commute-rate form{display:grid;grid-template-columns:minmax(150px,220px) auto;gap:7px}.acc-commute-rate label{display:grid;gap:4px}.acc-commute-rate label span,.acc-commute-rate form>small{color:var(--uis-muted);font-size:.59rem}.acc-commute-rate input{height:40px;padding:0 11px;border:1px solid var(--uis-line-strong);border-radius:10px;color:var(--uis-text);background:var(--uis-inset);font-weight:900}.acc-commute-rate button{padding:0 14px;border:1px solid var(--uis-line-strong);border-radius:10px;color:var(--uis-text);background:var(--uis-accent-soft);font-weight:850}.acc-commute-rate form>small{grid-column:1/-1;color:var(--uis-accent)}
@media(max-width:760px){.commute-page .commute-hero{position:relative;top:auto;margin-inline:0;border-radius:18px}.commute-route-setting{grid-template-columns:1fr}.commute-route-setting>i{transform:rotate(90deg)}.acc-commute-rate{align-items:stretch;flex-direction:column}}
.commute-route-setting{display:grid;grid-template-columns:1fr;gap:12px;padding:14px}.commute-route-setting-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.commute-route-setting-head>button{width:38px;height:38px;border:1px solid rgba(230,107,119,.38);border-radius:9px;color:#f3bdc2;background:rgba(147,53,65,.16)}.commute-route-addresses,.commute-route-defaults{display:grid;grid-template-columns:1fr 1fr;gap:10px}.commute-route-tabs button:not([data-commute-settings]){display:grid;gap:2px;text-align:left}.commute-route-tabs button span{color:inherit;font-size:.68rem}.commute-route-tabs button small{max-width:210px;overflow:hidden;color:var(--uis-muted);font-size:.54rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.commute-route-tabs button.is-active small{color:var(--uis-text-soft)}
@media(max-width:620px){.commute-route-addresses,.commute-route-defaults{grid-template-columns:1fr}}
.commute-page .commute-hero{min-height:72px;padding-block:8px}.commute-page .commute-hero h2{margin:2px 0;font-size:1rem}.commute-page .commute-hero p{font-size:.59rem}.commute-page .commute-route-tabs{gap:5px;margin-top:6px}.commute-page .commute-route-tabs button{min-height:30px;padding:4px 8px;border-radius:8px}.commute-page .commute-route-tabs button span{font-size:.61rem}.commute-page .commute-route-tabs button small{font-size:.49rem}.commute-page .commute-period{gap:2px}.commute-page .commute-period summary{min-width:145px;height:34px;border-radius:9px;font-size:.68rem}.commute-page .commute-period em,.commute-page .commute-period small{font-size:.54rem}.commute-empty-route{width:min(760px,calc(100% - 32px));min-height:310px;align-content:center;justify-items:center;gap:24px;margin:64px auto 0;padding:42px!important;text-align:center}.commute-empty-route header{max-width:580px}.commute-empty-route .commute-open-settings{display:inline-flex;width:auto;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-color:var(--uis-line-strong);border-radius:11px;color:var(--uis-text);background:var(--uis-accent-soft);box-shadow:0 10px 24px rgba(0,0,0,.18);font-size:.72rem;cursor:pointer}.commute-empty-route .commute-open-settings:hover{border-color:var(--uis-accent);transform:translateY(-1px)}.commute-empty-route .commute-open-settings svg{width:17px;height:17px;fill:none;stroke:currentColor}
@media(max-width:760px){.commute-page .commute-hero{min-height:auto;padding:12px}.commute-empty-route{width:100%;min-height:280px;margin-top:24px;padding:28px!important}}

/* PUTNI NALOZI - ista hijerarhija i staklena tema kao Evidencija rada. */
.commute-page .commute-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 18px;padding-block:11px;background:color-mix(in srgb,var(--uis-panel) 64%,transparent);background-image:linear-gradient(105deg,color-mix(in srgb,var(--uis-card) 58%,transparent),color-mix(in srgb,var(--uis-panel) 48%,transparent));box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.11);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.commute-page .commute-hero>div:first-child{display:grid;min-width:0;align-content:start}.commute-page .commute-identity{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;margin-top:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.commute-page .commute-identity label{gap:3px}.commute-page .commute-identity span{font-size:.53rem;letter-spacing:.04em}.commute-page .commute-identity input{height:31px;padding:0 9px;border-color:var(--uis-line);border-radius:8px;background:color-mix(in srgb,var(--uis-inset) 68%,transparent);font-size:.64rem}.commute-page .commute-identity input:disabled{opacity:.72}
.commute-page .commute-period{align-self:start}.commute-route-bar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1;padding-top:8px;border-top:1px solid var(--uis-line)}.commute-route-bar .commute-route-tabs{min-width:0;flex:1;margin:0}.commute-settings-action{display:inline-flex;min-height:32px;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid var(--uis-line-strong);border-radius:9px;color:var(--uis-text);background:color-mix(in srgb,var(--uis-inset) 62%,transparent);font-size:.62rem;font-weight:850}.commute-settings-action svg{width:15px;height:15px;fill:none;stroke:var(--uis-accent)}.commute-settings-action:hover{border-color:var(--uis-accent);background:var(--uis-accent-soft)}
.commute-page .commute-summary{order:initial;grid-template-columns:.9fr 1.25fr .8fr;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--uis-card) 68%,transparent);box-shadow:0 8px 20px rgba(0,0,0,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.commute-page .commute-summary>div,.commute-page .commute-summary label{min-width:0}.commute-page .commute-summary>div{padding:8px 10px;background:color-mix(in srgb,var(--uis-inset) 66%,transparent)}.commute-page .commute-summary input{background:color-mix(in srgb,var(--uis-inset) 66%,transparent)}
body[data-interface-surface="themed"] .commute-page :is(.commute-hero,.commute-summary,.commute-tools,.commute-table-wrap,.commute-submit){color:var(--uis-text);border-color:var(--uis-line)}body[data-interface-surface="themed"] .commute-page :is(.commute-tools,.commute-submit){background:color-mix(in srgb,var(--uis-card) 68%,transparent)}body[data-interface-surface="themed"] .commute-page .commute-table :is(th,td){color:var(--uis-text);border-color:var(--uis-line)}body[data-interface-surface="themed"] .commute-page .commute-table tbody td{background:var(--uis-card)}body[data-interface-surface="themed"] .commute-page .commute-table td input{color:var(--uis-text);background:var(--uis-inset)}
@media(max-width:900px){.commute-page .commute-hero{grid-template-columns:1fr}.commute-page .commute-period{justify-self:stretch;justify-items:stretch}.commute-page .commute-identity{grid-template-columns:1fr}.commute-route-bar{grid-column:1}.commute-page .commute-summary{grid-template-columns:1fr}}
@media(max-width:620px){.commute-route-bar{align-items:stretch;flex-direction:column}.commute-settings-action{width:100%}}
.commute-pretable{position:relative;overflow:hidden;border:1px solid var(--uis-line-strong);border-radius:18px;background:linear-gradient(125deg,color-mix(in srgb,var(--uis-card) 76%,transparent),color-mix(in srgb,var(--uis-panel) 66%,transparent));box-shadow:inset 0 1px rgba(255,255,255,.045),0 12px 28px rgba(0,0,0,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.commute-pretable::before{position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--uis-accent),transparent);content:"";opacity:.65}.commute-page .commute-pretable .commute-tools{min-height:62px;padding:11px 14px;border:0;border-bottom:1px solid var(--uis-line);border-radius:0;background:transparent;box-shadow:none}.commute-page .commute-pretable .commute-tools>div strong{display:block;color:var(--uis-text);font-size:.86rem}.commute-page .commute-pretable .commute-tools>div span{margin-top:2px}.commute-page .commute-pretable .commute-tools button{min-height:36px;background:color-mix(in srgb,var(--uis-inset) 72%,transparent)}.commute-page .commute-pretable .commute-summary{gap:8px;padding:9px 10px 10px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.commute-page .commute-pretable .commute-summary>div,.commute-page .commute-pretable .commute-summary>label{min-height:55px;padding:8px 10px;border:1px solid var(--uis-line);border-radius:11px;background:color-mix(in srgb,var(--uis-inset) 58%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.025)}.commute-page .commute-pretable .commute-summary label{display:grid;align-content:center}.commute-page .commute-pretable .commute-summary input{height:31px;padding-inline:8px;border-color:transparent;background:color-mix(in srgb,var(--uis-card) 50%,transparent);font-weight:800}.commute-page .commute-pretable .commute-summary strong{color:var(--uis-accent);font-size:.88rem}
body[data-interface-surface="themed"] .commute-page .commute-pretable{color:var(--uis-text);border-color:var(--uis-line-strong)}body[data-interface-surface="themed"] .commute-page .commute-pretable .commute-tools{background:transparent!important}
@media(max-width:850px){.commute-page .commute-pretable .commute-tools{align-items:stretch;flex-direction:column}.commute-page .commute-pretable .commute-summary{grid-template-columns:1fr}}
.commute-page .commute-hero{grid-template-columns:minmax(245px,.58fr) minmax(520px,1.42fr) auto;align-items:center;gap:6px 14px;min-height:0;padding-block:8px}.commute-page .commute-hero>div:first-child{align-content:center}.commute-page .commute-hero h2{font-size:.92rem}.commute-page .commute-hero p{font-size:.54rem}.commute-page .commute-hero .commute-identity{grid-template-columns:1.1fr 1fr 1fr;align-self:center;gap:7px;margin:0}.commute-page .commute-hero .commute-identity input{height:29px}.commute-page .commute-hero .commute-period{align-self:center;gap:2px}.commute-page .commute-hero .commute-period summary{height:31px}.commute-page .commute-hero .commute-route-bar{padding-top:5px}.commute-page .commute-hero .commute-route-tabs{margin:0}.commute-page .commute-hero .commute-route-tabs button{min-height:27px;padding:3px 8px}
.commute-sheet{overflow:hidden;border:1px solid var(--uis-line-strong);border-radius:18px;background:color-mix(in srgb,var(--uis-card) 72%,transparent);box-shadow:0 14px 32px rgba(0,0,0,.13);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.commute-sheet .commute-pretable{border:0;border-bottom:1px solid var(--uis-line-strong);border-radius:0;background:transparent;box-shadow:none}.commute-sheet .commute-pretable::before{display:none}.commute-sheet .commute-table-wrap{border:0;border-radius:0;background:transparent;box-shadow:none}.commute-sheet .commute-table{border:0}.commute-sheet .commute-table thead th{border-top:0}.commute-sheet .commute-table :is(th,td):first-child{border-left:0}.commute-sheet .commute-table :is(th,td):last-child{border-right:0}.commute-sheet .commute-table tbody tr:last-child :is(th,td),.commute-sheet .commute-table tfoot tr:last-child :is(th,td){border-bottom:0}
body[data-interface-surface="themed"] .commute-sheet{border-color:var(--uis-line-strong);background:color-mix(in srgb,var(--uis-card) 70%,transparent)}
@media(max-width:1120px){.commute-page .commute-hero{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr)}.commute-page .commute-hero .commute-period{grid-column:2;grid-row:1;justify-self:end}.commute-page .commute-hero .commute-identity{grid-column:1/-1;grid-row:2}.commute-page .commute-hero .commute-route-bar{grid-row:3}}
@media(max-width:900px){.commute-page .commute-hero{grid-template-columns:1fr}.commute-page .commute-hero .commute-period,.commute-page .commute-hero .commute-identity,.commute-page .commute-hero .commute-route-bar{grid-column:1;grid-row:auto}.commute-page .commute-hero .commute-identity{grid-template-columns:1fr}}
.commute-period-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px}.commute-period-controls details{min-width:145px}.commute-period-controls .commute-settings-action{height:31px;min-height:31px;white-space:nowrap}.commute-route-bar{justify-content:flex-start}.commute-route-bar .commute-route-tabs{flex:0 1 auto}
body[data-interface-surface="glass"] .commute-page{color:var(--uig-text)}body[data-interface-surface="glass"] .commute-page :is(.commute-hero,.commute-sheet,.commute-submit){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 26px rgba(0,0,0,.12)!important;backdrop-filter:blur(7px) saturate(1.08)!important;-webkit-backdrop-filter:blur(7px) saturate(1.08)!important}body[data-interface-surface="glass"] .commute-page .commute-pretable{border-color:var(--uig-line)!important;background:transparent!important}body[data-interface-surface="glass"] .commute-page :is(.commute-identity input,.commute-summary>div,.commute-summary>label,.commute-summary input,.commute-tools button,.commute-route-tabs button,.commute-settings-action){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:rgba(13,43,38,.34)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}body[data-interface-surface="glass"] .commute-page :is(.commute-hero p,.commute-hero small,.commute-summary span,.commute-tools span,.commute-route-tabs small,.commute-submit p){color:var(--uig-muted)!important}body[data-interface-surface="glass"] .commute-page :is(.commute-hero>div>span,.commute-summary strong,.commute-period em){color:var(--uig-accent)!important}body[data-interface-surface="glass"] .commute-page .commute-table :is(th,td){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:rgba(8,30,27,.45)!important}body[data-interface-surface="glass"] .commute-page .commute-table tbody tr:nth-child(even) :is(th,td){background:rgba(24,53,47,.46)!important}body[data-interface-surface="glass"] .commute-page .commute-table td input{color:var(--uig-text)!important;background:rgba(31,68,60,.46)!important}body[data-interface-surface="glass"] .commute-page .commute-table :is(thead th,tfoot th,tfoot td){background:rgba(5,24,22,.66)!important}body[data-interface-surface="glass"] .commute-settings-dialog{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}body[data-interface-surface="glass"] .commute-settings-dialog .commute-route-setting{border-color:var(--uig-line)!important;background:var(--uig-bg-alt)!important}body[data-interface-surface="glass"] .commute-settings-dialog input{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:rgba(16,45,40,.52)!important}
@media(max-width:620px){.commute-period-controls{align-items:stretch;flex-direction:column}.commute-period-controls .commute-settings-action,.commute-period-controls details{width:100%}}
.commute-route-tabs button[data-commute-route]{position:relative;min-width:150px;padding-right:58px!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.commute-route-tabs button[data-commute-route].is-active{color:var(--uis-text)!important;border-color:var(--uis-accent)!important;background:color-mix(in srgb,var(--uis-accent) 20%,var(--uis-inset))!important;box-shadow:inset 4px 0 var(--uis-accent),0 0 0 1px color-mix(in srgb,var(--uis-accent) 26%,transparent),0 7px 18px color-mix(in srgb,var(--uis-accent) 12%,transparent)!important}.commute-route-tabs button[data-commute-route].is-active::after{position:absolute;top:6px;right:7px;padding:3px 5px;border:1px solid color-mix(in srgb,var(--uis-accent) 42%,transparent);border-radius:6px;color:var(--uis-accent);background:color-mix(in srgb,var(--uis-accent) 13%,transparent);content:"ODABRANO";font-size:.43rem;font-weight:950;letter-spacing:.055em}.commute-route-tabs button[data-commute-route]:not(.is-active){opacity:.72}.commute-route-tabs button[data-commute-route]:not(.is-active):hover{opacity:1;transform:translateY(-1px)}
body[data-interface-surface="glass"] .commute-page .commute-route-tabs button[data-commute-route].is-active{color:var(--uig-text)!important;border-color:var(--uig-accent)!important;background:linear-gradient(110deg,color-mix(in srgb,var(--uig-accent) 24%,rgba(13,43,38,.5)),rgba(13,43,38,.42))!important;box-shadow:inset 4px 0 var(--uig-accent),0 0 0 1px color-mix(in srgb,var(--uig-accent) 24%,transparent),0 8px 20px rgba(0,0,0,.14)!important}body[data-interface-surface="glass"] .commute-page .commute-route-tabs button[data-commute-route].is-active::after{color:var(--uig-accent);border-color:color-mix(in srgb,var(--uig-accent) 44%,transparent);background:color-mix(in srgb,var(--uig-accent) 15%,transparent)}
.commute-page .commute-route-bar{align-items:stretch;gap:10px}.commute-route-bar>.commute-route-tabs{align-content:center;flex:0 0 auto}.commute-route-bar>.commute-pretable{display:flex;min-width:0;align-items:stretch;gap:8px;flex:1;margin-left:auto;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.commute-route-bar>.commute-pretable::before{display:none}.commute-route-bar>.commute-pretable .commute-tools{display:grid;min-width:310px;min-height:0;grid-template-columns:minmax(100px,1fr) auto auto;align-items:center;gap:6px;padding:0 0 0 10px;border:0;border-left:1px solid var(--uis-line);background:transparent}.commute-route-bar>.commute-pretable .commute-tools>div{gap:0}.commute-route-bar>.commute-pretable .commute-tools>div strong{font-size:.66rem}.commute-route-bar>.commute-pretable .commute-tools>div span{font-size:.47rem}.commute-route-bar>.commute-pretable .commute-tools button{min-height:31px;padding-inline:8px;font-size:.56rem;white-space:nowrap}.commute-route-bar>.commute-pretable .commute-summary{display:grid;min-width:460px;grid-template-columns:.72fr 1fr .9fr;align-items:stretch;gap:6px;flex:1;padding:0;border:0;background:transparent}.commute-route-bar>.commute-pretable .commute-summary>div,.commute-route-bar>.commute-pretable .commute-summary>label{min-height:38px;align-content:center;padding:5px 7px;border-radius:8px}.commute-route-bar>.commute-pretable .commute-summary span{font-size:.45rem}.commute-route-bar>.commute-pretable .commute-summary strong{font-size:.67rem}.commute-route-bar>.commute-pretable .commute-summary input{height:24px;padding:0;border:0;background:transparent;font-size:.64rem}.commute-sheet>.commute-table-wrap{border-top:0}
@media(max-width:1500px){.commute-page .commute-route-bar{flex-wrap:wrap}.commute-route-bar>.commute-pretable{flex-basis:100%;margin-left:0}.commute-route-bar>.commute-pretable .commute-tools{padding-left:0;border-left:0}}
@media(max-width:900px){.commute-route-bar>.commute-pretable{flex-direction:column}.commute-route-bar>.commute-pretable .commute-tools,.commute-route-bar>.commute-pretable .commute-summary{width:100%;min-width:0}.commute-route-bar>.commute-pretable .commute-summary{grid-template-columns:1fr}}
.commute-period em[data-commute-state]{display:inline-flex;min-height:25px;align-items:center;justify-content:center;justify-self:end;margin-top:3px;padding:4px 8px;border:1px solid var(--uis-line-strong);border-radius:8px;color:var(--uis-accent);background:var(--uis-accent-soft);font-size:.57rem!important;font-weight:900;letter-spacing:.025em}.commute-route-tabs button[data-commute-route] i{display:inline-flex;width:max-content;margin-top:3px;padding:2px 5px;border:1px solid var(--uis-line);border-radius:5px;color:var(--uis-muted);background:color-mix(in srgb,var(--uis-inset) 68%,transparent);font-size:.43rem;font-style:normal;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.commute-route-tabs button[data-commute-route].is-submitted i{color:var(--uis-accent);border-color:color-mix(in srgb,var(--uis-accent) 38%,transparent);background:var(--uis-accent-soft)}.commute-route-tabs button[data-commute-route].is-returned i{color:#ffc1a8;border-color:rgba(239,133,91,.48);background:rgba(154,67,34,.24)}.commute-route-tabs button[data-commute-route].is-finalized i{color:#bdebdc;border-color:rgba(120,217,190,.42);background:rgba(56,130,109,.2)}.commute-route-return-note{margin:0;border-color:rgba(239,133,91,.5)!important;background:linear-gradient(110deg,rgba(151,64,34,.28),color-mix(in srgb,var(--uis-panel) 72%,transparent))!important;box-shadow:inset 4px 0 rgba(239,133,91,.75),0 10px 24px rgba(0,0,0,.12)!important}.commute-route-return-note strong{color:#ffd0bd!important}.commute-route-locked{min-height:330px;margin:0}
body[data-interface-surface="glass"] .commute-period em[data-commute-state]{color:var(--uig-accent)!important;border-color:var(--uig-line)!important;background:var(--uig-accent-soft)!important}body[data-interface-surface="glass"] .commute-route-tabs button[data-commute-route] i{border-color:var(--uig-line);background:rgba(8,30,27,.35)}

/* Putni nalog: jasno odvojeni status, identitet i financijski sažetak. */
.commute-page .commute-hero{grid-template-columns:minmax(225px,.52fr) minmax(190px,235px) minmax(470px,1.25fr) auto}
.commute-status-card{display:grid;align-content:center;gap:3px;min-height:58px;padding:8px 11px;border:1px solid var(--uis-line-strong);border-left-width:4px;border-radius:11px;background:color-mix(in srgb,var(--uis-inset) 72%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.commute-status-card small{color:var(--uis-muted)!important;font-size:.48rem!important;font-weight:900;letter-spacing:.1em}
.commute-status-card strong{font-size:.69rem;letter-spacing:.025em}
.commute-status-card span{color:var(--uis-muted)!important;font-size:.5rem!important;font-weight:700;letter-spacing:0}
.commute-status-card i{display:block;overflow:hidden;max-width:100%;color:var(--uis-muted);font-size:.46rem;font-style:normal;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.commute-status-card.is-submitted,.commute-status-card.is-resubmitted{border-color:rgba(236,190,77,.58);background:linear-gradient(110deg,rgba(177,126,20,.2),color-mix(in srgb,var(--uis-inset) 72%,transparent))}.commute-status-card:is(.is-submitted,.is-resubmitted) strong{color:#f4cf69}
.commute-status-card.is-correction_pending{border-color:rgba(239,101,91,.68);background:linear-gradient(110deg,rgba(165,53,45,.25),color-mix(in srgb,var(--uis-inset) 72%,transparent))}.commute-status-card.is-correction_pending strong{color:#ffb0a8}
.commute-status-card.is-finalized{border-color:rgba(83,205,151,.62);background:linear-gradient(110deg,rgba(35,139,94,.24),color-mix(in srgb,var(--uis-inset) 72%,transparent))}.commute-status-card.is-finalized strong{color:#9ae4c1}
.commute-status-card.is-draft strong{color:var(--uis-text)}
.commute-route-bar>.commute-pretable .commute-summary>div:nth-child(1){border-color:color-mix(in srgb,#61bde8 48%,var(--uis-line));background:linear-gradient(110deg,rgba(45,132,175,.18),color-mix(in srgb,var(--uis-inset) 58%,transparent))}
.commute-route-bar>.commute-pretable .commute-summary>div:nth-child(2){border-color:color-mix(in srgb,#55d19a 45%,var(--uis-line));background:linear-gradient(110deg,rgba(39,143,99,.18),color-mix(in srgb,var(--uis-inset) 58%,transparent))}
.commute-route-bar>.commute-pretable .commute-summary>label:nth-child(3){border-color:color-mix(in srgb,#d6b966 45%,var(--uis-line));background:linear-gradient(110deg,rgba(151,119,34,.18),color-mix(in srgb,var(--uis-inset) 58%,transparent))}
.commute-route-return-note p{margin:5px 0 0;color:var(--uis-text);font-size:.72rem;font-weight:750}
body[data-interface-surface="glass"] .commute-status-card{color:var(--uig-text);box-shadow:inset 0 1px rgba(255,255,255,.045)!important}body[data-interface-surface="glass"] .commute-status-card small,body[data-interface-surface="glass"] .commute-status-card span,body[data-interface-surface="glass"] .commute-status-card i{color:var(--uig-muted)!important}
@media(max-width:1300px){.commute-page .commute-hero{grid-template-columns:minmax(220px,.7fr) minmax(185px,225px) minmax(0,1.3fr)}.commute-page .commute-hero .commute-period{grid-column:3;grid-row:1;justify-self:end}.commute-page .commute-hero .commute-identity{grid-column:1/-1;grid-row:2}.commute-page .commute-hero .commute-route-bar{grid-column:1/-1;grid-row:3}}
@media(max-width:900px){.commute-page .commute-hero{grid-template-columns:1fr}.commute-page .commute-status-card,.commute-page .commute-hero .commute-period,.commute-page .commute-hero .commute-identity,.commute-page .commute-hero .commute-route-bar{grid-column:1;grid-row:auto}.commute-page .commute-status-card{min-height:62px}}

.commute-page .commute-hero{grid-template-columns:minmax(235px,350px) minmax(190px,235px) minmax(470px,1fr) auto}
.commute-sheet>.commute-table-wrap{max-height:calc(100vh - 315px);overflow:auto;overscroll-behavior:auto;scrollbar-gutter:stable}
.commute-sheet .commute-table thead{position:sticky;z-index:18;top:0}
.commute-sheet .commute-table thead th{position:sticky;top:0;box-shadow:0 2px 0 var(--uis-line-strong),0 8px 14px rgba(0,0,0,.14)}
@media(max-height:760px){.commute-sheet>.commute-table-wrap{max-height:calc(100vh - 280px)}}
@media(max-width:1300px){.commute-page .commute-hero{grid-template-columns:minmax(215px,315px) minmax(185px,225px) minmax(0,1fr)}.commute-sheet>.commute-table-wrap{max-height:calc(100vh - 345px)}}
@media(max-width:900px){.commute-page .commute-hero{grid-template-columns:1fr}.commute-sheet>.commute-table-wrap{max-height:calc(100vh - 250px)}}

.commute-unavailable{gap:16px;padding-top:16px}.commute-page .commute-unavailable-hero{position:relative;top:auto;grid-template-columns:minmax(235px,350px) minmax(240px,300px) minmax(220px,1fr);margin-inline:0;padding:14px 18px;border-radius:18px}.commute-unavailable-hero .commute-period{justify-self:end}.commute-status-card.is-waiting{border-color:rgba(236,190,77,.58);background:linear-gradient(110deg,rgba(177,126,20,.2),color-mix(in srgb,var(--uis-inset) 72%,transparent))}.commute-status-card.is-waiting strong{color:#f4cf69}.commute-unavailable-body{display:grid;min-height:300px;place-items:center;padding:34px;border:1px solid var(--uis-line-strong);border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--uis-card) 76%,transparent),color-mix(in srgb,var(--uis-panel) 66%,transparent));box-shadow:0 14px 32px rgba(0,0,0,.12);text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.commute-unavailable-body>div{display:grid;max-width:680px;justify-items:center;gap:8px}.commute-unavailable-body svg{width:32px;height:32px;margin-bottom:5px;color:#f4cf69;fill:none;stroke:currentColor}.commute-unavailable-body span{color:#f4cf69;font-size:.58rem;font-weight:950;letter-spacing:.11em}.commute-unavailable-body h3{margin:0;color:var(--uis-text);font-size:1.12rem}.commute-unavailable-body p{margin:0;color:var(--uis-muted);font-size:.72rem;line-height:1.55}.commute-unavailable-body p strong{color:var(--uis-text)}body[data-interface-surface="glass"] .commute-unavailable-body{color:var(--uig-text);border-color:var(--uig-line);background:var(--uig-bg);background-image:var(--uig-bg);box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 26px rgba(0,0,0,.12)}body[data-interface-surface="glass"] .commute-unavailable-body p{color:var(--uig-muted)}
@media(max-width:900px){.commute-unavailable{padding-top:10px}.commute-page .commute-unavailable-hero{grid-template-columns:1fr}.commute-unavailable-hero .commute-period{justify-self:stretch}.commute-unavailable-body{min-height:260px;padding:26px 18px}}
.commute-route-tabs button[data-commute-route].is-correction_pending i{color:#ffc1a8;border-color:rgba(239,133,91,.48);background:rgba(154,67,34,.24)}.commute-route-tabs button[data-commute-route].is-resubmitted i{color:#9ed8ff;border-color:rgba(92,178,231,.48);background:rgba(39,104,151,.24)}
body[data-view="accounting"] .acc-commute-rate form{display:grid!important;position:static!important;width:min(100%,360px)!important;grid-template-columns:minmax(150px,1fr) max-content!important;align-items:end!important;gap:7px 10px!important;margin:0!important}body[data-view="accounting"] .acc-commute-rate form label{display:grid!important;min-width:0!important;gap:5px!important;margin:0!important}body[data-view="accounting"] .acc-commute-rate form input{position:static!important;width:100%!important;min-width:0!important;height:40px!important;margin:0!important;transform:none!important}body[data-view="accounting"] .acc-commute-rate form button{position:static!important;width:auto!important;min-width:128px!important;height:40px!important;margin:0!important;padding:0 14px!important;transform:none!important;white-space:nowrap!important}body[data-view="accounting"] .acc-commute-rate form>[data-commute-rate-state]{grid-column:1/-1!important;min-height:14px!important;margin:0!important;text-align:left!important}@media(max-width:520px){body[data-view="accounting"] .acc-commute-rate form{width:100%!important;grid-template-columns:1fr!important}body[data-view="accounting"] .acc-commute-rate form button{width:100%!important}body[data-view="accounting"] .acc-commute-rate form>[data-commute-rate-state]{grid-column:1!important}}
.worklog-confirm-dialog.commute-settings-dialog>.commute-add-route{position:static!important;inset:auto!important;display:inline-flex!important;width:auto!important;height:40px!important;align-items:center!important;justify-content:center!important;justify-self:start!important;margin:12px 0 0!important;padding:0 13px!important;border:1px solid var(--uis-line-strong)!important;border-radius:10px!important;color:var(--uis-text)!important;background:var(--uis-accent-soft)!important;font-size:.7rem!important;font-weight:850!important;white-space:nowrap!important}.worklog-confirm-dialog.commute-settings-dialog>.commute-add-route:hover{border-color:var(--uis-accent)!important;background:color-mix(in srgb,var(--uis-accent) 20%,var(--uis-inset))!important}

/* Excel-stil ručice za kopiranje pojedine ćelije. */
.worklog-grid td.is-fillable{position:relative}.worklog-grid [data-fill-handle]{position:absolute;z-index:4;right:-4px;bottom:-4px;display:none;width:10px;height:10px;padding:0;border:2px solid #062e28;border-radius:2px;background:#72d6bd;cursor:crosshair}
.worklog-grid td.is-fill-source [data-fill-handle],.worklog-grid td.is-fillable:focus-within [data-fill-handle]{display:block}.worklog-grid td.is-fill-preview{box-shadow:inset 0 0 0 2px #72d6bd!important}

/* Konačna paleta Evidencije rada – namjerno potpuno neovisna o aktivnoj temi. */
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid{--wl-head:#092b3a;--wl-line:#31515a;--wl-weekday:#102d2a;--wl-weekday-input:#165348;--wl-weekend:#383320;--wl-weekend-input:#5a4b22;--wl-special:#632d34;--wl-special-input:#8a4049;--wl-vacation:#204b70;--wl-text:#f2f7f6;--wl-muted:#b8c8c5;color:var(--wl-text)!important;background:#0c2322!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid :is(th,td){border-color:var(--wl-line)!important;color:var(--wl-text)!important;background-image:none!important;box-shadow:none!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid thead th,
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid tfoot :is(th,td){background:var(--wl-head)!important;color:var(--wl-text)!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid tbody tr :is(th,td){background:var(--wl-weekday)!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid tbody tr.is-weekend :is(th,td),
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid tbody tr.is-vacation-weekend :is(th,td){background:var(--wl-weekend)!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid tbody tr.is-vacation :is(th,td){background:var(--wl-vacation)!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid tbody tr:is(.is-holiday,.is-nonteaching) :is(th,td){background:var(--wl-special)!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid tbody tr:not(.is-weekend):not(.is-holiday):not(.is-nonteaching):not(.is-vacation):not(.is-vacation-weekend) td:has(input:not(:disabled):not([readonly])),
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid tbody tr:not(.is-weekend):not(.is-holiday):not(.is-nonteaching):not(.is-vacation):not(.is-vacation-weekend) td:has(button[data-code-trigger]:not(:disabled)){background:var(--wl-weekday-input)!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid tbody tr.is-weekend:not(.is-vacation-weekend) td:has(input:not(:disabled):not([readonly])),
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid tbody tr.is-weekend:not(.is-vacation-weekend) td:has(button[data-code-trigger]:not(:disabled)){background:var(--wl-weekend-input)!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid tbody tr:is(.is-holiday,.is-nonteaching) td:has(input:not(:disabled):not([readonly])){background:var(--wl-special-input)!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid :is(input,button){color:var(--wl-text)!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-grid input:disabled{opacity:1!important;color:var(--wl-text)!important;-webkit-text-fill-color:var(--wl-text)!important}

/* Evidencija rada – jasno odvojena završna akcijska traka. */
body[data-view="workrecords"] .worklog-actions,
body[data-view="accounting"] .worklog-dialog .worklog-actions{min-height:68px!important;padding:12px 16px!important;border:1px solid #3f7068!important;border-top:3px solid #73d8bd!important;border-radius:14px!important;background:#092b28!important;background-image:none!important;box-shadow:0 -10px 28px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05)!important}
body[data-view="workrecords"] .worklog-actions>div,
body[data-view="accounting"] .worklog-dialog .worklog-actions>div{color:#d6e7e3!important;font-size:.75rem!important;font-weight:750!important;letter-spacing:.01em!important}
body[data-view="workrecords"] .worklog-actions [data-worklog-message],
body[data-view="accounting"] .worklog-dialog .worklog-actions [data-worklog-message]{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:7px 11px!important;border:1px solid #315e57!important;border-radius:9px!important;background:#103b36!important;color:#e9f4f1!important}
body[data-view="workrecords"] .worklog-attest,
body[data-view="accounting"] .worklog-dialog .worklog-attest{min-width:240px!important;padding:8px 11px!important;border:1px solid #4e8178!important;border-radius:11px!important;background:#123e39!important;color:#f2f8f6!important;box-shadow:none!important}
body[data-view="workrecords"] .worklog-attest strong,
body[data-view="accounting"] .worklog-dialog .worklog-attest strong{color:#fff!important;font-size:.72rem!important}
body[data-view="workrecords"] .worklog-attest small,
body[data-view="accounting"] .worklog-dialog .worklog-attest small{color:#bcd4cf!important;font-size:.58rem!important}
body[data-view="workrecords"] .worklog-attest input,
body[data-view="accounting"] .worklog-dialog .worklog-attest input{width:17px!important;height:17px!important;flex:none!important;accent-color:#75d9bf!important}
body[data-view="workrecords"] .worklog-actions button.is-primary,
body[data-view="accounting"] .worklog-dialog .worklog-actions button.is-primary{min-height:44px!important;padding:0 18px!important;border:1px solid #b0f2df!important;background:#79dec3!important;color:#06241e!important;font-size:.78rem!important;font-weight:950!important;box-shadow:0 6px 18px rgba(44,188,151,.25)!important}
body[data-view="workrecords"] .worklog-actions button.is-primary:hover,
body[data-view="accounting"] .worklog-dialog .worklog-actions button.is-primary:hover{background:#9aead5!important;transform:translateY(-1px)!important}
@media(max-width:760px){body[data-view="workrecords"] .worklog-actions{gap:10px!important;padding:12px!important}body[data-view="workrecords"] .worklog-attest{width:100%!important;min-width:0!important}}

/* Legenda i brzo brojčano popunjavanje. */
body[data-view="workrecords"] .workrecords-template.is-numbers{border-color:#4b88a0!important;background:#123b49!important;color:#eaf8fb!important}
body[data-view="workrecords"] .workrecords-template.is-numbers svg{color:#86d7ed!important}
body[data-view="workrecords"] .workrecords-template:disabled{display:flex!important;opacity:.52!important;filter:saturate(.45)!important;cursor:not-allowed!important}
.worklog-legend{position:relative}.worklog-legend>.workrecords-popover-panel{right:0;left:auto;width:min(340px,calc(100vw - 28px));padding:15px!important}
.worklog-legend h4{margin:0 0 10px;color:#f2f8f6;font-size:.8rem}.worklog-legend p{display:grid!important;grid-template-columns:22px 1fr!important;align-items:center;gap:9px!important;margin:0!important;padding:7px 0!important;border-bottom:1px solid rgba(255,255,255,.08)}
.worklog-legend p i{display:block;width:20px;height:20px;border:1px solid rgba(255,255,255,.2);border-radius:5px}.worklog-legend p i.is-weekday{background:#12332f}.worklog-legend p i.is-weekend{background:#403921}.worklog-legend p i.is-special{background:#6b3038}.worklog-legend p i.is-vacation{background:#24557d}.worklog-legend p i.is-input{background:#1b5a4e;box-shadow:inset 0 0 0 2px #73d8bd}
.worklog-legend p span{display:block!important;color:#c8d9d5!important;font-size:.66rem!important}.worklog-legend p b{color:#fff}.worklog-legend .workrecords-popover-panel>small{display:block;margin-top:10px;color:#a9c1bb;font-size:.61rem;line-height:1.5}
.worklog-numbers-dialog{width:min(560px,calc(100vw - 24px))!important}.worklog-numbers-fields{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:15px 0!important}
.worklog-numbers-fields label{display:grid;gap:6px;padding:12px;border:1px solid #355e57;border-radius:12px;background:#0e3531;text-align:left}.worklog-numbers-fields label>span{color:#f0f7f5;font-size:.7rem;font-weight:850}.worklog-numbers-fields input{width:100%;height:42px;padding:0 11px;border:1px solid #579085;border-radius:9px;outline:0;color:#fff;background:#123f3a;font:inherit;font-size:.9rem;font-weight:900}.worklog-numbers-fields input:focus{border-color:#7de0c5;box-shadow:0 0 0 3px rgba(125,224,197,.15)}.worklog-numbers-fields small{color:#a8c1bb;font-size:.58rem;line-height:1.4}
.worklog-numbers-option{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;border:1px solid #3b5f59;border-radius:10px;background:#102f2c;text-align:left}.worklog-numbers-option input{width:17px;height:17px;accent-color:#79dec3}.worklog-numbers-option span{display:grid;gap:2px}.worklog-numbers-option strong{color:#eef7f4;font-size:.67rem}.worklog-numbers-option small{color:#a8c1bb;font-size:.57rem}.worklog-numbers-dialog [data-numbers-error]{display:block;min-height:18px;color:#ffb1b8;font-size:.62rem}
@media(max-width:620px){.worklog-numbers-fields{grid-template-columns:1fr}.worklog-legend>.workrecords-popover-panel{position:fixed!important;right:12px!important;bottom:12px!important;left:12px!important;width:auto!important}}

/* Vraćeno na doradu – obavezno jasno crveno upozorenje. */
body :is(.workrecords-evidence,.worklog-dialog) .worklog-return-note{display:grid!important;gap:5px!important;width:100%!important;margin:0!important;padding:14px 17px!important;border:1px solid #ff7b86!important;border-left:6px solid #ff5968!important;border-radius:10px!important;background:#762831!important;background-image:none!important;color:#fff!important;box-shadow:0 8px 22px rgba(80,8,18,.28)!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-return-note strong{color:#fff!important;font-size:.82rem!important;font-weight:950!important;letter-spacing:.01em!important}
body :is(.workrecords-evidence,.worklog-dialog) .worklog-return-note p{margin:0!important;color:#ffecef!important;font-size:.74rem!important;font-weight:700!important;line-height:1.5!important}

/* Pravila razdoblja i godina koju određuje sustav. */
.workrecords-system-year{display:grid;min-width:76px;height:40px;place-items:center;border:1px solid var(--theme-glass-border);border-radius:11px;color:#edf7f4;background:#103833;font-size:.72rem;font-weight:900}
.workrecords-period label{position:relative}.workrecords-period-picker{position:relative;min-width:152px}.workrecords-period-picker>summary{display:flex;height:40px;align-items:center;justify-content:space-between;gap:18px;padding:0 12px;border:1px solid #3c7168;border-radius:11px;color:#f0f8f6;background:#103833;cursor:pointer;list-style:none}.workrecords-period-picker>summary::-webkit-details-marker{display:none}.workrecords-period-picker>summary strong{font-size:.73rem;font-weight:900}.workrecords-period-picker>summary svg{width:15px;height:15px;fill:none;stroke:currentColor;transition:transform .2s}.workrecords-period-picker[open]>summary{border-color:#75d9bf;background:#123f39}.workrecords-period-picker[open]>summary svg{transform:rotate(180deg)}
.workrecords-period-picker>div{position:absolute;z-index:80;top:calc(100% + 7px);left:0;display:grid;width:100%;min-width:180px;overflow:hidden;padding:6px;border:1px solid #456f68;border-radius:12px;background:#101716;box-shadow:0 18px 42px rgba(0,0,0,.48);animation:workrecordsPeriodIn .2s cubic-bezier(.16,1,.3,1) both}.workrecords-period-picker>div button{display:flex;min-height:39px;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;border:0;border-radius:8px;color:#c7d9d5;background:transparent;font:inherit;font-size:.69rem;font-weight:800;text-align:left;cursor:pointer}.workrecords-period-picker>div button:hover,.workrecords-period-picker>div button.is-selected{color:#fff;background:#17463f}.workrecords-period-picker>div button svg{width:15px;height:15px;opacity:0;fill:none;stroke:#79dec3}.workrecords-period-picker>div button.is-selected svg{opacity:1}@keyframes workrecordsPeriodIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.worklog-period-help>.workrecords-popover-panel{right:0;left:auto;width:min(350px,calc(100vw - 28px));padding:15px!important}.worklog-period-help h4{margin:0 0 8px;color:#f2f8f6;font-size:.8rem}.worklog-period-help p{margin:0 0 9px;color:#c7dad5;font-size:.66rem;line-height:1.5}.worklog-period-help ul{display:grid;gap:7px;margin:0;padding-left:17px;color:#b9cec9;font-size:.64rem;line-height:1.45}.worklog-period-help li::marker{color:#78d9c0}.worklog-period-help b{color:#fff}

/* Evidencija rada kao treći red navigacije, samo na ovoj stranici. */
body[data-view="workrecords"] .content{padding-top:0!important}
body[data-view="workrecords"] .workrecords-evidence>.workrecords-control-panel{position:sticky!important;z-index:420!important;top:129px!important;width:auto!important;margin-inline:calc(0px - clamp(18px,3vw,58px))!important;border-width:0 0 1px!important;border-radius:0!important;padding-inline:clamp(18px,3vw,58px)!important;background:#0c2b34!important;background-image:linear-gradient(90deg,#0c2b34,#10352f 58%,#35252c)!important;box-shadow:0 9px 24px rgba(0,0,0,.28)!important}
body[data-view="workrecords"] .workrecords-evidence{gap:14px!important}

/* Animirani prijelaz sva tri taba Evidencije i putnih. */
.workrecords-page-host{transform-origin:50% 0}.workrecords-page-host :is(.workrecords-placeholder,.workrecords-evidence){animation:none!important}.workrecords-page-host.is-tab-leaving{pointer-events:none;animation:workrecordsTabOut .13s ease both}
body[data-view="workrecords"] .workrecords-header-tabs .document-header-tab{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}body[data-view="workrecords"] .workrecords-header-tabs .document-header-tab.is-active{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.2)}
@keyframes workrecordsTabOut{to{opacity:0;transform:translateY(5px) scale(.996)}}
@media(max-width:900px){body[data-view="workrecords"] .workrecords-evidence>.workrecords-control-panel{position:relative!important;top:auto!important}}

/* Računovodstvo: treći navigacijski red, isti obrazac kao Evidencija rada. */
body[data-view="accounting"] .content{padding-top:0!important}
body[data-view="accounting"] .accounting-page>.acc-hero{
  position:sticky!important;
  z-index:420!important;
  top:129px!important;
  display:flex!important;
  width:auto!important;
  min-height:60px!important;
  margin:0 calc(0px - clamp(18px,3vw,58px)) 8px!important;
  padding:8px clamp(18px,3vw,58px)!important;
  border-width:0 0 1px!important;
  border-color:var(--uis-line)!important;
  border-radius:0!important;
  color:var(--uis-text)!important;
  background:linear-gradient(90deg,var(--uis-head),var(--uis-panel) 58%,var(--uis-card))!important;
  background-image:linear-gradient(90deg,var(--uis-head),var(--uis-panel) 58%,var(--uis-card))!important;
  box-shadow:0 9px 24px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
  overflow:visible!important;
}
body[data-view="accounting"] .accounting-page>.acc-hero::after{display:none!important}
body[data-view="accounting"] .acc-hero-copy{display:grid;gap:1px;min-width:300px}
body[data-view="accounting"] .acc-hero-copy>span{color:var(--uis-accent)!important;font-size:.52rem!important}
body[data-view="accounting"] .acc-hero-copy h2{margin:1px 0!important;color:var(--uis-text)!important;font-size:.95rem!important}
body[data-view="accounting"] .acc-hero-copy p{color:var(--uis-muted)!important;font-size:.56rem!important}
body[data-view="accounting"] .acc-hero .acc-period{display:flex!important;grid-template-columns:none!important;min-width:0;margin:0 0 0 auto!important;padding:5px 7px!important;border-color:var(--uis-line-strong)!important;border-radius:12px!important;background:var(--uis-inset)!important;background-image:none!important}
body[data-view="accounting"] .accounting-page.is-travel-tab .acc-travel-third-row>.acc-period{border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-view="accounting"] .accounting-page.is-travel-tab .acc-travel-third-row>.acc-travel-card>summary{border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
body[data-view="accounting"] .acc-hero .acc-period-icon{width:30px;height:30px;border-radius:9px;color:var(--uis-accent)!important;background:var(--uis-accent-soft)!important}
body[data-view="accounting"] .acc-hero .acc-period-control{display:flex;align-items:center;gap:8px}
body[data-view="accounting"] .acc-hero .acc-period-control>span{color:var(--uis-muted)!important;font-size:.48rem!important;white-space:nowrap}
body[data-view="accounting"] .acc-hero .acc-period-pickers{display:flex;gap:5px}
body[data-view="accounting"] .acc-hero .acc-period-picker>summary{min-height:30px!important;padding:0 9px!important;color:var(--uis-text)!important;border-color:var(--uis-line)!important;border-radius:8px!important;background:var(--uis-card)!important}
body[data-view="accounting"] .acc-hero .acc-period-picker>div{z-index:500;color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-panel)!important}
body[data-view="accounting"][data-interface-table="transparent"] .accounting-page>.acc-hero,
body[data-view="accounting"][data-interface-surface="glass"] .accounting-page>.acc-hero{
  background:linear-gradient(90deg,color-mix(in srgb,var(--uis-head) 42%,transparent),color-mix(in srgb,var(--uis-panel) 34%,transparent) 58%,color-mix(in srgb,var(--uis-card) 30%,transparent))!important;
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--uis-head) 42%,transparent),color-mix(in srgb,var(--uis-panel) 34%,transparent) 58%,color-mix(in srgb,var(--uis-card) 30%,transparent))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 9px 24px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(7px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(7px) saturate(1.08)!important;
}
body[data-view="accounting"][data-interface-table="transparent"] .acc-hero .acc-period,
body[data-view="accounting"][data-interface-surface="glass"] .acc-hero .acc-period{background:color-mix(in srgb,var(--uis-inset) 38%,transparent)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
body[data-view="accounting"][data-interface-table="transparent"] .acc-hero .acc-period-picker>summary,
body[data-view="accounting"][data-interface-surface="glass"] .acc-hero .acc-period-picker>summary{background:color-mix(in srgb,var(--uis-card) 36%,transparent)!important}
@media(max-width:900px){body[data-view="accounting"] .accounting-page>.acc-hero{position:relative!important;top:auto!important;margin:0!important;border-width:1px!important;border-radius:15px!important}body[data-view="accounting"] .acc-hero-copy{min-width:0}body[data-view="accounting"] .acc-hero-copy p{display:none}}
@media(max-width:620px){body[data-view="accounting"] .accounting-page>.acc-hero{align-items:stretch!important;flex-direction:column!important}body[data-view="accounting"] .acc-hero .acc-period{width:100%;margin:0!important}body[data-view="accounting"] .acc-hero .acc-period-control{flex:1;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.workrecords-page-host.is-tab-leaving{animation:none!important}}

/* Putni nalozi: unutarnje cjeline ne smiju crtati pravokutnu povrsinu preko zaobljenog treceg reda. */
body[data-view="accounting"] .accounting-page.is-travel-tab .acc-travel-third-row>.acc-travel-card,
body[data-view="accounting"] .accounting-page.is-travel-tab .acc-travel-third-row>.acc-commute-rate,
body[data-view="accounting"] .accounting-page.is-travel-tab .acc-travel-third-row>.acc-period,
body[data-view="accounting"][data-interface-table="transparent"] .accounting-page.is-travel-tab .acc-travel-third-row>.acc-period,
body[data-view="accounting"][data-interface-surface="glass"] .accounting-page.is-travel-tab .acc-travel-third-row>.acc-period{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-view="accounting"] .accounting-page.is-travel-tab .acc-travel-third-row>.acc-travel-card>summary{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-radius:13px 0 0 13px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Evidencije i putni: poruke o dodijeljenoj ili nedostajucoj ovlasti prate aktivnu temu. */
body[data-interface-theme][data-view="workrecords"] :is(.workrecords-managed-state,.workrecords-permission-state){
  color:var(--uis-text)!important;
  border-color:var(--uis-line-strong)!important;
  background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;
  background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 16px 36px rgba(0,0,0,.14)!important;
}
body[data-interface-theme][data-view="workrecords"] :is(.workrecords-managed-state,.workrecords-permission-state)>div{
  color:var(--uis-accent)!important;
  background:var(--uis-accent-soft)!important;
}
body[data-interface-theme][data-view="workrecords"] :is(.workrecords-managed-state,.workrecords-permission-state)>span{
  color:var(--uis-accent)!important;
}
body[data-interface-theme][data-view="workrecords"] :is(.workrecords-managed-state,.workrecords-permission-state) :is(h2,p strong){
  color:var(--uis-text)!important;
}
body[data-interface-theme][data-view="workrecords"] :is(.workrecords-managed-state,.workrecords-permission-state) :is(p,small){
  color:var(--uis-muted)!important;
}
body[data-interface-theme][data-view="workrecords"] .workrecords-permission-state button{
  color:var(--uis-text)!important;
  border-color:var(--uis-line-strong)!important;
  background:var(--uis-accent-soft)!important;
}
body[data-interface-theme][data-view="workrecords"][data-interface-surface="glass"] :is(.workrecords-managed-state,.workrecords-permission-state),
body[data-interface-theme][data-view="workrecords"][data-interface-table="transparent"] :is(.workrecords-managed-state,.workrecords-permission-state){
  background:linear-gradient(145deg,color-mix(in srgb,var(--uis-card) 56%,transparent),color-mix(in srgb,var(--uis-panel) 48%,transparent))!important;
  background-image:linear-gradient(145deg,color-mix(in srgb,var(--uis-card) 56%,transparent),color-mix(in srgb,var(--uis-panel) 48%,transparent))!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
}

/* Putni nalozi: akcija naknade poravnata je s poljem, ne s oznakom mjeseca. */
body[data-view="accounting"] .accounting-page.is-travel-tab .acc-commute-rate form{
  align-items:end!important;
}
body[data-view="accounting"] .accounting-page.is-travel-tab .acc-commute-rate form>button{
  align-self:end!important;
  margin-block:0!important;
}
body[data-view="accounting"] .accounting-page.is-travel-tab .acc-commute-rate form label input{
  display:block!important;
  margin-block:0!important;
}
.commute-sheet>.commute-submit{position:relative;z-index:20;min-height:54px;margin:0;border:0;border-top:1px solid var(--uis-line-strong);border-radius:0;background:color-mix(in srgb,var(--uis-panel) 88%,transparent);box-shadow:0 -8px 18px rgba(0,0,0,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.commute-sheet>.commute-submit label{margin-left:auto}.commute-sheet>.commute-submit button{flex:0 0 auto}.commute-sheet>.commute-submit button:not(:disabled){border-color:var(--uis-accent);background:var(--uis-accent);color:color-mix(in srgb,var(--uis-accent) 10%,#071b17)}body[data-interface-surface="glass"] .commute-sheet>.commute-submit{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:color-mix(in srgb,var(--uig-bg) 92%,transparent)!important}
@media(max-width:760px){.commute-sheet>.commute-submit{align-items:stretch;gap:9px;flex-direction:column}.commute-sheet>.commute-submit label{margin-left:0}.commute-sheet>.commute-submit button{width:100%;justify-content:center}}

/* Obični prikaz kao Evidencija rada: ograničena tablica i akcije odmah ispod nje. */
@media(min-width:901px){body[data-view="workrecords"] .commute-page:not(.commute-unavailable) .commute-sheet>.commute-table-wrap{max-height:calc(100dvh - 365px);overflow:auto;overscroll-behavior:auto}}

.commute-ineligible{padding-top:16px}.commute-ineligible-card{overflow:visible;border:1px solid var(--uis-line-strong);border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--uis-card) 76%,transparent),color-mix(in srgb,var(--uis-panel) 66%,transparent));box-shadow:0 14px 32px rgba(0,0,0,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.commute-ineligible-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 17px;border-bottom:1px solid var(--uis-line)}.commute-ineligible-card>header>div:first-child>span{color:var(--uis-accent);font-size:.55rem;font-weight:950;letter-spacing:.12em}.commute-ineligible-card h2{margin:3px 0 2px;color:var(--uis-text);font-size:.95rem}.commute-ineligible-card header p{margin:0;color:var(--uis-muted);font-size:.59rem}.commute-ineligible-card .commute-period{justify-items:end}.commute-ineligible-state{display:grid;min-height:280px;place-items:center;align-content:center;gap:7px;padding:34px;text-align:center}.commute-ineligible-state>div{display:grid;width:54px;height:54px;margin-bottom:5px;place-items:center;border:1px solid var(--uis-line-strong);border-radius:16px;color:var(--uis-accent);background:var(--uis-accent-soft)}.commute-ineligible-state svg{width:25px;height:25px;fill:none;stroke:currentColor}.commute-ineligible-state>span{color:var(--uis-accent);font-size:.58rem;font-weight:950;letter-spacing:.11em}.commute-ineligible-state h3{margin:0;color:var(--uis-text);font-size:1.05rem}.commute-ineligible-state p{max-width:620px;margin:0;color:var(--uis-muted);font-size:.7rem;line-height:1.5}.commute-ineligible-state p strong{color:var(--uis-text)}.commute-ineligible-state>small{margin-top:5px;padding:6px 9px;border-radius:8px;color:var(--uis-muted);background:color-mix(in srgb,var(--uis-inset) 64%,transparent);font-size:.59rem}body[data-interface-surface="glass"] .commute-ineligible-card{color:var(--uig-text);border-color:var(--uig-line);background:var(--uig-bg);background-image:var(--uig-bg)}body[data-interface-surface="glass"] .commute-ineligible-card :is(header p,.commute-ineligible-state p,.commute-ineligible-state>small){color:var(--uig-muted)}
@media(max-width:760px){.commute-ineligible{padding-top:10px}.commute-ineligible-card>header{align-items:stretch;flex-direction:column}.commute-ineligible-card .commute-period{justify-items:stretch}.commute-ineligible-state{min-height:250px;padding:28px 18px}}

.commute-table tbody tr.is-no-travel td:has(.is-travel-warning){background:color-mix(in srgb,#b84d55 16%,var(--uis-card))!important;box-shadow:inset 3px 0 rgba(235,101,112,.72)}.commute-table input.is-travel-warning{color:#ff9fa8!important;background:color-mix(in srgb,#8f3039 20%,var(--uis-inset))!important;font-weight:850}.commute-table input.is-travel-warning:focus{color:#ffd4d8!important;box-shadow:inset 0 0 0 2px #ef6b77!important}.commute-table tr.is-no-travel>th{box-shadow:inset 3px 0 rgba(235,101,112,.72)}body[data-interface-surface="glass"] .commute-table input.is-travel-warning{color:#ffadb5!important;background:rgba(117,39,48,.32)!important}

/* Raspored za evidenciju: treći red s internim tabovima, bez zasebnog uvodnog panela. */
body[data-view="workrecords"] .workrecords-schedule{margin:0!important;color:var(--schedule-text)}body[data-view="workrecords"] .workrecords-schedule>.workrecords-schedule-nav{position:sticky!important;z-index:420!important;top:129px!important;display:flex!important;min-height:60px;align-items:center!important;justify-content:space-between;gap:18px;margin:0 calc(0px - clamp(18px,3vw,58px)) 12px!important;padding:7px clamp(18px,3vw,58px)!important;border-width:0 0 1px!important;border-radius:0!important;background:linear-gradient(90deg,var(--uis-head),var(--uis-panel) 58%,var(--uis-card))!important;box-shadow:0 9px 24px rgba(0,0,0,.22)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.workrecords-schedule-nav nav{display:flex;align-items:center;gap:6px}.workrecords-schedule-nav nav button{display:inline-flex;min-height:38px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--schedule-line)!important;border-radius:10px!important;color:var(--schedule-muted)!important;background:color-mix(in srgb,var(--schedule-inset) 62%,transparent)!important;font-size:.65rem;font-weight:850}.workrecords-schedule-nav nav button svg{width:16px;height:16px;fill:none;stroke:currentColor}.workrecords-schedule-nav nav button.is-active{color:var(--schedule-text)!important;border-color:var(--schedule-line-strong)!important;background:var(--schedule-accent-soft)!important;box-shadow:inset 0 -3px var(--schedule-accent)}.workrecords-schedule-nav>div{display:flex;align-items:center;gap:10px}.workrecords-schedule-nav [data-schedule-state]{font-size:.59rem}.workrecords-schedule-nav [data-save-schedule]{min-height:36px!important;padding:0 12px!important}.schedule-subpanel[hidden]{display:none!important}.schedule-subpanel.is-active{animation:workrecordsSchedulePanelIn .24s cubic-bezier(.16,1,.3,1) both}.schedule-subpanel>.workrecords-schedule-grid{margin-top:0}.workrecords-vacations.schedule-subpanel{margin-top:0;min-height:300px}@keyframes workrecordsSchedulePanelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:760px){body[data-view="workrecords"] .workrecords-schedule>.workrecords-schedule-nav{position:relative!important;top:auto!important;align-items:stretch!important;flex-direction:column}.workrecords-schedule-nav nav{display:grid;grid-template-columns:1fr 1fr}.workrecords-schedule-nav nav button{justify-content:center}.workrecords-schedule-nav>div{justify-content:space-between}}
.absence-add-button{display:inline-flex;align-items:center;gap:.55rem;min-height:42px;padding:.65rem 1rem;border:1px solid color-mix(in srgb,var(--accent,#75d8c5) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-strong,#12334b) 72%,transparent);color:var(--text,#f4fbff);font:inherit;font-weight:800;cursor:pointer}.absence-add-button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--accent,#75d8c5)}
.absence-interval-backdrop{z-index:2147483000;background:rgba(2,10,14,.76);backdrop-filter:blur(12px)}
.absence-interval-dialog{width:min(620px,calc(100vw - 32px));padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent,#75d8c5) 30%,transparent);background:color-mix(in srgb,var(--surface,#102b3e) 94%,transparent);box-shadow:0 24px 80px rgba(0,0,0,.5)}
.absence-interval-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.3rem 1.4rem;border-bottom:1px solid color-mix(in srgb,var(--accent,#75d8c5) 18%,transparent)}.absence-interval-dialog>header small{color:var(--accent,#75d8c5);font-weight:900;letter-spacing:.12em}.absence-interval-dialog>header h3{margin:.2rem 0;font-size:1.45rem}.absence-interval-dialog>header p{margin:0;color:var(--text-muted,#a9bfcc)}.absence-interval-dialog>header>button{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--text,#fff) 18%,transparent);border-radius:10px;background:transparent;color:var(--text,#fff);font-size:1.5rem;cursor:pointer}
.absence-interval-dialog form{display:grid;gap:1rem;padding:1.3rem 1.4rem}.absence-interval-dialog fieldset{min-width:0;margin:0;padding:0;border:0}.absence-interval-dialog legend,.absence-date-grid label>span{display:block;margin-bottom:.45rem;color:var(--text-muted,#a9bfcc);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.absence-type-picker{display:grid!important;grid-template-columns:1fr 1fr;gap:.7rem}.absence-type-picker legend{grid-column:1/-1}.absence-type-picker label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .7rem;padding:.9rem;border:1px solid color-mix(in srgb,var(--text,#fff) 15%,transparent);border-radius:13px;background:color-mix(in srgb,var(--surface-strong,#173b52) 55%,transparent);cursor:pointer}.absence-type-picker label.is-selected{border-color:var(--accent,#75d8c5);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#75d8c5) 18%,transparent)}.absence-type-picker input{grid-row:1/3}.absence-type-picker strong{font-size:1rem;color:var(--accent,#75d8c5)}.absence-type-picker span{font-weight:800}.absence-type-picker span small{display:block;margin-top:.2rem;color:var(--text-muted,#a9bfcc);font-weight:600}
.absence-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.absence-date-grid input{box-sizing:border-box;width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid color-mix(in srgb,var(--text,#fff) 15%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-strong,#173b52) 65%,transparent);color:var(--text,#fff);color-scheme:dark}
.absence-hours{display:flex!important;align-items:center;gap:.55rem}.absence-hours legend{width:100%}.absence-hours label{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .8rem;border:1px solid color-mix(in srgb,var(--text,#fff) 15%,transparent);border-radius:10px}.absence-hours:disabled{display:none!important}.absence-explanation{margin:0;padding:.75rem .85rem;border-left:3px solid var(--accent,#75d8c5);border-radius:8px;background:color-mix(in srgb,var(--accent,#75d8c5) 9%,transparent);color:var(--text-muted,#b9ccd6);font-size:.88rem}.absence-error{min-height:1em;color:#ff9c92}.absence-interval-dialog form>footer{display:flex;justify-content:flex-end;gap:.6rem}.absence-interval-dialog form>footer button{min-height:42px;padding:.65rem 1rem;border:1px solid color-mix(in srgb,var(--text,#fff) 18%,transparent);border-radius:10px;background:transparent;color:var(--text,#fff);font:inherit;font-weight:800;cursor:pointer}.absence-interval-dialog form>footer .is-primary{border-color:transparent;background:var(--accent,#75d8c5);color:#06251f}
.workrecords-vacations [data-vacation-list] article.is-bo{border-color:color-mix(in srgb,#ef7894 48%,transparent);background:color-mix(in srgb,#ef7894 11%,var(--surface-strong,#173b52))}.workrecords-vacations [data-vacation-list] article.is-bo svg,.workrecords-vacations [data-vacation-list] article.is-bo small{color:#ff9eb3}
.worklog-grid tbody tr.is-sick :is(th,td){background:color-mix(in srgb,#8b3d68 38%,var(--surface,#102b3e))!important}.worklog-grid tbody tr.is-sick td:has(input:not(:disabled),select:not(:disabled)){background:color-mix(in srgb,#b64b7c 42%,var(--surface-strong,#173b52))!important}
@media(max-width:620px){.absence-type-picker,.absence-date-grid{grid-template-columns:1fr}.absence-interval-dialog form>footer{flex-direction:column-reverse}.absence-interval-dialog form>footer button{width:100%}}
.schedule-workday-picker{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .75rem;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--accent,#75d8c5) 20%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface-strong,#173b52) 48%,transparent)}.schedule-workday-picker>div:first-child{display:grid;gap:.08rem}.schedule-workday-picker small{color:var(--accent,#75d8c5);font-size:.67rem;font-weight:900;letter-spacing:.1em}.schedule-workday-picker strong{font-size:1rem}.schedule-workday-picker div:first-child span{color:var(--text-muted,#a9bfcc);font-size:.78rem}.schedule-workday-picker>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.schedule-workday-picker label{cursor:pointer}.schedule-workday-picker input{position:absolute;opacity:0;pointer-events:none}.schedule-workday-picker label span{display:block;padding:.55rem .72rem;border:1px solid color-mix(in srgb,var(--text,#fff) 15%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface,#102b3e) 58%,transparent);color:var(--text-muted,#a9bfcc);font-size:.78rem;font-weight:800}.schedule-workday-picker input:checked+span{border-color:color-mix(in srgb,var(--accent,#75d8c5) 65%,transparent);background:color-mix(in srgb,var(--accent,#75d8c5) 16%,var(--surface,#102b3e));color:var(--text,#fff);box-shadow:inset 0 -2px 0 var(--accent,#75d8c5)}
.workrecords-schedule-nav>div{display:flex;align-items:center;gap:.55rem}.schedule-clear-button{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;padding:.55rem .75rem;border:1px solid color-mix(in srgb,#ee806f 35%,transparent);border-radius:10px;background:color-mix(in srgb,#b44d43 10%,transparent);color:#ffb2a7;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.schedule-clear-button svg{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:1.8}.schedule-clear-dialog .worklog-confirm-icon.is-danger{color:#ff8d80;background:color-mix(in srgb,#d75f52 15%,transparent)}.schedule-clear-dialog [data-schedule-clear-confirm].is-danger{border-color:transparent;background:#c95d51;color:#fff}
@media(max-width:900px){.schedule-workday-picker{align-items:flex-start;flex-direction:column}.schedule-workday-picker>div:last-child{justify-content:flex-start}.schedule-clear-button{font-size:0;gap:0}.schedule-clear-button svg{width:1.05rem;height:1.05rem}}
.schedule-workday-picker.is-empty{border-color:color-mix(in srgb,#efbd68 55%,transparent);background:color-mix(in srgb,#efbd68 9%,var(--surface-strong,#173b52))}.schedule-workday-picker.is-empty [data-workday-help]{color:#ffd58b;font-weight:800}
@keyframes schedule-save-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent,#75d8c5) 0%,transparent)}45%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent,#75d8c5) 22%,transparent)}70%{box-shadow:0 0 18px color-mix(in srgb,var(--accent,#75d8c5) 38%,transparent)}}
[data-save-schedule].is-dirty{animation:schedule-save-pulse 1.35s ease-in-out infinite;border-color:var(--accent,#75d8c5)!important;background:color-mix(in srgb,var(--accent,#75d8c5) 20%,var(--surface-strong,#173b52))!important;color:var(--text,#fff)!important}[data-save-schedule].is-leave-warning{animation:schedule-save-pulse .42s ease-in-out 3!important}.schedule-leave-dialog{width:min(600px,calc(100vw - 32px))}.schedule-leave-actions{display:grid!important;grid-template-columns:1fr 1fr 1.25fr;gap:.55rem}.schedule-leave-actions button{min-height:44px}.schedule-leave-actions .is-primary{border-color:transparent!important;background:var(--accent,#75d8c5)!important;color:#06251f!important}@media(max-width:620px){.schedule-leave-actions{grid-template-columns:1fr!important}}
.workrecords-loading-state{display:grid;min-height:220px;place-items:center;align-content:center;gap:.55rem;margin:0;padding:2rem;border:1px solid var(--theme-glass-border,rgba(125,210,205,.2));border-radius:18px;background:var(--theme-glass-bg,rgba(12,45,57,.72));box-shadow:var(--theme-glass-shadow,0 18px 50px rgba(0,0,0,.18));color:var(--theme-glass-text,#edf9fa);text-align:center}.workrecords-loading-state>div{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--theme-glass-accent,#78d7cb) 14%,transparent)}.workrecords-loading-state svg{width:22px;height:22px;fill:none;stroke:var(--theme-glass-accent,#78d7cb);stroke-width:1.8}.workrecords-loading-state span{color:var(--theme-glass-accent,#78d7cb);font-size:.65rem;font-weight:900;letter-spacing:.12em}.workrecords-loading-state strong{font-size:.92rem}.workrecords-loading-state>div{animation:workrecords-loading-pulse 1.1s ease-in-out infinite}@keyframes workrecords-loading-pulse{50%{transform:scale(.92);opacity:.55}}
/* Admin ovlasti: prazno stanje prati aktivnu temu i razdvaja naslov od opisa. */
body[data-view="admin"] .admin-delegation-empty[hidden]{display:none!important}
body[data-interface-theme][data-view="admin"] .admin-delegation-empty{
  display:grid;
  min-height:170px;
  box-sizing:border-box;
  place-items:center;
  align-content:center;
  gap:7px;
  padding:30px 24px;
  color:var(--uis-muted)!important;
  border-color:var(--uis-line-strong)!important;
  background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 32px rgba(0,0,0,.12);
}
body[data-interface-theme][data-view="admin"] .admin-delegation-empty>div{
  display:grid;
  width:46px;
  height:46px;
  margin-bottom:3px;
  place-items:center;
  border:1px solid var(--uis-line-strong);
  border-radius:14px;
  color:var(--uis-accent);
  background:var(--uis-accent-soft);
}
body[data-interface-theme][data-view="admin"] .admin-delegation-empty svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
body[data-interface-theme][data-view="admin"] .admin-delegation-empty strong{display:block;color:var(--uis-text);font-size:.9rem}
body[data-interface-theme][data-view="admin"] .admin-delegation-empty span{display:block;max-width:620px;color:var(--uis-muted);font-size:.7rem;line-height:1.5}
body[data-interface-surface="glass"][data-view="admin"] .admin-delegation-empty{
  border-color:var(--uig-line)!important;
  color:var(--uig-muted)!important;
  background:var(--uig-bg)!important;
  background-image:var(--uig-bg)!important;
  backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation));
  -webkit-backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation));
}
/* Admin moduli: Vikend, Glasanje i API loading koriste jedinstvenu aktivnu temu. */
body[data-interface-theme][data-view="admin"] .admin-weekend-page{
  --wk-bg:linear-gradient(145deg,var(--uis-card),var(--uis-panel));
  --wk-panel:var(--uis-card);
  --wk-inset:var(--uis-inset);
  --wk-text:var(--uis-text);
  --wk-muted:var(--uis-muted);
  --wk-line:var(--uis-line);
  --wk-accent:var(--uis-accent);
  color:var(--uis-text)!important;
}
body[data-interface-theme][data-view="admin"] .admin-weekend-page>header,
body[data-interface-theme][data-view="admin"] .admin-weekend-page :is(.admin-weekend-key,.admin-weekend-overview){
  color:var(--uis-text)!important;
  border-color:var(--uis-line-strong)!important;
  background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;
  box-shadow:0 14px 32px rgba(0,0,0,.12);
}
body[data-interface-theme][data-view="admin"] .admin-weekend-page :is(.admin-weekend-period,.admin-weekend-overview article){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-interface-theme][data-view="admin"] .admin-weekend-page .admin-weekend-overview article span{color:var(--uis-text)!important;background:var(--uis-card)!important}
body[data-interface-theme][data-view="admin"] .admin-weekend-page :is(select,button){color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-inset)!important}
body[data-interface-theme][data-view="admin"] .admin-weekend-page button:hover{border-color:var(--uis-accent)!important;background:var(--uis-accent-soft)!important}
body[data-interface-theme][data-view="admin"] .admin-weekend-page :is(small,.admin-weekend-empty,article em,article small,p){color:var(--uis-muted)!important}
body[data-interface-theme][data-view="admin"] .admin-weekend-page>header small,body[data-interface-theme][data-view="admin"] .admin-weekend-page :is(.admin-weekend-key>div>small,.admin-weekend-overview>header small){color:var(--uis-accent)!important}
body[data-interface-theme][data-view="admin"] .admin-weekend-key-icon{color:var(--uis-accent)!important;border:1px solid var(--uis-line-strong);background:var(--uis-accent-soft)!important}
body[data-interface-theme][data-view="admin"] .admin-weekend-key-icon svg{stroke:currentColor!important}
body[data-interface-surface="glass"][data-view="admin"] .admin-weekend-page{
  --wk-bg:var(--uig-bg);
  --wk-panel:var(--uig-bg-alt);
  --wk-inset:color-mix(in srgb,var(--uis-inset) 68%,transparent);
}
body[data-interface-surface="glass"][data-view="admin"] .admin-weekend-page>header,body[data-interface-surface="glass"][data-view="admin"] .admin-weekend-page :is(.admin-weekend-key,.admin-weekend-overview){background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation));-webkit-backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation))}

body[data-interface-theme][data-view="admin"] .admin-polls-page{color:var(--uis-text)!important}
body[data-interface-theme][data-view="admin"] :is(.admin-poll-toolbar,.admin-poll-overview>header,.admin-poll-kpis>article,.admin-poll-grid>.admin-panel,.admin-poll-questions>article,.admin-poll-voters details,.admin-poll-empty-page){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;box-shadow:0 12px 28px rgba(0,0,0,.11)}
body[data-interface-theme][data-view="admin"] .admin-poll-selector>span,body[data-interface-theme][data-view="admin"] :is(.admin-poll-overview p,.admin-poll-kpis span,.admin-poll-kpis small,.admin-poll-questions article span,.admin-poll-voters p,.admin-poll-empty-page p){color:var(--uis-muted)!important}
body[data-interface-theme][data-view="admin"] .admin-poll-selector summary{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-inset)!important}
body[data-interface-theme][data-view="admin"] .admin-poll-selector details>div{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-panel)!important;box-shadow:0 20px 50px rgba(0,0,0,.34)}
body[data-interface-theme][data-view="admin"] .admin-poll-selector details button{color:var(--uis-text)!important;background:transparent!important}
body[data-interface-theme][data-view="admin"] .admin-poll-selector details button:hover{background:var(--uis-accent-soft)!important}
body[data-interface-theme][data-view="admin"] .admin-poll-selector details small{color:var(--uis-accent)!important}
body[data-interface-theme][data-view="admin"] .admin-poll-overview header span{color:var(--uis-accent)!important;border:1px solid var(--uis-line-strong);background:var(--uis-accent-soft)!important}
body[data-interface-theme][data-view="admin"] .admin-poll-overview header span.is-closed{color:var(--uis-muted)!important;background:var(--uis-inset)!important}
body[data-interface-theme][data-view="admin"] .admin-poll-overview header button,body[data-interface-theme][data-view="admin"] .admin-poll-primary-actions button,body[data-interface-theme][data-view="admin"] .admin-poll-actions summary{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-interface-theme][data-view="admin"] .admin-poll-questions article i{background:var(--uis-inset)!important}
body[data-interface-theme][data-view="admin"] .admin-poll-questions article i b{background:linear-gradient(90deg,color-mix(in srgb,var(--uis-accent) 58%,var(--uis-panel)),var(--uis-accent))!important}
body[data-interface-theme][data-view="admin"] .admin-poll-voters details>div{border-color:var(--uis-line)!important}
body[data-interface-theme][data-view="admin"] .admin-poll-voters details>div:not(.is-missing) span{color:var(--uis-panel)!important;background:var(--uis-accent)!important}
body[data-interface-theme][data-view="admin"] :is(.admin-poll-archive-empty svg,.admin-poll-empty-page svg){stroke:var(--uis-accent)!important}
body[data-interface-theme][data-view="admin"] .admin-poll-archive-empty{color:var(--uis-muted)!important}
body[data-interface-theme][data-view="admin"] .admin-poll-archive-empty strong{color:var(--uis-text)!important}
body[data-interface-surface="glass"][data-view="admin"] :is(.admin-poll-toolbar,.admin-poll-overview>header,.admin-poll-kpis>article,.admin-poll-grid>.admin-panel,.admin-poll-questions>article,.admin-poll-voters details,.admin-poll-empty-page){border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation));-webkit-backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation))}

body[data-interface-theme][data-view="admin"] .admin-loading{color:var(--uis-text)!important}
body[data-interface-theme][data-view="admin"] .admin-loading-header,body[data-interface-theme][data-view="admin"] .admin-loading :is(.admin-kpis article,.admin-panel){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;box-shadow:0 14px 32px rgba(0,0,0,.12)!important}
body[data-interface-theme][data-view="admin"] .admin-loading-brand{color:var(--uis-accent)!important;border:1px solid var(--uis-line-strong);background:var(--uis-accent-soft)!important}
body[data-interface-theme][data-view="admin"] .admin-loading-header p{color:var(--uis-accent)!important}
body[data-interface-theme][data-view="admin"] .admin-loading-header div>span{color:var(--uis-muted)!important}
body[data-interface-theme][data-view="admin"] .admin-loading-spinner{border-color:var(--uis-accent-soft)!important;border-top-color:var(--uis-accent)!important}
body[data-interface-theme][data-view="admin"] .admin-skeleton{background:color-mix(in srgb,var(--uis-text) 8%,transparent)!important}
body[data-interface-theme][data-view="admin"] .admin-skeleton::after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--uis-accent) 17%,transparent),transparent)!important}
body[data-interface-theme][data-view="admin"] .admin-loading-profile{border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-interface-surface="glass"][data-view="admin"] .admin-loading-header,body[data-interface-surface="glass"][data-view="admin"] .admin-loading :is(.admin-kpis article,.admin-panel){border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation));-webkit-backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation))}
body[data-interface-theme][data-view="admin"] .admin-load-error{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;box-shadow:0 16px 38px rgba(0,0,0,.14)!important}
body[data-interface-theme][data-view="admin"] .admin-load-error-copy p{color:var(--uis-accent)!important}
body[data-interface-theme][data-view="admin"] .admin-load-error-copy>span,body[data-interface-theme][data-view="admin"] .admin-load-error-status small,body[data-interface-theme][data-view="admin"] .admin-load-error details{color:var(--uis-muted)!important}
body[data-interface-theme][data-view="admin"] .admin-load-error-status{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-interface-theme][data-view="admin"] .admin-load-error-status>i{background:var(--uis-accent)!important;box-shadow:0 0 0 5px var(--uis-accent-soft)!important}
body[data-interface-theme][data-view="admin"] .admin-load-error-actions button{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-inset)!important}
body[data-interface-theme][data-view="admin"] .admin-load-error-actions button:first-child{color:var(--uis-panel)!important;border-color:var(--uis-accent)!important;background:var(--uis-accent)!important}
body[data-interface-theme][data-view="admin"] .admin-load-error code{color:var(--uis-text)!important;border:1px solid var(--uis-line);background:var(--uis-inset)!important}
body[data-interface-surface="glass"][data-view="admin"] .admin-load-error{border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation));-webkit-backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation))}
/* Normalan modal: jedan scroll, a akcije su obican zavrsni red obrasca. */
body[data-view="admin"] .admin-modal.is-wide:has(.admin-poll-form){overflow-x:hidden!important;overflow-y:auto!important}
body[data-view="admin"] .admin-modal.is-wide:has(.admin-poll-form)>.admin-poll-form{
  max-height:none!important;
  overflow:visible!important;
  padding:2px 2px 4px!important;
}
/* Vlastiti zavrsni red glasanja; stari .admin-modal-actions gradient ga ne moze zahvatiti. */
body[data-view="admin"] .admin-poll-submit-row{
  position:static;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:24px 0 0;
  padding:0;
  border:0;
  background:transparent;
}
body[data-view="admin"] .admin-poll-submit-row button{min-width:118px;min-height:44px;padding:0 16px;border:1px solid var(--uis-line-strong);border-radius:12px;color:var(--uis-text);background:var(--uis-inset);font:inherit;font-weight:850;cursor:pointer}
body[data-view="admin"] .admin-poll-submit-row button:hover{border-color:var(--uis-accent);background:var(--uis-accent-soft)}
body[data-view="admin"] .admin-poll-submit-row button[type="submit"]{color:var(--uis-panel);border-color:var(--uis-accent);background:var(--uis-accent)}
@media(max-width:560px){body[data-view="admin"] .admin-poll-submit-row{flex-direction:column-reverse}body[data-view="admin"] .admin-poll-submit-row button{width:100%}}

/* Školska godina: semantičke boje ostaju prepoznatljive unutar svake korisničke teme. */
body[data-interface-theme]{--sy-break:#65d7c5;--sy-holiday:#f0c56f;--sy-nonteaching:#b7a7f3}
body[data-interface-theme="atelier"]{--sy-break:#69dfbd;--sy-holiday:#efc66f;--sy-nonteaching:#b8a8eb}
body[data-interface-theme="graphite"]{--sy-break:#73cfc1;--sy-holiday:#e5bd72;--sy-nonteaching:#9fb9e4}
body[data-interface-theme="navy"]{--sy-break:#61d7c6;--sy-holiday:#f1c669;--sy-nonteaching:#b6a5f5}
body[data-interface-theme="paper"]{--sy-break:#76d5b4;--sy-holiday:#f0c76f;--sy-nonteaching:#c2afe8}
body[data-interface-theme] .school-year-calendar .school-year-entry{--sy-kind:var(--sy-break);border-color:color-mix(in srgb,var(--sy-kind) 35%,var(--uis-line))!important;background:linear-gradient(90deg,color-mix(in srgb,var(--sy-kind) 13%,var(--uis-card)),var(--uis-card) 34%)!important;background-image:linear-gradient(90deg,color-mix(in srgb,var(--sy-kind) 13%,var(--uis-card)),var(--uis-card) 34%)!important;box-shadow:inset 3px 0 var(--sy-kind),0 7px 18px rgba(0,0,0,.1)!important}
body[data-interface-theme] .school-year-calendar .school-year-entry.is-holiday{--sy-kind:var(--sy-holiday)}
body[data-interface-theme] .school-year-calendar .school-year-entry.is-nonteaching{--sy-kind:var(--sy-nonteaching)}
body[data-interface-theme] .school-year-calendar .school-year-entry::before{background:var(--sy-kind)!important;opacity:1!important}
body[data-interface-theme] .school-year-calendar .school-year-entry.is-nonteaching::before{background:repeating-linear-gradient(to bottom,var(--sy-kind) 0 4px,transparent 4px 7px)!important}
body[data-interface-theme] .school-year-calendar .school-year-entry>span{color:var(--sy-kind)!important;border:1px solid color-mix(in srgb,var(--sy-kind) 35%,transparent)!important;background:color-mix(in srgb,var(--sy-kind) 14%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sy-kind) 5%,transparent)!important}
body[data-interface-theme] .school-year-calendar .school-year-entry>div>small{display:inline-flex;width:max-content;padding:3px 7px;border:1px solid color-mix(in srgb,var(--sy-kind) 30%,transparent);border-radius:999px;color:var(--sy-kind)!important;background:color-mix(in srgb,var(--sy-kind) 10%,transparent)!important}
body[data-interface-theme] .school-year-calendar .school-year-entry time>strong{color:var(--uis-text)!important}
body[data-interface-theme] .school-year-calendar .school-year-entry time>small{color:var(--uis-muted)!important}
body[data-interface-theme] .school-year-calendar .school-year-entry:hover{border-color:color-mix(in srgb,var(--sy-kind) 62%,var(--uis-line))!important;background:linear-gradient(90deg,color-mix(in srgb,var(--sy-kind) 19%,var(--uis-card)),var(--uis-card) 40%)!important;background-image:linear-gradient(90deg,color-mix(in srgb,var(--sy-kind) 19%,var(--uis-card)),var(--uis-card) 40%)!important;box-shadow:inset 4px 0 var(--sy-kind),0 10px 24px rgba(0,0,0,.16)!important}
body[data-interface-theme] .school-year-calendar .school-year-legend .is-break i{background:var(--sy-break)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sy-break) 13%,transparent)}
body[data-interface-theme] .school-year-calendar .school-year-legend .is-holiday i{background:var(--sy-holiday)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sy-holiday) 13%,transparent)}
body[data-interface-theme] .school-year-calendar .school-year-legend .is-nonteaching i{border:0!important;background:var(--sy-nonteaching)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sy-nonteaching) 13%,transparent)}
body[data-interface-theme] .school-year-calendar .school-year-month>h3 b{color:var(--uis-accent)!important;border:1px solid var(--uis-line)!important;background:var(--uis-accent-soft)!important}
body[data-interface-theme][data-view="events"] .diagram-toolbar:has(.school-year-filter-tabs){min-height:58px;display:flex;align-items:center;padding:8px clamp(18px,3vw,58px);border-top:1px solid var(--uis-line);border-bottom:1px solid var(--uis-line-strong);background:linear-gradient(90deg,var(--uis-head),var(--uis-panel))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 9px 24px rgba(0,0,0,.13)}
body[data-interface-theme] .school-year-toolbar-copy{display:grid;min-width:0;margin-right:auto}
body[data-interface-theme] .school-year-toolbar-copy small{color:var(--uis-accent);font-size:.54rem;font-weight:900;letter-spacing:.11em;line-height:1;text-transform:uppercase}
body[data-interface-theme] .school-year-toolbar-copy strong{color:var(--uis-text);font-size:.86rem;font-weight:900;line-height:1.3}
body[data-interface-theme] .school-year-filter-tabs{width:auto;min-width:max-content;margin-left:auto;justify-content:flex-end!important;gap:7px}
body[data-interface-theme] .school-year-filter-tabs .event-header-tab{min-height:40px;gap:8px;color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-interface-theme] .school-year-filter-tabs .event-header-tab svg{color:var(--filter-accent,var(--uis-accent))!important}
body[data-interface-theme] .school-year-filter-tabs .event-header-tab b{min-width:23px;padding:3px 6px;border-radius:7px;color:var(--filter-accent,var(--uis-accent));background:color-mix(in srgb,var(--filter-accent,var(--uis-accent)) 12%,transparent);font-size:.61rem;text-align:center}
body[data-interface-theme] .school-year-filter-tabs [data-school-year-filter="holiday"]{--filter-accent:var(--sy-holiday,#f1c669)}
body[data-interface-theme] .school-year-filter-tabs [data-school-year-filter="nonteaching"]{--filter-accent:var(--sy-nonteaching,#b6a5f5)}
body[data-interface-theme] .school-year-filter-tabs [data-school-year-filter="break"]{--filter-accent:var(--sy-break,#61d7c6)}
body[data-interface-theme] .school-year-filter-tabs .event-header-tab.is-active{color:var(--uis-text)!important;border-color:color-mix(in srgb,var(--filter-accent,var(--uis-accent)) 58%,var(--uis-line))!important;background:color-mix(in srgb,var(--filter-accent,var(--uis-accent)) 15%,var(--uis-inset))!important;box-shadow:inset 0 -2px var(--filter-accent,var(--uis-accent)),0 7px 18px rgba(0,0,0,.12)!important}
body[data-interface-theme] .school-year-filter-tabs .event-header-tab:hover{color:var(--uis-text)!important;border-color:color-mix(in srgb,var(--filter-accent,var(--uis-accent)) 45%,var(--uis-line))!important;background:color-mix(in srgb,var(--filter-accent,var(--uis-accent)) 9%,var(--uis-inset))!important}
@media(max-width:860px){body[data-interface-theme][data-view="events"] .diagram-toolbar:has(.school-year-filter-tabs){align-items:flex-start;flex-wrap:wrap;padding:9px 12px;overflow-x:auto;scrollbar-width:none}body[data-interface-theme][data-view="events"] .diagram-toolbar:has(.school-year-filter-tabs)::-webkit-scrollbar{display:none}body[data-interface-theme] .school-year-toolbar-copy{width:100%;margin:0;padding:0 0 7px;border-right:0;border-bottom:1px solid var(--uis-line)}.school-year-filter-tabs .event-header-tab{flex:0 0 auto}}

/* Razrednici i pročelništva u administraciji koriste stvarnu aktivnu temu. */
body[data-interface-theme][data-view="admin"] .admin-class-teachers{color:var(--uis-text)}
body[data-interface-theme][data-view="admin"] .admin-class-teachers>section{color:var(--uis-text);border-color:var(--uis-line);background:linear-gradient(145deg,var(--uis-card),var(--uis-panel));box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 32px rgba(0,0,0,.13)}
body[data-interface-theme][data-view="admin"] .admin-class-teachers>section>header{border-color:var(--uis-line);background:linear-gradient(105deg,var(--uis-head),var(--uis-card))}
body[data-interface-theme][data-view="admin"] .admin-class-teachers>section>header small,body[data-interface-theme][data-view="admin"] .admin-class-location h4{color:var(--uis-accent)}
body[data-interface-theme][data-view="admin"] .admin-class-teachers>section>header :is(h3,strong){color:var(--uis-text)}
body[data-interface-theme][data-view="admin"] .admin-class-teachers>section>header p{color:var(--uis-muted)}
body[data-interface-theme][data-view="admin"] .admin-class-teachers>section>header button{color:var(--uis-head);border-color:var(--uis-accent);background:var(--uis-accent);box-shadow:0 8px 20px color-mix(in srgb,var(--uis-accent) 16%,transparent)}
body[data-interface-theme][data-view="admin"] .admin-class-location h4{border-color:var(--uis-line)}
body[data-interface-theme][data-view="admin"] .admin-class-location label>strong{color:var(--uis-text)}
body[data-interface-theme][data-view="admin"] .admin-class-location :is(select,input),body[data-interface-theme][data-view="admin"] #adminDepartmentForm select{color:var(--uis-text);border-color:var(--uis-line-strong);background:var(--uis-inset);color-scheme:dark}
body[data-interface-theme][data-view="admin"] .admin-class-location select option,body[data-interface-theme][data-view="admin"] #adminDepartmentForm select option{color:var(--uis-text);background:var(--uis-panel)}
body[data-interface-theme][data-view="admin"] .admin-department-list article{color:var(--uis-text);border-color:var(--uis-line);background:linear-gradient(110deg,var(--uis-card-alt),var(--uis-card))}
body[data-interface-theme][data-view="admin"] .admin-department-list article>span{color:var(--uis-accent);background:var(--uis-accent-soft)}
body[data-interface-theme][data-view="admin"] .admin-department-list article strong{color:var(--uis-text)}
body[data-interface-theme][data-view="admin"] .admin-department-list article p{color:var(--uis-muted)}
body[data-interface-theme][data-view="admin"] .admin-department-list article button{color:var(--uis-text);border-color:var(--uis-line-strong);background:var(--uis-inset)}
body[data-interface-theme][data-view="admin"] .admin-department-list article button:hover{border-color:var(--uis-accent);background:var(--uis-accent-soft)}
body[data-interface-theme][data-view="admin"] .admin-department-list article button.is-danger{color:#ffabb5;border-color:rgba(255,171,181,.28);background:rgba(179,38,48,.1)}

/* Prozirna površina: Razrednici ne smiju naslijediti pune kartice teme. */
body[data-interface-theme][data-interface-surface="glass"] .class-teacher-location{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 12px 30px rgba(0,0,0,.13)!important;backdrop-filter:blur(8px) saturate(1.08)!important;-webkit-backdrop-filter:blur(8px) saturate(1.08)!important}
body[data-interface-theme][data-interface-surface="glass"] .class-teacher-location>header{border-color:var(--uig-line)!important;background:rgba(5,20,28,.18)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
body[data-interface-theme][data-interface-surface="glass"] .class-teacher-location>header :is(h3,strong){color:var(--uig-text)!important}
body[data-interface-theme][data-interface-surface="glass"] .class-teacher-location>header small,body[data-interface-theme][data-interface-surface="glass"] .class-teacher-location>header b{color:var(--uig-accent)!important}
body[data-interface-theme][data-interface-surface="glass"] .class-teacher-location>header b{background:var(--uig-accent-soft)!important}
body[data-interface-theme][data-interface-surface="glass"] .class-teacher-table-head{color:var(--uig-muted)!important;background:rgba(255,255,255,.055)!important}
body[data-interface-theme][data-interface-surface="glass"] .class-teacher-table article,body[data-interface-theme][data-interface-surface="glass"] .class-teacher-table article:nth-child(odd){color:var(--uig-text)!important;border-color:rgba(255,255,255,.13)!important;background:rgba(5,23,29,.11)!important}
body[data-interface-theme][data-interface-surface="glass"] .class-teacher-table article:nth-child(even){background:rgba(255,255,255,.045)!important}
body[data-interface-theme][data-interface-surface="glass"] .class-teacher-table article>strong,body[data-interface-theme][data-interface-surface="glass"] .class-teacher-table article>a svg{color:var(--uig-accent)!important;stroke:var(--uig-accent)!important}
body[data-interface-theme][data-interface-surface="glass"] .class-teacher-contact svg{color:var(--uig-accent)!important;stroke:var(--uig-accent)!important}
body[data-interface-theme][data-interface-surface="glass"] .class-teacher-table article :is(span,a){color:var(--uig-text)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="admin"] .admin-class-teachers>section{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 14px 34px rgba(0,0,0,.13)!important;backdrop-filter:blur(9px) saturate(1.08)!important;-webkit-backdrop-filter:blur(9px) saturate(1.08)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="admin"] .admin-class-teachers>section>header{border-color:var(--uig-line)!important;background:rgba(5,20,28,.16)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="admin"] .admin-class-location :is(select,input),body[data-interface-theme][data-interface-surface="glass"][data-view="admin"] #adminDepartmentForm select{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:rgba(4,18,24,.28)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="admin"] .admin-department-list article{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg-alt)!important;background-image:var(--uig-bg-alt)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="admin"] .admin-department-list article button{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:rgba(255,255,255,.055)!important}

/* Računovodstvo: API loading između tabova prati aktivnu površinu. */
body[data-interface-theme][data-view="accounting"] :is(.acc-loading,.acc-error){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 15px 34px rgba(0,0,0,.14)!important}
body[data-interface-theme][data-view="accounting"] .acc-loading strong{color:var(--uis-text)!important}
body[data-interface-theme][data-view="accounting"] :is(.acc-loading span,.acc-error span){color:var(--uis-muted)!important}
body[data-interface-theme][data-view="accounting"] .acc-loading i{border-color:var(--uis-accent-soft)!important;border-top-color:var(--uis-accent)!important;background:transparent!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="accounting"] :is(.acc-loading,.acc-error){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 15px 34px rgba(0,0,0,.13)!important;backdrop-filter:blur(10px) saturate(1.08)!important;-webkit-backdrop-filter:blur(10px) saturate(1.08)!important}

/* Početna stanja učitavanja ostaju odmaknuta od navigacijskih redova modula. */
body[data-view="accounting"] #content>:is(.acc-loading,.acc-error),
body[data-view="secretary"] #content>.secretary-loading-shell,
.workrecords-page-host>.workrecords-loading-state{
  box-sizing:border-box;
  width:calc(100% - 32px);
  margin:18px auto 40px;
}
@media(max-width:720px){
  body[data-view="accounting"] #content>:is(.acc-loading,.acc-error),
  body[data-view="secretary"] #content>.secretary-loading-shell,
  .workrecords-page-host>.workrecords-loading-state{
    width:calc(100% - 20px);
    margin-top:12px;
    margin-bottom:28px;
  }
}

/* Tajništvo: jedinstvena tema, staklo i ulazne animacije. */
body[data-interface-theme][data-view="secretary"] .secretary-page{color:var(--uis-text)}
body[data-interface-theme][data-view="secretary"] :is(.secretary-page>header,.secretary-permission-group,.secretary-loading,.secretary-empty,.secretary-page>footer){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 32px rgba(0,0,0,.13)!important}
body[data-interface-theme][data-view="secretary"] .secretary-permission-group>header{border-color:var(--uis-line)!important;background:var(--uis-head)!important}
body[data-interface-theme][data-view="secretary"] :is(.secretary-page h2,.secretary-page h3,.secretary-page strong){color:var(--uis-text)!important}
body[data-interface-theme][data-view="secretary"] :is(.secretary-page>header p,.secretary-permission-group header small){color:var(--uis-accent)!important}
body[data-interface-theme][data-view="secretary"] :is(.secretary-page>header>div>span,.secretary-permission-group header p,.secretary-permission-list article small,.secretary-page>footer,.secretary-loading,.secretary-empty p){color:var(--uis-muted)!important}
body[data-interface-theme][data-view="secretary"] .secretary-page>header aside{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-interface-theme][data-view="secretary"] .secretary-page>header aside>svg,body[data-interface-theme][data-view="secretary"] .secretary-page>footer svg{stroke:var(--uis-accent)!important}
body[data-interface-theme][data-view="secretary"] .secretary-permission-group>header>div>span{color:var(--uis-head)!important;background:var(--uis-accent)!important}
body[data-interface-theme][data-view="secretary"] .secretary-permission-list article{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important}
body[data-interface-theme][data-view="secretary"] .secretary-permission-list article:nth-child(even){background:var(--uis-card-alt)!important}
body[data-interface-theme][data-view="secretary"] .secretary-permission-badges span{border-color:var(--uis-line-strong)!important}
body[data-interface-theme][data-view="secretary"] .secretary-permission-badges .is-evidence{color:var(--uis-accent)!important;background:var(--uis-accent-soft)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="secretary"] :is(.secretary-page>header,.secretary-permission-group,.secretary-loading,.secretary-empty,.secretary-page>footer){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 14px 34px rgba(0,0,0,.13)!important;backdrop-filter:blur(10px) saturate(1.08)!important;-webkit-backdrop-filter:blur(10px) saturate(1.08)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="secretary"] .secretary-permission-group>header{border-color:var(--uig-line)!important;background:rgba(5,20,28,.18)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="secretary"] .secretary-permission-list article,body[data-interface-theme][data-interface-surface="glass"][data-view="secretary"] .secretary-permission-list article:nth-child(even){border-color:rgba(255,255,255,.13)!important;background:rgba(5,23,29,.11)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="secretary"] .secretary-permission-list article:nth-child(even){background:rgba(255,255,255,.045)!important}
@media(prefers-reduced-motion:no-preference){body[data-view="secretary"] .secretary-page>header{animation:secretaryPanelIn .46s cubic-bezier(.2,.78,.24,1) both}body[data-view="secretary"] .secretary-permission-group,body[data-view="secretary"] .secretary-empty,body[data-view="secretary"] .secretary-loading{animation:secretaryPanelIn .46s cubic-bezier(.2,.78,.24,1) .06s both}body[data-view="secretary"] .secretary-permission-list article{animation:secretaryRowIn .36s cubic-bezier(.2,.78,.24,1) both}body[data-view="secretary"] .secretary-permission-list article:nth-child(2){animation-delay:.035s}body[data-view="secretary"] .secretary-permission-list article:nth-child(3){animation-delay:.07s}body[data-view="secretary"] .secretary-permission-list article:nth-child(4){animation-delay:.105s}body[data-view="secretary"] .secretary-page>footer{animation:secretaryPanelIn .42s cubic-bezier(.2,.78,.24,1) .12s both}}@keyframes secretaryPanelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes secretaryRowIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}

/* Jedinstven administratorski select: isti vizualni jezik kao odabir obračunskog razdoblja. */
body[data-view="admin"] select:not([multiple]){box-sizing:border-box;min-height:42px;padding:0 42px 0 12px;appearance:none;-webkit-appearance:none;border:1px solid var(--admin-line,var(--uis-line))!important;border-radius:11px;color:var(--admin-text,var(--uis-text))!important;background-color:color-mix(in srgb,var(--admin-panel,var(--uis-inset)) 88%,#071312)!important;background-image:linear-gradient(45deg,transparent 50%,var(--admin-accent,var(--uis-accent)) 50%),linear-gradient(135deg,var(--admin-accent,var(--uis-accent)) 50%,transparent 50%)!important;background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px!important;background-size:5px 5px!important;background-repeat:no-repeat!important;font:inherit;font-weight:750;color-scheme:dark;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
body[data-view="admin"] select:not([multiple]):hover{border-color:var(--admin-line-strong,var(--uis-line-strong))}
body[data-view="admin"] select:not([multiple]):focus{outline:none;border-color:var(--admin-accent,var(--uis-accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--admin-accent,var(--uis-accent)) 15%,transparent)}
body[data-view="admin"] select:not([multiple]) option{color:var(--admin-text,var(--uis-text));background:var(--admin-panel,var(--uis-panel))}

/* ADMIN UI 2026: jedan ritam, jedan radni prostor i jasne navigacijske razine. */
body[data-view="admin"]{--admin-workspace:min(1680px,calc(100vw - 48px));--admin-control-h:42px;--admin-radius:16px;--admin-gap:14px}
body[data-view="admin"] #content{padding-inline:24px}
body[data-view="admin"] #content:has(> :is(.admin-subpage,.admin-dashboard) :is(.admin-content-topbar,.admin-work-calendar-tabs,.admin-poll-toolbar)){padding-top:0!important}
body[data-view="admin"] :is(.admin-dashboard,.admin-subpage,.admin-weekend-page,.admin-load-error){box-sizing:border-box;width:var(--admin-workspace)!important;max-width:none!important;margin-inline:auto!important}
body[data-view="admin"] .admin-subpage{gap:var(--admin-gap)!important}
body[data-view="admin"] .admin-header-tabs{display:flex;align-items:center;gap:6px;max-width:100%;overflow-x:auto;scrollbar-width:none}
body[data-view="admin"] .admin-header-tabs::-webkit-scrollbar{display:none}
body[data-view="admin"] .admin-header-tabs .event-header-tab{min-height:42px!important;padding:0 12px!important;border-radius:10px!important;color:var(--admin-muted,var(--uis-muted))!important;border-color:var(--admin-line-soft,var(--uis-line))!important;background:color-mix(in srgb,var(--uis-inset) 70%,transparent)!important;box-shadow:none!important}
body[data-view="admin"] .admin-header-tabs .event-header-tab svg{color:var(--uis-accent)!important}
body[data-view="admin"] .admin-header-tabs .event-header-tab:is(:hover,.is-active){color:var(--admin-text,var(--uis-text))!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-view="admin"] .admin-header-tabs .event-header-tab.is-active{box-shadow:inset 0 -3px var(--uis-accent)!important}
body[data-view="secretary"] .secretary-header-tabs{display:flex;align-items:center;gap:6px;max-width:100%;padding:0!important;border:0!important;overflow-x:auto;background:transparent!important;box-shadow:none!important;scrollbar-width:none}
body[data-view="secretary"] .secretary-header-tabs::-webkit-scrollbar{display:none}
body[data-view="secretary"] .secretary-header-tabs .event-header-tab{min-height:42px!important;padding:0 12px!important;border-radius:10px!important;color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:color-mix(in srgb,var(--uis-inset) 70%,transparent)!important;background-image:none!important;box-shadow:none!important;transform:none!important}
body[data-view="secretary"] .secretary-header-tabs .event-header-tab svg{color:var(--uis-accent)!important;stroke:currentColor!important}
body[data-view="secretary"] .secretary-header-tabs .event-header-tab:is(:hover,.is-active){color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-view="secretary"] .secretary-header-tabs .event-header-tab.is-active{box-shadow:inset 0 -3px var(--uis-accent)!important}
body[data-view="secretary"] .secretary-mobile-nav>summary{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-view="secretary"] .secretary-mobile-nav>div{border-color:var(--uis-line)!important;background:color-mix(in srgb,var(--theme-body-base) 92%,#111)!important;box-shadow:var(--theme-glass-shadow)!important}
body[data-view="secretary"] .secretary-mobile-nav button{color:var(--uis-muted)!important;background:transparent!important}
body[data-view="secretary"] .secretary-mobile-nav button.is-active{color:var(--uis-text)!important;background:var(--uis-accent-soft)!important;box-shadow:inset 3px 0 var(--uis-accent)!important}
body[data-view="secretary"] .secretary-tab-preserved,body[data-view="secretary"] .secretary-tab-preserved *{animation:none!important}
body[data-view="secretary"] .secretary-tab-preserved[hidden]{display:none!important}
body[data-interface-theme][data-view="secretary"] .diagram-toolbar:has(.secretary-toolbar-copy){box-sizing:border-box;display:grid;min-height:64px;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:20px;padding:8px clamp(18px,3vw,58px);border-top:1px solid var(--uis-line);border-bottom:1px solid var(--uis-line-strong);background:linear-gradient(90deg,var(--uis-head),var(--uis-panel))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 9px 24px rgba(0,0,0,.13)}
.secretary-toolbar-copy{display:grid;min-width:0;gap:1px}.secretary-toolbar-copy small{color:var(--uis-accent);font-size:.52rem;font-weight:950;letter-spacing:.11em}.secretary-toolbar-copy strong{color:var(--uis-text);font-size:.79rem}.secretary-toolbar-copy span{overflow:hidden;color:var(--uis-muted);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}
.secretary-toolbar-actions{display:flex;align-items:stretch;justify-self:end;gap:6px;padding:5px;border:1px solid var(--uis-line-strong);border-radius:13px;background:color-mix(in srgb,var(--uis-card) 82%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.14)}
.secretary-toolbar-actions>button,.secretary-toolbar-status{display:flex;min-height:43px;align-items:center;justify-content:center;gap:8px;padding:6px 11px;border:1px solid var(--uis-line);border-radius:9px;color:var(--uis-text);background:var(--uis-inset);font:inherit}
.secretary-toolbar-actions>button{cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.secretary-toolbar-actions>button:hover:not(:disabled){border-color:var(--uis-line-strong);background:var(--uis-accent-soft);transform:translateY(-1px)}.secretary-toolbar-actions>button.is-primary{color:var(--uis-head);border-color:var(--uis-accent);background:var(--uis-accent)}.secretary-toolbar-actions>button:disabled{cursor:not-allowed;opacity:.45}
.secretary-toolbar-actions svg,.secretary-toolbar-status>svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:var(--uis-accent)}.secretary-toolbar-actions>button.is-primary svg{stroke:currentColor}.secretary-toolbar-actions>button>span,.secretary-toolbar-status>span,.secretary-toolbar-status:not(:has(>span)){display:grid;gap:1px;text-align:left}.secretary-toolbar-actions small,.secretary-toolbar-status small{color:var(--uis-muted);font-size:.45rem;font-weight:900;letter-spacing:.08em}.secretary-toolbar-actions b,.secretary-toolbar-status b{font-size:.61rem;white-space:nowrap}.secretary-toolbar-actions>button.is-primary small{color:color-mix(in srgb,var(--uis-head) 70%,transparent)}.secretary-toolbar-status{min-width:104px}.secretary-toolbar-status.is-readonly{min-width:180px}
body[data-interface-surface="glass"][data-view="secretary"] .diagram-toolbar:has(.secretary-toolbar-copy){background:linear-gradient(90deg,color-mix(in srgb,var(--uig-bg) 88%,var(--uis-head)),color-mix(in srgb,var(--uig-bg) 88%,var(--uis-panel)))!important;backdrop-filter:blur(9px) saturate(1.08)}
@media(max-width:1050px){body[data-interface-theme][data-view="secretary"] .diagram-toolbar:has(.secretary-toolbar-copy){grid-template-columns:1fr;gap:7px}.secretary-toolbar-actions{width:100%;justify-self:stretch}.secretary-toolbar-actions>button,.secretary-toolbar-status{flex:1}}
@media(max-width:680px){body[data-interface-theme][data-view="secretary"] .diagram-toolbar:has(.secretary-toolbar-copy){padding:9px 12px}.secretary-toolbar-copy span{white-space:normal}.secretary-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.secretary-toolbar-status{grid-column:1/-1}.secretary-toolbar-actions>button{padding-inline:8px}.secretary-toolbar-actions small{display:none}}
body[data-view="secretary"] .secretary-assignments-hub:not(:has(>button)){grid-template-columns:auto minmax(0,1fr)}
body[data-view="secretary"] .secretary-schedules-tools:not(:has(.secretary-schedules-bulk)){grid-template-columns:minmax(240px,1fr) auto}
@media(max-width:760px){body[data-view="secretary"] .secretary-schedules-tools:not(:has(.secretary-schedules-bulk)){grid-template-columns:1fr}}
body[data-view="secretary"] .secretary-assignment-directory{display:grid;width:100%;gap:0}
body[data-view="secretary"] .secretary-assignment-directory>.admin-teaching-directory-tools{padding:9px;border:1px solid var(--uis-line-strong);border-radius:14px 14px 0 0;background:var(--uis-card)}
body[data-view="secretary"] .secretary-assignment-directory>.admin-teaching-directory-results{min-height:31px;padding:9px 12px;color:var(--uis-muted);border-right:1px solid var(--uis-line);border-left:1px solid var(--uis-line);background:var(--uis-inset)}
body[data-view="secretary"] .secretary-assignment-directory>.admin-assignment-records{max-height:none;padding:0;overflow:visible;border:1px solid var(--uis-line);border-radius:0 0 14px 14px;background:var(--uis-card)}
body[data-view="secretary"] .secretary-assignment-directory>.admin-assignment-records>details{border-width:1px 0 0;border-radius:0;background:transparent}
body[data-view="secretary"] .secretary-assignment-directory>.admin-assignment-records>details:first-child{border-top:0}
body[data-view="secretary"] .secretary-assignment-directory>.admin-assignment-records>details:last-of-type{border-radius:0 0 13px 13px}
body[data-view="secretary"] .secretary-assignment-directory .admin-teaching-directory-empty[hidden]{display:none!important}
.admin-teaching-transfer-hub>span{color:#d8b45f!important;background:color-mix(in srgb,#d8b45f 14%,transparent)!important}.admin-teaching-transfer-hub .admin-teaching-schedules-actions>button:first-child{color:#201803;border-color:#d8b45f;background:#d8b45f}.admin-teaching-transfer-modal{width:min(980px,calc(100vw - 28px))!important}.admin-teaching-transfer-form>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-transfer-preview{display:flex;min-height:76px;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--uis-line-strong);border-radius:13px;color:var(--uis-text);background:var(--uis-accent-soft)}.admin-transfer-preview>svg{width:24px;height:24px;flex:0 0 auto;fill:none;stroke:var(--uis-accent)}.admin-transfer-preview>span{display:grid;gap:4px}.admin-transfer-preview small{color:var(--uis-muted);line-height:1.45}.admin-transfer-history{display:grid;gap:8px;max-height:62vh;overflow:auto}.admin-transfer-history>article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid var(--uis-line);border-radius:13px;color:var(--uis-text);background:var(--uis-card)}.admin-transfer-history>article>div{display:grid;gap:3px}.admin-transfer-history small,.admin-transfer-history span,.admin-transfer-history em{color:var(--uis-muted);font-size:.62rem}.admin-transfer-history strong{display:flex;align-items:center;gap:7px}.admin-transfer-history em{font-style:normal;text-align:right}@media(max-width:680px){.admin-teaching-transfer-form>div:first-child{grid-template-columns:1fr}.admin-transfer-history>article{align-items:flex-start;flex-direction:column}.admin-transfer-history em{text-align:left}}

/* Moja nastava koristi isti tematski jezik i aktivno stanje kao administratorski tabovi. */
body[data-view="my-teaching"] .my-teaching-header-tabs{display:flex;align-items:center;gap:6px;max-width:100%;overflow-x:auto;scrollbar-width:none}
body[data-view="my-teaching"] .my-teaching-header-tabs::-webkit-scrollbar{display:none}
body[data-view="my-teaching"] .my-teaching-header-tabs .event-header-tab{min-height:42px!important;padding:0 12px!important;border-radius:10px!important;color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:color-mix(in srgb,var(--uis-inset) 70%,transparent)!important;background-image:none!important;box-shadow:none!important}
body[data-view="my-teaching"] .my-teaching-header-tabs .event-header-tab svg{color:var(--uis-accent)!important}
body[data-view="my-teaching"] .my-teaching-header-tabs .event-header-tab:is(:hover,.is-active){color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-view="my-teaching"] .my-teaching-header-tabs .event-header-tab.is-active{box-shadow:inset 0 -3px var(--uis-accent)!important}
body[data-view="my-teaching"] .my-teaching-header-tabs .my-teaching-help-tab{width:42px!important;min-width:42px!important;padding:0!important;place-content:center!important;border-radius:50%!important;margin-left:3px}
body[data-view="my-teaching"] .my-teaching-header-tabs .my-teaching-help-tab svg{width:18px!important;height:18px!important}
body[data-view="my-teaching"] .my-teaching-info-compact{width:min(1180px,100%);margin:0 auto;gap:12px}
body[data-view="my-teaching"] .my-teaching-info-compact .my-teaching-beta{padding:18px 20px}
body[data-view="my-teaching"] .my-teaching-info-compact .my-teaching-beta h2{font-size:clamp(1.2rem,2vw,1.55rem)}
body[data-view="my-teaching"] .my-teaching-info-compact .my-teaching-intro{padding:17px 20px}
@media(max-width:650px){body[data-view="my-teaching"] .my-teaching-info-compact .my-teaching-intro ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
.my-teaching-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.my-teaching-guide-grid article{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;padding:15px 16px;border:1px solid var(--uis-line);border-radius:14px;color:var(--uis-text);background:var(--uis-card)}
.my-teaching-guide-grid article>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--uis-line-strong);border-radius:11px;color:var(--uis-accent);background:var(--uis-accent-soft)}
.my-teaching-guide-grid article svg{width:18px;height:18px;fill:none;stroke:currentColor}
.my-teaching-guide-grid article>div{display:grid;gap:4px}.my-teaching-guide-grid strong{font-size:.75rem}.my-teaching-guide-grid p{margin:0;color:var(--uis-muted);font-size:.68rem;line-height:1.5}
body[data-interface-surface="glass"] .my-teaching-guide-grid article{color:var(--uig-text);border-color:var(--uig-line);background:var(--uig-bg);backdrop-filter:blur(8px) saturate(1.08);-webkit-backdrop-filter:blur(8px) saturate(1.08)}
body[data-interface-surface="glass"] .my-teaching-guide-grid p{color:var(--uig-muted)}
@media(max-width:760px){.my-teaching-guide-grid{grid-template-columns:1fr}.my-teaching-guide-grid article{padding:13px}}

/* Treći red: sadržaj, kalendar i glasanje koriste istu punu navigacijsku traku. */
body[data-view="admin"] :is(.admin-content-topbar,.admin-work-calendar-tabs,.admin-poll-toolbar){box-sizing:border-box;width:100vw!important;min-height:62px;margin:0 calc(50% - 50vw) 2px!important;padding:8px max(24px,calc((100vw - 1680px)/2))!important;border:0!important;border-bottom:1px solid var(--admin-line,var(--uis-line))!important;border-radius:0!important;color:var(--admin-text,var(--uis-text))!important;background:linear-gradient(90deg,var(--uis-head),var(--uis-panel) 58%,var(--uis-card))!important;background-image:linear-gradient(90deg,var(--uis-head),var(--uis-panel) 58%,var(--uis-card))!important;box-shadow:0 10px 26px rgba(0,0,0,.2)!important;backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08)}
body[data-view="admin"] .admin-content-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
body[data-view="admin"] .admin-content-topbar .admin-board-tabs{display:flex!important;min-width:0;align-items:center;gap:6px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-view="admin"] :is(.admin-board-tabs,.admin-work-calendar-tabs) button{min-height:40px!important;padding:0 12px!important;border:1px solid var(--admin-line-soft,var(--uis-line))!important;border-radius:10px!important;color:var(--admin-muted,var(--uis-muted))!important;background:color-mix(in srgb,var(--uis-inset) 66%,transparent)!important;font-size:.67rem!important;font-weight:850!important;box-shadow:none!important;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease!important}
body[data-view="admin"] :is(.admin-board-tabs,.admin-work-calendar-tabs) button:hover{color:var(--admin-text,var(--uis-text))!important;border-color:var(--admin-line,var(--uis-line-strong))!important;background:color-mix(in srgb,var(--uis-accent) 9%,var(--uis-inset))!important;transform:translateY(-1px)}
body[data-view="admin"] :is(.admin-board-tabs,.admin-work-calendar-tabs) button.is-active{color:var(--admin-text,var(--uis-text))!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important;box-shadow:inset 0 -3px var(--uis-accent)!important;transform:none}
body[data-view="admin"] :is(.admin-board-tabs,.admin-work-calendar-tabs) button b{display:grid!important;min-width:22px!important;height:22px!important;margin:0!important;padding:0 5px!important;place-items:center;border-radius:7px!important;color:var(--uis-accent)!important;background:color-mix(in srgb,var(--uis-accent) 12%,transparent)!important;font-size:.59rem!important}
body[data-view="admin"] .admin-content-topbar>button,body[data-view="admin"] .admin-content-topbar .admin-concert-toolbar button{display:inline-flex!important;width:auto!important;height:42px!important;min-height:42px!important;align-items:center!important;justify-content:center!important;gap:8px!important;align-self:center!important;padding:0 18px!important;border-radius:10px!important;line-height:1!important}
body[data-view="admin"] .admin-content-topbar>button svg,body[data-view="admin"] .admin-content-topbar .admin-concert-toolbar button svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;fill:none;stroke:currentColor}
body[data-view="admin"] .admin-work-calendar-tabs>small{margin-left:auto!important;color:var(--admin-muted,var(--uis-muted))!important}

/* Četvrta, lokalna razina ostaje unutar radnog prostora i vizualno je mirnija. */
body[data-view="admin"] :is(.admin-document-groups,.admin-calendar-groups,.admin-teaching-groups){display:flex!important;min-width:0;align-items:center;gap:7px;padding:7px!important;overflow-x:auto;border:1px solid var(--admin-line-soft,var(--uis-line))!important;border-radius:13px!important;background:color-mix(in srgb,var(--uis-panel) 82%,transparent)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
body[data-view="admin"] :is(.admin-document-groups,.admin-calendar-groups,.admin-teaching-groups) button{flex:0 0 auto;min-height:40px!important;padding:0 12px!important;border:1px solid transparent!important;border-radius:9px!important;color:var(--admin-muted,var(--uis-muted))!important;background:transparent!important;box-shadow:none!important}
body[data-view="admin"] :is(.admin-document-groups,.admin-calendar-groups,.admin-teaching-groups) button:is(:hover,.is-active){color:var(--admin-text,var(--uis-text))!important;border-color:var(--admin-line,var(--uis-line-strong))!important;background:var(--uis-accent-soft)!important}
body[data-view="admin"] :is(.admin-document-groups,.admin-calendar-groups,.admin-teaching-groups) button.is-active{box-shadow:inset 0 -2px var(--uis-accent)!important}

/* Površine, forme i prazna stanja dijele iste dimenzije i tematsku dubinu. */
body[data-view="admin"] :is(.admin-panel,.admin-subpage>header,.admin-users-summary article,.admin-users-controls,.admin-users-card-grid>article,.admin-board-item,.admin-document-row,.admin-meeting-row,.admin-active-school-year,.admin-application-grid>section,.admin-application-actions article,.admin-weekend-page>header,.admin-weekend-key,.admin-weekend-overview,.admin-work-calendar-editor>form,.admin-work-calendar-editor>div,.admin-class-teachers>section,.admin-space-location,.admin-concert-card,.admin-concert-intro){color:var(--admin-text,var(--uis-text))!important;border-color:var(--admin-line-soft,var(--uis-line))!important;background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 32px rgba(0,0,0,.13)!important}
body[data-view="admin"] :is(.admin-board-form,.admin-profile-form,.admin-add-card form,.admin-work-calendar-editor form) :is(input,textarea),body[data-view="admin"] :is(.admin-users-search,.admin-poll-selector summary){box-sizing:border-box;min-height:var(--admin-control-h);color:var(--admin-text,var(--uis-text))!important;border:1px solid var(--admin-line,var(--uis-line))!important;border-radius:11px!important;background:var(--uis-inset)!important;background-image:none!important}
body[data-view="admin"] :is(.admin-board-form,.admin-profile-form,.admin-add-card form,.admin-work-calendar-editor form) :is(input,textarea):focus{outline:none!important;border-color:var(--uis-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--uis-accent) 14%,transparent)!important}

body[data-view="admin"] .admin-modal.is-wide:has(.admin-board-form){box-sizing:border-box;width:min(980px,calc(100vw - 36px));padding:34px 38px}
body[data-view="admin"] .admin-board-form{gap:14px 16px}
body[data-view="admin"] .admin-icon-picker{box-sizing:border-box;padding:13px;border:1px solid var(--uis-line)!important;border-radius:14px;background:color-mix(in srgb,var(--uis-inset) 72%,transparent)}
body[data-view="admin"] .admin-icon-picker legend{padding:0 7px;color:var(--uis-accent)!important;font-size:.62rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
body[data-view="admin"] .admin-icon-picker>div{gap:9px}
body[data-view="admin"] .admin-icon-picker span{position:relative;min-height:70px;border-color:var(--uis-line)!important;color:var(--uis-accent)!important;background:var(--uis-card)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--uis-text) 4%,transparent)}
body[data-view="admin"] .admin-icon-picker small{color:var(--uis-muted)!important;font-weight:800}
body[data-view="admin"] .admin-icon-picker label:hover span{border-color:var(--uis-accent)!important;background:var(--uis-accent-soft)!important}
body[data-view="admin"] .admin-icon-picker input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--uis-accent) 34%,transparent);outline-offset:2px}
body[data-view="admin"] .admin-icon-picker input:checked+span{border-color:var(--uis-accent)!important;color:var(--uis-head)!important;background:var(--uis-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--uis-accent) 18%,transparent),0 9px 20px rgba(0,0,0,.16)!important;transform:translateY(-1px)}
body[data-view="admin"] .admin-icon-picker input:checked+span small{color:var(--uis-head)!important;font-weight:950}
body[data-view="admin"] .admin-icon-picker input:checked+span::after{position:absolute;top:6px;right:7px;display:grid;width:17px;height:17px;place-items:center;border-radius:50%;color:var(--uis-accent);background:var(--uis-head);font-size:.6rem;font-weight:950;content:"✓"}
@media(max-width:650px){body[data-view="admin"] .admin-modal.is-wide:has(.admin-board-form){width:min(100%,calc(100vw - 20px));padding:28px 18px}body[data-view="admin"] .admin-icon-picker{padding:10px}}
body[data-view="admin"] :is(.admin-board-empty,.admin-users-empty,.admin-weekend-empty,.admin-work-calendar-empty,.admin-poll-empty-page,.admin-poll-archive-empty){min-height:180px;display:grid;align-content:center;justify-items:center;gap:7px;padding:28px!important;border:1px dashed var(--admin-line,var(--uis-line))!important;border-radius:14px!important;color:var(--admin-muted,var(--uis-muted))!important;background:color-mix(in srgb,var(--uis-inset) 62%,transparent)!important;text-align:center!important}
body[data-view="admin"] :is(.admin-board-empty,.admin-users-empty,.admin-weekend-empty,.admin-work-calendar-empty,.admin-poll-empty-page,.admin-poll-archive-empty) svg{width:29px;height:29px;color:var(--uis-accent);fill:none;stroke:currentColor}

/* Kalendar koristi širinu stranice, a ne mali središnji otok. */
body[data-view="admin"] .admin-work-calendar{width:var(--admin-workspace)!important;gap:14px!important}
body[data-view="admin"] .admin-work-calendar-editor{grid-template-columns:minmax(360px,430px) minmax(0,1fr)!important;gap:14px!important}
body[data-view="admin"] .admin-work-calendar-editor>form{padding:22px!important}
body[data-view="admin"] .admin-work-calendar-editor>div{padding:12px!important}
body[data-view="admin"] .admin-work-calendar-editor article{min-height:74px;padding:12px 14px!important;border-color:var(--admin-line-soft,var(--uis-line))!important;background:var(--uis-card-alt)!important}

/* Diskretno povezani ulasci daju osjećaj jednog modula bez agresivnih animacija. */
@media(prefers-reduced-motion:no-preference){body[data-view="admin"] :is(.admin-subpage,.admin-dashboard,.admin-weekend-page)>*:not(.admin-content-topbar):not(.admin-work-calendar-tabs):not(.admin-poll-toolbar){animation:adminUnifiedSurfaceIn .34s cubic-bezier(.2,.78,.24,1) both}body[data-view="admin"] :is(.admin-subpage,.admin-dashboard,.admin-weekend-page)>*:nth-child(2){animation-delay:.035s}body[data-view="admin"] :is(.admin-subpage,.admin-dashboard,.admin-weekend-page)>*:nth-child(3){animation-delay:.07s}@keyframes adminUnifiedSurfaceIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

/* Staklena varijanta ostaje stvarno prozirna, ali čitljiva. */
body[data-view="admin"][data-interface-surface="glass"] :is(.admin-content-topbar,.admin-work-calendar-tabs,.admin-poll-toolbar){border-color:var(--uig-line)!important;background:var(--uig-panel)!important;background-image:var(--uig-panel)!important;box-shadow:0 10px 28px rgba(0,0,0,.2)!important;backdrop-filter:blur(18px) saturate(1.12)!important;-webkit-backdrop-filter:blur(18px) saturate(1.12)!important}
body[data-view="admin"][data-interface-surface="glass"] :is(.admin-panel,.admin-subpage>header,.admin-users-summary article,.admin-users-controls,.admin-users-card-grid>article,.admin-board-item,.admin-document-row,.admin-meeting-row,.admin-active-school-year,.admin-application-grid>section,.admin-application-actions article,.admin-weekend-page>header,.admin-weekend-key,.admin-weekend-overview,.admin-work-calendar-editor>form,.admin-work-calendar-editor>div,.admin-class-teachers>section,.admin-space-location,.admin-concert-card,.admin-concert-intro){border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;backdrop-filter:blur(12px) saturate(1.08)!important;-webkit-backdrop-filter:blur(12px) saturate(1.08)!important}

/* Pretraživi odabir osoba prati obojenu i prozirnu administratorsku površinu. */
body[data-view="admin"] .admin-person-picker-trigger{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-inset)!important;background-image:none!important}
body[data-view="admin"] .admin-person-picker-menu{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-panel)!important;background-image:none!important}
body[data-view="admin"] .admin-person-picker-search{border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-view="admin"] .admin-person-picker-search input{border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
body[data-view="admin"][data-interface-surface="glass"] .admin-person-picker-trigger{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:rgba(4,18,24,.28)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
body[data-view="admin"][data-interface-surface="glass"] .admin-person-picker-menu{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-panel)!important;box-shadow:0 22px 54px rgba(0,0,0,.48)!important;backdrop-filter:blur(20px) saturate(1.12)!important;-webkit-backdrop-filter:blur(20px) saturate(1.12)!important}
body[data-view="admin"][data-interface-surface="glass"] .admin-person-picker-search{border-color:var(--uig-line)!important;background:rgba(4,18,24,.3)!important}

@media(max-width:900px){body[data-view="admin"]{--admin-workspace:calc(100vw - 24px)}body[data-view="admin"] #content{padding-inline:12px}body[data-view="admin"] #content:has(> :is(.admin-subpage,.admin-dashboard) :is(.admin-content-topbar,.admin-work-calendar-tabs,.admin-poll-toolbar)){padding-top:0!important}body[data-view="admin"] :is(.admin-content-topbar,.admin-work-calendar-tabs,.admin-poll-toolbar){width:100vw!important;margin-inline:calc(50% - 50vw)!important;padding-inline:12px!important;overflow-x:auto}body[data-view="admin"] .admin-content-topbar{grid-template-columns:1fr!important}body[data-view="admin"] .admin-content-topbar .admin-board-tabs{overflow-x:auto}body[data-view="admin"] .admin-content-topbar>button{width:100%!important}body[data-view="admin"] .admin-work-calendar-editor{grid-template-columns:1fr!important}}
html body :where(button,a[href],input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:2px solid var(--theme-glass-accent,var(--uis-accent,#79d9c2))!important;
  outline-offset:3px!important;
}

/* Picker ima vlastiti fokus: bez dvostrukog zelenog okvira oko tražilice. */
html body[data-view="admin"] .admin-person-picker-search input:focus-visible{
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
body[data-view="admin"] .admin-person-picker-search:focus-within{
  border-color:var(--uis-line-strong)!important;
  box-shadow:none!important;
}

/* Dodavanje i uređivanje korisnika koristi aplikacijski DROP, ne sistemski select. */
body[data-view="admin"] .admin-user-editor-modal{overflow:visible!important}
body[data-view="admin"] .admin-user-editor-modal label:has(.my-teaching-select){position:relative;min-width:0}

/* Kanonski DROP: identičan u korisničkom editoru i Novom putnom nalogu. */
body[data-interface-theme] .app-standard-drop>summary{box-sizing:border-box;width:100%!important;min-height:48px!important;padding:0 13px!important;color:var(--uis-text)!important;border:1px solid var(--uis-line-strong)!important;border-radius:11px!important;background:var(--uis-inset)!important;background-image:none!important}
body[data-interface-theme][data-interface-surface="glass"] .app-standard-drop>summary{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-inset)!important}
body[data-interface-theme] .app-standard-drop[open]>summary{color:var(--uis-accent)!important;border-color:var(--uis-accent)!important;background:color-mix(in srgb,var(--uis-accent) 10%,var(--uis-inset))!important}
body[data-interface-theme] .app-standard-drop>.ui-dropdown-panel{box-sizing:border-box;width:100%!important;min-width:100%!important;max-width:100%!important;max-height:285px!important;padding:6px!important;overflow-x:hidden!important;overflow-y:auto!important;opacity:1!important;color:var(--uis-text)!important;border:1px solid var(--uis-line-strong)!important;border-radius:12px!important;background-color:var(--uis-head)!important;background:var(--uis-head)!important;background-image:none!important;box-shadow:0 22px 54px rgba(0,0,0,.48)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;scrollbar-color:var(--uis-muted) transparent;scrollbar-width:thin}
body[data-interface-theme] .app-standard-drop>.ui-dropdown-panel>button{box-sizing:border-box!important;max-width:100%!important}
body[data-interface-theme] .app-standard-drop>.ui-dropdown-panel>.my-teaching-select-search{position:sticky!important;z-index:2;top:0;min-height:42px!important;margin:0 0 5px!important;padding:0 10px!important;color:var(--uis-accent)!important;border:1px solid var(--uis-line)!important;border-radius:9px!important;background:var(--uis-head)!important;background-image:none!important}
body[data-interface-theme] .app-standard-drop>.ui-dropdown-panel>button{min-height:38px!important;color:var(--uis-muted)!important;background:transparent!important;background-image:none!important}
body[data-interface-theme] .app-standard-drop>.ui-dropdown-panel>button:is(:hover,.is-selected){color:var(--uis-text)!important;background:var(--uis-accent-soft)!important}
body[data-interface-theme] .app-standard-drop>.ui-dropdown-panel>button.is-selected svg{opacity:1!important;stroke:var(--uis-accent)!important}
body[data-interface-theme][data-interface-surface="glass"] .app-standard-drop>.ui-dropdown-panel{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uis-head)!important}
body[data-view="admin"] .admin-user-editor-modal .admin-profile-form:has(.app-standard-drop[open]){position:relative;z-index:1;isolation:isolate;overflow:visible!important}
body[data-view="admin"] .admin-user-editor-modal .admin-profile-form>label:has(.app-standard-drop[open]){position:relative!important;z-index:900!important;overflow:visible!important}
body[data-view="admin"] .admin-user-editor-modal .admin-profile-form>label:has(.app-standard-drop[open]) .app-standard-drop{z-index:901!important}
body[data-view="admin"] .admin-user-editor-modal .admin-profile-form>label:has(.app-standard-drop[open]) .ui-dropdown-panel{z-index:902!important}
body[data-view="admin"] .admin-users-controls{position:relative;z-index:180;overflow:visible!important}
body[data-view="admin"] .admin-users-controls>label{position:relative;min-width:0}
body[data-view="admin"] .admin-users-controls>label:has(.app-standard-drop[open]){z-index:190}
body[data-view="admin"] .admin-users-controls .app-standard-drop>.ui-dropdown-panel{z-index:200!important;width:100%!important;min-width:100%!important;max-width:100%!important}
body[data-view="admin"] .admin-users-results,body[data-view="admin"] .admin-users-card-grid{position:relative;z-index:1}
body[data-view="accounting"] .acc-status-filter.app-standard-drop{display:block;width:190px;height:auto!important;min-height:0;padding:0!important;overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
body[data-view="accounting"][data-interface-surface="themed"] .acc-status-filter.app-standard-drop>summary{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-inset)!important}
body[data-view="accounting"][data-interface-surface="glass"] .acc-status-filter.app-standard-drop>summary{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-inset)!important}

/* Zajednički veliki modal za odabir osoba: putni troškovi i dodjela ovlasti. */
body[data-interface-surface] .app-person-picker-modal{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;box-shadow:0 30px 90px color-mix(in srgb,var(--uis-head) 48%,transparent)!important}
body[data-interface-surface="themed"] .app-person-picker-modal{background:var(--uis-panel)!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-interface-surface="glass"] .app-person-picker-modal{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-panel)!important;background-image:none!important;backdrop-filter:blur(18px) saturate(1.12)!important;-webkit-backdrop-filter:blur(18px) saturate(1.12)!important}
body[data-view="accounting"][data-interface-surface="themed"] .acc-travel-card[open] .acc-travel-settings.app-person-picker-modal{background:var(--uis-panel)!important;background-image:none!important;backdrop-filter:none!important}
body[data-view="accounting"][data-interface-surface="glass"] .acc-travel-card[open] .acc-travel-settings.app-person-picker-modal{background:var(--uig-panel)!important;background-image:none!important;backdrop-filter:blur(18px) saturate(1.12)!important;-webkit-backdrop-filter:blur(18px) saturate(1.12)!important}
body[data-interface-surface="themed"] .app-person-picker-modal :is(header,footer,.admin-delegate-picker-search){border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-interface-surface="glass"] .app-person-picker-modal :is(header,footer,.admin-delegate-picker-search){border-color:var(--uig-line)!important;background:var(--uig-inset)!important}
body[data-interface-surface="themed"] .app-person-picker-modal :is(.acc-traveler-grid label,[data-picker-person]){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important}
body[data-interface-surface="glass"] .app-person-picker-modal :is(.acc-traveler-grid label,[data-picker-person]){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg-alt)!important}
body[data-interface-surface="themed"] .app-person-picker-modal :is(.acc-traveler-grid label,[data-picker-person]):has(input:checked){border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important;box-shadow:inset 3px 0 var(--uis-accent)!important}
body[data-interface-surface="glass"] .app-person-picker-modal :is(.acc-traveler-grid label,[data-picker-person]):has(input:checked){border-color:var(--uig-line)!important;background:color-mix(in srgb,var(--uis-accent) 16%,var(--uig-bg-alt))!important;box-shadow:inset 3px 0 var(--uis-accent)!important}
body[data-interface-surface="themed"] .app-person-picker-modal :is(p,small,i,.admin-delegate-picker-search span){color:var(--uis-muted)!important}
body[data-interface-surface="glass"] .app-person-picker-modal :is(p,small,i,.admin-delegate-picker-search span){color:var(--uig-muted)!important}
body[data-interface-surface="themed"] .app-person-picker-modal .admin-delegate-picker-search input{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important}
body[data-interface-surface="glass"] .app-person-picker-modal .admin-delegate-picker-search input{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg-alt)!important}
body[data-interface-surface="themed"] .admin-delegate-picker-backdrop,body[data-interface-surface="themed"][data-view="accounting"] .acc-travel-card[open]::before{background:color-mix(in srgb,var(--uis-head) 72%,transparent)!important;backdrop-filter:blur(7px)!important}
body[data-interface-surface="glass"] .admin-delegate-picker-backdrop,body[data-interface-surface="glass"][data-view="accounting"] .acc-travel-card[open]::before{background:color-mix(in srgb,var(--uis-panel) 28%,transparent)!important;backdrop-filter:blur(12px)!important}

/* Admin: pregledno upravljanje globalnim tabovima i brzim poveznicama. */
body[data-view="admin"] .admin-navigation-settings-modal{width:min(1120px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;padding:24px!important;overflow:hidden!important}
body[data-view="admin"] .admin-navigation-settings-modal>.admin-modal-icon{width:54px;height:54px;margin-bottom:12px}
body[data-view="admin"] .admin-navigation-settings-modal>h3{margin-bottom:5px;font-size:1.55rem}
body[data-view="admin"] .admin-navigation-settings-modal>p:not(.admin-modal-kicker){margin:0;font-size:.78rem}
body[data-view="admin"] .admin-navigation-settings{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:14px;margin-top:16px}
body[data-view="admin"] .admin-navigation-settings .admin-application-switches{display:grid;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr);padding:14px!important;border-radius:16px!important}
body[data-view="admin"] .admin-navigation-settings .admin-application-switches>header{align-items:center;margin-bottom:10px;padding:0 2px 10px;border-bottom:1px solid var(--uis-line)}
body[data-view="admin"] .admin-navigation-settings .admin-application-switches>header h4{font-size:.92rem}
body[data-view="admin"] .admin-navigation-settings .admin-application-switches>header p{max-width:34ch;font-size:.64rem;line-height:1.35}
body[data-view="admin"] .admin-navigation-settings .admin-application-switches>header>b{flex:0 0 auto;min-width:48px;height:32px}
body[data-view="admin"] .admin-navigation-settings .admin-application-switches>div{min-height:0;align-content:start;gap:6px;max-height:min(52vh,500px);padding-right:4px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin}
body[data-view="admin"] .admin-navigation-order-item{grid-template-columns:minmax(0,1fr) 75px;gap:8px}
body[data-view="admin"] .admin-navigation-order-item>label{grid-template-columns:minmax(0,1fr) 42px!important;min-height:56px;padding:8px 10px!important;gap:10px!important}
body[data-view="admin"] .admin-navigation-order-item>label span{min-width:0}
body[data-view="admin"] .admin-navigation-order-item>label strong{overflow-wrap:anywhere;font-size:.73rem!important;line-height:1.25}
body[data-view="admin"] .admin-navigation-order-item>label small{font-size:.6rem!important}
body[data-view="admin"] .admin-navigation-order-item>label>i{justify-self:end}
body[data-view="admin"] .admin-navigation-order-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px}
body[data-view="admin"] .admin-navigation-order-controls button{width:35px!important;height:38px!important;min-height:38px!important;padding:0!important}
body[data-view="admin"] .admin-navigation-settings>footer{position:sticky;bottom:0;min-height:58px;align-items:center;padding:12px 2px 0;border-top:1px solid var(--uis-line)}
body[data-interface-surface="themed"][data-view="admin"] .admin-navigation-settings .admin-application-switches{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important}
body[data-interface-surface="themed"][data-view="admin"] .admin-navigation-order-item>label{border-color:var(--uis-line)!important;background:var(--uis-inset)!important}
body[data-interface-surface="glass"][data-view="admin"] .admin-navigation-settings .admin-application-switches{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg)!important}
body[data-interface-surface="glass"][data-view="admin"] .admin-navigation-order-item>label{border-color:var(--uig-line)!important;background:var(--uig-bg-alt)!important}
@media(max-width:780px){body[data-view="admin"] .admin-navigation-settings-modal{padding:18px!important;overflow-y:auto!important}body[data-view="admin"] .admin-navigation-settings{grid-template-columns:1fr;grid-template-rows:auto}body[data-view="admin"] .admin-navigation-settings .admin-application-switches>div{max-height:360px}body[data-view="admin"] .admin-navigation-settings>footer{align-items:stretch;flex-direction:column}body[data-view="admin"] .admin-navigation-settings>footer button{width:100%}}
body[data-view="admin"] .admin-person-picker-menu{
  background:color-mix(in srgb,var(--uis-panel) 97%,#050d10)!important;
  background-image:none!important;
  box-shadow:0 22px 56px rgba(0,0,0,.58)!important;
}
body[data-view="admin"][data-interface-surface="glass"] .admin-person-picker-menu{
  background:color-mix(in srgb,var(--uig-panel) 94%,#061116)!important;
  background-image:none!important;
  backdrop-filter:blur(24px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.06)!important;
}

/* U tablici razrednika popis mora potpuno prekriti retke ispod; modal zadržava svoj izgled. */
body[data-view="admin"] .admin-class-location .admin-person-picker-menu,
body[data-view="admin"][data-interface-surface="glass"] .admin-class-location .admin-person-picker-menu{
  background:var(--uis-panel)!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
}
body[data-view="admin"] .admin-class-location .admin-person-picker-search{
  background:var(--uis-inset)!important;
}
body[data-view="admin"][data-interface-surface="glass"] .admin-department-editor-modal .admin-person-picker-menu{
  background:var(--uig-panel),var(--uig-panel),var(--uig-bg)!important;
  background-image:var(--uig-panel),var(--uig-panel),var(--uig-bg)!important;
}

/* Upravljanje prostorima koristi administratorsku, a ne globalnu zelenu akcentnu boju. */
body[data-interface-theme][data-view="admin"] .admin-space-management>header{
  color:var(--uis-text)!important;
  border-color:var(--uis-line)!important;
  background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;
  background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;
}
body[data-interface-theme][data-view="admin"] .admin-space-management>header :is(h2){color:var(--uis-text)!important}
body[data-interface-theme][data-view="admin"] .admin-space-management>header :is(small,p){color:var(--uis-muted)!important}
body[data-interface-theme][data-view="admin"] .admin-space-management>header small{color:var(--uis-accent)!important}
body[data-interface-theme][data-view="admin"] .admin-space-management>header>button{
  color:var(--uis-head)!important;
  border-color:var(--uis-accent)!important;
  background:var(--uis-accent)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--uis-accent) 18%,transparent)!important;
}
body[data-interface-theme][data-view="admin"] .admin-space-management>header>button:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
}
body[data-interface-theme][data-interface-surface="glass"][data-view="admin"] .admin-space-management>header{
  border-color:var(--uig-line)!important;
  background:var(--uig-bg)!important;
  background-image:var(--uig-bg)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
}

/* Osobni nastavni modul prati odabranu temu u drugom redu i sadržaju. */
body[data-interface-theme][data-view="my-teaching"] .my-teaching-empty{
  color:var(--uis-text)!important;
  border-color:var(--uis-line)!important;
  background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;
  background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;
}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-empty>span{color:var(--uis-accent)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-empty small{color:var(--uis-accent)!important}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-empty p{color:var(--uis-muted)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-empty{
  border-color:var(--uig-line)!important;
  background:var(--uig-bg)!important;
  background-image:var(--uig-bg)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
}
body[data-interface-theme][data-view="my-teaching"] :is(.my-teaching-beta,.my-teaching-intro,.my-teaching-info-card,.my-teaching-info-footer){border-color:var(--uis-line)!important;color:var(--uis-text)!important;background-color:var(--uis-card)!important}
body[data-interface-theme][data-view="my-teaching"] :is(.my-teaching-intro p,.my-teaching-info-card>p,.my-teaching-info-list span,.my-teaching-info-card aside,.my-teaching-info-footer span){color:var(--uis-muted)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] :is(.my-teaching-intro,.my-teaching-info-card,.my-teaching-info-footer){border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;backdrop-filter:blur(12px) saturate(1.08)!important;-webkit-backdrop-filter:blur(12px) saturate(1.08)!important}
body[data-interface-theme][data-view="admin"] :is(.admin-teaching-access,.admin-teaching-staff-summary article,.admin-teaching-staff-panel,.admin-teaching-staff-panel>div>section){color:var(--uis-text)!important;border-color:var(--uis-line)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="admin"] :is(.admin-teaching-staff-summary article,.admin-teaching-staff-panel){border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;backdrop-filter:blur(12px) saturate(1.08)!important;-webkit-backdrop-filter:blur(12px) saturate(1.08)!important}
body[data-interface-theme][data-view="admin"] :is(.admin-teaching-hub,.admin-teaching-coming,.admin-teaching-directory-table){border-color:var(--uis-line)!important;color:var(--uis-text)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="admin"] :is(.admin-teaching-hub,.admin-teaching-coming){border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;backdrop-filter:blur(12px) saturate(1.08)!important;-webkit-backdrop-filter:blur(12px) saturate(1.08)!important}

/* Moja nastava: staklena povrsina mora ostati stvarno prozirna, ukljucujuci kontekstualni treci red. */
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .diagram-toolbar:has(.my-teaching-toolbar-actions){
  color:var(--uig-text)!important;
  border-color:var(--uig-line)!important;
  background:var(--uig-panel)!important;
  background-image:var(--uig-panel)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] :is(.my-teaching-assignments>header,.my-teaching-assignment-table){
  color:var(--uig-text)!important;
  border-color:var(--uig-line)!important;
  background:var(--uig-panel)!important;
  background-image:var(--uig-panel)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.065),0 14px 34px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(9px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.08)!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-assignment-head{
  color:var(--uig-muted)!important;
  background:color-mix(in srgb,var(--uis-head) 46%,transparent)!important;
  background-image:none!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-assignment-table article{
  border-color:var(--uig-line)!important;
  background:var(--uig-bg)!important;
  background-image:var(--uig-bg)!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-assignment-table article:nth-child(even){
  background:var(--uig-bg)!important;
  background-image:var(--uig-bg)!important;
}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-loading{
  padding:34px;
  border:1px solid var(--uis-line)!important;
  border-radius:18px;
  color:var(--uis-text)!important;
  background:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;
  background-image:linear-gradient(145deg,var(--uis-card),var(--uis-panel))!important;
  box-shadow:var(--uis-shadow)!important;
}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-loading>span{
  color:var(--uis-accent)!important;
  border-color:var(--uis-line-strong)!important;
  background:var(--uis-accent-soft)!important;
}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-loading strong{color:var(--uis-text)!important}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-loading small{color:var(--uis-muted)!important}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-schedule-slot-modal .my-teaching-slot-save{
  color:var(--uis-head)!important;
  border-color:var(--uis-accent)!important;
  background:var(--uis-accent)!important;
  background-image:none!important;
}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-schedule-slot-modal .my-teaching-slot-save :is(strong,small){color:var(--uis-head)!important}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-schedule-slot-modal .my-teaching-slot-save small{opacity:.76}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-schedule-slot-modal .my-teaching-slot-save>svg{color:var(--uis-head)!important;stroke:currentColor!important}
body[data-interface-theme][data-view="my-teaching"] .my-teaching-schedule-slot-modal .my-teaching-slot-save:hover:not(:disabled){
  color:var(--uis-head)!important;
  border-color:var(--uis-accent)!important;
  background:var(--uis-accent)!important;
  filter:brightness(1.06);
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-assignment-empty{
  color:var(--uig-text)!important;
  border-color:var(--uig-line)!important;
  background:var(--uig-bg)!important;
  background-image:var(--uig-bg)!important;
  box-shadow:var(--uis-shadow)!important;
  backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation))!important;
  -webkit-backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation))!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-loading{
  color:var(--uig-text)!important;
  border-color:var(--uig-line)!important;
  background:var(--uig-panel)!important;
  background-image:var(--uig-panel)!important;
  box-shadow:var(--uis-shadow)!important;
  backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation))!important;
  -webkit-backdrop-filter:blur(var(--uig-blur)) saturate(var(--uig-saturation))!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-loading>span{
  color:var(--uis-accent)!important;
  border-color:var(--uig-line)!important;
  background:var(--uig-inset)!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-loading strong{color:var(--uig-text)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-loading small{color:var(--uig-muted)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] :is(.my-teaching-toolbar-actions>span,.my-teaching-toolbar-actions>button.is-secondary,.my-teaching-assignment-actions button,.my-teaching-assignment-form input,.my-teaching-assignment-form select,.my-teaching-batch-row,.my-teaching-batch-row input,.my-teaching-batch-row select,.my-teaching-assignment-empty>div>button.is-secondary){
  color:var(--uig-text)!important;
  border-color:var(--uig-line)!important;
  background:var(--uig-inset)!important;
  background-image:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-toolbar-actions>span.is-total{
  color:#fff4cf!important;
  border-color:rgba(224,181,91,.62)!important;
  background:linear-gradient(135deg,rgba(126,88,18,.82),rgba(201,151,48,.5))!important;
  background-image:linear-gradient(135deg,rgba(126,88,18,.82),rgba(201,151,48,.5))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 5px 16px rgba(93,59,8,.2)!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-toolbar-actions>span.is-total small{color:#f4d991!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-toolbar-actions>span.is-total b{color:#fff8df!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .admin-modal.my-teaching-assignment-modal{
  color:var(--uig-text)!important;
  border-color:var(--uig-line)!important;
  background:var(--uig-panel)!important;
  background-image:var(--uig-panel)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 24px 70px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(16px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.1)!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-assignment-actions button.is-danger{
  color:#ff9fab!important;
  border-color:rgba(255,112,130,.62)!important;
  background:rgba(151,34,52,.24)!important;
  background-image:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-assignment-actions button.is-danger:hover{
  color:#fff!important;
  border-color:#ff7184!important;
  background:rgba(190,43,64,.46)!important;
  box-shadow:0 0 0 3px rgba(255,91,113,.12)!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] :is(.my-teaching-category-list,.my-teaching-category-empty){
  color:var(--uig-text)!important;
  border-color:var(--uig-line)!important;
  background:var(--uig-panel)!important;
  background-image:var(--uig-panel)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 12px 30px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(8px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.06)!important;
}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-category-list>header{color:var(--uig-muted)!important;background:color-mix(in srgb,var(--uis-head) 46%,transparent)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-category-list>article{border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important}
body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-assignment-panel{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-panel)!important;background-image:var(--uig-panel)!important;box-shadow:inset 0 1px rgba(255,255,255,.065),0 14px 34px rgba(0,0,0,.13)!important;backdrop-filter:blur(9px) saturate(1.08)!important;-webkit-backdrop-filter:blur(9px) saturate(1.08)!important}body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-assignment-panel>header{border-color:var(--uig-line)!important;background:linear-gradient(115deg,color-mix(in srgb,var(--uig-accent) 8%,transparent),transparent)!important;background-image:linear-gradient(115deg,color-mix(in srgb,var(--uig-accent) 8%,transparent),transparent)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-assignment-panel>.my-teaching-assignment-table{border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body[data-interface-theme][data-interface-surface="glass"][data-view="my-teaching"] .my-teaching-assignment-panel>.my-teaching-assignment-empty{border:0!important;background:color-mix(in srgb,var(--uig-bg) 44%,transparent)!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Prijenos nastavnika: simetrične akcije, tematski modal i dropdown bez vanjskog scrolla */
.admin-teaching-transfer-hub>span{color:var(--uis-accent)!important;background:var(--uis-accent-soft)!important}.admin-teaching-transfer-hub .admin-teaching-schedules-actions>button:first-child{color:var(--uis-head)!important;border-color:var(--uis-accent)!important;background:var(--uis-accent)!important}.admin-teaching-hub-actions,.admin-teaching-schedules-actions{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(138px,1fr);align-items:stretch}.admin-teaching-hub-actions>button,.admin-teaching-schedules-actions>button{box-sizing:border-box;min-width:138px;min-height:46px;justify-content:center!important}.admin-teaching-transfer-hub .admin-teaching-schedules-actions{grid-auto-columns:minmax(152px,1fr)}
.admin-teaching-transfer-modal{width:min(980px,calc(100vw - 28px))!important;max-height:none!important;overflow:visible!important;color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:radial-gradient(circle at 88% 0,color-mix(in srgb,var(--uis-accent) 13%,transparent),transparent 34%),var(--uis-panel)!important;box-shadow:0 32px 90px rgba(0,0,0,.48)!important}.admin-teaching-transfer-modal>p:not(.admin-modal-kicker){color:var(--uis-muted)!important}.admin-teaching-transfer-form{position:relative;overflow:visible}.admin-teaching-transfer-modal label:has(.my-teaching-select){position:relative;min-width:0}.admin-teaching-transfer-modal .my-teaching-select>.ui-dropdown-panel{box-sizing:border-box;z-index:420;width:100%;min-width:100%;max-width:100%;max-height:270px;overflow-y:auto;overflow-x:hidden;color:var(--uis-text);border-color:var(--uis-line-strong);background:color-mix(in srgb,var(--theme-body-base) 96%,var(--uis-panel))}.admin-teaching-transfer-modal .my-teaching-select-search{top:0;background:color-mix(in srgb,var(--theme-body-base) 97%,var(--uis-inset))}
.admin-transfer-history{scrollbar-color:var(--uis-accent) transparent;scrollbar-width:thin}.admin-transfer-empty{display:grid;min-height:280px;place-items:center;align-content:center;gap:8px;padding:28px;border:1px dashed var(--uis-line-strong);border-radius:16px;color:var(--uis-text);background:var(--uis-inset);text-align:center}.admin-transfer-empty>svg{width:38px;height:38px;padding:9px;border:1px solid var(--uis-line);border-radius:13px;fill:none;stroke:var(--uis-accent);background:var(--uis-accent-soft)}.admin-transfer-empty h3,.admin-transfer-empty p{margin:0}.admin-transfer-empty p{color:var(--uis-muted)}
@media(max-width:760px){.admin-teaching-hub-actions,.admin-teaching-schedules-actions{grid-auto-flow:row;grid-template-columns:1fr!important}.admin-teaching-hub-actions>button,.admin-teaching-schedules-actions>button{width:100%;min-width:0}.admin-teaching-transfer-modal{max-height:calc(100vh - 20px)!important;overflow-y:auto!important}.admin-teaching-transfer-modal:has(.my-teaching-select[open]){overflow:visible!important}}

/* Završno administrativno središte: jedinstvena geometrija svih funkcionalnih redova. */
.admin-teaching-staff-page{gap:14px!important}
.admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub){box-sizing:border-box;display:grid!important;min-height:104px;grid-template-columns:58px minmax(360px,1fr) minmax(510px,auto)!important;align-items:center;gap:18px;padding:18px 22px!important;border:1px solid var(--uis-line-strong)!important;border-radius:18px!important;color:var(--uis-text)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--uis-card) 90%,transparent),var(--uis-panel))!important;box-shadow:var(--uis-shadow)!important}
.admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub)>span{box-sizing:border-box;display:grid;width:54px!important;height:54px!important;place-items:center;border:1px solid var(--uis-line-strong)!important;border-radius:15px!important;color:var(--uis-accent)!important;background:var(--uis-accent-soft)!important}
.admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub)>span svg{width:23px!important;height:23px!important;fill:none;stroke:currentColor!important}
.admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub)>div:nth-child(2){display:grid;gap:4px;min-width:0}
.admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub) :is(h3,p){margin:0!important}.admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub) h3{font-size:1rem!important}.admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub) p{max-width:none;color:var(--uis-muted)!important;font-size:.66rem!important;line-height:1.45!important}
.admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub) :is(.admin-teaching-hub-actions,.admin-teaching-schedules-actions){display:grid!important;width:100%;min-width:510px;grid-auto-flow:column;grid-auto-columns:minmax(155px,1fr);gap:8px}
.admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub) :is(.admin-teaching-hub-actions,.admin-teaching-schedules-actions)>button{box-sizing:border-box;min-width:0;min-height:46px;justify-content:center!important}
body[data-interface-surface="glass"][data-view="admin"] .admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub){border-color:var(--uig-line)!important;background:var(--uig-bg)!important;background-image:var(--uig-bg)!important;backdrop-filter:blur(12px) saturate(1.08)!important;-webkit-backdrop-filter:blur(12px) saturate(1.08)!important}
@media(max-width:1050px){.admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub){grid-template-columns:54px 1fr!important}.admin-teaching-staff-page>:is(.admin-teaching-hub,.admin-teaching-schedules-hub) :is(.admin-teaching-hub-actions,.admin-teaching-schedules-actions){grid-column:1/-1;min-width:0}}

/* Široki i pregledni administrativni pregledi nastavnih podataka. */
.admin-modal:is(.admin-teaching-assignments-modal,.admin-teaching-schedules-modal){
  box-sizing:border-box!important;
  width:min(1540px,calc(100vw - 40px))!important;
  max-width:calc(100vw - 40px)!important;
  max-height:calc(100vh - 30px)!important;
  padding:28px 34px!important;
  overflow:hidden!important
}
.admin-teaching-assignments-modal .admin-assignment-directory-tools{display:grid!important;grid-template-columns:minmax(320px,1fr) auto!important;gap:12px!important;align-items:center!important;margin-block:18px 14px!important}
.admin-teaching-assignments-modal .admin-assignment-directory-tools>label{width:100%!important;max-width:none!important}
.admin-teaching-assignments-modal .admin-assignment-directory-tools>div{justify-content:flex-end!important;flex-wrap:nowrap!important}
.admin-teaching-assignments-modal .admin-assignment-records{max-height:calc(100vh - 300px)!important;gap:6px!important;overflow-x:hidden!important}
.admin-teaching-assignments-modal .admin-assignment-records>details>summary{min-height:54px!important;grid-template-columns:minmax(250px,1.25fr) minmax(170px,.8fr) minmax(170px,.8fr) 120px 18px!important;padding:7px 16px!important}
.admin-teaching-schedules-modal .admin-teaching-schedule-tools{margin-block:18px 12px!important}
.admin-teaching-schedules-modal .admin-teaching-schedule-list{max-height:calc(100vh - 300px)!important;gap:6px!important;overflow-x:hidden!important;padding-right:4px}
.admin-teaching-schedules-modal .admin-teaching-schedule-list,.admin-teaching-assignments-modal .admin-assignment-records{scrollbar-width:thin;scrollbar-color:var(--uis-accent) transparent}
.admin-teaching-schedules-modal .admin-teaching-schedule-list>article{box-sizing:border-box!important;width:100%!important;min-width:0!important;grid-template-columns:minmax(220px,1fr) minmax(210px,.8fr) minmax(280px,1.3fr) auto!important;gap:18px!important;min-height:68px!important;padding:10px 16px!important}
.admin-teaching-schedules-modal .admin-teaching-schedule-list>article:has(>label){grid-template-columns:28px minmax(220px,1fr) minmax(210px,.8fr) minmax(280px,1.3fr)!important}
.admin-teaching-schedules-modal .admin-teaching-schedule-list article>p{min-width:0!important}.admin-teaching-schedules-modal .admin-teaching-schedule-list article>p span{min-width:0}.admin-teaching-schedules-modal .admin-teaching-schedule-list article>p span:not(:has(small)){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-teaching-schedules-modal .admin-teaching-schedule-list article nav{justify-self:end;white-space:nowrap}
.admin-teaching-schedules-modal .admin-teaching-schedule-list>article.is-missing{opacity:1!important}.admin-teaching-schedules-modal .admin-teaching-schedule-list>article.is-missing :is(small,em){color:var(--uis-muted)!important}
body[data-interface-surface="glass"][data-view="admin"] .admin-modal:is(.admin-teaching-assignments-modal,.admin-teaching-schedules-modal){border-color:var(--uig-line)!important;background:radial-gradient(circle at 90% 0,var(--uis-accent-soft),transparent 34%),var(--uig-bg)!important;background-image:radial-gradient(circle at 90% 0,var(--uis-accent-soft),transparent 34%),var(--uig-bg)!important;backdrop-filter:blur(18px) saturate(1.12)!important;-webkit-backdrop-filter:blur(18px) saturate(1.12)!important}
body[data-interface-surface="glass"][data-view="admin"] :is(.admin-assignment-records>details,.admin-teaching-schedule-list>article){border-color:var(--uig-line)!important;background:color-mix(in srgb,var(--uig-bg) 78%,transparent)!important;backdrop-filter:blur(10px) saturate(1.06);-webkit-backdrop-filter:blur(10px) saturate(1.06)}
@media(max-width:900px){.admin-modal:is(.admin-teaching-assignments-modal,.admin-teaching-schedules-modal){width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;padding:22px 16px!important;overflow-y:auto!important}.admin-teaching-assignments-modal .admin-assignment-directory-tools{grid-template-columns:1fr!important}.admin-teaching-assignments-modal .admin-assignment-directory-tools>div{justify-content:flex-start!important;flex-wrap:wrap!important}}

/* Nastava djelatnika: administrativno središte prati iste funkcionalne redove */
.admin-teaching-staff-page>.admin-teaching-hub{
  grid-template-columns:54px minmax(0,1fr) auto!important;
  gap:17px!important;
  padding:20px 22px!important;
  border-color:var(--uis-line-strong)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--uis-card) 90%,transparent),var(--uis-panel))!important;
  box-shadow:var(--uis-shadow)!important
}
.admin-teaching-staff-page>.admin-teaching-hub>span{
  width:52px!important;
  height:52px!important;
  border-radius:15px!important;
  color:var(--uis-accent)!important;
  border-color:var(--uis-line-strong)!important;
  background:var(--uis-accent-soft)!important
}
.admin-teaching-staff-page>.admin-teaching-hub>div:nth-child(2){display:grid;gap:4px}
.admin-teaching-staff-page>.admin-teaching-hub :is(h3,p){margin:0!important}
.admin-teaching-staff-page>.admin-teaching-hub h3{font-size:1rem!important}
.admin-teaching-staff-page>.admin-teaching-hub p{font-size:.66rem!important;line-height:1.45!important}
.admin-teaching-staff-page>.admin-teaching-hub small{font-size:.55rem!important}
.admin-teaching-staff-page>.admin-teaching-hub-actions>button{
  min-height:46px!important;
  color:var(--uis-text)!important;
  border-color:var(--uis-line)!important;
  background:var(--uis-inset)!important
}
.admin-teaching-staff-page>.admin-teaching-hub-actions>button:first-child{
  color:var(--uis-head)!important;
  border-color:var(--uis-accent)!important;
  background:var(--uis-accent)!important
}
.admin-teaching-staff-page>.admin-teaching-hub-actions svg{stroke:currentColor!important}
.admin-teaching-staff-page>.admin-teaching-hub-actions b{
  color:var(--uis-accent)!important;
  background:var(--uis-card)!important
}
@media(max-width:900px){.admin-teaching-staff-page>.admin-teaching-hub{grid-template-columns:48px 1fr!important}.admin-teaching-staff-page>.admin-teaching-hub-actions{grid-column:1/-1}}

/* Jedinstveni korisnički tabovi: Dokumenti, Organizacija i Moja nastava */
:is(body[data-view="documents"],body[data-view="organization"],body[data-view="my-teaching"],body[data-view="workrecords"],body[data-view="events"],body[data-view="admin"],body[data-view="secretary"],body[data-view="accounting"],body[data-view="contact"]) .user-module-header-tabs{
  display:flex!important;
  width:100%!important;
  min-width:max-content;
  max-width:100%;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:6px!important;
  overflow-x:auto;
  scrollbar-width:none;
  border:0!important;
  background:transparent!important
}
:is(body[data-view="documents"],body[data-view="organization"],body[data-view="my-teaching"],body[data-view="workrecords"],body[data-view="events"],body[data-view="admin"],body[data-view="secretary"],body[data-view="accounting"],body[data-view="contact"]) .user-module-header-tabs::-webkit-scrollbar{display:none}
:is(body[data-view="documents"],body[data-view="organization"],body[data-view="my-teaching"],body[data-view="workrecords"],body[data-view="events"],body[data-view="admin"],body[data-view="secretary"],body[data-view="accounting"],body[data-view="contact"]) .user-module-header-tabs>.event-header-tab{
  display:inline-flex!important;
  min-height:42px!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 12px!important;
  border:1px solid var(--uis-line)!important;
  border-radius:10px!important;
  color:var(--uis-muted)!important;
  background:color-mix(in srgb,var(--uis-inset) 70%,transparent)!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:.7rem!important;
  white-space:nowrap;
  transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease
}
:is(body[data-view="documents"],body[data-view="organization"],body[data-view="my-teaching"],body[data-view="workrecords"],body[data-view="events"],body[data-view="admin"],body[data-view="secretary"],body[data-view="accounting"],body[data-view="contact"]) .user-module-header-tabs>.event-header-tab svg{
  width:15px!important;
  height:15px!important;
  color:var(--uis-accent)!important;
  fill:none!important;
  stroke:currentColor!important
}
:is(body[data-view="documents"],body[data-view="organization"],body[data-view="my-teaching"],body[data-view="workrecords"],body[data-view="events"],body[data-view="admin"],body[data-view="secretary"],body[data-view="accounting"],body[data-view="contact"]) .user-module-header-tabs>.event-header-tab:hover{
  color:var(--uis-text)!important;
  border-color:var(--uis-line-strong)!important;
  background:var(--uis-accent-soft)!important;
  transform:translateY(-1px)
}
:is(body[data-view="documents"],body[data-view="organization"],body[data-view="my-teaching"],body[data-view="workrecords"],body[data-view="events"],body[data-view="admin"],body[data-view="secretary"],body[data-view="accounting"],body[data-view="contact"]) .user-module-header-tabs>.event-header-tab.is-active{
  color:var(--uis-text)!important;
  border-color:var(--uis-line-strong)!important;
  background:var(--uis-accent-soft)!important;
  box-shadow:inset 0 -3px var(--uis-accent)!important;
  transform:none
}
:is(body[data-view="documents"],body[data-view="organization"],body[data-view="my-teaching"],body[data-view="workrecords"],body[data-view="events"],body[data-view="admin"],body[data-view="secretary"],body[data-view="accounting"],body[data-view="contact"]) .user-module-header-tabs>.event-header-tab.is-disabled{
  opacity:.52;
  color:var(--uis-muted)!important;
  border-color:var(--uis-line)!important;
  background:color-mix(in srgb,var(--uis-inset) 55%,transparent)!important;
  box-shadow:none!important;
  transform:none!important
}
:is(body[data-view="documents"],body[data-view="organization"],body[data-view="my-teaching"]) .user-module-header-tabs .event-state-badge{
  color:var(--uis-accent)!important;
  border-color:color-mix(in srgb,var(--uis-accent) 30%,transparent)!important;
  background:var(--uis-accent-soft)!important
}
body[data-interface-surface="glass"] .user-module-header-tabs>.event-header-tab{
  border-color:var(--uig-line)!important;
  background:color-mix(in srgb,var(--uig-bg) 72%,transparent)!important;
  backdrop-filter:blur(10px) saturate(1.08);
  -webkit-backdrop-filter:blur(10px) saturate(1.08)
}
body[data-interface-surface="glass"] .user-module-header-tabs>.event-header-tab:is(:hover,.is-active){
  border-color:color-mix(in srgb,var(--uis-accent) 48%,var(--uig-line))!important;
  background:color-mix(in srgb,var(--uis-accent) 16%,var(--uig-bg))!important
}
@media(max-width:1180px){:is(body[data-view="documents"],body[data-view="organization"],body[data-view="my-teaching"],body[data-view="workrecords"],body[data-view="events"],body[data-view="admin"],body[data-view="secretary"],body[data-view="accounting"],body[data-view="contact"]) .user-module-header-tabs>.event-header-tab{padding-inline:8px!important;font-size:.66rem!important}}
.teaching-plan-page{display:grid;gap:14px;color:var(--uis-text)}.teaching-plan-locked{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid color-mix(in srgb,#d8b45f 45%,var(--uis-line));border-radius:18px;background:color-mix(in srgb,#a77420 10%,var(--uis-card))}.teaching-plan-locked>svg{width:32px;height:32px;fill:none;stroke:#d8b45f}.teaching-plan-locked small,.teaching-plan-card header small{color:var(--uis-accent);font-size:.54rem;font-weight:950;letter-spacing:.1em}.teaching-plan-locked h2,.teaching-plan-card h2{margin:3px 0 5px;color:var(--uis-head)}.teaching-plan-locked p,.teaching-plan-card p{margin:0;color:var(--uis-muted);font-size:.65rem}.teaching-plan-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.teaching-plan-summary article{display:grid;gap:3px;padding:13px 15px;border:1px solid var(--uis-line);border-radius:14px;background:var(--uis-inset)}.teaching-plan-summary small{color:var(--uis-muted);font-size:.52rem;font-weight:900}.teaching-plan-summary strong{color:var(--uis-head);font-size:1.25rem}.teaching-plan-summary span{color:var(--uis-muted);font-size:.52rem}.teaching-plan-summary .is-total{border-color:var(--uis-accent);background:color-mix(in srgb,var(--uis-accent) 10%,var(--uis-inset))}.teaching-plan-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.teaching-plan-card{overflow:hidden;border:1px solid var(--uis-line-strong);border-radius:18px;background:var(--uis-card);box-shadow:var(--uis-shadow)}.teaching-plan-card>header{display:flex;min-height:94px;align-items:center;justify-content:space-between;gap:12px;padding:17px;border-bottom:1px solid var(--uis-line);background:linear-gradient(115deg,color-mix(in srgb,var(--uis-accent) 7%,var(--uis-card)),var(--uis-card))}.teaching-plan-card>header button{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--uis-accent);border-radius:12px;color:var(--uis-head);background:var(--uis-accent);font:inherit;font-size:1.2rem;cursor:pointer}.teaching-plan-table{padding:8px}.teaching-plan-head,.teaching-plan-table article{display:grid;align-items:center;gap:8px}.teaching-plan-table.is-current .teaching-plan-head,.teaching-plan-table.is-current article{grid-template-columns:minmax(120px,1fr) 76px 48px minmax(125px,.8fr)}.teaching-plan-table.is-planned .teaching-plan-head,.teaching-plan-table.is-planned article{grid-template-columns:minmax(120px,1fr) 90px minmax(135px,1fr) 36px}.teaching-plan-head{padding:7px 9px;color:var(--uis-muted);font-size:.5rem;font-weight:950;text-transform:uppercase}.teaching-plan-table article{min-height:58px;padding:8px 9px;border-top:1px solid var(--uis-line)}.teaching-plan-table select{width:100%;min-height:39px;border:1px solid var(--uis-line);border-radius:9px;color:var(--uis-text);background:var(--uis-inset);font:inherit;font-size:.59rem}.teaching-plan-table [data-plan-remove]{display:grid;width:34px;height:34px;place-items:center;border:1px solid #9b5555;border-radius:9px;color:#e99090;background:transparent}.teaching-plan-empty{padding:22px!important;color:var(--uis-muted);font-size:.62rem;text-align:center}.teaching-plan-save{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin-top:13px;padding:13px;border:1px solid var(--uis-line);border-radius:14px;background:var(--uis-card)}.teaching-plan-save>span{margin-right:auto;color:var(--uis-muted);font-size:.58rem}.teaching-plan-save>button{min-height:42px;padding:0 15px;border:1px solid var(--uis-accent);border-radius:10px;color:var(--uis-head);background:var(--uis-accent);font:inherit;font-weight:900}.admin-plan-overview{display:grid;margin-top:16px;border:1px solid var(--admin-line);border-radius:14px;overflow:hidden}.admin-plan-overview>header,.admin-plan-overview summary{display:grid;grid-template-columns:minmax(180px,1fr) 100px 100px 110px 20px;align-items:center;gap:10px;padding:11px 13px}.admin-plan-overview>header{color:var(--admin-muted);background:var(--admin-soft);font-size:.55rem}.admin-plan-overview details{border-top:1px solid var(--admin-line)}.admin-plan-overview summary>strong{display:grid}.admin-plan-overview summary small{color:var(--admin-muted);font-size:.51rem}.admin-plan-overview details>div{display:grid;gap:5px;padding:11px 14px;border-top:1px solid var(--admin-line);color:var(--admin-muted);font-size:.59rem;background:var(--admin-soft)}@media(max-width:980px){.teaching-plan-columns{grid-template-columns:1fr}.teaching-plan-summary{grid-template-columns:1fr 1fr}}@media(max-width:600px){.teaching-plan-summary{grid-template-columns:1fr}.teaching-plan-table{overflow-x:auto}.teaching-plan-head,.teaching-plan-table article{min-width:540px}}
/* Unified theme-aware controls, accounting tabs and profile surfaces. */
body[data-view="admin"][data-interface-surface="themed"] .admin-application-grid :is(input,select,textarea){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-inset)!important;background-image:none!important;color-scheme:dark}
body[data-view="admin"][data-interface-surface="glass"] .admin-application-grid :is(input,select,textarea){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-inset)!important;background-image:none!important;color-scheme:dark}
body[data-view="admin"] .admin-application-grid :is(input,select,textarea):focus{border-color:var(--uis-accent)!important;outline:3px solid color-mix(in srgb,var(--uis-accent) 22%,transparent);outline-offset:1px}
body[data-view="admin"] .admin-application-grid :is(input,textarea)::placeholder{color:var(--uis-muted)!important;opacity:.78}

body[data-view="accounting"] .accounting-header-tabs .event-header-tab{min-height:42px!important;padding:0 12px!important;border-radius:10px!important;color:var(--uis-muted)!important;border-color:var(--uis-line)!important;background:color-mix(in srgb,var(--uis-inset) 70%,transparent)!important;background-image:none!important;box-shadow:none!important;transform:none!important}
body[data-view="accounting"] .accounting-header-tabs .event-header-tab svg{color:var(--uis-accent)!important;stroke:currentColor!important}
body[data-view="accounting"] .accounting-header-tabs .event-header-tab:is(:hover,.is-active){color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important}
body[data-view="accounting"] .accounting-header-tabs .event-header-tab.is-active{box-shadow:inset 0 -3px var(--uis-accent)!important}
body[data-view="accounting"][data-interface-surface="glass"] .accounting-header-tabs .event-header-tab{color:var(--uig-muted)!important;border-color:var(--uig-line)!important;background:var(--uig-inset)!important}
body[data-view="accounting"][data-interface-surface="glass"] .accounting-header-tabs .event-header-tab:is(:hover,.is-active){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg-alt)!important}

body[data-view="profile"][data-interface-surface="themed"] :is(.profile-page-hero,.profile-account-overview,.profile-settings-title,.profile-theme-form,.own-profile-grid>div,.own-profile-pin,.own-profile-pin-notice){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important}
body[data-view="profile"][data-interface-surface="glass"] :is(.profile-page-hero,.profile-account-overview,.profile-settings-title,.profile-theme-form,.own-profile-grid>div,.own-profile-pin,.own-profile-pin-notice){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-panel)!important;background-image:none!important}
body[data-view="profile"] :is(.profile-page-hero,.profile-account-overview,.profile-settings-title,.profile-theme-form,.own-profile-grid>div,.own-profile-pin,.own-profile-pin-notice) :is(p,small,span){color:var(--uis-muted)}
body[data-view="profile"] :is(.profile-page-hero,.profile-account-overview,.profile-settings-title,.profile-theme-form,.own-profile-grid>div,.own-profile-pin,.own-profile-pin-notice) :is(h3,h4,strong){color:var(--uis-text)}
body[data-view="profile"][data-interface-surface="themed"] .profile-preferences>header{border-color:var(--uis-line)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-preferences>header span{color:var(--uis-accent)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-preferences>header h4{color:var(--uis-text)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-preferences>header p{color:var(--uis-muted)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-preference-panel{color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;box-shadow:inset 0 1px var(--uis-line)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-preference-panel[open]{border-color:var(--uis-line-strong)!important;background:color-mix(in srgb,var(--uis-accent) 6%,var(--uis-card))!important;box-shadow:inset 3px 0 var(--uis-accent)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-preference-panel>summary>b,
body[data-view="profile"][data-interface-surface="themed"] .profile-preference-panel>summary>i{color:var(--uis-accent)!important;border-color:var(--uis-line)!important;background:var(--uis-accent-soft)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-preference-panel>summary strong{color:var(--uis-text)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-preference-panel>summary small{color:var(--uis-muted)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-preference-content::before{background:var(--uis-line)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preferences>header{border-color:var(--uig-line)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preferences>header span{color:var(--uig-accent)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preferences>header h4{color:var(--uig-text)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preferences>header p{color:var(--uig-muted)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preference-panel{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg)!important;box-shadow:inset 0 1px var(--uig-line)!important;backdrop-filter:blur(8px) saturate(1.08)!important;-webkit-backdrop-filter:blur(8px) saturate(1.08)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preference-panel[open]{border-color:color-mix(in srgb,var(--uig-accent) 52%,var(--uig-line))!important;background:var(--uig-bg-alt)!important;box-shadow:inset 3px 0 var(--uig-accent)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preference-panel>summary>b,
body[data-view="profile"][data-interface-surface="glass"] .profile-preference-panel>summary>i{color:var(--uig-accent)!important;border-color:var(--uig-line)!important;background:var(--uig-accent-soft)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preference-panel>summary strong{color:var(--uig-text)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preference-panel>summary small{color:var(--uig-muted)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preference-content::before{background:var(--uig-line)!important}
/* Glavni okvir Mojeg profila mora pratiti isti surface sustav kao elementi koje sadrzi. */
body[data-view="profile"][data-interface-surface="themed"] .profile-page{
  color:var(--uis-text)!important;
  border-color:var(--uis-line-strong)!important;
  background:linear-gradient(145deg,var(--uis-panel),color-mix(in srgb,var(--uis-card) 72%,var(--uis-panel)))!important;
  background-image:linear-gradient(145deg,var(--uis-panel),color-mix(in srgb,var(--uis-card) 72%,var(--uis-panel)))!important;
  box-shadow:var(--uis-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}
body[data-view="profile"][data-interface-surface="glass"] .profile-page{
  color:var(--uig-text)!important;
  border-color:var(--uig-line)!important;
  background:var(--uig-panel)!important;
  background-image:var(--uig-panel)!important;
  box-shadow:var(--uig-shadow)!important;
  backdrop-filter:blur(10px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.1)!important
}
body[data-view="profile"][data-interface-surface="themed"] .profile-topbar-summary :is(.profile-page-hero,.own-profile-grid>div,.own-profile-pin){color:var(--uis-text)!important;border-color:var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-topbar-summary :is(.profile-page-hero,.own-profile-grid>div,.own-profile-pin){color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-panel)!important;background-image:var(--uig-panel)!important;box-shadow:inset 0 1px var(--uig-line)!important;backdrop-filter:blur(8px) saturate(1.08)!important;-webkit-backdrop-filter:blur(8px) saturate(1.08)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-preference-list{border-color:var(--uis-line-strong)!important;background:var(--uis-panel)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-preference-list>.profile-preference-panel{border-bottom-color:var(--uis-line)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preference-list{border-color:var(--uig-line)!important;background:var(--uig-panel)!important;box-shadow:var(--uig-shadow)!important;backdrop-filter:blur(8px) saturate(1.08)!important;-webkit-backdrop-filter:blur(8px) saturate(1.08)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-preference-list>.profile-preference-panel{border-bottom-color:var(--uig-line)!important}
body[data-view="profile"] .profile-topbar-summary .profile-page-hero,
body[data-view="profile"] .profile-topbar-summary>div,
body[data-view="profile"] .profile-topbar-summary>.own-profile-pin{box-sizing:border-box!important;height:76px!important;min-height:76px!important;align-self:stretch!important;margin:0!important;padding:10px 13px!important;border-radius:15px!important;animation:none!important;transform:none!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-topbar-summary>div{color:var(--uis-text)!important;border:1px solid var(--uis-line)!important;background:var(--uis-card)!important;background-image:none!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-topbar-summary>div{color:var(--uig-text)!important;border:1px solid var(--uig-line)!important;background:var(--uig-panel)!important;background-image:var(--uig-panel)!important;box-shadow:inset 0 1px var(--uig-line)!important;backdrop-filter:blur(8px) saturate(1.08)!important;-webkit-backdrop-filter:blur(8px) saturate(1.08)!important}
body[data-view="profile"] .profile-topbar-summary #revealOwnPin{color:var(--uis-head)!important;border:1px solid var(--uis-accent)!important;background:var(--uis-accent)!important;box-shadow:0 7px 18px color-mix(in srgb,var(--uis-accent) 22%,transparent)!important}
body[data-view="profile"] .profile-topbar-summary #revealOwnPin:hover{filter:brightness(1.08);transform:translateY(-1px)}
body[data-view="profile"][data-interface-surface="themed"] .profile-topbar-summary.is-pin-revealed>.own-profile-pin{border-color:var(--uis-accent)!important;background:color-mix(in srgb,var(--uis-accent) 18%,var(--uis-card))!important;box-shadow:inset 4px 0 var(--uis-accent)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-topbar-summary.is-pin-revealed>.own-profile-pin{border-color:var(--uig-accent)!important;background:color-mix(in srgb,var(--uig-accent) 19%,var(--uig-inset))!important;background-image:none!important;box-shadow:inset 4px 0 var(--uig-accent),0 8px 22px color-mix(in srgb,var(--uig-accent) 14%,transparent)!important}
body[data-view="profile"][data-interface-surface="themed"] .profile-topbar-summary.is-pin-revealed>.own-profile-pin-notice{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-card-alt)!important}
body[data-view="profile"][data-interface-surface="glass"] .profile-topbar-summary.is-pin-revealed>.own-profile-pin-notice{color:var(--uig-text)!important;border-color:var(--uig-line)!important;background:var(--uig-bg-alt)!important}

@media(max-width:860px){
  body[data-view="secretary"] .topbar-event-switcher{
    display:flex!important;
    width:100%!important;
    overflow:visible!important;
    padding:0 10px 10px
  }
  body[data-view="secretary"] .secretary-header-tabs{display:none!important}
  body[data-view="secretary"] .secretary-mobile-nav{display:block;width:100%}
}
@media(max-width:860px){body[data-view="admin"] .admin-header-tabs,body[data-view="my-teaching"] .my-teaching-header-tabs{display:none!important}}
@media(max-width:760px){body[data-view="secretary"] .secretary-header-tabs,body[data-view="accounting"] .accounting-header-tabs{display:none!important}}
/* Za sve module s ovom klasom vrijedi doslovno isti obrazac kao u Dokumentima i Organizaciji. */
body[data-interface-surface][data-view] .user-module-header-tabs>.event-header-tab{min-height:42px!important;padding:0 12px!important;border:1px solid var(--uis-line)!important;border-radius:10px!important;color:var(--uis-muted)!important;background:color-mix(in srgb,var(--uis-inset) 70%,transparent)!important;background-image:none!important;box-shadow:none!important;font-size:.7rem!important;transform:none!important}
body[data-interface-surface][data-view] .user-module-header-tabs>.event-header-tab svg{width:15px!important;height:15px!important;color:var(--uis-accent)!important;fill:none!important;stroke:currentColor!important}
body[data-interface-surface][data-view] .user-module-header-tabs>.event-header-tab:hover{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important;transform:translateY(-1px)!important}
body[data-interface-surface][data-view] .user-module-header-tabs>.event-header-tab.is-active{color:var(--uis-text)!important;border-color:var(--uis-line-strong)!important;background:var(--uis-accent-soft)!important;box-shadow:inset 0 -3px var(--uis-accent)!important;transform:none!important}
body[data-interface-surface="glass"][data-view] .user-module-header-tabs>.event-header-tab{color:var(--uig-muted)!important;border-color:var(--uig-line)!important;background:color-mix(in srgb,var(--uig-bg) 72%,transparent)!important}
body[data-interface-surface="glass"][data-view] .user-module-header-tabs>.event-header-tab:is(:hover,.is-active){color:var(--uig-text)!important;border-color:color-mix(in srgb,var(--uis-accent) 48%,var(--uig-line))!important;background:color-mix(in srgb,var(--uis-accent) 16%,var(--uig-bg))!important}
body[data-view="admin"][data-interface-theme] #adminPortalModal .admin-icon-picker input:checked+span small{color:var(--uis-head)!important;-webkit-text-fill-color:var(--uis-head)!important}

/* Video materijali ulaze kao jedna cjelina, istim reveal tijekom kao Imenik skole. */
body[data-view="tutorials"][data-interface-surface] .video-library.reveal{
  transition:opacity 520ms ease,transform 620ms cubic-bezier(.2,.8,.2,1),filter 520ms ease,box-shadow 180ms ease,border-color 180ms ease!important;
  transition-delay:var(--reveal-delay,0ms)!important
}