.op-page{min-height:100vh;background:var(--cg-background);color:var(--cg-ink);padding:40px clamp(16px,4vw,70px);font-family:CarthageSans,system-ui,sans-serif}.op-header{display:flex;justify-content:space-between;gap:24px;align-items:center;max-width:1500px;margin:auto}.op-header small,.op-login small{color:#d32f2f;letter-spacing:2px;font-weight:700}.op-header h1{font-size:clamp(28px,3vw,42px);margin:12px 0}.op-header p{color:#697084}.op-header a{margin:10px;color:var(--cg-ink)}.op-page button{background:#d32f2f;color:white;border:0;border-radius:8px;padding:12px 17px;font-weight:600;cursor:pointer}.op-page button:disabled{opacity:.5;cursor:wait}.op-page button.secondary{background:#f1f2f6;color:#34384a}.op-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:30px auto;max-width:1500px}.op-metrics>div{background:#1a1a2e;color:#fff;border-radius:var(--cg-radius);padding:24px}.op-metrics b{display:block;font-size:36px;margin-bottom:12px}.op-metrics span{font-size:14px;color:#dedfe7}.op-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.op-tabs button{background:#fff;color:#36394b}.op-tabs button.active{background:#d32f2f;color:white}.op-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:20px}.op-card{background:white;border:1px solid #e5e7ed;padding:24px;border-radius:var(--cg-radius);min-width:0}.op-card p{font-size:14px;line-height:1.7}.op-card a{color:#c52b2b}.op-card h3{margin:16px 0}.op-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.op-card-top strong{font-size:21px}.op-card-top span{background:#f1f2f6;padding:7px 10px;border-radius:20px;font-size:12px}.op-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.op-warning{background:#fff0e0;color:#8b4205}.op-success,.op-warning{padding:15px;border-radius:8px}.op-success{background:#e7f5ed;color:#176540}.op-note{background:#f7f7fa;padding:10px;border-radius:6px}.op-page label{display:block;font-size:14px;font-weight:600;margin:15px 0}.op-page input:not([type=checkbox]),.op-page select,.op-page textarea{display:block;width:100%;border:1px solid #d9dce6;border-radius:7px;padding:11px;margin-top:7px;background:#fff;color:var(--cg-ink);box-sizing:border-box;font:inherit}.op-page textarea{min-height:85px}.op-date{max-width:240px}.op-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.op-checks{display:flex;flex-wrap:wrap;gap:15px}.op-checks label{font-size:13px}.op-overlay{position:fixed;inset:0;background:#131523aa;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.op-dialog{background:#fff;border-radius:16px;padding:28px;width:min(780px,100%);max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box}.op-close{float:right}.op-dialog h2{font-size:25px}.op-sign canvas{display:block;border:1px dashed #959aaa;width:100%;height:110px;touch-action:none;margin:10px 0;background:#fafafa}.op-dialog img{max-width:180px;border:1px solid #e5e7ed}.op-table{overflow:auto;margin-top:25px}.op-table table{width:100%;border-collapse:collapse;font-size:14px}.op-table td,.op-table th{padding:16px;text-align:left;border-bottom:1px solid #e5e7ed;white-space:nowrap}.op-login{max-width:430px;margin:8vh auto;background:#fff;padding:35px;border-radius:16px}.op-empty{padding:40px;color:#697084}@media(max-width:700px){.op-header{display:block}.op-header>div+div{margin-top:20px}.op-fields{grid-template-columns:1fr}.op-page{padding:24px 16px}.op-overlay{padding:8px}.op-dialog{padding:20px;max-height:calc(100dvh - 16px)}.op-metrics{grid-template-columns:repeat(2,1fr)}.op-metrics>div{padding:18px}.op-tabs button{font-size:12px;padding:10px}}.op-sign{display:block;font-size:14px;font-weight:600;margin:15px 0}.op-settlement-reading{border-left:3px solid #d32f2f;background:#f7f7fa;padding:14px 18px;margin:12px 0;border-radius:6px}.op-settlement-print{margin-top:24px;padding:22px;background:#fafafa;border:1px solid #e5e7ed;border-radius:12px}.op-settlement-print small{color:#d32f2f;letter-spacing:1px;font-weight:700}.op-settlement-table{width:100%;border-collapse:collapse;font-size:14px}.op-settlement-table td,.op-settlement-table th{padding:11px 4px;border-bottom:1px solid #e5e7ed;text-align:left}.op-settlement-table th{font-weight:400}.op-settlement-table td{text-align:right;white-space:nowrap}.op-settlement-table tr:nth-child(10),.op-settlement-table tr:nth-child(7){font-weight:700;background:#e7f5ed}.op-settlement-table tr:nth-child(10) th,.op-settlement-table tr:nth-child(7) th{font-weight:700}.op-settlement p{line-height:1.6;font-size:14px}@media print{body *{visibility:hidden!important}.op-settlement-print,.op-settlement-print *{visibility:visible!important}.op-settlement-print{position:absolute;inset:0 auto auto 0;width:100%;padding:12mm;box-sizing:border-box;background:white;border:0}.op-dialog,.op-overlay{position:static!important;overflow:visible!important;max-height:none!important;display:block!important;box-shadow:none!important}.op-no-print{display:none!important}.op-settlement-table tr{break-inside:avoid}.op-settlement-print p{font-size:11pt}.op-page{min-height:0!important;padding:0!important}.op-dialog>:not(.op-settlement),.op-page>:not(.op-overlay),.op-settlement>:not(.op-settlement-print){display:none!important}}.mission-dashboard .op-actions{margin:14px 0;flex-wrap:wrap}.mission-card.status-issue{border-left:4px solid #c0392b}.mission-card.status-complete{border-left:4px solid #268259}.mission-card.status-arrived,.mission-card.status-en-route{border-left:4px solid #d8a54a}.mission-card form{margin:16px 0;padding:14px;background:#f6f8fa;border-radius:12px}.mission-card details{margin-top:14px;border-top:1px solid #e5e7eb;padding-top:12px}.mission-card summary{cursor:pointer;font-weight:600}.mission-card small{display:block;color:#657487;line-height:1.6}.op-review{margin:24px 0;padding:20px;border:1px solid #e2d6bd;background:#fffaf0;border-radius:16px}.op-review .op-card{margin-top:12px}.op-baseline{background:#f0f5f8;padding:16px;border-radius:12px;margin:18px 0}.handover-form h3{border-bottom:1px solid #e5e7eb;padding:16px 0 8px}.handover-form label:has(input[type=checkbox]){display:flex;gap:10px;align-items:center}.handover-form input[type=checkbox]{width:auto;flex:none}.op-photo-chip{display:inline-flex;align-items:center;gap:6px;background:#edf2f5;padding:5px 8px;border-radius:8px;overflow-wrap:anywhere}@media(max-width:600px){.mission-dashboard .op-metrics{grid-template-columns:1fr 1fr}.mission-card .op-card-top{flex-wrap:wrap}.op-review{padding:12px}.mission-card form{padding:10px}}.fleet-scroll{overflow:auto;margin:20px 0;border:1px solid #d8dede;border-radius:18px;background:#fff}.fleet-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.85rem}.fleet-table td,.fleet-table th{padding:10px;border-bottom:1px solid #e4e9e8;border-right:1px solid #e4e9e8;vertical-align:top;min-width:125px}.fleet-table thead th{background:#f1f6f5;color:#224741}.fleet-table th:first-child{position:sticky;left:0;background:#f4f8f7;z-index:1;min-width:190px}.fleet-table small{display:block;margin:4px 0}.fleet-event{display:block;text-align:left;width:100%;margin-bottom:6px;border:0;border-radius:9px;padding:8px;background:#dce9ee;color:#234458;white-space:normal;font-size:.8rem}.fleet-event.reserved{background:#e4edf7;color:#315c82}.fleet-event.rental{background:#d9eee6;color:#215b43}.fleet-event.maintenance,.fleet-event.unavailable{background:#f5dfc7;color:#7f501e}.fleet-event.cancelled,.fleet-event.completed{background:#eceeee;color:#616a69}.fleet-event.inactive{opacity:.6}.fleet-expired{background:#fff1ed}.fleet-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.fleet-legend .fleet-event{width:auto;margin:0}.fleet-calendar .op-actions label{min-width:140px}.fleet-table button.secondary{font-size:.75rem;padding:7px}.op-daily>h3{margin:30px 0 16px}.op-daily>.op-grid{margin:16px 0}.op-daily>details{margin:24px 0}.op-daily>label{max-width:340px}.op-daily .op-actions{align-items:center}.op-daily .op-actions label{margin:0;min-width:180px}.op-daily small,.op-repeat small{color:#667085}.op-repeat{margin-top:24px}.op-repeat>.op-grid{margin:20px 0}.op-repeat .op-card{padding:18px}.op-car-report .op-card{margin:16px 0}.op-car-report h3{margin:28px 0 14px}.op-car-report caption{text-align:left;font-weight:700;margin:20px 0 10px}.op-daily>button.secondary{margin:8px 0 20px}.op-booking-fieldset{border:0;padding:0;margin:0;min-width:0}.op-overlay{backdrop-filter:blur(7px);background:#1320337a}.op-dialog{border:1px solid #e5e8ec;border-radius:22px;padding:30px;box-shadow:0 28px 100px #13203335}.op-dialog h2{letter-spacing:-.8px;margin:0 0 18px}.op-dialog label{color:#394655;font-size:13px;margin:18px 0}.op-dialog input:not([type=checkbox]),.op-dialog select,.op-dialog textarea{padding:13px 14px;border-radius:11px;min-height:46px;font-size:15px;border-color:#dce2e8}.op-dialog input:focus,.op-dialog select:focus,.op-dialog textarea:focus{outline:none;border-color:#ce3439;box-shadow:0 0 0 3px #ce343914}.op-dialog button{border-radius:10px;min-height:42px}.op-dialog form>button:last-child,.op-dialog form>button[type=submit]{margin-top:12px}.op-dialog .op-time-zone{font-size:12px;background:#f4f6f9;padding:10px 14px;border-radius:10px;color:#647181}.op-dialog .op-fields{gap:20px}.op-dialog .op-close{font-size:12px}.op-dialog .op-checks{gap:16px;border:1px solid #e5e8ec;padding:12px 16px;border-radius:12px}@media(max-width:640px){.op-dialog{padding:22px 18px;border-radius:17px}.op-overlay{padding:12px}.op-dialog{max-height:calc(100dvh - 24px)}}