/* WOTTT CRM 04.85.0 r1a — Presentation-only uplift of the new v2B workspace.
   This file is isolated to .rv2b; 04.80 v2A, Inbox, scoring and routing logic unchanged. */
.rv2b{
  --rv2b-ink:var(--text,#22324a);
  --rv2b-muted:var(--muted,#718198);
  --rv2b-card:var(--surface,#fff);
  --rv2b-border:color-mix(in srgb,var(--line,#dae4ef) 88%,#688bd5 12%);
  font-family:inherit;min-width:0;color:var(--rv2b-ink);
}
.rv2b *{box-sizing:border-box}
.rv2b>.rv2b-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:2px 0 4px;min-width:0}
.rv2b .rv2b-stat{
  --stat-color:#72839c;
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;align-items:stretch;
  min-width:0;min-height:136px;
  padding:17px 18px 15px;
  background:var(--rv2b-card);
  border:1px solid var(--rv2b-border);
  border-radius:16px;
  box-shadow:0 5px 20px rgba(42,61,87,.045);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.rv2b .rv2b-stat::before{
  content:"";position:absolute;inset:0 auto auto 0;height:3px;width:100%;
  background:linear-gradient(90deg,var(--stat-color),color-mix(in srgb,var(--stat-color) 36%,transparent));
}
.rv2b .rv2b-stat::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;right:-45px;bottom:-65px;
  width:140px;height:140px;border-radius:50%;
  background:color-mix(in srgb,var(--stat-color) 4.5%,transparent);
}
.rv2b .rv2b-stat--active{--stat-color:#278a66}
.rv2b .rv2b-stat--purple{--stat-color:#8665be}
.rv2b .rv2b-stat--amber{--stat-color:#c28a42}
.rv2b .rv2b-stat--blue{--stat-color:#5786cc}
.rv2b .rv2b-stat-head{display:flex;gap:10px;align-items:center;justify-content:space-between;min-width:0}
.rv2b .rv2b-stat-label{
  display:block;color:var(--rv2b-muted);font-size:12px;font-weight:650;
  line-height:1.42;letter-spacing:.005em;overflow-wrap:anywhere;
}
.rv2b .rv2b-stat-icon{
  width:37px;height:37px;flex:0 0 37px;
  display:inline-flex;align-items:center;justify-content:center;border-radius:11px;
  color:var(--stat-color);background:color-mix(in srgb,var(--stat-color) 11%,var(--rv2b-card));
}
.rv2b .rv2b-stat-value{
  display:block;margin-top:7px;
  font-size:30px;font-weight:800;letter-spacing:-.8px;line-height:1.12;
  font-variant-numeric:tabular-nums;color:var(--rv2b-ink);overflow-wrap:anywhere;
}
.rv2b .rv2b-stat-note{display:block;margin-top:auto;padding-top:9px;color:var(--rv2b-muted);font-size:11px;line-height:1.4}
/* The v2A panel's form styles are intentionally scoped to .wottt-routing-v2;
   v2B needs its own matching styles for the new priority and availability forms. */
.rv2b h2{font-size:23px;font-weight:770;line-height:1.3;letter-spacing:-.45px;color:var(--rv2b-ink);margin:3px 0 7px}
.rv2b h3{font-size:17px;font-weight:760;letter-spacing:-.25px;color:var(--rv2b-ink);margin:0 0 12px}
.rv2b h4{font-size:14px;font-weight:730;color:var(--rv2b-ink);margin:0 0 10px}
.rv2b p{margin:6px 0 13px;line-height:1.5}
.rv2b .rv2-eyebrow{font-size:11px;font-weight:780;letter-spacing:.105em;text-transform:uppercase;color:#547ce3;margin:0}
.rv2b .rv2-muted,.rv2b .rv2-foot{font-size:12px;color:var(--rv2b-muted);line-height:1.55}
.rv2b .rv2-foot{margin-top:10px}
.rv2b .rv2-panel{
  background:var(--rv2b-card);border:1px solid var(--rv2b-border);
  border-radius:16px;padding:20px 22px;min-width:0;
  box-shadow:0 4px 16px rgba(34,57,82,.025);
}
.rv2b .rv2-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:13px 0 17px}
.rv2b .rv2-field{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--rv2b-ink);font-size:12px;font-weight:650}
.rv2b :is(input:not([type=checkbox]),select){
  height:40px;width:100%;min-width:0;
  border:1px solid color-mix(in srgb,var(--rv2b-border) 82%,#6b8bbb 18%);
  border-radius:9px;padding:8px 11px;
  color:var(--rv2b-ink);background:var(--rv2b-card);
  font-size:13px;font-weight:500;font-family:inherit;
}
.rv2b .rv2-checkbox{display:flex;align-items:center;gap:9px;min-height:40px;font-size:12px;font-weight:600;color:var(--rv2b-ink);cursor:pointer}
.rv2b input[type=checkbox]{width:16px;height:16px;flex:none;accent-color:#416fd2}
.rv2b .rv2-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  max-width:100%;min-height:39px;border-radius:9px;padding:9px 14px;
  background:#315eaa;color:#fff;border:1px solid #315eaa;
  font-size:12px;font-weight:650;font-family:inherit;line-height:1.3;cursor:pointer;
}
.rv2b .rv2-btn:hover:not(:disabled){filter:brightness(.95)}
.rv2b .rv2-btn:disabled{opacity:.54;cursor:not-allowed}
.rv2b .rv2-btn.rv2-btn-secondary{background:var(--rv2b-card);color:#3667b4;border-color:#aac1e9}
.rv2b .rv2-alert{padding:11px 13px;border-radius:11px;border:1px solid var(--rv2b-border);background:color-mix(in srgb,#6286d3 5%,var(--rv2b-card));font-size:12px}
.rv2b .rv2-error{border-color:#e9bdc4;color:#a63745;background:#fff7f8}
.rv2b .rv2-success{border-color:#b8dbc8;color:#26694b;background:#f2fbf6}
.rv2b .rv2b-reason{width:min(580px,100%);max-width:100%;padding:1px 0}
.rv2b .rv2b-reason .rv2-field{width:100%}
.rv2b .rv2b-queue-card,.rv2b .rv2b-agent,.rv2b .rv2b-new-pool{
  border:1px solid var(--rv2b-border);background:var(--rv2b-card);border-radius:12px;
  padding:16px;overflow-wrap:anywhere;
}
.rv2b .rv2b-new-pool{background:color-mix(in srgb,#658ad6 2.5%,var(--rv2b-card))}
.rv2b .rv2b-tabs{margin-top:1px}
.rv2b .rv2b-tabs button{font-size:12px;font-weight:650;min-height:37px}
.rv2b :is(button,input,select):focus-visible{outline:2px solid #527ae0;outline-offset:2px}
@media (min-width:1450px){.rv2b>.rv2b-metrics{gap:15px}.rv2b .rv2b-stat{padding:18px 21px 16px}}
@media (max-width:1050px){.rv2b>.rv2b-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.rv2b .rv2-fields{grid-template-columns:minmax(0,1fr)}.rv2b .rv2-panel{padding:15px}.rv2b .rv2b-stat{min-height:125px}}
@media (max-width:520px){.rv2b>.rv2b-metrics{grid-template-columns:minmax(0,1fr)}.rv2b .rv2b-stat{min-height:116px}.rv2b .rv2b-stat-value{font-size:28px}}
