/* LESiM 5.13 | Haulix-inspired staff and duty management */
#lkPersonnelPage[hidden]{display:none!important}
body[data-lk-view="personnel"] .workarea,body[data-lk-view="personnel"] #lkOverview,body[data-lk-view="personnel"] #metricbar{display:none!important}
.lk-personnel{flex:1;min-height:0;background:#0d1011;color:#ecf1e9;padding:30px clamp(14px,3vw,48px) 45px;overflow-y:auto;scrollbar-color:#536453 transparent}
.lk-personnel-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.lk-pers-overline{font:800 10px var(--mono,monospace);letter-spacing:.11em;color:#a9c59e}
.lk-personnel-title h1{font:800 clamp(24px,2.5vw,34px)/1.15 var(--ui,Arial,sans-serif);letter-spacing:-.05em;margin:8px 0}
.lk-personnel-title p{font:12px/1.5 var(--ui,Arial,sans-serif);color:#93a69a}
.lk-pers-action{flex:none;background:#d3e69a;border:1px solid #d3e69a;border-radius:7px;color:#1d271c;font:800 11px var(--ui,Arial,sans-serif);padding:13px 15px}
.lk-pers-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}
.lk-pers-metrics article{background:#191f1b;border:1px solid #36413a;border-radius:9px;padding:17px;display:flex;flex-direction:column;gap:8px;min-height:119px}
.lk-pers-metrics span{color:#abb9aa;font:750 10px var(--ui,Arial,sans-serif)}
.lk-pers-metrics strong{font:800 31px var(--ui,Arial,sans-serif);letter-spacing:-.05em}
.lk-pers-metrics small{color:#92a395;font:10px var(--ui,Arial,sans-serif)}
.lk-pers-banner{background:linear-gradient(100deg,#27342a,#1d2722);border:1px solid #50654b;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;margin-bottom:22px}
.lk-pers-banner>div:first-child{display:flex;flex-direction:column;gap:8px}
.lk-pers-banner strong{font:800 21px var(--ui,Arial,sans-serif);letter-spacing:-.04em}
.lk-pers-banner small{font:11px/1.5 var(--ui,Arial,sans-serif);color:#b4c4b1;max-width:700px}
.lk-pers-shiftbuttons{display:flex;gap:6px;flex:none}
.lk-pers-shiftbuttons button{padding:12px 14px;border:1px solid #566950;background:#29342b;color:#d9e6d4;border-radius:6px;font:800 10px var(--mono,monospace)}
.lk-pers-shiftbuttons button.active{background:#d3e69a;border-color:#d3e69a;color:#1c291e}
.lk-pers-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:17px}
.lk-pers-toolbar>label{display:flex;flex-direction:column;gap:6px;color:#aabbac;font:10px var(--ui,Arial,sans-serif)}
.lk-pers-toolbar select,.lk-pers-search{height:42px;background:#212b25;border:1px solid #445447;border-radius:7px;color:#eff4ed;padding:0 12px;font:11px var(--ui,Arial,sans-serif)}
.lk-pers-search{min-width:210px;flex:1;display:flex!important;flex-direction:row!important;align-items:center;gap:10px}
.lk-pers-search>span{font-size:22px}
.lk-pers-search input{background:transparent;border:0;outline:0;color:#f3f5f0;flex:1;min-width:0;font:12px var(--ui,Arial,sans-serif)}
.lk-pers-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);gap:15px;align-items:start}
.lk-pers-listpanel,.lk-pers-detail{background:#171f1b;border:1px solid #37443a;border-radius:9px;overflow:hidden;min-width:0}
.lk-pers-panel-head{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35423a}
.lk-pers-panel-head strong{font:760 13px var(--ui,Arial,sans-serif)}
.lk-pers-panel-head span{color:#94a99b;font:11px var(--mono,monospace)}
.lk-pers-cards{display:flex;flex-direction:column;gap:7px;padding:12px}
.lk-pers-card{width:100%;background:#222c25;border:1px solid #39483c;border-radius:8px;display:flex;align-items:center;gap:12px;text-align:left;padding:12px}
.lk-pers-card:hover,.lk-pers-card.selected{border-color:#a3bb7b;background:#2a382b}
.lk-pers-avatar{width:46px;height:46px;display:grid;place-items:center;background:#3d513b;border-radius:10px;font:800 14px var(--ui,Arial,sans-serif);color:#d9efd0;flex:none}
.lk-pers-card.med .lk-pers-avatar{background:#284f44;color:#b9e5d0}.lk-pers-card.pol .lk-pers-avatar{background:#334759;color:#c3d4ee}
.lk-pers-card-main{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.lk-pers-name{font:800 13px var(--ui,Arial,sans-serif);color:#f0f4ec}
.lk-pers-role{font:11px var(--ui,Arial,sans-serif);color:#acbdab}
.lk-pers-card-tags{display:flex;flex-wrap:wrap;gap:6px}
.lk-pers-card-tags em{font:800 9px var(--ui,Arial,sans-serif);font-style:normal;color:#b3c2b3;background:#2b382e;border:1px solid #3e4f40;padding:5px 7px;border-radius:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.lk-pers-card-arrow{font-size:18px;color:#aabd9e}
.lk-pers-noresults{padding:34px 20px;color:#9db09f;text-align:center;font:12px var(--ui,Arial,sans-serif)}
.lk-pers-detail{position:sticky;top:0;padding-bottom:13px}
.lk-pers-detail-empty{padding:80px 22px;text-align:center;color:#97aa99;font:12px var(--ui,Arial,sans-serif)}
.lk-pers-detail-header{padding:20px;background:#263128;border-bottom:1px solid #465548;display:flex;flex-direction:column;gap:8px}
.lk-pers-detail-header small{font:800 9px var(--mono,monospace);letter-spacing:.1em;color:#bdd5ad}
.lk-pers-detail-header h2{font:800 23px var(--ui,Arial,sans-serif);letter-spacing:-.04em}
.lk-pers-detail-header span{font:12px var(--ui,Arial,sans-serif);color:#b4c4b5}
.lk-pers-ident{padding:8px 20px 10px}
.lk-pers-ident>div{border-bottom:1px solid #35443a;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.lk-pers-ident small{font:11px var(--ui,Arial,sans-serif);color:#a3b4a5}
.lk-pers-ident strong{font:760 11px var(--ui,Arial,sans-serif);text-align:right;max-width:60%}
.lk-pers-detail h3{padding:15px 20px 2px;font:800 11px var(--mono,monospace);color:#bed5ae;letter-spacing:.04em}
.lk-pers-detail p{margin:9px 20px 15px;color:#a9bca9;font:11px/1.65 var(--ui,Arial,sans-serif)}
.lk-pers-vehicle-select{display:flex;flex-direction:column;gap:8px;margin:0 20px 10px;color:#aabfa9;font:11px var(--ui,Arial,sans-serif)}
.lk-pers-vehicle-select select{background:#25352a;color:#edf5e9;border:1px solid #50694f;border-radius:6px;padding:11px 12px;font:11px var(--ui,Arial,sans-serif)}
.lk-pers-save{margin:0 20px 8px;width:calc(100% - 40px);padding:12px 14px;border:1px solid #d3e69a;border-radius:6px;background:#d3e69a;color:#1c251c;font:800 11px var(--ui,Arial,sans-serif)}
.lk-pers-warning{color:#f0bc93!important}
.lk-pers-rota{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 20px 15px}
.lk-pers-rota>div{background:#233027;border:1px solid #42533f;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:7px}
.lk-pers-rota>div.active{border-color:#bbd28d}
.lk-pers-rota span{font:800 9px var(--mono,monospace);color:#b6cfa9}
.lk-pers-rota strong{font:760 11px var(--ui,Arial,sans-serif)}
.lk-pers-rota small{font:10px var(--ui,Arial,sans-serif);color:#96aa9b}
.lk-pers-legal{color:#809383!important;font-size:10px!important}
@media(max-width:1100px){.lk-pers-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.85fr)}.lk-pers-toolbar>label{flex:1;min-width:150px}}
@media(max-width:900px){.lk-pers-grid{grid-template-columns:1fr}.lk-pers-detail{position:static}.lk-pers-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.lk-personnel{padding:15px 12px 25px}.lk-personnel-title{flex-direction:column;align-items:stretch;gap:12px}.lk-pers-action{align-self:flex-start}.lk-pers-banner{flex-direction:column;align-items:stretch;padding:16px}.lk-pers-shiftbuttons{justify-content:flex-start}.lk-pers-toolbar{flex-direction:column;align-items:stretch}.lk-pers-toolbar>label{min-width:0}.lk-pers-toolbar select{width:100%}.lk-pers-metrics article{padding:12px;min-height:90px}.lk-pers-metrics strong{font-size:26px}}