[data-palette=mgmorange]{--ink:#202226;--muted:#64676e;--bg:#f6f6f7;--surface:#fff;--surface-soft:#f9f9fa;--line:#dedfe3;--green:#a94a0b;--primary:#ff984b;--on-primary:#24160b;--gold:#ff984b;--sidebar:#17191d;--sidebar-text:#e4e2df;--sidebar-active:#3e2b1f;--accent-soft:#fff0e3;--accent-line:#f2c9a7;--accent-ink:#883900}
[data-theme=dark][data-palette=mgmorange]{--ink:#f2f1ef;--muted:#b4b3b5;--bg:#111315;--surface:#1c1f23;--surface-soft:#171a1e;--line:#373b42;--green:#ffad70;--primary:#ff984b;--on-primary:#24160b;--sidebar:#121416;--sidebar-text:#d9d9dc;--sidebar-active:#3b2a20;--accent-soft:#38291f;--accent-line:#775033;--accent-ink:#ffb77e}
.mgm-product-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);flex-shrink:0;line-height:1.2}
.mgm-product-brand>strong{font-family:'Inter Variable',sans-serif;font-size:25px;letter-spacing:-1.5px}.mgm-product-brand>strong>span{color:#ff984b}.mgm-product-brand>span{font-size:10px;letter-spacing:1.8px;border-left:1px solid var(--line);padding-left:10px}.mgm-product-brand small{display:block;letter-spacing:0;font-size:8px;color:var(--muted);margin-top:4px}
.topbar{flex-wrap:wrap;height:auto;min-height:80px;padding-top:12px;padding-bottom:12px}.topbar>div:first-of-type{min-width:0;flex:1}.topbar input{max-width:100%}
.mgm-trial{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.mgm-trial span{display:block;margin-top:5px}.mgm-trial.urgent,.mgm-trial.expired{background:#fff0f0;color:#8d1c25;border:1px solid #e8a0a5;padding:15px;border-radius:10px}.mgm-trial.urgent button,.mgm-trial.expired button{color:inherit}.mgm-subscribe{display:inline-flex;border-radius:8px;padding:10px 14px;background:var(--primary);color:var(--on-primary);font-weight:600;text-decoration:none}
[data-theme=dark] .mgm-trial.urgent,[data-theme=dark] .mgm-trial.expired{background:#3c1d24;color:#ffced1;border-color:#b85a65}
.mgm-welcome{border-color:var(--accent-line);background:var(--accent-soft)}.mgm-welcome h2{font-size:21px}.mgm-welcome p{line-height:1.7;max-width:760px;color:var(--muted)}
/* Shared component rhythm across all palettes. */
.stat-icon,.nav .ico{border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-ink)}.stat-icon{width:36px;height:36px}.sidebar .nav .ico{width:28px;height:28px;flex:0 0 28px;background:var(--sidebar-active);color:var(--gold)}
.stats>.stat{border-radius:14px}.stats>.stat:nth-child(4n+2) .stat-icon{background:#e8f0ff;color:#2658a8}.stats>.stat:nth-child(4n+3) .stat-icon{background:#fff0e1;color:#995109}.stats>.stat:nth-child(4n+4) .stat-icon{background:#e3f4ed;color:#247151}
[data-theme=dark] .stats>.stat:nth-child(4n+2) .stat-icon{background:#22344e;color:#a8ccff}[data-theme=dark] .stats>.stat:nth-child(4n+3) .stat-icon{background:#443020;color:#ffc48d}[data-theme=dark] .stats>.stat:nth-child(4n+4) .stat-icon{background:#1b3c31;color:#9ce2bf}
button{transition:background-color .15s,border-color .15s,box-shadow .15s}button.primary{box-shadow:0 2px 5px #0001}button:hover{box-shadow:0 2px 8px #0001}.textbtn:hover{box-shadow:none;text-decoration:underline}.sidebar .nav:hover{background:var(--sidebar-active)}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.mgm-auth .auth-confirmation{padding:26px;background:#fff;border-radius:16px;color:#25272b;margin-top:25px;box-shadow:0 12px 32px #0002}.mgm-auth .auth-confirmation h2{color:#202226;font-size:23px;line-height:1.3;margin-bottom:16px}.mgm-auth .auth-confirmation p{font-size:14px;line-height:1.7;color:#555a62}.auth-confirmation .confirmation-symbol{display:inline-flex;background:#fff0e3;color:#a94a0b;padding:12px;border-radius:12px;margin-bottom:18px;font-size:24px}.mgm-auth .auth-confirmation button{width:100%;margin-top:14px;background:#fff;color:#292b30;border:1px solid #c8cbd0;min-height:46px}.auth-confirmation strong{color:#202226}
@media(max-width:640px){.topbar{gap:12px;padding-left:18px;padding-right:18px}.topbar>.user{flex-wrap:wrap;gap:8px}.mgm-product-brand small{display:none}.mgm-product-brand>strong{font-size:23px}.mgm-welcome .inline{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.sidebar:not(:has(>.logo)){padding-top:18px}
.mgm-first-appearance{padding-top:20px}.mgm-first-appearance>h2{font-size:25px;letter-spacing:-.6px}.mgm-first-appearance>p{line-height:1.7;color:var(--muted)}
.mgm-first-appearance .theme-option{min-height:110px;text-align:left}.mgm-first-appearance button[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 2px var(--accent-line);background:var(--accent-soft);color:var(--ink)}
.mgm-theme-preview{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:22px;border:1px solid var(--accent-line);border-radius:12px;background:var(--surface-soft);margin:24px 0}.mgm-theme-preview p{margin:6px 0 0;font-size:12px;color:var(--muted)}.mgm-preview-pill{padding:9px 12px;border-radius:7px;font-size:11px;margin-left:auto;background:var(--primary);color:var(--on-primary)}.mgm-theme-help{border-top:1px solid var(--line);padding-top:18px}
@media(max-width:640px){.mgm-first-appearance .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mgm-first-appearance .theme-option{padding:12px;min-width:0}.mgm-first-appearance .theme-option small{font-size:10px}.mgm-preview-pill{margin-left:0}.mgm-first-appearance>h2{font-size:22px}}

#cloud-sync-status[hidden]{display:none!important}

.mgm-auth .auth-confirmation h1{color:#202226;font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:0 0 18px}.mgm-auth .auth-confirmation h1:focus{outline:none}.mgm-auth .auth-confirmation button{background:#fff;color:#202226;border-color:#afb3ba}

.mgm-admin-logo{gap:12px!important;padding:8px 8px 28px!important}.mgm-admin-logo .auth-monogram{font-family:'Inter Variable',Arial,sans-serif;font-size:34px;color:#f5f0ea;letter-spacing:-2px}.mgm-admin-logo .auth-brand-caption{font-family:'Inter Variable',Arial,sans-serif;font-size:10px;letter-spacing:1.8px;padding-left:12px}.mgm-admin-logo .auth-brand-caption small{display:block;font-size:8px;letter-spacing:0;white-space:nowrap;color:#c6c2bf}.mgm-admin-user{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.mgm-admin-user button{background:var(--surface-soft);border-color:var(--line);color:var(--ink);min-height:40px;white-space:nowrap}@media(max-width:640px){.mgm-admin-user{gap:10px}.mgm-admin-user>span{font-size:12px}}
