/*vr-theme-imoveis/assets/painel-computador.css*/
:root { --vri-laranja: #FE5B00; --vri-laranja-esc: #D44900; --vri-laranja-claro: #FFF1E8; --vri-tinta: #12151C; --vri-texto: #2B303B; --vri-mudo: #6B7280; --vri-linha: #E5E7EB; --vri-suave: #F5F6F8; --vri-ok: #16794C; --vri-erro: #C2362B; --vri-aviso: #B7791F; --vri-titulo: 'Plus Jakarta Sans', system-ui, sans-serif; --vri-corpo: 'Inter', system-ui, sans-serif; }
body:has(.vri-computador) { margin: 0; background: var(--vri-suave); }
html:has(.vri-computador) { margin-top: 0 !important; }
body:has(.vri-computador) #wpadminbar { display: none; }
.vri-computador { min-height: 100vh; background: var(--vri-suave); color: var(--vri-texto); font-family: var(--vri-corpo); }
.vri-computador *:focus, .vri-modal-computador *:focus, .vra *:focus { outline: none; }
.vri-computador h1, .vri-computador h2, .vri-computador h3 { font-family: var(--vri-titulo); color: var(--vri-tinta); margin: 0; }
.vri-computador a { color: inherit; text-decoration: none; }
.div-topo-computador { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 58px; padding: 0 24px; background: var(--vri-tinta); color: #fff; }
.link-topo-computador-marca { display: flex; align-items: center; gap: 10px; font-family: var(--vri-titulo); font-weight: 800; font-size: 15px; letter-spacing: 1px; color: #fff !important; }
.link-topo-computador-marca svg { color: var(--vri-laranja); }
.div-topo-computador-direita { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.link-topo-computador { font-family: var(--vri-titulo); font-weight: 700; font-size: 12px; letter-spacing: 1px; color: #fff !important; border: 1px solid #3A4153; border-radius: 8px; padding: 7px 12px; }
.link-topo-computador:hover { border-color: var(--vri-laranja); color: #FFB27F !important; }
.link-topo-computador-teste { border-color: var(--vri-laranja); color: #FFB27F !important; }
.div-abas-computador { position: sticky; top: 0; z-index: 30; display: flex; flex-wrap: wrap; gap: 4px; padding: 8px 24px; background: #fff; border-bottom: 1px solid var(--vri-linha); }
.link-aba-computador, .botao-aba-computador-grupo { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 0; border-radius: 10px; background: transparent; color: var(--vri-texto); font-family: var(--vri-titulo); font-weight: 700; font-size: 14px; cursor: pointer; }
.link-aba-computador:hover, .botao-aba-computador-grupo:hover, .div-aba-computador-grupo:hover .botao-aba-computador-grupo { background: var(--vri-laranja-claro); color: var(--vri-laranja-esc); }
.link-aba-computador.is-ativa, .div-aba-computador-grupo.is-ativa > .botao-aba-computador-grupo { background: var(--vri-laranja); color: #fff; }
.icone-aba-computador-seta { width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); margin-left: 2px; }
.div-aba-computador-grupo { position: relative; }
.div-aba-computador-submenu { position: absolute; top: 100%; left: 0; z-index: 40; display: none; min-width: 230px; padding: 6px; margin-top: 4px; background: #fff; border: 1px solid var(--vri-linha); border-radius: 12px; box-shadow: 0 10px 30px rgba(18, 21, 28, .12); }
.div-aba-computador-submenu::before { content: ''; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
.div-aba-computador-grupo:hover .div-aba-computador-submenu, .div-aba-computador-grupo:focus-within .div-aba-computador-submenu { display: block; }
.link-aba-computador-submenu { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; font-family: var(--vri-titulo); font-weight: 700; font-size: 14px; }
.link-aba-computador-submenu:hover { background: var(--vri-laranja-claro); color: var(--vri-laranja-esc); }
.link-aba-computador-submenu.is-ativa { color: var(--vri-laranja); }
.div-aviso-computador-ver-como { background: #FFF4E5; color: #8A5200; border-bottom: 1px solid #FFD9A3; padding: 8px 16px; font-size: 13px; text-align: center; }
.div-conteudo-computador { max-width: 1680px; margin: 0 auto; padding: 24px 24px 56px; }
.div-conteudo-computador > h1, .div-conteudo-computador h1 { font-size: 30px; margin-bottom: 10px; }
.texto-computador-nota { font-size: 14px; color: var(--vri-mudo); margin: 4px 0 12px; }
.texto-computador-lead { font-size: 17px; color: var(--vri-mudo); margin: 4px 0 18px; }
.titulo-computador-secao { font-size: 18px !important; margin: 22px 0 10px !important; }
.link-computador-voltar { font-weight: 600; color: var(--vri-laranja) !important; }
.botao-computador { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid var(--vri-laranja); border-radius: 10px; background: var(--vri-laranja); color: #fff; font-family: var(--vri-titulo); font-weight: 700; font-size: 13px; letter-spacing: .4px; cursor: pointer; }
.botao-computador:hover { background: var(--vri-laranja-esc); border-color: var(--vri-laranja-esc); }
.botao-computador-vazado { background: #fff; color: var(--vri-laranja); }
.botao-computador-vazado:hover { background: var(--vri-laranja-claro); color: var(--vri-laranja-esc); }
.botao-computador-perigo { background: #fff; border-color: var(--vri-erro); color: var(--vri-erro); }
.botao-computador-perigo:hover { background: #FBEAE8; border-color: var(--vri-erro); }
.div-atalhos-computador { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.link-atalho-computador { padding: 20px; background: #fff; border: 1px solid var(--vri-linha); border-radius: 14px; }
.link-atalho-computador:hover { border-color: var(--vri-laranja); box-shadow: 0 6px 24px rgba(18, 21, 28, .08); }
.link-atalho-computador h3 { font-size: 19px; color: var(--vri-laranja) !important; }
.link-atalho-computador p { margin: 6px 0 0; color: var(--vri-mudo); font-size: 14px; }
.div-kpis-computador { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; margin-bottom: 8px; }
.div-kpi-computador { display: flex; flex-direction: column; gap: 6px; padding: 18px; background: #fff; border: 1px solid var(--vri-linha); border-radius: 14px; }
.div-kpi-computador span { font-size: 12px; font-weight: 600; letter-spacing: .8px; color: var(--vri-mudo); text-transform: uppercase; }
.div-kpi-computador b { font-family: var(--vri-titulo); font-size: 28px; line-height: 1; color: var(--vri-tinta); }
.div-kpi-computador small { font-size: 12px; color: var(--vri-mudo); }
.div-kpi-computador small i { font-style: normal; font-weight: 700; }
.div-kpi-computador-destaque { background: var(--vri-laranja-claro); border-color: #FFD2B8; }
.div-kpi-computador-destaque b { color: var(--vri-laranja); }
.div-kpi-computador-alerta { background: #FFF1F0; border-color: #F6C4BF; }
.div-kpi-computador-alerta b { color: #C0392B; }
.div-alertas-computador { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; margin: 18px 0; }
.div-alertas-computador section { padding: 16px; background: #fff; border: 1px solid var(--vri-linha); border-radius: 14px; }
.div-alertas-computador h3 { font-size: 16px; margin-bottom: 8px; }
.div-alertas-computador a { display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--vri-laranja) !important; }
.lista-computador-alerta { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.lista-computador-alerta li { display: flex; flex-direction: column; gap: 2px; padding-bottom: 8px; font-size: 14px; border-bottom: 1px solid var(--vri-linha); }
.lista-computador-alerta li:last-child { border-bottom: 0; }
.lista-computador-alerta li span, .item-lista-computador-vazio { color: var(--vri-mudo); }
.div-crud-computador-barra { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 6px 0 12px; }
.div-crud-computador-barra-esquerda, .div-crud-computador-filtros, .div-crud-computador-barra-direita { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.input-crud-computador-busca, .select-crud-computador-filtro { min-height: 40px; padding: 0 12px; background: #fff; color: var(--vri-tinta); border: 1px solid #D5D9E0; border-radius: 10px; font: inherit; font-size: 14px; }
.input-crud-computador-busca { width: 340px; max-width: 100%; }
.input-crud-computador-busca:focus, .select-crud-computador-filtro:focus { border-color: var(--vri-laranja); }
.div-crud-computador .vr-table { background: #fff; }
.div-crud-computador .vr-table tbody tr { cursor: pointer; }
.linha-tabela-computador-inativa td { color: var(--vri-mudo); }
.imagem-tabela-computador-capa { display: block; width: 60px; height: 44px; object-fit: cover; border-radius: 6px; }
.div-tabela-computador-acoes { display: inline-flex; align-items: center; justify-content: flex-end; gap: 2px; }
.icone-tabela-computador, .icone-tabela-computador-estrela { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 0; background: none; color: var(--vri-mudo); cursor: pointer; }
.icone-tabela-computador:hover { color: var(--vri-laranja); }
.icone-tabela-computador-perigo:hover { color: var(--vri-erro); }
.icone-tabela-computador-estrela { font-size: 20px; line-height: 1; color: #CBD0D9; }
.icone-tabela-computador-estrela.is-ligada { color: var(--vri-laranja); }
.selo-computador-situacao { font-weight: 600; }
.selo-computador-situacao-novo, .selo-computador-situacao-reservado, .selo-computador-situacao-em_atendimento, .selo-computador-situacao-aberto, .selo-computador-situacao-pendente, .selo-computador-situacao-agendada, .selo-computador-situacao-aberta, .selo-computador-situacao-andamento, .selo-computador-situacao-contato, .selo-computador-situacao-visita, .selo-computador-situacao-proposta, .selo-computador-situacao-negociacao, .selo-computador-situacao-enviado, .selo-computador-situacao-fila { color: var(--vri-aviso); }
.selo-computador-situacao-disponivel, .selo-computador-situacao-concluido, .selo-computador-situacao-pago, .selo-computador-situacao-repassado, .selo-computador-situacao-ativo, .selo-computador-situacao-fechado, .selo-computador-situacao-realizada, .selo-computador-situacao-concluida, .selo-computador-situacao-assinado, .selo-computador-situacao-enviada, .selo-computador-situacao-entregue, .selo-computador-situacao-lida { color: var(--vri-ok); }
.selo-computador-situacao-atrasada, .selo-computador-situacao-perdido, .selo-computador-situacao-rescindido, .selo-computador-situacao-faltou, .selo-computador-situacao-cancelado, .selo-computador-situacao-cancelada, .selo-computador-situacao-erro { color: #C0392B; }
.selo-computador-situacao-vendido, .selo-computador-situacao-descartado, .selo-computador-situacao-encerrado, .selo-computador-situacao-rascunho, .selo-computador-situacao-ignorada { color: var(--vri-mudo); }
.div-formulario-computador { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: start; }
.div-formulario-computador-caixa { padding: 22px; background: #fff; border: 1px solid var(--vri-linha); border-radius: 16px; }
.div-formulario-computador h3 { font-family: var(--vri-titulo); font-size: 18px; color: var(--vri-tinta); margin: 4px 0 0; }
.campo-formulario-computador { grid-column: span 2; display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 13px; font-weight: 500; color: var(--vri-mudo); }
.campo-formulario-computador-largo { grid-column: 1 / -1; }
.campo-formulario-computador-curto { grid-column: span 1; }
.div-formulario-computador input:not([type=checkbox]):not([type=file]), .div-formulario-computador select, .div-formulario-computador textarea { width: 100%; box-sizing: border-box; min-height: 42px; padding: 8px 12px; background: #fff; color: var(--vri-tinta); border: 1px solid #D5D9E0; border-radius: 10px; font: inherit; font-size: 15px; }
.div-formulario-computador textarea { resize: vertical; }
.div-formulario-computador input:focus, .div-formulario-computador select:focus, .div-formulario-computador textarea:focus { border-color: var(--vri-laranja); }
.campo-formulario-computador-check { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--vri-texto); cursor: pointer; }
.campo-formulario-computador-check-curto { grid-column: span 1; }
.campo-formulario-computador-check input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--vri-laranja); }
.titulo-formulario-computador { grid-column: 1 / -1; margin: 8px 0 -4px; font-size: 13px; letter-spacing: .8px; text-transform: uppercase; color: var(--vri-laranja); }
.texto-formulario-computador-rotulo { font-size: 13px; font-weight: 600; color: var(--vri-mudo); }
.div-formulario-computador-acoes { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px; }
.div-fotos-computador-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; margin: 4px 0 10px; }
.div-foto-computador { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border: 2px solid transparent; border-radius: 10px; background: var(--vri-suave); }
.div-foto-computador-capa { border-color: var(--vri-laranja); }
.div-foto-computador img { width: 100%; height: 100%; object-fit: cover; }
.selo-foto-computador-capa { position: absolute; left: 6px; top: 6px; padding: 2px 8px; border-radius: 999px; background: var(--vri-laranja); color: #fff; font-size: 11px; font-weight: 700; }
.div-foto-computador-acoes { position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; gap: 4px; padding: 6px; background: linear-gradient(transparent, rgba(0, 0, 0, .7)); }
.div-foto-computador-acoes button { width: 28px; height: 28px; padding: 0; border: 0; border-radius: 6px; background: rgba(255, 255, 255, .92); color: var(--vri-tinta); font-size: 14px; line-height: 1; cursor: pointer; }
.div-foto-computador-acoes button:hover { background: var(--vri-laranja); color: #fff; }
.botao-fotos-computador-adicionar { justify-self: start; width: max-content; }
.div-ver-computador-fotos { display: flex; gap: 8px; overflow-x: auto; margin-bottom: 14px; }
.div-ver-computador-fotos img { width: 150px; height: 110px; object-fit: cover; border-radius: 10px; flex: 0 0 auto; }
.div-ver-computador-grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 18px; }
.div-ver-computador-campo small { display: block; margin-bottom: 3px; font-size: 11px; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; color: var(--vri-mudo); }
.div-ver-computador-campo div { font-size: 15px; color: var(--vri-tinta); word-break: break-word; white-space: pre-wrap; }
.div-ver-computador-campo-largo { grid-column: 1 / -1; }
.div-ver-computador-campo a { color: var(--vri-laranja); }
.div-abas-computador-pagina { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 14px; }
.botao-aba-computador-pagina { min-height: 40px; padding: 0 18px; background: #fff; color: var(--vri-texto); border: 1px solid var(--vri-linha); border-radius: 10px; font-family: var(--vri-titulo); font-weight: 700; font-size: 14px; cursor: pointer; }
.botao-aba-computador-pagina.is-ativa { background: var(--vri-laranja); color: #fff; border-color: var(--vri-laranja); }
.div-whatsapp-computador-automacao { margin: 0 0 12px; padding: 12px 14px; border: 1px solid var(--vri-linha); border-radius: 10px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.div-whatsapp-computador-automacao legend { padding: 0 6px; font-weight: 700; color: var(--vri-tinta); }
.div-whatsapp-computador-automacao input:not([type=checkbox]), .div-whatsapp-computador-automacao textarea { width: 100%; box-sizing: border-box; min-height: 40px; padding: 8px 12px; border: 1px solid #D5D9E0; border-radius: 10px; font: inherit; font-size: 14px; }
.div-whatsapp-computador-automacao .texto-computador-nota { grid-column: 1 / -1; margin: 0; }
.div-relatorios-computador-filtros { padding: 18px; margin-bottom: 14px; background: #fff; border: 1px solid var(--vri-linha); border-radius: 14px; align-items: end; }
.div-relatorios-computador-filtros .campo-formulario-computador { grid-column: span 1; }
.div-relatorios-computador-filtros .campo-formulario-computador-largo { grid-column: span 4; }
.div-relatorios-computador-barra { display: flex; gap: 8px; margin-bottom: 12px; }
.div-relatorios-computador-totais { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 12px 0; }
.div-relatorios-computador-totais dt { font-size: 12px; letter-spacing: .8px; text-transform: uppercase; color: var(--vri-mudo); }
.div-relatorios-computador-totais dd { margin: 0; font-family: var(--vri-titulo); font-weight: 700; font-size: 20px; color: var(--vri-tinta); }
.div-tabela-computador-simples { overflow-x: auto; background: #fff; border: 1px solid var(--vri-linha); border-radius: 14px; margin-bottom: 14px; }
.tabela-computador-simples { width: 100%; border-collapse: collapse; font-size: 14px; }
.tabela-computador-simples caption { padding: 14px 12px 6px; text-align: left; font-family: var(--vri-titulo); font-weight: 700; font-size: 18px; color: var(--vri-tinta); }
.tabela-computador-simples th { padding: 12px; background: var(--vri-suave); text-align: left; font-family: var(--vri-titulo); font-size: 12px; letter-spacing: .8px; text-transform: uppercase; color: var(--vri-mudo); white-space: nowrap; }
.tabela-computador-simples td { padding: 10px 12px; border-top: 1px solid var(--vri-linha); vertical-align: middle; }
.coluna-tabela-computador-acoes { text-align: right; }
.input-documento-computador-link { width: 100%; min-width: 220px; min-height: 36px; padding: 0 10px; border: 1px solid #D5D9E0; border-radius: 8px; font: inherit; font-size: 13px; }
.div-documento-computador-acoes { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.div-documento-computador-leitura { white-space: pre-wrap; line-height: 1.55; }
.div-documento-computador-certificado p { margin: 0 0 8px; font-size: 13px; word-break: break-word; }
.div-folha-computador { max-width: 760px; padding: 32px; background: #fff; border: 1px solid var(--vri-linha); border-radius: 14px; line-height: 1.6; }
.div-folha-computador h1 { font-size: 26px !important; margin-bottom: 4px; }
.div-recibo-computador-acoes { display: flex; align-items: center; justify-content: space-between; max-width: 760px; margin-bottom: 14px; }
.texto-recibo-computador-valor { margin: 18px 0; font-family: var(--vri-titulo); font-size: 34px; font-weight: 800; color: var(--vri-tinta); }
.div-recibo-computador-assinatura { margin-top: 56px; text-align: center; }
.div-recibo-computador-assinatura span { display: block; width: 280px; max-width: 100%; margin: 0 auto 6px; border-top: 1px solid var(--vri-tinta); }
.vri-modal-computador .vrm-bt { font-family: var(--vri-titulo); font-weight: 700; }
.vri-modal-computador .vrm-bt--primario { background: var(--vri-laranja); border-color: var(--vri-laranja); color: #fff; }
.vri-modal-computador .vrm-bt--primario:hover { background: var(--vri-laranja-esc); }
.vra { --vra-cor: #FE5B00; }
@media (max-width: 1100px) {
  .div-formulario-computador, .div-whatsapp-computador-automacao { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .campo-formulario-computador { grid-column: 1 / -1; }
  .campo-formulario-computador-curto, .campo-formulario-computador-check-curto, .div-relatorios-computador-filtros .campo-formulario-computador { grid-column: span 1; }
  .div-relatorios-computador-filtros .campo-formulario-computador-largo { grid-column: 1 / -1; }
  .div-ver-computador-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media print {
  .div-topo-computador, .div-abas-computador, .div-aviso-computador-ver-como, .div-crud-computador-barra, .div-relatorios-computador-filtros, .div-relatorios-computador-barra, .div-recibo-computador-acoes, .div-documento-computador-acoes, .link-computador-voltar, [data-imprimir], .vri-demo-faixa { display: none !important; }
  .vri-computador, .div-conteudo-computador, body:has(.vri-computador) { background: #fff !important; padding: 0 !important; }
  .div-tabela-computador-simples { border: 0; overflow: visible; }
  .div-folha-computador { border: 0; padding: 0; }
}