/* INVIS 10.1.0 · Call Center Pro */
[data-callcenter-view] .nvis-ccpro-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 18px}
[data-callcenter-view] .nvis-ccpro-next{display:inline-flex;align-items:center;gap:9px;background:#087fb8;color:#fff;border:0;border-radius:13px;padding:13px 18px;font-weight:800;box-shadow:0 8px 22px rgba(8,127,184,.18)}
[data-callcenter-view] .nvis-ccpro-next:before{content:'☎';font-size:19px}
[data-callcenter-view] .nvis-callcenter-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
[data-callcenter-view] .nvis-ccpro-kpi-accent{border-left:4px solid #087fb8}
[data-callcenter-view] .nvis-ccpro-phone{width:44px;height:44px;border-radius:50%;border:0;background:#087fb8;color:#fff;display:inline-grid;place-items:center;font-size:20px;cursor:pointer;box-shadow:0 7px 16px rgba(8,127,184,.2)}
[data-callcenter-view] .nvis-ccpro-phone:hover{transform:translateY(-1px)}
[data-callcenter-view] .nvis-ccpro-phone[disabled]{opacity:.5;cursor:not-allowed}
[data-callcenter-view] .nvis-ccpro-priority{display:inline-flex!important;width:auto!important;padding:3px 8px;border-radius:999px;font-size:10px!important;font-weight:800;margin-top:6px;background:#edf6fa;color:#527087}
[data-callcenter-view] .nvis-ccpro-priority[data-priority="Alta"], [data-callcenter-view] .nvis-ccpro-priority[data-priority="Urgente"]{background:#fff0ec;color:#b44832}
[data-callcenter-view] .nvis-ccpro-call-banner{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#eef8fc;border:1px solid #d1eaf5;border-radius:16px;padding:14px 16px;margin:14px 0 18px}
[data-callcenter-view] .nvis-ccpro-call-icon{width:48px;height:48px;border-radius:50%;background:#087fb8;color:#fff;display:grid;place-items:center;font-size:22px}
[data-callcenter-view] .nvis-ccpro-call-banner small,[data-callcenter-view] .nvis-ccpro-call-banner strong{display:block}.nvis-ccpro-call-banner small{color:#708499}.nvis-ccpro-call-banner strong{color:#173b61;font-size:18px}
[data-callcenter-view] .nvis-ccpro-history{margin-top:18px;border-top:1px solid #e0ebf1;padding-top:15px}
[data-callcenter-view] .nvis-ccpro-history h4{margin:0 0 10px;color:#173b61}.nvis-ccpro-history-item{display:grid;grid-template-columns:110px 1fr auto;gap:10px;border-bottom:1px solid #edf2f5;padding:9px 0;font-size:12px}.nvis-ccpro-history-item:last-child{border-bottom:0}
[data-callcenter-view] .nvis-ccpro-appointment{background:#f7fbfd;border:1px solid #dce9f0;border-radius:15px;padding:16px;margin-top:16px}.nvis-ccpro-appointment h4{margin:0 0 12px}.nvis-ccpro-appointment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
[data-callcenter-view] .nvis-ccpro-supervisor{background:#fff;border:1px solid #dce8ef;border-radius:16px;padding:18px;margin-bottom:18px}.nvis-ccpro-agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nvis-ccpro-agent-card{background:#f4f9fc;border-radius:12px;padding:12px}.nvis-ccpro-agent-card strong,.nvis-ccpro-agent-card span{display:block}.nvis-ccpro-agent-card span{color:#708397;font-size:12px;margin-top:4px}
@media(max-width:1350px){[data-callcenter-view] .nvis-callcenter-kpis{grid-template-columns:repeat(3,1fr)}.nvis-ccpro-agent-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){[data-callcenter-view] .nvis-callcenter-kpis,.nvis-ccpro-agent-grid{grid-template-columns:1fr 1fr}[data-callcenter-view] .nvis-ccpro-call-banner{grid-template-columns:auto 1fr}.nvis-ccpro-call-banner .nvis-ccpro-call-actions{grid-column:1/-1}.nvis-ccpro-appointment-grid{grid-template-columns:1fr}}
@media(max-width:480px){[data-callcenter-view] .nvis-callcenter-kpis,.nvis-ccpro-agent-grid{grid-template-columns:1fr}}


/* INVIS 10.1.1 · Productividad de agentes */
.nvis-ccprod-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:14px;align-items:end}.nvis-ccprod-filters label span{display:block;font-weight:800;color:#31475e;margin:0 0 7px}.nvis-ccprod-filters input,.nvis-ccprod-filters select,.nvis-ccprod-filters button{width:100%;min-height:48px}.nvis-ccprod-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px}.nvis-ccprod-ranking{display:grid;gap:10px}.nvis-ccprod-rank-row{display:grid;grid-template-columns:42px minmax(0,1fr) 52px;gap:12px;align-items:center;border:1px solid #e0ebf1;border-radius:14px;padding:12px 14px;background:#fbfdfe}.nvis-ccprod-position{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f6fb;color:#087fb8;font-weight:900}.nvis-ccprod-rank-row strong,.nvis-ccprod-rank-row small{display:block}.nvis-ccprod-rank-row small{color:#74869a;margin-top:3px}.nvis-ccprod-rank-row>b{font-size:20px;color:#173b61;text-align:right}.nvis-ccprod-bar{height:9px;background:#e7f0f5;border-radius:999px;overflow:hidden;margin-top:8px}.nvis-ccprod-bar i{display:block;height:100%;background:linear-gradient(90deg,#087fb8,#18a4d5);border-radius:999px}.nvis-ccprod-outcome-list{display:grid;gap:15px}.nvis-ccprod-outcome-list>div{display:grid;grid-template-columns:150px minmax(0,1fr) 95px;gap:10px;align-items:center}.nvis-ccprod-outcome-list strong{text-align:right;color:#173b61}.nvis-ccprod-outcome-list strong small{color:#74869a;font-weight:600}.nvis-ccprod-trend{overflow-x:auto}.nvis-ccprod-trend-bars{display:flex;gap:14px;align-items:end;min-height:260px;min-width:680px;padding:18px 6px 4px}.nvis-ccprod-day{width:54px;text-align:center;display:grid;gap:4px}.nvis-ccprod-vbar{height:170px;position:relative;display:flex;align-items:end;justify-content:center;gap:5px}.nvis-ccprod-vbar i,.nvis-ccprod-vbar em{display:block;width:17px;border-radius:7px 7px 2px 2px;background:#087fb8}.nvis-ccprod-vbar em{background:#8dc458}.nvis-ccprod-day strong{font-size:16px}.nvis-ccprod-day span,.nvis-ccprod-day small{font-size:11px;color:#718398}.nvis-ccprod-table{min-width:1150px}.nvis-ccprod-table td:nth-child(n+3){text-align:center}.nvis-ccprod-kpis{margin-bottom:18px}@media(max-width:1250px){.nvis-ccprod-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.nvis-ccprod-filters button{grid-column:1/-1}.nvis-ccprod-grid{grid-template-columns:1fr}}@media(max-width:650px){.nvis-ccprod-filters{grid-template-columns:1fr}.nvis-ccprod-filters button{grid-column:auto}.nvis-ccprod-outcome-list>div{grid-template-columns:1fr 70px}.nvis-ccprod-outcome-list>div>span{grid-column:1/-1}}
