/* One box-size setting for every icon-only action, except main navigation. */
:root { --app-icon-button-size: 27.225px; --app-icon-button-target: var(--app-icon-button-size); }
:root body :is(.action-icon,.app-icon-button,.company-action-palette summary,.contact-action-band>summary,.company-search-toggle,.directory-search-toggle,.extension-remove,.organization-info-toggle,.organization-logo-remove,.photo-remove-overlay,.login-wave-toggle,.pm-resize):not(.app-sidebar *):not(.app-sidebar-toggle):not(.app-sidebar-toggle-mobile):not(.app-icon-button-labeled):not(.action-menu .company-action-palette-content *) {
    box-sizing: border-box;
    width: var(--app-icon-button-target) !important;
    height: var(--app-icon-button-target) !important;
    min-width: var(--app-icon-button-target) !important;
    min-height: var(--app-icon-button-target) !important;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
@media(pointer:coarse) {
    :root { --app-icon-button-target: max(var(--app-icon-button-size), 44px); }
}
/* Labels are text actions, not square icon-only controls. */
body .action-icon.app-icon-button-labeled {
    width:auto !important; height:auto !important;
    min-width:0 !important; min-height:var(--app-icon-button-target) !important;
    padding:var(--bs-btn-padding-y,.375rem) var(--bs-btn-padding-x,.75rem) !important;
    gap:.375rem;
}

/* Labelled actions wrap while preserving the current natural-width button behavior. */
.editor-actions{flex-wrap:wrap}
body .editor-actions>.btn.app-icon-button-labeled{width:auto!important;height:auto!important;min-width:0;min-height:var(--app-icon-button-target);flex:0 0 auto;padding:var(--bs-btn-padding-y,.375rem) var(--bs-btn-padding-x,.75rem)!important;gap:.375rem;max-width:100%;white-space:normal}