/* LibraIRC look for HESK (customer side). Loaded after HESK's own CSS. */
@font-face { font-family: "Geist"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/assets/fonts/geist-latin.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: "Geist"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/assets/fonts/geist-latin-ext.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; }

:root {
  /* LibraIRC tokens (same as librairc.net light theme) */
  --lh-orange: #f05a00;
  --lh-orange-dark: #c2410c;
  --lh-orange-soft: #fff1e6;
  --lh-bg: #fafafa;
  --lh-fg: #18181b;
  --lh-muted: #f2f2f4;
  --lh-muted-fg: #5b5b66;
  --lh-border: rgba(0, 0, 0, .09);
  --lh-radius: .625rem;
  --lh-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* HESK theme variables */
  --primary: var(--lh-fg);
  --secondary: var(--lh-orange);
  --tertiary: var(--lh-orange);
  --surface: #ffffff;
  --foreground: var(--lh-fg);
  --main-background: var(--lh-bg);
  --font__pri-clr: var(--lh-fg);
  --font__sec-clr: var(--lh-muted-fg);
  --header__bg: #ffffff;
  --header_logo__clr: var(--lh-fg);
  --header_nav__clr: var(--lh-muted-fg);
  --header_nav__hover_clr: var(--lh-fg);
  --header_profile__clr: var(--lh-fg);
  --header_profile__user-avatar-bg: var(--lh-orange);
  --icon_circle__clr: var(--lh-orange);
  --icon_circle__bg: var(--lh-orange-soft);
  --navlink_icon_hover__clr: #ffffff;
  --navlink_icon_hover__bg: var(--lh-orange);
  --navlink__clr: var(--lh-muted-fg);
  --navlink__title-clr: var(--lh-fg);
  --input-bg: #ffffff;
  --input-clr: var(--lh-fg);
  --radio__fill-clr: var(--lh-orange);
  --link__pri-clr: var(--lh-orange-dark);
  --link__pri-hover-clr: var(--lh-fg);
  --link__sec-clr: var(--lh-orange-dark);
  --link__sec-hover-clr: var(--lh-fg);
  --footer__link-clr: var(--lh-muted-fg);
  --ticket_response__bg: #fffaf5;
  --preview__clr: var(--lh-muted-fg);
  --preview__border-clr: var(--lh-border);
  --preview__hover-bg: #fffaf5;
  --preview__title-clr: var(--lh-fg);
  --suggest_preview__title-clr: var(--lh-orange-dark);
  --table_row__bg: #ffffff;
  --table_row__bg-even: var(--lh-muted);
  --table_row__bg-hover: var(--lh-orange-soft);
  --step_bar__item-clr: var(--lh-orange);
  --breadcrumbs__a-clr: var(--lh-orange-dark);
  --breadcrumbs__a-hover-clr: var(--lh-fg);
  --search__bg: var(--lh-orange);
  --search__title-clr: var(--lh-fg);
  --search__icon-fill: var(--lh-orange);
  --btn__bg-clr-pri: var(--lh-orange);
  --btn__clr-pri: #ffffff;
  --btn__border-clr-pri: var(--lh-orange);
  --dropdown__clr: var(--lh-fg);
  --dropdown__border-clr: var(--lh-border);
  --dropdown__hover-bg: var(--lh-orange);
  --dropdown__hover-border-clr: var(--lh-orange);
  --datepicker_btn__bg: var(--lh-orange);
  --datepicker__clr: var(--lh-fg);
}

/* Typography */
html, body, input, button, select, textarea,
body *:not(pre):not(code):not(kbd):not(samp) { font-family: var(--lh-sans) !important; }
body { background: var(--lh-bg); color: var(--lh-fg); -webkit-font-smoothing: antialiased; }
h1, h2, h3, .search__title, .article__heading, .navlink__title, .preview__title { letter-spacing: -.015em; }

/* ---------- LibraIRC site bar (added through HESK "custom code after <body>") ---------- */
.lh-top { position: sticky; top: 0; z-index: 100; background: rgba(250, 250, 250, .92);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--lh-border); }
.lh-wrap { max-width: 1200px; margin: 0 auto; padding: 0 1rem; height: 3.5rem;
  display: flex; align-items: center; gap: 1rem; }
.lh-brand { display: inline-flex; align-items: center; gap: .5rem; font-weight: 700; font-size: 1rem;
  color: var(--lh-fg) !important; text-decoration: none !important; white-space: nowrap; }
.lh-brand svg { width: 1.25rem; height: 1.25rem; color: var(--lh-orange); }
.lh-brand b { color: var(--lh-orange); font-weight: 700; }
.lh-nav { display: none; gap: .125rem; margin-left: auto; }
.lh-nav a { padding: .45rem .75rem; border-radius: calc(var(--lh-radius) - 2px); font-size: .875rem;
  color: var(--lh-muted-fg) !important; text-decoration: none !important; }
.lh-nav a:hover { background: var(--lh-muted); color: var(--lh-fg) !important; }
.lh-nav a.lh-on { color: var(--lh-fg) !important; background: var(--lh-muted); }
.lh-cta { margin-left: auto; display: inline-flex; align-items: center; height: 2rem; padding: 0 1rem;
  border-radius: calc(var(--lh-radius) - 2px); background: var(--lh-orange); color: #fff !important;
  font-size: .875rem; font-weight: 600; text-decoration: none !important; white-space: nowrap; }
.lh-cta:hover { background: var(--lh-orange-dark); }
@media (min-width: 860px) { .lh-nav { display: flex; } .lh-cta { margin-left: .5rem; } }

/* ---------- HESK header & breadcrumbs ---------- */
.header { background: #fff !important; border-bottom: 1px solid var(--lh-border); box-shadow: none !important; }
.header__inner { min-height: 3.25rem; }
.header__logo { color: var(--lh-fg) !important; font-weight: 700; font-size: 1.05rem; }
.breadcrumbs { background: transparent !important; border: 0 !important; }
.breadcrumbs__inner { font-size: .85rem; }
.breadcrumbs .last { color: var(--lh-muted-fg); }

/* ---------- Content cards ---------- */
.main__content { background: var(--lh-bg); }
.search__title { color: var(--lh-fg) !important; font-weight: 700; }
.navlink, .article, .preview, .ticket-wrapper, .main__content .form, .ticket__body, .block, .notification {
  border-radius: var(--lh-radius) !important;
}
.navlink, .article, .ticket-wrapper, .main__content .form {
  border: 1px solid var(--lh-border); box-shadow: none !important;
}
.navlink:hover { border-color: rgba(240, 90, 0, .35); box-shadow: 0 16px 40px -22px rgba(240, 90, 0, .35) !important; }
.preview { box-shadow: none !important; border: 1px solid var(--lh-border) !important; }
.preview:hover { border-color: rgba(240, 90, 0, .35) !important; box-shadow: 0 16px 40px -22px rgba(240, 90, 0, .35) !important; }
.article { background: #fff !important; }
.tabbed__head_tabs li { border-radius: calc(var(--lh-radius) - 2px) calc(var(--lh-radius) - 2px) 0 0; }
.icon-in-circle { box-shadow: none !important; }

/* Buttons */
.btn { border-radius: calc(var(--lh-radius) - 2px) !important; font-weight: 600; box-shadow: none !important; }
.btn-full, .btn--blue-border:hover { background: var(--lh-orange) !important; border-color: var(--lh-orange) !important; color: #fff !important; }
.btn-full:hover { background: var(--lh-orange-dark) !important; border-color: var(--lh-orange-dark) !important; }
.btn--blue-border { color: var(--lh-orange-dark) !important; border-color: rgba(240, 90, 0, .45) !important; background: #fff !important; }

/* Forms */
.form-control, input[type="text"], input[type="email"], input[type="password"], textarea, .selectize-input, .dropdown-select .label {
  border-radius: calc(var(--lh-radius) - 2px) !important;
  border: 1px solid rgba(0, 0, 0, .14) !important; box-shadow: none !important; background: #fff !important;
}
.form-control:focus, input:focus, textarea:focus, .selectize-input.focus {
  border-color: var(--lh-orange) !important; outline: 2px solid rgba(240, 90, 0, .18); outline-offset: 0;
}

/* Footer */
.footer { background: transparent !important; color: var(--lh-muted-fg); font-size: .8rem; }

/* Notices */
.alert { border-radius: var(--lh-radius) !important; }
.alert.browser-default { background: #fffaf5 !important; border: 1px solid rgba(240, 90, 0, .3) !important; color: var(--lh-fg); }
.tabbed__tabs_tab { box-shadow: none !important; }