:root{--brand-primary-custom:#111827;--brand-secondary-custom:#facc15;--brand-accent-custom:#2563eb;--theme-primary:var(--brand-primary-custom);--theme-secondary:var(--brand-secondary-custom);--theme-accent:var(--brand-accent-custom);--theme-on-primary:#ffffff;--theme-background:#f7f8fa;--theme-surface:#ffffff;--theme-surface-muted:#f3f4f6;--theme-text:#172033;--theme-text-muted:#667085;--theme-border:#d9dee8;--theme-shadow:0 18px 48px rgb(15 23 42/10%);--theme-focus:color-mix(in srgb,var(--theme-primary) 30%,transparent)}:root[data-identity=group]{--theme-primary:var(--brand-primary-custom);--theme-secondary:var(--brand-secondary-custom);--theme-accent:var(--brand-accent-custom);--theme-on-primary:#ffffff}:root[data-identity=lobinho]{--theme-primary:#fdb730;--theme-secondary:#004a8f;--theme-accent:#004a8f;--theme-on-primary:#004a8f}:root[data-identity=escoteiro]{--theme-primary:#8dc63f;--theme-secondary:#08532a;--theme-accent:#08532a;--theme-on-primary:#08532a}:root[data-identity=senior]{--theme-primary:#00a5e5;--theme-secondary:#a61744;--theme-accent:#a61744;--theme-on-primary:#172033}:root[data-identity=pioneiro]{--theme-primary:#524fa1;--theme-secondary:#ed1c24;--theme-accent:#524fa1;--theme-on-primary:#ffffff}:root[data-theme=dark][data-identity=lobinho]{--theme-primary:#fdb730;--theme-secondary:#004a8f;--theme-accent:#fdb730;--theme-on-primary:#004a8f}:root[data-theme=dark][data-identity=escoteiro]{--theme-primary:#8dc63f;--theme-secondary:#08532a;--theme-accent:#8dc63f;--theme-on-primary:#08532a}:root[data-theme=dark][data-identity=senior]{--theme-primary:#00a5e5;--theme-secondary:#a61744;--theme-accent:#00a5e5;--theme-on-primary:#172033}:root[data-theme=dark][data-identity=pioneiro]{--theme-primary:#524fa1;--theme-secondary:#ed1c24;--theme-accent:#a9a6ef;--theme-on-primary:#ffffff}.theme-settings-page{--page-background:#f7f8fa;--page-surface:#ffffff;--page-surface-muted:#f3f4f6;--page-text:#172033;--page-text-muted:#667085;--page-border:#d9dee8;--page-shadow:0 18px 48px rgb(15 23 42/10%);background:var(--page-background);color:var(--page-text);margin:0 auto;max-width:1320px;min-height:100%;padding:32px}:root[data-theme=dark] .theme-settings-page{--page-background:#0c111b;--page-surface:#141b27;--page-surface-muted:#1d2635;--page-text:#f4f7fb;--page-text-muted:#aeb8c8;--page-border:#303a4a;--page-shadow:0 18px 48px rgb(0 0 0/34%)}.theme-settings-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:28px}.theme-settings-header h1{color:var(--page-text);font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em;margin:2px 0 8px}.theme-settings-header p{color:var(--page-text-muted);margin:0;max-width:720px}.theme-preview__eyebrow,.theme-settings-eyebrow{color:var(--theme-accent)!important;font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.theme-settings-layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)}.theme-settings-form{display:grid;gap:20px}.theme-panel,.theme-preview,.theme-save-panel{background:var(--page-surface);border:1px solid var(--page-border);border-radius:18px;box-shadow:var(--page-shadow);padding:24px}.theme-panel h2{color:var(--page-text);font-size:1.05rem;margin:0 0 6px}.theme-panel p,.theme-save-panel p{color:var(--page-text-muted);margin:0}.theme-fieldset{border:0;margin:0;padding:0}.theme-fieldset__legend{color:var(--page-text);font-size:1.05rem;font-weight:750;margin-bottom:16px}.theme-option-grid{display:grid;gap:12px}.theme-choice{align-items:center;background:var(--page-surface);border:1px solid var(--page-border);border-radius:14px;color:var(--page-text);cursor:pointer;display:flex;gap:12px;min-height:72px;padding:14px 16px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.theme-choice:hover{border-color:var(--theme-primary);transform:translateY(-1px)}.theme-choice[data-selected=true]{border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-focus)}.theme-choice input{accent-color:var(--theme-primary)}.theme-choice>span:first-of-type{display:grid;flex:1;gap:4px}.theme-choice strong{color:var(--page-text)}.theme-choice small{color:var(--page-text-muted)}.theme-choice__swatch{background:var(--theme-primary);border:3px solid var(--page-surface);border-radius:999px;box-shadow:0 0 0 1px var(--page-border);height:28px;width:28px}.theme-choice__swatch[data-swatch=group]{background:linear-gradient(135deg,var(--brand-primary-custom) 0 50%,var(--brand-secondary-custom) 50% 100%)}.theme-choice__swatch[data-swatch=lobinho]{background:linear-gradient(135deg,#fdb730 0 50%,#004a8f 50% 100%)}.theme-choice__swatch[data-swatch=escoteiro]{background:linear-gradient(135deg,#8dc63f 0 50%,#08532a 50% 100%)}.theme-choice__swatch[data-swatch=senior]{background:linear-gradient(135deg,#00a5e5 0 50%,#a61744 50% 100%)}.theme-choice__swatch[data-swatch=pioneiro]{background:linear-gradient(135deg,#524fa1 0 50%,#ed1c24 50% 100%)}.theme-color-grid{display:grid;gap:14px;margin-top:18px}.theme-color-field{color:var(--page-text);display:grid;gap:8px}.theme-color-field>span{font-size:.85rem;font-weight:700}.theme-color-field>div{display:grid;gap:10px;grid-template-columns:52px minmax(0,1fr)}.theme-color-field input[type=color]{background:var(--page-surface);border:1px solid var(--page-border);border-radius:10px;height:44px;padding:4px;width:52px}.theme-color-field input[type=text]{background:var(--page-surface-muted);border:1px solid var(--page-border);border-radius:10px;color:var(--page-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-height:44px;padding:0 12px;text-transform:uppercase}.theme-button-primary:focus-visible,.theme-button-secondary:focus-visible,.theme-choice:has(input:focus-visible),.theme-color-field input:focus-visible,.theme-reset-button:focus-visible,.theme-save-button:focus-visible{outline:3px solid var(--theme-focus);outline-offset:2px}.theme-save-panel{align-items:center;display:flex;gap:20px;justify-content:space-between}.theme-save-panel strong{color:var(--page-text);display:block;margin-bottom:5px}.theme-save-button{background:var(--theme-primary);border:1px solid var(--theme-primary);border-radius:11px;color:var(--theme-on-primary);cursor:pointer;font:inherit;font-weight:750;min-height:44px;padding:0 18px;white-space:nowrap}.theme-save-button:disabled{cursor:default;opacity:.62}.theme-save-success{background:color-mix(in srgb,var(--theme-primary) 12%,var(--page-surface));border:1px solid color-mix(in srgb,var(--theme-primary) 32%,var(--page-border));border-radius:12px;color:var(--theme-accent);font-weight:700;margin:0;padding:13px 16px}.theme-preview{overflow:hidden;position:sticky;top:24px}.theme-preview:before{background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary),var(--theme-accent));content:"";height:6px;inset:0 0 auto;position:absolute}.theme-preview__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding-top:10px}.theme-preview__header h2{color:var(--page-text);font-size:2rem;margin:4px 0}.theme-preview__header p{color:var(--page-text-muted);margin:0}.theme-status-badge{background:color-mix(in srgb,var(--theme-primary) 14%,var(--page-surface));border:1px solid color-mix(in srgb,var(--theme-primary) 38%,var(--page-border));border-radius:999px;color:var(--theme-accent);font-size:.75rem;font-weight:800;padding:7px 10px}.theme-preview__content{display:grid;gap:12px;margin:28px 0 20px}.theme-sample-card{background:var(--page-surface-muted);border:1px solid var(--page-border);border-radius:14px;color:var(--page-text);display:grid;gap:5px;padding:16px}.theme-sample-card small,.theme-sample-card span{color:var(--page-text-muted)}.theme-sample-card strong{color:var(--page-text);font-size:1.35rem}.theme-sample-status{color:var(--theme-accent)!important;font-size:.85rem!important;letter-spacing:.06em}.theme-preview__actions{display:flex;flex-wrap:wrap;gap:10px}.theme-button-primary,.theme-button-secondary,.theme-reset-button{border-radius:11px;cursor:pointer;font:inherit;font-weight:750;min-height:42px;padding:0 16px}.theme-button-primary{background:var(--theme-primary);border:1px solid var(--theme-primary);color:var(--theme-on-primary)}.theme-button-secondary,.theme-reset-button{background:var(--page-surface);border:1px solid var(--page-border);color:var(--page-text)}.theme-reset-button{white-space:nowrap}@media (max-width:920px){.theme-settings-layout{grid-template-columns:1fr}.theme-preview{position:static}}@media (max-width:640px){.theme-settings-page{padding:20px 16px}.theme-save-panel,.theme-settings-header{display:grid}.theme-reset-button,.theme-save-button{width:100%}}