:root{--theme-sidebar:#19362e}
.sidebar{background:var(--theme-sidebar)}
.brand-mark{color:var(--green)}
.primary{background:var(--green);color:#fff}
.primary:hover:not(:disabled){filter:brightness(1.08)}
.hero{background:var(--green);color:#fff}
.hero .eyebrow{color:var(--lime)}
.auth-shell{background:radial-gradient(circle at top left,var(--green),#091b14 82%)}
.nav.active{border-left:3px solid var(--lime);color:#fff}
.brand-mark img,.brand-preview img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.brand-settings-panel{margin:20px 0;padding:22px}
.brand-settings-panel h2{font-size:20px;margin:16px 0 12px}
.brand-settings-panel>label,.brand-profile-form>label{display:grid;gap:6px;max-width:460px;margin:10px 0;font-size:13px;font-weight:700}
.brand-settings-panel select,.brand-profile-form input{border:1px solid #bdc9c1;border-radius:8px;padding:10px;background:#fff;font:inherit}
.theme-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin:16px 0}
.theme-preset{display:flex;align-items:center;gap:9px;min-height:48px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:9px;text-align:left;cursor:pointer;color:var(--ink)}
.theme-preset:hover,.theme-preset:focus-visible{outline:2px solid var(--green)}
.theme-swatch{width:34px;height:28px;flex:none;border-radius:6px;background:var(--swatch-primary);position:relative}
.theme-swatch:after{content:"";position:absolute;right:3px;bottom:3px;width:13px;height:13px;border-radius:50%;background:var(--swatch-accent);border:1px solid rgba(0,0,0,.2)}
.theme-custom{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:14px 0}
.theme-custom label{display:grid;gap:5px;font-size:13px;font-weight:700}
.theme-custom input[type=color]{width:58px;height:40px;padding:3px;border:1px solid #bdc9c1;border-radius:7px;background:#fff}
.brand-preview{display:flex;align-items:center;gap:12px;min-height:64px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);width:min(460px,100%)}
.brand-preview .brand-mark{width:40px;height:40px;flex:none}
.brand-profile-form{display:grid;gap:10px;max-width:520px}
.brand-profile-form>div{display:flex;gap:10px;flex-wrap:wrap}
.brand-profile-form small{color:var(--muted)}
.brand-profile-form .muted{margin:0}
@media(max-width:700px){.brand-settings-panel{padding:15px}.theme-custom{align-items:stretch;flex-direction:column}.theme-custom label{grid-template-columns:1fr auto;align-items:center}.brand-profile-form>div button{flex:1}}