/* Canonical product theme, derived from Abontech website/assets/styles.css.
   Gold is the background grid. Blue remains the interaction colour. */
@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url('../fonts/archivo-var.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/jetbrains-mono-var.woff2') format('woff2')}
:root{
 --abon-ground:#0B1013;--abon-panel:#12191E;--abon-inset:#1A242A;--abon-deep:#070B0D;
 --abon-line:#222E35;--abon-line-strong:#31414A;
 --abon-text:#EAEFF1;--abon-secondary:#A5B4BC;--abon-muted:#6E7E87;
 --abon-accent:#5B9DF9;--abon-accent-light:#8FBFFF;--abon-accent-press:#3E86EA;--abon-accent-wash:#13202F;--abon-accent-line:#2A4463;--abon-on-accent:#0B1013;
 --abon-good:#3FBF8F;--abon-good-wash:#0E2620;--abon-warning:#D9A24B;--abon-warning-wash:#251C0D;--abon-danger:#FF958B;--abon-danger-wash:#2B1412;
 --abon-gold:#C9A063;--abon-grid-line:color-mix(in srgb,var(--abon-gold) 26%,transparent);
 --abon-font:Archivo,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 --abon-mono:'JetBrains Mono',ui-monospace,'SF Mono',monospace;
 --abon-radius:4px;--abon-radius-sm:3px;--abon-radius-lg:6px;
 color-scheme:dark;
}
:root[data-theme="light"]{
 --abon-ground:#E9EDEF;--abon-panel:#F3F6F7;--abon-inset:#DDE4E7;--abon-line:#CDD6DA;--abon-line-strong:#AFBEC5;
 --abon-text:#0B1013;--abon-secondary:#38454C;--abon-muted:#64737B;
 --abon-accent:#1E5FC4;--abon-accent-light:#2C6FD8;--abon-accent-press:#174C9F;--abon-accent-wash:#E1EAF7;--abon-accent-line:#B6CBEA;--abon-on-accent:#fff;
 --abon-good:#136B4F;--abon-good-wash:#DFEFE9;--abon-warning:#8A5E1E;--abon-warning-wash:#F4EBDA;--abon-danger:#C0341F;--abon-danger-wash:#FBE6E3;
 color-scheme:light;
}
html[data-abontech-product]{background:var(--abon-ground)}
html[data-abontech-product] body{
 position:relative;isolation:isolate;min-height:100svh;margin:0;
 background-color:transparent;background-image:none;color:var(--abon-text);
 font-family:var(--abon-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
html[data-abontech-product] body::before{
 content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.85;
 background-image:linear-gradient(var(--abon-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--abon-grid-line) 1px,transparent 1px);
 background-size:34px 34px;background-repeat:repeat;
 -webkit-mask-image:radial-gradient(150% 130% at 8% 0%,#000 16%,rgba(0,0,0,.34) 68%,rgba(0,0,0,.16) 100%);
 mask-image:radial-gradient(150% 130% at 8% 0%,#000 16%,rgba(0,0,0,.34) 68%,rgba(0,0,0,.16) 100%);
}
html[data-abontech-product] :is(h1,h2,h3,h4){font-family:var(--abon-font);font-stretch:112%;letter-spacing:-.02em}
html[data-abontech-product] :is(button,input,textarea,select){font-family:var(--abon-font)}
html[data-abontech-product] :is(code,pre,.font-mono,.mono){font-family:var(--abon-mono)}
html[data-abontech-product] :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--abon-accent-light);outline-offset:3px}
html[data-abontech-product] ::selection{background:var(--abon-accent);color:var(--abon-on-accent)}
@media(prefers-reduced-motion:reduce){html[data-abontech-product]{scroll-behavior:auto}}

/* Translate existing product tokens without changing component behaviour. */
html[data-abontech-product] nav[aria-label="Omni products"]{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}
:root[data-abontech-product="omni"],:root[data-abontech-product="orbit"]{
 --ground:var(--abon-ground);--ground-2:var(--abon-panel);--ground-3:var(--abon-inset);--ground-deep:var(--abon-deep);
 --text:var(--abon-text);--text-2:var(--abon-secondary);--secondary:var(--abon-secondary);--muted:var(--abon-muted);
 --panel:var(--abon-panel);--line:var(--abon-line);--line-2:var(--abon-line-strong);--line-strong:var(--abon-line-strong);
 --accent:var(--abon-accent);--accent-2:var(--abon-accent-light);--accent-press:var(--abon-accent-press);--accent-wash:var(--abon-accent-wash);--accent-line:var(--abon-accent-line);
 --blue:var(--abon-accent);--blue-light:var(--abon-accent-light);--blue-wash:var(--abon-accent-wash);--warm:var(--abon-gold);--mono:var(--abon-mono);
}
html[data-abontech-product="omni"] .hero-grid::before{display:none}
html[data-abontech-product="omni"] .hero::before{background-image:none}
html[data-abontech-product="orbit"] body::after{opacity:.025}
html[data-abontech-product="orbit"] :is(.text-slate-500,.text-slate-600,.brand-word>span,kbd){color:var(--abon-secondary)}
html[data-abontech-product="identity"] :is(body,.pf-v5-c-login){background:transparent!important}
html[data-abontech-product="identity"] .omni-identity-story{background:transparent}
html[data-abontech-product="identity"] .pf-v5-c-login__main{background:var(--abon-panel)!important}
html[data-abontech-product="identity"] #kc-header-wrapper{font-family:var(--abon-font)}
html[data-abontech-product="email"] :is(.workspace-shell,.auth-shell){background:transparent}
html[data-abontech-product="email"] .font-sans{font-family:var(--abon-font)}
:root[data-abontech-product="calendar"]{
 --paper:var(--abon-ground);--paper-2:var(--abon-inset);--surface:var(--abon-panel);--surface-2:var(--abon-inset);
 --ink:var(--abon-text);--ink-2:var(--abon-secondary);--muted:var(--abon-secondary);--line:var(--abon-line);--line-2:var(--abon-line-strong);
 --accent:var(--abon-accent);--accent-2:var(--abon-accent-light);--accent-press:var(--abon-accent-press);--accent-wash:var(--abon-accent-wash);--accent-ink:var(--abon-accent-light);
 --good:var(--abon-good);--good-wash:var(--abon-good-wash);--danger:var(--abon-danger);--danger-wash:var(--abon-danger-wash);--warn:var(--abon-warning);--warn-wash:var(--abon-warning-wash);
 --font-display:var(--abon-font);--font-body:var(--abon-font);--font-mono:var(--abon-mono);--radius:var(--abon-radius);--radius-sm:var(--abon-radius-sm);--radius-lg:var(--abon-radius-lg);
}
html[data-abontech-product="calendar"] :is(.auth-page,.auth-story){background:transparent}
html[data-abontech-product="calendar"] .auth-story::after{display:none}
html[data-abontech-product="calendar"] :is(.btn,.btn-primary,.btn-secondary,.btn-ghost){border-radius:var(--abon-radius)}
:root[data-abontech-product="finder"]{
 --bg:var(--abon-ground);--surface:var(--abon-panel);--surface-2:var(--abon-inset);--border:var(--abon-line);--border-strong:var(--abon-line-strong);
 --text:var(--abon-text);--muted:var(--abon-secondary);--faint:var(--abon-secondary);--brand:var(--abon-accent);--brand-strong:var(--abon-accent-light);--brand-soft:var(--abon-accent-wash);--on-brand:var(--abon-on-accent);
 --ok:var(--abon-good);--ok-bg:var(--abon-good-wash);--ok-text:var(--abon-good);--warn:var(--abon-warning);--warn-bg:var(--abon-warning-wash);--warn-text:var(--abon-warning);--bad:var(--abon-danger);--bad-bg:var(--abon-danger-wash);--bad-text:var(--abon-danger);
 --info-bg:var(--abon-accent-wash);--info-text:var(--abon-accent-light);--info-border:var(--abon-accent-line);--glow:transparent;--ring:var(--abon-accent-light);
 --radius:var(--abon-radius);--radius-sm:var(--abon-radius-sm);--sans:var(--abon-font);--mono:var(--abon-mono);
}
html[data-abontech-product="finder"] :is(.auth,.work){background:transparent}
html[data-abontech-product="finder"] .work::before,html[data-abontech-product="finder"] .auth-story::before{display:none}
html[data-abontech-product="finder"] .side{background:var(--abon-panel)}
html[data-abontech-product="finder"] .brand__name small{color:var(--abon-secondary)}
html[data-abontech-product="finder"] .btn--primary{box-shadow:none}
html[data-abontech-product="finder"] :is(.nav-item,.tt){border-radius:var(--abon-radius)}
:root[data-abontech-product="whatsapp"]{
 --oak-deep:var(--abon-deep);--oak:var(--abon-panel);--oak-soft:var(--abon-secondary);--oak-tint:var(--abon-text);
 --verdigris:var(--abon-accent);--verd-hover:var(--abon-accent-press);--verd-bright:var(--abon-accent-light);--verd-tint:var(--abon-accent-wash);--accent-fg:var(--abon-on-accent);
 --paper:var(--abon-ground);--paper-2:var(--abon-inset);--card:var(--abon-panel);--ink:var(--abon-text);--ink-2:var(--abon-secondary);--ink-3:var(--abon-secondary);
 --rule:var(--abon-line);--rule-strong:var(--abon-line-strong);--moss:var(--abon-good);--moss-tint:var(--abon-good-wash);--brass:var(--abon-warning);--brass-tint:var(--abon-warning-wash);--clay:var(--abon-danger);--clay-tint:var(--abon-danger-wash);
 --font-serif:var(--abon-font);--font-sans:var(--abon-font);--font-mono:var(--abon-mono);color-scheme:dark;
}
html[data-abontech-product="whatsapp"] .min-h-screen.bg-paper{background:transparent}
@media(max-width:767px){
 html[data-abontech-product="whatsapp"] .omni-app-header{height:auto;min-height:64px;top:56px;flex-wrap:wrap;padding:16px;gap:12px}
 html[data-abontech-product="whatsapp"] .omni-app-header>div{width:100%;min-width:0}
 html[data-abontech-product="whatsapp"] .omni-app-header>div:last-child{justify-content:space-between;gap:8px}
 html[data-abontech-product="whatsapp"] .omni-app-header details{flex:1;min-width:0}
 html[data-abontech-product="whatsapp"] .omni-app-header summary{font-size:12px}
 html[data-abontech-product="whatsapp"] .omni-app-header details nav{left:0;right:auto;max-width:calc(100vw - 32px)}
 html[data-abontech-product="whatsapp"] main{padding:20px 16px}
}