.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;
}

/* MudDataGrid pins its toolbar at a fixed height, so a toolbar allowed to wrap lays its second
   line on top of the header row. Let it grow: the alternative is a toolbar whose right-hand end
   is simply invisible whenever the grid is narrow — which it is throughout the reviewer. */
.mud-table-toolbar {
    height: auto;
    min-height: 64px;
}

/* DataType.Trimmable: two lines, then an ellipsis, with the whole value in a tooltip.
   A prompt is 120 characters and was setting the row height of the questions grid. */
.datatable-trim {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 32rem;
}

/* 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;
}