/* Identidade Trafega (mesmo padrão de gestão, operacional e métricas): verde #12cc1c, Instrument Sans, fundo escuro */
:root{
  --bg:#0b0d0c;--surface:#141816;--surface2:#101311;
  --border:#262e29;--border2:#323b35;
  --green:#41e24c;--green2:#12cc1c;--gd:rgba(65,226,76,.08);
  --green-dim:rgba(65,226,76,.08);--green-glow:rgba(65,226,76,.18);
  --text:#eef2ef;--text2:#9aa59d;--text3:#6b756e;
  --red:#ff8a80;
  --fd:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fb:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
body{-webkit-font-smoothing:antialiased;letter-spacing:0}
/* cabeçalho com a marca */
.tg-marca{display:inline-flex;align-items:center;flex-shrink:0}
.logo-tg{height:24px;width:auto;display:block}
.logo-n,.login-logo-n{display:none!important}
.hdr>div:not(.hdr-left):not(.user-pill),.hdr-left>div,.login-logo>div{border-left:1px solid var(--border);padding-left:12px}
.logo-s,.login-logo-s{font-size:12px!important;font-weight:600;letter-spacing:.04em!important;margin-top:0!important}
.login-logo{gap:12px}
/* botões principais no verde da marca */
.btn-green,.btn-g{background:#12cc1c!important;color:#06200a!important;font-weight:700}
.btn-green:hover,.btn-g:hover{background:#41e24c!important;box-shadow:0 6px 20px var(--green-glow)!important}
/* navegação entre ferramentas */
nav a{border-radius:10px!important}
nav a.on{background:rgba(65,226,76,.1)!important;border-color:rgba(65,226,76,.35)!important;color:var(--green)!important}
.card,.login-box{border-radius:14px}
textarea,input,select{font-family:var(--fb)!important}
textarea:focus,input:focus,select:focus{border-color:var(--green)!important;outline:none}
footer span::before{content:"";}