/* Keypoint Lens — design system único (landing v2, 05/10/2026). ORCHESTRATOR-OWNED.
   Loaded LAST in the <head> of every page (web/build.mjs), so the same selectors here win over each page's own
   :root tokens: one palette and one type family for Site, Auth, Checkout, Cobrança, Onboarding, App, Replay, Admin.
   Two token families are mapped, with the page's own names: the module pages (--bg/--card/--ink/--acc/...) and the
   Admin (--surface/--text/--accent/...). Fonts: Instrument Sans (text/UI) + JetBrains Mono (numbers, codes), from
   /marca/lens-fonts.css (this origin). Light is the default of the app pages; dark follows the system or the toggle. */
:root{
  --bg:#FAF9F6;--card:#FFFFFF;--chip:#F2F1EC;--sk:#ECEAE4;--soft:linear-gradient(135deg,#FFFFFF 0%,#F6F8FF 55%,#EEF3FF 100%);
  --ink:#0B0B0A;--ink2:#4A4740;--ink3:#6C695F;--line:#E4E2DB;--line2:#ECEAE4;--l2:#CFCCC3;--l3:#E4E2DB;
  --acc:#1F5EFF;--accD:#1747D6;--accbg:#EEF3FF;--acc2:#F6F8FF;--onacc:#FFFFFF;
  --ok:#157A3E;--okbg:#EAF6EE;--warn:#8A5A00;--warnbg:#FFF5DC;--bad:#C8282E;--badbg:#FFF0F1;--badborda:#F4B4B7;
  --info:#1F5EFF;--infobg:#EEF3FF;--na:#6C695F;--nabg:#F2F1EC;
  --sh:0 1px 2px rgba(11,11,10,.04);--shAcc:none;--grad:linear-gradient(90deg,#1F5EFF,#4C8BFF,#0096D6);
  /* Admin names */
  --surface:#FFFFFF;--surface-2:#F2F1EC;--border:#E4E2DB;--text:#0B0B0A;--text-2:#4A4740;--text-3:#6C695F;
  --accent:#1F5EFF;--accent-d:#1747D6;--accent-ink:#FFFFFF;--accent-soft:#EEF3FF;
  --pos:#157A3E;--pos-soft:#EAF6EE;--neg:#C8282E;--neg-soft:#FFF0F1;--neg-borda:#F4B4B7;--warn-soft:#FFF5DC;
  --radius:6px;--radius-sm:4px;--shadow:0 1px 2px rgba(11,11,10,.04);--sh-acc:none;--ctrl:#CFCCC3;
  --f-ui:"Instrument Sans","Helvetica Neue",Arial,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
:root[data-theme="dark"]{
  --bg:#000101;--card:#05070A;--chip:#0A0C10;--sk:#0E1116;--soft:linear-gradient(135deg,#05070A 0%,#070A12 55%,#0A1020 100%);
  --ink:#ECEBE7;--ink2:#A7A49E;--ink3:#8C887E;--line:#1A1D22;--line2:#121418;--l2:#2A2E35;--l3:#1A1D22;
  --acc:#6E95FF;--accD:#A9C1FF;--accbg:rgba(110,149,255,.14);--acc2:#070B16;--onacc:#000101;
  --ok:#4ADE80;--okbg:#0B1C12;--warn:#F5B544;--warnbg:#1F1707;--bad:#F87171;--badbg:#220F11;--badborda:#7A2E33;
  --info:#6E95FF;--infobg:rgba(110,149,255,.14);--na:#8C887E;--nabg:#0A0C10;
  --sh:none;--shAcc:none;--grad:linear-gradient(90deg,#6E95FF,#A9C1FF,#7FD8FF);
  --surface:#05070A;--surface-2:#0A0C10;--border:#1A1D22;--text:#ECEBE7;--text-2:#A7A49E;--text-3:#8C887E;
  --accent:#6E95FF;--accent-d:#A9C1FF;--accent-ink:#000101;--accent-soft:rgba(110,149,255,.14);
  --pos:#4ADE80;--pos-soft:#0B1C12;--neg:#F87171;--neg-soft:#220F11;--neg-borda:#7A2E33;--warn-soft:#1F1707;
  --shadow:none;--sh-acc:none;--ctrl:#3A3F47;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#000101;--card:#05070A;--chip:#0A0C10;--sk:#0E1116;--soft:linear-gradient(135deg,#05070A 0%,#070A12 55%,#0A1020 100%);
  --ink:#ECEBE7;--ink2:#A7A49E;--ink3:#8C887E;--line:#1A1D22;--line2:#121418;--l2:#2A2E35;--l3:#1A1D22;
  --acc:#6E95FF;--accD:#A9C1FF;--accbg:rgba(110,149,255,.14);--acc2:#070B16;--onacc:#000101;
  --ok:#4ADE80;--okbg:#0B1C12;--warn:#F5B544;--warnbg:#1F1707;--bad:#F87171;--badbg:#220F11;--badborda:#7A2E33;
  --info:#6E95FF;--infobg:rgba(110,149,255,.14);--na:#8C887E;--nabg:#0A0C10;
  --sh:none;--shAcc:none;--grad:linear-gradient(90deg,#6E95FF,#A9C1FF,#7FD8FF);
  --surface:#05070A;--surface-2:#0A0C10;--border:#1A1D22;--text:#ECEBE7;--text-2:#A7A49E;--text-3:#8C887E;
  --accent:#6E95FF;--accent-d:#A9C1FF;--accent-ink:#000101;--accent-soft:rgba(110,149,255,.14);
  --pos:#4ADE80;--pos-soft:#0B1C12;--neg:#F87171;--neg-soft:#220F11;--neg-borda:#7A2E33;--warn-soft:#1F1707;
  --shadow:none;--sh-acc:none;--ctrl:#3A3F47;
}}
html,body{font-family:var(--f-ui)}
code,kbd,samp,pre,.mono,[data-mono]{font-family:var(--f-mono)}
/* Shared layout protections; screens keep their own composition and colors. */
*,*::before,*::after{box-sizing:border-box}
:where(main,section,article,form,fieldset,header,footer,nav,div){min-width:0}
:where(input,select,textarea){max-width:100%}
:where(img,video,canvas){max-width:100%}
:where(p,h1,h2,h3,label,legend){overflow-wrap:anywhere}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--acc,var(--accent))!important;outline-offset:3px}
main{width:100%}
.auth-legal a{display:inline-flex;align-items:center}
#conteudo,.lens-content{margin-inline:auto}
[role="dialog"],dialog[open]{max-width:100vw;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
[aria-modal="true"]>div{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:768px){
  input,select,textarea{font-size:16px!important}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:44px!important;min-width:44px}
  :where(button,a[href],summary,[role="button"],[tabindex="0"]){min-height:44px!important;min-width:44px!important}
  a[href]{display:inline-flex;align-items:center;white-space:normal}
  :where(button,[role="button"]){height:auto;max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
  label:has(input[type="checkbox"],input[type="radio"]){min-height:44px!important;min-width:44px!important;display:flex;align-items:center}
  input[type="checkbox"],input[type="radio"]{flex:none}
}

@media(max-width:400px){.site-header>a[aria-label="Keypoint Lens"]>span{display:none}.site-header{gap:6px!important;padding-inline:12px!important}}

@media(max-width:400px){[role="group"]:has(>.otp-row){margin-inline:-16px}.otp-row{gap:4px!important}.otp-row input{min-width:44px!important}}

.notification-switch::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:52px;height:32px;border-radius:16px;background:var(--switch-track);transition:background .15s}

@media(min-width:1600px){.lens-header>div{width:100%;max-width:1392px;margin-inline:auto}}

.lens-content .lens-centered-page{width:100%;margin-inline:auto}

:where(code,dt,dd,li){overflow-wrap:anywhere}
table.sr{display:block;max-width:1px}
.table-scroll{position:relative}
[role="dialog"]>*,[role="menu"]>*,dialog[open]>*{flex-shrink:0}
@media(max-width:400px){.admin-metrics{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:400px){.admin-header{height:auto!important;min-height:56px;flex-wrap:wrap;padding-block:6px!important}}

@media(max-width:400px){.lens-mobile-header:has(>a[aria-label="Voltar"]){flex-wrap:wrap}.lens-mobile-header:has(>a[aria-label="Voltar"])>button:first-of-type{flex-basis:calc(100% - 54px)}.lens-mobile-header:has(>a[aria-label="Voltar"])>a[title]{margin-left:auto}}

@media(min-width:1600px){.auth-content{align-items:center!important}}

@media(min-width:1600px){.lens-bounded-content{max-width:1440px}}