/* ==========================================================================
   HSM - Hospital Management System
   Single stylesheet for the ERP shell. Brand colours are declared once here
   and mirrored in Shared/Reporting/BrandPalette.cs for the PDF output.
   ========================================================================== */

:root {
    --brand-blue: #1B9AE0;
    --brand-green: #8CC63F;
    --brand-red: #C0392B;
    --brand-orange: #F5A623;

    --panel-border: #a9c9e0;
    --panel-caption: #e8f2fa;
    --input-border: #7ba7cb;
    --input-focus: #1B9AE0;

    --ink: #1f2933;
    --ink-muted: #5b6b7a;
    --surface: #ffffff;
    --surface-alt: #f4f8fb;

    --tab-active-text: #d0021b;
    --status-text: #1c5f9e;

    --font-ui: "Segoe UI", Tahoma, Arial, sans-serif;

    /* The tile wall is a fixed module grid, exactly as the desktop original. Every tile, rail and
       panel is a whole number of these units, so the layout never reflows - browser zoom scales
       it uniformly instead of rearranging it. */
    --tile-w: 122px;
    --tile-h: 120px;
    --tile-gap: 8px;
    --rail-w: 252px;   /* two tiles plus one gap */
}

* { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: var(--font-ui);
    font-size: 13px;
    color: var(--ink);
    background: #dfe7ee;
}

button { font-family: inherit; cursor: pointer; }
button:disabled { cursor: not-allowed; }