/* Operations manager dashboard — responsive, hierarchy-scope only. */
.ops-manager-dashboard{--om-blue:#2454d7;--om-blue-soft:#edf3ff;--om-green:#079455;--om-green-soft:#e8f7ee;--om-red:#e5484d;--om-red-soft:#fff1f1;--om-purple:#6941c6;--om-purple-soft:#f2ebff;--om-orange:#f79009;--om-orange-soft:#fff4df;--om-border:#e1e6ef;--om-text:#14213a;--om-muted:#667085;color:var(--om-text);display:grid;gap:16px;max-width:1480px;margin:0 auto 36px}
.ops-manager-card{background:#fff;border:1px solid var(--om-border);border-radius:16px;box-shadow:0 8px 24px rgba(31,52,88,.055);overflow:hidden}
.ops-manager-top-grid{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(390px,1.5fr) minmax(270px,1fr);gap:16px}
.ops-manager-top-grid>.ops-manager-card{padding:18px}
.ops-manager-card-head{display:flex;align-items:center;gap:9px;min-height:32px}
.ops-manager-card-head h2{font-size:16px!important;font-weight:650!important;line-height:1.2;margin:0;color:var(--om-text)}
.ops-manager-card-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--om-blue-soft);color:var(--om-blue);flex:0 0 auto}
.ops-manager-card-icon.green{background:var(--om-green-soft);color:var(--om-green)}
.ops-manager-card-icon.orange{background:var(--om-orange-soft);color:var(--om-orange)}
.ops-manager-card-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ops-manager-head-link,.ops-manager-link,.ops-manager-view{border:0;background:transparent;color:var(--om-blue);font:inherit;font-size:12px;cursor:pointer}
.ops-manager-head-link{margin-left:auto}
.ops-manager-attendance-state{display:flex;align-items:center;gap:9px;padding:18px 4px 14px;color:var(--om-red)}
.ops-manager-attendance-state strong{font-size:17px;font-weight:650}
.ops-manager-dot{width:10px;height:10px;border-radius:50%;background:var(--om-red);box-shadow:0 0 0 5px var(--om-red-soft)}
.ops-manager-attendance-actions{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px;align-items:center}
.ops-manager-primary{min-height:42px;border:0;border-radius:10px;background:linear-gradient(135deg,#3167ee,#244ed2);color:#fff;font:inherit;font-weight:650;cursor:pointer;box-shadow:0 8px 18px rgba(40,88,223,.18)}
.ops-manager-link{text-decoration:underline;padding:8px}
.ops-manager-today-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.ops-manager-today-grid>div{display:grid;gap:3px;text-align:center;padding:12px 5px;border-radius:10px;background:#edf6ff}
.ops-manager-today-grid strong{font-size:23px;font-weight:650;color:#17639e}
.ops-manager-today-grid span{font-size:11px;color:var(--om-text)}
.ops-manager-today-grid .present{background:var(--om-green-soft)}
.ops-manager-today-grid .present strong{color:var(--om-green)}
.ops-manager-today-grid .missing{background:var(--om-red-soft)}
.ops-manager-today-grid .missing strong{color:var(--om-red)}
.ops-manager-today-grid .leave{background:var(--om-purple-soft)}
.ops-manager-today-grid .leave strong{color:var(--om-purple)}
.ops-manager-exceptions{display:flex;gap:7px;flex-wrap:wrap}
.ops-manager-exceptions span{font-size:11px;color:#3d4e69;background:#f5f8fc;border-radius:999px;padding:6px 9px}
.ops-manager-approval-list{margin-top:10px}
.ops-manager-approval-row{width:100%;border:0;border-bottom:1px solid #edf1f6;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;color:var(--om-text);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.ops-manager-approval-row:last-child{border-bottom:0}
.ops-manager-count{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--om-red);color:#fff;display:grid;place-items:center;font-size:11px}
.ops-manager-empty{padding:18px 2px;color:var(--om-muted);font-size:13px}
.ops-manager-insights{display:grid;grid-template-columns:minmax(390px,1fr) minmax(0,1.15fr);gap:16px}
.ops-manager-overview{padding:17px 18px}
.ops-manager-overview-body{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:18px;margin-top:12px}
.ops-manager-donut{position:relative;display:grid;place-items:center;width:122px;height:122px;border-radius:50%;background:conic-gradient(var(--om-green) 0 calc(var(--present)*1%),#ff9ea1 calc(var(--present)*1%) calc((var(--present) + var(--unmarked))*1%),var(--om-purple) calc((var(--present) + var(--unmarked))*1%) 100%)}
.ops-manager-donut::after{content:"";position:absolute;inset:22px;border-radius:50%;background:#fff}
.ops-manager-donut strong{position:relative;z-index:1;font-size:22px;font-weight:650;color:var(--om-text)}
.ops-manager-legend{display:grid}
.ops-manager-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr) 28px 38px;align-items:center;gap:8px;min-height:32px;border-top:1px solid #edf0f4;font-size:12px}
.ops-manager-legend>div:first-child{border-top:0}
.ops-manager-legend i{width:8px;height:8px;border-radius:50%;background:var(--om-green)}
.ops-manager-legend i.missing{background:#ff9ea1}
.ops-manager-legend i.leave{background:var(--om-purple)}
.ops-manager-legend i.late{background:var(--om-orange)}
.ops-manager-legend i.checkout{background:#2671dc}
.ops-manager-legend strong{font-weight:650;text-align:right}
.ops-manager-legend em{font-style:normal;color:var(--om-muted);text-align:right}
.ops-manager-overview-note{margin:4px 0 0;width:122px;text-align:center;color:#475467;font-size:12px}
.ops-manager-month{padding:17px 18px}
.ops-manager-month-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:13px;border:1px solid #edf1f6;border-radius:12px;overflow:hidden}
.ops-manager-month-grid>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-right:1px solid #edf1f6;background:#fbfdff}
.ops-manager-month-grid>div:last-child{border-right:0}
.ops-manager-month-grid span{font-size:12px;color:var(--om-muted)}
.ops-manager-month-grid strong{font-size:16px;font-weight:650}
.ops-manager-roster{padding:16px 18px}
.ops-manager-person{display:grid;grid-template-columns:44px minmax(190px,1.8fr) minmax(115px,.8fr) minmax(80px,.55fr) minmax(80px,.55fr) 54px;align-items:center;gap:10px;padding:11px 6px;border-top:1px solid #edf1f6}
.ops-manager-person-head{padding-top:14px;padding-bottom:7px;border-top:0;color:var(--om-muted);font-size:10px;text-transform:uppercase;letter-spacing:.35px}
.ops-manager-person-copy{display:grid;gap:3px;min-width:0}
.ops-manager-person-copy strong{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ops-manager-person-copy span,.ops-manager-time{font-size:11px;color:var(--om-muted)}
.ops-manager-status{justify-self:start;border-radius:999px;padding:5px 8px;font-size:10px;background:#f1f5f9;color:#475569}
.ops-manager-status.present{background:#dcf8e7;color:#087443}
.ops-manager-status.leave{background:#eee8ff;color:#6241c7}
.ops-manager-status.late{background:#fff0dc;color:#a85a00}
.ops-manager-status.missing{background:#ffe9ec;color:#b72837}
.ops-manager-view{border:1px solid #dbe5f2;border-radius:8px;padding:7px 9px;text-decoration:none}
.ops-manager-person-avatar .avatar{font-size:11px!important}


@media(max-width:1100px) and (min-width:769px){.ops-manager-top-grid{grid-template-columns:1fr 1.5fr}
.ops-manager-insights{grid-template-columns:1fr}
.ops-manager-approvals{grid-column:1/-1}
.ops-manager-month-grid{grid-template-columns:repeat(2,1fr)}
.ops-manager-month-grid>div:nth-child(2){border-right:0}
.ops-manager-month-grid>div:nth-child(-n+2){border-bottom:1px solid #edf1f6}
}


@media(max-width:768px){body.operations-manager-dashboard-view #tab-content{padding:14px 12px 105px!important}
body.operations-manager-dashboard-view #page-title>span:last-child{font-size:20px!important;font-weight:650!important}
body.operations-manager-dashboard-view #page-subtitle{font-size:13px!important;font-weight:500!important}
.ops-manager-dashboard{gap:14px;margin-bottom:0}
.ops-manager-top-grid{display:grid;grid-template-columns:1fr;gap:14px}
.ops-manager-top-grid>.ops-manager-card,.ops-manager-month,.ops-manager-roster{padding:16px}
.ops-manager-card{border-radius:18px}
.ops-manager-card-head h2{font-size:16px!important}
.ops-manager-attendance-state{padding:13px 2px 11px}
.ops-manager-attendance-actions{grid-template-columns:minmax(0,1fr) auto}
.ops-manager-today-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.ops-manager-today-grid>div{padding:15px 6px}
.ops-manager-exceptions{padding-top:2px}
.ops-manager-approvals{order:3}
.ops-manager-insights{grid-template-columns:1fr;gap:14px}
.ops-manager-overview{padding:16px}
.ops-manager-overview-body{grid-template-columns:112px minmax(0,1fr);gap:12px}
.ops-manager-donut{width:104px;height:104px}
.ops-manager-donut::after{inset:19px}
.ops-manager-overview-note{width:104px;font-size:11px}
.ops-manager-legend>div{grid-template-columns:8px minmax(0,1fr) 22px 34px;gap:6px;font-size:11px}
.ops-manager-month-grid{grid-template-columns:repeat(2,1fr)}
.ops-manager-month-grid>div{display:grid;gap:4px;padding:13px 12px}
.ops-manager-month-grid>div:nth-child(2){border-right:0}
.ops-manager-month-grid>div:nth-child(-n+2){border-bottom:1px solid #edf1f6}
.ops-manager-month-grid strong{font-size:18px}
.ops-manager-roster{padding-left:14px;padding-right:14px}
.ops-manager-person-head{display:none}
.ops-manager-person{grid-template-columns:42px minmax(0,1fr) auto;gap:8px;padding:13px 2px}
.ops-manager-person-copy{grid-column:2}
.ops-manager-status{grid-column:3;grid-row:1}
.ops-manager-time{display:none}
.ops-manager-view{grid-column:3;grid-row:2;padding:5px 8px}
.ops-manager-person-avatar{grid-row:1/3}
.ops-manager-person-copy strong{white-space:normal}
.ops-manager-head-link{font-size:12px}
.ops-manager-empty{padding:14px 2px}
}