/* Explicit Django command owners share this contract across page, shell,
 * authentication and teleported dialogs. Native switches, data carousels and
 * calendar cells keep their own visual/state owner. No DOM/ARIA/navigation writes.
 * 44px is the product target; this stylesheet does not certify WCAG conformance. */
@media screen {
  :root {
    --button-target-size: 2.75rem;
    --button-radius: .5rem;
    --button-label-size: .875rem;
    --button-gap: .5rem;
    --button-focus: var(--color-interactive-focus, var(--brand-focus, #334155));
    --button-neutral-fill: var(--ds-surface-1, var(--body-bg, #fff));
    --button-neutral-ink: var(--ds-text, var(--body-fg, #0f172a));
    --button-neutral-border: var(--ds-border, var(--hairline-color, #cbd5e1));
    --button-neutral-hover: var(--ds-surface-2, var(--darkened-bg, #f1f5f9));
  }
  html.dark { --button-focus: var(--ds-link, #99f6e4); }
  html.liquid-glass { --button-radius: 999px; }
  body :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  body :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]),
  #app-main #app-content :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]) {
    box-sizing: border-box;
    min-height: var(--button-target-size) !important;
    height: auto !important;
    min-width: min(var(--button-target-size), 100%) !important;
    max-width: 100%;
    gap: var(--button-gap) !important;
    padding: .5rem .875rem !important;
    font-size: var(--button-label-size) !important;
    font-weight: 600;
    line-height: 1.4;
    white-space: normal !important;
    overflow-wrap: anywhere;
    letter-spacing: normal;
  }
  body :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    border-radius: var(--button-radius) !important;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transform: none !important;
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
  }
  body .ui-action-icon:not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content .ui-action-icon:not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    min-width: var(--button-target-size) !important;
    width: var(--button-target-size) !important;
    padding: .5rem !important;
    flex-shrink: 0;
  }
  /* Icon-only geometry preserves the owning component's positioning, transforms and paint. */
  body [data-ui-option-button="icon"],
  #app-main #app-content [data-ui-option-button="icon"] {
    min-width: var(--button-target-size) !important;
    width: var(--button-target-size) !important;
    padding: .5rem !important;
    flex-shrink: 0;
  }
  body [data-ui-inline-button],
  #app-main #app-content [data-ui-inline-button] { width: auto; }
  body [data-ui-sort-button],
  #app-main #app-content [data-ui-sort-button] {
    border-radius: .375rem !important;
    padding-inline: .375rem !important;
    text-align: left;
    justify-content: flex-start;
    /* Column-header typography belongs to its table component. */
    font-size: inherit !important;
    font-weight: inherit;
    letter-spacing: inherit;
  }
  body :is(.ui-button, [data-ui-button], .ui-action-icon):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) .ui-button-icon,
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) .ui-button-icon,
  body :is(.ui-button, [data-ui-button], .ui-action-icon):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) > .ui-icon,
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) > .ui-icon {
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem;
    flex-shrink: 0;
    background: transparent !important;
    color: inherit;
  }
  body .ui-button > span:not(:where(.ui-button-icon, .sr-only, .macos-spinner, [aria-hidden="true"])),
  #app-main #app-content .ui-button > span:not(:where(.ui-button-icon, .sr-only, .macos-spinner, [aria-hidden="true"])),
  body :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button]) .truncate,
  #app-main #app-content :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button]) .truncate,
  body [data-ui-button-label],
  #app-main #app-content [data-ui-button-label] {
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    overflow: visible !important;
    text-overflow: clip;
  }
  body :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):not(.hidden):not([hidden]):not([x-cloak]):not([class*=":hidden"]):not([class*=":flex"]):not([class*=":inline"]):not([class*=":block"]):not([class*=":grid"]),
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):not(.hidden):not([hidden]):not([x-cloak]):not([class*=":hidden"]):not([class*=":flex"]):not([class*=":inline"]):not([class*=":block"]):not([class*=":grid"]) {
    display: inline-flex;
  }
  body :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    border: 1px solid var(--button-border, var(--button-neutral-border)) !important;
    background: var(--button-fill, var(--button-neutral-fill)) !important;
    background-image: none !important;
    color: var(--button-ink, var(--button-neutral-ink)) !important;
  }
  body :is([data-ui-button="primary"], .ui-button-primary:not([data-ui-button]), .ui-action-icon-primary:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is([data-ui-button="primary"], .ui-button-primary:not([data-ui-button]), .ui-action-icon-primary:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    --button-fill: var(--brand-primary, #334155);
    --button-ink: var(--brand-on-primary, #fff);
    --button-border: var(--brand-primary, #334155);
    --button-hover-fill: var(--brand-primary-hover, #0f172a);
  }
  body :is([data-ui-button="secondary"], .ui-button-secondary:not([data-ui-button]), .ui-action-icon-secondary:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is([data-ui-button="secondary"], .ui-button-secondary:not([data-ui-button]), .ui-action-icon-secondary:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    --button-fill: var(--button-neutral-fill);
    --button-ink: var(--button-neutral-ink);
    --button-border: var(--button-neutral-border);
    --button-hover-fill: var(--button-neutral-hover);
  }
  body :is([data-ui-button="danger"], .ui-button-danger:not([data-ui-button]), .ui-action-icon-danger:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is([data-ui-button="danger"], .ui-button-danger:not([data-ui-button]), .ui-action-icon-danger:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    --button-fill: var(--color-danger-700, #b91c1c);
    --button-ink: #fff;
    --button-border: var(--color-danger-700, #b91c1c);
    --button-hover-fill: var(--color-danger-800, #991b1b);
  }
  body :is([data-ui-button="success"], .ui-button-success:not([data-ui-button]), .ui-action-icon-success:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is([data-ui-button="success"], .ui-button-success:not([data-ui-button]), .ui-action-icon-success:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    --button-fill: var(--color-success-700, #15803d);
    --button-ink: #fff;
    --button-border: var(--color-success-700, #15803d);
    --button-hover-fill: var(--color-success-800, #166534);
  }
  body :is([data-ui-button="warning"], .ui-button-warning:not([data-ui-button]), .ui-action-icon-warning:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is([data-ui-button="warning"], .ui-button-warning:not([data-ui-button]), .ui-action-icon-warning:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    --button-fill: var(--color-warning-100, #fef3c7);
    --button-ink: var(--color-warning-900, #78350f);
    --button-border: var(--color-warning-600, #d97706);
    --button-hover-fill: var(--color-warning-200, #fde68a);
  }
  body :is([data-ui-button="info"], .ui-button-info:not([data-ui-button]), .ui-action-icon-info:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is([data-ui-button="info"], .ui-button-info:not([data-ui-button]), .ui-action-icon-info:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    --button-fill: var(--color-info-100, #dbeafe);
    --button-ink: var(--color-info-900, #1e3a8a);
    --button-border: var(--color-info-600, #2563eb);
    --button-hover-fill: var(--color-info-200, #bfdbfe);
  }
  body :is([data-ui-button="ghost"], .ui-button-ghost:not([data-ui-button]), .ui-action-icon-ghost:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is([data-ui-button="ghost"], .ui-button-ghost:not([data-ui-button]), .ui-action-icon-ghost:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    --button-fill: transparent;
    --button-ink: var(--button-neutral-ink);
    --button-border: transparent;
    --button-hover-fill: var(--button-neutral-hover);
  }
  body :is([data-ui-button="link"], .ui-button-link:not([data-ui-button]), .ui-action-icon-link:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is([data-ui-button="link"], .ui-button-link:not([data-ui-button]), .ui-action-icon-link:not([data-ui-button])):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    --button-fill: transparent;
    --button-ink: var(--ds-link, var(--brand-primary, #334155));
    --button-border: transparent;
    --button-hover-fill: var(--button-neutral-hover);
  }
  body :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):hover,
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):hover {
    background: var(--button-hover-fill, var(--button-neutral-hover)) !important;
  }
  body :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):is([aria-pressed="true"], [aria-current="page"]),
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):is([aria-pressed="true"], [aria-current="page"]) {
    border-color: var(--ds-link, var(--brand-primary, #334155)) !important;
  }
  body :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):focus-visible,
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):focus-visible,
  body :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]):focus-visible,
  #app-main #app-content :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]):focus-visible {
    outline: 2px solid var(--button-focus) !important;
    outline-offset: 3px !important;
  }
  body :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):is(:disabled, [aria-disabled="true"]),
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):is(:disabled, [aria-disabled="true"]),
  body :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]):is(:disabled, [aria-disabled="true"]),
  #app-main #app-content :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]):is(:disabled, [aria-disabled="true"]) {
    opacity: .5;
    cursor: not-allowed;
  }
  body :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):is([hidden], [x-cloak]),
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):is([hidden], [x-cloak]),
  body :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]):is([hidden], [x-cloak]),
  #app-main #app-content :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]):is([hidden], [x-cloak]) { display: none !important; }
  /* The later Calendar page stylesheet deliberately shrank typed commands to
     34px. Override only command geometry; native calendar view/date cells remain. */
  #app-main #app-content .calendar-workspace .calendar-toolbar :is(.ui-button, [data-ui-button]):not([data-button-style="native"]):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    min-height: var(--button-target-size) !important;
    height: auto !important;
    font-size: var(--button-label-size) !important;
  }
  #app-main #app-content .calendar-workspace .calendar-period-controls :is(.ui-button, [data-ui-button]):not([data-button-style="native"]):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)) {
    font-size: var(--button-label-size) !important;
  }
}
@media screen and (prefers-reduced-motion: reduce) {
  body :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  body :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]),
  #app-main #app-content :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]) { transition: none !important; }
}
@media screen and (forced-colors: active) {
  body :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)),
  body :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):hover,
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):hover {
    background: ButtonFace !important;
    color: ButtonText !important;
    border-color: ButtonText !important;
  }
  body :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):focus-visible,
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon, .ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):focus-visible,
  body :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]):focus-visible,
  #app-main #app-content :is([data-ui-inline-button], [data-ui-option-button], [data-ui-choice-button], [data-ui-sort-button]):focus-visible { outline-color: Highlight !important; }
  body :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):is([aria-pressed="true"], [aria-current="page"]),
  #app-main #app-content :is(.ui-button, [data-ui-button], .ui-action-icon):not(.ui-action-button):not(:where([data-button-style="native"], [role="switch"], [role="radio"], [role="checkbox"], [role="tab"], [role="option"], [role^="menuitem"], [role="tablist"] *, [role="menu"] *, .fc *, .flatpickr-calendar *, [data-native-calendar] *, [data-horizontal-viewport] *)):is([aria-pressed="true"], [aria-current="page"]) { border-color: Highlight !important; }
}