/* ALX CRM v4.3.19 Operations Studio — presentation-only layer.
   Scope: Calls, Reports, Agents. Data APIs, permissions, handlers and installers unchanged. */
body.alx-crm-page #viewCalls.operations-studio,
body.alx-crm-page #viewReports.operations-studio,
body.alx-crm-page #viewAgents.operations-studio{
 --os-accent:#6fa8ff;--os-glow:rgba(59,122,224,.11);
 color:var(--alx-text);padding:18px 5px 38px;box-sizing:border-box;
 scrollbar-width:thin;scrollbar-color:rgba(125,167,214,.45) transparent;
}
/* Unified Studio hero — same restrained navy gradient as Dashboard Studio */
body.alx-crm-page #viewCalls.operations-studio .calls-overview-head,
body.alx-crm-page #viewReports.operations-studio .reports-page-head,
body.alx-crm-page #viewAgents.operations-studio .agents-page-head{
 position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;
 justify-content:space-between;gap:18px;padding:23px 24px!important;margin:0 0 14px!important;
 background:radial-gradient(ellipse 80% 160% at 100% 0%,var(--os-glow),transparent 72%),
 linear-gradient(125deg,var(--alx-panel),var(--alx-panel2));
 border:1px solid var(--alx-line);border-radius:17px;
 box-shadow:0 11px 32px rgba(0,16,39,.06);
}
body.alx-crm-page #viewCalls.operations-studio .calls-overview-head:after,
body.alx-crm-page #viewReports.operations-studio .reports-page-head:after,
body.alx-crm-page #viewAgents.operations-studio .agents-page-head:after{
 content:"";position:absolute;right:20%;top:-147px;width:180px;height:180px;border-radius:50%;
 border:1px solid rgba(102,163,249,.11);z-index:-1;pointer-events:none;
}
body.alx-crm-page .operations-studio .calls-overline,
body.alx-crm-page .operations-studio .reports-overline,
body.alx-crm-page .operations-studio .agents-overline{
 display:inline-flex;align-items:center;gap:8px;font-size:9px!important;letter-spacing:.145em!important;
 color:#80b3fc!important;font-weight:850!important;
}
body.alx-crm-page .operations-studio .calls-overline:before,
body.alx-crm-page .operations-studio .reports-overline:before,
body.alx-crm-page .operations-studio .agents-overline:before{
 content:"";display:inline-block;width:7px;height:7px;background:#689df4;border-radius:2px;
 box-shadow:0 0 0 3px rgba(104,157,244,.1);
}
body.alx-crm-page #viewCalls.operations-studio .calls-overview-head h2,
body.alx-crm-page #viewReports.operations-studio .reports-page-head h2,
body.alx-crm-page #viewAgents.operations-studio .agents-page-head h2{
 font-size:clamp(23px,2.35vw,29px)!important;letter-spacing:-.04em!important;line-height:1.18!important;
 margin:9px 0 7px!important;font-weight:780!important;
}
body.alx-crm-page .operations-studio .studio-hero-note{
 display:flex;align-items:center;gap:7px;margin-top:12px;color:var(--alx-muted);font-size:10px;
}
body.alx-crm-page .operations-studio .studio-hero-note:before{
 content:"✓";width:16px;height:16px;display:grid;place-items:center;border-radius:5px;
 background:rgba(54,183,140,.12);color:#46cca5;font-size:11px;font-weight:850;
}
body.alx-crm-page #viewCalls.operations-studio .calls-overview-head p,
body.alx-crm-page #viewReports.operations-studio .reports-page-head p,
body.alx-crm-page #viewAgents.operations-studio .agents-page-head p{
 color:var(--alx-muted);font-size:11.5px!important;line-height:1.6!important;max-width:620px;
}
body.alx-crm-page .operations-studio .calls-source-pill,
body.alx-crm-page .operations-studio .agents-summary-label,
body.alx-crm-page .operations-studio .reports-mini-label{
 border:1px solid var(--alx-line);background:var(--alx-panel2);border-radius:99px;
 color:#9dbfe6;font-size:10px;padding:8px 12px;
}
body.alx-crm-page #viewCalls.operations-studio .calls-source-pill{white-space:normal;max-width:260px;text-align:right;line-height:1.45}
/* Harmonized statistic cards */
body.alx-crm-page .operations-studio :is(.calls-kpi-grid,.reports-kpi-grid,.agents-kpi-grid){gap:12px;margin:0 0 14px!important}
body.alx-crm-page .operations-studio :is(.calls-kpi,.reports-kpi,.agents-kpi){
 --os-card:#74a8fb;position:relative;isolation:isolate;overflow:hidden;
 border:1px solid var(--alx-line)!important;border-radius:14px!important;background:var(--alx-panel)!important;
 box-shadow:0 5px 21px rgba(0,19,50,.04)!important;padding:17px!important;
 min-height:116px;transition:border-color .18s,box-shadow .18s;
}
body.alx-crm-page .operations-studio :is(.calls-kpi,.reports-kpi,.agents-kpi):before{
 content:"";position:absolute;right:0;bottom:0;left:auto;top:auto;width:110px;height:92px;
 border:none;background:radial-gradient(circle at bottom right,color-mix(in srgb,var(--os-card) 12%,transparent),transparent 72%);
 z-index:-1;pointer-events:none;
}
body.alx-crm-page #viewCalls.operations-studio .calls-kpi-icon{width:37px;height:37px;border-radius:11px;background:color-mix(in srgb,var(--os-card) 12%,transparent);color:var(--os-card);font-size:18px;border:1px solid color-mix(in srgb,var(--os-card) 22%,transparent)}
body.alx-crm-page #viewCalls.operations-studio .calls-kpi-answered{--os-card:#4bc69f}
body.alx-crm-page #viewCalls.operations-studio .calls-kpi-noanswer{--os-card:#e6b05d}
body.alx-crm-page #viewCalls.operations-studio .calls-kpi-duration{--os-card:#ba9dff}
body.alx-crm-page #viewReports.operations-studio .reports-kpi-green,
body.alx-crm-page #viewAgents.operations-studio .agents-kpi-green{--os-card:#43c89b}
body.alx-crm-page #viewReports.operations-studio .reports-kpi-amber,
body.alx-crm-page #viewAgents.operations-studio .agents-kpi-orange{--os-card:#e9b365}
body.alx-crm-page #viewReports.operations-studio .reports-kpi-violet,
body.alx-crm-page #viewAgents.operations-studio .agents-kpi-violet{--os-card:#b4a0fb}
body.alx-crm-page #viewReports.operations-studio .reports-kpi-pink{--os-card:#eaa0bd}
body.alx-crm-page #viewAgents.operations-studio .agents-kpi-cyan{--os-card:#5bcddd}
body.alx-crm-page #viewReports.operations-studio .reports-kpi,
body.alx-crm-page #viewAgents.operations-studio .agents-kpi{display:flex;flex-direction:column;gap:7px;padding:17px 18px 15px!important;min-width:0;border-top-width:1px!important}
body.alx-crm-page #viewReports.operations-studio .reports-kpi:after,
body.alx-crm-page #viewAgents.operations-studio .agents-kpi:after{
 content:"◈";position:absolute;right:16px;top:14px;color:var(--os-card);font-size:19px;opacity:.72;
}
body.alx-crm-page .operations-studio :is(.calls-kpi,.reports-kpi,.agents-kpi) span{font-size:9px!important;letter-spacing:.07em!important;font-weight:800!important;color:var(--alx-muted)!important}
body.alx-crm-page .operations-studio :is(.calls-kpi,.reports-kpi,.agents-kpi) strong{font-size:28px!important;letter-spacing:-.042em;font-weight:790!important;color:var(--alx-text)!important}
body.alx-crm-page .operations-studio :is(.calls-kpi,.reports-kpi,.agents-kpi) small{font-size:10px!important;color:var(--alx-muted)!important;line-height:1.45}
/* Calls workspace */
body.alx-crm-page #viewCalls.operations-studio .calls-workspace{
 margin:0!important;min-height:0!important;border-radius:15px!important;
 border:1px solid var(--alx-line)!important;background:var(--alx-panel)!important;
}
body.alx-crm-page #viewCalls.operations-studio .calls-workspace-head{padding:18px 19px!important;min-height:87px}
body.alx-crm-page #viewCalls.operations-studio .calls-workspace-head h3{font-size:15px!important;font-weight:750!important;letter-spacing:-.02em}
body.alx-crm-page #viewCalls.operations-studio .calls-workspace-head p{font-size:10.5px!important}
body.alx-crm-page #viewCalls.operations-studio .calls-filters{background:var(--alx-panel)!important;padding:14px 17px!important;gap:9px}
body.alx-crm-page #viewCalls.operations-studio .calls-field-search{flex:1 1 260px}
body.alx-crm-page #viewCalls.operations-studio .calls-field:not(.calls-field-search){flex:1 1 121px}
body.alx-crm-page #viewCalls.operations-studio .calls-field input,
body.alx-crm-page #viewCalls.operations-studio .calls-field select{
 height:38px!important;min-height:38px!important;line-height:normal!important;font-size:11px!important;
 padding:0 11px!important;background:var(--alx-panel2)!important;border-radius:9px!important;
}
body.alx-crm-page #viewCalls.operations-studio :is(.calls-reset,.calls-export,.calls-refresh){height:38px!important;font-size:10.5px!important;border-radius:9px!important}
body.alx-crm-page #viewCalls.operations-studio .calls-table-wrap{max-height:none!important;overflow-x:auto!important;overflow-y:visible!important}
body.alx-crm-page #viewCalls.operations-studio .calls-data-table{min-width:920px;font-size:11.5px}
body.alx-crm-page #viewCalls.operations-studio .calls-data-table th{font-size:9px!important;padding:13px!important;background:var(--alx-panel2)!important}
body.alx-crm-page #viewCalls.operations-studio .calls-data-table td{font-size:11px!important;padding:13px!important;border-bottom:1px solid var(--alx-line)!important}
body.alx-crm-page #viewCalls.operations-studio .calls-result{font-size:9.5px;font-weight:700;border:1px solid color-mix(in srgb,currentColor 19%,transparent)}
body.alx-crm-page #viewCalls.operations-studio .calls-data-note{font-size:10px!important;line-height:1.55}
/* Reports workspace */
body.alx-crm-page #viewReports.operations-studio .reports-premium{gap:13px;padding:0;max-width:none}
body.alx-crm-page #viewReports.operations-studio .reports-toolbar{align-items:flex-end;gap:9px;flex-shrink:0}
body.alx-crm-page #viewReports.operations-studio .reports-range-label{font-size:10px;gap:5px}
body.alx-crm-page #viewReports.operations-studio :is(.reports-range-label select,.reports-action){font-size:11px;height:39px;min-height:39px;line-height:1.2;padding:0 12px}
body.alx-crm-page #viewReports.operations-studio .reports-info{background:transparent;padding:12px 15px;font-size:10.5px;border-radius:10px}
body.alx-crm-page #viewReports.operations-studio .reports-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.alx-crm-page #viewReports.operations-studio .reports-panels{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}
body.alx-crm-page #viewReports.operations-studio .reports-panel{
 background:var(--alx-panel);border:1px solid var(--alx-line);border-radius:14px;
 padding:18px 18px 17px;min-height:0;
}
body.alx-crm-page #viewReports.operations-studio .reports-panel-head{margin-bottom:15px}
body.alx-crm-page #viewReports.operations-studio .reports-panel-head h3{font-size:15px;font-weight:750;letter-spacing:-.015em}
body.alx-crm-page #viewReports.operations-studio .reports-panel-head p{font-size:10.5px}
body.alx-crm-page #viewReports.operations-studio .reports-trend-bin{grid-template-rows:17px 96px 22px}
body.alx-crm-page #viewReports.operations-studio .reports-trend-column{height:96px}
body.alx-crm-page #viewReports.operations-studio .reports-outcome-track,
body.alx-crm-page #viewReports.operations-studio .reports-stage-track{height:7px;background:var(--alx-panel2)}
body.alx-crm-page #viewReports.operations-studio .reports-table-container{overflow-x:auto;overflow-y:visible}
body.alx-crm-page #viewReports.operations-studio .reports-table{min-width:785px;font-size:11px}
body.alx-crm-page #viewReports.operations-studio .reports-table th{font-size:9px;background:var(--alx-panel2)}
body.alx-crm-page #viewReports.operations-studio .reports-method-note{font-size:10px;line-height:1.65}
/* Agents workspace */
body.alx-crm-page #viewAgents.operations-studio .agents-premium{gap:13px;padding:0;max-width:none}
body.alx-crm-page #viewAgents.operations-studio .agents-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
body.alx-crm-page #viewAgents.operations-studio .agents-panel{border:1px solid var(--alx-line);border-radius:15px;min-height:0;background:var(--alx-panel)}
body.alx-crm-page #viewAgents.operations-studio .agents-panel-heading{padding:18px 19px 15px}
body.alx-crm-page #viewAgents.operations-studio .agents-panel-heading h3{font-size:15px;font-weight:750}
body.alx-crm-page #viewAgents.operations-studio .agents-panel-heading p{font-size:10.5px}
body.alx-crm-page #viewAgents.operations-studio .agents-toolbar{gap:9px;background:var(--alx-panel)!important;padding:13px 17px}
body.alx-crm-page #viewAgents.operations-studio .agents-toolbar .agents-search-wrap{flex:2 1 260px;min-width:190px}
body.alx-crm-page #viewAgents.operations-studio .agents-toolbar label:not(.agents-search-wrap){flex:1 1 142px;min-width:130px}
body.alx-crm-page #viewAgents.operations-studio .agents-toolbar input,
body.alx-crm-page #viewAgents.operations-studio .agents-toolbar select{height:38px!important;min-height:38px!important;font-size:11px!important;padding:0 11px!important;background:var(--alx-panel2)!important;line-height:1.2!important}
body.alx-crm-page #viewAgents.operations-studio .agents-toolbar .agents-action{height:38px!important;padding:0 13px!important;font-size:11px!important}
body.alx-crm-page #viewAgents.operations-studio .agents-table-container{overflow-x:auto;overflow-y:visible;max-height:none}
body.alx-crm-page #viewAgents.operations-studio .agents-table{min-width:1050px;font-size:11px}
body.alx-crm-page #viewAgents.operations-studio .agents-table thead th{background:var(--alx-panel2);font-size:9px;padding:13px 12px}
body.alx-crm-page #viewAgents.operations-studio .agents-table tbody td{padding:13px 12px;border-color:var(--alx-line)}
body.alx-crm-page #viewAgents.operations-studio .agents-avatar{border:1px solid rgba(95,160,244,.2);background:rgba(77,139,232,.14);color:#a3c8fd}
body.alx-crm-page #viewAgents.operations-studio .agents-small-btn,
body.alx-crm-page #viewAgents.operations-studio .agents-pass-reveal{font-size:10px;padding:8px 9px;border-radius:8px}
body.alx-crm-page #viewAgents.operations-studio .agents-unattributed-note{font-size:10px;padding:12px 17px;background:color-mix(in srgb,var(--alx-panel2) 45%,transparent);color:var(--alx-muted)}
body.alx-crm-page #viewAgents.operations-studio .agents-footnote{font-size:10px;line-height:1.6}
/* Preserve existing single view scroll model; never introduce nested vertical scrollbars */
@media(min-width:901px){
 body.alx-crm-page:has(#viewReports.is-active) .main{height:100vh!important;height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
 body.alx-crm-page #viewReports.operations-studio.is-active{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable;padding-bottom:32px!important}
}
@media(max-width:1490px){
 body.alx-crm-page #viewAgents.operations-studio .agents-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
 body.alx-crm-page #viewReports.operations-studio .reports-panels{grid-template-columns:1fr}
 body.alx-crm-page #viewAgents.operations-studio .agents-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.alx-crm-page #viewCalls.operations-studio .calls-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 body.alx-crm-page #viewCalls.operations-studio,
 body.alx-crm-page #viewReports.operations-studio,
 body.alx-crm-page #viewAgents.operations-studio{padding:14px 4px 32px}
 body.alx-crm-page #viewReports.operations-studio.is-active{overflow:visible!important;height:auto!important;max-height:none!important}
 body.alx-crm-page #viewCalls.operations-studio .calls-overview-head,
 body.alx-crm-page #viewReports.operations-studio .reports-page-head,
 body.alx-crm-page #viewAgents.operations-studio .agents-page-head{padding:19px 18px!important;flex-wrap:wrap}
 body.alx-crm-page #viewReports.operations-studio .reports-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:570px){
 body.alx-crm-page #viewCalls.operations-studio .calls-kpi-grid{gap:8px}
 body.alx-crm-page #viewCalls.operations-studio .calls-kpi{min-height:105px;padding:11px!important;gap:8px}
 body.alx-crm-page #viewCalls.operations-studio .calls-kpi-icon{width:29px;height:29px;font-size:14px}
 body.alx-crm-page #viewAgents.operations-studio .agents-kpi-grid{gap:8px}
 body.alx-crm-page #viewReports.operations-studio .reports-kpi-grid{gap:8px}
 body.alx-crm-page .operations-studio :is(.calls-kpi,.reports-kpi,.agents-kpi) strong{font-size:24px!important}
 body.alx-crm-page #viewCalls.operations-studio .calls-source-pill{max-width:none;text-align:left}
 body.alx-crm-page #viewReports.operations-studio .reports-toolbar{width:100%}
}
@media(prefers-reduced-motion:reduce){body.alx-crm-page .operations-studio :is(.calls-kpi,.reports-kpi,.agents-kpi){transition:none}}
/* v4.3.31 — reports team operations. Scoped to Reports; no other CRM panels affected. */
body.alx-crm-page #viewReports .reports-team-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:11px;margin:0 0 13px;padding:12px;border:1px solid var(--alx-border,#243651);border-radius:11px;background:var(--alx-panel2,rgba(22,37,59,.5))}
body.alx-crm-page #viewReports .reports-team-toolbar label{display:flex;flex-direction:column;gap:5px;min-width:165px;font-size:10px;font-weight:700;color:var(--alx-muted,#9fb4d2)}
body.alx-crm-page #viewReports .reports-team-toolbar select{min-height:37px;max-width:100%;border:1px solid var(--alx-border,#355071);border-radius:8px;background:var(--alx-panel,#142039);color:var(--alx-text,#f3f7fc);padding:0 10px;font-size:11px;cursor:pointer}
body.alx-crm-page #viewReports .reports-team-toolbar select:focus-visible{outline:2px solid #55a6ff;outline-offset:2px}
body.alx-crm-page #viewReports .reports-team-toolbar p{flex:1;min-width:220px;margin:0 0 3px;font-size:10px;line-height:1.5;color:var(--alx-muted,#9fb4d2)}
body.alx-crm-page #viewReports .reports-table{min-width:1180px}
body.alx-crm-page #viewReports .reports-table td:first-child{min-width:155px;white-space:normal}
body.alx-crm-page #viewReports .reports-table th{white-space:normal;line-height:1.4;vertical-align:middle}
@media(max-width:680px){
  body.alx-crm-page #viewReports .reports-team-toolbar{align-items:stretch}
  body.alx-crm-page #viewReports .reports-team-toolbar label{flex:1;min-width:145px}
  body.alx-crm-page #viewReports .reports-team-toolbar p{min-width:100%}
}