/* =============================================================================
   Identidade LEMEPREV / VOTAR sobre o modulo de inscricao (carregado DEPOIS de app.css).
   Mesmos valores do portal do eleitor (portal-visual.css): laranja #f26a21, teal de foco,
   cabecalho claro, cartoes grandes, tipografia acessivel, protocolo em monoespacada.
   Sem cinza em texto de cartao, sem emoji, sem elemento piscando.
   ============================================================================= */
:root{
  --laranja:#f26a21; --laranja-esc:#d9560f; --laranja-claro:#fff1e8;
  --teal:#0f5e6b; --teal-claro:#e6f2f4;
  --grafite:#1f2a33; --apoio:#33404b; --linha:#d9dde2;
  --papel:#ffffff; --fundo:#f6f6f4; --vidro:#eef0f2;
  --verde:#1d8a4d; --vermelho:#a62626; --ambar:#8a5a00;
  --raio:18px;
  --sombra:0 1px 2px rgba(31,42,51,.05),0 10px 30px rgba(31,42,51,.07);
  --fonte:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"Courier New",monospace;
}
html{font-size:17px}
body{background:var(--fundo);color:var(--grafite);font-family:var(--fonte);font-size:1rem;line-height:1.55;
  min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}
.icone{width:1.25em;height:1.25em;flex:none;fill:currentColor}
.pular{position:absolute;left:-999px;top:8px;z-index:100;background:var(--grafite);color:#fff;padding:10px 16px;border-radius:10px}
.pular:focus{left:12px}

/* ---- cabecalho claro, logo a esquerda, abas com icone (igual ao portal) ---- */
.topo{background:#faf7f2;border-bottom:1px solid var(--linha);box-shadow:0 1px 0 rgba(31,42,51,.03)}
.barra{max-width:1500px;min-height:80px;padding:8px clamp(16px,4vw,44px);gap:clamp(10px,2vw,20px)}
.logo{color:var(--grafite);margin-right:auto}
.logo img{height:42px;width:auto;display:block}
.logo-txt b{color:var(--grafite);font-weight:800;font-size:1rem}
.logo-txt small{color:var(--apoio);font-size:.8rem}
.abas{margin-left:0;gap:6px;flex-wrap:wrap}
.aba{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:12px;border:0;background:transparent;
  color:var(--grafite);font:inherit;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s,color .2s}
.aba:hover{background:var(--laranja-claro);color:var(--laranja-esc)}
.aba.ativa,.aba[aria-current="page"]{background:var(--laranja);color:#fff;box-shadow:var(--sombra)}
.aba.ativa:hover,.aba[aria-current="page"]:hover{background:var(--laranja-esc);color:#fff}
.usuario{color:var(--grafite);font-size:.9rem}
.sair,.acesso{border:1.5px solid var(--linha);border-radius:12px;color:var(--grafite);background:#fff;font-weight:700;font-size:.9rem;padding:9px 15px}
.sair:hover,.acesso:hover{background:var(--laranja-claro);border-color:var(--laranja);color:var(--laranja-esc)}
.acesso{margin-left:0}

/* ---- palco com o swoosh da marca ---- */
.conteudo{position:relative;flex:1;width:100%;max-width:1180px;padding:clamp(20px,4vw,44px) clamp(14px,3vw,26px) 48px}
.conteudo.estreito{max-width:920px}
.conteudo::before,.conteudo::after{content:"";position:absolute;width:340px;height:222px;pointer-events:none;z-index:0;
  background:url("../img/swoosh.png") no-repeat center/contain;opacity:.10}
.conteudo::before{top:-10px;left:-120px;transform:rotate(8deg)}
.conteudo::after{bottom:20px;right:-130px;transform:rotate(-160deg)}
.conteudo>*:not(.modal){position:relative;z-index:1}
.rodape{color:var(--apoio);font-size:.85rem;border-top:1px solid var(--linha);background:#faf7f2}

/* ---- cartoes e titulos ---- */
.cartao,.consulta{border-radius:var(--raio);border:1px solid var(--linha);box-shadow:var(--sombra)}
.cabec h1,.cabec-painel h1,.login h1,.fechado h1{font-weight:800;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--grafite);letter-spacing:-.01em}
.cabec p,.sub,.cabec-painel p{font-size:1rem;color:var(--apoio)}
.grupo legend{color:var(--teal);font-size:.8rem;letter-spacing:.1em}
.dica,.nota,.opcao-txt small,.arquivo-txt small{color:var(--apoio);font-size:.85rem}

/* ---- campos grandes (alvo de toque >= 48px) ---- */
.campo>span{font-size:.95rem;font-weight:700;color:var(--grafite)}
.campo input,.campo textarea,.campo select,.consulta-linha input{min-height:54px;padding:14px 16px;border:2px solid var(--linha);
  border-radius:12px;background:#fff;font-size:1.05rem;color:var(--grafite)}
.campo input:focus,.campo textarea:focus,.campo select:focus,.consulta-linha input:focus{border-color:var(--laranja);box-shadow:0 0 0 4px var(--laranja-claro);outline:none}
.campo input.valido{border-color:var(--verde)}
.erro{font-size:.9rem}
.opcao-corpo{border-radius:14px;padding:18px 20px;background:#fff}
.opcao input:checked+.opcao-corpo{background:var(--laranja-claro);border-color:var(--laranja);box-shadow:var(--sombra)}
.opcao input:focus-visible+.opcao-corpo{box-shadow:0 0 0 4px var(--teal-claro);border-color:var(--teal)}
.opcao-txt b{font-size:1.05rem}
.foto-visor{border:3px solid var(--grafite);border-radius:14px}
.foto-visor::before{display:none}
.arquivo{border-radius:14px;background:#fff}
.arquivo:hover,.arquivo.tem{background:var(--laranja-claro);border-color:var(--laranja)}

/* ---- botoes ---- */
.btn{min-height:48px;padding:0 20px;border:2px solid var(--linha);border-radius:12px;font-size:1rem;font-weight:700;color:var(--grafite)}
.btn:hover{border-color:var(--laranja);background:var(--laranja-claro);color:var(--laranja-esc)}
.btn.primario{background:var(--laranja);border-color:var(--laranja);color:#fff;box-shadow:var(--sombra)}
.btn.primario:hover{background:var(--laranja-esc);border-color:var(--laranja-esc);color:#fff;filter:none}
.btn.perigo:hover{background:#8f1d1d;color:#fff;filter:none}
.btn.limpo{color:var(--grafite)}
.btn.grande{min-height:60px;font-size:1.1rem;letter-spacing:.01em;text-transform:none;border-radius:14px}
.btn.mini{min-height:40px;font-size:.85rem;border-radius:10px}

/* ---- modais: topo claro com faixa laranja, no lugar do gradiente escuro ---- */
.modal-caixa{border-radius:var(--raio)}
.modal-topo{background:var(--laranja-claro);color:var(--grafite);border-bottom:4px solid var(--laranja)}
.modal-topo.vermelho{background:#fdeeee;border-bottom-color:var(--vermelho);color:var(--grafite)}
.modal-topo.verde{background:#e3f5ea;border-bottom-color:var(--verde);color:var(--grafite)}
.modal-topo h2{font-weight:800;font-size:1.4rem}
.modal-topo p{opacity:1;color:var(--apoio);font-size:.95rem}
.modal-ico{background:#fff;color:var(--laranja);border:2px solid var(--laranja)}
.modal-topo.vermelho .modal-ico{color:var(--vermelho);border-color:var(--vermelho)}
.modal-topo.verde .modal-ico{color:var(--verde);border-color:var(--verde)}
.avisos{font-size:1rem;color:var(--grafite)}
.modal-texto{padding:22px 26px 6px;font-size:1rem;color:var(--grafite)}
.modal-texto ol,.modal-texto ul{padding-left:22px;margin:0 0 12px}
.modal-texto li{margin-bottom:10px}
.modal-texto li::marker{color:var(--laranja);font-weight:800}
.modal-texto a{color:var(--teal);font-weight:700;text-decoration:underline}

/* ---- protocolo e situacao ---- */
.protocolo{border-radius:14px;background:#fff;border:2px solid var(--laranja)}
.protocolo span{color:var(--teal)}
.protocolo b{font-family:var(--mono);color:var(--laranja);font-size:1.9rem;font-weight:700}
.resumo>div{background:#fff;border-radius:12px}
.resumo dt{color:var(--teal)}
.consulta-res{background:#fff}
.sit{font-size:.9rem}
.sit-analise .sit-ico svg .pont{animation:none}
.margem-sit{display:inline-block;margin-top:9px}
.txt-erro{color:var(--vermelho)}

/* ---- nada se move para quem pede menos movimento ---- */
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---- celular ---- */
@media (max-width:760px){
  .barra{min-height:68px}
  .logo img{height:34px}
  .abas{order:3;width:100%;justify-content:space-between;gap:4px}
  .aba{padding:10px 10px;font-size:.92rem;gap:6px}
  .campos{grid-template-columns:1fr}
  .foto{grid-template-columns:1fr}
  .foto-visor{max-width:220px;margin:0 auto}
}
@media print{.topo,.rodape,.abas,.recibo-acoes,.consulta,.conteudo::before,.conteudo::after{display:none!important}}

/* ===================== Atualizacao 2 ===================== */
.mono{font-family:var(--mono)}
.rodape-link{color:var(--teal);font-weight:700;text-decoration:underline}

/* ---- painel: so o titulo ---- */
.cabec-painel{margin-bottom:22px}
.cabec-painel h1{margin:0}

/* ---- abas em forma de pasta, coladas na lista (uma cor por situacao) ---- */
.pastas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;position:relative;z-index:2}
.pasta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 12px;margin:0;
  border:1px solid var(--linha);border-bottom:0;border-top:3px solid transparent;border-radius:12px 12px 0 0;
  font:inherit;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s,color .2s}
.pasta+.pasta{border-left:0}
.pasta b{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;margin:0;border-radius:999px;font-size:.85rem;font-weight:800;background:#fff}
.pasta b:empty{display:inline-grid}
.pasta-todas{background:var(--teal-claro);color:var(--teal);border-top-color:var(--teal)}
.pasta-analise{background:#fdf3dd;color:var(--ambar);border-top-color:#e0a526}
.pasta-deferida{background:#e3f5ea;color:#14663a;border-top-color:var(--verde)}
.pasta-indeferida{background:#fdeeee;color:var(--vermelho);border-top-color:var(--vermelho)}
.pasta:hover{filter:brightness(.97)}
.pasta.ativo{color:#fff;border-color:transparent}
.pasta-todas.ativo{background:var(--teal)}
.pasta-analise.ativo{background:var(--ambar)}
.pasta-deferida.ativo{background:#14663a}
.pasta-indeferida.ativo{background:var(--vermelho)}
.pasta.ativo b{background:rgba(255,255,255,.22);color:#fff}
.filtro.pasta.ativo{border-color:transparent}
.painel .lista{background:#fff;border:1px solid var(--linha);border-radius:0 0 var(--raio) var(--raio);box-shadow:var(--sombra);padding:clamp(12px,2vw,20px);gap:14px}
.painel .lista .vazio{margin:0;padding:28px 12px;text-align:center;color:var(--grafite)}

/* ---- cartao da candidatura: selo no alto a direita, sem faixas laterais ---- */
.item{border-radius:14px;box-shadow:none;border:1px solid var(--linha)}
.item-topo{align-items:center}
.item-topo h3{font-weight:800;font-size:1.25rem}
.item-prot{font-family:var(--mono);font-weight:500;color:var(--apoio)}
.item-selo{margin-left:auto}
.item-cargo{color:var(--laranja-esc);font-weight:700}
.dados .largo{grid-column:1/-1}
.dados dt{color:var(--teal)}
.parecer{border-radius:12px;font-size:.92rem;color:var(--grafite)}
.parecer.ok,.parecer.nao{border-left:0}
.parecer.ok{background:#e3f5ea}
.parecer.nao{background:#fdeeee}
.item-docs{margin:4px 0 14px;padding:14px 16px;border:1px solid var(--linha);border-radius:12px;background:#fff}
.item-docs b{display:block;margin-bottom:8px;font-size:.92rem;color:var(--teal)}
.item-docs ol{margin:0;padding-left:22px;display:grid;gap:6px;font-size:.92rem}
.item-docs li.tem a{color:var(--grafite);font-weight:700;text-decoration:underline}
.item-docs li.tem a:hover{color:var(--laranja-esc)}
.item-docs li.falta{color:var(--vermelho);font-weight:700}
.item-docs li.falta span{font-weight:500}

/* ---- inscricao: lista de documentos do edital ---- */
.docs-intro{margin:0 0 12px}
.docs-progresso{margin:0 0 14px;padding:12px 16px;border-radius:12px;background:var(--laranja-claro);color:var(--laranja-esc);font-weight:700}
.docs-progresso.completo{background:#e3f5ea;color:#14663a}
.docs{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:doc}
.doc-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px 18px;
  border:2px solid var(--linha);border-radius:14px;background:#fff}
.doc-item.tem{border-color:var(--verde);background:#f4fbf7}
.doc-estado svg{width:30px;height:30px;display:block}
.doc-ic-falta{color:var(--linha)}
.doc-ic-ok{color:var(--verde);display:none!important}
.doc-item.tem .doc-ic-falta{display:none!important}
.doc-item.tem .doc-ic-ok{display:block!important}
.doc-txt b{display:block;font-size:1.02rem;line-height:1.3}
.doc-txt small{display:block;margin-top:4px;font-size:.88rem;line-height:1.5;color:var(--apoio)}
.doc-link{display:inline-block;margin-top:6px;color:var(--teal);font-weight:700;text-decoration:underline;font-size:.9rem}
.doc-arquivo{display:block;margin-top:6px;font-family:var(--mono);font-size:.85rem;color:#14663a;word-break:break-all}
.doc-arquivo:empty{display:none}
.doc-botao{cursor:pointer;min-width:112px}
@media (max-width:600px){.doc-item{grid-template-columns:30px minmax(0,1fr)}.doc-botao{grid-column:1/-1;width:100%}}

/* ---- aceite do termo ---- */
.aceite{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:16px 18px;border:2px solid var(--linha);border-radius:14px;background:#fff;cursor:pointer;font-size:.98rem;line-height:1.55}
.aceite input{width:24px;height:24px;margin:2px 0 0;accent-color:var(--laranja)}
.aceite a{color:var(--teal);font-weight:700;text-decoration:underline}
.aceite:has(input:checked){border-color:var(--verde);background:#f4fbf7}

/* ---- pagina de privacidade ---- */
.termo h2{margin:26px 0 8px;font-size:1.15rem;font-weight:800;color:var(--teal)}
.termo p,.termo li{font-size:1rem;line-height:1.65;color:var(--grafite)}
.termo ul{padding-left:22px;margin:0 0 10px}
.termo li{margin-bottom:6px}
.termo-voltar{margin-top:28px}
@media (max-width:760px){.pastas{grid-template-columns:repeat(2,minmax(0,1fr))}.pasta{border-radius:0;min-height:50px}.pasta:nth-child(1){border-radius:12px 0 0 0}.pasta:nth-child(2){border-radius:0 12px 0 0}.pasta:nth-child(3){border-left:1px solid var(--linha)}}
.dados .largo dd{white-space:normal;overflow:visible}
.sit{text-transform:none;letter-spacing:0;font-weight:700;font-size:.9rem;background-image:none}
.sit-analise{background:#fdf3dd}.sit-deferida{background:#e3f5ea}.sit-indeferida{background:#fdeeee}

/* ===================== Atualizacao 3: area do candidato ===================== */
.pastas{grid-template-columns:repeat(5,minmax(0,1fr))}
.pasta-cadastros{background:#eef0f2;color:var(--grafite);border-top-color:var(--grafite)}
.pasta-cadastros.ativo{background:var(--grafite)}
.item-cadastro{grid-template-columns:minmax(0,1fr)}

.entrar{max-width:560px;margin:0 auto}
.entrar .campo{margin-bottom:16px}
.entrar .campo input{min-height:62px;font-size:1.3rem}
.entrar .btn.grande{width:100%;margin-top:6px}
.entrar .btn.limpo{width:100%;margin-top:10px}
.conta-msg{font-size:1.05rem;margin:0 0 16px}
.codigo{font-family:var(--mono);font-size:2rem!important;letter-spacing:.4em;text-align:center}

.conta-barra{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:12px 18px;
  background:#fff;border:1px solid var(--linha);border-radius:14px;font-size:.95rem}
.progresso{position:sticky;top:88px;z-index:20;margin-bottom:18px;padding:14px 18px;background:#fff;border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra)}
.progresso-txt{font-size:1.05rem;margin-bottom:8px}
.progresso-txt b{color:var(--laranja);font-size:1.3rem}
.progresso-barra{height:12px;border-radius:999px;background:var(--vidro);overflow:hidden}
.progresso-barra i{display:block;height:100%;width:0;background:var(--verde);border-radius:999px;transition:width .3s}
.progresso-salvo{margin-top:6px;font-size:.85rem;color:var(--teal);min-height:1.2em}

.passo{border:2px solid var(--linha)}
.passo h2{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:1.35rem;font-weight:800}
.passo{counter-increment:passo}
form#form{counter-reset:passo}
.passo-n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--laranja);color:#fff;font-size:1.1rem;flex:none}
.passo-n::before{content:counter(passo)}
.passo-ok{width:30px;height:30px;margin-left:auto;color:var(--verde);display:none}
.passo.feito{border-color:var(--verde)}
.passo.feito .passo-n{background:var(--verde)}
.passo.feito .passo-ok{display:block}

.campo-numero{max-width:320px;margin-top:18px}
.numero-cand{font-family:var(--mono);font-size:2.2rem!important;letter-spacing:.35em;text-align:center;min-height:72px!important}
.numero-msg{display:block;font-style:normal;font-weight:700;font-size:.95rem;min-height:1.3em}
.numero-msg.bom{color:#14663a}
.numero-msg.ruim{color:var(--vermelho)}
.escolha-rg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}
.campo input[readonly]{background:var(--vidro);color:var(--grafite)}
.uf{text-transform:uppercase;max-width:110px}
.campo textarea{min-height:120px;font-size:1.05rem}

.doc-botoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.doc-item.enviando{opacity:.6}
.falta-msg{margin:0;font-weight:700;color:var(--laranja-esc);min-height:1.4em}
.btn.primario:disabled{background:#c9ced4;border-color:#c9ced4;box-shadow:none;color:#fff;opacity:1}
#etapaEnviada h1{font-size:1.8rem;font-weight:800;margin:0 0 16px}
@media (max-width:760px){.pastas{grid-template-columns:repeat(2,minmax(0,1fr))}.pasta:nth-child(5){grid-column:1/-1;border-left:1px solid var(--linha)}.progresso{top:8px}.escolha-rg{grid-template-columns:1fr}.doc-botoes{grid-column:1/-1;justify-content:stretch}.doc-botoes .btn{flex:1}}

/* ===================== Atualizacao 4: scanner, ajuda e modelos ===================== */
.doc-item{grid-template-columns:34px minmax(0,1fr)}
.doc-botoes{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;justify-content:stretch}
.doc-botoes .btn{width:100%;min-width:0}
.doc-modelo{border-color:var(--teal);color:var(--teal)}
.doc-modelo:hover{background:var(--teal-claro);border-color:var(--teal);color:var(--teal)}
.modal-texto p{white-space:pre-wrap;margin:0 0 12px}
.aj-video{position:relative;aspect-ratio:16/9;margin-bottom:14px;border-radius:12px;overflow:hidden;background:#000}
.aj-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ajuda-item h2{margin:0 0 14px;font-size:1.15rem;font-weight:800;color:var(--teal)}
.sem-rolagem{overflow:hidden}

.scanner{position:fixed;inset:0;z-index:70;display:none;flex-direction:column;background:#11161b;color:#fff;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}
.scanner.aberto{display:flex}
.sc-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:1.05rem}
.sc-palco{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;background:#000}
.sc-palco video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.sc-moldura{position:absolute;inset:6% 8%;border:3px solid rgba(255,255,255,.9);border-radius:14px;box-shadow:0 0 0 2000px rgba(0,0,0,.28);pointer-events:none}
.sc-msg{margin:0;padding:10px 16px;text-align:center;font-size:1rem;min-height:2.6em}
.sc-tira{display:flex;gap:10px;margin:0;padding:0 16px 8px;list-style:none;overflow-x:auto;min-height:0}
.sc-tira li{position:relative;flex:none}
.sc-tira img{display:block;height:84px;width:auto;border-radius:8px;border:2px solid #fff;background:#fff}
.sc-tira span{position:absolute;left:6px;bottom:6px;min-width:22px;padding:1px 6px;border-radius:999px;background:var(--laranja);font-size:.8rem;font-weight:800;text-align:center}
.sc-tira button{position:absolute;right:-8px;top:-8px;width:30px;height:30px;border-radius:50%;border:0;background:var(--vermelho);color:#fff;font-size:1.2rem;line-height:1;cursor:pointer}
.sc-acoes{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px 16px}
.sc-acoes .btn{width:100%}
.scanner .btn.grande:not(.primario){background:#fff}

/* ===================== Atualizacao 5: cantos retos + botoes dos documentos ===================== */
/* Nada arredondado: vale para cartoes, botoes, campos, abas, selos, modais, miniaturas e aviso de cookies. */
*,*::before,*::after{border-radius:0!important}

.doc-botoes{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 40px}
.doc-enviar,.doc-apoio{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.doc-apoio{margin-left:auto}
.doc-botoes .btn{width:auto;min-width:150px}
.doc-ou{font-weight:800;font-size:.95rem;letter-spacing:.08em;color:var(--apoio)}
.doc-ajuda{border-color:var(--linha);background:#fff;color:var(--grafite)}
@media (max-width:760px){
  .doc-botoes{gap:12px}
  .doc-enviar,.doc-apoio{width:100%;margin-left:0}
  .doc-enviar .btn,.doc-apoio .btn{flex:1;min-width:0}
}

/* ---- painel: baixar todos os documentos de uma candidatura ---- */
.item-docs-topo{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:10px}
.item-docs-topo b{margin:0}
.item-docs-baixar{display:flex;gap:8px;flex-wrap:wrap}
.item-docs-baixar .btn{border-color:var(--teal);color:var(--teal)}
.item-docs-baixar .btn:hover{background:var(--teal-claro);border-color:var(--teal);color:var(--teal)}