/* Generated by tools/build-worklog-css.ps1. Do not edit this bundle directly. */

/* ===== Source: current/worklog-layout.css ===== */
/* Current Worklog layout and component refinements. */
.admin-work-calendar { display: grid; gap: 14px; }
.admin-work-calendar > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.admin-work-calendar > header small { color: var(--ui-panel-accent); font-weight: 800; }
.admin-work-calendar > nav.admin-work-calendar-tabs{display:flex;min-height:60px;align-items:center;gap:7px;margin:0 calc(0px - clamp(18px,3vw,58px));padding:7px clamp(18px,3vw,58px);border-bottom:1px solid var(--ui-panel-line);background:linear-gradient(90deg,var(--ui-panel-raised),var(--ui-panel) 58%,var(--ui-panel-soft));box-shadow:0 9px 24px rgba(0,0,0,.18)}
.admin-work-calendar-tabs button{display:inline-flex;min-height:40px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--ui-panel-line);border-radius:10px;color:var(--ui-panel-muted);background:color-mix(in srgb,var(--ui-panel-soft) 68%,transparent);font:inherit;font-size:.68rem;font-weight:850;cursor:pointer;transition:.18s ease}
.admin-work-calendar-tabs button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.admin-work-calendar-tabs button b{display:grid;min-width:22px;height:22px;padding:0 5px;place-items:center;border-radius:7px;color:var(--ui-panel-accent);background:var(--ui-panel-accent-soft);font-size:.61rem}
.admin-work-calendar-tabs button:is(:hover,.is-active){color:var(--ui-panel-text);border-color:var(--ui-panel-line-strong);background:var(--ui-panel-accent-soft)}
.admin-work-calendar-tabs button.is-active{box-shadow:inset 0 -3px var(--ui-panel-accent)}
.admin-work-calendar-tabs>small{margin-left:auto;color:var(--ui-panel-muted);font-size:.61rem;font-weight:800}.admin-work-calendar-tabs>small.is-error{color:#f19aa5}
.admin-work-calendar-editor { display: grid; grid-template-columns: minmax(290px, .38fr) minmax(0, 1fr); gap: 12px; }
.admin-work-calendar-editor > form,.admin-work-calendar-editor > div { border: 1px solid var(--ui-panel-line); border-radius: 18px; color: var(--ui-panel-text); background: var(--ui-panel); }
.admin-work-calendar-editor > form { align-self: start; display: grid; gap: 12px; padding: 20px; }
.admin-work-calendar-editor form > div span { color: var(--ui-panel-accent); font-size: .65rem; font-weight: 900; letter-spacing: .12em; }
.admin-work-calendar-editor form h4 { margin: 5px 0 0; }
.admin-work-calendar-editor label { display: grid; gap: 6px; color: var(--ui-panel-muted); font-size: .72rem; font-weight: 750; }
.admin-work-calendar-editor input { min-height: 43px; padding: 0 12px; border: 1px solid var(--ui-panel-line); border-radius: 11px; color: var(--ui-panel-text); background: var(--ui-panel-soft); }
.admin-work-calendar-editor form > button { min-height: 43px; border: 1px solid var(--ui-panel-line-strong); border-radius: 11px; color: var(--ui-panel-text); background: color-mix(in srgb, var(--ui-panel-accent) 18%, var(--ui-panel-soft)); font-weight: 850; }
.admin-work-calendar-editor form > small { color: #f19aa5; }
.admin-work-calendar-editor > div { display: grid; gap: 8px; align-content: start; padding: 10px; }
.admin-work-calendar-editor article { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 11px; border: 1px solid var(--ui-panel-line); border-radius: 13px; background: var(--ui-panel-raised); }
.admin-work-calendar-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; color: var(--ui-panel-accent); background: var(--ui-panel-accent-soft); }
.admin-work-calendar-icon svg,.admin-work-calendar-empty svg { width: 20px; height: 20px; fill: none; stroke: currentColor; }
.admin-work-calendar-editor article div { display: grid; gap: 3px; }
.admin-work-calendar-editor article small { color: var(--ui-panel-accent); font-size: .58rem; font-weight: 900; letter-spacing: .08em; }
.admin-work-calendar-editor article p { margin: 0; color: var(--ui-panel-muted); font-size: .68rem; }
.admin-work-calendar-editor article > button { border: 1px solid color-mix(in srgb,#ef7f8d 38%,var(--ui-panel-line)); border-radius: 10px; padding: 9px 12px; color: #ffc1c8; background: color-mix(in srgb,#ef7f8d 10%,var(--ui-panel-soft)); }
.admin-work-calendar-empty { display: grid; min-height: 260px; place-items: center; align-content: center; gap: 7px; color: var(--ui-panel-muted); text-align: center; }
.admin-work-calendar-empty p { margin: 0; }
body[data-view="admin"][data-interface-surface="glass"] .admin-work-calendar > nav button,
body[data-view="admin"][data-interface-surface="glass"] .admin-work-calendar-editor > form,
body[data-view="admin"][data-interface-surface="glass"] .admin-work-calendar-editor > div,
body[data-view="admin"][data-interface-surface="glass"] .admin-work-calendar-editor article { border-color: var(--uig-line); background: var(--uig-bg); backdrop-filter: blur(6px); }

.workrecords-vacations { margin-top: 12px; border: 1px solid var(--schedule-line); border-radius: 18px; color: var(--schedule-text); background: var(--schedule-panel); overflow: hidden; }
.workrecords-vacations > header { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 17px 19px; border-bottom: 1px solid var(--schedule-line); }
.workrecords-vacations h3 { margin: 4px 0; }
.workrecords-vacations header span { color: var(--schedule-accent); font-size: .62rem; font-weight: 900; letter-spacing: .11em; }
.workrecords-vacations header p { margin: 0; color: var(--schedule-muted); font-size: .7rem; }
.workrecords-vacations form { display: flex; align-items: end; gap: 8px; }
.workrecords-vacations label { display: grid; gap: 5px; color: var(--schedule-muted); font-size: .63rem; font-weight: 800; }
.workrecords-vacations input { min-width: 145px; }
.workrecords-vacations > div { display: grid; gap: 7px; padding: 10px; }
.workrecords-vacations article { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 11px; padding: 10px 12px; border: 1px solid var(--schedule-line); border-radius: 12px; background: var(--schedule-card); }
.workrecords-vacations article svg { width: 19px; height: 19px; color: var(--schedule-accent); fill: none; stroke: currentColor; }
.workrecords-vacations article span { display: grid; gap: 2px; }
.workrecords-vacations article small,.workrecords-vacations > div > p { color: var(--schedule-muted); }
.workrecords-vacations > small { display: block; padding: 0 14px 12px; color: #f19aa5; }

.worklog-grid tr:is(.is-nonteaching,.is-holiday,.is-vacation) > th { box-shadow: inset 4px 0 var(--theme-glass-accent); }
.worklog-grid tr.is-holiday > th { box-shadow: inset 4px 0 #e7b85d; }
.worklog-grid tr.is-vacation > th { box-shadow: inset 4px 0 #7fc9ef; }
.worklog-grid tr[data-day-mode]:not([data-day-mode="regular"]) input:disabled,.worklog-grid tr[data-day-mode]:not([data-day-mode="regular"]) button:disabled { opacity: .38; cursor: not-allowed; }
.worklog-grid tr.is-vacation td { background: color-mix(in srgb,#6abce9 8%,var(--worklog-solid)) !important; }

@media(max-width:900px){.admin-work-calendar-editor{grid-template-columns:1fr}.admin-work-calendar>nav.admin-work-calendar-tabs{overflow-x:auto}.admin-work-calendar-tabs button{flex:0 0 auto}.admin-work-calendar-tabs>small{display:none}.workrecords-vacations>header{align-items:stretch;flex-direction:column}.workrecords-vacations form{flex-wrap:wrap}}

/* Jasna semantika dana i mogućnosti unosa */
.worklog-grid tbody tr:not(.is-weekend):not(.is-holiday):not(.is-nonteaching):not(.is-vacation) td{background:color-mix(in srgb,#2f9f79 7%,var(--theme-body-base))}
.worklog-grid tbody tr.is-weekend td,.worklog-grid tbody tr.is-weekend th{background:color-mix(in srgb,#d9a830 16%,var(--theme-body-base))}
.worklog-grid tbody tr.is-holiday td,.worklog-grid tbody tr.is-holiday th,.worklog-grid tbody tr.is-nonteaching td,.worklog-grid tbody tr.is-nonteaching th{background:color-mix(in srgb,#d84b55 19%,var(--theme-body-base))!important}
.worklog-grid tbody tr.is-vacation td,.worklog-grid tbody tr.is-vacation th{background:color-mix(in srgb,#4588d4 16%,var(--theme-body-base))!important}
.worklog-grid td:has(input:not(:disabled):not([readonly])),.worklog-grid td:has(button:not(:disabled)){box-shadow:inset 0 -3px color-mix(in srgb,var(--theme-glass-accent) 72%,transparent)}
.worklog-grid td:has(input:disabled),.worklog-grid td:has(button:disabled){background-image:repeating-linear-gradient(135deg,transparent 0,transparent 7px,rgba(110,120,120,.09) 7px,rgba(110,120,120,.09) 9px)!important}
.worklog-grid input:disabled{opacity:.86;color:var(--theme-glass-text);font-weight:750}
.workrecords-travel-notice{display:flex!important;align-items:flex-start!important;gap:16px;padding:22px!important;border:1px solid color-mix(in srgb,#e5ad49 45%,var(--theme-glass-border))!important;border-radius:16px;background:color-mix(in srgb,#e5ad49 10%,var(--theme-glass-bg))!important}
.workrecords-travel-notice svg{width:28px;height:28px;flex:none;color:#e5ad49;fill:none;stroke:currentColor}.workrecords-travel-notice p{margin:5px 0 0!important;max-width:760px!important}

/* Full-screen evidencija prati isti obrazac kao računovodstveni zbirni pregled. */
body.workrecords-expanded::before{content:"";position:fixed;z-index:4990;inset:0;background:rgba(2,7,6,.82);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
body.workrecords-expanded .worklog-confirm-backdrop{z-index:5200!important}
body[data-view="accounting"].accounting-directory-open.worklog-open .worklog-backdrop{z-index:5200!important}
body[data-view="accounting"].accounting-directory-open.worklog-open.admin-modal-open .admin-modal-backdrop{z-index:5800!important}
body[data-view="accounting"] #worklogActionDecision{z-index:5800!important}
.workrecords-evidence.is-expanded{z-index:5000!important;inset:10px!important;width:auto!important;height:auto!important;max-width:none!important;margin:0!important;border-radius:18px!important;box-shadow:0 28px 90px rgba(0,0,0,.5)!important;animation:workrecordsFullscreenOpen .28s cubic-bezier(.16,1,.3,1)}
body[data-view="workrecords"] .workrecords-expand{min-height:42px!important;padding:0 15px!important;color:#08231d!important;border:1px solid var(--worklog-solid-accent,var(--theme-glass-accent))!important;background:var(--worklog-solid-accent,var(--theme-glass-accent))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 18%,transparent),0 9px 22px rgba(0,0,0,.18)!important;font-weight:950!important}
body[data-view="workrecords"] .workrecords-expand>svg{color:#08231d!important;background:rgba(255,255,255,.24)!important}
body[data-view="workrecords"] .workrecords-expand:hover{filter:brightness(1.08);transform:translateY(-1px)}
.workrecords-evidence.is-expanded{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;flex-direction:column!important;gap:6px!important;overflow:hidden!important}
body[data-view="workrecords"] .workrecords-evidence.is-expanded>.workrecords-control-panel{display:flex!important;position:relative!important;z-index:60;top:0!important;order:0;flex:0 0 auto;width:auto!important;min-width:0;margin:0!important;padding:8px 12px!important;border-width:1px!important;border-radius:14px 14px 10px 10px!important}
.workrecords-evidence.is-expanded .workrecords-control-top{flex:1 1 390px;min-width:340px}
.workrecords-evidence.is-expanded .workrecords-control-meta{display:flex!important;flex:1 1 auto;min-width:0}
.workrecords-evidence.is-expanded .workrecords-meta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}
.workrecords-evidence.is-expanded .worklog-inline-body{display:block!important;order:1;flex:1 1 0;height:0!important;min-height:0!important;overflow:hidden!important}
.workrecords-evidence.is-expanded .worklog-grid-wrap{height:100%!important;min-height:0!important}
.workrecords-evidence.is-expanded .workrecords-expand{box-shadow:0 0 0 3px color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 24%,transparent)!important}
.workrecords-evidence.is-expanded .worklog-expanded-toolbar{display:none!important}
.workrecords-evidence.is-expanded .worklog-grid thead tr:first-child th{top:0!important}
.workrecords-evidence.is-expanded .worklog-grid thead tr:nth-child(2) th{top:36px!important}
@keyframes workrecordsFullscreenOpen{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1100px){body[data-view="workrecords"] .workrecords-evidence.is-expanded>.workrecords-control-panel{align-items:stretch!important;flex-direction:column}.workrecords-evidence.is-expanded .workrecords-control-top{flex-basis:auto;min-width:0}.workrecords-evidence.is-expanded .workrecords-control-meta{width:100%}.workrecords-evidence.is-expanded .workrecords-meta-actions{justify-content:flex-start}}
@media(max-width:650px){.workrecords-evidence.is-expanded{inset:5px!important;border-radius:14px!important}.workrecords-evidence.is-expanded .workrecords-person{display:none}.workrecords-evidence.is-expanded .workrecords-meta-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.workrecords-evidence.is-expanded .workrecords-expand{grid-column:1/-1}.workrecords-evidence.is-expanded .worklog-expanded-toolbar>span{display:none}}
@media(prefers-reduced-motion:reduce){.workrecords-evidence.is-expanded{animation:none}}

/* Evidencija rada: ista hijerarhija statusa i razdoblja kao kod putnih naloga. */
@media(min-width:1181px){
body[data-view="workrecords"] .workrecords-control-panel{display:flex!important;align-items:center!important;gap:10px!important}
body[data-view="workrecords"] :is(.workrecords-control-top,.workrecords-control-meta){display:contents!important}
body[data-view="workrecords"] .workrecords-control-top>div:first-child{order:0;flex:0 0 365px;min-width:365px!important}
body[data-view="workrecords"] .workrecords-person{order:1;flex:0 0 205px}
body[data-view="workrecords"] .workrecords-meta-actions{order:2;flex:1 1 auto;justify-content:flex-end;margin-left:auto}
body[data-view="workrecords"] .workrecords-period{order:3;flex:0 0 auto;margin-left:0}
}
body[data-view="workrecords"] .workrecords-person{position:relative;display:grid;min-width:195px;padding:8px 11px 8px 13px;border:1px solid color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 30%,var(--worklog-solid-line,var(--theme-glass-border)));border-radius:12px;background:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 8%,var(--worklog-solid-soft,var(--theme-body-base)));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 70%,transparent)}
body[data-view="workrecords"] .workrecords-person .worklog-status{width:max-content;margin:1px 0;font-size:.61rem;font-weight:950}
body[data-view="workrecords"] .workrecords-person .worklog-status.is-draft{color:#8fd8ff}
body[data-view="workrecords"] .workrecords-person .worklog-status.is-submitted{color:#f2c66f}
body[data-view="workrecords"] .workrecords-person .worklog-status.is-returned{color:#ff8d82}
body[data-view="workrecords"] .workrecords-person .worklog-status.is-finalized{color:#7ce0b5}
body[data-view="workrecords"] .workrecords-person>strong{font-size:.69rem!important}
body[data-view="workrecords"] .workrecords-person>small{font-size:.52rem!important}
body[data-view="workrecords"] .workrecords-period>[data-worklog-save-state]{display:inline-flex;align-items:center;gap:8px;min-width:136px;min-height:36px;padding:0 12px;border:1px solid color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 34%,var(--worklog-solid-line,var(--theme-glass-border)));border-radius:11px;color:var(--worklog-solid-text,var(--theme-glass-text));background:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 10%,var(--worklog-solid-soft,var(--theme-body-base)));box-shadow:inset 0 1px color-mix(in srgb,var(--worklog-solid-text,var(--theme-glass-text)) 7%,transparent);font-size:.62rem;font-weight:850;line-height:1.2;text-align:left}
body[data-view="workrecords"] .workrecords-period>[data-worklog-save-state]:empty{display:none}
body[data-view="workrecords"] .workrecords-period>[data-worklog-save-state]::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--worklog-solid-accent,var(--theme-glass-accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 14%,transparent)}
@media(max-width:700px){body[data-view="workrecords"] .workrecords-period>[data-worklog-save-state]{flex:1 1 100%;min-width:0}}
@media(min-width:1181px){body[data-view="workrecords"] .workrecords-evidence.is-expanded .workrecords-control-top>div:first-child{order:0!important;flex:0 0 365px!important;min-width:365px!important}body[data-view="workrecords"] .workrecords-evidence.is-expanded .workrecords-person{order:1!important}body[data-view="workrecords"] .workrecords-evidence.is-expanded .workrecords-meta-actions{order:2!important;flex:1 1 auto!important;justify-content:flex-end!important}body[data-view="workrecords"] .workrecords-evidence.is-expanded .workrecords-period{order:3!important;margin-left:0!important}.workrecords-evidence.is-expanded .workrecords-control-top>div:first-child>span,.workrecords-evidence.is-expanded .workrecords-control-top>div:first-child>h2{display:block!important}}
body[data-view="workrecords"] .workrecords-expand{min-width:108px!important;justify-content:center!important;font-size:.68rem!important;letter-spacing:.02em}
body[data-view="workrecords"] .workrecords-evidence:not(.is-expanded) .workrecords-expand{animation:workrecordsExpandAttention 2.4s ease-in-out infinite}
body[data-view="workrecords"] .workrecords-evidence.is-expanded .workrecords-expand{color:#fff!important;border-color:#df7466!important;background:#a94f48!important;box-shadow:0 0 0 3px color-mix(in srgb,#df7466 22%,transparent),0 9px 22px rgba(0,0,0,.2)!important;animation:none!important}
body[data-view="workrecords"] .workrecords-evidence.is-expanded .workrecords-expand>svg{color:#fff!important;background:rgba(255,255,255,.15)!important}
@keyframes workrecordsExpandAttention{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 14%,transparent),0 9px 22px rgba(0,0,0,.18)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 26%,transparent),0 11px 28px rgba(0,0,0,.24)}}
@media(max-width:1180px){body[data-view="workrecords"] .workrecords-person{min-width:0}body[data-view="workrecords"] .workrecords-period{margin-left:0}}

/* Putni nalozi: jasna hijerarhija razdoblja, relacije i financijskog sažetka. */
body[data-view="workrecords"] .commute-page .commute-hero{grid-template-columns:minmax(250px,340px) minmax(190px,235px) minmax(470px,1fr) auto;align-items:center}
body[data-view="workrecords"] .commute-page .commute-hero>div:first-child>.commute-period{display:flex;align-items:center;justify-items:initial;gap:8px;margin-top:7px}
body[data-view="workrecords"] .commute-page .commute-hero>div:first-child>.commute-period>small{flex:0 0 auto;color:var(--worklog-solid-text,var(--theme-glass-text));font-size:.58rem;font-weight:900;letter-spacing:.025em}
body[data-view="workrecords"] .commute-page .commute-hero>div:first-child>.commute-period .commute-period-controls{display:block}
body[data-view="workrecords"] .commute-page .commute-hero>div:first-child>.commute-period summary{min-width:138px;height:31px}
body[data-view="workrecords"] .commute-page .commute-hero>.commute-hero-settings{align-self:center;white-space:nowrap}
body[data-view="workrecords"] .commute-page .commute-unavailable-hero{grid-template-columns:minmax(250px,340px) minmax(190px,235px) minmax(0,1fr)}
body[data-view="workrecords"] .commute-page .commute-unavailable-hero>div:first-child>.commute-period{width:max-content;justify-self:start}
body[data-view="workrecords"] .commute-page .commute-unavailable-hero>.commute-hero-settings{width:max-content;min-width:150px;justify-self:end}
body[data-view="workrecords"] .commute-page .commute-route-bar{display:flex;align-items:stretch;gap:10px;padding-top:7px}
body[data-view="workrecords"] .commute-page .commute-route-context{display:grid;flex:0 0 auto;align-content:center;gap:5px;min-width:170px;padding:6px 8px;border:1px solid var(--worklog-solid-line,var(--theme-glass-border));border-radius:10px;background:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 8%,var(--worklog-solid-soft,var(--theme-body-base)))}
body[data-view="workrecords"] .commute-page .commute-route-context>small{color:var(--worklog-solid-muted,var(--theme-glass-muted));font-size:.46rem;font-weight:950;letter-spacing:.075em}
body[data-view="workrecords"] .commute-page .commute-route-context>.commute-route-tabs{margin:0}
body[data-view="workrecords"] .commute-page .commute-route-context .commute-route-tabs button{min-height:34px}
body[data-view="workrecords"] .commute-route-bar>.commute-pretable{display:flex;flex:1;align-items:stretch;gap:8px}
body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-summary{order:0;min-width:520px;grid-template-columns:.82fr 1.08fr .9fr}
body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-tools{order:1;min-width:360px;margin-left:auto;padding-left:10px;border-left:1px solid var(--worklog-solid-line,var(--theme-glass-border))}
body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-summary>div:nth-child(1){border-color:var(--worklog-solid-accent,var(--theme-glass-accent));background:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 16%,var(--worklog-solid-soft,var(--theme-body-base)));box-shadow:inset 3px 0 var(--worklog-solid-accent,var(--theme-glass-accent))}
body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-summary>div:nth-child(1) strong{font-size:.78rem;font-weight:950}
body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-summary>div:nth-child(2){border-color:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 55%,var(--worklog-solid-line,var(--theme-glass-border)));background:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 9%,var(--worklog-solid-soft,var(--theme-body-base)))}
body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-summary>div:nth-child(2) strong{color:var(--worklog-solid-text,var(--theme-glass-text));font-size:.74rem;font-weight:950}
body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-summary>label:nth-child(3){border-color:var(--worklog-solid-line,var(--theme-glass-border));background:var(--worklog-solid-soft,var(--theme-body-base))}
@media(max-width:1500px){body[data-view="workrecords"] .commute-route-bar>.commute-pretable{flex-wrap:wrap}body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-summary{flex:1 1 620px}body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-tools{flex:1 1 420px}}
@media(max-width:1100px){body[data-view="workrecords"] .commute-page .commute-hero{grid-template-columns:1fr}body[data-view="workrecords"] .commute-page .commute-hero>:is(.commute-status-card,.commute-identity,.commute-hero-settings,.commute-route-bar){grid-column:1;grid-row:auto}body[data-view="workrecords"] .commute-page .commute-unavailable-hero>.commute-hero-settings{justify-self:start}body[data-view="workrecords"] .commute-page .commute-route-bar{flex-direction:column}body[data-view="workrecords"] .commute-page .commute-route-context{width:100%}body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-summary,body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-tools{width:100%;min-width:0;margin-left:0}body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-tools{padding-left:0;border-left:0}}
@media(max-width:700px){body[data-view="workrecords"] .commute-page .commute-hero>div:first-child>.commute-period{align-items:stretch;flex-direction:column}body[data-view="workrecords"] .commute-page .commute-hero>div:first-child>.commute-period summary{width:100%}body[data-view="workrecords"] .commute-page .commute-hero>.commute-hero-settings{width:100%}body[data-view="workrecords"] .commute-route-bar>.commute-pretable .commute-summary{grid-template-columns:1fr}}

/* Putni nalozi: završna traka ostaje vidljiva kao kod Evidencije rada. */
body[data-view="workrecords"] .commute-page:not(.commute-unavailable) .commute-sheet>.commute-table-wrap{max-height:calc(100dvh - 450px)}
body[data-view="workrecords"] .commute-sheet>.commute-submit{position:sticky;z-index:24;bottom:0;border-radius:0 0 18px 18px;box-shadow:0 -10px 24px color-mix(in srgb,var(--worklog-solid,var(--theme-body-base)) 28%,transparent)}
@media(max-height:760px){body[data-view="workrecords"] .commute-page:not(.commute-unavailable) .commute-sheet>.commute-table-wrap{max-height:calc(100dvh - 350px)}}
@media(max-width:900px){body[data-view="workrecords"] .commute-page:not(.commute-unavailable) .commute-sheet>.commute-table-wrap{max-height:max(320px,calc(100dvh - 420px))}}

/* Jedan pregled pomoći: šifrarnik, razdoblja i boje. Povećaj/Smanji uvijek je zadnja radna akcija. */
body[data-view="workrecords"] .worklog-unified-guide .workrecords-popover-panel{right:0;left:auto;width:min(760px,calc(100vw - 32px));max-width:none;padding:12px;grid-template-columns:1.35fr 1fr 1.15fr;gap:10px}
body[data-view="workrecords"] .worklog-unified-guide[open] .workrecords-popover-panel{display:grid}
body[data-view="workrecords"] .worklog-guide-section{min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 20%,var(--worklog-solid-line,var(--theme-glass-border)));border-radius:12px;background:color-mix(in srgb,var(--worklog-solid-soft,var(--theme-body-base)) 86%,transparent)}
body[data-view="workrecords"] .worklog-guide-section>header{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--worklog-solid-line,var(--theme-glass-border))}
body[data-view="workrecords"] .worklog-guide-section>header>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:var(--worklog-solid-accent,var(--theme-glass-accent));background:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 13%,transparent);font-size:.57rem;font-weight:950}
body[data-view="workrecords"] .worklog-guide-section>header div{display:grid;line-height:1.05}
body[data-view="workrecords"] .worklog-guide-section>header small{color:var(--worklog-solid-muted,var(--theme-glass-muted));font-size:.48rem;font-weight:900;letter-spacing:.09em}
body[data-view="workrecords"] .worklog-guide-section>header strong{font-size:.75rem}
body[data-view="workrecords"] .worklog-guide-section h4{display:none}
body[data-view="workrecords"] .worklog-guide-section p,body[data-view="workrecords"] .worklog-guide-section li{font-size:.64rem;line-height:1.45}
body[data-view="workrecords"] .worklog-guide-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}
body[data-view="workrecords"] .worklog-guide-codes p{margin:0}
body[data-view="workrecords"] .worklog-guide-section.is-colors>div>p{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center;gap:9px;margin:0!important;padding:7px 0!important;border-bottom:1px solid color-mix(in srgb,var(--worklog-solid-line,var(--theme-glass-border)) 75%,transparent)}
body[data-view="workrecords"] .worklog-guide-section.is-colors>div>p>i{display:block!important;width:22px;height:22px;border:1px solid rgba(255,255,255,.24);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.16)}
body[data-view="workrecords"] .worklog-guide-section.is-colors i.is-weekday{background:#12332f}
body[data-view="workrecords"] .worklog-guide-section.is-colors i.is-weekend{background:#635424}
body[data-view="workrecords"] .worklog-guide-section.is-colors i.is-special{background:#7a3440}
body[data-view="workrecords"] .worklog-guide-section.is-colors i.is-vacation{background:#28618d}
body[data-view="workrecords"] .worklog-guide-section.is-colors i.is-input{background:#1b6b5a;box-shadow:inset 0 0 0 2px #73d8bd,0 3px 9px rgba(0,0,0,.16)}
body[data-view="workrecords"] .worklog-guide-section.is-colors>div>p>span{display:block!important;min-width:0}
body[data-view="workrecords"] .worklog-guide-section.is-colors>div>small{display:block;margin-top:10px;font-size:.59rem;line-height:1.45}
body[data-view="workrecords"] .workrecords-meta-actions>[data-workrecords-expand]{margin-left:2px}
@media(max-width:900px){body[data-view="workrecords"] .worklog-unified-guide .workrecords-popover-panel{grid-template-columns:1fr;max-height:min(70vh,620px);overflow:auto}}

/* Korisnički prikaz: alatna traka evidencije ostaje jedan kompaktan red. */
body[data-view="workrecords"] .workrecords-meta-actions>.workrecords-tools-badge{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:max-content;max-width:100%;min-width:0}
body[data-view="workrecords"] .workrecords-meta-actions>.workrecords-tools-badge>*{flex:0 0 auto}
body[data-view="workrecords"] .workrecords-meta-actions>.workrecords-tools-badge>.workrecords-popover{width:auto;min-width:132px}
@media(max-width:1180px){body[data-view="workrecords"] .workrecords-meta-actions{overflow-x:auto;overflow-y:visible}body[data-view="workrecords"] .workrecords-meta-actions>.workrecords-tools-badge{min-width:max-content}}
@media(max-width:760px){body[data-view="workrecords"] .workrecords-meta-actions>.workrecords-tools-badge{display:grid;width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}body[data-view="workrecords"] .workrecords-meta-actions>.workrecords-tools-badge>*{width:100%;min-width:0}body[data-view="workrecords"] .workrecords-meta-actions>.workrecords-tools-badge>.workrecords-expand{grid-column:1/-1}}

/* Raspored za evidenciju: treći red i njegove akcije ne dijele geometriju mjesečne evidencije. */
body[data-view="workrecords"] .workrecords-schedule>.workrecords-schedule-nav{min-height:60px!important;height:auto!important}
body[data-view="workrecords"] .workrecords-schedule .workrecords-schedule-heading{display:grid!important;gap:2px!important;width:auto!important;height:auto!important;min-width:0}
body[data-view="workrecords"] .workrecords-schedule .workrecords-schedule-heading>small{color:var(--worklog-solid-muted,var(--theme-glass-muted))!important;font-size:.48rem!important;font-weight:900!important;letter-spacing:.11em!important}
body[data-view="workrecords"] .workrecords-schedule .workrecords-schedule-heading>strong{color:var(--worklog-solid-text,var(--theme-glass-text))!important;font-size:.84rem!important;font-weight:950!important}
body[data-view="workrecords"] .workrecords-schedule .workrecords-schedule-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:auto!important;height:auto!important;margin-left:auto!important}
body[data-view="workrecords"] .workrecords-schedule .workrecords-schedule-actions>[data-save-schedule]{display:inline-flex!important;width:auto!important;height:38px!important;min-height:38px!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 13px!important;font-size:.72rem!important;font-weight:900!important}
body[data-view="workrecords"] .workrecords-schedule .workrecords-schedule-actions>[data-save-schedule] svg{display:block!important;width:16px!important;height:16px!important;flex:0 0 16px!important;fill:none!important;stroke:currentColor!important}
body[data-view="workrecords"] .workrecords-schedule .workrecords-schedule-actions>.schedule-clear-button{height:38px!important;min-height:38px!important;flex:0 0 auto!important}
body[data-view="workrecords"] .workrecords-schedule>.workrecords-vacations.schedule-subpanel{margin-top:14px!important}

/* Bez odabranih radnih dana prikazuje se samo jasna tematska obavijest. */
body[data-view="workrecords"] .schedule-unconfigured-state{display:grid;min-height:300px;place-items:center;align-content:center;gap:8px;margin-top:12px;padding:30px;border:1px solid var(--uig-line,var(--uis-line,var(--theme-glass-border)));border-radius:18px;color:var(--uis-text,var(--theme-glass-text));background:radial-gradient(circle at 50% 30%,var(--uis-accent-soft,transparent),transparent 42%),var(--uig-bg,var(--uis-panel,var(--theme-glass-bg)));text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.04)}
body[data-view="workrecords"] .schedule-unconfigured-state[hidden]{display:none!important}
body[data-view="workrecords"] .schedule-unconfigured-state>span{display:grid;width:46px;height:46px;margin-bottom:5px;place-items:center;border:1px solid var(--uis-line-strong,var(--uig-line,var(--theme-glass-border)));border-radius:14px;color:var(--uis-accent,var(--theme-glass-accent));background:var(--uig-inset,var(--uis-inset,var(--theme-glass-bg)))}
body[data-view="workrecords"] .schedule-unconfigured-state>span svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
body[data-view="workrecords"] .schedule-unconfigured-state>small{color:var(--uis-accent,var(--theme-glass-accent))!important;font-size:.5rem!important;font-weight:950!important;letter-spacing:.12em!important}
body[data-view="workrecords"] .schedule-unconfigured-state>h3{margin:1px 0 2px;color:var(--uis-text,var(--theme-glass-text));font-size:1rem;font-weight:950}
body[data-view="workrecords"] .schedule-unconfigured-state>p{max-width:610px;margin:0!important;color:var(--uis-muted,var(--theme-glass-muted))!important;font-size:.67rem!important;line-height:1.55}
@media(max-width:700px){body[data-view="workrecords"] .schedule-unconfigured-state{min-height:250px;padding:24px 18px}}

/* Računovodstveni pregled koristi isti objedinjeni vodič kao korisnik. */
.worklog-accounting-dialog .worklog-unified-guide .workrecords-popover-panel{right:0;left:auto;width:min(760px,calc(100vw - 32px));max-width:none;max-height:none;padding:12px;grid-template-columns:1.35fr 1fr 1.15fr;gap:10px;overflow:visible}
.worklog-accounting-dialog .worklog-unified-guide[open] .workrecords-popover-panel{display:grid}
.worklog-accounting-dialog .worklog-guide-section{min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 20%,var(--worklog-solid-line,var(--theme-glass-border)));border-radius:12px;background:color-mix(in srgb,var(--worklog-solid-soft,var(--theme-body-base)) 86%,transparent)}
.worklog-accounting-dialog .worklog-guide-section>header{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--worklog-solid-line,var(--theme-glass-border))}
.worklog-accounting-dialog .worklog-guide-section>header>span{display:grid;width:27px;height:27px;place-items:center;flex:0 0 27px;border-radius:9px;color:var(--worklog-solid-accent,var(--theme-glass-accent));background:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 13%,transparent);font-size:.57rem;font-weight:950}
.worklog-accounting-dialog .worklog-guide-section>header div{display:grid;min-width:0;line-height:1.05}.worklog-accounting-dialog .worklog-guide-section>header small{color:var(--worklog-solid-muted,var(--theme-glass-muted));font-size:.48rem;font-weight:900;letter-spacing:.09em}.worklog-accounting-dialog .worklog-guide-section>header strong{font-size:.75rem}.worklog-accounting-dialog .worklog-guide-section h4{display:none}
.worklog-accounting-dialog .worklog-guide-section :is(p,li){font-size:.64rem;line-height:1.45}
.worklog-accounting-dialog .worklog-guide-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}.worklog-accounting-dialog .worklog-guide-codes p{margin:0}
.worklog-accounting-dialog .worklog-guide-section.is-colors>div>p{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center;gap:9px;margin:0!important;padding:7px 0!important;border-bottom:1px solid color-mix(in srgb,var(--worklog-solid-line,var(--theme-glass-border)) 75%,transparent)}
.worklog-accounting-dialog .worklog-guide-section.is-colors>div>p>i{display:block!important;width:22px;height:22px;border:1px solid rgba(255,255,255,.24);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.16)}
.worklog-accounting-dialog .worklog-guide-section.is-colors i.is-weekday{background:#12332f}.worklog-accounting-dialog .worklog-guide-section.is-colors i.is-weekend{background:#635424}.worklog-accounting-dialog .worklog-guide-section.is-colors i.is-special{background:#7a3440}.worklog-accounting-dialog .worklog-guide-section.is-colors i.is-vacation{background:#28618d}.worklog-accounting-dialog .worklog-guide-section.is-colors i.is-input{background:#1b6b5a;box-shadow:inset 0 0 0 2px #73d8bd,0 3px 9px rgba(0,0,0,.16)}
.worklog-accounting-dialog .worklog-guide-section.is-colors>div>p>span{display:block!important;min-width:0}.worklog-accounting-dialog .worklog-guide-section.is-colors>div>small{display:block;margin-top:10px;font-size:.59rem;line-height:1.45}
.worklog-accounting-dialog:has(.worklog-unified-guide[open]),.worklog-accounting-dialog:has(.worklog-unified-guide[open]) .worklog-modal-meta{overflow:visible!important}
@media(max-width:900px){.worklog-accounting-dialog .worklog-unified-guide .workrecords-popover-panel{grid-template-columns:1fr;max-height:min(70vh,620px);overflow:auto}}

/* Knjigovodstvo: potvrde moraju biti iznad pregleda, a Povijest i Vodič u istom redu. */
body.worklog-open .admin-modal-backdrop{z-index:2050!important}
body.workrecords-expanded.admin-modal-open .admin-modal-backdrop{z-index:5900!important}

.worklog-numbers-overwrite{margin-top:12px}
body[data-view="accounting"] .worklog-accounting-dialog .workrecords-meta-actions{display:flex!important;align-items:center;justify-content:flex-end;overflow:visible!important}
body[data-view="accounting"] .worklog-accounting-dialog .worklog-modal-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px}
body[data-view="accounting"] .worklog-accounting-dialog .workrecords-person{display:flex!important;align-items:center;gap:9px;min-width:0;white-space:nowrap}
body[data-view="accounting"] .worklog-accounting-dialog .workrecords-person>small:first-child{display:none!important}
body[data-view="accounting"] .worklog-accounting-dialog .workrecords-person>strong{font-size:.76rem}
body[data-view="accounting"] .worklog-accounting-dialog .workrecords-person>small:last-child{padding-left:9px;border-left:1px solid var(--worklog-solid-line,var(--theme-glass-border));font-size:.58rem}
body[data-view="accounting"] .worklog-accounting-dialog .workrecords-tools-badge{display:grid;grid-template-columns:repeat(2,minmax(132px,1fr));align-items:center;gap:8px;width:max-content;max-width:100%}
body[data-view="accounting"] .worklog-accounting-dialog .workrecords-tools-badge>.workrecords-popover{min-width:0}
body[data-view="accounting"] .worklog-accounting-dialog .workrecords-tools-badge>.workrecords-popover>summary{box-sizing:border-box;width:100%}
@media(max-width:760px){body[data-view="accounting"] .worklog-accounting-dialog .worklog-modal-meta{align-items:stretch!important;flex-direction:column!important}body[data-view="accounting"] .worklog-accounting-dialog .workrecords-person{width:100%;flex-wrap:wrap;white-space:normal}body[data-view="accounting"] .worklog-accounting-dialog .workrecords-meta-actions{width:100%;margin-left:0}body[data-view="accounting"] .worklog-accounting-dialog .workrecords-tools-badge{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Delegirani obrasci ostaju potpuno vidljivi i nakon premještanja evidencije u fullscreen sloj. */
.workrecords-evidence.is-expanded>.workrecords-delegate-bar{display:flex!important;align-items:center;justify-content:space-between;gap:18px;width:auto!important;max-width:none!important;margin:8px!important;padding:9px 12px 9px 15px!important;border:1px solid color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 34%,transparent)!important;border-radius:12px!important;color:var(--worklog-solid-text,var(--theme-glass-text))!important;background:linear-gradient(100deg,color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 12%,var(--worklog-solid-soft,var(--theme-body-base))),var(--worklog-solid-soft,var(--theme-body-base)))!important;box-shadow:inset 3px 0 color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 78%,transparent),0 9px 25px rgba(0,0,0,.16)!important}
.workrecords-evidence.is-expanded>.workrecords-delegate-bar>div{display:grid;gap:2px;min-width:210px;padding-left:3px}
.workrecords-evidence.is-expanded>.workrecords-delegate-bar small{color:var(--worklog-solid-accent,var(--theme-glass-accent))!important;font-size:.57rem!important;font-weight:950!important;letter-spacing:.11em}
.workrecords-evidence.is-expanded>.workrecords-delegate-bar strong{display:block!important;color:var(--worklog-solid-text,var(--theme-glass-text))!important;font-size:.82rem!important}
.workrecords-evidence.is-expanded>.workrecords-delegate-bar label{display:grid!important;grid-template-columns:auto minmax(300px,430px)!important;align-items:center!important;gap:11px!important;color:var(--worklog-solid-muted,var(--theme-glass-muted))!important;font-size:.62rem!important;font-weight:900!important}
.workrecords-evidence.is-expanded>.workrecords-delegate-bar select{display:block!important;width:430px!important;max-width:42vw!important;min-height:40px!important;padding:0 42px 0 13px!important;appearance:none!important;-webkit-appearance:none!important;color:var(--worklog-solid-text,var(--theme-glass-text))!important;border:1px solid color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 38%,rgba(255,255,255,.12))!important;border-radius:10px!important;background-color:color-mix(in srgb,var(--worklog-solid-soft,var(--theme-body-base)) 88%,#071312)!important;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%)!important;background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;font:inherit!important;font-weight:850!important;color-scheme:dark}
.workrecords-evidence.is-expanded>.workrecords-delegate-bar select:focus{outline:none!important;border-color:var(--worklog-solid-accent,var(--theme-glass-accent))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 14%,transparent)!important}
.workrecords-evidence.is-expanded>.workrecords-delegate-bar select option{color:#eaf8f5;background:#102b31}
@media(max-width:760px){.workrecords-evidence.is-expanded>.workrecords-delegate-bar{align-items:stretch;flex-direction:column}.workrecords-evidence.is-expanded>.workrecords-delegate-bar label{grid-template-columns:1fr!important}.workrecords-evidence.is-expanded>.workrecords-delegate-bar select{width:100%!important;max-width:none!important}}

/* Posebne naznake: tematsko prazno stanje intervala odsutnosti. */
.workrecords-vacations [data-vacation-list]:has(.absence-empty-state){min-height:160px;place-items:center;padding:22px}
.absence-empty-state{width:min(440px,100%);display:grid;justify-items:center;gap:6px;padding:22px;text-align:center;color:var(--schedule-muted)}
.absence-empty-state>span{width:48px;height:48px;display:grid;place-items:center;margin-bottom:4px;border:1px solid color-mix(in srgb,var(--schedule-accent) 38%,var(--schedule-line));border-radius:15px;color:var(--schedule-accent);background:color-mix(in srgb,var(--schedule-accent) 12%,var(--schedule-card));box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.12)}
.absence-empty-state svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.absence-empty-state strong{color:var(--schedule-text);font-size:.88rem}
.workrecords-vacations [data-vacation-list] .absence-empty-state p{margin:0;color:var(--schedule-muted);font-size:.7rem}
.worklog-employment-inactive{position:relative;isolation:isolate;overflow:hidden;min-height:390px!important;border-color:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 28%,var(--worklog-solid-line,var(--theme-glass-border)))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 8%,var(--worklog-solid,var(--theme-body-base))),var(--worklog-solid,var(--theme-body-base)))!important}.worklog-employment-inactive::before{position:absolute;z-index:-1;inset:auto auto -105px -80px;width:300px;height:300px;border-radius:50%;background:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 8%,transparent);content:"";filter:blur(8px)}.worklog-employment-inactive>div{width:68px;height:68px;border:1px solid color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 30%,transparent);border-radius:21px;box-shadow:0 14px 34px color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 12%,transparent)}.worklog-employment-inactive>span{margin-top:2px}.worklog-employment-inactive h3{margin:4px 0 2px;font-size:clamp(1.25rem,2.2vw,1.55rem)}.worklog-employment-inactive p{max-width:610px;font-size:.76rem}.worklog-employment-inactive>small{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 18%,transparent);border-radius:10px;background:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 7%,var(--worklog-solid-soft,var(--theme-body-base)))}.worklog-employment-inactive>small svg{width:14px;height:14px;color:var(--worklog-solid-accent,var(--theme-glass-accent))}@media(max-width:700px){.worklog-employment-inactive{min-height:330px!important}.worklog-employment-inactive>small{max-width:280px;justify-content:center}}
.workrecords-page-host>.worklog-employment-inactive{box-sizing:border-box;width:calc(100% - 32px);margin:18px auto 40px;padding:36px 24px}
.worklog-employment-inactive>[data-worklog-current-period]{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;margin-top:15px;padding:0 16px;border:1px solid var(--uis-accent);border-radius:11px;color:var(--uis-head);background:var(--uis-accent);font:inherit;font-size:.7rem;font-weight:900;cursor:pointer}.worklog-employment-inactive>[data-worklog-current-period] svg{width:16px;height:16px;fill:none;stroke:currentColor}.worklog-employment-inactive>[data-worklog-current-period]:hover{filter:brightness(1.06)}
@media(max-width:700px){.workrecords-page-host>.worklog-employment-inactive{width:calc(100% - 20px);margin:12px auto 28px;padding:28px 18px}.worklog-employment-inactive>[data-worklog-current-period]{width:100%;max-width:280px}}

/* Godišnji pregled evidencija i početno stanje budućih Putnih naloga. */
body[data-view="workrecords"] .workrecords-overview{box-sizing:border-box;width:calc(100% - 32px);max-width:1280px;margin:18px auto 40px;padding:22px;border:1px solid var(--uis-line);border-radius:18px;color:var(--uis-text);background:var(--uis-panel)}
body[data-view="workrecords"][data-interface-surface="glass"] .workrecords-overview{color:var(--uig-text);border-color:var(--uig-line);background:var(--uig-panel)}
.workrecords-overview>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.workrecords-overview>header>div{display:grid;gap:5px}.workrecords-overview>header>div>span{color:var(--uis-accent);font-size:.54rem;font-weight:950;letter-spacing:.11em}.workrecords-overview h2{margin:0;font-size:1.18rem}.workrecords-overview header p{margin:0;color:var(--uis-muted);font-size:.68rem}.workrecords-overview header label{display:grid;min-width:180px;gap:5px}.workrecords-overview header label>span{color:var(--uis-muted);font-size:.55rem;font-weight:900}.workrecords-overview header .my-teaching-select{width:100%}.workrecords-overview-note{display:flex;align-items:center;gap:7px;margin:0 0 12px;padding:0 2px;color:var(--uis-muted);font-size:.62rem}.workrecords-overview-note svg{width:15px;height:15px;fill:none;stroke:var(--uis-accent)}.workrecords-overview-loading{padding:40px;color:var(--uis-muted);text-align:center}.workrecords-overview-table{overflow:hidden;border:1px solid var(--uis-line);border-radius:13px}.workrecords-overview-table table{width:100%;border-collapse:collapse}.workrecords-overview-table th,.workrecords-overview-table td{height:44px;padding:0 16px;border-bottom:1px solid var(--uis-line);text-align:left}.workrecords-overview-table thead th{height:39px;color:var(--uis-head);background:color-mix(in srgb,var(--uis-accent) 82%,var(--uis-inset));font-size:.59rem}.workrecords-overview-table tbody th{color:var(--uis-text);background:var(--uis-card);font-size:.68rem}.workrecords-overview-table tbody td{background:var(--uis-card)}.workrecords-overview-table tbody tr:nth-child(even)>*{background:var(--uis-card-alt)}.workrecords-overview-table tbody tr:last-child>*{border-bottom:0}.workrecords-overview-status{display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border:1px solid var(--uis-line);border-radius:999px;color:var(--uis-muted);background:var(--uis-inset);font-size:.54rem;font-weight:900}.workrecords-overview-status.is-draft{color:var(--uis-accent);border-color:var(--uis-line-strong);background:var(--uis-accent-soft)}.workrecords-overview-status.is-submitted{color:#b17712;border-color:color-mix(in srgb,#b17712 42%,var(--uis-line));background:color-mix(in srgb,#d99a23 13%,var(--uis-inset))}.workrecords-overview-status.is-returned{color:#b74735;border-color:color-mix(in srgb,#b74735 42%,var(--uis-line));background:color-mix(in srgb,#b74735 12%,var(--uis-inset))}.workrecords-overview-status.is-finalized{color:var(--uis-accent);border-color:var(--uis-line-strong);background:var(--uis-accent-soft)}
.workrecords-travel-home{box-sizing:border-box;width:calc(100% - 32px);max-width:980px;min-height:360px;margin:18px auto 40px;padding:36px;display:grid;place-content:center;justify-items:center;gap:7px;border:1px dashed var(--uis-line-strong);border-radius:18px;color:var(--uis-text);background:var(--uis-panel);text-align:center}.workrecords-travel-home>div{display:grid;width:54px;height:54px;place-items:center;margin-bottom:5px;border:1px solid var(--uis-line-strong);border-radius:16px;color:var(--uis-accent);background:var(--uis-accent-soft)}.workrecords-travel-home svg{width:25px;height:25px;fill:none;stroke:currentColor}.workrecords-travel-home>span{color:var(--uis-accent);font-size:.54rem;font-weight:950;letter-spacing:.11em}.workrecords-travel-home h2{margin:0;font-size:1.1rem}.workrecords-travel-home p,.workrecords-travel-home small{margin:0;color:var(--uis-muted);font-size:.67rem}.workrecords-travel-home small{font-size:.58rem}
@media(max-width:700px){body[data-view="workrecords"] .workrecords-overview,.workrecords-travel-home{width:calc(100% - 20px);margin:12px auto 28px;padding:16px}.workrecords-overview>header{align-items:stretch;flex-direction:column;gap:14px}.workrecords-overview header label{min-width:0}.workrecords-overview-table th,.workrecords-overview-table td{height:42px;padding:0 11px}.workrecords-overview-table td{width:62%}.workrecords-overview-status{font-size:.49rem}.workrecords-travel-home{min-height:300px}}
.travel-orders-page{display:grid;gap:18px;padding:18px 16px 40px}.travel-orders-page>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--uis-line);border-radius:16px;background:var(--uis-panel);color:var(--uis-text)}.travel-orders-page>header span{display:block;color:var(--uis-accent);font-size:.62rem;font-weight:900;letter-spacing:.1em}.travel-orders-page>header h2{margin:5px 0}.travel-orders-page>header p{margin:0;color:var(--uis-muted)}.travel-orders-page button{min-height:44px;padding:0 16px;border-radius:11px}.travel-orders-page svg{width:18px;height:18px}.travel-orders-list{display:grid;gap:10px}.travel-orders-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--uis-line);border-radius:14px;background:var(--uis-card);color:var(--uis-text)}.travel-orders-list article>div{display:grid;gap:3px;min-width:0}.travel-orders-list small,.travel-orders-list span{color:var(--uis-muted)}.travel-orders-list em,.acc-official-order-status{padding:7px 10px;border:1px solid var(--uis-line);border-radius:999px;background:var(--uis-inset);color:var(--uis-text);font-style:normal;font-size:.78rem;font-weight:800}.travel-orders-list em.is-approved,.acc-official-order-status.is-approved{border-color:var(--uis-accent);color:var(--uis-accent)}.travel-orders-empty{display:grid;justify-items:center;gap:8px;padding:48px;border:1px dashed var(--uis-line);border-radius:14px;color:var(--uis-muted)}.travel-order-form{display:grid;gap:14px}.travel-order-form>div:not(.admin-modal-actions){display:grid;grid-template-columns:1fr 1fr;gap:12px}.travel-order-form label{display:grid;gap:6px;color:var(--uis-muted);font-size:.82rem;font-weight:700}.travel-order-form input,.travel-order-form textarea,.travel-order-form select{width:100%;padding:11px 12px;border:1px solid var(--uis-line);border-radius:10px;background:var(--uis-inset);color:var(--uis-text)}.travel-order-check{display:flex!important;align-items:center}.travel-order-check input{width:18px}.travel-order-error{color:var(--ui-danger,#d75c68)}.travel-order-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:16px 0;background:var(--uis-line)}.travel-order-detail dl>div{padding:12px;background:var(--uis-card)}.travel-order-detail dt{color:var(--uis-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.travel-order-detail dd{margin:5px 0 0;color:var(--uis-text)}@media(max-width:700px){.travel-orders-page>header{align-items:stretch;flex-direction:column}.travel-orders-list article,.travel-order-form>div:not(.admin-modal-actions),.travel-order-detail dl{grid-template-columns:1fr}}
.travel-order-form [hidden]{display:none!important}.travel-order-form .travel-order-conditional{animation:travel-order-field-in 160ms ease-out}.travel-order-form label span small{font-weight:600;color:var(--uis-muted)}.travel-order-form label span b{color:var(--ui-danger);font-weight:900}.travel-order-attachments{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--uis-line-strong);border-radius:12px;background:var(--uis-card-alt);color:var(--uis-text);animation:travel-order-field-in 160ms ease-out}.travel-order-attachments p{margin:0;color:var(--uis-muted);line-height:1.45}.travel-order-attachments>div{display:flex;flex-wrap:wrap;gap:8px}.travel-order-attachments a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid var(--uis-line);border-radius:10px;background:var(--uis-inset);color:var(--uis-text);font-weight:800;text-decoration:none}.travel-order-attachments a:hover,.travel-order-attachments a:focus-visible{border-color:var(--uis-accent);outline:2px solid var(--uis-accent);outline-offset:2px}.travel-order-modal[data-interface-surface="glass"] .travel-order-attachments{border-color:var(--uig-line);background:var(--uig-bg-alt);color:var(--uig-text)}.travel-order-modal[data-interface-surface="glass"] .travel-order-attachments p{color:var(--uig-muted)}.travel-order-modal[data-interface-surface="glass"] .travel-order-attachments a{border-color:var(--uig-line);background:var(--uig-inset);color:var(--uig-text)}@keyframes travel-order-field-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.travel-order-form .travel-order-conditional,.travel-order-attachments{animation:none}}
.worklog-status{min-height:25px;padding:4px 9px;border:1px solid transparent;border-radius:999px;transition:color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.worklog-status.is-draft{color:var(--worklog-solid-accent,var(--theme-glass-accent));border-color:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 28%,transparent);background:color-mix(in srgb,var(--worklog-solid-accent,var(--theme-glass-accent)) 9%,transparent)}.worklog-status.is-submitted{color:#f4c977!important;border-color:rgba(229,169,79,.42);background:rgba(229,169,79,.14);box-shadow:inset 0 0 0 1px rgba(255,215,139,.04),0 5px 16px rgba(161,103,20,.1)}.worklog-status.is-submitted i{background:#f0bd63!important;box-shadow:0 0 0 4px rgba(240,189,99,.12)}.worklog-status.is-returned{color:#f19a6b!important;border-color:rgba(231,126,74,.4);background:rgba(195,82,39,.14)}.worklog-status.is-finalized{color:#8fd7c4!important;border-color:rgba(111,205,178,.38);background:rgba(71,168,143,.13)}

/* Pregled službenog Putnog naloga. */
.admin-modal.is-wide.travel-order-review-modal{box-sizing:border-box;width:min(880px,calc(100vw - 28px));max-height:min(820px,calc(100dvh - 28px));overflow:auto;padding:0;border-color:var(--uis-line-strong);color:var(--uis-text);background:var(--uis-panel)}
.travel-order-review-modal>.admin-modal-close{z-index:4;top:18px;right:18px;color:var(--uis-text);border-color:var(--uis-line-strong);background:var(--uis-inset)}
.travel-order-review-heading{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;padding:24px 78px 20px 24px;border-bottom:1px solid var(--uis-line);background:linear-gradient(120deg,var(--uis-card),var(--uis-panel))}
.travel-order-review-heading>span{display:grid;width:54px;height:54px;place-items:center;border:1px solid var(--uis-line);border-radius:16px;color:var(--uis-accent);background:var(--uis-accent-soft)}.travel-order-review-heading>span svg{width:25px;height:25px;fill:none;stroke:currentColor}.travel-order-review-heading .admin-modal-kicker{margin:0 0 4px!important;color:var(--uis-accent)!important;font-size:.58rem!important}.travel-order-review-heading h3{margin:0 0 4px;font-size:1.25rem}.travel-order-review-heading>div>p:last-child{margin:0;color:var(--uis-muted);font-size:.65rem}.travel-order-review-heading>em{justify-self:end;padding:7px 10px;border:1px solid var(--uis-line-strong);border-radius:999px;color:var(--uis-text);background:var(--uis-inset);font-size:.6rem;font-style:normal;font-weight:900;white-space:nowrap}.travel-order-review-heading>em.is-approved{color:var(--uis-accent);border-color:var(--uis-accent);background:var(--uis-accent-soft)}
.travel-order-review-modal .travel-order-detail{display:grid;gap:14px;padding:18px 24px}.travel-order-purpose{display:grid;gap:5px;padding:16px;border:1px solid var(--uis-line);border-radius:14px;background:var(--uis-card)}.travel-order-purpose small,.travel-order-note small{color:var(--uis-accent);font-size:.55rem;font-weight:950;letter-spacing:.1em}.travel-order-purpose strong{font-size:1rem}.travel-order-purpose p,.travel-order-note p{margin:0;color:var(--uis-muted);font-size:.7rem;line-height:1.5}.travel-order-review-modal .travel-order-detail dl{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border:1px solid var(--uis-line);border-radius:14px;background:transparent}.travel-order-review-modal .travel-order-detail dl>div{min-width:0;padding:12px 14px;border-right:1px solid var(--uis-line);border-bottom:1px solid var(--uis-line);background:var(--uis-inset)}.travel-order-review-modal .travel-order-detail dl>div:nth-child(even){border-right:0}.travel-order-review-modal .travel-order-detail dl>div:nth-last-child(-n+2){border-bottom:0}.travel-order-review-modal .travel-order-detail dt{display:flex;align-items:center;gap:6px;color:var(--uis-muted);font-size:.56rem}.travel-order-review-modal .travel-order-detail dt svg{width:14px;height:14px;fill:none;stroke:var(--uis-accent)}.travel-order-review-modal .travel-order-detail dd{margin-top:5px;color:var(--uis-text);font-size:.72rem;font-weight:800}.travel-order-note{display:grid;gap:5px;padding:13px 15px;border-left:3px solid var(--uis-accent);border-radius:4px 12px 12px 4px;background:var(--uis-accent-soft)}
.travel-order-review-modal>.admin-modal-actions{position:sticky;z-index:3;bottom:0;margin:0;padding:13px 24px;border-top:1px solid var(--uis-line);background:color-mix(in srgb,var(--uis-panel) 94%,transparent);backdrop-filter:blur(12px)}.travel-order-review-modal>.admin-modal-actions button{min-height:42px;color:var(--uis-text);border-color:var(--uis-line-strong);background:var(--uis-inset)}.travel-order-review-modal>.admin-modal-actions button[data-variant="primary"]{color:var(--uis-head);border-color:var(--uis-accent);background:var(--uis-accent)}
body[data-interface-surface="glass"] .travel-order-review-modal{color:var(--uig-text);border-color:var(--uig-line);background:var(--uig-bg)}body[data-interface-surface="glass"] .travel-order-review-heading{border-color:var(--uig-line);background:var(--uig-bg-alt)}body[data-interface-surface="glass"] .travel-order-review-heading>span,body[data-interface-surface="glass"] .travel-order-review-heading>em,body[data-interface-surface="glass"] .travel-order-review-modal .travel-order-detail dl,body[data-interface-surface="glass"] .travel-order-review-modal .travel-order-detail dl>div,body[data-interface-surface="glass"] .travel-order-purpose{border-color:var(--uig-line);background:var(--uig-inset)}body[data-interface-surface="glass"] .travel-order-review-heading>div>p:last-child,body[data-interface-surface="glass"] .travel-order-purpose p,body[data-interface-surface="glass"] .travel-order-note p,body[data-interface-surface="glass"] .travel-order-review-modal .travel-order-detail dt{color:var(--uig-muted)}body[data-interface-surface="glass"] .travel-order-review-modal>.admin-modal-actions{border-color:var(--uig-line);background:color-mix(in srgb,var(--uig-bg) 94%,transparent)}
@media(max-width:650px){.travel-order-review-heading{grid-template-columns:44px 1fr;padding:20px 58px 17px 17px}.travel-order-review-heading>span{width:44px;height:44px;border-radius:13px}.travel-order-review-heading>em{grid-column:1/-1;justify-self:start}.travel-order-review-modal .travel-order-detail{padding:14px}.travel-order-review-modal .travel-order-detail dl{grid-template-columns:1fr}.travel-order-review-modal .travel-order-detail dl>div,.travel-order-review-modal .travel-order-detail dl>div:nth-child(even),.travel-order-review-modal .travel-order-detail dl>div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--uis-line)}.travel-order-review-modal .travel-order-detail dl>div:last-child{border-bottom:0}.travel-order-review-modal>.admin-modal-actions{display:grid;padding:12px 14px}.travel-order-review-modal>.admin-modal-actions button{width:100%}}

body[data-view="workrecords"] .diagram-toolbar:has(.workrecords-travel-third-row){box-sizing:border-box;display:flex;min-height:70px;align-items:center;padding:9px clamp(18px,3vw,56px);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))}.workrecords-travel-third-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px}.workrecords-travel-third-row>div{display:grid;gap:2px}.workrecords-travel-third-row small{color:var(--uis-accent);font-size:.5rem;font-weight:950;letter-spacing:.11em}.workrecords-travel-third-row strong{color:var(--uis-text);font-size:.9rem}.workrecords-travel-third-row>div>span{color:var(--uis-muted);font-size:.58rem}.workrecords-travel-third-row>button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--uis-accent);border-radius:10px;color:var(--uis-head);background:var(--uis-accent);font:inherit;font-size:.64rem;font-weight:900;cursor:pointer}.workrecords-travel-third-row>button svg{width:16px;height:16px;fill:none;stroke:currentColor}body[data-interface-surface="glass"][data-view="workrecords"] .diagram-toolbar:has(.workrecords-travel-third-row){border-color:var(--uig-line);background:var(--uig-panel)}
.travel-orders-page{padding-top:18px}.travel-orders-table-scroll{overflow:auto;border:1px solid var(--uis-line-strong);border-radius:16px;background:var(--uis-panel)}.travel-orders-table{width:100%;min-width:760px;border-collapse:collapse;color:var(--uis-text)}.travel-orders-table th{height:42px;padding:0 16px;border-bottom:1px solid var(--uis-line-strong);color:var(--uis-muted);background:var(--uis-head);font-size:.56rem;letter-spacing:.08em;text-align:left;text-transform:uppercase}.travel-orders-table th:first-child{width:190px}.travel-orders-table th:nth-child(3){width:230px}.travel-orders-table th:last-child{width:190px;text-align:right}.travel-orders-table td{height:68px;padding:10px 16px;border-bottom:1px solid var(--uis-line);background:var(--uis-card)}.travel-orders-table tbody tr:nth-child(even) td{background:var(--uis-card-alt)}.travel-orders-table tbody tr:last-child td{border-bottom:0}.travel-orders-table td>strong,.travel-orders-table td>time{display:block;color:var(--uis-text);font-size:.7rem;font-weight:850}.travel-orders-table td>small{display:block;overflow:hidden;max-width:620px;margin-top:3px;color:var(--uis-muted);font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.travel-orders-table td>em{display:inline-flex;padding:6px 9px;border:1px solid var(--uis-line);border-radius:999px;color:var(--uis-text);background:var(--uis-inset);font-size:.58rem;font-style:normal;font-weight:900}.travel-orders-table td>em.is-approved{color:var(--uis-accent);border-color:var(--uis-accent);background:var(--uis-accent-soft)}.travel-orders-table .travel-order-row-actions{display:flex;justify-content:flex-end;gap:7px}.travel-orders-table .travel-order-row-actions button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:0 11px;border:1px solid var(--uis-line-strong);border-radius:9px;color:var(--uis-text);background:var(--uis-inset);font:inherit;font-size:.6rem;font-weight:900}.travel-orders-table .travel-order-row-actions button[data-variant="danger"]{width:36px;padding:0;color:var(--ui-danger,#e87985);border-color:color-mix(in srgb,var(--ui-danger,#e87985) 38%,var(--uis-line));background:color-mix(in srgb,var(--ui-danger,#e87985) 10%,var(--uis-inset))}.travel-orders-table .travel-order-row-actions svg{width:15px;height:15px;fill:none;stroke:currentColor}body[data-interface-surface="glass"] .travel-orders-table-scroll{border-color:var(--uig-line);background:var(--uig-bg)}body[data-interface-surface="glass"] .travel-orders-table th{color:var(--uig-muted);border-color:var(--uig-line);background:var(--uig-bg-alt)}body[data-interface-surface="glass"] .travel-orders-table td,body[data-interface-surface="glass"] .travel-orders-table tbody tr:nth-child(even) td{color:var(--uig-text);border-color:var(--uig-line);background:var(--uig-inset)}
@media(max-width:650px){body[data-view="workrecords"] .diagram-toolbar:has(.workrecords-travel-third-row){padding:8px 12px}.workrecords-travel-third-row>div>span{display:none}.workrecords-travel-third-row strong{font-size:.78rem}.workrecords-travel-third-row>button{min-height:38px;padding-inline:11px}.travel-orders-page{padding:12px 10px 30px}.travel-orders-table-scroll{border-radius:13px}}

.travel-orders-table col.is-date{width:18%}.travel-orders-table col.is-destination{width:46%}.travel-orders-table col.is-status{width:22%}.travel-orders-table col.is-actions{width:14%}body[data-view="workrecords"] .travel-orders-table thead th{height:46px!important;padding:0 18px!important;border-bottom:2px solid var(--uis-accent)!important;color:var(--uis-text)!important;background:color-mix(in srgb,var(--uis-head) 88%,var(--uis-accent) 12%)!important;font-size:.57rem!important;letter-spacing:.09em!important;vertical-align:middle}body[data-view="workrecords"] .travel-orders-table thead th+th{border-left:1px solid color-mix(in srgb,var(--uis-text) 9%,transparent)!important}body[data-view="workrecords"] .travel-orders-table thead th:nth-child(3),body[data-view="workrecords"] .travel-orders-table tbody td:nth-child(3){text-align:center}body[data-view="workrecords"] .travel-orders-table thead th:last-child{padding-right:22px!important;text-align:right}.travel-orders-table tbody td:nth-child(3)>em{justify-content:center}.travel-orders-table tbody td:last-child{padding-right:22px}@media(max-width:1000px){.travel-orders-table col.is-date{width:22%}.travel-orders-table col.is-destination{width:38%}.travel-orders-table col.is-status{width:24%}.travel-orders-table col.is-actions{width:16%}}body[data-interface-surface="glass"][data-view="workrecords"] .travel-orders-table thead th{border-color:var(--uig-accent)!important;color:var(--uig-text)!important;background:var(--uig-bg-alt)!important}

/* ===== Source: current/worklog-surfaces.css ===== */
/* Theme-aware Worklog surfaces. Loaded after interface-surfaces.css. */
body[data-view="workrecords"][data-interface-surface="themed"],
body[data-view="accounting"][data-interface-surface="themed"],
body[data-view="admin"][data-interface-surface="themed"] {
  --worklog-surface-panel: var(--uis-panel);
  --worklog-surface-card: var(--uis-card);
  --worklog-surface-card-alt: var(--uis-card-alt);
  --worklog-surface-inset: var(--uis-inset);
  --worklog-surface-head: var(--uis-head);
  --worklog-surface-line: var(--uis-line);
  --worklog-surface-line-strong: var(--uis-line-strong);
  --worklog-surface-text: var(--uis-text);
  --worklog-surface-muted: var(--uis-muted);
  --worklog-surface-accent: var(--uis-accent);
  --worklog-surface-accent-soft: var(--uis-accent-soft);
}

body[data-view="workrecords"][data-interface-surface="glass"],
body[data-view="accounting"][data-interface-surface="glass"],
body[data-view="admin"][data-interface-surface="glass"] {
  --worklog-surface-panel: var(--uig-panel);
  --worklog-surface-card: var(--uig-bg);
  --worklog-surface-card-alt: var(--uig-bg-alt);
  --worklog-surface-inset: var(--uig-inset);
  --worklog-surface-head: var(--uig-inset);
  --worklog-surface-line: var(--uig-line);
  --worklog-surface-line-strong: color-mix(in srgb, var(--uig-line) 72%, var(--uis-accent));
  --worklog-surface-text: var(--uig-text);
  --worklog-surface-muted: var(--uig-muted);
  --worklog-surface-accent: var(--uis-accent);
  --worklog-surface-accent-soft: color-mix(in srgb, var(--uis-accent) 14%, transparent);
}

:is(body[data-view="workrecords"], body[data-view="accounting"])[data-interface-surface] :is(.workrecords-control-panel, .worklog-header, .worklog-modal-meta, .worklog-body) {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-panel) !important;
  background-image: none !important;
}

:is(body[data-view="workrecords"], body[data-view="accounting"])[data-interface-surface] .worklog-grid-wrap {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-panel) !important;
  background-image: none !important;
}

/* Raspored rada: birač radnih dana koristi isti sustav površina kao ostatak Evidencije. */
body[data-view="workrecords"][data-interface-surface] .schedule-workday-picker {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-inset) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body[data-view="workrecords"][data-interface-surface] .schedule-workday-picker small {
  color: var(--worklog-surface-accent) !important;
}

body[data-view="workrecords"][data-interface-surface] .schedule-workday-picker strong {
  color: var(--worklog-surface-text) !important;
}

body[data-view="workrecords"][data-interface-surface] .schedule-workday-picker [data-workday-help] {
  color: var(--worklog-surface-muted) !important;
}

body[data-view="workrecords"][data-interface-surface] .schedule-workday-picker label span {
  color: var(--worklog-surface-muted) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-card) !important;
  box-shadow: none !important;
}

body[data-view="workrecords"][data-interface-surface] .schedule-workday-picker label:hover span {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line-strong) !important;
  background: var(--worklog-surface-accent-soft) !important;
}

body[data-view="workrecords"][data-interface-surface] .schedule-workday-picker input:checked + span {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-accent) !important;
  background: var(--worklog-surface-accent-soft) !important;
  box-shadow: inset 0 -3px var(--worklog-surface-accent) !important;
}

body[data-view="workrecords"][data-interface-surface] .schedule-workday-picker label:has(input:focus-visible) span {
  outline: 2px solid var(--worklog-surface-accent) !important;
  outline-offset: 2px;
}

body[data-view="workrecords"][data-interface-surface] .schedule-workday-picker.is-empty {
  border-color: var(--worklog-surface-line-strong) !important;
  background: var(--worklog-surface-inset) !important;
}

body[data-view="workrecords"][data-interface-surface] .schedule-workday-picker.is-empty [data-workday-help] {
  color: var(--worklog-surface-accent) !important;
}

/* Modal odsutnosti: GO/BO i datumi prate aktivnu korisničku temu. */
body[data-view="workrecords"][data-interface-surface] .admin-modal.absence-interval-dialog {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line-strong) !important;
  background: var(--worklog-surface-panel) !important;
  background-image: none !important;
}

body[data-view="workrecords"][data-interface-surface="glass"] .admin-modal.absence-interval-dialog {
  background: var(--uig-panel) !important;
  background-image: var(--uig-panel) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

body[data-view="workrecords"][data-interface-surface] .absence-interval-dialog > header {
  border-color: var(--worklog-surface-line) !important;
}

body[data-view="workrecords"][data-interface-surface] .absence-interval-dialog > header small,
body[data-view="workrecords"][data-interface-surface] .absence-type-picker strong {
  color: var(--worklog-surface-accent) !important;
}

body[data-view="workrecords"][data-interface-surface] .absence-interval-dialog :is(header p, legend, .absence-date-grid label > span, .absence-type-picker span small) {
  color: var(--worklog-surface-muted) !important;
}

body[data-view="workrecords"][data-interface-surface] .absence-interval-dialog > header > button {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-inset) !important;
}

body[data-view="workrecords"][data-interface-surface] .absence-type-picker label {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-card) !important;
  box-shadow: none !important;
}

body[data-view="workrecords"][data-interface-surface] .absence-type-picker label:hover {
  border-color: var(--worklog-surface-line-strong) !important;
  background: var(--worklog-surface-accent-soft) !important;
}

body[data-view="workrecords"][data-interface-surface] .absence-type-picker label.is-selected {
  border-color: var(--worklog-surface-accent) !important;
  background: var(--worklog-surface-accent-soft) !important;
  box-shadow: inset 0 -3px var(--worklog-surface-accent) !important;
}

body[data-view="workrecords"][data-interface-surface] .absence-type-picker label:has(input:focus-visible) {
  outline: 2px solid var(--worklog-surface-accent) !important;
  outline-offset: 2px;
}

body[data-view="workrecords"][data-interface-surface] .absence-date-grid input {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-inset) !important;
  color-scheme: dark;
}

body[data-view="workrecords"][data-interface-surface] .absence-date-grid input:focus-visible {
  border-color: var(--worklog-surface-accent) !important;
}

body[data-view="workrecords"][data-interface-surface] .absence-explanation {
  color: var(--worklog-surface-muted) !important;
  border-color: var(--worklog-surface-accent) !important;
  background: var(--worklog-surface-accent-soft) !important;
}

/* Posebna ovlast predaje: upečatljiv tematski panel i zajednički dropdown. */
body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar,
body[data-view="workrecords"][data-interface-surface] .workrecords-evidence.is-expanded > .workrecords-delegate-bar {
  position: relative;
  z-index: auto;
  box-sizing: border-box;
  width: min(1480px, calc(100% - 32px)) !important;
  max-width: none !important;
  margin: 10px auto 12px !important;
  padding: 11px 13px 11px 17px !important;
  overflow: visible;
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line-strong) !important;
  background: linear-gradient(100deg, var(--worklog-surface-accent-soft), var(--worklog-surface-panel) 48%, var(--worklog-surface-card)) !important;
  background-image: linear-gradient(100deg, var(--worklog-surface-accent-soft), var(--worklog-surface-panel) 48%, var(--worklog-surface-card)) !important;
  box-shadow: inset 4px 0 var(--worklog-surface-accent), 0 12px 30px color-mix(in srgb, var(--worklog-surface-head) 34%, transparent) !important;
}

body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar:has(.my-teaching-select[open]),
body[data-view="workrecords"][data-interface-surface] .workrecords-evidence.is-expanded > .workrecords-delegate-bar:has(.my-teaching-select[open]) {
  z-index: 410;
}

body[data-view="workrecords"][data-interface-surface="glass"] .workrecords-delegate-bar,
body[data-view="workrecords"][data-interface-surface="glass"] .workrecords-evidence.is-expanded > .workrecords-delegate-bar {
  border-color: var(--uig-line) !important;
  background: linear-gradient(100deg, var(--worklog-surface-accent-soft), color-mix(in srgb, var(--uis-panel) 88%, var(--uig-bg-alt))) !important;
  background-image: linear-gradient(100deg, var(--worklog-surface-accent-soft), color-mix(in srgb, var(--uis-panel) 88%, var(--uig-bg-alt))) !important;
  backdrop-filter: blur(16px) saturate(1.12);
  -webkit-backdrop-filter: blur(16px) saturate(1.12);
}

body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar > div {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 2px 8px;
  min-width: 230px;
  padding-left: 3px;
}

body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-alert {
  grid-row: 1 / 3;
  align-self: center;
  padding: 5px 8px;
  border: 1px solid color-mix(in srgb, #ef6b76 62%, transparent);
  border-radius: 999px;
  color: #ffd9dc;
  background: color-mix(in srgb, #b73543 34%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #ff9ca5 10%, transparent);
  font-size: .5rem;
  font-weight: 950;
  letter-spacing: .09em;
  white-space: nowrap;
}

body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar small {
  color: var(--worklog-surface-accent) !important;
}

body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar strong {
  color: var(--worklog-surface-text) !important;
}

body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar > label {
  position: relative;
  display: grid !important;
  min-width: min(520px, 48vw);
  grid-template-columns: auto minmax(320px, 460px) !important;
  align-items: center !important;
  justify-content: end;
  gap: 11px !important;
  color: var(--worklog-surface-muted) !important;
}

body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar .my-teaching-select {
  width: min(460px, 42vw);
  min-width: 320px;
}

body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar .my-teaching-select > summary {
  min-height: 42px;
}

body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar .my-teaching-select > .ui-dropdown-panel {
  z-index: 520;
  right: 0;
  left: auto;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

/* U Rasporedu opća pravila gumba ne smiju promijeniti zajednički dropdown ovlasti. */
@media(max-width:760px) {
  body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar,
  body[data-view="workrecords"][data-interface-surface] .workrecords-evidence.is-expanded > .workrecords-delegate-bar {
    width: calc(100% - 20px) !important;
    align-items: stretch;
    flex-direction: column;
  }
  body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar > label {
    min-width: 0;
    grid-template-columns: 1fr !important;
  }
  body[data-view="workrecords"][data-interface-surface] .workrecords-delegate-bar .my-teaching-select {
    width: 100%;
    min-width: 0;
  }
}

:is(body[data-view="workrecords"], body[data-view="accounting"])[data-interface-surface] .worklog-grid tbody td {
  color: var(--worklog-surface-text) !important;
  background: var(--worklog-surface-card) !important;
}

:is(body[data-view="workrecords"], body[data-view="accounting"])[data-interface-surface] .worklog-grid tbody tr:nth-child(even) td {
  background: var(--worklog-surface-card-alt) !important;
}

:is(body[data-view="workrecords"], body[data-view="accounting"])[data-interface-surface] .worklog-grid :is(thead th, tbody th, tfoot th, tfoot td) {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-head) !important;
}

:is(body[data-view="workrecords"], body[data-view="accounting"])[data-interface-surface] .worklog-grid :is(th, td) {
  border-color: var(--worklog-surface-line) !important;
}

:is(body[data-view="workrecords"], body[data-view="accounting"])[data-interface-surface] :is(.worklog-actions, .worklog-accounting-dialog, .workrecords-evidence.is-expanded) {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-panel) !important;
  background-image: none !important;
}

/* The accountant review is a separate modal surface from the employee evidence view. */
body[data-view="accounting"][data-interface-surface="glass"] .worklog-accounting-dialog {
  color: var(--uig-text) !important;
  border-color: var(--uig-line) !important;
  background: var(--uig-panel) !important;
  background-image: var(--uig-panel) !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="glass"] .worklog-accounting-dialog > .worklog-header {
  color: var(--uig-text) !important;
  border-color: var(--uig-line) !important;
  background: var(--uig-bg-alt) !important;
  background-image: var(--uig-bg-alt) !important;
}

body[data-view="accounting"][data-interface-surface="glass"] .worklog-accounting-dialog > .worklog-modal-meta {
  color: var(--uig-text) !important;
  border-color: var(--uig-line) !important;
  background: var(--uig-inset) !important;
  background-image: none !important;
}

body[data-view="accounting"][data-interface-surface="glass"] .worklog-accounting-dialog > .worklog-body {
  color: var(--uig-text) !important;
  border-color: var(--uig-line) !important;
  background: var(--uig-bg) !important;
  background-image: var(--uig-bg) !important;
}

body[data-view="workrecords"][data-interface-surface] .admin-modal.commute-submit-dialog {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line-strong) !important;
  background: var(--worklog-surface-panel) !important;
  background-image: radial-gradient(circle at 90% 0, var(--worklog-surface-accent-soft), transparent 34%) !important;
}

body[data-view="workrecords"][data-interface-surface="glass"] .admin-modal.commute-submit-dialog {
  background: var(--uig-panel) !important;
  background-image: radial-gradient(circle at 90% 0, var(--worklog-surface-accent-soft), transparent 34%), var(--uig-panel) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

body[data-view="workrecords"][data-interface-surface] .admin-modal.commute-submit-dialog .admin-modal-icon {
  color: var(--worklog-surface-accent) !important;
  background: var(--worklog-surface-accent-soft) !important;
}

body[data-view="workrecords"][data-interface-surface] .admin-modal.commute-submit-dialog .admin-modal-kicker {
  color: var(--worklog-surface-accent) !important;
}

body[data-view="workrecords"][data-interface-surface] .admin-modal.commute-submit-dialog > p:not(.admin-modal-kicker) {
  color: var(--worklog-surface-muted) !important;
}

body[data-view="workrecords"][data-interface-surface] .admin-modal.commute-submit-dialog .admin-modal-close {
  color: var(--worklog-surface-muted) !important;
  border-color: var(--worklog-surface-line) !important;
}

/* Računovodstvo: putni nalog ostaje referentni akcijski modal. */
body[data-view="accounting"][data-interface-surface] :is(#accCommuteDecision, #worklogActionDecision) .worklog-action-dialog {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line-strong) !important;
  background: var(--worklog-surface-panel) !important;
  background-image: radial-gradient(circle at 90% 0, var(--worklog-surface-accent-soft), transparent 34%) !important;
  box-shadow: none !important;
}

body[data-view="accounting"][data-interface-surface] :is(#accCommuteDecision, #worklogActionDecision) :is(h3, .worklog-action-note > span) {
  color: var(--worklog-surface-text) !important;
}

body[data-view="accounting"][data-interface-surface] :is(#accCommuteDecision, #worklogActionDecision) .worklog-action-dialog > p {
  color: var(--worklog-surface-muted) !important;
}

body[data-view="accounting"][data-interface-surface] :is(#accCommuteDecision, #worklogActionDecision) :is(.worklog-confirm-icon, .worklog-action-dialog > span) {
  color: var(--worklog-surface-accent) !important;
}

body[data-view="accounting"][data-interface-surface] :is(#accCommuteDecision, #worklogActionDecision) .worklog-confirm-icon {
  background: var(--worklog-surface-accent-soft) !important;
}

body[data-view="accounting"][data-interface-surface] :is(#accCommuteDecision, #worklogActionDecision) :is(.worklog-action-dialog > button, .worklog-action-dialog > div:last-child > button:not(.is-primary)) {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-inset) !important;
}

body[data-view="accounting"][data-interface-surface] :is(#accCommuteDecision, #worklogActionDecision) .worklog-action-dialog > div:last-child > button.is-primary {
  color: var(--uis-head) !important;
  border-color: var(--worklog-surface-accent) !important;
  background: var(--worklog-surface-accent) !important;
}

body[data-view="accounting"][data-interface-surface] :is(#accCommuteDecision, #worklogActionDecision) .worklog-action-note textarea {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-inset) !important;
}

body[data-view="accounting"][data-interface-surface] :is(#accCommuteDecision, #worklogActionDecision) .worklog-action-note textarea::placeholder {
  color: var(--worklog-surface-muted) !important;
}

body[data-view="accounting"][data-interface-surface="glass"] #worklogActionDecision {
  background: color-mix(in srgb, var(--uig-bg) 28%, transparent) !important;
}

body[data-view="accounting"][data-interface-surface="glass"] #worklogActionDecision .worklog-action-dialog {
  background: radial-gradient(circle at 90% 0, var(--worklog-surface-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-view="accounting"][data-interface-surface="themed"] #worklogActionDecision .worklog-action-dialog {
  background: radial-gradient(circle at 90% 0, var(--worklog-surface-accent-soft), transparent 34%), var(--uis-panel) !important;
}

/* Evidencija knjigovođe kopira referentne mjere putnog modala bez utjecaja na njega. */
body[data-view="accounting"][data-interface-surface] #adminPortalModal .admin-modal.worklog-action-dialog {
  box-sizing: border-box;
  width: min(470px, 100%);
  padding: 28px;
  border-color: var(--worklog-surface-line-strong) !important;
  border-radius: 22px;
  color: var(--worklog-surface-text) !important;
  background: radial-gradient(circle at 90% 0, var(--worklog-surface-accent-soft), transparent 34%), var(--worklog-surface-panel) !important;
  box-shadow: none !important;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog .admin-modal-close {
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  border-color: var(--worklog-surface-line) !important;
  border-radius: 10px;
  color: var(--worklog-surface-text) !important;
  background: var(--worklog-surface-inset) !important;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog .admin-modal-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 18px;
  border-radius: 15px;
  color: var(--worklog-surface-accent) !important;
  background: var(--worklog-surface-accent-soft) !important;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog .admin-modal-kicker {
  margin: 0 0 7px !important;
  color: var(--worklog-surface-accent) !important;
  font-size: .59rem !important;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog h3 {
  margin: 7px 0 8px;
  color: var(--worklog-surface-text) !important;
  font-size: 1.28rem;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog > p:not(.admin-modal-kicker) {
  color: var(--worklog-surface-muted) !important;
  font-size: .72rem;
  line-height: 1.65;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog [data-worklog-action-form] {
  margin: 18px 0 0;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog [data-worklog-action-form] label {
  display: grid;
  gap: 7px;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog [data-worklog-action-form] label > span {
  color: var(--worklog-surface-text) !important;
  font-size: .65rem;
  font-weight: 850;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog [data-worklog-action-form] textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 108px;
  padding: 11px 12px;
  border-color: var(--worklog-surface-line) !important;
  border-radius: 12px;
  color: var(--worklog-surface-text) !important;
  background: var(--worklog-surface-inset) !important;
  font-size: .72rem;
  line-height: 1.5;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog [data-worklog-action-form] textarea::placeholder {
  color: var(--worklog-surface-muted) !important;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog .admin-modal-actions {
  gap: 8px;
  margin-top: 22px;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog .admin-modal-actions > button {
  min-height: 41px;
  padding: 0 14px;
  border-color: var(--worklog-surface-line) !important;
  border-radius: 11px;
  color: var(--worklog-surface-text) !important;
  background: var(--worklog-surface-inset) !important;
}

body[data-view="accounting"][data-interface-surface] #adminPortalModal .worklog-action-dialog .admin-modal-actions > button[data-variant="primary"] {
  color: var(--uis-head) !important;
  border-color: var(--worklog-surface-accent) !important;
  background: var(--worklog-surface-accent) !important;
}

@media(max-width:560px) {
  body[data-view="workrecords"] .admin-modal.commute-submit-dialog .admin-modal-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }
}

body[data-view="admin"][data-interface-surface] :is(.admin-work-calendar-editor > form, .admin-work-calendar-editor > div, .admin-work-calendar-editor article) {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-card) !important;
}

body[data-view="admin"][data-interface-surface] .admin-work-calendar-editor input {
  color: var(--worklog-surface-text) !important;
  border-color: var(--worklog-surface-line) !important;
  background: var(--worklog-surface-inset) !important;
}

:is(body[data-view="workrecords"], body[data-view="accounting"], body[data-view="admin"])[data-interface-surface] :is(button, input, select, textarea):focus-visible {
  outline: 2px solid var(--worklog-surface-accent) !important;
  outline-offset: 2px;
}

:is(body[data-view="workrecords"], body[data-view="accounting"], body[data-view="admin"])[data-interface-surface] :is(button, input, select, textarea):disabled {
  cursor: not-allowed;
}

/* Putni nalozi: jasne akcije, vidljive linijske ikone i modalni dropdown u istoj površini. */
.travel-orders-page [data-travel-new] {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding-inline: 18px;
  color: var(--uis-head);
  font: inherit;
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}
.travel-orders-page > header [data-travel-new] > span {
  display: inline;
  color: inherit;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}
.travel-orders-page [data-travel-new] svg,
.travel-orders-empty > svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.travel-orders-empty > svg {
  box-sizing: content-box;
  width: 28px;
  height: 28px;
  margin-bottom: 4px;
  padding: 12px;
  border: 1px solid var(--uis-line-strong);
  border-radius: 14px;
  color: var(--uis-accent);
  background: var(--uis-accent-soft);
}
.travel-orders-list .travel-order-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}
.travel-orders-list .travel-order-row-actions > button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-inline: 15px;
  white-space: nowrap;
}
.travel-orders-list .travel-order-row-actions svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
@media (max-width: 700px) {
  .travel-orders-list .travel-order-row-actions { align-items: stretch; flex-direction: column-reverse; }
}
.travel-order-modal:has(.my-teaching-select[open]) { overflow: visible !important; }
.travel-order-modal .travel-order-form label:has(.my-teaching-select[open]) { z-index: 560; }
.travel-order-modal .travel-order-form .my-teaching-select > .ui-dropdown-panel {
  z-index: 562;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  max-height: 230px;
}