*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-app);color:var(--text-body);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5{margin:0;font-family:var(--font-display);color:var(--text-heading);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);font-weight:var(--weight-semibold)}
p{margin:0;text-wrap:pretty}
a{color:var(--text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}
a:hover{color:var(--text-link-hover)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--ring-focus)}
/* Input e Select (label > span > controle) e SearchField (form > input) desenham o anel de foco no contorno do campo.
   O controle de dentro nao repete o anel (era a borda dupla); o foco continua visivel no contorno. */
label>span>:is(input,select,textarea):focus-visible,form>input:focus-visible{box-shadow:none}
button{font-family:inherit}
input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text-body)}
::placeholder{color:var(--field-placeholder)}
table{border-collapse:collapse}
img{display:block;max-width:100%}
[data-numeric],.gg-numeric{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-snug)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--neutral-400);border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-track{background:transparent}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}