/* Fonte central dos padrões visuais. Os componentes herdam estes tokens. */
#scarpa360-portal-estudo{
 --ui-font:BrandMont,Arial,sans-serif;--ui-primary:#0054d8;--ui-primary-hover:#0644ac;--ui-on-primary:#fff;
 --ui-surface:var(--s360-paper);--ui-text:var(--s360-ink);--ui-muted:var(--s360-muted);--ui-border:var(--s360-line);
 --ui-tint:#edf4ff;--ui-shadow:0 8px 26px #071c4010;--ui-dialog-shadow:0 24px 80px #071c4033;
 --ui-radius-control:10px;--ui-radius-panel:12px;--ui-radius-dialog:18px;--ui-control-height:44px;
 --ui-space:8px;--ui-focus:var(--s360-blue);--ui-duration:160ms;
}
#scarpa360-portal-estudo[data-theme=dark]{--ui-tint:#1c304e;--ui-shadow:0 8px 26px #0003;--ui-dialog-shadow:0 24px 80px #0008;color-scheme:dark}
/* O estado salvo acompanha a cor de leitura do tema, inclusive no modo escuro. */
#scarpa360-portal-estudo .s360-save[aria-pressed=true]{color:var(--s360-ink)}
#scarpa360-portal-estudo .s360-save[aria-pressed=true]:is(:hover,:focus-visible){color:var(--s360-blue)}
#scarpa360-portal-estudo :is(.ui-button,.primary-action,.dialog-close,dialog button,.demo-form button){box-sizing:border-box;min-height:var(--ui-control-height);padding:10px 14px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-text);font:600 12px/1.5 var(--ui-font);cursor:pointer;transition:background var(--ui-duration),border-color var(--ui-duration)}
#scarpa360-portal-estudo :is(.ui-button,.primary-action,.dialog-close,dialog button,.demo-form button):hover{background:var(--ui-tint);border-color:var(--ui-focus)}
#scarpa360-portal-estudo :is(.ui-button--primary,.primary-action,dialog .primary-action,.demo-form .primary-action){background:var(--ui-primary);border-color:var(--ui-primary);color:var(--ui-on-primary)}
#scarpa360-portal-estudo :is(.ui-button--primary,.primary-action,dialog .primary-action,.demo-form .primary-action):hover{background:var(--ui-primary-hover);color:var(--ui-on-primary)}
#scarpa360-portal-estudo :is(.ui-button,dialog button,.demo-form button):disabled{opacity:.55;cursor:not-allowed}
#scarpa360-portal-estudo :is(.ui-field,.demo-form input,.demo-form textarea,.demo-form select,dialog input,dialog textarea,dialog select):not([type=checkbox]):not([type=radio]):not([type=range]){box-sizing:border-box;min-width:0;width:100%;min-height:var(--ui-control-height);padding:11px 13px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-text);font:400 16px/1.5 var(--ui-font)}
#scarpa360-portal-estudo :is(.ui-field,.demo-form input,dialog input)::placeholder{color:var(--ui-muted);opacity:1}
#scarpa360-portal-estudo :is(.ui-button,.ui-field,.ui-menu a,.ui-menu button,dialog button,dialog input,dialog select,dialog textarea,dialog a,.demo-form input,.demo-form button):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
#scarpa360-portal-estudo :is(dialog,.ui-dialog){box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-dialog);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-dialog-shadow);font-family:var(--ui-font);overflow:auto;overscroll-behavior:contain}
#scarpa360-portal-estudo dialog::backdrop{background:#07162b80;backdrop-filter:blur(5px)}
#scarpa360-portal-estudo dialog .dialog-close{display:flex;align-items:center;justify-content:center;margin-left:auto;min-width:44px;border-radius:var(--ui-radius-control);background:var(--ui-tint);color:var(--ui-muted)}
#scarpa360-portal-estudo dialog h2{font:700 clamp(23px,4vw,29px)/1.2 var(--ui-font);letter-spacing:-.025em;margin:16px 0 12px;color:var(--ui-text)}
#scarpa360-portal-estudo dialog p{font:400 13px/1.65 var(--ui-font);color:var(--ui-muted)}
#scarpa360-portal-estudo dialog .eyebrow{font:600 10px/1.5 var(--ui-font);letter-spacing:.1em;color:var(--ui-focus)}
#scarpa360-portal-estudo .demo-form{gap:calc(var(--ui-space)*2)}
#scarpa360-portal-estudo .demo-form label{font:500 12px/1.5 var(--ui-font);color:var(--ui-text);gap:var(--ui-space)}
#scarpa360-portal-estudo dialog :is(.nl-demo-note,small){font-size:11px;color:var(--ui-muted)}
#scarpa360-portal-estudo dialog [role=status]:empty{display:none}
#scarpa360-portal-estudo :is(.ui-menu,.managed-submenu-items){border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);background:var(--ui-surface);box-shadow:var(--ui-shadow);padding:var(--ui-space)}
#scarpa360-portal-estudo :is(.ui-menu a,.ui-menu button,.managed-submenu-items a){border-radius:var(--ui-radius-control);color:var(--ui-text)}
#scarpa360-portal-estudo :is(.ui-menu a,.ui-menu button,.managed-submenu-items a):hover{background:var(--ui-tint);color:var(--ui-focus)}
/* O player usa uma variante escura permanente da mesma família de componentes. */
#scarpa360-portal-estudo .smart-player{--ui-surface:#132940;--ui-text:#edf6ff;--ui-muted:#bbcee2;--ui-border:#8aafd738;--ui-primary:#8bcfff;--ui-primary-hover:#bbe5ff;--ui-on-primary:#09223c;--ui-focus:#98d8ff;--player-ink:var(--ui-text);--player-muted:var(--ui-muted);--player-accent:var(--ui-primary);--player-line:var(--ui-border);--player-radius:var(--ui-radius-control)}
#scarpa360-portal-estudo .smart-player :is(.smart-setting,.smart-secondary-button,.smart-mini-controls button,.smart-top button){border-radius:var(--ui-radius-control)}
@media(max-width:600px){#scarpa360-portal-estudo :is(dialog,.ui-dialog){padding:20px}}
@media(prefers-reduced-motion:reduce){#scarpa360-portal-estudo{--ui-duration:0ms}}

#scarpa360-portal-estudo #community-dialog .community-decline{width:100%;background:#e5e7eb;color:#374151;border:1px solid #d1d5db;border-radius:var(--ui-radius-control);min-height:44px;padding:10px 14px;font:600 12px/1.4 BrandMont,Arial,sans-serif;cursor:pointer}
#scarpa360-portal-estudo #community-dialog .community-decline:hover{background:#d1d5db}
#scarpa360-portal-estudo #community-dialog .community-decline:focus-visible{outline:2px solid var(--ui-primary);outline-offset:3px}

#scarpa360-portal-estudo .dialog-choice-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch;width:100%}
#scarpa360-portal-estudo .dialog-choice-actions>button{width:100%;min-width:0;white-space:normal;margin:0;min-height:44px;padding:10px;font:600 12px/1.4 BrandMont,Arial,sans-serif;letter-spacing:0}
#scarpa360-portal-estudo .dialog-choice-actions .dialog-decline{background:#e5e7eb;color:#374151;border:1px solid #d1d5db;border-radius:var(--ui-radius-control);cursor:pointer}
#scarpa360-portal-estudo .dialog-choice-actions .dialog-decline:hover{background:#d1d5db}
#scarpa360-portal-estudo .dialog-choice-actions .dialog-decline:focus-visible{outline:2px solid var(--ui-primary);outline-offset:3px}

#scarpa360-portal-estudo .content-cta{grid-column:1/-1;width:100%;box-sizing:border-box;margin:28px 0;clear:both}
#scarpa360-portal-estudo .content-cta h2{font:700 25px/1.25 BrandMont,Arial,sans-serif;letter-spacing:-.4px;margin:10px 0 12px;text-transform:none}
#scarpa360-portal-estudo .content-cta p{font:400 14px/1.7 BrandMont,Arial,sans-serif;margin:0}
#scarpa360-portal-estudo .content-cta .signup-preview{min-width:0}
#scarpa360-portal-estudo .content-cta button{white-space:normal}
@media(max-width:700px){#scarpa360-portal-estudo .content-cta{padding:22px 18px;margin:24px 0}#scarpa360-portal-estudo .content-cta h2{font-size:22px}}

#scarpa360-portal-estudo .account-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}#scarpa360-portal-estudo .account-links button{border:0;background:transparent;color:var(--s360-blue);font:500 12px/1.4 BrandMont,Arial,sans-serif;cursor:pointer;padding:6px}