/* OpsControl canonical UI — Phase 3 Operations */
.oc-ops-tabs{display:flex;gap:3px;align-items:center;overflow:auto;background:#fff;border:1px solid var(--oc-border);border-radius:11px;padding:5px 7px;margin:0 0 14px;box-shadow:var(--oc-shadow-soft)}
.oc-ops-tabs button{border:0;background:transparent;color:#4a5e78;font-size:11px;font-weight:750;padding:8px 11px;border-radius:7px;white-space:nowrap;min-height:36px}
.oc-ops-tabs button:hover{background:#f5f9fc}.oc-ops-tabs button.active{background:#eaf5ff;color:#076fae}
.oc-ops-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.oc-ops-header h1{margin:0 0 4px!important}.oc-ops-header p{margin:0;color:var(--oc-muted);font-size:12px}
.oc-ops-header .actions{margin-top:0!important}
#manager-dashboard.oc-ops-screen>.oc-ops-tabs+#managerDashboardLegacyHead{}
#manager-dashboard .grid.grid-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important}
#manager-dashboard .stat{min-height:98px;display:flex;flex-direction:column;justify-content:center}
#manager-dashboard .dashboard-open-hint{margin-top:5px;font-size:9px!important;color:#7590aa}
.oc-live-strip{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:12px;margin:13px 0}
.oc-live-primary,.oc-live-actions{border:1px solid var(--oc-border);border-radius:11px;background:#fff;box-shadow:var(--oc-shadow-soft);padding:13px}
.oc-live-primary h3,.oc-live-actions h3{margin:0 0 8px;font-size:13px}.oc-live-primary p{margin:0;color:var(--oc-muted);font-size:11px;line-height:1.5}
.oc-live-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.oc-live-action{border:1px solid var(--oc-border);background:#fbfdff;border-radius:8px;padding:8px;font-size:10px;font-weight:750;color:#334963;text-align:left;min-height:38px}
.oc-live-action:hover{border-color:#add9f5;background:#f4fbff}

#manager-rota.oc-ops-screen>div:first-of-type,
#manager-timesheets.oc-ops-screen>div:first-of-type,
#manager-incidents.oc-ops-screen>div:first-of-type,
#manager-verification.oc-ops-screen>h1:first-child{display:none!important}

#manager-rota .week-toolbar,#manager-rota .rota-filters,
#manager-timesheets>.card:first-of-type,
#manager-incidents>.card:first-of-type{position:relative}
#manager-rota .week-toolbar{align-items:center!important}.week-nav{gap:6px!important}
#manager-rota .rota-filters{display:grid!important;grid-template-columns:repeat(3,minmax(160px,1fr)) auto!important;gap:8px!important;align-items:end!important}
#manager-rota .rota-filters .field{margin:0!important}
#manager-rota #createShiftCard,#manager-rota #shiftTemplateCard{
 position:fixed!important;right:0!important;top:72px!important;bottom:0!important;width:min(560px,96vw)!important;
 margin:0!important;z-index:1200!important;overflow:auto!important;border-radius:14px 0 0 14px!important;
 box-shadow:-18px 0 50px rgba(19,42,72,.18)!important;padding:20px!important
}
#manager-rota #createShiftCard::before,#manager-rota #shiftTemplateCard::before{content:"";position:fixed;inset:72px 0 0 0;background:rgba(5,19,38,.28);z-index:-1}

#manager-verification .card:first-of-type{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.42fr);column-gap:18px;align-items:start}
#manager-verification .card:first-of-type>.row{grid-column:1/-1}
#manager-verification .card:first-of-type>.grid{grid-column:1}
#manager-verification .card:first-of-type>.field{grid-column:1}
#manager-verification .card:first-of-type>#verificationActions,#manager-verification .card:first-of-type>#verifyMessage{grid-column:2}
#verificationActions{align-self:start;display:grid!important;gap:8px!important;margin-top:8px!important}
#verificationActions .btn{width:100%}
#manager-verification .card+ .card{background:#f8fbfd!important;box-shadow:none!important}

#manager-timesheets .grid.grid-2{grid-template-columns:repeat(4,minmax(130px,1fr))!important;gap:8px!important}
#manager-timesheets .notice.warn{font-size:10px!important}
#timesheetList{padding:0!important;overflow:hidden}
#timesheetSummary{margin:12px 0!important}
#manager-timesheets .row{padding:10px 12px!important}

#manager-incidents.oc-ops-screen .card{overflow:hidden}
#manager-incidents .incident-card,#manager-incidents .row{border-color:#edf1f5!important}
#manager-incidents .actions{gap:6px!important}

#manager-patrols.oc-ops-screen .patrol-ops-toolbar{background:#fff;border:1px solid var(--oc-border);border-radius:10px;padding:10px;box-shadow:var(--oc-shadow-soft)}
#manager-patrols.oc-ops-screen .patrol-ops-filter{border-color:var(--oc-border)!important;border-radius:7px!important}
#manager-patrols.oc-ops-screen .patrol-ops-filter.active{background:var(--oc-blue-soft)!important;color:#076fae!important;border-color:#bcdff7!important}
#manager-patrols.oc-ops-screen .patrol-ops-table th{background:#f5f7fa!important;color:#68768d!important}
#manager-patrols.oc-ops-screen .patrol-ops-table td{font-size:11px!important}

.oc-ops-queue-note{padding:9px 11px;border:1px solid #d8eaf7;border-radius:8px;background:#f4faff;color:#48617e;font-size:10px;margin-bottom:10px}
.oc-ops-screen .card{scroll-margin-top:100px}

@media(max-width:1100px){
 #manager-dashboard .grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .oc-live-strip{grid-template-columns:1fr}
 #manager-timesheets .grid.grid-2{grid-template-columns:1fr 1fr!important}
}
@media(max-width:820px){
 #manager-rota #createShiftCard,#manager-rota #shiftTemplateCard{top:64px!important;border-radius:0!important;width:100%!important}
 #manager-rota .rota-filters{grid-template-columns:1fr 1fr!important}
 #manager-verification .card:first-of-type{display:block}
 #verificationActions{display:flex!important}
}
@media(max-width:560px){
 .oc-ops-tabs{border-radius:8px;margin-left:-4px;margin-right:-4px}
 #manager-dashboard .grid.grid-4{grid-template-columns:1fr 1fr!important}
 #manager-timesheets .grid.grid-2,#manager-rota .rota-filters{grid-template-columns:1fr!important}
 .oc-live-action-grid{grid-template-columns:1fr}
}