/* Kairos Copiloto — sistema de design (paleta oficial Kairos, claro/escuro). */
@font-face{font-family:"Instrument Sans";src:url("/static/fonts/InstrumentSans.woff") format("woff");font-weight:400 700;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/static/fonts/JetBrainsMono.woff") format("woff");font-weight:400 700;font-display:swap}
:root{
  --brand:#E06B48; --brand-strong:#C9583A; --brand-ink:#261F19;
  --forest:#18231D; --forest-2:#1D2C25;
  --bg:#F3F0E7; --surface:#FEFDF8; --surface-2:#F8F5EC; --sunk:#ECE8DC;
  --ink:#261F19; --ink-2:#55504A; --muted:#857F75; --line:#E2DCCF; --line-2:#D3CCBC;
  --u-critica:#E06B48; --u-alta:#B97A12; --u-media:#7C7A1E; --u-baixa:#3C7A5E; --u-info:#857F75;
  --ok:#3C7A5E;
  --radius-l:22px; --radius:14px; --radius-s:9px;
  --sans:"Instrument Sans","Inter Tight",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#141D18; --surface:#1B2721; --surface-2:#203029; --sunk:#111915;
  --ink:#E7F2EC; --ink-2:#B7C3BD; --muted:#919C98; --line:#2A3A32; --line-2:#36483F;
  --u-alta:#E3A541; --u-media:#C8C470; --u-baixa:#71B593; --u-info:#919C98; --ok:#71B593;
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#141D18; --surface:#1B2721; --surface-2:#203029; --sunk:#111915;
    --ink:#E7F2EC; --ink-2:#B7C3BD; --muted:#919C98; --line:#2A3A32; --line-2:#36483F;
    --u-alta:#E3A541; --u-media:#C8C470; --u-baixa:#71B593; --u-info:#919C98; --ok:#71B593;
    color-scheme:dark;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}
.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}
.muted{color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* marca */
.wordmark{font-weight:700;letter-spacing:-.04em;font-size:22px;text-decoration:none;display:inline-block;white-space:nowrap}
.wordmark i{font-style:normal;color:var(--brand)}
.wordmark small{font-weight:500;letter-spacing:-.01em;font-size:14px;color:var(--muted);margin-left:9px}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;
  padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
.btn-brand{background:var(--brand);color:#fff}
.btn-brand:hover{background:var(--brand-strong)}
.btn-ink{background:var(--ink);color:var(--bg)}
.btn-ink:hover{opacity:.9}
.btn-line{background:transparent;border-color:var(--line-2)}
.btn-line:hover{border-color:var(--ink-2)}
.btn-quiet{background:transparent;padding:8px 12px;color:var(--ink-2)}
.btn-quiet:hover{background:var(--sunk)}
.btn-s{padding:7px 12px;font-size:13px}
.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);background:transparent;display:inline-grid;place-items:center;cursor:pointer}
.icon-btn:hover{border-color:var(--ink-2)}
.icon-btn svg{width:18px;height:18px}

/* campos */
.field{display:grid;gap:6px;margin:0 0 14px}
.field label{font-size:13px;font-weight:600;color:var(--ink-2)}
.input{width:100%;border:1px solid var(--line-2);background:var(--surface);border-radius:12px;padding:12px 14px;outline:none}
.input:focus{border-color:var(--brand)}
.hint{font-size:13px;color:var(--muted)}

/* urgência */
.u{--u:var(--u-info)}
.u-critica{--u:var(--u-critica)} .u-alta{--u:var(--u-alta)} .u-media{--u:var(--u-media)} .u-baixa{--u:var(--u-baixa)} .u-info{--u:var(--u-info)}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px 3px 8px;border-radius:999px;
  color:var(--u);background:color-mix(in srgb,var(--u) 14%,transparent);white-space:nowrap}
.tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--u)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}