/*
 * The legacy Bitrix Media Library relies on browser defaults for inline images,
 * form controls and content-box sizing. Tailwind Preflight resets those defaults,
 * pushing the action bar outside the dialog's fixed, JS-calculated height.
 *
 * Undo only the base layer inside Media Library windows. Bitrix's unlayered CSS
 * and inline sizes/visibility still win; do not use `all: initial` or !important.
 * Keep this stylesheet after streamer.css so it follows Preflight in that layer.
 * .mlsd dialogs are mounted directly in body, outside .bxml-dialog.
 */
@layer base {
    :is(.bxml-dialog, .bxml-subdialog-cont, .mlsd),
    :is(.bxml-dialog, .bxml-subdialog-cont, .mlsd) * {
        all: revert-layer;
    }

    /* Inherited body typography is outside the reset's scope. */
    :is(.bxml-dialog, .bxml-subdialog-cont, .mlsd) {
        font: 13px/normal Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        text-align: left;
    }

    :is(.bxml-dialog, .bxml-subdialog-cont, .mlsd) :is(button, input, select, textarea) {
        font-family: inherit;
        font-size: 13px;
    }
}