/* lab-app public pages (no sign-in): /start, /welcome, /request. Same palette as app.css; light/dark per device. */
:root{color-scheme:light;--bg:#f4f6fc;--card:#fff;--ink:#000050;--ink2:#4a5285;--line:#d9def2;--accent:#0b4fd6;
  --btn:#1061ff;--btn-ink:#fff;--err:#b3261e;--err-bg:#fdecea;--field:#fff}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#00002e;--card:#000050;--ink:#fff;--ink2:#b4bce6;
  --line:#1a1a7a;--accent:#4bf5ff;--btn:#1061ff;--err:#ffb4a9;--err-bg:#3a0a0a;--field:#00003a}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--bg);color:var(--ink);
  font:1rem/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic","Noto Sans",sans-serif}
.card{width:100%;max-width:460px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 24px;
  box-shadow:0 1px 2px rgba(0,0,80,.05),0 6px 20px rgba(0,0,80,.06)}
.brand{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;font-weight:700;color:var(--ink2)}
.brand::before{content:"";width:34px;height:34px;border-radius:10px;background:#1061ff;margin-inline-end:10px;flex:none}
.brand{justify-content:flex-start}
.brand .lang{margin-inline-start:auto;font-weight:500}
h1{font-size:1.45rem;line-height:1.25;margin:0 0 10px}
p{margin:0 0 14px}
a{color:var(--accent)}
form{display:grid;gap:14px;margin:6px 0 12px}
label{display:grid;gap:6px;font-weight:600}
input,textarea{font:inherit;font-weight:400;width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);
  background:var(--field);color:var(--ink);min-height:46px}
input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #4b8bff;outline-offset:2px}
button,.button{display:inline-block;text-align:center;font:inherit;font-weight:700;min-height:48px;padding:12px 22px;
  border:0;border-radius:12px;background:var(--btn);color:var(--btn-ink);text-decoration:none;cursor:pointer;width:100%}
.hint{color:var(--ink2);font-size:.92rem}
.error{background:var(--err-bg);color:var(--err);padding:10px 12px;border-radius:10px}
.hide{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0}
main.card{position:relative}
h2{font-size:1.05rem;margin:22px 0 8px}
.steps{margin:0 0 14px;padding-inline-start:22px;display:grid;gap:10px}
.steps li{line-height:1.5;overflow-wrap:anywhere}
.steps strong{font-weight:700}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;direction:ltr;unicode-bidi:isolate;user-select:all;white-space:nowrap}
[dir=rtl] strong{unicode-bidi:isolate}