[hidden]{display:none!important}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 10%,#244f5b55,transparent 55%)}.login-panel{width:min(100%,430px);display:grid;gap:22px;padding:38px}.login-panel label{display:grid;gap:8px}.login-panel input{width:100%}#error:not(:empty){margin:16px 30px;padding:12px;border:1px solid var(--rose)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:8px;min-width:930px}.calendar-cell{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;min-height:140px}.calendar-cell.today{border-color:var(--teal)}.calendar-cell h3{margin-bottom:10px}.shift-button{display:block;width:100%;text-align:left;border:1px solid var(--line);background:var(--panel-hi);color:var(--ink);border-left:3px solid var(--teal);border-radius:8px;padding:10px;margin:8px 0;font-size:12px}.shift-button strong,.shift-button small{display:block}.calendar-day{max-width:850px}.empty{padding:28px;color:var(--muted);text-align:center}.status-working,.status-approved{color:var(--teal)}.status-paused,.status-pending{color:var(--gold)}.record-form{display:grid;gap:16px}.record-form label{display:grid;gap:6px}.record-form input,.record-form select,.record-form textarea{width:100%}.day-heading{display:flex;align-items:center;justify-content:space-between}.audit-detail{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font:12px/1.5 Consolas,monospace}.timer-live{font-size:40px;font-variant-numeric:tabular-nums;color:var(--teal)}.worker-list{max-width:650px;margin:auto}.worker-list .panel{margin-bottom:18px}.metric-note{margin-top:16px;color:var(--muted)}.actions{flex-wrap:wrap}.table-wrap td .button{margin:3px}.mobile-nav{display:none}.calendar-scroll{overflow-x:auto}.chart-bars{display:flex;align-items:end;gap:14px;height:170px;padding:10px 0}.chart-bars .bar{background:linear-gradient(var(--teal),#1f5563);min-width:25px;flex:1;border-radius:6px 6px 0 0}.day-summary{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day-summary div{text-align:center;padding:18px 4px;background:var(--panel-hi);border-radius:10px}.day-summary strong{display:block;font-size:24px;color:var(--teal)}.warning{padding:14px;background:#51432355;border:1px solid var(--gold);border-radius:10px}.archive-json{white-space:pre-wrap;max-width:100%;overflow-wrap:anywhere}.toolbar input[type=date]{max-width:180px}@media(max-width:760px){.topbar{align-items:start;gap:10px}.context{flex-wrap:wrap;justify-content:flex-start}.day-summary{gap:3px}.day-summary strong{font-size:20px}.day-summary div{font-size:10px}.login-panel{padding:25px}.worker-list{width:100%}.phone{width:100%;max-width:100%}#error:not(:empty){margin:12px}.page-head h1{font-size:26px}}
/* Odobrena svijetla tema: bijela, tamnoplava, zlatni detalji. */
:root{color-scheme:light;--bg:#f4f6fa;--nav:#10243e;--panel:#fff;--panel-hi:#f0f4f8;--line:#dce3ec;--ink:#142b47;--muted:#5e6e82;--gold:#9b732d;--teal:#237e81;--rose:#af3547;--shadow:0 15px 45px #19334b0d}
body{background:var(--bg);color:var(--ink)}.sidebar{color:#f5f7fb;border-right:0}.brand{color:#fff}.sidebar .nav-item{color:#c4d0df}.sidebar .nav-item.active{background:#d6b77422;color:#f2d69e;border-color:#d6b77444}.sidebar .side-note,.sidebar .profile{color:#c4d0df}.topbar{background:#fff;border-bottom:1px solid var(--line)}.panel,.stat,.contract-card{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}.stat.featured{background:#142b47;color:white;border-color:#142b47}.stat.featured .label,.stat.featured .note{color:#c3d1e3}.stat.featured .value{color:#f4d9a5}.button{background:#fff;border:1px solid #cad5e1;color:#183552}.button:hover{background:#edf3f8}.button.primary{background:#173655;color:#fff;border-color:#173655}.button.primary:hover{background:#244d72}.button.quiet{background:transparent;color:#254866}.badge{background:#edf2f7;color:#294965;border:1px solid #d8e1eb}.badge.gold,.status-paused,.status-pending{background:#fcf4e4;color:#805c17}.status-working,.status-approved{background:#e5f4ee;color:#226851}.notice{background:#eaf2f7;color:#29455c;border-color:#cadde9}.demo-strip{background:#e9eef5;color:#42566f}.login-wrap{background:radial-gradient(ellipse at 20% 10%,#e6edf6,transparent 60%),#f7f9fc}.login-panel{border-top:4px solid #bb9856}.eyebrow{color:#96702c}input,select,textarea{background:#fff!important;color:#183552!important;border-color:#c8d3df!important}.search{background:#fff}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px}th{background:#edf2f7;color:#53667e}td{border-color:var(--line)}tr:hover td{background:#f6f9fc}dialog{background:#fff;color:var(--ink);border-color:#c7d3df}dialog::backdrop{background:#10243e88}.icon-button{color:#183552;background:#edf2f7}.avatar{background:#e7edf4;color:#294965}.sidebar .avatar{background:#29415b;color:#d7e2ef}.detail-grid b{color:#183552}.shift-button{color:#183552}.timer-live{color:#24767b}.app-footer{color:#657489}#toast{background:#e5f4ee;color:#1c5a45;border-color:#8fbba6}.tab{color:#47627e}.tab.active{background:#e7eef5;color:#183552}.day-summary div{background:#eef3f8}.sidebar .brand small{color:#d3b477}

/* Faza 2: pregled ekipe, odsustava i pristupačna navigacija na telefonu. */
fieldset{border:1px solid var(--line);border-radius:10px;padding:14px;margin:0;min-width:0}legend{font-size:12px;font-weight:600;padding:0 7px;color:var(--muted)}.worker-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:190px;overflow:auto}.record-form .worker-choice{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px;background:#f7f9fc}.record-form .worker-choice input{width:20px;height:20px;flex:none}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 20px}.filters label{display:grid;gap:5px;font-size:11px;color:var(--muted);min-width:180px}.filters select{max-width:270px;width:100%}.table-hint{font-size:11px;color:var(--muted);margin:6px 0}.table-wrap{max-height:65vh;overscroll-behavior-inline:contain;scrollbar-color:#a6b9cc #eef3f7;position:relative}.table-wrap th{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 var(--line)}.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;z-index:1;background:#fff;border-right:1px solid #e4eaf0}.table-wrap th:first-child{z-index:2;background:#edf2f7}.table-wrap td.wrap-cell{white-space:normal;min-width:180px;max-width:320px}.shift-button.cancelled{opacity:.55;border-left-color:#a45252;text-decoration:line-through}.leave-chip{display:block;width:100%;text-align:left;border:1px solid #dcc38a;border-radius:8px;background:#fff8e7;color:#76571c;padding:8px;font-size:11px;margin:7px 0}.leave-chip small{display:block;font-size:10px;color:inherit}.leave-chip.pending{border-style:dashed}.status-rejected,.status-cancelled{background:#faecee;color:#9a3444}.status-used{background:#edf2f7;color:#51647b}.rule-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.rule-summary b{font-size:12px}.rule-summary p{font-size:12px;margin-top:7px;color:var(--muted)}.work-mode{margin:13px 0}.worker-list .actions .button{min-height:46px;font-size:14px}.worker-list h2{font-size:23px}.worker-list .notice{font-size:14px}.contract-card .actions .button{width:auto;margin:0}.contract-card .actions{align-items:start}.contract-grid{align-items:stretch}.toolbar>label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.record-form .sub{line-height:1.7}
@media(max-width:760px){.app-shell{padding-bottom:66px}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:4;margin:0;padding:5px 6px max(5px,env(safe-area-inset-bottom));background:#10243e;border-top:2px solid #b69451;box-shadow:0 -5px 20px #10243e18}.mobile-nav button{border:0;background:transparent;color:#d2deeb;min-height:48px;border-radius:8px;font-size:12px}.mobile-nav button.active{color:#f5d797;background:#d3af6022}.sidebar{position:relative}.sidebar #nav{scrollbar-width:thin;scrollbar-color:#617a94 #10243e}.topbar{position:sticky;top:0;z-index:3;box-shadow:0 3px 10px #19334b08}.topbar #crumb{display:none}.filters{gap:8px}.filters label{min-width:0;flex:1 1 130px}.filters select{max-width:none}.filters>.button{flex-basis:100%}.table-wrap{max-height:64vh}.table-wrap th:first-child,.table-wrap td:first-child{max-width:145px;white-space:normal;min-width:110px}.table-wrap td{padding:13px 10px}.rule-summary{grid-template-columns:1fr;gap:12px}.rule-summary>div+div{border-top:1px solid var(--line);padding-top:12px}.worker-choices{grid-template-columns:1fr}.worker-list .actions{display:grid;grid-template-columns:1fr 1fr}.worker-list .actions .button:only-child{grid-column:1/-1}.worker-list .actions .quiet{grid-column:1/-1}.timer-live{font-size:38px}#toast{bottom:85px}.calendar-scroll{scrollbar-width:thin}.calendar-grid{min-width:1040px}.calendar-cell{padding:8px}.login-wrap{padding:16px}.login-panel input{font-size:16px}.dialog-top{position:sticky;top:-20px;background:white;z-index:2;padding:10px 0}.record-form input,.record-form select,.record-form textarea{font-size:16px}.table-hint{display:block}.toolbar>input{max-width:100%;width:100%}}
@media print{.mobile-nav,.table-hint{display:none!important}.table-wrap{max-height:none;overflow:visible}.table-wrap th,.table-wrap td{position:static!important}.topbar{position:static}}

.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;font-size:11px;color:var(--muted);flex-wrap:wrap}.table-pagination .actions{gap:9px}.paged-table{min-width:0;max-width:100%}.table-pagination button{min-height:38px}@media(max-width:760px){.table-pagination{font-size:11px;gap:8px}.table-pagination .actions{width:100%;justify-content:space-between}.table-pagination .button{flex:1}}@media print{.table-pagination{display:none!important}}