/* clientes/liv/pdi/public/styles.css — base Rapport (expandida no M2) */
:root { --bg:#0b0f14; --fg:#f2f4f7; --accent:#16a34a; --muted:#8a94a6; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, sans-serif; background:var(--bg); color:var(--fg);
       display:grid; place-items:center; min-height:100vh; padding:24px; }
#app { width:100%; max-width:420px; }
.view { display:none; } .view.active { display:block; }
h1 { font-size:1.5rem; margin:0 0 8px; line-height:1.2; }
p { color:var(--muted); line-height:1.5; }
form { display:grid; gap:12px; margin-top:16px; }
input, button { padding:14px 16px; border-radius:10px; border:1px solid #223; font-size:1rem; }
input { background:#111826; color:var(--fg); }
input:focus { outline:2px solid var(--accent); outline-offset:1px; }
button { background:var(--accent); color:#04140a; font-weight:600; border:none; cursor:pointer; }
button:disabled { opacity:.6; cursor:progress; }
.error { color:#f87171; }