.ops-center{max-width:1500px;margin:auto;color:#0b1f3a}.ops-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px 18px;border-bottom:1px solid #cadafa;margin-bottom:18px}.ops-heading h1{font-size:30px;color:#3069ee;letter-spacing:-.7px;margin:0 0 6px;font-weight:850}.ops-heading p{font-size:14px;font-weight:650;color:#64758f;margin:0}.ops-head-actions{display:flex;gap:8px;flex-shrink:0}.ops-context{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.ops-context form{display:flex;align-items:end;gap:10px}.ops-context label,.ops-search,.ops-booking-picker{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#526782}.ops-context input,.ops-search input,.ops-booking-picker select{border:1px solid #d5e0f0;background:#fff;border-radius:10px;padding:10px 12px;font:inherit;min-height:44px;color:#17304d}.ops-mode{font-size:11px;font-weight:700;color:#5d7290;max-width:350px;text-align:right;line-height:1.6}.ops-search{margin:20px 0 16px;max-width:390px}.ops-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ops-tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:20px 18px;min-height:166px;background:linear-gradient(170deg,#f7faff,#fff 44%);border:1px solid #d5e0ef;border-radius:17px;box-shadow:0 5px 18px #19375b08;cursor:pointer;color:#0b1f3a;transition:box-shadow .15s,border-color .15s,transform .15s;position:relative}.ops-tile:hover{border-color:#8faff8;box-shadow:0 9px 25px #285dde17;transform:translateY(-2px)}.ops-tile:focus-visible{outline:3px solid #3069ee;outline-offset:3px}.ops-tile-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#edf3ff;color:#326bff;font-size:13px;font-weight:850;margin-bottom:11px}.ops-tile strong{font-size:16px;font-weight:800;line-height:1.35;margin-bottom:7px}.ops-tile-description{font-size:13px;color:#62748e;font-weight:650;line-height:1.5}.ops-tile.tone-purple .ops-tile-icon{background:#f4efff;color:#7441de}.ops-tile.tone-green .ops-tile-icon{background:#edf8ee;color:#678c24}.ops-tile.tone-olive .ops-tile-icon{background:#f5f8e8;color:#7c9114}.ops-tile.tone-amber .ops-tile-icon{background:#fff5df;color:#b97510}.ops-tile:disabled{cursor:default;opacity:.65;transform:none;box-shadow:none}.ops-access{font-size:11px;color:#64758f;margin-top:9px}.ops-tile[hidden]{display:none}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.ops-metric{background:#fff;border:1px solid #dbe4ef;border-radius:12px;padding:15px 18px}.ops-metric strong{display:block;font-size:26px;color:#3069ee}.ops-metric span{font-size:12px;font-weight:650;color:#65778f}.ops-panel{background:#fff;border:1px solid #dbe4ef;border-radius:15px;margin:18px 0;padding:18px 20px}.ops-panel h2{font-size:18px;margin:0 0 14px}.ops-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid #edf1f6;overflow-wrap:anywhere}.ops-row:first-of-type{border-top:0}.ops-row>div:first-child{min-width:0}.ops-row strong{font-size:15px}.ops-row p{font-size:13px;color:#62748e;margin:5px 0}.ops-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ops-row .btn{font-size:12px;white-space:normal}.ops-status{display:inline-block;padding:4px 8px;background:#edf3ff;border-radius:6px;color:#3f628f;font-size:11px;font-weight:750}.ops-empty{padding:25px 12px;text-align:center;color:#65778f;font-size:14px}.ops-note{font-size:13px;line-height:1.6;color:#65778f}.ops-alert{padding:16px 20px;border:1px solid #e7c8a5;border-radius:12px;background:#fff9ef;margin:18px 0;color:#7b5026}.ops-alert p{font-size:13px;overflow-wrap:anywhere}.ops-checks{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.ops-checks span{font-size:12px;padding:4px 7px;border-radius:5px;background:#f2f5fa}.ops-checks .ready{color:#287052}.ops-checks .pending{color:#9b651b}.ops-bookings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.ops-booking-card{background:#fff;padding:20px;border:1px solid #dbe4ef;border-radius:14px}.ops-booking-card h3{margin:8px 0;font-size:18px}.ops-booking-card p{font-size:13px;color:#65778f}.ops-booking-card .btn{width:100%;margin-top:8px}.ops-booking-picker{max-width:600px;margin:18px 0 6px}.modal [data-op-form] label,.modal [data-op-incident-form] label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-weight:650;font-size:14px}.modal [data-op-form] input,.modal [data-op-form] select,.modal [data-op-form] textarea,.modal [data-op-incident-form] input,.modal [data-op-incident-form] select,.modal [data-op-incident-form] textarea{width:100%;min-height:44px;border:1px solid #ccd8e6;border-radius:9px;padding:10px;font:inherit}.modal [data-op-form] textarea,.modal [data-op-incident-form] textarea{min-height:90px}.modal [data-op-form-error],.modal [data-op-incident-form] [role=alert]{color:#a32929;font-size:13px}
@media(max-width:1100px){.ops-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-heading h1{font-size:27px}.ops-bookings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ops-tile{min-height:172px;padding:16px}.ops-heading{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 0}.ops-heading h1{font-size:25px}.ops-heading p{display:block}.ops-context{align-items:flex-start;flex-direction:column;gap:10px}.ops-mode{text-align:left}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-row{align-items:flex-start;flex-direction:column;gap:10px}.ops-row-actions{justify-content:flex-start}.ops-panel{padding:16px}.ops-bookings{grid-template-columns:1fr}.ops-head-actions .btn{min-height:44px}.ops-context form{flex-wrap:wrap}.ops-search{max-width:none}.ops-tile strong{font-size:15px}}
@media(max-width:380px){.ops-grid{grid-template-columns:1fr}.ops-tile{min-height:145px}}
@media(prefers-reduced-motion:reduce){.ops-tile{transition:none}.ops-tile:hover{transform:none}}