/* Use the local Nastaliq face for Urdu glyphs, preserving the Latin UI font. */
@font-face {
    font-family: "Banking Urdu";
    src: url("/fonts/NotoNastaliqUrdu.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
body, body * {
    font-family: "Banking Urdu", "Segoe UI", Tahoma, Arial, sans-serif !important;
}
:lang(ur), [dir="auto"], .urdu {
    line-height: 2.2;
    letter-spacing: normal;
}
input, textarea, select, option { line-height: 2.1; }
input, select { min-height: 2.8rem; }
td, th { line-height: 2.1; }
.report-parameter-form > div { display: flex; flex-direction: column; gap: .5rem; min-width: 200px; }
.report-parameter-form { align-items: end; gap: 1.25rem; }
.report-parameter-form select { min-height: 3.4rem; }
/* Shared screen control sizing, including labeled filter rows and report forms. */
@media screen {
    :root { --form-control-height: 3.4rem; }
    .app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
    .app-shell select,
    .report-parameter-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .report-parameter-form select {
        height: var(--form-control-height);
        min-height: var(--form-control-height);
    }
    .app-shell .button:not(.compact), .report-parameter-form button {
        min-height: var(--form-control-height);
        height: auto;
        align-self: end;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding-block: .4rem;
        line-height: 1.5;
        text-align: center;
    }
    .app-shell .button.compact { align-self: center; }
}
@media print { :lang(ur), [dir="auto"], td, th { line-height: 2.1; } }