@charset "UTF-8";
/* ══════════════════════════════════════════════════════════════════════════
   CONTINIA PORTAL TYPOGRAPHY (2026-08-31, user request image #243)
   Font: Alliance No.2, self-hosted from the continia.com typography kit
   (C:\Users\chtu\Downloads\continia-typography-kit.zip). Per the kit's README,
   continia.com renders ALL bold text as browser-synthesized bold of the
   REGULAR face ("alliance_no.2regular" + font-weight:bold) — the bold face is
   declared but deliberately unused, kept identical here.

   Scale (user decision — NOT the website's 40px scale): the portal's largest
   heading is h1 = 26px and the smallest text is 14px; steps in between align
   accordingly. Loaded AFTER the style.css bundle so its base rules win, and
   BEFORE overview.css / page styles so specific components can still adjust.
   ════════════════════════════════════════════════════════════════════════ */

@font-face {
    font-family: "alliance_no.2regular";
    src: url("/Receipt_Content/fonts/allianceno2-regular-webfont.woff2") format("woff2"),
         url("/Receipt_Content/fonts/allianceno2-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* Declared for completeness like the main site; intentionally never referenced. */
@font-face {
    font-family: "alliance_no.2bold";
    src: url("/Receipt_Content/fonts/allianceno2-bold-webfont.woff2") format("woff2"),
         url("/Receipt_Content/fonts/allianceno2-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* ── Inter (user decision 2026-09-08, image #424): the UI font for EVERYTHING except the page
   headlines (.header .headline h1 keeps Alliance No.2 — the exception rule is below). Self-hosted
   variable font from the user's Google Fonts download (Downloads\Inter 1); one file covers weights
   100-900, italics stay browser-synthesized like Alliance's bold always was. ── */
@font-face {
    font-family: "Inter";
    src: url("/Receipt_Content/fonts/Inter-Variable.ttf") format("truetype-variations");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* ── Base: 14px everywhere (style.css sets * { font-size: 12px } — this loads later and wins).
   The smallest text on the portal is 14px by user decision. ── */
* {
    font-size: 14px;
}

body,
.form-control,
.btn,
input, select, textarea, button,
table {
    font-family: "Inter", "alliance_no.2regular", "Segoe UI", "Open Sans", Tahoma, Arial, sans-serif;
}

body {
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── Heading scale: h1 26px down to 14px, bold synthesized from the regular face
   (colors untouched — they come from the page styles). ── */
h1, h2, h3, h4, h5, h6 {
    font-family: "Inter", "alliance_no.2regular", "Segoe UI", "Open Sans", Tahoma, Arial, sans-serif;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    line-height: normal;
}
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }

/* THE exception (user request 2026-09-08, image #424): the page headlines — "Expense", "Mileage",
   "Per Diem", "Expense Report" on the edit pages — keep the Alliance No.2 brand font.
   h2 added to the exception later the same day (user request): section headings ("Allocations",
   "Days", "Expenses"…) use the brand font too. */
.header .headline h1,
h2 {
    font-family: "alliance_no.2regular", "Segoe UI", "Open Sans", Tahoma, Arial, sans-serif;
}