/* Cent Edge kit · ce-shell.css — welcome card and colour-mode switch (see ce-shell.js). Own
   --ce-* tokens so it looks the same in every product, light and dark. Do not edit in a product. */
:root{--ce-bg:#f3f4f6;--ce-panel:#ffffff;--ce-ink:#18212d;--ce-muted:#5d6878;--ce-line:#d9dde3;--ce-accent:#1f5e8c;--ce-accent-ink:#ffffff;--ce-accent-soft:#e3eef6;--ce-bad:#b42318}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ce-bg:#11161d;--ce-panel:#19202a;--ce-ink:#e6e9ee;--ce-muted:#9aa5b4;--ce-line:#2c3644;--ce-accent:#6aa9d8;--ce-accent-ink:#0d1620;--ce-accent-soft:#1d3346;--ce-bad:#f2867c}}
:root[data-theme="dark"]{--ce-bg:#11161d;--ce-panel:#19202a;--ce-ink:#e6e9ee;--ce-muted:#9aa5b4;--ce-line:#2c3644;--ce-accent:#6aa9d8;--ce-accent-ink:#0d1620;--ce-accent-soft:#1d3346;--ce-bad:#f2867c}
.ce-gate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;overflow:auto;color:var(--ce-ink);
  font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:radial-gradient(1200px 600px at 15% -10%,var(--ce-accent-soft),transparent 60%),radial-gradient(900px 500px at 110% 110%,var(--ce-accent-soft),transparent 55%),var(--ce-bg)}
.ce-gate[hidden]{display:none!important}
.ce-welcome{width:100%;max-width:420px;background:var(--ce-panel);border:1px solid var(--ce-line);border-radius:14px;box-shadow:0 12px 40px rgba(16,24,40,.12);overflow:hidden}
.ce-welcome-top{background:#ffffff;border-bottom:1px solid #d9dde3;padding:18px 24px;display:flex;align-items:center;justify-content:center}
.ce-welcome-top img{height:34px;width:auto;display:block}
.ce-welcome-body{padding:24px 28px 22px;display:flex;flex-direction:column;gap:14px;text-align:left}
.ce-welcome h2{margin:0;font-size:22px;line-height:1.2;color:var(--ce-ink)}
.ce-welcome .ce-sub{color:var(--ce-muted);margin:0}
.ce-welcome .ce-sub:empty{display:none}
.ce-go{appearance:none;border:0;border-radius:8px;background:var(--ce-accent);color:var(--ce-accent-ink);font:600 15px/1.2 inherit;padding:11px 16px;cursor:pointer;width:100%}
.ce-go:hover{filter:brightness(1.08)}.ce-go:focus-visible{outline:3px solid var(--ce-accent-soft);outline-offset:2px}.ce-go[disabled]{opacity:.6;cursor:default}
.ce-go[hidden]{display:none!important}
.ce-welcome ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--ce-muted)}
.ce-welcome li{display:flex;gap:8px;align-items:flex-start}.ce-welcome li svg{flex:none;margin-top:2px;color:var(--ce-accent)}
.ce-state{min-height:1.2em;font-size:13px;color:var(--ce-muted)}.ce-state.bad{color:var(--ce-bad)}
.ce-welcome-foot{border-top:1px solid var(--ce-line);padding:10px 28px;font-size:11.5px;color:var(--ce-muted);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ce-welcome-foot a{color:var(--ce-accent);text-decoration:none}
.ce-envtag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;background:#f59e0b;color:#1a1300;border-radius:4px;padding:2px 7px}
.ce-envtag[hidden]{display:none!important}
.ce-theme{display:inline-flex;border:1px solid var(--ce-line);border-radius:6px;overflow:hidden;background:var(--ce-panel);flex:none}
.ce-theme button{border:0;background:transparent;padding:3px 8px;font:12px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;color:var(--ce-muted)}
.ce-theme button[aria-pressed="true"]{background:var(--ce-accent-soft);color:var(--ce-ink);font-weight:600}
/* The brand bar stays white in both modes, so a switch placed in it keeps light colours. */
.brand-header .ce-theme{--ce-panel:#ffffff;--ce-line:#d9dde3;--ce-muted:#5d6878;--ce-ink:#18212d;--ce-accent-soft:#e3eef6}