/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_pz/fonts/f2.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_pz/fonts/f1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_pz/fonts/f3.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_pz/fonts/f9.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_pz/fonts/f5.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* symbols2 */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_pz/fonts/f4.woff2) format('woff2');
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* vietnamese */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_pz/fonts/f7.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_pz/fonts/f8.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_pz/fonts/f6.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_pz/fonts/f9.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_pz/fonts/f5.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* symbols2 */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_pz/fonts/f4.woff2) format('woff2');
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* vietnamese */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_pz/fonts/f7.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_pz/fonts/f8.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_pz/fonts/f6.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;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_pz/fonts/f11.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_pz/fonts/f10.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;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_pz/fonts/f11.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_pz/fonts/f10.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;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_pz/fonts/f11.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_pz/fonts/f10.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;
}
/* pozor-ui look for the Authelia portal. Authelia 4.39 themes through shadcn-style variables,
   so most of this is token overrides; the rest are a few structural touches. */

:root:root, :root:root[data-theme], body[data-theme], body[data-theme="dark"], body[data-theme="light"] {
  --background: #0e0e0d;
  --foreground: #dddcd8;
  --card: #171716;
  --card-foreground: #dddcd8;
  --popover: #1f1f1d;
  --popover-foreground: #dddcd8;
  --primary: #ffffff;
  --primary-foreground: #000000;
  --secondary: #2a2a28;
  --secondary-foreground: #ffffff;
  --muted: #1f1f1d;
  --muted-foreground: #a9a8a3;
  --accent: #ffffff14;
  --accent-foreground: #ffffff;
  --destructive: #ff5c5c;
  --destructive-foreground: #000000;
  --success: #6fe3a1;
  --success-foreground: #000000;
  --warning: #ffc56b;
  --warning-foreground: #000000;
  --info: #6cb6ff;
  --info-foreground: #000000;
  --border: #e8e4d61f;
  --input: #e8e4d61f;
  --ring: #ffffffb3;
  --radius: 10px;
  --custom-icon: #ffffff;
  --custom-loading-bar: #ffffff;
  --divider: #e8e4d61f;
}

html, body, #root { background: #0e0e0d !important; color: #dddcd8; }
body, button, input, select, textarea, label, a, p, span, div {
  font-family: "Schibsted Grotesk", -apple-system, "Segoe UI", Roboto, sans-serif;
}
button { text-transform: none !important; letter-spacing: 0 !important; }

/* the content column becomes a card with the brand above it */
[class*="max-w-[444px]"] {
  margin-top: 6vh;
  padding: 30px 32px 22px;
  border-radius: 18px;
  background: #171716;
  box-shadow: 0 0 0 1px #e8e4d61f, inset 0 1px 0 #ffffff08, 0 1px 2px #0000004d, 0 16px 36px -8px #000000a6;
}
#UserSvg { display: none; }
#UserSvg + * , #UserSvg { margin: 0; }
[class*="max-w-[444px]"] > div > div:first-child::before {
  content: "dexx";
  display: block;
  margin: 2px 0 14px;
  font: 700 30px/1 "Bricolage Grotesque", "Avenir Next", sans-serif;
  letter-spacing: -0.02em;
  color: #ffffff;
}
h5, h4, h3 {
  font-family: "Bricolage Grotesque", "Avenir Next", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em;
  color: #ffffff;
}
[class*="max-w-[444px]"] h5 { text-align: left; font-size: 20px !important; margin: 0 0 8px; }

/* fields and buttons */
input:not([type="checkbox"]) {
  background: #0a0a09 !important;
  color: #ffffff !important;
  caret-color: #ffffff;
  border-radius: 10px;
}
fieldset { border-color: #e8e4d61f !important; border-radius: 10px; }
.Mui-focused fieldset, input:focus + fieldset { border-color: #ffffff99 !important; border-width: 1px !important; }
label { color: #7d7c77 !important; }
label.Mui-focused { color: #dddcd8 !important; }
button[type="submit"], form button, [class*="max-w-[444px]"] button:not([aria-label]) {
  border-radius: 10px;
}
a, [class*="text-primary"]:not([class*="text-primary-foreground"]) { color: #dddcd8; }
a:hover { color: #ffffff; }

/* every filled button (also on the consent page): white with black text; the others sit quiet */
#root button[class*="bg-primary"]:not([class*="bg-primary/"]) {
  background: #ffffff !important; color: #000000 !important; font-weight: 500;
  box-shadow: inset 0 -2px #0000003d, 0 1px 2px #00000059;
}
#root button[class*="shrink-0"][class*="border"], #root button[class*="shrink-0"][class*="outline"] {
  background: #1f1f1d !important; color: #dddcd8 !important; font-weight: 500;
  box-shadow: 0 0 0 1px #e8e4d61f;
}
#root button[class*="shrink-0"][class*="text-primary-foreground"] { color: #000000 !important; }

[class*="max-w-[444px]"], [class*="max-w-[444px]"] > div { text-align: left; }
[class*="max-w-[444px]"] button[type="submit"] {
  background: #ffffff !important; color: #000000 !important; font-weight: 500;
  box-shadow: inset 0 -2px #0000003d, 0 1px 2px #00000059;
}
[class*="max-w-[444px]"] button[class*="shrink-0"]:not([type="submit"]) {
  background: #1f1f1d !important; color: #dddcd8 !important; font-weight: 500;
  box-shadow: 0 0 0 1px #e8e4d61f;
}
[class*="max-w-[444px]"] button[class*="shrink-0"]:not([type="submit"]):hover { background: #2a2a28 !important; }
[class*="max-w-[444px]"] button[type="submit"]:hover { background: #e9e9e7 !important; }

/* quiet footer */
[class*="9e9e9e"] { color: #55544f !important; }
