/* 1.4.193 - Tela do operador: nada rola a página; esquerda = agendamentos, direita = contato; barra do webphone fixa no rodapé. */
.cp-content:has(.attendance-screen){display:flex;flex-direction:column}
.cp-content:has(.attendance-screen)>.att-viewbar{order:1;flex:none}
.cp-content:has(.attendance-screen)>#operator-agenda-host{order:2;flex:1;min-height:0;display:none}
.cp-content:has(.attendance-screen)>.attendance-screen{order:2}
.cp-content:has(.attendance-screen)>#operator-voice-host{order:3;flex:none;max-height:none;overflow:visible;position:relative;z-index:4}
.cp-content[data-op-view="agenda"]>#operator-agenda-host{display:block}
.cp-content[data-op-view="agenda"]>.attendance-screen{display:none}
/* abas */
.att-viewbar{display:flex;gap:6px;padding:10px 20px 0;background:#fff;border-bottom:1px solid #eeeafa}.att-viewbar[hidden]{display:none!important}
.att-viewbar button{display:inline-flex;align-items:center;gap:8px;border:0;border-bottom:3px solid transparent;background:transparent;padding:9px 16px;color:#8a80a3;font:800 12px Inter,system-ui,sans-serif;cursor:pointer}
.att-viewbar button.active{color:#5a20a5;border-bottom-color:#6a3df0}.att-viewbar button:focus-visible{outline:3px solid #bf9edc;outline-offset:-3px}
.att-viewbadge{min-width:20px;padding:1px 7px;border-radius:99px;color:#fff;font-size:10px;text-align:center}.att-viewbadge.new{background:#d64545;animation:op-pulse 1.4s ease-in-out infinite}.att-viewbadge.due{background:#e0a63c}
@keyframes op-pulse{50%{transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.att-viewbadge.new{animation:none}}
/* área de agendamentos */
.op-agenda-host{background:#f6f3fa;padding:16px 20px;overflow:hidden;position:relative}
.op-agenda-host>.cop-dialer{margin:0;padding:0;border:0;height:100%}
.op-agenda-host>.cop-dialer[hidden]{display:none!important}
.op-agenda-host:has(>.cop-dialer[hidden])::before{content:attr(data-note);display:block;padding:40px 20px;text-align:center;color:#8a80a3;font-size:13px}
.cop-agenda{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:16px;height:100%;min-height:0}
.cop-agenda-list,.cop-agenda-preview{background:#fff;border:1px solid #e8dfed;border-radius:14px;padding:16px;overflow:auto;min-height:0}
.cop-agenda-list h4{margin:0 0 12px;color:#2d1a4a;font-size:14px}
.cop-agenda-empty{margin:0;color:#9a87a6;font-size:12px}
.cop-agenda-list .cop-schedule{margin:0 0 10px;padding:12px;border:1px solid #eee6f4;border-left:3px solid #8b62ad;border-radius:10px;background:#faf7fd}
.cop-agenda-list .cop-schedule+.cop-schedule{margin-top:0}
.cop-agenda-preview .cop-dialer-card{gap:14px}.cop-agenda-preview .cop-dialer-card>strong{font-size:24px;color:#2d1a4a}
.cop-agenda-preview .cop-dialer-vars{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:14px 16px}
.cop-agenda-preview .cop-manual-actions{position:sticky;bottom:-16px;margin:0 -16px -16px;padding:14px 16px;background:#fff;border-top:1px solid #f0eaf5}
.cop-agenda-preview .cop-voice-button{padding:12px 22px;font-size:12px}
/* barra do webphone */
#operator-voice-host>.cop-voice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0;padding:9px 20px;border:0;border-top:1px solid #e7ddef;border-radius:0;background:#fff;position:relative}
.cop-voice .cop-voice-heading{flex:0 1 auto;gap:10px}.cop-voice .cop-voice-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px}.cop-voice .cop-voice-icon svg{width:16px;height:16px}
.cop-voice .cop-voice-heading h3{display:none}.cop-voice .cop-voice-heading p{font-size:12px;font-weight:700;color:#5d3f73}
.cop-voice .cop-voice-call{border:0;margin:0;padding:0;flex:1 1 280px;gap:12px}.cop-voice .cop-voice-call span{margin:0}.cop-voice .cop-voice-call strong{font-size:14px}.cop-voice .cop-voice-call p{display:none}
.cop-voice .cop-voice-audio{margin:0 0 0 auto;gap:8px}.cop-voice .cop-voice-audio .cop-voice-button{min-height:34px;padding:8px 12px}
.cop-voice .cop-voice-audio input{width:110px}
.cop-voice .cop-voice-notice{margin:0;flex:1 1 100%}.cop-voice .cop-voice-recovery{margin:0!important;padding:0!important}
/* mostrador da ligação: só o visor na barra; o teclado abre ao clicar em "Teclado" */
.cop-voice .cop-phone{margin:0;max-width:none;display:flex;align-items:center;gap:12px;position:static}
.cop-voice .cop-phone-screen{grid-template-columns:auto auto;padding:6px 12px}.cop-voice .cop-phone-screen output{display:none}
.cop-voice .cop-phone .cop-phone-keypad{display:none;position:absolute;right:20px;bottom:100%;z-index:6;width:240px;padding:12px;background:#fff;border:1px solid #e1d6ee;border-radius:14px;box-shadow:0 -10px 30px rgba(90,32,165,.18)}
.cop-voice .cop-phone.open .cop-phone-keypad{display:grid}
/* ligação manual: botão na barra, formulário sobe como painel */
.cop-voice .cop-manual{margin:0;padding:0;border:0;position:static}
.cop-voice .cop-manual-form{position:absolute;left:20px;bottom:100%;z-index:6;width:min(420px,calc(100% - 40px));padding:16px;background:#fff;border:1px solid #e1d6ee;border-radius:14px;box-shadow:0 -10px 30px rgba(90,32,165,.18)}
@media(max-width:900px){.cop-agenda{grid-template-columns:1fr;grid-template-rows:minmax(120px,40%) minmax(0,1fr)}.cop-voice .cop-voice-audio{margin-left:0}}
.cop-agenda-preview .cop-dialer-card{display:flex;flex-direction:column;min-height:100%}.cop-agenda-preview .cop-dialer-card .cop-manual-actions{margin-top:auto;position:static;background:none;border:0;padding:16px 0 0;margin-left:0;margin-right:0;margin-bottom:0}
/* mudo e volume sempre à mão (mesmo sem ligação); o teclado só quando há ligação de saída */
.cop-voice .cop-voice-audio[hidden]{display:flex!important}
.cop-voice-audio [data-voice-keypad]{display:none}.cop-phone:not([hidden])~.cop-voice-audio [data-voice-keypad]{display:inline-flex}