/* Sana OS · estilos compartidos. Marca: Lora (títulos) + Poppins (texto), paleta olivo/marrón/crema/espresso. */
:root{
  --bg:#F2EDE4; --surface:#FBF8F3; --sunk:#E9E2D6; --line:#DDD3C4;
  --ink:#33241D; --muted:#6E5F52; --accent:#656950; --accent-ink:#FBF8F3; --accent-soft:#E3E3D3;
  --good:#3F7A4E; --good-soft:#DCEBDD; --warn:#9A6A12; --warn-soft:#F3E6C8; --crit:#A1402F; --crit-soft:#F3DAD3;
  --wh:#B8395E; --wh-soft:#F5DCE3;
  --display:"Lora",Georgia,"Times New Roman",serif;
  --body:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:10px;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#191817; --surface:#23201D; --sunk:#2C2824; --line:#3B3530;
  --ink:#EDE6DA; --muted:#B0A493; --accent:#A3A882; --accent-ink:#191817; --accent-soft:#34352B;
  --good:#7CC08B; --good-soft:#233328; --warn:#E0B45E; --warn-soft:#3A3020; --crit:#E58A78; --crit-soft:#3D2522;
  --wh:#EE8AA6; --wh-soft:#3D2430; color-scheme:dark}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:var(--display);font-weight:600;text-wrap:balance;margin:0}
.logo{display:inline-block;background:var(--ink);-webkit-mask:url(/app/assets/logo.png) center/contain no-repeat;mask:url(/app/assets/logo.png) center/contain no-repeat}
.btn{border:0;border-radius:var(--r);padding:13px 16px;font-weight:500;background:var(--accent);color:var(--accent-ink);width:100%}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:13px;color:var(--muted)}
.field input,.field select{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:12px;width:100%}
.hint{font-size:13px;color:var(--muted);margin:0}
.note{background:var(--accent-soft);border-radius:var(--r);padding:12px 14px;font-size:13px}
.error{background:var(--crit-soft);color:var(--crit);border-radius:var(--r);padding:10px 12px;font-size:13px}
.alert{background:var(--warn-soft);border-radius:var(--r);padding:10px 12px;font-size:13px}
.pill{font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:999px;white-space:nowrap;background:var(--sunk);color:var(--muted);display:inline-block}
.pill.good{background:var(--good-soft);color:var(--good)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.crit{background:var(--crit-soft);color:var(--crit)}
.pill.wh{background:var(--wh-soft);color:var(--wh)}
.pill.acc{background:var(--accent-soft);color:var(--accent)}
.chip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 13px;font-size:13px;color:var(--muted)}
.chip[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:500}
.link{border:0;background:none;padding:0;font-size:13px;color:var(--crit)}
@media (prefers-reduced-motion:no-preference){.rise{animation:rise .22s ease-out}@keyframes rise{from{transform:translateY(18px);opacity:.6}}}