/* Pass 15: compact overview + callback action deck + premium call workspace */

/* Overview: stop stretching four work panels across the entire canvas. */
#view-overview.view.active{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(320px,520px))!important;
  gap:12px!important;
  align-items:start!important;
  justify-content:start!important;
}
#view-overview>.metric-grid{grid-column:1/-1!important;width:min(100%,1052px)!important;margin-bottom:2px!important}
#view-overview>.grid.two{display:contents!important}
#view-overview .p15-hot-panel{order:10!important}
#view-overview .p15-source-panel{order:11!important}
#view-overview .p15-follow-panel{order:12!important}
#view-overview .p15-recent-panel{order:13!important}
#view-overview .p15-hot-panel,
#view-overview .p15-source-panel,
#view-overview .p15-follow-panel,
#view-overview .p15-recent-panel{
  width:100%!important;
  min-width:0!important;
  padding:12px!important;
  border-radius:13px!important;
  box-shadow:0 6px 18px rgba(15,23,42,.04)!important;
}
#view-overview .p15-hot-panel .panel-head,
#view-overview .p15-source-panel .panel-head,
#view-overview .p15-follow-panel .panel-head,
#view-overview .p15-recent-panel .panel-head{margin-bottom:8px!important}
#view-overview .mini-lead,#view-overview .list-row{padding:7px 8px!important;border-radius:9px!important;min-height:0!important}
#view-overview .mini-lead .score{width:31px!important;height:31px!important;border-radius:10px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:10px!important}
#view-overview .mini-lead .grow b,#view-overview .list-row .grow b{font-size:10.5px!important}
#view-overview .mini-lead .grow span,#view-overview .list-row .grow span{font-size:8.5px!important;margin-top:1px!important}
#view-overview .mini-actions button{min-width:28px!important;height:27px!important;padding:4px 6px!important;font-size:8px!important}
#view-overview .source-line{grid-template-columns:90px 1fr 22px!important;gap:7px!important;font-size:9px!important;padding:4px 0!important}

/* Lead-temperature treatment on Overview. */
#view-overview .mini-lead.p15-hot{border-color:#fed7aa!important;background:linear-gradient(90deg,#fffaf3,#fff)!important}
#view-overview .mini-lead.p15-hot .score{border:1px solid #fdba74!important;background:#fff7ed!important;color:#c2410c!important;border-radius:50%!important}
#view-overview .mini-lead.p15-elite{border:1.5px solid #fb7185!important;background:linear-gradient(90deg,#fff1f2,#fff)!important;box-shadow:0 5px 14px rgba(225,29,72,.08)!important}
#view-overview .mini-lead.p15-elite .score{border:2px solid #e11d48!important;background:#fff1f2!important;color:#be123c!important;border-radius:50%!important;box-shadow:0 0 0 3px rgba(225,29,72,.06)!important}
.p15-fire{font-size:11px;letter-spacing:-2px;margin-left:4px;vertical-align:1px;white-space:nowrap}

/* Callback queue: keep stage/status locked in place and use the same premium icon deck as leads. */
#view-callbacks .callback-card{overflow:hidden!important}
#view-callbacks .p15-callback-tags{position:absolute;right:9px;top:8px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;z-index:2}
#view-callbacks .p15-callback-tags .p13-callback-stage{position:static!important;max-width:90px!important}
#view-callbacks .p15-callback-tags .status{font-size:7.5px!important;padding:3px 6px!important;background:#fff!important;border:1px solid color-mix(in srgb,var(--stage,#94a3b8) 20%,white)!important;color:var(--stage-ink,#64748b)!important}
#view-callbacks .callback-card>.row{display:none!important}
#view-callbacks .p15-callback-actions{display:flex;align-items:center;gap:5px;margin-top:7px;padding-top:7px;border-top:1px solid #edf1f5}
#view-callbacks .p15-callback-actions button{width:31px;height:30px;border-radius:8px;border:1px solid #dce4ee;background:#fff;color:#516077;display:grid;place-items:center;padding:0;transition:.16s}
#view-callbacks .p15-callback-actions button:hover{border-color:#b9d3f8;background:#f4f8ff;color:#0f6df5;transform:translateY(-1px)}
#view-callbacks .p15-callback-actions button svg{width:13px;height:13px}
#view-callbacks .p15-callback-actions .p15-callback-spacer{flex:1}
#view-callbacks .p15-callback-actions .p15-done{width:auto!important;padding:0 9px!important;font-size:8.5px!important;font-weight:800!important;color:#475569!important}

/* Premium Calls workspace. */
#view-calls>article.panel{padding:13px!important}
#view-calls #callsTable{overflow:visible!important}
.p15-calls-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(430px,1.2fr);gap:12px;align-items:start}
.p15-call-list{display:grid;gap:7px;max-height:calc(100vh - 215px);overflow:auto;padding-right:3px;overscroll-behavior:contain}
.p15-call-ticket{position:relative;display:grid;gap:7px;padding:10px;border:1px solid #e1e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:.16s;box-shadow:0 4px 13px rgba(15,23,42,.03)}
.p15-call-ticket:hover{border-color:#c6d7eb;box-shadow:0 7px 19px rgba(15,23,42,.055);transform:translateY(-1px)}
.p15-call-ticket.active{border-color:#79aef5;box-shadow:0 0 0 2px rgba(15,109,245,.07),0 8px 20px rgba(15,23,42,.05);background:linear-gradient(150deg,#f8fbff,#fff)}
.p15-call-top{display:flex;gap:8px;align-items:center}
.p15-call-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eff6ff;border:1px solid #d8e7fb;color:#0f6df5;font-weight:850;font-size:10px;flex:none}
.p15-call-person{min-width:0;flex:1}.p15-call-person b{display:block;font-size:11.5px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p15-call-person span{display:block;font-size:8.5px;color:#748296;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p15-call-score{width:31px;height:31px;border-radius:50%;border:1.5px solid #b7d7ff;display:grid;place-items:center;color:#0f6df5;background:#f7fbff;font-size:9px;font-weight:850;flex:none}
.p15-call-chips{display:flex;gap:4px;flex-wrap:wrap}.p15-call-chip{padding:3px 6px;border-radius:999px;background:#f5f7fa;border:1px solid #e5eaf0;color:#59687c;font-size:7.5px;font-weight:750;text-transform:uppercase;letter-spacing:.025em}.p15-call-chip.good{background:#effcf6;border-color:#cef0de;color:#047857}.p15-call-chip.bad{background:#fff2f2;border-color:#ffd9d9;color:#dc2626}.p15-call-chip.blue{background:#eff6ff;border-color:#d8e7ff;color:#1d4ed8}
.p15-call-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.p15-call-meta div{border:1px solid #e7ecf2;background:#f8fafc;border-radius:8px;padding:6px;min-width:0}.p15-call-meta label{display:block;font-size:7px;line-height:1;color:#8a96a8;text-transform:uppercase;letter-spacing:.055em;margin-bottom:3px}.p15-call-meta span{display:block;font-size:8.5px;color:#26354b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p15-call-note{font-size:8.7px;line-height:1.35;color:#68778c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p15-call-actions{display:flex;gap:5px;padding-top:6px;border-top:1px solid #edf1f5}.p15-call-actions button{width:30px;height:29px;border-radius:8px;border:1px solid #dce4ee;background:#fff;color:#516077;display:grid;place-items:center;padding:0}.p15-call-actions button:hover{color:#0f6df5;border-color:#b9d3f8;background:#f4f8ff}.p15-call-actions svg{width:13px;height:13px}

.p15-call-detail{position:sticky;top:108px;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045);overflow:hidden;min-height:440px}
.p15-detail-head{display:flex;gap:10px;align-items:center;padding:13px;border-bottom:1px solid #e8edf3;background:linear-gradient(145deg,#f7fbff,#fff)}
.p15-detail-avatar{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf3ff,#effcf9);border:1px solid #d7e7f7;color:#0f6df5;font-weight:900;font-size:12px}
.p15-detail-title{min-width:0;flex:1}.p15-detail-title b{display:block;font-size:14px;color:#0f172a}.p15-detail-title span{display:block;font-size:9px;color:#718096;margin-top:2px}.p15-detail-score{width:38px;height:38px;border-radius:50%;border:2px solid #2bc48a;display:grid;place-items:center;font-size:10px;font-weight:900;color:#047857;background:#f0fdf4}
.p15-detail-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 13px;border-bottom:1px solid #edf1f5}.p15-detail-contact div{background:#f8fafc;border:1px solid #e6ebf2;border-radius:8px;padding:7px;min-width:0}.p15-detail-contact label{display:block;font-size:7px;color:#8a96a8;text-transform:uppercase;letter-spacing:.055em;margin-bottom:3px}.p15-detail-contact span{display:block;font-size:9px;color:#243247;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p15-detail-summary{padding:10px 13px;border-bottom:1px solid #edf1f5}.p15-detail-summary .p15-call-chips{margin-bottom:7px}.p15-detail-summary p{font-size:9px;line-height:1.45;color:#59687c;margin:0}
.p15-detail-tabs{display:flex;gap:0;border-bottom:1px solid #e8edf3;padding:0 13px}.p15-detail-tabs button{border:0;background:transparent;padding:9px 10px;font-size:8.5px;font-weight:800;color:#718096;border-bottom:2px solid transparent}.p15-detail-tabs button.active{color:#0f6df5;border-bottom-color:#0f6df5}
.p15-detail-body{padding:11px 13px;max-height:360px;overflow:auto;overscroll-behavior:contain}
.p15-transcript{display:grid;gap:7px}.p15-turn{max-width:88%;padding:7px 9px;border-radius:10px;background:#f5f7fa;border:1px solid #e7ebf0;color:#334155;font-size:9px;line-height:1.45;white-space:pre-wrap}.p15-turn.agent{margin-left:auto;background:#eef5ff;border-color:#d8e7ff;color:#16478b}.p15-turn.customer{margin-right:auto;background:#f7fafc}.p15-turn.neutral{max-width:100%}.p15-turn b{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;color:#7a8798}.p15-demo-transcript{display:inline-flex;margin-bottom:8px;padding:4px 7px;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;font-size:7px;font-weight:850;letter-spacing:.05em}
.p15-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.p15-details-grid div{border:1px solid #e7ecf2;background:#f8fafc;border-radius:8px;padding:7px}.p15-details-grid label{display:block;font-size:7px;color:#8a96a8;text-transform:uppercase;margin-bottom:3px}.p15-details-grid span{display:block;font-size:9px;color:#243247;word-break:break-word}

@media(max-width:1180px){
  #view-overview.view.active{grid-template-columns:repeat(2,minmax(280px,1fr))!important}
  #view-overview>.metric-grid{width:100%!important}
  .p15-calls-layout{grid-template-columns:1fr!important}.p15-call-detail{position:relative;top:auto!important}.p15-call-list{max-height:none!important}
}
@media(max-width:760px){
  #view-overview.view.active{grid-template-columns:1fr!important}.p15-call-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.p15-detail-contact,.p15-details-grid{grid-template-columns:1fr}.p15-call-detail{min-height:0}
}