.mud-dialog-content {
    min-height: 0;
    overflow-y: scroll;
}

div {
    min-height: 0;
}

.mud-dialog-fullscreen .outline-none > .mud-focus-trap-child-container {
    height: 100%;
    display: flex;
    flex-flow: column;
}


.mud-dialog-fullscreen .outline-none {
    height: 100%;
}

/* Quill formula tooltip - prevent clipping by editor container */
.ql-container {
    overflow: visible !important;
}
.ql-editor {
    overflow-y: auto;
}
.ql-tooltip {
    z-index: 1000;
    left: 0 !important;
}
/* Bidi isolation: keep KaTeX formulas LTR inside RTL text */
.ql-formula, .katex-display, .katex {
    direction: ltr;
    unicode-bidi: isolate;
}

/* ---------------------------------------------------------------------------
   فابلو typography.

   The families themselves live in AppTheme, not here — MudBlazor emits them as
   --mud-typography-*-family and its own component rules read those variables,
   so a stylesheet override loses to the theme on every MudBlazor component.
   What is left here is the two things a theme cannot express.
   --------------------------------------------------------------------------- */

/* Elements MudBlazor does not own: the bare document, and native form controls. */
html, body,
button, input, select, textarea {
    font-family: "IBM Plex Sans Arabic", system-ui, sans-serif;
}

/* Counts in the coverage and batch tables are read down a column, not across a
   line. Proportional digits make 11 narrower than 88 and the column stops
   lining up. */
.mud-table-cell .score,
.mud-table-cell .mud-chip-content,
td[data-label] {
    font-variant-numeric: tabular-nums;
}

/* MudTable pins its toolbar height, so a wrapping toolbar would lay its second line over the header.
   The datatable grids get the same rule from the package's datatable.css. */
.mud-table-toolbar {
    block-size: auto;
    min-block-size: 64px;
}

/* The voucher card is the only thing here that gets printed. حبر, never the bead:
   kahraman is 1.99:1 on white before CMYK gets hold of it. */
.voucher__title {
    color: #23302C;
    line-height: 2;
    text-align: center;
}