:root{
  --bg:#eef1f6; --board:#e3e8f0; --surface:#ffffff; --raise:#f7f9fc; --line:#d6dce6; --fg:#1b2333; --muted:#5d6779;
  --accent:#3b5bdb; --accent-fg:#ffffff; --accent-soft:#e3e9ff;
  --s-afazer:#7a8699; --s-fazendo:#e8a317; --s-revisao:#8b5cf6; --s-entregue:#22a06b;
  --p-urgente:#e5484d; --p-normal:#3b82f6; --p-baixa:#9aa4b2;
  --crit:#c9302c; --crit-soft:#fde8e8;
  --on-color:#ffffff;
  --shadow:0 1px 0 rgba(20,30,50,.08),0 1px 3px rgba(20,30,50,.10);
  --f-ui:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:10px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#0f141c; --board:#151c27; --surface:#1d2532; --raise:#232c3b; --line:#2e3949; --fg:#e7ecf3; --muted:#9aa6b8;
  --accent:#7c93ff; --accent-fg:#0d1330; --accent-soft:#222d55;
  --crit:#ff8b87; --crit-soft:#3a1d20;
  --shadow:0 1px 0 rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.4);
  color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-ui);font-size:15px;line-height:1.45;
  padding:16px max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left))}
h1{font-size:1.35rem;margin:0;font-weight:800;letter-spacing:-.01em}
h2{font-size:1rem;margin:0}
button,select,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[hidden]{display:none!important}
.muted{color:var(--muted)}
.brand{display:flex;align-items:center;gap:10px}
.logo{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--s-revisao));display:grid;place-items:center;color:var(--on-color);font-weight:800}
.brand small{display:block;color:var(--muted);font-size:.8rem}
.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:600;white-space:nowrap}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.btn.small{padding:4px 10px;font-size:.84rem;font-weight:500}
.btn:disabled{opacity:.55;cursor:not-allowed}
.field{display:flex;flex-direction:column;gap:5px}
.field label{font-size:.85rem;font-weight:700}
.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:var(--raise);width:100%;font-size:16px}
.field textarea{min-height:110px;resize:vertical}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.two{grid-template-columns:1fr}}
.err{color:var(--crit);font-size:.9rem}
.lbl{font-size:.7rem;font-weight:700;border-radius:4px;padding:2px 7px;color:var(--on-color);letter-spacing:.02em}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom));background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:8px;font-size:.9rem;z-index:20;max-width:calc(100vw - 32px)}