:root{--navy:#091f39;--navy2:#102b4a;--surface:#fff;--bg:#f0f4f8;--ink:#243b53;--muted:#718599;--line:#e6edf3;--teal:#12a4a8;--blue:#2879b9;--row-h:43px;--head-h:42px;--col-contact:35%;--col-channel:29%;--col-call:18%;--col-result:18%}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{font-family:Inter,'Segoe UI',Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:13px;-webkit-font-smoothing:antialiased}
button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #77c4d9;outline-offset:2px}.shell{min-height:100vh;display:flex;flex-direction:column}
.topbar{height:57px;min-height:57px;background:linear-gradient(104deg,#081b32,#102c4c 65%,#0a2c4e);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 27px;gap:20px;box-shadow:0 3px 14px #091d3515}.top-left,.top-right{display:flex;align-items:center;gap:20px}.brand-text{font-size:16px;letter-spacing:1.65px;font-weight:750;white-space:nowrap}.brand-text b{font-weight:450;color:#87cfdf}.top-divider{height:24px;width:1px;background:#31506e}.top-location{color:#d5e3f1;font-size:13px}.top-right{gap:24px}.simulation-pill{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.15px;font-weight:750;color:#a6d9e3;white-space:nowrap}.sim-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#3bc6bd;box-shadow:0 0 0 3px #3bc6bd20}.top-clock{font-variant-numeric:tabular-nums;color:#e8f4ff;letter-spacing:1px;font-size:12px;font-weight:650}
.workspace{padding:18px 22px 14px;flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;max-width:2100px;width:100%;margin:0 auto}.control-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:53px}.section-name{min-width:170px}.section-name h1{margin:0;color:#152c46;letter-spacing:-.65px;font-size:24px;font-weight:760;line-height:1.16}.section-name p{margin:6px 0 0;font-size:12px;color:#75899d}.control-right,.controls{display:flex;align-items:center;gap:10px}.campaign-picker{height:39px;display:flex;align-items:center;gap:10px;position:relative;background:#fff;border:1px solid #d8e3ed;border-radius:8px;padding:0 15px 0 14px;white-space:nowrap;min-width:340px}.campaign-picker>span{font-size:11px;color:#8999a9;font-weight:600}.campaign-picker select{border:0;outline:0;appearance:none;background:transparent;color:#1d3a55;font-size:12px;font-weight:730;flex:1;min-width:0;padding:0 18px 0 0;cursor:pointer}.campaign-picker svg{height:15px;width:15px;color:#7290a5;position:absolute;right:12px;pointer-events:none}.controls{gap:6px}.control-button{height:39px;border:1px solid #dbe5ed;background:#fff;border-radius:8px;color:#3a566f;display:flex;gap:8px;align-items:center;justify-content:center;padding:0 12px;font-size:12px;font-weight:650;transition:background .15s,border-color .15s}.control-button:hover,.foot-action:hover,.minor-link:hover{background:#eaf3f8}.control-button svg{width:15px;height:15px}.primary-control{border-color:#d4e7ea;background:#e7f5f5;color:#107c81;min-width:90px}.primary-control:hover{background:#dbefee}.icon-only{width:39px;padding:0}.speed-box{height:39px;background:#fff;border:1px solid #dbe5ed;border-radius:8px;display:flex;align-items:center;gap:4px;padding:0 7px 0 11px;font-size:11px;color:#8aa0b1}.speed-box select{appearance:none;border:0;outline:0;color:#31526c;font-weight:750;padding:5px 5px;cursor:pointer;background:transparent}
.statusbar{min-height:36px;height:36px;display:flex;align-items:center;gap:22px;padding:0 6px;color:#718397;font-size:12px}.status-item{display:inline-flex;align-items:center;white-space:nowrap;gap:7px}.status-item strong{font-variant-numeric:tabular-nums;font-weight:780;color:#26445e;font-size:13px}.status-item b{font-size:12px;color:#258c8a;font-weight:710}.live-led{height:7px;width:7px;background:#21b2a4;border-radius:50%;box-shadow:0 0 0 3px #25b2a318}.statusbar.is-paused .live-led{background:#e6b154;box-shadow:0 0 0 3px #e6b15420}.statusbar.is-paused .status-item b{color:#987026}.status-split{height:16px;width:1px;background:#d7e1e9;margin-left:-9px;margin-right:-8px}.slash{font-size:10px;color:#b1c2cf;margin:0 3px}.status-spacer{flex:1}.minor-link{color:#557790;background:transparent;border:0;border-radius:6px;display:flex;align-items:center;gap:6px;font-size:11px;padding:6px 5px;font-weight:650;white-space:nowrap}.minor-link svg{width:16px;height:16px}
.table-panel{display:flex;flex-direction:column;flex:1;min-height:370px;background:#fff;border-radius:11px;box-shadow:0 8px 34px #1938530b,0 0 0 1px #dce6ee;overflow:hidden}.table-scroller{overflow:auto;flex:1;min-height:0;position:relative;scrollbar-color:#c9d9e5 transparent;scrollbar-width:thin;overscroll-behavior:contain}.table-canvas{position:relative;isolation:isolate}.queue-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;background:#fff}.queue-table col.col-contact{width:var(--col-contact)}.queue-table col.col-channel{width:var(--col-channel)}.queue-table col.col-call{width:var(--col-call)}.queue-table col.col-result{width:var(--col-result)}
.queue-table th{position:sticky;top:0;z-index:9;text-align:left;height:var(--head-h);font-size:10px;letter-spacing:1.02px;color:#71869b;font-weight:780;background:#f6f9fc;border-bottom:1px solid #dfe7ee;padding:0 18px}.queue-table th:first-child{padding-left:24px}.queue-table th:nth-child(2){border-left:1px solid #eaf0f5;border-right:1px solid #eaf0f5}.queue-table th:nth-child(4){border-left:1px solid #eaf0f5}.header-hint{letter-spacing:0;color:#a7b7c5;text-transform:none;font-size:11px;margin-left:12px;font-weight:500}.column-helper{letter-spacing:0;text-transform:none;color:#a4b7c5;font-size:10px;font-weight:500}
.queue-table td{height:var(--row-h);max-height:var(--row-h);border-bottom:1px solid #edf1f5;padding:0 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-size:12px;color:#38536b}.queue-table td:first-child{padding-left:24px}.queue-table td:nth-child(2){border-left:1px solid #f0f3f6;border-right:1px solid #f0f3f6;position:relative}.queue-table td:nth-child(4){border-left:1px solid #f0f3f6}.queue-table tbody tr{height:var(--row-h);background:#fff;transition:background-color .3s}.queue-table tbody tr:nth-child(even){background:#fcfdff}.queue-table tbody tr.row-dial{background:#f0f8ff}.queue-table tbody tr.row-ring{background:#f3f8fc}.queue-table tbody tr.row-talk{background:#eaf8f3}.queue-table tbody tr.row-post{background:#f1faf7}.queue-table tbody tr.row-ended{background:#fafcfb}.queue-table tbody tr.row-travel{background:#f5f9fe}
.contact-main{display:flex;align-items:center;gap:11px;min-width:0}.contact-number{font-size:11px;color:#a9b8c6;font-variant-numeric:tabular-nums;font-weight:650;min-width:24px}.contact-name{font-weight:650;color:#2d4c65;overflow:hidden;text-overflow:ellipsis}.row-dial .contact-name,.row-talk .contact-name{color:#153e60}.row-talk .contact-name{font-weight:760}.channel-cell .assigned-label{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:10px;color:#95a8b7;letter-spacing:.2px;font-weight:720;pointer-events:none}.channel-placeholder{font-size:12px;color:#c8d4dd;position:relative;z-index:1}.call-status{display:inline-flex;align-items:center;gap:8px;color:#75899a;font-weight:520}.call-status .s-dot{height:6px;width:6px;background:#b8cbd6;display:block;border-radius:50%}.call-status.s-travel{color:#6b8eb3}.call-status.s-travel .s-dot{background:#9ab9d1}.call-status.s-dial{color:#2779b5;font-weight:690}.call-status.s-dial .s-dot{background:#318bd0;box-shadow:0 0 0 3px #318bd014}.call-status.s-ring{color:#336e9b;font-weight:680}.call-status.s-ring .s-dot{background:#4c95c1;animation:pulseRing 1.3s ease-in-out infinite}.call-status.s-talk{color:#16816d;font-weight:760}.call-status.s-talk .s-dot{background:#21ad88;box-shadow:0 0 0 3px #21ad8818}.call-status.s-post{color:#547e72;font-weight:650}.call-status.s-post .s-dot{background:#79ae9e}.call-status.s-ended{color:#70889b}.call-status.s-ended .s-dot{background:#8cabbe}.call-status.s-interval,.call-status.s-pass,.call-status.s-daily{color:#8496a6}.call-status.s-interval .s-dot,.call-status.s-pass .s-dot,.call-status.s-daily .s-dot{background:#d1b170}.call-status.s-unknown{color:#ae7745}.call-status.s-unknown .s-dot{background:#d89e5d}.call-status.s-final{color:#8c9ba6}.call-status.s-final .s-dot{background:#b7c4cf}.call-status .duration{font-size:10px;margin-left:5px;letter-spacing:.2px;white-space:nowrap;color:#8ea2b2;font-weight:550;font-variant-numeric:tabular-nums}.result-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;font-size:11px;color:#607a8d;font-weight:590}.result-tag span{overflow:hidden;text-overflow:ellipsis}.result-tag::before{content:"";height:5px;width:5px;border-radius:50%;background:#9fb6c6;flex-shrink:0}.result-tag.res-answer{color:#2a8873}.result-tag.res-answer::before{background:#24af87}.result-tag.res-tech503,.result-tag.res-unknown{color:#b16a4a}.result-tag.res-tech503::before,.result-tag.res-unknown::before{background:#cf865d}.result-tag.res-cancelled{color:#8195a7}.result-tag.res-cancelled::before{background:#bbc9d4}.result-empty{color:#c6d2dc;font-size:13px}
.bot-layer{position:absolute;top:var(--head-h);left:var(--col-contact);width:var(--col-channel);height:calc(100% - var(--head-h));z-index:4;pointer-events:none;overflow:visible}.robot{--robot-glow:#40cfe4;position:absolute;top:0;left:0;width:53px;height:var(--row-h);display:flex;align-items:center;gap:1px;will-change:transform,opacity;transform:translate3d(0,0,0);transition:opacity .25s;opacity:0;pointer-events:none}.robot[data-phase="IDLE"]{opacity:0}.robot:not([data-phase="IDLE"]){opacity:1}.robot-svg{height:38px;width:38px;overflow:visible;filter:drop-shadow(0 1px 1px #24506a1b)}.robot-id{min-width:15px;height:16px;padding:1px 3px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#1c718d;background:#e1f4f6;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.robot[data-phase="TALKING"]{--robot-glow:#36d4ad}.robot[data-phase="ENDING"]{--robot-glow:#9dd5e1}.robot[data-phase="TRAVEL"] .robot-id{background:#f0f5f9;color:#6c95a8}.robot[data-phase="TALKING"] .robot-id{color:#137e72;background:#dff6ed}.robot .phone-arm{transform-origin:33px 30px;transform:rotate(38deg);transition:transform .38s ease-in-out}.robot[data-phase="DIALING"] .phone-arm{transform:rotate(-30deg);animation:pickPhone .9s ease-in-out}.robot[data-phase="RINGING"] .phone-arm,.robot[data-phase="TALKING"] .phone-arm,.robot[data-phase="POST"] .phone-arm{transform:rotate(-30deg)}.robot[data-phase="RINGING"] .phone-arm{animation:phonePulse 1.2s ease-in-out infinite}.robot[data-phase="ENDING"] .phone-arm{transform:rotate(38deg);animation:putPhone .85s ease-in-out}.robot .ring-waves{opacity:0}.robot[data-phase="RINGING"] .ring-waves{animation:wave 1.3s ease-out infinite}.robot[data-phase="TALKING"] .mouth{animation:talkMouth 1.1s ease-in-out infinite}.robot[data-phase="TALKING"] .eye{animation:blink 3.9s ease-in-out infinite}.robot[data-phase="TRAVEL"] .foot{animation:walkLegs .48s ease-in-out infinite;transform-origin:22px 39px}.robot[data-phase="TRAVEL"] .antenna-stem{animation:antennaWobble .55s ease-in-out infinite}.robot[data-phase="POST"] .mouth{stroke:#8ae9d2}.robot[data-phase="ENDING"] .robot-face{animation:finishNod .65s ease-in-out}.robot[data-phase="ENDING"] .mouth{stroke:#7cd7c2}
@keyframes pickPhone{0%{transform:rotate(38deg)}65%{transform:rotate(-39deg)}100%{transform:rotate(-30deg)}}@keyframes putPhone{from{transform:rotate(-30deg)}to{transform:rotate(38deg)}}@keyframes phonePulse{0%,100%{transform:rotate(-30deg)}50%{transform:rotate(-26deg)}}@keyframes wave{0%{opacity:0;transform:translate(-1px,1px)}35%{opacity:.85}100%{opacity:0;transform:translate(1px,-1px)}}@keyframes talkMouth{0%,100%{transform:scaleY(.8)}48%{transform:scaleY(2.6)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes walkLegs{0%,100%{transform:translateY(0)}50%{transform:translateY(1.5px)}}@keyframes antennaWobble{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes finishNod{0%,100%{transform:translateY(0)}50%{transform:translateY(1.2px)}}@keyframes pulseRing{0%,100%{box-shadow:0 0 0 0 #4c95c124}50%{box-shadow:0 0 0 4px #4c95c10b}}
.table-foot{height:36px;min-height:36px;border-top:1px solid #e5edf3;background:#fbfdfe;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 16px 0 19px;font-size:11px;color:#7f94a5}.foot-left,.foot-right{display:flex;align-items:center;gap:9px;min-width:0}.foot-left>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foot-indicator{width:7px;height:7px;border-radius:50%;background:#24b6ac;flex-shrink:0}.foot-divider{height:14px;width:1px;background:#d9e5ed}.foot-action{border:0;background:transparent;border-radius:6px;color:#7f94a5;padding:3px 6px;font-size:10px;white-space:nowrap}.foot-action span{color:#4b7894;font-weight:720}
.reduced-motion .robot .mouth,.reduced-motion .robot .foot,.reduced-motion .robot .antenna-stem,.reduced-motion .robot .eye,.reduced-motion .robot .phone-arm,.reduced-motion .robot .ring-waves,.reduced-motion .robot .robot-face,.reduced-motion .s-ring .s-dot{animation:none!important}.reduced-motion .robot .phone-arm{transition:none!important}.reduced-motion .robot[data-phase="TRAVEL"]{opacity:.7}.reduced-motion .robot[data-phase="DIALING"] .phone-arm,.reduced-motion .robot[data-phase="RINGING"] .phone-arm,.reduced-motion .robot[data-phase="TALKING"] .phone-arm{transform:rotate(-30deg)}.is-frozen *, .is-frozen *::before,.is-frozen *::after{animation-play-state:paused!important}
@media(max-width:1050px){.workspace{padding:15px 13px 12px}.topbar{padding:0 16px}.control-bar{align-items:flex-start}.control-right{flex-wrap:wrap;justify-content:flex-end}.campaign-picker{min-width:280px}.statusbar{gap:16px}.queue-table th,.queue-table td{padding-right:9px;padding-left:9px}.queue-table th:first-child,.queue-table td:first-child{padding-left:15px}.bot-layer{width:var(--col-channel)}}
@media(max-width:780px){:root{--col-contact:32%;--col-channel:27%;--col-call:20%;--col-result:21%;--row-h:44px}.topbar{height:52px;min-height:52px}.brand-text{font-size:13px;letter-spacing:.8px}.top-location,.top-divider,.top-clock{display:none}.simulation-pill{letter-spacing:.6px;font-size:9px}.control-bar{flex-direction:column;gap:10px}.control-right{width:100%;justify-content:space-between}.campaign-picker{flex:1;min-width:0;max-width:none}.section-name p{display:none}.section-name h1{font-size:22px}.statusbar{gap:12px}.desktop-only{display:none}.column-helper{display:none}.queue-table td{font-size:11px}.contact-number{min-width:18px}.contact-main{gap:5px}.robot{width:46px}.robot-svg{width:31px;height:34px}.robot-id{font-size:9px;min-width:13px}.table-foot{font-size:10px;padding:0 8px}.foot-right>span:first-child{display:none}.foot-divider{display:none}}
@media(max-width:520px){.workspace{padding:10px 6px 7px;gap:8px}.topbar{padding:0 10px}.brand-text{font-size:11px}.section-name h1{font-size:20px}.control-right{flex-wrap:wrap}.campaign-picker{width:100%}.controls{margin-left:auto}.statusbar{height:32px;min-height:32px;font-size:10px;gap:9px;padding:0 3px}.status-item strong{font-size:11px}.minor-link{font-size:0;gap:0}.minor-link svg{width:18px;height:18px}:root{--col-contact:30%;--col-channel:26%;--col-call:23%;--col-result:21%;--row-h:44px}.queue-table th{font-size:9px;letter-spacing:.4px}.queue-table th:first-child,.queue-table td:first-child{padding-left:5px}.queue-table th,.queue-table td{padding-left:4px;padding-right:4px}.contact-number{display:none}.queue-table td:nth-child(4){font-size:10px}.result-tag{font-size:10px}.call-status{font-size:10px;gap:4px}.call-status .duration{display:none}.robot{width:40px}.robot-svg{width:29px}.robot-id{font-size:8px;min-width:11px;padding:0}.channel-cell .assigned-label{display:none}.table-foot{padding:0 5px}.foot-action{font-size:9px}.foot-left{max-width:50%}}
@media(prefers-reduced-motion:reduce){.robot .phone-arm,.robot .mouth,.robot .foot,.robot .antenna-stem,.robot .eye,.robot .ring-waves,.robot .robot-face,.s-ring .s-dot{animation:none!important;transition:none!important}}
/* O rodapé permanece visível; apenas as linhas da fila rolam internamente. */
.shell{height:100vh;height:100dvh;min-height:540px}.workspace{overflow:hidden}.table-panel{min-height:0}
@media(max-height:600px){.shell{min-height:540px}}

/* ------------------------------------------------------------------
 * VALTUM MONITOR V4 · CAMADA VISUAL PREMIUM
 * A estrutura da tabela e o motor V3 permanecem intactos.
 * A camada de robôs mantém os mesmos estados da simulação.
 * ------------------------------------------------------------------ */
:root{
  color-scheme:dark;
  --navy:#071323;--navy2:#0d2338;--surface:#0c2034;--bg:#071424;
  --ink:#d8e9f5;--muted:#8ca8bf;--line:#214056;
  --teal:#39d8e5;--blue:#48aaff;
  --row-h:43px;--head-h:44px;
  --col-contact:35%;--col-channel:29%;--col-call:18%;--col-result:18%;
}
html,body{background:#071424;color:#d8e9f5}
body{
  background:radial-gradient(ellipse 57% 42% at 9% -12%,rgba(24,94,137,.24),transparent 80%),
  radial-gradient(ellipse 53% 28% at 94% 11%,rgba(9,107,135,.1),transparent 86%),#071424;
}
[hidden]{display:none!important}
.shell{background:transparent}
.topbar{
  position:relative;z-index:20;min-height:60px;height:60px;padding:0 24px;gap:17px;
  background:linear-gradient(103deg,#0b2139 1%,#092038 48%,#0a1e33 100%);
  box-shadow:0 1px 0 #2c526455,0 6px 22px #03101e55;
}
.topbar::after{content:"";height:1px;position:absolute;bottom:0;left:15%;right:15%;background:linear-gradient(90deg,transparent,#3ed0eb28,transparent);pointer-events:none}
.top-left{gap:10px;flex:0 0 auto;min-width:172px}
.brand-text{color:#f4fbff;letter-spacing:1.65px;font-weight:800;font-size:15px;text-shadow:0 0 16px #55c3eb13}
.brand-text b{color:#62dcef;font-weight:520}
.brand-caption{font-size:8px;letter-spacing:1.65px;color:#5883a1;font-weight:760;white-space:nowrap;display:none}
.main-nav{display:flex;align-items:stretch;justify-content:center;align-self:stretch;min-width:0;flex:1;gap:2px;padding-top:1px}
.nav-tab{
  position:relative;background:transparent;border:0;border-radius:0;padding:0 14px;color:#8faac0;
  font-size:11.6px;font-weight:660;white-space:nowrap;letter-spacing:.03px;transition:color .18s,background .18s;
}
.nav-tab:hover{color:#e6f6ff;background:#48c9ef0b}
.nav-tab.is-active{color:#ecfcff;background:linear-gradient(180deg,#2ca8d50d,#1fc4ed0d)}
.nav-tab.is-active::after{content:"";position:absolute;height:2px;bottom:0;left:14px;right:14px;background:#53d6eb;box-shadow:0 0 12px #47cfeea1}
.nav-tab:focus-visible{outline-offset:-4px}
.top-right{gap:17px;flex:0 0 auto}.simulation-pill{font-size:10px;letter-spacing:1px;color:#78cddb}
.sim-dot{background:#36dcc4;box-shadow:0 0 0 3px #36dcc414,0 0 11px #2bd7c455}
.top-clock{font-size:11px;color:#bbd9e9;border-left:1px solid #325269;padding-left:16px;letter-spacing:.6px}
.workspace{padding:18px 22px 16px;max-width:2200px;gap:10px}
.control-bar{min-height:52px;gap:14px}
.section-name h1{color:#f4faff;font-size:24px;letter-spacing:-.8px;font-weight:790}
.section-name p{color:#779ab3;font-size:11px;letter-spacing:.03px;margin-top:5px}
.control-right{gap:8px}.controls{gap:6px}
.campaign-picker{
  background:linear-gradient(180deg,#122f49,#10273d);border:1px solid #29506b;border-radius:8px;
  height:39px;min-width:342px;box-shadow:inset 0 1px #ffffff08;
}
.campaign-picker>span{color:#769eb9;font-size:10px;text-transform:uppercase;letter-spacing:.3px}
.campaign-picker select{color:#ecf7ff;font-weight:680;font-size:11px}
.campaign-picker option,.speed-box option{background:#0d253b;color:#e6f7ff}
.campaign-picker svg{color:#69b7d5}
.control-button,.speed-box{
  background:linear-gradient(180deg,#142c42,#0f253b);border:1px solid #294962;color:#b6d2e4;border-radius:8px;
  box-shadow:inset 0 1px #ffffff08;
}
.control-button:hover,.foot-action:hover,.minor-link:hover{background:#1b3b54;border-color:#35728a;color:#e8faff}
.control-button:active{transform:translateY(1px)}
.primary-control{color:#8aeeed;border-color:#226378;background:linear-gradient(180deg,#164256,#123347)}
.primary-control:hover{background:#19495e;color:#befafa}
.speed-box{color:#799ab3}.speed-box select{color:#deedf7}
.statusbar{min-height:36px;height:36px;gap:23px;color:#90a9bc;padding:0 5px}
.status-item{font-size:11px}.status-item b{color:#53d6c4;font-size:11px}.status-item strong{color:#e5f5ff;font-size:12px}
.status-split{background:#29435a}.slash{color:#66849b}
.live-led{background:#34d6bc;box-shadow:0 0 0 3px #34d6bc18,0 0 9px #34d6bc6b}
.statusbar.is-paused .live-led{background:#e7af5c}.statusbar.is-paused .status-item b{color:#e4bb82}
.minor-link{color:#7dbbd1}.minor-link:hover{background:#102b42}
.table-panel{
  position:relative;background:#0d2135;border-radius:11px;
  border:1px solid #2a4d65;box-shadow:0 14px 42px #010b16a8,0 1px 0 #9ff5ff0c inset;
}
.panel-corner-glow{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#36bad559 27%,#64dbed39 50%,transparent 90%);z-index:10;pointer-events:none}
.table-scroller{scrollbar-color:#2b5068 #0b1d30}
.table-scroller::-webkit-scrollbar{width:8px;height:8px}
.table-scroller::-webkit-scrollbar-track{background:#091a2c}
.table-scroller::-webkit-scrollbar-thumb{background:#29506c;border:2px solid #0b1d30;border-radius:9px}
.table-canvas,.queue-table{background:#0d2236}
.queue-table th{
  background:linear-gradient(180deg,#153149,#11293f);border-bottom:1px solid #31526a;
  height:var(--head-h);color:#92b3c8;font-size:10px;letter-spacing:1.1px;
}
.queue-table th:nth-child(2){background:linear-gradient(180deg,#15354e,#122e45)}
.queue-table th:nth-child(2),.queue-table th:nth-child(4){border-left:1px solid #2d4a5e;border-right-color:#2d4a5e}
.header-hint,.column-helper{color:#587f99}
.queue-table td{color:#c4d8e6;border-bottom:1px solid #20384a;font-size:12px}
.queue-table td:nth-child(2){border-left:1px solid #1e3f53;border-right:1px solid #1e3f53;background:linear-gradient(90deg,#16344a49,transparent 25%,transparent 75%,#16344a24)}
.queue-table td:nth-child(4){border-left:1px solid #203e51}
.queue-table tbody tr{background:#0d2236;transition:background-color .35s,box-shadow .35s}
.queue-table tbody tr:nth-child(even){background:#0f263a}
.queue-table tbody tr.row-travel{background:linear-gradient(90deg,#14324b,#122b40)}
.queue-table tbody tr.row-dial{background:linear-gradient(90deg,#102d46,#15354d 54%,#10283d);box-shadow:inset 3px 0 #367cba,inset 0 0 26px #2f9ff00a}
.queue-table tbody tr.row-ring{background:linear-gradient(90deg,#102b40,#15354a 58%,#10283e);box-shadow:inset 3px 0 #36a5ce,inset 0 0 32px #47beea0c}
.queue-table tbody tr.row-talk{background:linear-gradient(90deg,#10392f,#174138 52%,#11362f);box-shadow:inset 3px 0 #34cda0,inset 0 0 37px #27d09f13}
.queue-table tbody tr.row-post{background:#13352e;box-shadow:inset 3px 0 #48a68b}
.queue-table tbody tr.row-ended{background:#122639}
.contact-number{color:#587c98;font-size:10px}.contact-name{color:#e3f0f9;font-weight:610;letter-spacing:.03px}
.row-dial .contact-name,.row-ring .contact-name{color:#f2fbff}
.row-talk .contact-name{color:#dbfff0;font-weight:770}
.channel-cell .assigned-label{color:#6fb2d0;font-size:10px;letter-spacing:.2px}
.channel-placeholder{color:#36576b}
.call-status{color:#91a9bc}.call-status .s-dot{background:#50778c}
.call-status.s-travel{color:#8ab7d1}.call-status.s-travel .s-dot{background:#69a1c4}
.call-status.s-dial{color:#6fbfff}.call-status.s-dial .s-dot{background:#5bb9f9;box-shadow:0 0 0 3px #5bb9f918,0 0 8px #5bb9f9ac}
.call-status.s-ring{color:#8bd1ef}.call-status.s-ring .s-dot{background:#54c6ed}
.call-status.s-talk{color:#58e5b6}.call-status.s-talk .s-dot{background:#30dc9f;box-shadow:0 0 0 3px #30dc9f14,0 0 11px #30dc9f89}
.call-status.s-post{color:#81cbb6}.call-status.s-post .s-dot{background:#68bb9d}
.call-status.s-ended{color:#90a9b7}.call-status.s-ended .s-dot{background:#7c9eb2}
.call-status.s-interval,.call-status.s-pass,.call-status.s-daily{color:#baaf92}
.call-status.s-interval .s-dot,.call-status.s-pass .s-dot,.call-status.s-daily .s-dot{background:#c9a767}
.call-status.s-unknown{color:#f2ac88}.call-status.s-unknown .s-dot{background:#e5a06e}
.call-status.s-final{color:#7796ac}.call-status.s-final .s-dot{background:#52748c}
.call-status .duration{color:#6595ae}
.result-tag{color:#b8c9d6;font-size:11px;font-weight:575}
.result-tag::before{background:#7294a8}
.result-tag.res-answer{color:#7cebbd}.result-tag.res-answer::before{background:#2fdb9c}
.result-tag.res-tech503,.result-tag.res-unknown{color:#f0b28e}
.result-tag.res-tech503::before,.result-tag.res-unknown::before{background:#ec9878}
.result-tag.res-cancelled{color:#829eb1}.result-tag.res-cancelled::before{background:#64889c}
.result-empty{color:#3a6077}
.bot-layer{z-index:4}
.robot{--robot-glow:#5deaff;width:56px}
.robot-svg{width:39px;height:40px;filter:drop-shadow(0 2px 2px #0005) drop-shadow(0 0 5px #1fbbe12b)}
.robot-id{
  height:17px;min-width:18px;border:1px solid #327e9a;color:#95e9f5;background:#133d51;
  font-size:10px;letter-spacing:.2px;border-radius:5px;box-shadow:0 0 8px #36c6e628;
}
.robot[data-phase="DIALING"]{--robot-glow:#71d9ff}
.robot[data-phase="RINGING"]{--robot-glow:#74ebff}
.robot[data-phase="TALKING"]{--robot-glow:#69ffbd}
.robot[data-phase="POST"]{--robot-glow:#a5f7df}
.robot[data-phase="ENDING"]{--robot-glow:#7ebcca}
.robot[data-phase="TRAVEL"]{--robot-glow:#56bcd3}
.robot[data-phase="TRAVEL"] .robot-id{background:#11354b;border-color:#29596b;color:#8cb8cd}
.robot[data-phase="TALKING"] .robot-id{background:#104238;color:#8af8c7;border-color:#2b9775;box-shadow:0 0 9px #39ed9f29}
.robot[data-phase="TALKING"] .mouth{animation:talkMouth 1.05s ease-in-out infinite}
.robot[data-phase="TALKING"] .chest-light{filter:drop-shadow(0 0 2px #5affba)}
.robot[data-phase="RINGING"] .ring-waves{filter:drop-shadow(0 0 2px #64eaff)}
.robot[data-phase="DIALING"] .brow{opacity:.9}
.robot[data-phase="ENDING"] .eye{transform:scaleY(.65);transform-origin:center}
.robot[data-phase="ENDING"] .mouth{stroke:#8ad7d8}
.robot[data-phase="TRAVEL"] .phone-arm{transform:rotate(44deg)}
.robot[data-phase="TRAVEL"] .ring-waves{opacity:0}
.robot[data-phase="TRAVEL"] .left-arm{animation:walkLegs .62s ease-in-out infinite;transform-origin:13px 35px}
.table-foot{background:linear-gradient(180deg,#10283d,#0c2135);border-top:1px solid #294961;color:#7e9eb5;height:36px;min-height:36px}
.foot-indicator{background:#2bd9bd;box-shadow:0 0 8px #36dbc35a}
.foot-divider{background:#25445b}.foot-action{color:#719db7}.foot-action span{color:#9ad7e9}
/* Placeholder pages are deliberately nonfunctional; no speculative modules. */
.placeholder-workspace{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:30px 24px 60px}
.placeholder-content{width:min(590px,100%);text-align:center;border:1px solid #1d3e54;border-radius:15px;padding:65px 38px 56px;background:radial-gradient(ellipse at 50% 0,#153850,#0c2338 69%);box-shadow:0 20px 60px #0003}
.placeholder-line{height:2px;width:61px;margin:0 auto 28px;background:linear-gradient(90deg,transparent,#40d7e6,transparent);box-shadow:0 0 15px #36c8e7}
.placeholder-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:740;color:#6dc0d5}
.placeholder-content h1{font-size:29px;letter-spacing:-.6px;color:#f1f9ff;margin:13px 0 9px;font-weight:770}
.placeholder-content p{color:#8baabd;font-size:13px;margin:0 0 29px}
.back-queue{padding:11px 19px;background:#18475a;border:1px solid #287c97;color:#aef1f6;border-radius:8px;font-size:12px;font-weight:680}
.back-queue:hover{background:#205d70}.placeholder-foot{position:absolute;bottom:20px;color:#547992;font-size:11px}
.reduced-motion .robot .left-arm{animation:none!important}
@media(max-width:1510px){.topbar{padding:0 16px;gap:9px}.top-left{min-width:150px}.brand-text{font-size:13px;letter-spacing:1.3px}.main-nav{gap:0}.nav-tab{font-size:11px;padding:0 9px}.top-right{gap:10px}.top-clock{padding-left:10px}}
@media(max-width:1190px){.brand-text{font-size:12px}.top-left{min-width:135px}.nav-tab{font-size:10px;padding:0 7px}.top-clock{display:none}.simulation-pill{font-size:9px}.workspace{padding:16px 15px 12px}}
@media(max-width:940px){.topbar{height:auto;min-height:56px;flex-wrap:wrap;gap:0;padding:0 14px}.top-left{height:50px;flex:1}.top-right{height:50px}.main-nav{order:3;flex:1 1 100%;width:100%;height:41px;justify-content:space-between;border-top:1px solid #204157;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-tab{font-size:11px;padding:0 10px}.workspace{padding-top:12px}.campaign-picker{min-width:280px}.table-panel{border-radius:8px}}
@media(max-width:780px){:root{--col-contact:31%;--col-channel:27%;--col-call:20%;--col-result:22%}.control-bar{gap:12px}.control-right{gap:6px}.nav-tab{font-size:10px}.topbar{min-height:50px}.main-nav{height:40px}.campaign-picker{min-width:0}.queue-table td{font-size:11px}.robot-svg{width:32px;height:35px}.robot{width:48px}.robot-id{font-size:9px;min-width:14px}}
@media(max-width:520px){:root{--col-contact:30%;--col-channel:27%;--col-call:23%;--col-result:20%}.brand-text{font-size:12px}.nav-tab{padding:0 9px}.simulation-pill{font-size:9px}.control-bar{gap:8px}.campaign-picker{width:100%}.statusbar{gap:10px}.queue-table th,.queue-table td{padding-left:5px;padding-right:5px}.robot{width:42px}.robot-svg{width:29px}.robot-id{font-size:8px;min-width:11px}.contact-name{font-size:10px}.result-tag{font-size:10px}.placeholder-content{padding:45px 16px}}


/* ================================================================
   VALTUM MONITOR V5 — PREMIUM FINISH / presentation-only layer.
   Works on top of V4 without replacing the four-column queue.
   ================================================================ */
:root{
  --bg:#06111f; --navy:#081a2c; --surface:#0b2134;
  --row-h:43px; --head-h:43px;
  --accent:#48cfea; --accent-green:#40deb1;
  --line-soft:rgba(121,189,220,.12);
}
html{color-scheme:dark}body{background:#06111f;color:#d9eaf6}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse 750px 430px at 9% 5%,#113a5438,transparent 74%),
  radial-gradient(ellipse 720px 520px at 96% 96%,#0b4a4b27,transparent 77%),
  linear-gradient(135deg,#071524,#06111f 55%,#081826)}
.shell{background:transparent}
.topbar{height:61px;min-height:61px;position:relative;padding:0 24px;gap:22px;
  background:linear-gradient(115deg,#0b2034 0%,#0b2337 48%,#0b1b30 100%);
  box-shadow:0 1px 0 #72d5ee0b,0 10px 30px #0003;border-bottom:1px solid #23465d}
.topbar::after{left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,#3eb6d230 18%,#3bccea29 58%,transparent 100%)}
.top-left{gap:9px}.brand-text{font-weight:800;letter-spacing:1.85px;font-size:14px;color:#edf8ff}
.brand-text b{font-weight:740;color:#69d6ed}.brand-caption{font-size:8px;letter-spacing:1.4px;font-weight:720;color:#466e8b;white-space:nowrap;align-self:flex-end;margin-bottom:3px}
.main-nav{gap:3px}.nav-tab{font-size:11px;font-weight:620;letter-spacing:.07px;color:#8baabe;padding:0 13px;transition:color .2s,background .2s}
.nav-tab:hover{background:#1a425437;color:#d4f6fe}.nav-tab.is-active{font-weight:750;color:#f3fdff;background:linear-gradient(180deg,#19445b52,#0c2f4622)}
.nav-tab.is-active::after{left:15px;right:15px;height:2px;border-radius:3px;background:#54d8ed;box-shadow:0 0 16px #41bcd280}
.top-right{gap:15px}.simulation-pill{border:1px solid #2a596477;background:#143b484d;border-radius:16px;padding:6px 10px;font-size:9px;letter-spacing:1.1px;color:#8ce2e2}
.sim-dot{height:6px;width:6px;background:#3be3bb;box-shadow:0 0 0 3px #3be3bb1c,0 0 11px #3be3bb8c}
.top-clock{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#c8e1f2;letter-spacing:.75px}
.workspace{padding:17px 22px 14px;gap:10px}
.control-bar{min-height:54px}.section-name h1{color:#eef8ff;font-size:25px;font-weight:780;letter-spacing:-.8px}
.section-name p{font-size:11px;color:#769aaf;letter-spacing:.1px;margin-top:7px}
.control-right{gap:9px}.campaign-picker{background:linear-gradient(180deg,#183b51,#112c41);border:1px solid #2b5971;box-shadow:inset 0 1px #b5f5ff0e,0 6px 14px #0002;border-radius:8px}
.campaign-picker>span{color:#74a9c4;font-size:9px;font-weight:730;letter-spacing:.55px;text-transform:uppercase}
.campaign-picker select{color:#e9f6ff;font-weight:660;font-size:11px}.campaign-picker svg{color:#65cee0}
.control-button,.speed-box{border:1px solid #2b4d65;background:linear-gradient(180deg,#163149,#10283c);box-shadow:inset 0 1px #a1e6f20a;transition:background .2s,border-color .2s,color .2s,transform .18s}
.control-button:hover,.speed-box:hover{border-color:#418aa2;background:#1a435a;color:#ecfbff}
.primary-control{background:linear-gradient(135deg,#185063,#123d54);border-color:#287991;color:#a9f5f0;box-shadow:inset 0 1px #a0f4ef11,0 0 15px #28a8c50b}
.primary-control:hover{background:#17536a;color:#e3ffff}.speed-box{color:#83a9be}.speed-box select{color:#eef9ff}
.statusbar{height:36px;min-height:36px;gap:22px;color:#7898ac;padding:0 4px}
.status-item{font-size:11px;gap:8px}.status-item strong{font-size:12px;color:#e8f6ff;font-weight:770}.status-item b{color:#5fe5c7;font-weight:740}
.status-split{background:#28516a;height:15px}.minor-link{color:#75bfd4;font-size:10px;letter-spacing:.2px}
.minor-link:hover{color:#c7f9ff;background:#15384b}.live-led{box-shadow:0 0 0 3px #28dfb71b,0 0 12px #39d8b799}
.table-panel{border:1px solid #31536b;border-radius:12px;box-shadow:0 24px 57px #0006,0 1px 0 #b3f6ff11 inset;isolation:isolate}
.panel-corner-glow{height:2px;background:linear-gradient(90deg,transparent 0%,#68cdeb70 21%,#57e0dd47 49%,#5eaaf722 78%,transparent 100%)}
.table-scroller{scrollbar-color:#305b73 #0b2234}.table-scroller::-webkit-scrollbar-thumb{background:#345c72;border:2px solid #0b2135}
.table-canvas,.queue-table{background:#0c2134}
.queue-table th{height:var(--head-h);background:linear-gradient(180deg,#18354a,#132c41);color:#9cbfd3;border-bottom:1px solid #2f5066;font-size:10px;letter-spacing:1.1px;font-weight:780}
.queue-table th:nth-child(2){background:linear-gradient(180deg,#1a3b51,#153148)}
.queue-table th:nth-child(2),.queue-table th:nth-child(4){border-left-color:#2c5169;border-right-color:#2c5169}
.header-hint,.column-helper{color:#678ea5;font-weight:560}
.queue-table td{height:var(--row-h);font-size:12px;color:#c4d9e8;border-bottom:1px solid #2441576e}
.queue-table tbody tr{background:#0d2336;transition:background-color .3s ease,box-shadow .3s ease}
.queue-table tbody tr:nth-child(even){background:#0e2639}
.queue-table tbody tr:hover{background:#123047}
.queue-table td:nth-child(2){border-left:1px solid #2449617d;border-right:1px solid #2449617d;background:linear-gradient(90deg,#284d6030,transparent 22%,transparent 78%,#21495b1b)}
.queue-table td:nth-child(4){border-left:1px solid #25475c77}
.queue-table tbody tr.row-travel{background:linear-gradient(90deg,#153146,#143147 61%,#0e283c);box-shadow:inset 2px 0 #568eb8}
.queue-table tbody tr.row-dial{background:linear-gradient(93deg,#11314b 0%,#153a51 42%,#112c42 100%);box-shadow:inset 3px 0 #5aa9ef,inset 0 0 29px #419cda13}
.queue-table tbody tr.row-ring{background:linear-gradient(93deg,#12354d,#164258 48%,#123147);box-shadow:inset 3px 0 #4dc7ee,inset 0 0 31px #4ccdee16}
.queue-table tbody tr.row-talk{background:linear-gradient(93deg,#123b37,#164a40 48%,#12362f);box-shadow:inset 3px 0 #45e3af,inset 0 0 37px #32e6ab1a}
.queue-table tbody tr.row-post{background:linear-gradient(90deg,#153a37,#143a35);box-shadow:inset 3px 0 #55c7a5}
.queue-table tbody tr.row-ended{background:#132b3a;box-shadow:inset 2px 0 #5e87a24d}
.queue-table tbody tr.row-interval,.queue-table tbody tr.row-pass,.queue-table tbody tr.row-daily{background:#11273a}
.contact-number{color:#668da8;font-size:10px;font-weight:740;letter-spacing:.3px}.contact-name{font-size:12px;color:#e3f2fb;font-weight:650}
.row-dial .contact-name,.row-ring .contact-name{color:#f0faff}.row-talk .contact-name{color:#e2fff1;font-weight:760}
.channel-cell .assigned-label{right:14px;color:#73afca;font-size:10px;font-weight:670}
.channel-placeholder{color:#365f78}
.call-status{color:#92b0c5;gap:9px}.call-status .s-dot{width:6px;height:6px;background:#517f9a}
.call-status.s-dial{color:#8bcdfc}.call-status.s-dial .s-dot{background:#63bafa;box-shadow:0 0 0 3px #55c1fa20,0 0 9px #5abdf76e}
.call-status.s-ring{color:#90d8f4}.call-status.s-ring .s-dot{background:#52cff0;box-shadow:0 0 7px #4bd1ff70}
.call-status.s-talk{color:#64e6bc;font-weight:760}.call-status.s-talk .s-dot{background:#40e4b5;box-shadow:0 0 0 3px #40e4b514,0 0 9px #40e4b570}
.call-status.s-post{color:#a7e4cc}.call-status.s-ended{color:#849eb0}.call-status.s-final{color:#7894a6}
.call-status .duration{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#86abc0;min-width:30px;text-align:right;letter-spacing:.05px}
.result-tag{font-size:11px;font-weight:570;color:#b5cddd}.result-tag::before{width:5px;height:5px;background:#7096af}
.result-tag.res-answer{color:#83edc1}.result-tag.res-answer::before{background:#46e0b0;box-shadow:0 0 7px #45e8a56e}
.result-tag.res-tech503,.result-tag.res-unknown{color:#f3b99e}.result-tag.res-tech503::before,.result-tag.res-unknown::before{background:#f3a078}
.result-tag.res-cancelled{color:#9db4c7}.result-empty{color:#46647a}
/* Five understated vertical tracks: the characters, not the contacts, travel. */
.bot-layer{isolation:isolate}
.bot-layer::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.33;z-index:-1;
  background:linear-gradient(90deg,transparent calc(10% - .4px),#72e7ef30 10%,transparent calc(10% + .4px)),
  linear-gradient(90deg,transparent calc(30% - .4px),#72e7ef30 30%,transparent calc(30% + .4px)),
  linear-gradient(90deg,transparent calc(50% - .4px),#72e7ef30 50%,transparent calc(50% + .4px)),
  linear-gradient(90deg,transparent calc(70% - .4px),#72e7ef30 70%,transparent calc(70% + .4px)),
  linear-gradient(90deg,transparent calc(90% - .4px),#72e7ef30 90%,transparent calc(90% + .4px))}
.robot{--robot-glow:#64e2ef;width:58px;transition:opacity .22s ease}
.robot-svg{width:41px;height:42px;filter:drop-shadow(0 2px 2px #0008) drop-shadow(0 0 4px #16c8ea28)}
.robot-id{height:17px;min-width:18px;font-size:9px;font-weight:850;border-radius:5px;color:#b5f3ff;background:linear-gradient(180deg,#134259,#103347);border:1px solid #4089a3;box-shadow:0 0 0 1px #a0ffff0a,inset 0 1px #ffffff14}
.robot .robot-aura{opacity:.1;transition:opacity .3s}
.robot .visor-shine{opacity:.56}
.robot .voice-bars{opacity:0;transform-origin:25px 26px}
.robot .cheek{opacity:.12}
.robot .eye{transform-origin:center;transform-box:fill-box}
.robot[data-phase="TRAVEL"]{--robot-glow:#77b8d0;opacity:.84}
.robot[data-phase="TRAVEL"] .robot-id{background:#17364b;border-color:#375f71;color:#92b9ca}
.robot[data-phase="TRAVEL"] .phone-arm{transform:rotate(48deg)!important}
.robot[data-phase="DIALING"]{--robot-glow:#79d6ff}
.robot[data-phase="DIALING"] .robot-aura{opacity:.2}
.robot[data-phase="DIALING"] .brow{opacity:.9}
.robot[data-phase="DIALING"] .eye{transform:scaleY(.89)}
.robot[data-phase="RINGING"]{--robot-glow:#82e6ff}
.robot[data-phase="RINGING"] .robot-aura{opacity:.28}
.robot[data-phase="RINGING"] .ring-waves{animation:wave 1.35s ease-in-out infinite;filter:drop-shadow(0 0 2px #54cbe2)}
.robot[data-phase="RINGING"] .phone-arm{animation:premiumRingPulse 1.6s ease-in-out infinite}
.robot[data-phase="TALKING"]{--robot-glow:#71efbb}
.robot[data-phase="TALKING"] .robot-aura{opacity:.32}
.robot[data-phase="TALKING"] .cheek{opacity:.55}
.robot[data-phase="TALKING"] .voice-bars{opacity:.88;animation:voiceConversation .75s ease-in-out infinite alternate}
.robot[data-phase="TALKING"] .mouth{opacity:0;animation:none}
.robot[data-phase="TALKING"] .robot-id{background:linear-gradient(180deg,#174c3f,#113c33);border-color:#3ab893;color:#a6f7d0;box-shadow:0 0 12px #36eaa331}
.robot[data-phase="TALKING"] .chest-light{filter:drop-shadow(0 0 2px #4dffc0)}
.robot[data-phase="POST"]{--robot-glow:#b4e5d2}
.robot[data-phase="POST"] .phone-arm{transform:rotate(-21deg)}
.robot[data-phase="ENDING"]{--robot-glow:#a2c8d8}
.robot[data-phase="ENDING"] .robot-aura{opacity:.08}
.robot[data-phase="ENDING"] .eye{transform:scaleY(.6)}
.robot[data-phase="ENDING"] .phone-arm{animation:putPhone .85s ease-in-out;transform:rotate(38deg)}
@keyframes premiumRingPulse{0%,100%{transform:rotate(-30deg)}50%{transform:rotate(-27deg)}}
@keyframes voiceConversation{0%{transform:scaleY(.58)}45%{transform:scaleY(1)}100%{transform:scaleY(.72)}}
.table-foot{height:34px;min-height:34px;padding:0 15px;background:linear-gradient(180deg,#102b40,#0d2639);border-top:1px solid #315369;color:#7597ad;font-size:10px}
.foot-indicator{width:6px;height:6px;background:#47dec0;box-shadow:0 0 7px #3dcfac5e}
.foot-divider{background:#2b495e}.foot-action{font-size:10px;color:#7fa7b9}.foot-action span{color:#b2dce7}
.foot-action:hover{background:#1c4054;border-color:transparent}
/* Custom dark tooltips. Native browser tooltips are disabled for app controls. */
.monitor-tooltip{position:fixed;z-index:300;pointer-events:none;max-width:min(320px,calc(100vw - 22px));padding:9px 12px;
  border:1px solid #3b627c;background:linear-gradient(160deg,#1a394d,#10293d);border-radius:8px;
  box-shadow:0 12px 33px #0009,0 1px 0 #e3ffff13 inset;color:#e1f4ff;font-size:11px;line-height:1.4;
  font-weight:550;letter-spacing:.06px;opacity:0;transform:translateY(3px);transition:opacity .13s,transform .13s}
.monitor-tooltip.is-visible{opacity:1;transform:translateY(0)}
.monitor-tooltip::after{content:"";position:absolute;left:var(--tip-arrow-x,18px);bottom:-5px;width:8px;height:8px;transform:rotate(45deg);border-right:1px solid #3b627c;border-bottom:1px solid #3b627c;background:#10293d}
:focus-visible{outline:2px solid #64d8ef!important;outline-offset:2px}
.reduced-motion .robot .voice-bars,.reduced-motion .robot .left-arm{animation:none!important}
.reduced-motion .robot[data-phase="RINGING"] .phone-arm{animation:none!important;transform:rotate(-30deg)}
.reduced-motion .robot[data-phase="TALKING"] .voice-bars{opacity:.9;transform:none}
.reduced-motion .robot[data-phase="TRAVEL"] .phone-arm{transition:none!important}
@media(max-width:1510px){.topbar{padding:0 17px;gap:8px}.brand-caption{display:none}.nav-tab{padding:0 10px}}
@media(max-width:1190px){.workspace{padding:15px 14px 12px}.nav-tab{padding:0 8px}.brand-text{letter-spacing:1.2px}}
@media(max-width:940px){.topbar{height:auto;min-height:56px}.main-nav{padding:0}.workspace{padding-top:12px}}
@media(max-width:780px){.robot{width:48px}.robot-svg{height:35px;width:33px}.contact-name{font-size:11px}}
@media(max-width:520px){.robot{width:42px}.robot-svg{height:31px;width:30px}.robot-id{font-size:8px;min-width:12px}.workspace{padding:10px 6px 7px}.table-foot{padding:0 6px}.section-name h1{font-size:20px}.control-right{gap:6px}}
@media(prefers-reduced-motion:reduce){.robot .voice-bars,.robot[data-phase="RINGING"] .phone-arm{animation:none!important}}

/* V5 final geometry adjustment — expressive, compact, no changes to row height. */
@media(min-width:1101px){.robot{width:64px}.robot-svg{width:46px;height:46px}}
@media(min-width:781px) and (max-width:1100px){.robot{width:58px}.robot-svg{width:40px;height:41px}}
.robot{z-index:1}
.robot::before{content:"";pointer-events:none;position:absolute;left:0;top:50%;height:35px;width:53px;transform:translateY(-50%);border-radius:50%;z-index:-1;opacity:.38;background:radial-gradient(ellipse,#2fc0ec17 0%,transparent 69%)}
.robot[data-phase="RINGING"]::before{background:radial-gradient(ellipse,#43c8ef33 0%,transparent 73%);opacity:.7}
.robot[data-phase="TALKING"]::before{background:radial-gradient(ellipse,#49eba933 0%,transparent 73%);opacity:.78}
.robot[data-phase="ENDING"]::before{opacity:.16}
.bot-layer::before{background:var(--rail-background,none);opacity:.38}
.reduced-motion .robot::before{transition:none}

/* ================================================================
   VALTUM MONITOR V6 — operational accuracy + restrained polish.
   V5 geometry, four columns, visible rows and robot movement stay intact.
   ================================================================ */
/* Identity removed: navigation earns the horizontal room, with five equal tabs. */
.topbar{gap:20px;padding:0 22px;background:linear-gradient(105deg,#091f34,#0a233b 56%,#0c243a);box-shadow:0 1px #8adff013,0 13px 34px #0005}
.main-nav{justify-content:space-between;max-width:1160px;gap:5px}
.nav-tab{flex:1 1 0;min-width:0;padding:0 13px;letter-spacing:.11px;white-space:nowrap}
.nav-tab.is-active{background:linear-gradient(180deg,#24536956,#102c4242);color:#f2feff}
.nav-tab.is-active::after{left:12%;right:12%;height:2px;background:#5be4ee;box-shadow:0 0 15px #38e1ee8a}
.simulation-pill{border:1px solid #2f646e88;background:#103d456b}
.top-right{flex:0 0 auto;gap:13px}
/* Controls stay compact; subtle depth on interactive elements. */
.campaign-picker{border-color:#32627b;background:linear-gradient(160deg,#183e55,#102b42);box-shadow:inset 0 1px #c8f8ff13,0 5px 15px #0002}
.campaign-picker:focus-within{border-color:#59c8e3;box-shadow:0 0 0 2px #43bfd624}
.control-button,.speed-box{border-color:#356078;border-radius:9px}
.control-button.primary-control{background:linear-gradient(135deg,#17607a,#12435e);border-color:#3195ab;color:#dafcfc}
.control-button.primary-control:hover{background:linear-gradient(135deg,#1d7791,#18566f)}
.control-button.icon-only:hover{color:#8af7ff}
.speed-box:focus-within{outline:2px solid #45b9d055;outline-offset:1px}
/* Clarity with one strong state accent; no added panels. */
.queue-table tbody tr.row-dial{background:linear-gradient(91deg,#112e4a,#17435b 50%,#112d47);box-shadow:inset 3px 0 #4ca8e8,inset 0 0 31px #35b4f118}
.queue-table tbody tr.row-ring{background:linear-gradient(91deg,#10364f,#17445e 49%,#103149);box-shadow:inset 3px 0 #55d4ed,inset 0 0 29px #28d7ee1b}
.queue-table tbody tr.row-talk{background:linear-gradient(91deg,#0d473b 0%,#155a45 44%,#104436 100%);box-shadow:inset 3px 0 #45f4af,inset 0 1px #91ffba24,inset 0 -1px #66efba1d,inset 0 0 43px #2eeb9e24}
.queue-table tbody tr.row-talk td:nth-child(2){background:linear-gradient(90deg,#1cbb8050,transparent 26%,transparent 73%,#14a48114)}
.queue-table tbody tr.row-post{background:linear-gradient(90deg,#124238,#18473b);box-shadow:inset 3px 0 #5ed7ae}
.row-talk .contact-name{color:#edfff5;font-weight:790;text-shadow:0 0 10px #89ffd215}
.call-status.s-talk{color:#84ffd1;font-weight:780}
.call-status.s-talk .s-dot{height:7px;width:7px;background:#51fac1;box-shadow:0 0 0 3px #3df9ad17,0 0 11px #38ffa5d1}
.result-tag.res-cancelled{color:#9bb4c7}.result-tag.res-answer{color:#89f3c5}
/* The original SVG now has clearer phase-specific acting without growing the row. */
.robot-svg{filter:drop-shadow(0 2px 2px #00101da8) drop-shadow(0 0 4px #48cdf038)}
.robot .robot-aura{transition:opacity .22s ease}
.robot[data-phase="TRAVEL"] .robot-aura{opacity:.12}
.robot[data-phase="DIALING"] .robot-aura{opacity:.31;fill:#56cafa}
.robot[data-phase="RINGING"] .robot-aura{opacity:.34;fill:#51d6fa}
.robot[data-phase="TALKING"]{--robot-glow:#83ffd0}
.robot[data-phase="TALKING"] .robot-aura{opacity:.54;fill:#5afbb5;filter:drop-shadow(0 0 3px #30e7a993)}
.robot[data-phase="TALKING"] .robot-svg{filter:drop-shadow(0 2px 2px #0008) drop-shadow(0 0 8px #2deca65e)}
.robot[data-phase="TALKING"] .eye{animation:v6Attentive 2.8s ease-in-out infinite}
.robot[data-phase="TALKING"] .cheek{opacity:.64}
.robot[data-phase="TALKING"] .voice-bars{opacity:.98}
.robot[data-phase="DIALING"] .phone-arm{animation:pickPhone .8s cubic-bezier(.21,.66,.33,1.02) 1 both}
.robot[data-phase="DIALING"] .eye{transform:scaleY(.89)}
.robot[data-phase="RINGING"] .eye{animation:v6Expectant 2.6s ease-in-out infinite}
.robot[data-phase="RINGING"] .ring-waves{animation:wave 1.32s ease-in-out infinite}
.robot[data-phase="ENDING"] .robot-face{animation:finishNod .65s ease-in-out}
.robot[data-phase="ENDING"] .phone-arm{transform:rotate(38deg);animation:putPhone .8s ease-out 1 both}
.robot[data-phase="ENDING"] .ring-waves{opacity:0}
.robot[data-phase="TRAVEL"] .phone-arm{animation:none;transform:rotate(48deg)!important}
.robot[data-phase="POST"] .ring-waves{opacity:0}
.robot[data-phase="POST"] .robot-id{border-color:#3f8f7a;color:#c1f5dc}
.robot[data-phase="TALKING"] .robot-id{border-color:#52d4a5;color:#dcffe8;box-shadow:0 0 11px #44efaa57}
@keyframes v6Attentive{0%,42%,48%,100%{transform:scaleY(1)}45%{transform:scaleY(.16)}}
@keyframes v6Expectant{0%,100%{transform:translateY(0)}45%{transform:translateY(-.65px)}}
/* Tooltips: single dark layer, never overlap a native title from a dynamic button. */
.monitor-tooltip{background:linear-gradient(150deg,#193c52,#0b273c);border:1px solid #40718a;color:#e7faff;box-shadow:0 15px 38px #000b,inset 0 1px #c5fcff16;max-width:min(310px,calc(100vw - 20px));font-size:11px}
.monitor-tooltip::after{background:#102c40;border-color:#40718a}
.table-foot{color:#819eb3}.foot-action{color:#86aabe}.foot-action span{color:#c1e5f2}
@media(max-width:1330px){.topbar{gap:8px;padding:0 14px}.main-nav{gap:0}.nav-tab{font-size:10px;padding:0 9px}}
@media(max-width:1000px){.topbar{flex-wrap:wrap;padding:0 13px}.main-nav{order:2;flex:1 1 100%;height:41px;justify-content:space-around;border-top:1px solid #285067;overflow-x:auto;min-width:0}.top-right{height:42px;margin-left:auto}.nav-tab{min-width:120px;flex:1}}
@media(max-width:520px){.nav-tab{min-width:112px}.topbar{gap:0}.top-right{height:40px}.robot-svg{filter:drop-shadow(0 0 2px #40cdf036)}}
.reduced-motion .robot[data-phase="TALKING"] .eye,.reduced-motion .robot[data-phase="RINGING"] .eye{animation:none!important}
@media(prefers-reduced-motion:reduce){.robot[data-phase="TALKING"] .eye,.robot[data-phase="RINGING"] .eye{animation:none!important}}

@media(max-width:1000px){.v6-result-hint{display:none}}

/* ===============================================================
   VALTUM MONITOR V7 — polimento pontual sobre o acabamento da V6.
   Identidade do operador sem cartões; telefone e tabulação separados.
   =============================================================== */
.statusbar{gap:14px;padding:0 5px;min-height:40px;height:40px}
.status-item{font-size:11px}
.status-split{margin-left:0;margin-right:0;background:#355267a6}
.operator-identity{gap:9px;color:#e0f4fc;min-width:0;padding:3px 9px 3px 7px;border:1px solid #2b52667a;border-radius:7px;background:#16374b75;white-space:nowrap}
.operator-mark{height:15px;width:15px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #5ce4e35e;border-radius:50%;background:#173e54;color:#6ae6e7;font-size:10px;line-height:1}
#operatorName{font-size:11px;font-weight:750;color:#e9f9ff;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.operator-ramal{font-size:10px;color:#89b3cb;border-left:1px solid #406078;padding-left:9px}
.operator-ramal strong{font-size:10px!important;color:#aee8ff!important;font-weight:780!important}
.operator-state{font-size:10px;color:#9eeac6;border:1px solid #4be1a54b;background:#25ab7533;padding:3px 7px;border-radius:4px;font-weight:700}
.operator-state[data-phase="POST"]{color:#ffd799;border-color:#c9964766;background:#98651c30}
.operator-state[data-phase="COOLDOWN"]{color:#9acbe1;border-color:#579fbc55;background:#23557440}
.operator-state[data-phase="ROUND"]{color:#98ddff;border-color:#50bcf055;background:#1973a440}
.operator-state[data-phase="TALK"]{color:#a4ffce;border-color:#50e5a56b;background:#208b5b45;box-shadow:inset 0 0 11px #38e3a217}
/* A tabulação NÃO colore mais uma linha como se a ligação continuasse. */
.queue-table tbody tr.row-post{background:linear-gradient(91deg,#352d27,#403626 48%,#272d36);box-shadow:inset 3px 0 #dcaa5f,inset 0 0 24px #dea64d17}
.call-status.s-post{color:#f5cd90;font-weight:730}.call-status.s-post .s-dot{background:#e4ae60;box-shadow:0 0 7px #e4ae604d}
.queue-table tbody tr.row-talk{background:linear-gradient(91deg,#10503b 0%,#17664b 43%,#0d483a 100%);box-shadow:inset 3px 0 #65ffc2,inset 0 1px #77ffc527,inset 0 -1px #58eeaa25,inset 0 0 48px #36ffc12c}
.queue-table tbody tr.row-ring{background:linear-gradient(91deg,#10334c,#154864 49%,#112f49);box-shadow:inset 3px 0 #60d6ff,inset 0 0 33px #29c8fb18}
.queue-table tbody tr.row-dial{background:linear-gradient(91deg,#112e4a,#17405b 49%,#102c48);box-shadow:inset 3px 0 #62aafa,inset 0 0 28px #35b4f11b}
.result-tag.res-answer{color:#90ffd0}.result-tag.res-answer::before{background:#5effba;box-shadow:0 0 7px #4dffc189}
/* A imagem SVG é a mesma da V6, com poses melhor diferenciadas. */
.robot[data-phase="DIALING"] .phone-arm{transform-origin:38px 30px;animation:v7Pickup .95s cubic-bezier(.19,.82,.31,1.02) 1 both}
.robot[data-phase="RINGING"] .phone-arm{transform-origin:38px 30px;animation:v7Ringing 1.5s ease-in-out infinite}
.robot[data-phase="TALKING"] .phone-arm{transform-origin:38px 30px;transform:rotate(-30deg);animation:none}
.robot[data-phase="TRAVEL"] .phone-arm{transform-origin:38px 30px;animation:none!important;transform:rotate(46deg)!important}
.robot[data-phase="TALKING"] .eye{animation:v7Blink 3.4s ease-in-out infinite}
.robot[data-phase="TALKING"] .voice-bars{animation:v7Speech .72s ease-in-out infinite alternate;opacity:1}
.robot[data-phase="TALKING"] .cheek{opacity:.68}
.robot[data-phase="RINGING"] .ring-waves{animation:wave 1.25s ease-in-out infinite}
.robot[data-phase="RINGING"] .brow{opacity:.93}
.robot[data-phase="ENDING"] .robot-face{animation:finishNod .7s ease-in-out 1}
.robot[data-phase="ENDING"] .phone-arm{transform-origin:38px 30px;animation:v7Hangup .85s ease-out 1 both}
.robot[data-phase="ENDING"] .ring-waves{opacity:0}
.robot[data-phase="IDLE"] .phone-arm{animation:none;transform:rotate(44deg)}
@keyframes v7Pickup{0%{transform:rotate(48deg)}65%{transform:rotate(-36deg)}100%{transform:rotate(-30deg)}}
@keyframes v7Ringing{0%,100%{transform:rotate(-30deg)}50%{transform:rotate(-26deg)}}
@keyframes v7Hangup{0%{transform:rotate(-30deg)}100%{transform:rotate(45deg)}}
@keyframes v7Blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.21)}}
@keyframes v7Speech{0%,100%{transform:scaleY(.65)}45%{transform:scaleY(1.16)}70%{transform:scaleY(.78)}}
.campaign-picker{min-width:300px;max-width:380px}
.main-nav{max-width:1230px}
.control-button.primary-control{box-shadow:inset 0 1px #affaff1b,0 4px 12px #0003}
.statusbar .minor-link{flex-shrink:0}
@media(max-width:1460px){.statusbar{gap:10px}.operator-identity{gap:6px;padding-left:5px;padding-right:5px}.operator-ramal{padding-left:6px}#operatorName{max-width:118px}.status-item{font-size:10px}}
@media(max-width:1190px){.statusbar .desktop-only{display:none}.operator-state{padding:3px 5px}.statusbar{gap:12px}}
@media(max-width:780px){.statusbar{height:auto;min-height:66px;flex-wrap:wrap;gap:6px 11px;padding:2px 4px}.status-split{display:none}.operator-identity{order:0;flex:0 0 auto;max-width:100%}.status-spacer{display:none}.statusbar .minor-link{margin-left:auto}.status-item{font-size:10px}}
@media(max-width:520px){.operator-identity{flex:1 1 100%;width:max-content}.statusbar .minor-link{font-size:9px}}
.reduced-motion .robot[data-phase="DIALING"] .phone-arm{animation:none!important;transform:rotate(-30deg)}
.reduced-motion .robot[data-phase="RINGING"] .phone-arm{animation:none!important;transform:rotate(-30deg)}
.reduced-motion .robot[data-phase="ENDING"] .phone-arm{animation:none!important;transform:rotate(45deg)}
.reduced-motion .robot[data-phase="TALKING"] .eye,.reduced-motion .robot[data-phase="TALKING"] .voice-bars{animation:none!important}
@media(prefers-reduced-motion:reduce){.robot[data-phase="DIALING"] .phone-arm,.robot[data-phase="RINGING"] .phone-arm,.robot[data-phase="ENDING"] .phone-arm,.robot[data-phase="TALKING"] .voice-bars{animation:none!important}}

/* V8 — uma fila, duas modalidades. Os canais da URA são independentes. */
#operatorIdentity[hidden],#uraIdentity[hidden]{display:none!important}
.operation-type{font-size:10px!important;line-height:1;font-weight:780;color:#91d9fd;padding:6px 9px;border:1px solid #33627c;border-radius:5px;background:linear-gradient(135deg,#133e58,#112f48);letter-spacing:.06px}
.operation-type--ura{color:#e0e6ef;border-color:#66798f;background:linear-gradient(135deg,#334153,#1b2e41)}
.ura-identity{font-size:10px!important;color:#c1d1df;letter-spacing:.1px}
.queue-table tbody tr.row-talk{background:linear-gradient(91deg,#10503b 0%,#17664b 43%,#0d483a 100%);box-shadow:inset 3px 0 #65ffc2,inset 0 1px #77ffc527,inset 0 -1px #58eeaa25,inset 0 0 48px #36ffc12c}
.robot-bubble{position:absolute;top:-7px;left:55%;display:flex;align-items:center;justify-content:center;gap:2px;width:28px;height:17px;border-radius:8px 8px 8px 2px;border:1px solid #6ae4d9;background:linear-gradient(145deg,#154a58,#153749);box-shadow:0 4px 12px #031421ad,0 0 8px #1bdaba21;opacity:0;transform:translateY(3px) scale(.92);transition:opacity .18s,transform .18s;pointer-events:none;z-index:10}
.robot-bubble i{display:block;width:3px;height:3px;border-radius:50%;background:#bafdee;animation:v8Bubble 1.05s ease-in-out infinite;opacity:.7}
.robot-bubble i:nth-child(2){animation-delay:.17s}
.robot-bubble i:nth-child(3){animation-delay:.34s}
.robot[data-phase="TALKING"] .robot-bubble,.robot.robot--ura[data-phase="AUDIO"] .robot-bubble,.robot.robot--ura[data-phase="INTERACT"] .robot-bubble{opacity:1;transform:translateY(0) scale(1)}
@keyframes v8Bubble{0%,60%,100%{opacity:.38;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
/* Robô B: mesma geometria, caráter prata/grafite, sem turquesa nem violeta. */
.robot .ura-audio-icon{display:none}
.robot--ura .ura-audio-icon{display:block}
.robot--ura{--robot-glow:#d3dbe5!important}
.robot--ura .robot-svg{filter:grayscale(.78) saturate(.6) drop-shadow(0 2px 2px #0009) drop-shadow(0 0 4px #e2eaf129)}
.robot--ura .robot-id{background:linear-gradient(180deg,#3d5066,#243747);border-color:#829ab0;color:#f1f7fd;box-shadow:inset 0 1px #fff2}
.robot--ura .robot-aura{fill:#dbe5f0!important}
.robot--ura .ring-waves{stroke:#dce8ef!important}
.robot--ura .robot-bubble{border-color:#8295ab;background:linear-gradient(150deg,#364759,#263749);box-shadow:0 4px 12px #00101aad,0 0 9px #b6c9db1b}
.robot--ura .robot-bubble i{background:#f0f5ff}
.robot--ura[data-phase="AUDIO"] .eye,.robot--ura[data-phase="INTERACT"] .eye{animation:v7Blink 3.1s ease-in-out infinite}
.robot--ura[data-phase="AUDIO"] .voice-bars,.robot--ura[data-phase="INTERACT"] .voice-bars{opacity:.92;animation:v7Speech .84s ease-in-out infinite alternate}
.robot--ura[data-phase="AUDIO"] .mouth,.robot--ura[data-phase="INTERACT"] .mouth{opacity:0}
.robot--ura[data-phase="AUDIO"] .phone-arm,.robot--ura[data-phase="INTERACT"] .phone-arm{transform-origin:38px 30px;animation:none;transform:rotate(-30deg)}
.robot--ura[data-phase="AUDIO"] .robot-aura,.robot--ura[data-phase="INTERACT"] .robot-aura{opacity:.45}
.robot--ura[data-phase="AUDIO"] .robot-id,.robot--ura[data-phase="INTERACT"] .robot-id{border-color:#d4dfe9;background:#43586a;color:#fff;box-shadow:0 0 12px #c0d4e135}
.robot--ura[data-phase="AUDIO"] .chest-light,.robot--ura[data-phase="INTERACT"] .chest-light{fill:#eff7ff}
.robot--ura[data-phase="AUDIO"]::before,.robot--ura[data-phase="INTERACT"]::before{background:radial-gradient(ellipse,#b8d1eb2e 0%,transparent 73%)}
.robot--ura[data-phase="RINGING"]::before{background:radial-gradient(ellipse,#a8c3d925 0%,transparent 73%)}
/* Sem cortes nem sobreposição dos balões com as células de texto. */
@media(max-width:780px){.robot-bubble{width:23px;height:15px;left:54%;top:-4px}.robot-bubble i{width:2px;height:2px}.operation-type{font-size:9px!important}.ura-identity{font-size:9px!important}}
@media(max-width:520px){.robot-bubble{top:-3px;left:56%;width:19px;height:14px;gap:1px}}
.reduced-motion .robot-bubble i{animation:none!important;opacity:1}
.reduced-motion .robot--ura[data-phase="AUDIO"] .eye,.reduced-motion .robot--ura[data-phase="INTERACT"] .eye,.reduced-motion .robot--ura[data-phase="AUDIO"] .voice-bars,.reduced-motion .robot--ura[data-phase="INTERACT"] .voice-bars{animation:none!important}
@media(prefers-reduced-motion:reduce){.robot-bubble i,.robot--ura[data-phase="AUDIO"] .eye,.robot--ura[data-phase="INTERACT"] .eye,.robot--ura[data-phase="AUDIO"] .voice-bars,.robot--ura[data-phase="INTERACT"] .voice-bars{animation:none!important}}

/* =======================================================================
   VALTUM MONITOR V8 — REVISÃO VISUAL PONTUAL (sem alterações de simulação)
   Balão off-white compartilhado + identidade vetorial prata do Robô B.
   Os Robôs A, o layout e a lógica permanecem os mesmos da V8 original.
   ======================================================================= */
/* Duas geometrias SVG na mesma instância: a arte A original permanece intacta. */
.robot-svg>.robot-b-design{display:none}
.robot--ura .robot-svg>.robot-a-design{display:none}
.robot--ura .robot-svg>.robot-b-design{display:inline}
/* Em vez de dessaturar a arte A, renderizar B com metal e visor próprios. */
.robot--ura .robot-svg{
 filter:drop-shadow(0 2px 2px #020913c5) drop-shadow(0 0 3.5px #dfeafa66);
}
.robot--ura .robot-id{
 background:linear-gradient(145deg,#526d87,#263d55 80%);
 border-color:#9bb1c4;color:#f5f9ff;
 box-shadow:inset 0 1px 0 #ffffff42,0 0 7px #c0d5eb2b;
}
.robot--ura .robot-b-design .eye{filter:drop-shadow(0 0 1.3px #f6f9ffb5)}
.robot--ura .robot-b-design .visor-shine{opacity:.85}
.robot--ura .robot-b-design .chest-light{filter:drop-shadow(0 0 2.3px #e0eaff)}
.robot--ura[data-phase="AUDIO"] .robot-svg,
.robot--ura[data-phase="INTERACT"] .robot-svg{
 filter:drop-shadow(0 2px 2px #020a16a9) drop-shadow(0 0 6px #e0efff69);
}
/* Um único balão, contrastante em A e B. O estado da V8 continua controlando a visibilidade. */
.robot .robot-bubble,
.robot.robot--ura .robot-bubble{
 top:-6px;left:60%;width:34px;height:18px;gap:3px;
 border:1px solid #f5f5f1;
 border-radius:8px 8px 8px 3px;
 background:linear-gradient(150deg,#fffefa 0%,#f4f4f1 58%,#e8edf1 100%);
 box-shadow:0 3px 7px #020e1a99,0 0 0 1px #0f263a1f,inset 0 1px 0 #ffffff;
 opacity:0;
 transform:translateY(3px) scale(.93);
 transition:opacity .18s ease-out,transform .18s ease-out;
 z-index:8;
}
.robot .robot-bubble::after{
 content:"";position:absolute;left:-3px;bottom:4px;width:5px;height:5px;
 transform:rotate(45deg);background:#eef0ef;
 border-bottom:1px solid #f4f5f2;border-right:1px solid #f4f5f2;
}
.robot .robot-bubble i,
.robot.robot--ura .robot-bubble i{
 width:4px;height:4px;background:#1b3450;opacity:.8;
 box-shadow:0 0 .5px #11253a3b;
 animation:v8Bubble 1.08s ease-in-out infinite;
}
.robot .robot-bubble i:nth-child(2){animation-delay:.18s}
.robot .robot-bubble i:nth-child(3){animation-delay:.36s}
.robot[data-phase="TALKING"] .robot-bubble,
.robot.robot--ura[data-phase="AUDIO"] .robot-bubble,
.robot.robot--ura[data-phase="INTERACT"] .robot-bubble{
 opacity:1;transform:translateY(0) scale(1);
}
/* Em colunas estreitas, manter o balão claro e legível. */
@media(max-width:1100px){
 .robot .robot-bubble,.robot.robot--ura .robot-bubble{width:30px;height:17px;left:56%;top:-5px;gap:2.5px}
 .robot .robot-bubble i,.robot.robot--ura .robot-bubble i{width:3.5px;height:3.5px}
}
@media(max-width:780px){
 .robot .robot-bubble,.robot.robot--ura .robot-bubble{width:27px;height:16px;top:-4px;left:55%;gap:2px}
 .robot .robot-bubble i,.robot.robot--ura .robot-bubble i{width:3px;height:3px}
}
@media(max-width:520px){
 .robot .robot-bubble,.robot.robot--ura .robot-bubble{width:23px;height:15px;top:-4px;left:56%;gap:1.6px}
 .robot .robot-bubble i,.robot.robot--ura .robot-bubble i{width:2.8px;height:2.8px}
}
.reduced-motion .robot .robot-bubble i{animation:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){.robot .robot-bubble i{animation:none!important;opacity:1}}

/* Virtualização estritamente para bases fictícias >250; geometria equivalente à tabela. */
.queue-table tbody tr.virtual-spacer{transition:none!important;background:#0d2236!important;box-shadow:none!important}
.queue-table tbody tr.virtual-spacer td{padding:0!important;border:0!important;max-height:none;min-height:0;background:#0d2236!important}
.queue-table tbody tr:not([class])[data-parity="even"]{background:#0f263a}