@layer fireweek-buttons {
/* Fireweek shared buttons. Visual properties belong here, layout belongs to the parent.
   Legacy selectors are migration aliases for dynamically generated markup. */
:root{
  --fw-button-height:44px;
  --fw-button-radius:12px;
  --fw-button-font-size:15px;
  --fw-button-weight:600;
  --fw-button-ink:#fff;
  --fw-button-bg:#202124;
  --fw-button-hover:#353639;
  --fw-button-danger:#b4233c;
  --fw-button-focus:#625cff;
}
:is([data-ui-button],.premium-cta,.legacy-import-accept,.legacy-import-cancel,.integration-row button,.ics-import-button,[data-calendar-action="save-rename"],[data-calendar-action="cancel-rename"],[data-calendar-action="confirm-delete"],[data-calendar-action="cancel-delete"]){
  box-sizing:border-box!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:var(--fw-button-height)!important;padding:10px 16px!important;
  border:1px solid transparent!important;border-radius:var(--fw-button-radius)!important;
  background:var(--fw-button-bg)!important;color:var(--fw-button-ink)!important;
  font-family:inherit!important;font-size:var(--fw-button-font-size)!important;font-weight:var(--fw-button-weight)!important;line-height:22px!important;
  text-align:center;text-decoration:none!important;letter-spacing:normal!important;
  cursor:pointer;box-shadow:none!important;transition:background-color 120ms ease,opacity 120ms ease;
}
:is([data-ui-button="secondary"],.legacy-import-cancel,.integration-row button,.ics-import-button,[data-calendar-action="cancel-rename"],[data-calendar-action="cancel-delete"]){
  --fw-button-bg:color-mix(in srgb,currentColor 7%,transparent);
  --fw-button-ink:var(--task-dialog-ink,var(--text,#202124));
  --fw-button-hover:color-mix(in srgb,currentColor 12%,transparent);
}
:is([data-ui-button="danger"],[data-calendar-action="confirm-delete"]){--fw-button-bg:var(--fw-button-danger);--fw-button-hover:#941c31}
:is([data-ui-button],.premium-cta,.legacy-import-accept,.legacy-import-cancel,.integration-row button,.ics-import-button,[data-calendar-action="save-rename"],[data-calendar-action="cancel-rename"],[data-calendar-action="confirm-delete"],[data-calendar-action="cancel-delete"]):hover:not(:disabled):not([aria-disabled="true"]){background:var(--fw-button-hover)!important}
:is([data-ui-button],.premium-cta,.legacy-import-accept,.legacy-import-cancel,.integration-row button,.ics-import-button):active:not(:disabled){opacity:.85}
:is([data-ui-button],.premium-cta,.legacy-import-accept,.legacy-import-cancel,.integration-row button,.ics-import-button):is(:disabled,[aria-disabled="true"]){opacity:.45!important;cursor:not-allowed}
:is(button,a,[role="button"]):focus-visible{outline:2px solid var(--fw-button-focus)!important;outline-offset:3px}
:is([data-ui-button],.premium-cta,.legacy-import-accept,.legacy-import-cancel)[hidden]{display:none!important}
:is(.auth-close,.workspace-close,.workspace-main-back,.workspace-mobile-back,.workspace-mobile-close,.account-quick-close,.search-close,.progress-close,.calendar-share-close,.calendar-share-back,.guest-flow-close,.site-confirm-close,.panel-main-menu-back,.premium-close){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:color-mix(in srgb,currentColor 6%,transparent)!important;
}
:is(.auth-close,.workspace-close,.workspace-main-back,.workspace-mobile-back,.workspace-mobile-close,.account-quick-close,.search-close,.progress-close,.calendar-share-close,.calendar-share-back,.guest-flow-close,.site-confirm-close,.panel-main-menu-back,.premium-close):hover{background:color-mix(in srgb,currentColor 12%,transparent)!important}
@media(prefers-reduced-motion:reduce){[data-ui-button],.premium-cta{transition:none!important}}


/* Icon-only controls share alignment regardless of their parent panel. */
button.icon-only-button{
 display:inline-grid!important;grid-template:1fr / 1fr!important;place-items:center!important;
 justify-content:center!important;padding:0!important;line-height:0!important;text-align:center!important;
}
button.icon-only-button > :is(.coolicon,svg,.task-toolbar-color-dot){
 grid-area:1 / 1!important;place-self:center!important;margin:0!important;position:static!important;
}
button.icon-only-button[hidden]{display:none!important}
[data-ui-button]:has(> .coolicon){padding:10px!important}
[data-ui-button] > .coolicon{--coolicon-size:22px;flex:0 0 22px;width:22px;height:22px;margin:0!important}
}