/* Preferências compartilhadas: tokens noturnos prevalecem sobre a paleta legada. */
html { font-size: calc(100% * var(--text-scale, 1)); }
:root { --ui-surface: #fff; --ui-bg: #f6f9f8; --ui-text: #162a24; --ui-muted: #53665f; --ui-border: #d5e2dd; --ui-focus: #245b8a; --ui-scroll-thumb: #91aaa2;
  --ui-raised: #eaf1ef; --ui-accent: #0f766e; --ui-on-accent: #fff; --ui-danger: #a3263c;
  --ui-code-keyword: #245b8a; --ui-code-string: #397516; --ui-code-number: #a1390b;
}
* { scrollbar-color: var(--ui-scroll-thumb) var(--ui-bg); scrollbar-width: auto; }
*::-webkit-scrollbar { width: 12px; height: 12px; }
*::-webkit-scrollbar-thumb { background: var(--ui-scroll-thumb); border: 3px solid var(--ui-bg); border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: var(--ui-muted); }
*::-webkit-scrollbar-thumb:active { background: var(--ui-focus); }
*::-webkit-scrollbar-track { background: var(--ui-bg); }
:focus-visible { outline: 3px solid var(--ui-focus); outline-offset: 3px; }
.mobile-navigation { display: none; }
@media (max-width: 720px) {
  body.has-mobile-nav { padding-bottom: calc(var(--mobile-nav-height, 76px) + 1rem); }
  html:has(body.has-mobile-nav) { scroll-padding-bottom: calc(var(--mobile-nav-height, 76px) + 1rem); }
  .mobile-navigation { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); position: fixed; bottom: 0; inset-inline: 0; z-index: 90; padding: .35rem .25rem max(.35rem,env(safe-area-inset-bottom)); background: var(--ui-surface); color: var(--ui-text); border-top: 1px solid var(--ui-border); }
  .mobile-navigation > a, .mobile-navigation summary { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .3rem; padding: .35rem .15rem; min-height: 52px; font-size: .75rem; line-height: 1.2; text-align: center; overflow-wrap: anywhere; text-decoration: none; color: var(--ui-muted); border-radius: .5rem; cursor: pointer; }
  .mobile-navigation svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; }
  .mobile-navigation summary { list-style: none; }
  .mobile-navigation summary::-webkit-details-marker { display: none; }
  .mobile-navigation summary > span { display: grid; place-items: center; width: 24px; height: 24px; font-size: 18px; }
  .mobile-navigation :is(a,summary):hover, .mobile-navigation :is(a,summary):active { background: var(--ui-raised); }
  .mobile-navigation a[aria-current=page], .mobile-navigation summary.is-current, .mobile-navigation details[open] summary { color: var(--ui-accent); background: var(--ui-raised); font-weight: 700; }
  .mobile-navigation-more { position: relative; }
  .mobile-navigation-links { position: fixed; bottom: calc(var(--mobile-nav-height,76px) + .5rem); right: .75rem; width: min(320px,calc(100vw - 1.5rem)); max-height: 65vh; overflow: auto; padding: .5rem; background: var(--ui-surface); color: var(--ui-text); border: 1px solid var(--ui-border); border-radius: 1rem; box-shadow: 0 8px 30px rgb(0 0 0 / 15%); }
  .mobile-navigation-links a { display: flex; align-items: center; gap: .75rem; min-height: 48px; padding: .65rem; text-decoration: none; color: var(--ui-text); border-radius: .5rem; }
  .mobile-navigation-links svg { flex: 0 0 24px; }
  .mobile-navigation[data-input-active=true] { display: none; }
  /* A 200%, priorizar rótulos inteiros em duas linhas de navegação. */
  html[data-text-scale="2"] .mobile-navigation { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-text-scale="2"] .mobile-navigation :is(svg,summary > span) { display: none; }
  body.has-mobile-nav #prisma-root .prisma-shell { height: auto; min-height: calc(var(--prisma-viewport,100dvh) - var(--mobile-nav-height,76px)); }
  body.has-mobile-nav #prisma-root .prisma-main { min-height: calc(var(--prisma-viewport,100dvh) - var(--mobile-nav-height,76px)); }
}
.mobile-navigation-links a span { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 720px) and (max-height: 480px) {
  body.has-mobile-nav #prisma-root .prisma-shell { height: auto; min-height: calc(var(--prisma-viewport,100dvh) - var(--mobile-nav-height,76px)); }
}
.resize-none { resize: none; max-width: 100%; }
.settings-page, .settings-page *, .sleep-panel, .sleep-panel * { box-sizing: border-box; }
.settings-page { font-family: "Segoe UI", system-ui, sans-serif; overflow-wrap: anywhere; }
.settings-page fieldset { min-inline-size: 0; }
.settings-page h1 { font-size: 1.6rem; line-height: 1.2; }
.settings-page select, .settings-page button, .sleep-panel button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.preferences-link { display: inline-flex; align-items: center; gap: .45rem; color: inherit; padding: .5rem; border-radius: .5rem; font-size: 1rem; text-decoration: none; }
.preferences-link .ui-icon { width: 1.2em; height: 1.2em; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; }
.settings-page, .sleep-panel { max-width: 900px; margin: 2rem auto; padding: 1.5rem; color: var(--ui-text); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 1rem; }
.settings-page fieldset { margin: 1.5rem 0; border: 1px solid var(--ui-border); border-radius: .75rem; padding: 1rem; }
.settings-page label { display: block; margin: .75rem 0; }
.settings-page select, .settings-page input:not([type=checkbox]), .sleep-panel input:not([type=checkbox]) { width: 100%; min-height: 44px; padding: .5rem; font: inherit; color: var(--ui-text); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: .5rem; }
.settings-page input[type=checkbox], .sleep-panel input[type=checkbox] { width: 1.25em; height: 1.25em; min-height: 0; accent-color: #0f766e; vertical-align: middle; }
html[data-theme=dark] :is(.settings-page, .sleep-panel) :is(input,select) { background: var(--ui-surface) !important; color: var(--ui-text) !important; }
.settings-page button, .sleep-panel button, .sleep-panel a { display: inline-block; min-height: 44px; margin: .5rem .5rem .5rem 0; padding: .7rem 1rem; border: 1px solid var(--ui-border); border-radius: .5rem; font: inherit; cursor: pointer; background: var(--brand-gradient); color: white; }
.settings-page button:disabled, .sleep-panel button:disabled { cursor: not-allowed; opacity: .6; }
.settings-status { min-height: 1.6em; overflow-wrap: anywhere; }
.sleep-panel h2 { margin-top: 0; }
.sleep-controls { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; }
.sleep-controls label { flex: 1 1 140px; }
.sleep-controls label { min-width: 0; }
.sleep-clock { font-size: 2rem; font-variant-numeric: tabular-nums; }
.sleep-panel [hidden], .settings-page [hidden] { display: none; }
html[data-theme=dark] { color-scheme: dark;
  --ui-on-accent: #0b0914; --ui-danger: #ffadba;
  --ui-code-keyword: #b6a7ff; --ui-code-string: #b5d77b; --ui-code-number: #ffb58c;
  --ui-bg: #0b0914; --ui-surface: #161225; --ui-raised: #241e36;
  --ui-text: #f2f0fa; --ui-muted: #c2bcd4; --ui-border: #4a425f;
  --ui-focus: #b6a7ff; --ui-accent: #85ddd1; --ui-scroll-thumb: #736789;
  --night-sleep: #b6a7ff; --night-food: #b5d77b; --night-exercise: #ffb58c;
  --night-water: #83ceff; --night-quality: #f3cf7a; --night-danger: #ffadba;
  --branco: var(--ui-surface); --cinza-claro: var(--ui-bg); --cinza-medio: var(--ui-border); --cinza-escuro: var(--ui-muted); --texto-escuro: var(--ui-text);
  --test-surface: var(--ui-surface); --test-text: var(--ui-text); --test-muted: var(--ui-muted); --test-border: var(--ui-border); --test-accent: var(--ui-accent);
  --landing-navy: var(--ui-text); --landing-ink: var(--ui-text); --landing-muted: var(--ui-muted);
  --landing-surface: var(--ui-surface); --landing-soft: var(--ui-raised); --landing-line: var(--ui-border);
  --sombra: 0 10px 30px rgb(0 0 0 / 20%); --sombra-hover: 0 16px 42px rgb(0 0 0 / 30%);
}
/* !important resolve fundos/cores literais da paleta anterior; não altera semântica das métricas. */
html[data-theme=dark] body { background: var(--ui-bg) !important; color: var(--ui-text) !important; }
html[data-theme=dark] :is(.perfil-container, .metric-card, .weekly-card, .action-btn, .metrica-card, .metrica-hoje-card, .detalhes-coluna, .estatistica-card, .tabela-container, .resumo-card, .grafico-full, .grafico-container, .analise-card, .recomendacao-card, .comparativo-container, .tracker-card, .history-card, .auth-form-section, .login-container, .onboarding-container, .card, .modal-content, .streak-panel, .chat-panel, .connection-panel, .composer textarea, .suggestions button, .outline, :where(#cancel)) {
  background: var(--ui-surface) !important; color: var(--ui-text) !important; border-color: var(--ui-border) !important;
}
html[data-theme=dark] :is(h1,h2,h3,h4,h5, label, .info-label, .info-valor, .metrica-titulo, .section-title) { color: var(--ui-text) !important; }
html[data-theme=dark] :is(.intro,.privacy-hint,.session-hint,.side-section p,.message small,.message strong,.metric-detail,.info-label,.connection-status) { color: var(--ui-muted) !important; }
html[data-theme=dark] :is(input,select,textarea,th,td,.history-table th) { background: var(--ui-surface); color: var(--ui-text); border-color: var(--ui-border); }
html[data-theme=dark] .connection-status { background: var(--ui-raised); }
html[data-theme=dark] .settings-page a { color: var(--ui-accent); }
/* Adaptadores do legado: superfícies claras e cores literais não podem sobreviver
   ao tema. A marca continua verde/azul; leitura e navegação seguem a referência violeta. */
html[data-theme=dark] main { background: transparent !important; }
html[data-theme=dark] :is(.dashboard-header,.historico-header,.relatorios-header,.topo,.activity-header,.auth-header,.test-header,body > header) { background: var(--ui-surface) !important; border-bottom: 1px solid var(--ui-border); }
html[data-theme=dark] :is(.feature-card,.insight-card,.tracking-list li,.lista-servicos li,.live-stats div,.gps-status,.photo-upload-area,.auth-container,.streak-day,.summary-card) { background: var(--ui-surface) !important; color: var(--ui-text) !important; border-color: var(--ui-border) !important; }
html[data-theme=dark] :is(input,select,textarea,.form-contato input,.form-contato textarea) { background: var(--ui-surface) !important; color: var(--ui-text) !important; border-color: var(--ui-border) !important; }
html[data-theme=dark] :is(input,textarea)::placeholder { color: var(--ui-muted); opacity: 1; }
html[data-theme=dark] :is(p,.metric-detail,.metrica-descricao,.estatistica-descricao,.resumo-descricao,.resumo-label,.analise-descricao,.recomendacao-card li,.hero-note,.tracking-list span,.test-note) { color: var(--ui-muted) !important; }
html[data-theme=dark] :is(.welcome-banner,.perfil-header,.hero-panel,.landing-cta) p { color: var(--ui-text) !important; }
html[data-theme=dark] :is(.info-valor,.metrica-hoje-valor,.metrica-valor,.resumo-valor,.tracking-list strong,.footer-brand) { color: var(--ui-text) !important; }
html[data-theme=dark] :is(.btn-secondary,.btn-relatorios,.diagnostic-link.secondary,.page-back,.diagnostic-back,.landing-button-secondary,.landing-button-light) { background: var(--ui-raised) !important; color: var(--ui-text) !important; border: 1px solid var(--ui-border) !important; }
html[data-theme=dark] :is(.btn-secondary,.btn-relatorios,.page-back,.diagnostic-back,.landing-button-secondary,.landing-button-light):hover { background: var(--ui-surface) !important; border-color: var(--ui-focus) !important; }
html[data-theme=dark] :is(.progress-bar,.progress-analise .progress-bar) { background: var(--ui-raised) !important; }
html[data-theme=dark] :is(.form-error,.settings-danger) { color: var(--night-danger) !important; }
html[data-theme=dark] :is(.health-footer,body > footer:not(.health-footer)) { background: var(--ui-surface) !important; color: var(--ui-muted) !important; border-color: var(--ui-border) !important; }
html[data-theme=dark] :is(.ui-icon--heading,.eyebrow,.feature-number,.tracking-link) { color: var(--ui-accent) !important; }
html[data-theme=dark] .landing-header { background: transparent !important; border: 0; }
html[data-theme=dark] .landing-header nav a { color: var(--ui-text) !important; }
html[data-theme=dark] .landing-header nav a:hover { color: var(--ui-accent) !important; background: var(--ui-raised) !important; }
html[data-theme=dark] .landing-header .landing-nav .landing-login { color: var(--ui-text) !important; border-color: var(--ui-border); }
html[data-theme=dark] .landing-header .landing-nav .landing-login:hover { color: var(--ui-accent) !important; background: var(--ui-raised) !important; border-color: var(--ui-focus); }
html[data-theme=dark] .landing-page .eyebrow { color: var(--ui-accent) !important; }
html[data-theme=dark] .tracking-section { background: var(--ui-raised); }
html[data-theme=dark] .landing-footer .footer-links a { color: var(--ui-muted); }
html[data-theme=dark] .landing-footer .footer-links a:hover { color: var(--ui-accent); }
html[data-theme=dark] :is(th,td,.history-table th,.tabela-container th,.tabela-container td) { background: var(--ui-surface) !important; color: var(--ui-text) !important; border-color: var(--ui-border) !important; }
html[data-theme=dark] .tabela-container tbody tr:hover td { background: var(--ui-raised) !important; }
html[data-theme=dark] .tabela-container :is(th,td):nth-child(2) { color: var(--night-sleep) !important; }
html[data-theme=dark] .tabela-container :is(th,td):nth-child(3) { color: var(--night-food) !important; }
html[data-theme=dark] .tabela-container :is(th,td):nth-child(4) { color: var(--night-exercise) !important; }
html[data-theme=dark] .tabela-container :is(th,td):nth-child(5) { color: var(--night-water) !important; }
html[data-theme=dark] .tabela-container :is(th,td):nth-child(6), html[data-theme=dark] :is(.quality-rating,.quality-rating strong,.quality-stars) { color: var(--night-quality) !important; }
/* Mesma semântica de métricas, com luminosidade suficiente sobre cartões escuros. */
html[data-theme=dark] :is(.metric-card,.estatistica-card):nth-child(1) :is(.metric-value,.estatistica-valor), html[data-theme=dark] .graficos-grid .grafico-container:nth-child(1) .ui-icon--heading { color: var(--night-sleep) !important; }
html[data-theme=dark] :is(.metric-card,.estatistica-card):nth-child(2) :is(.metric-value,.estatistica-valor), html[data-theme=dark] .graficos-grid .grafico-container:nth-child(2) .ui-icon--heading { color: var(--night-food) !important; }
html[data-theme=dark] :is(.metric-card,.estatistica-card):nth-child(3) :is(.metric-value,.estatistica-valor), html[data-theme=dark] .graficos-grid .grafico-container:nth-child(3) .ui-icon--heading { color: var(--night-exercise) !important; }
html[data-theme=dark] :is(.metric-card,.estatistica-card):nth-child(4) :is(.metric-value,.estatistica-valor), html[data-theme=dark] .graficos-grid .grafico-container:nth-child(4) .ui-icon--heading { color: var(--night-water) !important; }
html[data-theme=dark] :is(.resumo-valor,#percentualFrequencia,#percentualConsistencia) { color: var(--ui-focus) !important; }
html[data-theme=dark] .composer textarea::placeholder { color: var(--ui-muted); }
html[data-theme=dark] :is(.profile-edit-dialog,.skip-link) { background: var(--ui-surface) !important; color: var(--ui-text) !important; border-color: var(--ui-border); }
html[data-theme=dark] .profile-edit-form legend { color: var(--ui-text); }
html[data-theme=dark] .profile-edit-cancel { background: var(--ui-raised); color: var(--ui-text); border-color: var(--ui-border); }
html[data-theme=dark] .profile-edit-header p { color: var(--ui-text) !important; }
html[data-theme=dark] :is(.login-container,.auth-form-section,.onboarding-container,.card,.detalhes-coluna) a:not([class*="btn"]) { color: var(--ui-accent) !important; }
html[data-theme=dark] :focus-visible { outline: 3px solid var(--ui-focus) !important; outline-offset: 3px; }
html[data-theme=dark] :is(.streak-progress,.streak-panel__mark,.streak-panel__header button) { background: var(--ui-raised); color: var(--ui-text); border-color: var(--ui-border); }
html[data-theme=dark] :is(.streak-panel strong,.streak-progress__item) { color: var(--ui-text); }
html[data-theme=dark] :is(.streak-panel__eyebrow,.streak-progress__state,.streak-day.is-success) { color: var(--ui-accent) !important; }
html[data-theme=dark] .streak-day.is-success { border-color: var(--ui-accent) !important; }
html[data-theme=dark] .streak-progress__item > div { background: var(--ui-border); }
html[data-theme=dark] .streak-notifications small { color: var(--ui-muted); }
html[data-theme=dark] :is(.diagnostic-card,.diagnostic-header) { background: var(--ui-surface); border-color: var(--ui-border); color: var(--ui-text); }
html[data-theme=dark] :is(pre,.google-auth-native-button) { background: var(--ui-raised); color: var(--ui-text); border-color: var(--ui-border); }
html[data-theme=dark] pre[data-state=error] { color: var(--night-danger); }
html[data-theme=dark] :is(legend,.live-stats span,.activity-row small,.auth-divider) { color: var(--ui-muted); }
html[data-reduce-motion=true] *, html[data-reduce-motion=true] *::before, html[data-reduce-motion=true] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
@media (max-width: 600px) { .settings-page, .sleep-panel { margin: 1rem; padding: 1rem; } .settings-page fieldset { padding: .75rem; } .settings-page button { width: 100%; } }
@media (forced-colors: active) { * { scrollbar-color: auto; } }
/* Lista de configurações inspirada no modelo móvel; tokens continuam compartilhados. */
.settings-body { margin: 0; background: var(--ui-bg); color: var(--ui-text); }
.settings-page--list { width: calc(100% - 2rem); max-width: 760px; background: transparent; border: 0; padding: 0; }
.settings-page--list h1 { display: flex; align-items: center; gap: .65rem; margin: 1.4rem 0 .5rem; }
.settings-page--list h2 { margin-top: 2rem; font-size: 1.25rem; scroll-margin-top: 1rem; }
.settings-page--list a { color: var(--ui-focus); text-decoration: none; cursor: pointer; }
.settings-page--list a:hover { text-decoration: underline; }
.settings-intro, .settings-note { color: var(--ui-muted); line-height: 1.6; }
.settings-page--list .ui-icon { width: 1.4rem; height: 1.4rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.settings-destinations { display: grid; gap: .75rem; margin-top: 1.5rem; }
.settings-destination { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .9rem; min-height: 72px; padding: 1rem; color: var(--ui-text); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: .75rem; }
.settings-page--list .settings-destination { color: var(--ui-text); }
.settings-destination strong, .settings-destination small { display: block; }
.settings-destination small { margin-top: .25rem; font-size: .9rem; color: var(--ui-muted); line-height: 1.5; }
a.settings-destination:hover { border-color: var(--ui-focus); text-decoration: none !important; }
a.settings-destination:active, .settings-page button:active { transform: translateY(1px); }
.settings-page--list .settings-group { margin: 1rem 0; padding: 1rem; border: 1px solid var(--ui-border); border-radius: 1rem; background: var(--ui-surface); }
.settings-group legend, .settings-group h3 { font-size: 1rem; font-weight: 650; }
.settings-group h3 { margin-top: 0; }
.settings-row { display: grid; grid-template-columns: auto minmax(0,1fr) minmax(135px, 32%); align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--ui-border); }
.settings-row:last-of-type { border-bottom: 0; }
.settings-row label { margin: 0; font-weight: 600; }
.settings-row p { margin: .4rem 0 0; color: var(--ui-muted); font-size: .9rem; line-height: 1.5; }
/* A paleta legada força fundo branco em inputs; o switch precisa mostrar seu estado. */
.settings-page input[type=checkbox].settings-switch { appearance: none; width: 48px; height: 28px; border: 1px solid var(--ui-border); border-radius: 999px; background: var(--ui-muted) !important; cursor: pointer; justify-self: end; position: relative; margin: .5rem 0; }
.settings-switch::before { content: ''; display: block; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--ui-surface); }
.settings-page input[type=checkbox].settings-switch:checked { background: var(--ui-focus) !important; }
.settings-switch:checked::before { left: 23px; }
.settings-switch:hover { outline: 1px solid var(--ui-focus); }
.settings-switch:disabled, fieldset:disabled .settings-switch { opacity: .55; cursor: not-allowed; }
.settings-page .settings-danger { background: var(--ui-surface); color: var(--blood-color, #9f2438); border-color: currentColor; }
/* No noturno, o texto e a borda permanecem legíveis; o verbo explicita o risco. */
html[data-theme=dark] .settings-page .settings-danger { color: var(--ui-text); }
.settings-page button:hover:not(:disabled) { filter: brightness(.92); }
.settings-page--list #prisma-fields > label { padding: .8rem 0; line-height: 1.5; }
.settings-page--list #prisma-fields label:has(.settings-switch) { display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--ui-border); }
.settings-page--list #prisma-fields .settings-switch { flex: 0 0 48px; }
.settings-page dialog { max-width: min(500px,calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; color: var(--ui-text); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 1rem; }
.settings-page dialog::backdrop { background: rgb(0 0 0 / 50%); }
@media (max-width: 600px) {
  .settings-page--list { margin: 1rem; padding: 0; }
  .settings-row { grid-template-columns: auto minmax(0,1fr); gap: .75rem; }
  .settings-row > :is(select,input:not([type=checkbox])) { grid-column: 2; }
  .settings-row:has(.settings-switch) { grid-template-columns: auto minmax(0,1fr) auto; }
}
html:not([data-text-scale="1"]) .settings-row { grid-template-columns: auto minmax(0,1fr); }
html:not([data-text-scale="1"]) .settings-row > :is(select,input) { grid-column: 2; justify-self: start; }
/* Em texto ampliado, ícones e seta não devem comprimir a coluna de leitura. */
html:not([data-text-scale="1"]) .settings-destination { grid-template-columns: minmax(0,1fr); gap: .5rem; }
html:not([data-text-scale="1"]) .settings-destination > .ui-icon:last-child { display: none; }
@media (forced-colors: active) { .settings-page .settings-switch { appearance: auto; } .settings-switch::before { display: none; } }
/* Texto ampliado não deve sobrepor marca e conta nem ocupar uma tela fixa. */
/* Links injetados fora da navegação também devem refluír, sem ocultar texto. */
.diagnostic-header .preferences-link { box-sizing:border-box; max-width:100%; min-width:0; white-space:normal; overflow-wrap:anywhere; }
.sleep-panel a[href="preferencias.html"] { box-sizing:border-box; display:block; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
@media (max-width: 720px) {
  html:not([data-text-scale="1"]) :is(.dashboard-header,.historico-header,.relatorios-header,.topo,.activity-header) { grid-template-columns: minmax(0,1fr) !important; position: static !important; }
  html:not([data-text-scale="1"]) :is(.dashboard-header,.historico-header,.relatorios-header,.topo,.activity-header) .logo { grid-column: 1 !important; grid-row: 1 !important; }
  html:not([data-text-scale="1"]) :is(.dashboard-header,.historico-header,.relatorios-header,.topo,.activity-header) .user-section { grid-column: 1 !important; grid-row: 2 !important; flex-wrap: wrap; justify-content: flex-start; max-width: 100%; }
  html:not([data-text-scale="1"]) :is(.dashboard-header,.historico-header,.relatorios-header,.topo,.activity-header) .nav-menu { grid-column: 1 !important; grid-row: 3 !important; }
}
@media (max-width: 420px) {
  :is(.dashboard-header,.historico-header,.relatorios-header,.topo,.activity-header) { grid-template-columns: minmax(0,1fr) !important; position: static !important; }
  :is(.dashboard-header,.historico-header,.relatorios-header,.topo,.activity-header) .logo { grid-column: 1 !important; grid-row: 1 !important; }
  :is(.dashboard-header,.historico-header,.relatorios-header,.topo,.activity-header) .user-section { grid-column: 1 !important; grid-row: 2 !important; flex-wrap: wrap; justify-content: flex-start; max-width: 100%; }
  :is(.dashboard-header,.historico-header,.relatorios-header,.topo,.activity-header) .nav-menu { grid-column: 1 !important; grid-row: 3 !important; }
}