:root{--page:#f3f7fa;--surface:#fff;--soft:#edf3f6;--line:#d8e2e8;--ink:#182a3c;--muted:#607588;--accent:#087969;--ok:#138a68;--warn:#ac7a3f;--font:"IBM Plex Sans Arabic",system-ui,sans-serif;color-scheme:light}
:root[data-nabd-theme="dark"]{--page:#0b1520;--surface:#122335;--soft:#1b2d3f;--line:#2c4052;--ink:#f1f7f9;--muted:#a7bbc8;--accent:#4bcfb4;--ok:#53d9bb;--warn:#e4bc7d;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:14px/1.6 var(--font)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
.skip-link{position:fixed;top:-90px;inset-inline-start:16px;z-index:100;padding:10px;background:var(--accent);color:var(--page)}.skip-link:focus{top:10px}
.onboarding-header{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:25px;justify-content:space-between;padding:11px max(18px,calc((100vw - 1240px)/2));background:var(--surface);border-bottom:1px solid var(--line)}.brand img{width:105px;height:40px;object-fit:contain;display:block}
.onboarding-header nav{display:flex;gap:7px;margin-inline:auto}.onboarding-header nav a{border-radius:9px;padding:7px 12px;color:var(--muted);font-size:12px;font-weight:700}.onboarding-header nav a:hover{color:var(--accent);background:var(--soft)}
.preferences{display:flex;gap:7px}.preferences button,#onboarding-refresh{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:9px;padding:7px 12px;min-height:36px;font-size:12px;font-weight:700}
.onboarding-main{width:min(1240px,100%);padding:28px 18px 80px;margin:auto}.eyebrow,.card-number{font:700 10px/1.6 var(--font);letter-spacing:1.4px;color:var(--warn)}
.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 24px}.hero h1{font-size:clamp(24px,3.4vw,38px);line-height:1.32;margin:4px 0 10px}.hero p{font-size:13px;color:var(--muted);max-width:660px;margin:0}
.safety{flex:0 0 275px;display:flex;flex-direction:column;gap:6px;border-radius:13px;border:1px solid var(--line);background:var(--surface);padding:14px}.safety strong{font-size:13px;color:var(--accent)}.safety span{font-size:12px;color:var(--muted)}
.status-summary{display:flex;gap:11px;align-items:center;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:13px 16px;margin-bottom:12px}.status-summary>div{flex:1;min-width:0}.status-summary strong{font-size:13px}.status-summary p{font-size:11px;color:var(--muted);margin:4px 0 0}.state-dot{background:var(--warn);width:9px;height:9px;flex:0 0 9px;border-radius:50%}.state-dot[data-state="monitoring"]{background:var(--ok)}.feedback{min-height:21px;color:var(--accent);font-size:12px;margin:7px 3px 15px}.feedback[data-error="true"]{color:#d35b6d}
.steps-panel,.setup-card,.safety-note{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:17px}.steps-panel h2,.setup-card h2,.safety-note h2{font-size:16px;margin:0 0 12px}.steps-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:0;list-style:none;margin:0}.steps-list li{background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:9px 7px;font-size:11px;font-weight:700;text-align:center;color:var(--muted)}.steps-list li[data-complete="true"]{color:var(--accent);border-color:var(--accent)}.steps-list li[data-complete="true"]::before{content:"✓ ";font-weight:900}.steps-list li[data-active="true"]{background:var(--accent);color:var(--page);border-color:var(--accent)}
.setup-grid{margin:14px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-card{min-width:0}.setup-card p{font-size:12px;color:var(--muted);margin:0 0 15px}.setup-card form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setup-card form label:not(.consent){font-size:11px;font-weight:700;color:var(--muted);min-width:0;display:flex;flex-direction:column;gap:5px}.setup-card input:not([type=checkbox]),.setup-card select{width:100%;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:9px;color:var(--ink);min-height:40px;min-width:0}.setup-card label.consent{display:flex;align-items:flex-start;gap:7px;margin:10px 0;grid-column:1/-1;font-size:11px;color:var(--muted)}.consent input{margin-top:5px;flex:0 0 auto}.setup-card button[type=submit],#onboarding-hosting-button,.primary-link{background:var(--accent);border:1px solid var(--accent);border-radius:9px;color:var(--page);padding:9px 15px;min-height:41px;font-size:12px;font-weight:750;display:inline-block;text-align:center}.setup-card button[type=submit]{grid-column:1/-1}.account-summary{padding:10px 13px;background:var(--soft);border-radius:9px;color:var(--ink);font-size:12px}.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 15px}.monitor-grid>div{padding:10px;background:var(--soft);border-radius:9px;min-width:0}.monitor-grid dt{font-size:10px;color:var(--muted)}.monitor-grid dd{font-weight:700;font-size:12px;margin:4px 0;overflow-wrap:anywhere;unicode-bidi:plaintext}.secondary-link{color:var(--accent);font-weight:700;font-size:12px;text-decoration:underline}.safety-note p{color:var(--muted);font-size:12px;margin:8px 0}.safety-note p:last-child{color:var(--warn)}
@media(max-width:800px){.onboarding-header{padding:10px 12px;gap:8px}.brand img{width:83px;height:31px}.onboarding-main{padding:18px 11px 42px}.hero{flex-direction:column;align-items:stretch;gap:12px}.safety{flex:0 0 auto}.steps-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.steps-list li{font-size:9px;padding:8px 3px}.setup-grid{grid-template-columns:1fr}.steps-panel,.setup-card,.safety-note{padding:13px}.status-summary{flex-wrap:wrap}.status-summary button{margin-inline-start:auto}.onboarding-header nav a{padding:5px 7px;font-size:11px}}
@media(max-width:400px){.setup-card form{grid-template-columns:1fr}.steps-list{grid-template-columns:repeat(3,minmax(0,1fr))}.onboarding-header nav{gap:1px}.onboarding-header nav a{padding:5px;font-size:10px}}

/* Phase 11 private notification preferences and Telegram link controls */
#onboarding-alerts{margin-top:14px}
#onboarding-alerts form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
#onboarding-alerts .consent{margin:4px 0;min-width:0}
#onboarding-alerts form button{grid-column:1/-1}
.telegram-actions{border-top:1px solid var(--line);margin-top:12px;padding-top:13px}
.telegram-actions p{margin:7px 0 11px}
.telegram-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.telegram-buttons button{border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);padding:8px 12px;min-height:39px;font-weight:700}
.telegram-buttons button:first-child{background:var(--accent);color:var(--page);border-color:var(--accent)}
.telegram-buttons button:disabled{opacity:.45}
#onboarding-telegram-open{display:inline-block;margin-bottom:8px;overflow-wrap:anywhere}
@media(max-width:600px){#onboarding-alerts form{grid-template-columns:1fr}.telegram-buttons{display:grid;grid-template-columns:1fr}.telegram-buttons button{width:100%}}