/* OmniHome's pages without the side menu (sign in, invite, get the app, share
   links, file previews). Colours match app.css, in light and dark - and the
   Light/Dark choice in Settings (data-theme, set by _page_style.html). */
:root { --bg:#f6f6f4; --card:#fff; --text:#1d1d1b; --muted:#6b6b66; --line:#e2e2dc; --accent:#2f6f5e; --on-accent:#fff;
        --danger:#b3382c; --tile:#e8e8e3; --hover:#efefea; --soft:#eef5f2; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg:#161615; --card:#1f1f1d; --text:#ecece8; --muted:#a3a39c; --line:#33332f; --accent:#6cbfa6;
          --on-accent:#0d1f1a; --danger:#ef7b6e; --tile:#262624; --hover:#272725; --soft:#1c2a25; }
}
:root[data-theme="dark"] { --bg:#161615; --card:#1f1f1d; --text:#ecece8; --muted:#a3a39c; --line:#33332f; --accent:#6cbfa6;
        --on-accent:#0d1f1a; --danger:#ef7b6e; --tile:#262624; --hover:#272725; --soft:#1c2a25; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:15px/1.5 system-ui, "Segoe UI", sans-serif; }

/* A small form in the middle of the page (sign in, invite): <body class="form-page"> */
.form-page { min-height:100vh; display:grid; place-items:center; padding:16px; }
.form-page form { width:100%; max-width:340px; background:var(--card); border:1px solid var(--line); border-radius:10px; padding:24px; }
.form-page h1 { font-size:20px; margin:0 0 20px; }
.form-page label { display:block; font-size:13px; color:var(--muted); margin:0 0 4px; }
.form-page input { width:100%; font:inherit; padding:9px 10px; border:1px solid var(--line); border-radius:6px; background:var(--bg); color:var(--text); margin-bottom:14px; }
.form-page button { width:100%; font:inherit; padding:10px; border:0; border-radius:6px; background:var(--accent); color:#fff; cursor:pointer; margin-top:4px; }
.form-page .error { color:var(--danger); font-size:14px; margin:0 0 14px; }
.form-page .link { background:none; color:var(--accent); width:auto; padding:0; margin:14px 0 0; font-size:14px; text-decoration:underline; }
.form-page .note { font-size:13px; color:var(--muted); margin:0 0 14px; }
.form-page .ok { color:var(--accent); font-size:14px; margin:0 0 14px; }
.form-page [hidden] { display:none !important; }