/* Remaining entry points share the approved panel/field/button system. */
body #ecosystem-intro.graphite-account-gate { z-index:20002; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate { z-index:20001;background:#101417f5;backdrop-filter:blur(12px);padding:32px;overflow:auto;align-items:safe center;color:#f0f2f4;font-family:"Segoe UI",sans-serif; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box { box-sizing:border-box;width:min(520px,100%);max-height:none;margin:auto;padding:36px;gap:0;border:1px solid #2a3239;border-radius:12px;background:#191e23;box-shadow:0 24px 80px #0004; }
.graphite-account-gate .account-brand { display:flex;align-items:baseline;gap:7px;margin-bottom:34px;font-size:24px;letter-spacing:-.6px; }
.graphite-account-gate .account-brand strong { font-weight:800; }.graphite-account-gate .account-brand span { color:#9ca7b2;font-weight:400; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box h1 { font-size:30px;line-height:1.2;letter-spacing:-.6px;margin:0 0 12px;color:#f0f2f4; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box p { font-size:14px;line-height:1.65;color:#9ca7b2;margin:0 0 22px; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box label { display:grid;gap:9px;margin:20px 0;color:#9ca7b2;font-size:14px;font-weight:400; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box input { box-sizing:border-box;width:100%;min-height:46px;padding:10px 14px;border-radius:8px;border:1px solid #343e47;background:#101417;color:#f0f2f4;font:15px "Segoe UI",sans-serif; }
.graphite-account-gate input::placeholder { color:#77838e; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box button { min-height:44px;border:1px solid #343e47;border-radius:8px;padding:10px 14px;font:600 14px "Segoe UI",sans-serif;color:#f0f2f4;background:#252d33;cursor:pointer; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box button:hover:not(:disabled) { background:#303b43; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box button.primary { background:#7ce6c3;border-color:#7ce6c3;color:#10231d; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box button.primary:hover:not(:disabled) { background:#98eed3; }
.graphite-account-gate .account-tabs { gap:10px;margin:26px 0; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box #account-login-tab { background:#252d33;color:#7ce6c3;border-color:#5b9181; }
.graphite-account-gate #account-error:empty { display:none; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate #account-error:not(:empty) { border:1px solid #78434e;border-radius:8px;background:#332328;color:#f3a1b0;padding:12px;margin:16px 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box #account-submit { width:100%;margin-top:6px;min-height:46px; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box .account-subscription-link { display:flex;gap:10px;align-items:center;justify-content:center;width:100%;margin-top:20px;padding-top:20px;border:0;border-top:1px solid #2a3239;border-radius:0;background:transparent;color:#9ca7b2;font-weight:400;font-size:13px; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box .account-subscription-link:hover { color:#7ce6c3;background:transparent; }
.graphite-account-gate :is(button,input,a):focus-visible { outline:2px solid #7ce6c3;outline-offset:3px; }
.graphite-account-gate button:disabled { opacity:.5;cursor:wait; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .ecosystem-card { width:min(660px,100%); }
.graphite-account-gate .ecosystem-card .account-brand { margin-bottom:24px; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .reward-explainer { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0;padding:0;border:0;background:transparent; }
.graphite-account-gate .reward-explainer>div { display:grid;gap:7px;padding:18px;border:1px solid #2a3239;border-radius:10px;background:#101417; }
.graphite-account-gate .reward-explainer strong { font-size:23px;color:#7ce6c3; }.graphite-account-gate .reward-explainer span { font-size:12px;line-height:1.6;color:#9ca7b2; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .ecosystem-card p strong { color:#f0f2f4; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .ecosystem-card .ecosystem-account-note { border-top:1px solid #2a3239;padding-top:20px;margin-top:24px;color:#f0f2f4; }
body :is(#account-gate,#ecosystem-intro).graphite-account-gate .ecosystem-card .hint { font-size:12px; }
.graphite-account-gate #ecosystem-dismiss { width:100%; }
body.workspace-design.graphite-interface .graphite-dialog.notification-settings-dialog { --dialog-width:680px; }
body.workspace-design.graphite-interface .graphite-dialog.notification-settings-dialog form { grid-template-columns:1fr 1fr; }
.notification-settings-dialog .notification-scope,.notification-settings-dialog form>[role=status] { grid-column:1/-1; }
.notification-settings-dialog .notification-inheritance { margin-top:24px;border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted); }
.notification-settings-dialog .notification-inheritance summary { cursor:pointer;line-height:1.6;color:var(--text); }
body.workspace-design.graphite-interface .notification-settings-dialog .notification-inheritance p { margin:12px 0 0;font-size:13px; }
body.workspace-design.graphite-interface .control-banner { background:var(--panel);border:1px solid #8a7043;border-radius:10px;color:var(--text);box-shadow:0 10px 30px #0005;padding:12px 16px;font-size:13px;line-height:1.5;gap:18px; }
body.workspace-design.graphite-interface .control-banner button { background:#3c242c;border:1px solid #78434e;border-radius:8px;color:#f3a1b0;padding:8px 12px;min-height:38px;font:600 12px "Segoe UI",sans-serif;cursor:pointer; }
@media(max-width:560px) {
 body :is(#account-gate,#ecosystem-intro).graphite-account-gate { padding:18px 14px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom)); }
 body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box { padding:24px; }
 body :is(#account-gate,#ecosystem-intro).graphite-account-gate .account-box h1 { font-size:26px; }
 .graphite-account-gate .account-brand { margin-bottom:24px; }
 .graphite-account-gate .account-tabs { grid-template-columns:1fr;display:grid; }
 body :is(#account-gate,#ecosystem-intro).graphite-account-gate .reward-explainer { grid-template-columns:1fr;gap:10px; }
 body.workspace-design.graphite-interface .graphite-dialog.notification-settings-dialog form { grid-template-columns:1fr; }
 body.workspace-design.graphite-interface .control-banner { flex-wrap:wrap;gap:10px;max-width:calc(100vw - 24px); }
}