/* Axle One button rhythm. Loaded after all page styles so shared actions
   have one predictable inset and gap without altering navigation, field
   pickers, calendar day cells, or compact icon-only buttons. */
:root{
 --axle-button-gap:10px;
 --axle-button-min-height:38px;
 --axle-button-pad-y:9px;
 --axle-button-pad-x:14px
}

/* Real action groups own spacing. Do not use margins on individual actions:
   they should reflow to the next line with the same 10px separation. */
#dashboard :is(.formactions,.item-actions,.workload-actions,
 .ava-insight-actions,.ava-quick-actions,.work-row-actions,
 .hub-list-header,.hub-top-editor-heading){
 column-gap:var(--axle-button-gap);
 row-gap:var(--axle-button-gap)
}
#dashboard :is(.formactions,.item-actions,.workload-actions,
 .ava-insight-actions,.ava-quick-actions,.work-row-actions) >
 :is(button,.button,a.button){
 margin-left:0;margin-right:0
}

/* Standard text buttons are consistent even when another component uses
   a custom action wrapper. Compact list/header actions retain smaller insets. */
#dashboard button.button:not(.hub-close-icon):not(.clients-sync-button),
#dashboard a.button{
 min-height:var(--axle-button-min-height);
 padding:var(--axle-button-pad-y) var(--axle-button-pad-x);
 box-sizing:border-box
}
#dashboard :is(.sectionhead,.item-actions,.work-row-actions,
 .workload-actions,.ava-insight-actions,.hub-list-header) >
 button:not(.hub-close-icon):not(.clients-sync-button),
#dashboard :is(.sectionhead,.item-actions,.work-row-actions,
 .workload-actions,.ava-insight-actions,.hub-list-header) > a.button{
 min-height:34px;
 padding:7px 11px;
 box-sizing:border-box
}
/* Date controls and selectors have their own compact dimensions. */
#dashboard :is(.sectionhead,.hub-list-header) >
 button:is(.axle-calendar-trigger,.axle-select-trigger){
 padding:0
}

/* Dismiss affordances display only ×; accessibility comes from aria-label.
   The click handler remains attached to the original button. */
#dashboard .hub-close-icon{
 display:inline-flex;align-items:center;justify-content:center;
 width:34px!important;min-width:34px!important;max-width:34px!important;
 height:34px!important;min-height:34px!important;
 flex:0 0 34px;padding:0!important;
 border-radius:8px;font:600 22px/1 Manrope,Arial,sans-serif
}

/* The calendar's event action and desktop notification permission control
   are now siblings in this same flexible row, not touching stacked buttons. */
#dashboard #calendar-form .formactions{
 display:flex;align-items:center;flex-wrap:wrap;
 gap:var(--axle-button-gap)
}
@media(max-width:580px){
 #dashboard :is(.formactions,.item-actions,.work-row-actions,
  .ava-insight-actions,.ava-quick-actions){row-gap:10px}
}