/* Dense controls tuning values only.
   Behavior selectors are centralized in app.css. */
.dense-controls-enabled {
    --dense-input-padding-y: 10px;
    --dense-input-padding-x: 14px;
    --dense-input-margin-top: 5px;
    --dense-input-margin-bottom: 5px;
    --dense-input-line-height: 1.4375em;
    --dense-input-min-height: 20px;
    --dense-label-transform: translate(12px, -9px) scale(1);
    --dense-label-shrink-transform: translate(14px, -9px) scale(0.75);
    --dense-label-font-size: 0.8rem;
    --dense-label-line-height: 1.4375em;
    --dense-label-shrink-font-size: 0.75rem;
    --dense-grid-item-spacing-top: 12px;
    --dense-grid-item-spacing-left: 24px;
    --dense-color-picker-top: 12px;
    --dense-color-picker-input-padding-left: 46px;
    --dense-label-background-color: var(--mud-palette-surface);
    --dense-label-background-padding-inline: 4px;
    --dense-login-field-padding-top: 5px;
    --dense-login-field-padding-bottom: 5px;
    --dense-typography-mb2-margin-bottom: 12px; 
    --dense-typography-mb3-margin-bottom: 14px;
}