/* Plataforma Outracker · base visual (tokens do design system Outracker) */
:root{
  --laranja:#FF570B;--laranja-claro:#FF803B;--laranja-profundo:#F94400;--pessego:#FFAD69;--ambar:#FFB828;--turquesa:#00E4CF;
  --grafite:#212121;--grafite-2:#373737;--cinza:#4B4B4B;--creme:#F4EFEB;--creme-claro:#F9F3F0;--areia:#E8DED4;--linha-grid:#FFC9A8;
  --erro:#C62828;
  --r-sm:14px;--r-md:24px;--r-lg:34px;--r-pill:999px;
  --font:"alfabet","Alfabet","Schibsted Grotesk",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{background:var(--creme);color:var(--grafite);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--grafite)}a:hover{color:var(--laranja-profundo)}
:focus-visible{outline:2px solid var(--laranja);outline-offset:2px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--grafite);background:transparent;border-radius:var(--r-pill);padding:10px 18px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,transform .15s;text-decoration:none;white-space:nowrap}
.btn:hover{background:var(--grafite);color:var(--creme)}
.btn:active{transform:scale(.97)}
.btn.pri{background:var(--laranja);border-color:var(--laranja);color:var(--grafite);font-weight:600}
.btn.pri:hover{background:var(--laranja-profundo);border-color:var(--laranja-profundo);color:var(--grafite)}
.btn.dark{background:var(--grafite);color:var(--creme)}
.btn.dark:hover{background:var(--grafite-2)}
.btn.ghost{border-color:transparent}
.btn.ghost:hover{background:var(--areia);color:var(--grafite)}
.btn.sm{padding:6px 12px;font-size:13px}
.btn.danger{border-color:var(--erro);color:var(--erro)}
.btn.danger:hover{background:var(--erro);color:#fff}
.btn:disabled{opacity:.4;pointer-events:none}

/* formulários */
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field>span{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cinza)}
.field small{color:var(--cinza);font-size:12px}
.input,.select,.textarea{width:100%;border:1px solid var(--areia);background:var(--creme-claro);border-radius:12px;padding:11px 14px;font-size:15px;outline:none;transition:border-color .2s}
.input:focus,.select:focus,.textarea:focus{border-color:var(--laranja)}
.textarea{min-height:90px;resize:vertical;line-height:1.5}
.err{color:var(--erro);font-size:13px;font-weight:600;min-height:18px}
.ok-msg{color:#1B7F3B;font-size:13px;font-weight:600}