/* Anwa BioSciences look: the font, the colours and the shared pieces.
 * Loaded by the admin (templates/admin/base_site.html, with admin_overrides.css),
 * the hospital and sponsor portals (templates/base.html) and the card pages
 * (templates/anwa_card.html: signed out, 403, 404).
 */

/* Inter, served from oLIMS itself (no call to Google). Licence: ../fonts/inter/LICENSE.txt */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap;
             src: url("../fonts/inter/inter-latin-400-normal.f837d382a885.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap;
             src: url("../fonts/inter/inter-latin-500-normal.42b95430773b.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap;
             src: url("../fonts/inter/inter-latin-600-normal.75fb76ec3559.woff2") format("woff2"); }

:root {
  --anwa-blue: #0046BB;   /* buttons, links */
  --anwa-navy: #131741;   /* headings, strong text */
  --anwa-mint: #7DD8B9;   /* accent lines */
  --anwa-lav: #6D77D5;    /* secondary accent */
  --anwa-ink: #1F2433;
  --anwa-muted: #6B7280;
  --anwa-line: #E3E6EE;
  --anwa-soft: #F5F7FB;
  --anwa-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* --- card pages (templates/anwa_card.html) ------------------------------- */
body.anwa-page {
  margin: 0; padding: 24px 16px; box-sizing: border-box; min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--anwa-font); background: var(--anwa-soft); color: var(--anwa-ink);
}
.anwa-card {
  width: 100%; max-width: 440px; box-sizing: border-box; padding: 40px;
  background: #fff; border: 1px solid var(--anwa-line); border-radius: 12px;
  box-shadow: 0 6px 24px rgba(19, 23, 65, .06);
}
.anwa-card .anwa-logo { display: block; width: 180px; height: auto; }
.anwa-card h1 { margin: 28px 0 0; font-size: 22px; font-weight: 600; color: var(--anwa-navy); }
.anwa-card .anwa-mint-rule { width: 48px; height: 2px; margin: 14px 0 20px; background: var(--anwa-mint); }
.anwa-card p { margin: 0; font-size: 14px; line-height: 1.6; }
.anwa-btn {
  display: block; box-sizing: border-box; height: 46px; line-height: 46px; margin-top: 20px;
  border-radius: 8px; background: var(--anwa-blue); color: #fff;
  font-size: 15px; font-weight: 600; text-align: center; text-decoration: none;
}
.anwa-btn:hover { background: var(--anwa-navy); }
button.anwa-btn { width: 100%; border: 0; cursor: pointer; font-family: var(--anwa-font); }
.anwa-btn.ghost { margin-top: 10px; line-height: 44px; background: #fff; color: var(--anwa-blue); border: 1px solid var(--anwa-line); }
.anwa-btn.ghost:hover { background: var(--anwa-soft); }
@media (max-width: 480px) { .anwa-card { padding: 32px 24px; } }

/* --- portal top bar (client-ui.js, contracts-ui.js) ----------------------- */
/* Logo on the left; the account's organization and Sign out on the right. */
.anwa-portal-bar, .anwa-portal-bar .webix_toolbar { background: #fff !important; }
/* Webix gives the bar a fixed height (border-box keeps the mint line inside it) and overlaps the
   next view by 1px to merge borders (the raised bar keeps the line on top) */
.anwa-portal-bar { box-sizing: border-box !important; border-bottom: 2px solid var(--anwa-mint) !important; position: relative; z-index: 1; }
.anwa-portal-bar .webix_template {
  background: #fff !important; color: var(--anwa-navy) !important;
  padding: 0 8px !important; border-radius: 0 !important;
}
.anwa-portal-bar .webix_button, .anwa-portal-bar button {
  background: #fff !important; color: var(--anwa-blue) !important;
  border: 1px solid var(--anwa-line) !important; border-radius: 8px !important; box-shadow: none !important;
  font-family: var(--anwa-font) !important; font-weight: 500 !important;
}
.anwa-portal-bar .webix_button:hover, .anwa-portal-bar button:hover { background: var(--anwa-soft) !important; }
.anwa-portal-brand {
  display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%;
  font-family: var(--anwa-font);
}
.anwa-portal-brand img { height: 34px; width: auto; display: block; }
.anwa-portal-org { padding-right: 4px; color: var(--anwa-navy); font-size: 14px; font-weight: 500; }