/*
 * azcall v2 - softphone (Etapa 4). Só reveste assets/js/softphone.js (JsSIP) com os tokens da Opção C:
 * botão flutuante verde (.sp-fab do kit), painel/abas/lista em --card/--line, ações em --ok/--crit.
 * Nenhuma lógica nem id/classe do JS muda; carregado depois do softphone.css, só com <html data-v2>.
 */
html[data-v2] #azcall-softphone { font-family: var(--f-body); font-size: 13px; bottom: 24px; right: 24px; }
html[data-v2] #azcall-softphone-botao { background: var(--ok); color: #fff; box-shadow: var(--shadow-pop); }
html[data-v2] #azcall-softphone-botao:hover { background: var(--ok); filter: brightness(.92); }
html[data-v2] #azcall-softphone-botao.tocando { background: var(--ok); }
html[data-v2] #azcall-softphone-botao .material-icons { font-family: 'Material Symbols Rounded'; font-variation-settings: 'FILL' 1; }
html[data-v2] #azcall-softphone-status-dot { border-color: var(--ok); background: #fff; }
html[data-v2] #azcall-softphone-status-dot.online { background: #fff; }
html[data-v2] #azcall-softphone-status-dot.registrando { background: var(--warn); border-color: var(--warn); }
html[data-v2] #azcall-softphone-status-dot.erro { background: var(--crit); border-color: var(--crit); }

html[data-v2] #azcall-softphone-painel, html[data-v2] #azcall-softphone-tab, html[data-v2] #azcall-softphone-crm-painel {
    background: var(--card); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-pop); overflow: hidden;
}
html[data-v2] #azcall-softphone-topo { background: var(--side, #16181b); color: var(--side-strong, #f2f1ee); }
html[data-v2] #azcall-softphone-topo .azcall-softphone-ramal { font-family: var(--f-display); font-weight: 600; }
html[data-v2] #azcall-softphone-topo .azcall-softphone-situacao { color: var(--gold-2); }
html[data-v2] #azcall-softphone-topo .material-icons { font-family: 'Material Symbols Rounded'; }
html[data-v2] #azcall-softphone-auto-atender-linha { background: var(--line-2); border-bottom: 1px solid var(--line); color: var(--ink-2); }
html[data-v2] .azcall-softphone-switch .azcall-softphone-slider { background: var(--line); }
html[data-v2] .azcall-softphone-switch input:checked + .azcall-softphone-slider { background: var(--ok); }

html[data-v2] #azcall-softphone-abas { border-bottom: 1px solid var(--line); }
html[data-v2] #azcall-softphone-abas button { color: var(--muted); font-family: var(--f-body); font-weight: 500; }
html[data-v2] #azcall-softphone-abas button:hover { color: var(--ink); }
html[data-v2] #azcall-softphone-abas button.ativa { color: var(--ink); border-bottom-color: var(--gold); }

html[data-v2] #azcall-softphone-numero { background: var(--card); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r-sm); font-family: var(--f-display); }
html[data-v2] #azcall-softphone-numero:focus { border-color: var(--gold); box-shadow: var(--v2-ring, 0 0 0 3px var(--gold-soft)); outline: 0; }
html[data-v2] #azcall-softphone-dialpad button { background: var(--line-2); color: var(--ink); border-radius: var(--r-sm); font-family: var(--f-display); font-weight: 600; }
html[data-v2] #azcall-softphone-dialpad button:hover { background: var(--hover); }
html[data-v2] #azcall-softphone-dialpad button small { color: var(--subtle); }

html[data-v2] #azcall-softphone-acoes button { border-radius: var(--r-sm); background: var(--line-2); color: var(--ink-2); }
html[data-v2] #azcall-softphone-acoes button .material-icons, html[data-v2] #azcall-softphone .material-icons { font-family: 'Material Symbols Rounded'; }
html[data-v2] #azcall-softphone-acoes #azcall-softphone-chamar, html[data-v2] #azcall-softphone-incoming-acoes #azcall-softphone-atender { background: var(--ok); color: #fff; }
html[data-v2] #azcall-softphone-acoes #azcall-softphone-chamar:hover, html[data-v2] #azcall-softphone-incoming-acoes #azcall-softphone-atender:hover { background: var(--ok); filter: brightness(.92); }
html[data-v2] #azcall-softphone-acoes #azcall-softphone-desligar, html[data-v2] #azcall-softphone-incoming-acoes #azcall-softphone-rejeitar, html[data-v2] #azcall-softphone-acoes #azcall-softphone-mudo.ativo { background: var(--crit) !important; color: #fff; }
html[data-v2] #azcall-softphone-acoes #azcall-softphone-desligar:hover { background: var(--crit); filter: brightness(.92); }
html[data-v2] #azcall-softphone-acoes button.ativo:not(#azcall-softphone-mudo) { background: var(--warn); color: #fff; }

html[data-v2] #azcall-softphone-em-chamada { background: var(--line-2); border-radius: var(--r); }
html[data-v2] #azcall-softphone-em-chamada .azcall-softphone-remoto { color: var(--ink); font-family: var(--f-display); }
html[data-v2] #azcall-softphone-em-chamada .azcall-softphone-timer { color: var(--muted); font-variant-numeric: tabular-nums; }
html[data-v2] #azcall-softphone-incoming { background: var(--warn-soft); border-radius: var(--r); }
html[data-v2] #azcall-softphone-incoming .azcall-softphone-de { color: var(--ink); font-family: var(--f-display); }
html[data-v2] #azcall-softphone-incoming-info, html[data-v2] #azcall-softphone-em-chamada-info {
    background: var(--info-soft); border-left: 4px solid var(--info); color: var(--ink-2); border-radius: var(--r-sm);
}
html[data-v2] .azcall-inb-nome { color: var(--ink); } html[data-v2] .azcall-inb-tel { color: var(--ink-2); }
html[data-v2] .azcall-inb-crm { color: var(--ok); } html[data-v2] .azcall-inb-crm.azcall-inb-novo { color: var(--warn); }
html[data-v2] .azcall-inb-protocolo { color: var(--subtle); }

html[data-v2] .azcall-softphone-lista-vazio { color: var(--subtle); }
html[data-v2] .azcall-softphone-item-registro, html[data-v2] .azcall-softphone-item-contato { border-bottom-color: var(--line-2); }
html[data-v2] .azcall-softphone-item-texto .azcall-softphone-item-numero { color: var(--ink); }
html[data-v2] .azcall-softphone-item-texto .azcall-softphone-item-detalhe { color: var(--subtle); }
html[data-v2] .azcall-softphone-item-registro .material-icons.entrada { color: var(--ok); }
html[data-v2] .azcall-softphone-item-registro .material-icons.saida { color: var(--info); }
html[data-v2] .azcall-softphone-item-registro .material-icons.perdida { color: var(--crit); }
html[data-v2] .azcall-softphone-item-registro button, html[data-v2] .azcall-softphone-item-contato button { background: var(--ok-soft); color: var(--ok); }
html[data-v2] .azcall-softphone-item-registro button .material-icons, html[data-v2] .azcall-softphone-item-contato button .material-icons { color: var(--ok); }
html[data-v2] .azcall-softphone-volume-linha .material-icons { color: var(--subtle); }
html[data-v2] .azcall-softphone-volume-linha input[type="range"] { accent-color: var(--gold); }

html[data-v2] #azcall-softphone-crm-painel .azcall-crm-topo { background: var(--side, #16181b); color: var(--side-strong, #f2f1ee); }
html[data-v2] #azcall-softphone-tab .azcall-tab-topo { background: var(--gold); color: #fff; font-family: var(--f-display); }
html[data-v2] #azcall-softphone-tab select, html[data-v2] #azcall-softphone-tab input { background: var(--card); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r-sm); }
html[data-v2] #azcall-softphone-tab .azcall-tab-erro { color: var(--crit); }
html[data-v2] #azcall-softphone-tab .azcall-tab-acoes button { background: var(--line-2); color: var(--ink-2); border-radius: var(--r-sm); }
html[data-v2] #azcall-softphone-tab .azcall-tab-acoes button#azcall-tab-salvar { background: var(--gold); color: #fff; }