*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f5f7;color:#20242a}header{background:#111820;color:#fff;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;font-size:20px}.brand span{color:#e22}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:8px 10px;border-radius:6px}nav a:hover{background:#29323c}main{max-width:1180px;margin:24px auto;padding:0 16px}h1{margin:0 0 18px;font-size:27px}h2{margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid #dfe3e8;border-radius:10px;padding:18px;box-shadow:0 1px 2px #00000008}.card b{display:block;font-size:30px}.card span{color:#68707a}.titlebar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.titlebar h1{margin-bottom:5px}.btn,button{display:inline-block;background:#d71920;color:#fff;border:0;border-radius:6px;padding:9px 13px;text-decoration:none;font-weight:700;cursor:pointer}.btn.alt{background:#333d48}.form{max-width:760px}.form label{display:block;font-weight:700;margin-bottom:12px}.form input,.form textarea,.search input{width:100%;padding:9px;border:1px solid #cfd5dc;border-radius:6px;margin-top:5px}.form textarea{min-height:75px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search{display:flex;gap:8px;margin-bottom:14px}.search input{margin:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7eaee;vertical-align:top}th{font-size:13px;color:#5c6570;background:#fafbfc}.badge{display:inline-block;padding:4px 7px;border-radius:12px;font-size:12px;font-weight:700}.gpsok{background:#dff5e5;color:#176b2c}.gpsno{background:#fff0d7;color:#875300}.flash{padding:11px 14px;border-radius:7px;margin-bottom:14px}.flash.ok{background:#dff5e5}.flash.warn{background:#fff0d7}.muted,small{color:#6b747e}.inline{display:inline}.linkbtn{background:none;color:#b51218;padding:0;font-weight:700}.panel .tablewrap{margin:-5px -5px 12px}@media(max-width:700px){header{display:block}.brand{margin-bottom:10px}.cards,.grid{grid-template-columns:1fr}.titlebar{align-items:flex-start;flex-direction:column}}

/* V02 compact */
header{padding:8px 18px}.brand{font-size:17px}nav{gap:3px}nav a{padding:6px 8px;font-size:13px}main{max-width:1220px;margin:14px auto}h1{font-size:23px;margin-bottom:12px}h2{font-size:17px}.panel,.card{padding:12px}.cards{gap:9px;margin-bottom:12px}.card b{font-size:24px}.btn,button{padding:6px 10px;font-size:13px}.form label{font-size:13px;margin-bottom:8px}.form input,.form textarea,.form select,select{width:100%;padding:6px 7px;border:1px solid #cfd5dc;border-radius:5px;margin-top:3px;background:#fff}.form textarea{min-height:52px}.grid{gap:8px}th,td{padding:7px 8px;font-size:13px}.badge{padding:2px 6px;font-size:11px}.titlebar{margin-bottom:10px}.twocol{display:grid;grid-template-columns:280px 1fr;gap:12px;align-items:start}.twocol.wide{grid-template-columns:300px 1fr}.compact{max-width:700px}.iconbtn{width:24px;height:24px;padding:0;border-radius:50%;font-size:16px}@media(max-width:800px){.twocol,.twocol.wide{grid-template-columns:1fr}}

.routebar{padding:9px;margin-bottom:10px}.routegrid,.warehouseform{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:end;margin-bottom:7px}.routegrid label,.warehouseform label{font-size:12px}.whrow{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding:4px 0;font-size:12px}.mini{padding:4px 7px;font-size:12px}@media(max-width:800px){.routegrid,.warehouseform{grid-template-columns:1fr}}

/* V04 */
header{position:relative}.version{position:absolute;right:14px;top:5px;font-size:10px;opacity:.65}.filterbar{display:grid;grid-template-columns:180px 260px auto;gap:8px;align-items:end;margin-bottom:8px}.filterbar label{font-size:12px}.vehiclecards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px}.vehiclecard{display:grid;gap:3px;padding:11px;background:#fff;border:1px solid #ddd;border-radius:8px;text-decoration:none;color:inherit}.vehiclecard:hover{border-color:#999}.vehiclecard b{font-size:14px}.vehiclecard b span,.vehiclecard small{font-weight:400;color:#666}.vehiclecard strong{font-size:20px}.vehiclecard em{font-style:normal;font-size:12px;text-align:right}.exportbar{display:flex;justify-content:flex-end;gap:5px;margin:5px 0}.exportbar a{font-size:12px;padding:4px 8px;border:1px solid #ccc;border-radius:5px;text-decoration:none}.inline{display:inline}.hint{font-size:12px;color:#666}.check{display:flex!important;align-items:center;gap:6px}.check input{width:auto!important;margin:0!important}@media(max-width:700px){.filterbar{grid-template-columns:1fr}}

/* V04.1 */
.dayfilter{display:grid;grid-template-columns:34px 155px 34px minmax(150px,220px) minmax(180px,260px);gap:6px;align-items:end;margin-bottom:8px}.dayfilter label{font-size:11px;font-weight:700}.dayarrow{height:31px;display:flex;align-items:center;justify-content:center;background:#111820;color:#fff;text-decoration:none;border-radius:6px;font-size:25px;font-weight:700}.routechips{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:6px 0 9px;font-size:12px}.routechips a{padding:4px 8px;background:#fff;border:1px solid #d8dde3;border-radius:12px;text-decoration:none;color:#333}.routechips a.active{font-weight:700;border-color:#d71920}.planroute{min-width:210px}.planroute label{font-size:11px;font-weight:700}.warehousetoggle{margin-top:5px;border-top:1px solid #eee;padding-top:5px}.warehousetoggle summary{cursor:pointer;font-size:12px;font-weight:700;color:#b51218}.warehousetoggle .warehouseform{margin-top:7px}@media(max-width:760px){.dayfilter{grid-template-columns:34px 1fr 34px}}

/* V05 optimal route */
.optbar{display:flex;align-items:center;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid #eee;font-size:13px}.routemap{height:360px;margin-top:9px;border:1px solid #dfe3e8;border-radius:8px;overflow:hidden}@media(max-width:700px){.routemap{height:300px}.optbar{align-items:flex-start;flex-direction:column}}

/* V05.1 zemljevid */
.route-div-icon{background:transparent!important;border:0!important}
.route-marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid #d71920;color:#111;font-weight:800;font-size:12px;box-shadow:0 1px 5px #555}
.route-marker.start{background:#111820;color:#fff;border-color:#111820}
.route-marker.end{background:#d71920;color:#fff;border-color:#d71920}

/* V06 */
.planprints{display:flex;gap:6px;justify-content:flex-end;margin:5px 0 7px}.planprints .btn{font-size:11px;padding:6px 9px}.btn.secondary{background:#111820;color:#fff}

/* V06.1 - širok pregled dostav */
.twocol{grid-template-columns:200px minmax(0,1fr)!important;align-items:start}
.twocol>div:last-child{min-width:0}
.twocol table{width:100%;table-layout:auto}
.twocol table td,.twocol table th{white-space:normal}
.planprints{max-width:none}
@media(max-width:760px){.twocol{grid-template-columns:1fr!important}}

/* V06.2 - pravilna postavitev: ozek vnos, široke dostave */
.twocol.wide{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;gap:10px!important;align-items:start!important}
.twocol.wide>.form{width:auto!important;min-width:0!important}
.deliveries-right{min-width:0;width:100%}
.deliveries-right .planprints{display:flex;justify-content:flex-end;gap:6px;margin:0 0 6px}
.deliveries-panel{width:auto!important;min-width:0!important}
.deliveries-panel table{width:100%!important;table-layout:auto!important}
.deliveries-panel th:nth-child(1){width:28px}
.deliveries-panel th:nth-child(4){width:48px}
.deliveries-panel th:nth-child(5){width:34px}
@media(max-width:760px){.twocol.wide{grid-template-columns:1fr!important}.deliveries-right .planprints{justify-content:flex-start;flex-wrap:wrap}}

/* V06.3 nadzorna */
.dashcards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0}.dashcards .card{padding:10px 12px}.dashcards .card b{font-size:21px}.dashgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:8px}.panelhead{display:flex;align-items:center;justify-content:space-between}.panelhead h2{margin:0}.panelhead a{font-size:11px}.dashroute{display:grid;grid-template-columns:minmax(0,1fr) 60px 65px 60px;gap:7px;align-items:center;padding:7px 3px;border-top:1px solid #e3e6e9;text-decoration:none;color:#111}.dashroute small{display:block;color:#68717a;font-size:10px}.dashnumbers{text-align:right}.dashwarning{padding:6px 0;border-bottom:1px solid #eee;font-size:11px}.dashok{padding:7px 0;font-size:11px}.dashbase{display:flex;gap:18px;align-items:center;margin-top:8px}.dashbase h2{margin-right:auto}.future{margin-top:8px}.future p{margin-bottom:0}.optbar{display:flex!important;align-items:center;gap:7px}.optbar .planprints{margin-left:auto;margin-bottom:0}.optbar .planprints .btn{white-space:nowrap}@media(max-width:760px){.dashcards{grid-template-columns:repeat(2,1fr)}.dashgrid{grid-template-columns:1fr}.dashbase{flex-wrap:wrap}.optbar{flex-wrap:wrap}.optbar .planprints{margin-left:0}}

/* V06.4 */
.filter064{display:flex;align-items:end;gap:7px;flex-wrap:wrap;margin:8px 0}
.filter064 label{font-size:11px;font-weight:700;min-width:120px;flex:1}
.filter064 label input,.filter064 label select{margin-top:3px;width:100%}
.filter064>a{display:flex;align-items:center;justify-content:center;min-width:29px;height:30px;background:#202833;color:#fff;text-decoration:none;border-radius:5px;font-size:22px}
.table064{overflow-x:auto}.table064 table{width:100%;min-width:800px}.table064 small{display:block}

.deleteplan{text-align:right;margin:3px 0 6px}.deleteplan button{background:#5c6167;color:white;font-size:10px;padding:5px 8px}

.invoicefields{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:8px}.invoicefields label{font-size:12px}.invoicefields input{width:100%}@media(max-width:700px){.invoicefields{grid-template-columns:1fr}}

.editactions{white-space:nowrap}.editactions form{display:inline}.editactions a{margin-right:5px}.editactions button{background:#343a40}.dashcards+.dashcards{margin-top:0}

.mobilewrap{max-width:640px;margin:0 auto}.mobilecard{display:flex;flex-direction:column;gap:10px;margin:12px 0;padding:16px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#111;text-decoration:none}.mobilecard span{font-size:13px}.mobilecard input,.mobilecard textarea{width:100%;box-sizing:border-box}.mobilecard button{min-height:40px}.mobilewrap h1{margin-top:16px}
/* V07.5 - mobile map and pull-up delivery list */
.driver-shell{position:relative;height:calc(100dvh - 95px);min-height:560px;overflow:hidden;background:#e5e7eb;margin:-16px -18px 0}
.driver-top{height:62px;background:#111827;color:white;display:flex;align-items:center;gap:12px;padding:8px 12px;box-sizing:border-box;position:relative;z-index:600}
.driver-top a{color:white;font-weight:700;text-decoration:none;white-space:nowrap}.driver-top div{flex:1;min-width:0}.driver-top small{display:block;font-size:11px;color:#d1d5db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.driver-top button{border:1px solid #64748b;border-radius:8px;padding:8px;background:#334155;color:white}
#driver-map{height:calc(100% - 62px);width:100%;z-index:1}
.driver-sheet{position:absolute;bottom:0;left:0;right:0;height:255px;max-height:calc(100% - 80px);z-index:500;background:white;border-radius:18px 18px 0 0;box-shadow:0 -4px 25px #0003;display:flex;flex-direction:column;transition:height .22s ease;overflow:hidden}
.driver-sheet.expanded{height:78%}.sheet-handle{width:48px;height:5px;background:#cbd5e1;border-radius:9px;margin:9px auto 7px;cursor:pointer;flex-shrink:0}
.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 15px 8px}.sheet-heading strong{display:block;font-size:15px}.sheet-heading small{display:block;color:#64748b;font-size:11px}.sheet-heading button{border:0;background:#eff6ff;color:#1d4ed8;border-radius:8px;padding:8px;font-weight:700;white-space:nowrap}
.selected-delivery{padding:0 15px 10px}.selected-address{font-size:12px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-actions{display:flex;gap:8px;margin-top:9px}.driver-actions a{background:#1d4ed8;color:white;text-align:center;flex:1;padding:10px 6px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:700}.driver-actions a+ a{background:#0f766e}
.sheet-list{overflow-y:auto;flex:1;display:none;padding:0 10px 8px}.expanded .sheet-list{display:block}.sheet-stop{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border:1px solid #e2e8f0;border-radius:10px;background:white;margin:5px 0;padding:11px 9px;color:#111827}.sheet-stop.active{border-color:#2563eb;background:#eff6ff}.stop-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1e293b;color:white;font-weight:bold;flex-shrink:0}.completed .stop-number{background:#16a34a}.stop-info{flex:1;min-width:0}.stop-info b{display:block;font-size:13px}.stop-info small{display:block;color:#64748b;font-size:11px}.stop-status{font-size:19px}.sheet-foot{display:flex;justify-content:space-around;padding:11px 6px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:11px;flex-shrink:0}.sheet-foot a{color:#1d4ed8;text-decoration:none}
.driver-pin{display:grid;place-items:center;background:#1e293b;border:3px solid white;color:white;border-radius:50%;box-shadow:0 2px 6px #0005;font-weight:bold}.driver-pin.done{background:#16a34a}.driver-pin span{display:block;text-align:center;line-height:26px}
@media(max-width:700px){body:has(.driver-shell) header{display:none}body:has(.driver-shell) main{padding:0;margin:0;max-width:none}.driver-shell{height:100dvh;min-height:0;margin:0}}

.mobile-date-nav{display:flex;align-items:center;gap:7px;margin:12px 0}.mobile-date-nav input{flex:1;min-width:0;padding:10px 3px}.mobile-date-nav button{padding:10px 12px;min-height:44px;border:1px solid #bbb;border-radius:8px;background:#fff;color:#222}.driver-actions button{padding:10px;border-radius:8px;border:0;background:#156b45;color:white;font-weight:bold;cursor:pointer}

.mobile-view-filter{display:flex;gap:8px;margin:12px 0}.mobile-view-filter a{flex:1;text-align:center;text-decoration:none}.mobile-view-filter a[aria-current="page"]{background:#25364e;color:white}

.route-progress-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#f4f6f8;flex-wrap:wrap}.route-progress-bar form{margin:0}.route-progress-bar button{padding:9px 14px;border-radius:8px;background:#123c68;color:white;border:0}.mobilecard form{display:flex;flex-direction:column;gap:8px}

/* V07.9: aktivni mobilni zavihki */
.driver-tabs{gap:2px;padding:6px 4px max(8px,env(safe-area-inset-bottom));}
.driver-tabs button{flex:1;min-width:0;border:0;background:transparent;border-radius:9px;padding:9px 2px;font-size:11px;color:#334155;cursor:pointer;}
.driver-tabs button[aria-selected="true"]{background:#dbeafe;color:#1d4ed8;font-weight:700;}
.driver-tab-panel{padding:16px;overflow-y:auto;flex:1;color:#1e293b;font-size:14px;}
.driver-tab-panel[hidden],.sheet-list[hidden],.selected-delivery[hidden]{display:none!important;}
.driver-tab-panel .btn{display:block;margin:12px 0;padding:12px;background:#e2e8f0;border-radius:8px;text-decoration:none;color:#1e293b;}
.driver-note{color:#64748b;font-size:12px;}

.mobile-day-group{margin:16px 0;border-top:1px solid #d5d5d5;padding-top:10px}.mobile-day-group h3{display:flex;justify-content:space-between;align-items:center;font-size:17px}.mobile-day-group small{font-size:12px;color:#666}.mobile-no-stops{font-size:13px;color:#888;padding:0 8px}.mobile-view-filter{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.mobile-view-filter a[aria-current=page]{background:#222;color:#fff}