*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f4f4f5;color:#222}header{background:#171717;color:white;padding:20px 28px;display:flex;justify-content:space-between;align-items:center}header>b{font-size:24px}header span{color:#d21c22}nav a{color:white;text-decoration:none;margin-left:18px}main{max-width:1450px;margin:auto;padding:28px}section{background:white;border:1px solid #ddd;border-radius:12px;padding:22px;margin-bottom:20px}.grid{display:grid;grid-template-columns:420px 1fr;gap:20px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards{display:flex;gap:15px;margin:20px 0}.cards div{background:white;padding:22px;border-radius:12px;min-width:180px}.cards b{font-size:30px;color:#c4161c;display:block}label{display:block;font-weight:bold;margin:12px 0 5px}input,select,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:7px}textarea{min-height:70px}button,.btn{background:#c4161c;color:white;border:0;padding:10px 15px;border-radius:7px;text-decoration:none;font-weight:bold;display:inline-block;margin-top:12px}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.flash{padding:12px;background:#fff2bd;border:1px solid #e5ca65;border-radius:8px;margin-bottom:15px}.check{font-weight:normal}.check input{width:auto;margin-right:7px}@media(max-width:900px){header{display:block}nav{margin-top:15px}.grid,.three{grid-template-columns:1fr}.cards{flex-wrap:wrap}}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.twocol{grid-template-columns:1fr}}

.status{display:inline-block;padding:4px 8px;border-radius:14px;background:#eee;font-weight:bold;font-size:12px;text-transform:capitalize}

.calendar-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.calendar-head p{margin-top:-8px;color:#666}.calendar-nav{display:flex;align-items:center;gap:12px}.calendar-nav .btn{margin-top:0}.calendar-nav b{min-width:130px;text-align:center}.calendar-scroll{overflow-x:auto}.occupancy{min-width:1200px;font-size:12px}.occupancy th,.occupancy td{padding:6px 3px;text-align:center;border:1px solid #eee}.occupancy .vehicle-col{position:sticky;left:0;z-index:2;background:white;min-width:170px;text-align:left;padding:7px}.occupancy .vehicle-col small{display:block;color:#666;font-weight:normal;margin-top:2px}.occupancy .day-col{min-width:31px;background:#fafafa}.occupancy .day-cell{height:35px}.occupancy .busy-cell{background:#ffe1e1}.occupancy .day-cell a{display:inline-block;min-width:23px;padding:4px 3px;border-radius:5px;background:#c4161c;color:white;text-decoration:none;font-weight:bold;margin:1px}.legend{display:flex;gap:12px;margin-bottom:10px}.leg{font-size:12px;padding:5px 9px;border-radius:6px}.leg.busy{background:#ffe1e1}.leg.pickup{background:#c4161c;color:white}@media(max-width:900px){.calendar-head{display:block}.calendar-nav{margin-bottom:15px;flex-wrap:wrap}}

/* V06_4 - status Vrnjeno v koledarju */
.occupancy .returned-cell{background:#dff3e4}.occupancy .day-cell a.returned-link{background:#218838}.leg.returned{background:#218838;color:white}

.calendar-new{display:block;width:100%;min-height:34px;line-height:34px;text-align:center;text-decoration:none;opacity:.22;font-size:20px}.calendar-new:hover{opacity:1;background:#f2f2f2}.occupancy .day-col small{font-size:10px;font-weight:600}

/* V06_7 - bolj kompakten in pregleden koledar */
.occupancy{min-width:1080px;font-size:11px}
.occupancy th,.occupancy td{padding:4px 2px}
.occupancy .vehicle-col{min-width:155px;padding:6px 7px}
.occupancy .day-col{min-width:28px;width:28px;padding:4px 1px;background:#f7f8f9}
.occupancy .day-cell{height:30px;padding:2px;background:#fff}
.occupancy .day-cell a{min-width:21px;padding:3px 2px;margin:0;font-size:11px}
.occupancy .busy-cell{background:#ffe1e1}
.occupancy .returned-cell{background:#dff3e4}
.occupancy .calendar-new{display:block;width:22px;height:22px;min-width:22px;min-height:22px;line-height:20px;margin:0 auto;padding:0;background:#f7f8f9!important;color:#777!important;border:1px solid #e1e4e8;border-radius:4px;opacity:1;font-size:13px;font-weight:700}
.occupancy .calendar-new:hover{background:#e9ecef!important;color:#c4161c!important;border-color:#c4161c}
.legend{align-items:center;gap:10px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stats div,.card{background:white;border:1px solid #ddd;border-radius:12px;padding:18px}.stats b{font-size:24px;color:#c4161c;display:block}.stats small{display:block;margin-top:5px}.grid2{display:grid;grid-template-columns:360px 1fr;gap:20px}@media(max-width:900px){.stats,.grid2{grid-template-columns:1fr}}