/**
 * Cairo from /public/fonts — never /_next/static/media.
 * Linked from layout <head> so first paint keeps brand fonts even when /_next fails on LAN.
 */
:root {
  --font-cairo: Cairo, Tahoma, Arial, sans-serif;
}

@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Cairo-400.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Cairo-600.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Cairo-700.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Cairo-800.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Cairo-Latin-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Cairo-Latin-700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Cairo-Latin-700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,
body,
.raken-login {
  font-family: var(--font-cairo) !important;
}

button,
input,
select,
textarea {
  font-family: var(--font-cairo) !important;
}

.font-mono,
.raken-vcar__plate,
.raken-scard__plate,
.raken-scard-tile__plate,
.raken-plate__letters,
.raken-plate__digits,
.raken-plate__slot,
.raken-plate__kb-key,
.raken-plate__ksa,
.raken-plate__ksa-ar,
.raken-modal__plate,
.raken-plate-mono {
  font-family: var(--font-cairo) !important;
}

/* Visible without /_next CSS — lan-bridge + React login errors */
.raken-action-error {
  margin: 0.25rem 0 0.125rem;
  padding: 0.375rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #b91c1c !important;
  text-align: center;
  line-height: 1.35;
  border-radius: 0.375rem;
  background: #fef2f2;
  border: 1px solid #fecaca;
}

.raken-action-error[hidden] {
  display: none !important;
}

.raken-field__error {
  display: block;
  margin-top: 0.125rem;
  font-size: 0.625rem;
  font-weight: 600;
  color: #b91c1c !important;
  line-height: 1.35;
}