/* ===== Tema preto + laranja (Alfaiate Tech) — carregado por último ===== */
@font-face{font-family:'Nasalization';src:url('/guia/fonts-nasalization.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}
:root{
  --laranja:#ff6b0a;--laranja-2:#ff8a2b;--laranja-esc:#e85a00;
  --preto:#0a0a0b;--card:#141416;--card-2:#1c1c1f;--linha:#2b2b30;
  --omint:var(--laranja);--omint-esc:#c94e00;--omint-med:var(--laranja-2);
  --omint-claro:rgba(255,107,10,.12);--azul-luz:var(--laranja);
  --borda:var(--linha);--fundo:var(--preto);--texto:#f4f4f6;
}
html,body{background:var(--preto);color:var(--texto)}

/* marca Alfaiate Tech em texto (fonte da logo do Alfaiate Pro) */
.marca-tech{display:flex;flex-direction:column;gap:6px;border-left:3px solid var(--laranja);padding-left:14px}
.mt-nome{font-family:'Nasalization','Open Sans',sans-serif;font-weight:normal;color:#fff;letter-spacing:.02em;white-space:nowrap}
.mt-nome b{font-weight:normal;color:var(--laranja)}
.marca-tech .mt-nome{font-size:clamp(26px,3.2vw,40px);line-height:1}
.marca-tech small{font-size:11px;font-weight:600;letter-spacing:2.6px;text-transform:uppercase;color:#e9e9ee}
.marca-tech.mini{padding-left:10px;border-left-width:3px}
.marca-tech.mini .mt-nome{font-size:24px}

/* ───── LOGIN ───── */
.login.lg2{background:radial-gradient(120% 70% at 50% 40%,#151517 0%,#0a0a0b 60%,#050506 100%)!important;color:#fff}
.login.lg2::before{content:'';position:absolute;z-index:0;inset:auto;left:-55%;top:-30%;width:120%;height:70%;border-radius:50%;border:2px solid rgba(255,122,30,.85);box-shadow:0 0 40px rgba(255,107,10,.45),inset 0 0 40px rgba(255,107,10,.25);background:none!important;pointer-events:none;clip-path:inset(30% 0 0 0)}
.login.lg2::after{content:'';display:block!important;position:absolute;z-index:0;right:-60%;bottom:-28%;top:auto;width:130%;height:62%;border-radius:50%;border:2px solid rgba(255,122,30,.85);box-shadow:0 0 50px rgba(255,107,10,.5),inset 0 0 40px rgba(255,107,10,.25);transform:none;pointer-events:none;clip-path:inset(0 0 45% 0)}
.lg2-topo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:40px clamp(16px,5vw,88px) 0;position:relative;z-index:1}
.caixa-corretora{display:flex;align-items:center;gap:14px;border:1.5px solid rgba(255,255,255,.55);border-radius:16px;padding:12px 20px;color:#fff;font-size:15px;line-height:1.25}
.caixa-corretora svg{width:44px;height:44px;stroke-width:1.3}
.lg2 .login-miolo{padding:28px 16px 20px}
.lg2 .login-card{max-width:460px;text-align:center}
.lg2-ico{width:112px;height:112px;margin:0 auto 22px;border-radius:28px;background:linear-gradient(160deg,var(--laranja-2),var(--laranja-esc));display:flex;align-items:center;justify-content:center;box-shadow:0 14px 40px rgba(255,107,10,.4)}
.lg2-ico svg{width:64px;height:64px;stroke:#fff;stroke-width:2.2}
.lg2-titulo{font-size:clamp(34px,4.4vw,46px);font-weight:700;line-height:1.08;color:#fff}
.lg2-traco{display:block;width:120px;height:4px;border-radius:2px;background:var(--laranja);margin:16px auto 14px}
.lg2 .login-card p.boas{color:#fff;font-size:19px;margin-bottom:26px}
.lg2 .campo{text-align:left}
.lg2 .campo label{display:flex;align-items:center;gap:10px;font-size:16px;letter-spacing:0;text-transform:none;color:#fff}
.lg2 .campo label svg{width:22px;height:22px}
.lg2 .campo input{background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.45);border-radius:12px}
.lg2 .campo input:focus{border-color:var(--laranja);box-shadow:0 0 0 3px rgba(255,107,10,.2)}
.campo-senha{position:relative}
.campo-senha input{padding-right:52px}
.ver-senha{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lg2 .btn-entrar{display:flex;align-items:center;justify-content:center;gap:12px;height:58px;margin-top:14px;border-radius:14px;background:linear-gradient(180deg,var(--laranja-2),var(--laranja-esc));color:#fff;font-size:19px;font-weight:700;letter-spacing:0;box-shadow:0 12px 30px rgba(255,107,10,.35)}
.lg2 .btn-entrar svg{width:26px;height:26px;stroke-width:2.2}
.lg2 .aviso-aparelho{justify-content:center;align-items:center;font-size:16px;color:#fff;margin-top:26px}
.lg2 .aviso-aparelho svg{width:34px;height:34px;color:var(--laranja);stroke-width:1.8}
.lg2 .login-rodape{display:flex;align-items:center;justify-content:center;gap:18px;font-size:15px;color:#fff;padding:8px 16px 30px}
.lg2 .login-rodape i{flex:0 1 160px;height:1px;background:rgba(255,255,255,.3)}
.lg2 .login-rodape .mt-nome{font-size:19px;margin-left:4px}
@media (max-width:520px){
  .lg2-topo{padding-top:26px;gap:10px}
  .marca-tech .mt-nome{font-size:24px}
  .marca-tech small{font-size:8.5px;letter-spacing:1.6px}
  .caixa-corretora{padding:8px 12px;font-size:12px;gap:8px;border-radius:12px}
  .caixa-corretora svg{width:30px;height:30px}
  .lg2-ico{width:92px;height:92px;border-radius:24px}
  .lg2-ico svg{width:52px;height:52px}
  .lg2 .login-rodape i{flex-basis:50px}
}

/* ───── ÁREA LOGADA ───── */
.topo{background:var(--preto)!important;border-bottom:1px solid var(--linha)!important;color:#fff}
.topo .nome-guia{color:#fff}.nome-guia b{color:var(--laranja)}
.topo .sair{border-color:rgba(255,255,255,.4)!important;color:#fff!important;background:transparent!important}
.nav{background:var(--card)!important;border-bottom:1px solid var(--linha)!important}
.nav a{color:#e9e9ee!important}
.nav a.on{color:var(--laranja)!important;border-bottom-color:var(--laranja)!important}

/* hero da busca */
.hero{background:radial-gradient(110% 120% at 100% 0%,rgba(255,107,10,.28) 0%,rgba(255,107,10,0) 55%),linear-gradient(160deg,#18181b,#0f0f11)!important;border:1px solid var(--linha)}
.hero h1 b{color:var(--laranja)}
.hero p,.modo-resp span{color:#e9e9ee}
.busca{background:var(--card-2)!important;border:1px solid var(--linha)}
.busca input{background:transparent;color:#fff}
.busca input::placeholder{color:#b9b9c2}
.mic{background:linear-gradient(160deg,var(--laranja-2),var(--laranja-esc))!important;color:#fff!important}
.mic.ouvindo{background:#fff!important;color:var(--laranja)!important}
.chip.on{background:var(--laranja)!important;border-color:var(--laranja)!important;color:#fff!important}
.filtro-hero select{background:var(--card-2);border-color:var(--linha)}
.filtro-hero select option,.filtros select option{background:var(--card);color:#fff}
.status-voz{color:#e9e9ee}

/* superfícies (cards) */
.pilar,.atalho,.ficha,.lista-docs,.kpi,.tabela-wrap,.vazio,.form-adm,.ouvindo-box,.resp,.arvore,.tel-card,.duv,.cat,.cmp,.nota-previa{background:var(--card)!important;border-color:var(--linha)!important;color:var(--texto)!important}
.filtros select,.filtros input.busca-txt,.form-adm input,.form-adm select,.mais button,.btn-sec,.acoes-mini button,.player button.sec{background:var(--card-2)!important;color:#fff!important;border-color:var(--linha)!important}
.btn-sec{border-color:var(--laranja)!important}
.btn-pri{background:linear-gradient(180deg,var(--laranja-2),var(--laranja-esc))!important;color:#fff!important}
.btn-wpp{background:#1f9d5c!important;color:#fff!important}
.ck pre,.checklist pre{background:var(--card-2)!important;color:#fff}
.sec-titulo h2{color:#fff!important}
.sec-titulo h2::before{background:var(--laranja)!important}
.voltar,.vazio a,.resp .f-fonte a,.ficha .f-fonte a{color:var(--laranja)!important}

/* ícones em quadro laranja com traço branco */
.cat .ico,.cat[style*="omint-claro"] .ico,.cab-pilar .ico,.pilar .ico{background:linear-gradient(160deg,var(--laranja-2),var(--laranja-esc))!important;color:#fff!important;box-shadow:0 8px 18px rgba(255,107,10,.25)}
.cat .ico svg,.cab-pilar .ico svg,.pilar .ico svg{stroke:#fff!important}
.cat:hover{border-color:var(--laranja)!important;box-shadow:0 12px 26px rgba(255,107,10,.18)!important}
.cat[style*="omint-claro"]{background:rgba(255,107,10,.12)!important;border-color:var(--laranja)!important;color:#fff!important}
.atalho{border-left:5px solid var(--laranja)!important}
.atalho svg,.duv svg{background:linear-gradient(160deg,var(--laranja-2),var(--laranja-esc))!important;stroke:#fff!important;color:#fff!important}
.duv{border-left:5px solid var(--laranja)!important}

/* cabeçalhos de fichas, telefones e árvore */
.ficha .f-top,.tel-card h3,.arvore .no:first-child{background:linear-gradient(160deg,#2a1a0f,#1c140e)!important;border-bottom:1px solid rgba(255,107,10,.35)!important;color:#fff!important}
.ficha .f-top h3{color:#fff!important}.ficha .f-top .f-sub{color:#e9e9ee!important}
.ficha h3,.cmp h4,.no .nivel,.transcricao,.kpi b{color:var(--laranja)}
.arvore .no:first-child .nivel{color:var(--laranja)!important}
.ficha .f-top .tag,.arvore .no:first-child .tag{background:rgba(255,255,255,.1)!important;color:#fff!important}
.ficha .f-top .selo.ok{background:var(--laranja)!important;color:#fff!important}
.cmp{border-top:4px solid var(--laranja)!important}
.tel .ico-tel{background:linear-gradient(160deg,var(--laranja-2),var(--laranja-esc))!important}
.tel .ico-tel svg{stroke:#fff!important}
.tel{color:var(--texto)}.tel b{color:var(--laranja)}

/* respostas */
.pergunta-bolha{background:linear-gradient(160deg,var(--laranja-2),var(--laranja-esc))!important;color:#fff}
.player{background:var(--card-2)!important}
.player .barra{background:#2e2e33}
.f-fonte{background:rgba(255,107,10,.1)!important;color:#ffb07a!important}
.tag{background:rgba(255,107,10,.14);color:#ffb07a}
.tag.esc{background:var(--laranja);color:#fff}
.selo.ok,.st.ok{background:rgba(255,107,10,.16);color:#ffb07a}
.selo.pend{background:#3a2c0c;color:#ffd27a}
.selo.div,.st.bl,.msg-erro{background:#3a1414;color:#ffb3b3}
.ficha dt,.ficha dd,.no,.tel,td,.lista-docs .doc,.resp-cab,.f-mais{border-color:var(--linha)!important}
th{background:var(--card-2);color:var(--laranja)}
.no[style*="omint-claro"]{background:rgba(255,107,10,.12)!important}

/* barra inferior (celular) */
@media (max-width:900px){
  .nav-inf{background:var(--card)!important;border-top:1px solid var(--linha)!important}
  .nav-inf a{color:#e9e9ee!important}
  .nav-inf a svg{color:#fff!important}
  .nav-inf a.on,.nav-inf a.on svg{color:var(--laranja)!important}
  .nav-inf a.mic-central .bola{background:linear-gradient(160deg,var(--laranja-2),var(--laranja-esc))!important;box-shadow:0 8px 22px rgba(255,107,10,.45)!important}
}
@media (max-width:520px){.marca-tech.mini .mt-nome{font-size:21px}}

/* arcos só nos cantos (sem cruzar o formulário) */
.login.lg2::before{left:-62%;top:-26%;width:100%;height:44%;clip-path:none}
.login.lg2::after{right:-58%;bottom:-24%;width:100%;height:40%;clip-path:none}
@media (min-width:901px){.login.lg2::before{left:-30%;top:-40%;width:60%;height:70%}.login.lg2::after{right:-28%;bottom:-40%;width:60%;height:70%}}
.lg2 .login-rodape{flex-wrap:nowrap;white-space:nowrap}
.lg2 .campo input:not(:focus){border-color:rgba(255,255,255,.45)}
.filtros select,.filtros input.busca-txt{max-width:100%;min-width:0}

/* sem arcos e sem traços no rodapé (pedido 14/11) */
.login.lg2::before,.login.lg2::after{display:none!important}
.lg2 .login-rodape i{display:none}

/* scroll (pedido 14/11): sem rolagem lenta, barra escura, sem "quique" branco */
html{scroll-behavior:auto!important;color-scheme:dark;scrollbar-color:#3a3a40 var(--preto);scrollbar-width:thin}
html,body{overscroll-behavior-y:none}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--preto)}
::-webkit-scrollbar-thumb{background:#3a3a40;border-radius:10px;border:2px solid var(--preto)}
::-webkit-scrollbar-thumb:hover{background:var(--laranja)}
.nav{scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
#conversa{scroll-margin-top:12px}

/* menos laranja (pedido 14/11): textos e etiquetas em branco; laranja só nos ícones */
.tel b,.tel b a,.tel a{color:#fff!important}
.tel small{color:#e9e9ee!important}
.tag,.selo.ok,.st.ok,.tel .selo,.tel .tag{background:rgba(255,255,255,.1)!important;color:#fff!important}
.tag.esc{background:rgba(255,255,255,.18)!important;color:#fff!important}
.ficha h3,.cmp h4,.no .nivel,.transcricao,.kpi b,.arvore .no:first-child .nivel{color:#fff!important}
.f-fonte{background:rgba(255,255,255,.06)!important;color:#e9e9ee!important}
.f-fonte svg{color:var(--laranja)}
.resp .campos em,.cmp .campos em{color:#fff!important}
.tel-card h3,.ficha .f-top,.arvore .no:first-child{background:var(--card-2)!important;border-bottom:1px solid var(--linha)!important}
.cmp{border-top:1px solid var(--linha)!important}
.ficha .f-top .selo.ok,.ficha .selo,.resp .selo{background:rgba(255,255,255,.12)!important;color:#fff!important}
.f-mais summary,.ficha .f-fonte a,.resp .f-fonte a,.vazio a{color:#fff!important}
.ficha .f-fonte a,.resp .f-fonte a{text-decoration:underline}