/* Sales Zonal Head attendance and reporting-scope presentation. */
.zonal-attendance-scope{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px;padding:14px;border:1px solid #bfd4ff;border-radius:14px;background:#edf5ff}
.zonal-attendance-scope label{display:grid;gap:6px;min-width:min(360px,100%)}
.zonal-attendance-scope label>span{color:#475569;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.zonal-attendance-scope select{min-height:43px;padding:0 12px;border:1px solid #adc8fb;border-radius:10px;background:#fff;color:#14213a;font:inherit;font-size:13px}
.zonal-attendance-scope>div{text-align:right}
.zonal-attendance-scope>div strong,.zonal-attendance-scope>div span{display:block}
.zonal-attendance-scope>div strong{color:#2454d7;font-size:24px}
.zonal-attendance-scope>div span{margin-top:3px;color:#667085;font-size:11px}

.omt-zone-scope{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(360px,1.3fr);gap:12px;padding:14px;border:1px solid #bfd4ff;border-radius:14px;background:#edf5ff}
.omt-zone-scope label{display:grid;gap:6px}
.omt-zone-scope label>span{color:#475569;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.omt-zone-scope select{width:100%;min-height:44px;padding:0 12px;border:1px solid #adc8fb;border-radius:10px;background:#fff;color:var(--omt-text,#14213a);font:inherit;font-size:13px;outline:none}
.omt-zone-scope select:focus{border-color:#6f97f5;box-shadow:0 0 0 3px rgba(40,85,217,.09)}
.omt-zone-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border:1px solid #bfd4ff;border-radius:11px;background:#fff;color:var(--omt-text,#14213a);text-align:left;font:inherit;cursor:pointer}
.omt-zone-head strong,.omt-zone-head small{display:block}
.omt-zone-head strong{font-size:13px}
.omt-zone-head small{margin-top:3px;color:var(--omt-muted,#667085);font-size:10px}
.omt-zone-head>b{color:var(--omt-blue,#2454d7);font-size:11px;white-space:nowrap}

.omt-manager-group.omt-zonal-subteam>.omt-zonal-subteam-head{grid-template-columns:minmax(0,1fr) auto 34px;padding:9px 10px;cursor:default}
.omt-zonal-manager-profile{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:2px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.omt-zonal-manager-profile>span{min-width:0}
.omt-zonal-manager-profile strong,.omt-zonal-manager-profile small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.omt-zonal-subteam-toggle{width:32px;height:32px;display:grid;place-items:center;border:1px solid #c9d8f4;border-radius:8px;background:#fff;color:var(--omt-blue,#2454d7);font:inherit;cursor:pointer}
.omt-zonal-subteam-toggle span{display:block;font-size:18px;line-height:1;transition:transform .18s ease}
.omt-zonal-subteam.is-collapsed .omt-zonal-subteam-toggle span{transform:rotate(-90deg)}
.omt-zonal-subteam.is-collapsed .omt-zonal-subteam-members{display:none}

@media(max-width:900px){
  .omt-zone-scope{grid-template-columns:1fr}
  .omt-zone-head{grid-template-columns:38px minmax(0,1fr)}
  .omt-zone-head>b{grid-column:2}
  .omt-manager-group.omt-zonal-subteam>.omt-zonal-subteam-head{grid-template-columns:minmax(0,1fr) 34px}
  .omt-zonal-subteam-head>em{grid-column:1;justify-self:start;margin-left:50px}
  .omt-zonal-subteam-toggle{grid-column:2;grid-row:1/3}
}

@media(max-width:720px){
  .zonal-attendance-scope{display:grid;align-items:stretch}
  .zonal-attendance-scope>div{text-align:left}
}