/* Shared SARA identity: dark navy surfaces and green brand accents. */
:root{--bg:#08131f;--panel:#101f2e;--line:#263746;--blue:#32b447;--green:#4bd366;--muted:#a5b5c5;--text:#eef4f8}
aside{background:#0b1825}.primary{background:#32b447;color:#08131f}.primary:hover{background:#52cf66}.secondary{background:#142838;color:#dbe9df;border-color:#365343}.secondary:hover{background:#1c352b}.eyebrow,.linkbutton,.cloud-link{color:#4bd366}nav button.active{background:#173523;color:#65df7a;box-shadow:inset 3px 0 #32b447}nav button:hover{background:#152b22}.avatar{background:#224a30}.probox{border-color:#365343;background:linear-gradient(120deg,#173523,#101f2e)}.pill{background:#173523;color:#65df7a;border-color:#365343}.notice{background:#142838;border-color:#365343;color:#c2d8cc}.cloud-card{background:#101f2e;border-color:#263746}.cloud-card .brand{letter-spacing:4px}.cloud-card .brand::before{content:'';display:inline-block;width:27px;height:28px;background:linear-gradient(#32b447,#32b447) 0 15px/6px 13px no-repeat,linear-gradient(#32b447,#32b447) 10px 7px/6px 21px no-repeat,linear-gradient(#32b447,#32b447) 20px 0/6px 28px no-repeat}.cloud-card .brand:has(.logo)::before{display:none}.green{color:#4bd366}.bar i{background:#32b447}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #4bd366;outline-offset:3px}

.brand-home{width:100%;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.brand-home:hover{color:#fff}.brand-home:focus-visible{outline:2px solid #4bd366;outline-offset:6px;border-radius:4px}

.onboarding-dialog{width:min(600px,calc(100vw - 32px));padding:0;overflow:hidden;background:#101f2e;border-color:#365343}.onboarding-dialog::backdrop{background:#020811cc;backdrop-filter:blur(6px)}.onboarding-body{padding:30px}.onboarding-body h1{font-size:30px;margin:9px 28px 8px 0}.onboarding-steps{display:grid;gap:10px;margin:24px 0}.onboarding-step{display:grid;grid-template-columns:31px 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#0c1926}.onboarding-step span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#173523;color:#65df7a;font-size:12px;font-weight:700}.onboarding-step strong{display:block;color:var(--text);margin:1px 0 3px}.onboarding-step p{font-size:12px}.onboarding-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.onboarding-actions .primary{margin-left:auto}@media(max-width:500px){.onboarding-body{padding:24px 20px}.onboarding-body h1{font-size:25px}.onboarding-actions .primary{margin-left:0}}