/* Additive appearance overrides. No selector below changes Original's existing UI. */
html[data-color-palette] body.group-timer-page{
 --gt-auth-ink:var(--sc-text);--gt-auth-muted:var(--sc-muted);--gt-auth-line:var(--sc-border);
 --gt-auth-panel:var(--sc-surface);--gt-auth-soft:var(--sc-surface-soft);--gt-auth-mint:var(--sc-accent-strong);--gt-auth-primary:var(--sc-accent-strong);
}
html[data-color-palette] body#studyTickApp{
 --st-nav-fill:var(--sc-button-bg);--st-nav-hover:var(--sc-button-bg-hover);--st-nav-active:var(--sc-accent-soft);
 --st-nav-border:var(--sc-button-border);--st-nav-text:var(--sc-button-text);--st-nav-active-border:var(--sc-accent-strong);
}
html[data-color-palette] #studyTickHeader .st-nav-glyph{color:var(--sc-accent-strong)!important}
html[data-color-palette] .today-signature-head :is(h1,h2,h3){color:var(--sc-text)!important}
html[data-color-palette] body,
html[data-color-palette] body#studyTickApp{background:var(--sc-bg)!important;color:var(--sc-text)!important}
html[data-color-palette] :is(.group-header,.ticknotes-site-header){background:var(--sc-surface)!important;border-color:var(--sc-border)!important}
html[data-color-palette] :is(.today-card,.today-progress-card,.today-timeline-card,.group-card,.group-clock-card,.group-collab-card,.group-social-dialog,.group-tasks-panel,.group-chat-panel){background:var(--sc-surface)!important;color:var(--sc-text)!important;border-color:var(--sc-border)!important}
html[data-color-palette] .group-timer-page :is(.group-clock,.group-intro h1,.group-card h2,.group-card h3,label){color:var(--sc-text)}
html[data-color-palette] .group-timer-page :is(.group-muted,.group-small,.group-back){color:var(--sc-muted)}
html[data-color-palette] .group-timer-page :is(input,select,textarea){border-color:var(--sc-control-border);color:var(--sc-text);background:var(--sc-surface-raised)}
html[data-color-palette] .group-timer-page .group-primary{background:var(--sc-button-bg)!important;color:var(--sc-button-text)!important;border-color:var(--sc-button-border)!important}
html[data-color-palette] .group-timer-page .group-primary:hover{background:var(--sc-button-bg-hover)!important}
html[data-color-palette] .focus{background:var(--sc-focus)!important;color:var(--sc-focus-text)!important}
html[data-color-palette] .focus :is(.eyebrow,#status){color:var(--st-colors-focus-accent)!important}
html[data-color-palette] :is(.today-progress-track,.group-track){background:var(--sc-surface-soft)!important}
html[data-color-palette] :is(.today-progress-track,.group-track)>div{background:var(--st-colors-indicator)!important}
html[data-color-palette] .focus .bar div{background:var(--st-colors-focus-indicator)!important}
html[data-color-palette] .chime-focus-ring .chime-ring-progress{stroke:var(--st-colors-ring)!important}
html[data-color-palette] .chime-focus-ring .chime-ring-marker{fill:var(--st-colors-ring)!important}
html[data-color-palette] :is(.grid-block.is-current,.tick-calendar-day.is-today){background:var(--sc-accent-soft)!important;color:var(--sc-text)!important;border-color:var(--sc-accent-strong)!important}
html[data-color-palette] .tick-calendar-grid button[aria-current="date"]{background:var(--sc-accent)!important;color:var(--st-colors-on-accent)!important;border-color:var(--sc-accent-strong)!important}
html[data-color-palette] .st-menu-glyph{background:var(--sc-accent-soft)!important;color:var(--sc-accent-strong)!important}
/* Brand mark geometry, animation, semantic states, and hourglass SVG fills are untouched. */
html[data-color-palette] :is(button,input,select,textarea,a,summary):focus-visible{outline:2px solid var(--sc-accent-strong)!important;outline-offset:3px}

.st-colors-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid var(--sc-border);border-radius:16px;background:var(--sc-surface-raised);color:var(--sc-text);box-shadow:var(--sc-shadow);font:14px/1.5 Inter,system-ui,sans-serif}
.st-colors-dialog::backdrop{background:rgba(10,15,20,.65)}
.st-colors-dialog *{box-sizing:border-box}
.st-colors-dialog form{display:block;margin:0}
.st-colors-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.st-colors-heading h2{font:600 23px/1.25 'Playfair Display',Georgia,serif;margin:0;color:inherit}
html[data-theme] #stColorsDialog button{font:inherit;min-height:44px;padding:8px 12px;border:1px solid var(--sc-control-border)!important;border-radius:9px;background:var(--sc-surface)!important;color:var(--sc-text)!important;cursor:pointer;box-shadow:none}
html[data-theme] .st-colors-dialog .st-colors-close{width:44px;flex:none;font-size:24px;padding:0}
.st-colors-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 6px;font-size:13px;font-weight:600;color:inherit}
html[data-theme] .st-colors-dialog select{min-width:0;max-width:70%;min-height:44px;border:1px solid var(--sc-control-border);border-radius:8px;padding:8px;background:var(--sc-surface);color:var(--sc-text);font:inherit}
.st-colors-dialog .st-colors-hint{font-size:12px;line-height:1.5;color:var(--sc-muted);margin:6px 0 12px;overflow-wrap:anywhere}
.st-colors-palettes{display:grid;gap:6px;margin:12px 0}
html[data-theme] .st-colors-palettes button{display:grid;grid-template-columns:76px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:start;padding:9px 10px;min-height:47px;font-size:13px;line-height:1.3}
html[data-theme] #stColorsDialog .st-colors-palettes button[aria-pressed=true]{background:var(--sc-accent-soft)!important;border:2px solid var(--sc-accent-strong)!important;padding:8px 9px}
.st-colors-selected{visibility:hidden;font-weight:800}
[aria-pressed=true]>.st-colors-selected{visibility:visible}
.st-colors-swatches{display:flex;overflow:hidden;border:1px solid var(--sc-control-border);border-radius:6px;height:24px;width:76px}
.st-colors-swatches i{width:20%;height:100%}
.st-colors-accent{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.st-colors-accent label,.st-colors-ring{display:flex!important;align-items:center;gap:9px;font-size:13px;font-weight:500;color:inherit;margin:0}
.st-colors-dialog input[type=checkbox]{width:20px;height:20px;flex:none;margin:0;accent-color:var(--sc-accent-strong)}
.st-colors-dialog input[type=color]{width:52px;min-height:36px;padding:3px;border:1px solid var(--sc-control-border);border-radius:7px}
.st-colors-dialog input:disabled{opacity:.5}
.st-colors-ring{margin-top:10px}
.st-colors-sample{margin:14px 0 0;padding:12px;border:1px solid var(--sc-control-border);border-radius:10px;background:var(--sc-bg);color:var(--sc-text);font-size:11px}
.st-colors-sample-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--sc-surface);color:var(--sc-text);border-radius:7px;padding:12px;margin-top:7px;font-size:13px}
.st-colors-sample-button{background:var(--sc-accent);color:var(--st-colors-on-accent,#172841);border-radius:6px;padding:7px 10px;font-size:11px;font-weight:650}
.st-colors-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:12px;padding-bottom:4px;border-top:1px solid var(--sc-border);position:sticky;bottom:-20px;z-index:2;background:var(--sc-surface-raised)}
html[data-theme] .st-colors-dialog #stColorsReset{margin-inline-end:auto;font-size:12px}
html[data-theme] #stColorsDialog #stColorsApply{background:var(--sc-button-bg)!important;color:var(--sc-button-text)!important;border-color:var(--sc-button-border)!important;font-weight:700}
.st-colors-dialog button:disabled{opacity:.55;cursor:wait}
.st-customize-colors-entry{margin-top:10px;width:100%;min-height:44px}
.st-colors-menu{position:relative;font:600 13px/1.4 Inter,system-ui,sans-serif;flex:none;color:var(--sc-text)}
.st-colors-menu>summary{list-style:none;cursor:pointer;min-height:40px;padding:10px 12px;border:1px solid var(--sc-control-border);border-radius:9px;background:var(--sc-surface-raised)}
.st-colors-menu>summary::-webkit-details-marker{display:none}
.st-colors-menu>details{position:absolute;z-index:55;inset-block-start:calc(100% + 6px);inset-inline-end:0;width:min(235px,calc(100vw - 24px));padding:12px;border:1px solid var(--sc-border);border-radius:10px;background:var(--sc-surface-raised);box-shadow:var(--sc-shadow)}
.st-colors-menu>details>summary{cursor:pointer;padding:8px;min-height:40px}
.st-colors-menu button{width:100%;min-height:44px;margin-top:6px}
@media(max-width:420px){.st-colors-dialog{padding:14px}.st-colors-palettes button{grid-template-columns:64px minmax(0,1fr) 18px!important;gap:8px!important}.st-colors-swatches{width:64px}.st-colors-actions{bottom:-14px}.st-colors-actions #stColorsReset{flex-basis:100%}.st-colors-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.st-colors-dialog *{transition:none!important}}
@media print{.st-colors-dialog,.st-colors-menu{display:none!important}}
/* Palette surface coverage — opt-in only. The Original palette retains all
   existing styling, and semantic success/error/online and hourglass colors stay intact. */
html[data-color-palette] .group-timer-page #groupRoom .group-session-summary{
 background:linear-gradient(125deg,var(--sc-surface-raised),var(--sc-surface))!important;
 border-color:var(--sc-border)!important;color:var(--sc-text)!important;
}
html[data-color-palette] .group-timer-page #groupRoom .group-room-name{
 border-color:var(--sc-border)!important;
}
html[data-color-palette] .group-timer-page #groupRoom :is(.group-room-name h2,.group-clock,.group-section-heading,.group-members-title h3,.group-collapsible>summary h3){
 color:var(--sc-text)!important;
}
html[data-color-palette] .group-timer-page #groupRoom :is(.group-room-name .group-kicker,.group-status){
 color:var(--sc-accent-strong)!important;
}
html[data-color-palette] .group-timer-page #groupRoom .group-collapsible>summary::after{
 color:var(--sc-accent-strong)!important;
}
html[data-color-palette] .group-timer-page #groupRoom :is(#groupDurationLabel,#groupAccountIdentity,.group-room-details .group-muted){
 color:var(--sc-muted)!important;
}
html[data-color-palette] .group-timer-page #groupRoom :is(.group-host-controls,.group-quick-settings,.group-collab-access,.group-discord-community){
 background:var(--sc-surface-soft)!important;border-color:var(--sc-border)!important;color:var(--sc-text)!important;
}
html[data-color-palette] .group-timer-page #groupRoom :is(.group-collab-card,.group-collab-progress,.group-chat-list,.group-task-actions .group-task-icon-btn){
 border-color:var(--sc-border)!important;color:var(--sc-text)!important;
}
html[data-color-palette] .group-timer-page #groupRoom .group-collab-progress{
 background:var(--sc-accent-soft)!important;color:var(--sc-muted)!important;
}
html[data-color-palette] .group-timer-page #groupRoom #groupChatList{
 background:var(--sc-surface-soft)!important;border-color:var(--sc-border)!important;
}
html[data-color-palette] .group-timer-page #groupRoom .group-chat-entry{
 background:var(--sc-surface-raised)!important;border-color:var(--sc-border)!important;color:var(--sc-text)!important;
}
html[data-color-palette] .group-timer-page #groupRoom .group-chat-entry.is-own{
 background:var(--sc-accent-soft)!important;border-color:var(--sc-accent-strong)!important;
}
html[data-color-palette] .group-timer-page #groupRoom :is(.group-chat-body,.group-task-body,.group-collab-heading h3){
 color:var(--sc-text)!important;
}
html[data-color-palette] .group-timer-page #groupRoom :is(.group-chat-meta,.group-collab-chat-notice,.group-collab-help,.group-collab-empty,.group-task-person-title,.group-collab-status:not([data-error="true"])){
 color:var(--sc-muted)!important;
}
html[data-color-palette] .group-timer-page #groupRoom .group-task-done .group-task-body{
 color:var(--sc-muted)!important;
}
html[data-color-palette] .group-timer-page #groupRoom :is(.group-chat-emoji,.group-chat-emoji-picker .group-emoji-choice,.group-task-actions .group-task-icon-btn){
 background:var(--sc-surface-raised)!important;border-color:var(--sc-border)!important;color:var(--sc-text)!important;
}
html[data-color-palette] .group-timer-page #groupRoom :is(.group-chat-emoji-picker .group-emoji-choice:hover,.group-task-item:hover){
 background:var(--sc-accent-soft)!important;
}
html[data-color-palette] .group-timer-page #groupRoom :is(#groupTaskInput,#groupChatComposerInput,.group-task-edit){
 background:var(--sc-surface-raised)!important;border-color:var(--sc-control-border)!important;color:var(--sc-text)!important;
}
html[data-color-palette] .group-timer-page :is(.group-social-nav-btn,.social-close,.social-inline-btn,.social-add-friend,.social-invite-link,.social-find-row button){
 background:var(--sc-button-bg)!important;border-color:var(--sc-button-border)!important;color:var(--sc-button-text)!important;
}
html[data-color-palette] .group-timer-page :is(.group-social-nav-btn,.social-inline-btn,.social-add-friend,.social-invite-link):hover{
 background:var(--sc-button-bg-hover)!important;border-color:var(--sc-accent-strong)!important;
}
html[data-color-palette] .group-timer-page :is(.group-social-nav-btn--friends .group-social-icon-badge,.group-social-heading-icon .group-social-title-friends){
 color:var(--sc-accent-strong)!important;
}
html[data-color-palette] .group-timer-page .group-social-nav-btn--friends .group-social-icon-badge{
 background:var(--sc-accent-soft)!important;border-color:var(--sc-border)!important;
}
/* Keep genuine semantic online, success, error and destructive controls distinct. */
html[data-color-palette] .st-install-ready #groupInstallDialog,
html[data-color-palette] .group-timer-page #groupInstallDialog{
 background:var(--sc-surface-raised)!important;color:var(--sc-text)!important;border-color:var(--sc-border)!important;
}
html[data-color-palette] .group-timer-page #groupInstallDialog :is(h2,p,[role=tabpanel]){
 color:var(--sc-text)!important;
}
html[data-color-palette] .group-timer-page #groupInstallDialog .group-install-tabs{
 background:var(--sc-surface-soft)!important;
}
html[data-color-palette] .group-timer-page #groupInstallDialog [role=tab][aria-selected=true]{
 background:var(--sc-accent-soft)!important;color:var(--sc-text)!important;border-color:var(--sc-accent-strong)!important;
}
html[data-color-palette] .group-timer-page #groupInstallNative{
 background:var(--sc-button-bg)!important;border-color:var(--sc-button-border)!important;color:var(--sc-button-text)!important;
}
html[data-color-palette] .group-timer-page #groupInstallOpen{
 background:var(--sc-button-bg)!important;border-color:var(--sc-button-border)!important;color:var(--sc-button-text)!important;
}
html[data-color-palette] .group-timer-page #groupInstallDialog .group-install-actions a{
 background:var(--sc-button-bg)!important;border-color:var(--sc-button-border)!important;color:var(--sc-button-text)!important;
}
html[data-color-palette] .group-timer-page #groupAccountForm :is(input,button:not(.group-primary)){
 background:var(--sc-surface-raised)!important;border-color:var(--sc-control-border)!important;color:var(--sc-text)!important;
}

/* The selected workspace palette also covers account controls and TickNotes
   navigation, while retaining independent TickNotes and Website preferences. */
html[data-color-palette] body .account-card{
 background:var(--sc-surface)!important;border-color:var(--sc-border)!important;color:var(--sc-text)!important;
}
html[data-color-palette] body :is(.account-card button,.account-card input,.account-card .account-primary){
 background:var(--sc-surface-raised)!important;border-color:var(--sc-control-border)!important;color:var(--sc-text)!important;
}
html[data-color-palette] body .account-card :is(.account-primary,#accountSubmit){
 background:var(--sc-button-bg)!important;border-color:var(--sc-button-border)!important;color:var(--sc-button-text)!important;
}
html[data-color-palette] body .account-card .account-tabs [aria-pressed="true"]{
 background:var(--sc-accent-soft)!important;border-color:var(--sc-accent-strong)!important;color:var(--sc-text)!important;
}
html[data-color-palette] body .account-card a:not(.account-primary){
 color:var(--sc-link)!important;
}
html[data-color-palette] body.ticknotes-page :is(#ticknotesMainNav a,.ticknotes-header-actions button,.ticknotes-header-actions a):hover{
 background:var(--sc-button-bg-hover)!important;color:var(--sc-button-text)!important;border-color:var(--sc-button-border)!important;
}



/* Residual palette audit: the dark Menu previously used a fixed charcoal
   surface and green glyph/active-trigger colors. Named palettes must inherit
   their own readable tokens. Original mode retains the existing design. */
html[data-color-palette][data-theme="dark"] .st-menu-dropdown{
 background:var(--sc-surface-raised)!important;
 border-color:var(--sc-border)!important;
 --st-menu-quiet:var(--sc-muted);
}
html[data-color-palette][data-theme="dark"] .st-menu-dropdown .st-menu-glyph{
 background:color-mix(in srgb,var(--sc-accent-strong) 11%,var(--sc-surface-raised))!important;
 border-color:color-mix(in srgb,var(--sc-accent-strong) 23%,var(--sc-border))!important;
 color:var(--sc-accent-strong)!important;
}
html[data-color-palette] body#studyTickApp #studyTickHeader .st-toolbar #studyTickMenu[aria-expanded="true"],
html[data-color-palette] .st-menu-trigger[aria-expanded="true"]{
 background:var(--sc-accent)!important;
 border-color:var(--sc-accent-strong)!important;
 color:var(--st-colors-on-accent)!important;
}
/* The selected time-format button must use the chosen palette rather than
   the legacy fixed mint/green colors in the settings dialog. */
html[data-color-palette][data-theme] #settingsDialog #timeFormatSegment button[aria-pressed="true"]{
 background:var(--sc-accent)!important;
 border-color:var(--sc-accent)!important;
 color:var(--st-colors-on-accent)!important;
 box-shadow:none!important;
}

/* Palette audit: Group Timer preferences and chat overlays live outside some
   of the existing room-scoped selectors. Match their surfaces to the active
   website tokens in all named palettes and both light/dark appearances.
   Do not recolor semantic alerts, status icons or metallic hourglass artwork. */
html[data-color-palette] body.group-timer-page :is(
 .group-personal-sound,.group-chat-emoji-picker,.group-cycle-inline,
 .group-cycle-settings,.group-quick-settings,.group-host-controls
){
 background:var(--sc-surface-soft)!important;
 border-color:var(--sc-border)!important;
 color:var(--sc-text)!important;
}
html[data-color-palette] body.group-timer-page .group-personal-sound :is(label,.group-sound-private-label,#groupPersonalSoundHint){
 color:var(--sc-muted)!important;
}
html[data-color-palette] body.group-timer-page .group-personal-sound>label{
 color:var(--sc-text)!important;
}
html[data-color-palette] body.group-timer-page :is(
 .group-personal-sound #groupPersonalSound,
 .group-timer-preferences #groupTimerAppearance,
 #groupSharedSound,.group-host-controls .group-length-field>input,
 .group-cycle-setting-row input,.group-cycle-break input
){
 background:var(--sc-surface-raised)!important;
 color:var(--sc-text)!important;
 border-color:var(--sc-control-border)!important;
 box-shadow:none!important;
}
html[data-color-palette] body.group-timer-page :is(
 .group-timer-preferences .group-appearance-label,.group-section-heading,
 .group-cycle-panel-heading,.group-cycle-phase,.group-alert-settings strong
){
 color:var(--sc-text)!important;
}
html[data-color-palette] body.group-timer-page :is(
 #groupMiniStatus,.group-length-field>span,.group-alert-settings .group-small,
 .group-cycle-settings #groupCycleHint,.group-sound-note
){
 color:var(--sc-muted)!important;
}
html[data-color-palette] body.group-timer-page :is(
 .group-host-controls .group-adjust,.group-alert-settings,
 .group-cycle-settings,.group-cycle-inline
){
 border-color:var(--sc-border)!important;
}
html[data-color-palette] body.group-timer-page :is(
 .group-chat-emoji-picker .group-emoji-choice:not(.group-emoji-choice--silver),
 .group-task-actions .group-task-icon-btn,.group-playback-controls #groupStart,
 .group-playback-controls #groupPause,.group-utility-actions>button
){
 background:var(--sc-button-bg)!important;
 color:var(--sc-button-text)!important;
 border-color:var(--sc-button-border)!important;
}
html[data-color-palette] body.group-timer-page :is(
 .group-chat-emoji-picker .group-emoji-choice:not(.group-emoji-choice--silver),
 .group-task-actions .group-task-icon-btn,.group-playback-controls #groupStart,
 .group-playback-controls #groupPause,.group-utility-actions>button
):hover:not(:disabled){
 background:var(--sc-button-bg-hover)!important;
 color:var(--sc-button-text)!important;
 border-color:var(--sc-accent-strong)!important;
}
html[data-color-palette] body.group-timer-page .group-alert-choice input{
 accent-color:var(--sc-accent-strong)!important;
}
html[data-color-palette] body.group-timer-page .group-quick-settings :is(a,summary):focus-visible{
 outline-color:var(--sc-accent-strong)!important;
}
/* The theme and palette controls remain scoped to their own workspace;
   this never couples independent TickNotes settings to the website. */