/* Atalhos globais do cabeçalho. Aparência e idioma ficam no perfil. */
.dua-header-tools { display: flex; align-items: center; gap: .42rem; }
.dua-header-tool { position: relative; display: grid; width: 44px; min-width: 44px; height: 44px; min-height: 44px; place-items: center; padding: 0; border: 1px solid var(--dua-color-line); border-radius: 50%; background: var(--dua-color-surface); color: var(--dua-color-purple-dark); text-decoration: none; cursor: pointer; }
.dua-header-tool:hover { border-color: var(--dua-color-purple); background: var(--dua-color-purple-soft); color: var(--dua-color-purple-dark); }
.dua-header-tool .dua-icon { width: 22px; height: 22px; }
.dua-header-tool__badge { position: absolute; top: -4px; right: -3px; display: grid; min-width: 18px; height: 18px; place-items: center; padding: 0 4px; border: 2px solid var(--dua-color-surface); border-radius: 999px; background: var(--dua-color-purple); color: #fff; font-size: .62rem; font-weight: 900; line-height: 1; }
.dua-theme-icon { display: grid; }
.dua-theme-icon--light { display: none; }
html[data-dua-theme="dark"] .dua-theme-icon--dark { display: none; }
html[data-dua-theme="dark"] .dua-theme-icon--light { display: grid; }

/* Preferências da conta. */
.dua-profile-preferences { margin-top: 1.4rem; padding-top: 1.35rem; border-top: 1px solid var(--dua-color-line); }
.dua-card > .dua-profile-preferences:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.dua-profile-preferences > h3 { margin: 0 0 .75rem; font-size: 1rem; }
.dua-profile-preference, .dua-profile-preference__heading { display: flex; width: 100%; align-items: center; gap: .75rem; text-align: left; }
.dua-profile-preference { min-height: 64px; padding: .65rem; border: 1px solid var(--dua-color-line); border-radius: 14px; background: var(--dua-color-surface); color: var(--dua-color-text); cursor: pointer; }
.dua-profile-preference:hover { border-color: var(--dua-color-primary); background: var(--dua-color-primary-soft); }
.dua-profile-preference__icon { display: grid; width: 40px; min-width: 40px; height: 40px; place-items: center; border-radius: 12px; background: var(--dua-color-primary-soft); color: var(--dua-color-primary-dark); }
.dua-profile-preference__icon .dua-icon { width: 21px; height: 21px; }
.dua-profile-preference__copy, .dua-profile-preference__heading > span:last-child { display: grid; gap: .15rem; }
.dua-profile-preference :is(strong, small), .dua-profile-preference__heading :is(strong, small) { display: block; }
.dua-profile-preference small, .dua-profile-preference__heading small { color: var(--dua-color-muted); font-size: .75rem; }
.dua-profile-language { margin-top: .75rem; padding: .65rem; border: 1px solid var(--dua-color-line); border-radius: 14px; }
.dua-profile-language form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; margin-top: .7rem; }
.dua-profile-language button { display: flex; min-height: 42px; align-items: center; justify-content: space-between; gap: .35rem; padding: .45rem .6rem; border: 1px solid transparent; border-radius: 10px; background: var(--dua-color-canvas); color: var(--dua-color-text); font-size: .76rem; font-weight: 750; text-align: left; }
.dua-profile-language button:hover, .dua-profile-language button.is-active { border-color: var(--dua-color-primary); background: var(--dua-color-primary-soft); color: var(--dua-color-primary-dark); }
.dua-profile-language button .dua-icon { width: 16px; height: 16px; }
.dua-profile-language__label { display: inline-flex; min-width: 0; align-items: center; gap: .45rem; }
.dua-locale-icon { width: 24px; min-width: 24px; height: 24px; border-radius: 5px; box-shadow: 0 1px 3px rgb(6 36 84 / 14%); }

/* Termos encontrados permanecem legíveis dentro dos cards e títulos. */
.dua-search-highlight { padding: .05em .2em; border-radius: .28em; background: #056fbd; box-decoration-break: clone; color: #fff; font: inherit; -webkit-box-decoration-break: clone; }

/* Central de notificações. */
.dua-notifications-page { width: min(calc(100% - 2rem), 860px); max-width: none; }
.dua-notifications-heading { margin-bottom: 1.25rem; }
.dua-notifications-heading h1 { font-size: clamp(2rem, 6vw, 3.2rem); }
.dua-notification-tabs { display: flex; gap: .5rem; margin-bottom: 1rem; padding: .3rem; border: 1px solid var(--dua-color-line); border-radius: 16px; background: var(--dua-color-surface); }
.dua-notification-tabs a { display: inline-flex; min-height: 44px; flex: 1; align-items: center; justify-content: center; gap: .4rem; padding: .55rem .8rem; border-radius: 12px; color: var(--dua-color-muted); text-decoration: none; }
.dua-notification-tabs a.is-active { background: var(--dua-color-purple-soft); color: var(--dua-color-purple-dark); }
.dua-notification-tabs .dua-icon { width: 19px; height: 19px; }
.dua-notification-list { display: grid; gap: .75rem; }
.dua-notification-item { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: start; gap: .85rem; padding: 1rem; border: 1px solid var(--dua-color-line); border-radius: 18px; background: var(--dua-color-surface); box-shadow: var(--dua-shadow-sm); }
.dua-notification-item__icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; background: var(--dua-color-purple-soft); color: var(--dua-color-purple-dark); }
.dua-notification-item__icon .dua-icon { width: 24px; height: 24px; }
.dua-notification-item__content { min-width: 0; }
.dua-notification-item__content h2 { margin: 0 0 .2rem; font-size: 1rem; }
.dua-notification-item__content p { margin: 0 0 .35rem; color: var(--dua-color-muted); font-size: .86rem; }
.dua-notification-item__content time { color: var(--dua-color-muted); font-size: .72rem; font-weight: 700; }
.dua-notification-item__link { display: inline-flex; align-items: center; gap: .15rem; margin-left: .55rem; font-size: .78rem; text-decoration: none; }
.dua-notification-item__link .dua-icon { width: 15px; height: 15px; }
.dua-notification-item__actions { display: flex; gap: .35rem; }
.dua-notification-item__actions button { display: grid; width: 40px; min-width: 40px; height: 40px; min-height: 40px; place-items: center; padding: 0; border: 1px solid var(--dua-color-line); border-radius: 12px; background: var(--dua-color-surface); color: var(--dua-color-muted); }
.dua-notification-item__actions button:hover { border-color: var(--dua-color-primary); background: var(--dua-color-primary-soft); color: var(--dua-color-primary-dark); }
.dua-notification-item__actions .dua-notification-item__delete:hover { border-color: #d78495; background: var(--dua-color-danger-soft); color: var(--dua-color-danger); }
.dua-notification-item__actions .dua-icon { width: 19px; height: 19px; }

@media (max-width: 759px) {
  .dua-header__nav { gap: .35rem; }
  .dua-header__nav > .dua-header__link, .dua-header__nav > .dua-button { display: none; }
  .dua-header-tools { gap: .3rem; }
  .dua-header-tool { width: 40px; min-width: 40px; height: 40px; min-height: 40px; }
}

@media (max-width: 559px) {
  .dua-header__inner { gap: .35rem; }
  .dua-brand__logo { width: 108px; }
  .dua-header__nav { flex: 1; justify-content: flex-end; gap: .2rem; }
  .dua-header-tools { gap: .2rem; }
  .dua-header-tool, .dua-header__search { width: 36px; min-width: 36px; height: 36px; min-height: 36px; }
  .dua-seed-balance { min-height: 40px; gap: .3rem; padding: .3rem .55rem; }
  .dua-seed-balance__image { width: 23px; height: 23px; }
  .dua-seed-balance__text { font-size: .58rem; }
  .dua-seed-balance strong { font-size: .95rem; }
  .dua-notification-item { grid-template-columns: 42px minmax(0, 1fr); gap: .7rem; }
  .dua-notification-item__icon { width: 42px; height: 42px; border-radius: 13px; }
  .dua-notification-item__actions { grid-column: 2; }
}

/* Modo escuro: os tokens preservam o azul DUA e trocam superfícies e texto. */
html[data-dua-theme="dark"] {
  color-scheme: dark;
  --dua-color-primary: #31a4ff;
  --dua-color-primary-dark: #77c3ff;
  --dua-color-primary-soft: #102f4a;
  --dua-color-accent-dark: #ffd45a;
  --dua-color-accent-soft: #3d3212;
  --dua-color-success-dark: #5ee58b;
  --dua-color-success-soft: #113925;
  --dua-color-pink-dark: #ff88b0;
  --dua-color-pink-soft: #412033;
  --dua-color-purple-dark: #c2a8ff;
  --dua-color-purple-soft: #2c2348;
  --dua-color-ink: #f2f7ff;
  --dua-color-text: #d9e6f6;
  --dua-color-muted: #a8bad0;
  --dua-color-line: #30455f;
  --dua-color-canvas: #071426;
  --dua-color-surface: #102137;
  --dua-color-danger: #ff8fa4;
  --dua-color-danger-soft: #421f29;
  --dua-shadow-sm: 0 8px 24px rgb(0 0 0 / 22%);
  --dua-shadow-md: 0 18px 48px rgb(0 0 0 / 34%);
}
html[data-dua-theme="dark"], html[data-dua-theme="dark"] body.dua-site { background: #071426; color: var(--dua-color-text); }
html[data-dua-theme="dark"] .dua-site-shell { background: radial-gradient(circle at 8% 12%, rgb(49 164 255 / 9%) 0 9rem, transparent 9.1rem), linear-gradient(180deg, #091a2e 0, #071426 40rem); box-shadow: 0 0 60px rgb(0 0 0 / 35%); }
html[data-dua-theme="dark"] .dua-header, html[data-dua-theme="dark"] .dua-header--app { border-bottom-color: var(--dua-color-line); background: rgb(9 26 46 / 94%); }
html[data-dua-theme="dark"] .dua-footer, html[data-dua-theme="dark"] .dua-bottom-nav { border-color: var(--dua-color-line); background: rgb(16 33 55 / 96%); }
html[data-dua-theme="dark"] :is(input, select, textarea) { border-color: var(--dua-color-line); background: #0b1b2f; color: var(--dua-color-ink); }
html[data-dua-theme="dark"] :is(.dua-card, .dua-content-card, .dua-activity-card, .dua-filter, .dua-auth__panel, .dua-role-option, .dua-modal, .dua-lock-panel, .dua-plant-card, .dua-daily-day, .dua-rarity-filters button, .dua-pagination a, .dua-pagination span, .dua-notification-item, .dua-notification-tabs) { border-color: var(--dua-color-line); background: var(--dua-color-surface); color: var(--dua-color-text); }
html[data-dua-theme="dark"] :is(.dua-header__search, .dua-header-tool, .dua-profile-preference, .dua-profile-language, .dua-notification-item__actions button, .dua-filter__advanced--icon > summary, .dua-modal__close, .dua-filter__modal-head button) { border-color: var(--dua-color-line); background: #102137; color: var(--dua-color-ink); }
html[data-dua-theme="dark"] .dua-profile-language button { background: #0b1b2f; }
html[data-dua-theme="dark"] .dua-header__account-action { border-color: var(--dua-color-line); background: #102137; color: var(--dua-color-ink); box-shadow: none; }
html[data-dua-theme="dark"] .dua-header__account-action:hover { border-color: var(--dua-color-primary); background: #102f4a; color: var(--dua-color-ink); }
html[data-dua-theme="dark"] .dua-header__account-action .dua-icon { color: currentColor; }
html[data-dua-theme="dark"] .dua-app-tabs__item { border-color: var(--dua-color-line); background: #102137; color: var(--dua-color-ink); }
html[data-dua-theme="dark"] .dua-app-tabs__item.is-active { border-color: var(--dua-color-primary); background: var(--dua-color-primary); color: #061525; }
html[data-dua-theme="dark"] .dua-app-search__field { background: #102f4a; }
html[data-dua-theme="dark"] .dua-app-search__field:focus { background: #0b1b2f; }
html[data-dua-theme="dark"] .dua-seed-balance { border-color: var(--dua-color-line); background: #102137; box-shadow: none; color: var(--dua-color-ink); }
html[data-dua-theme="dark"] .dua-seed-balance:hover { border-color: var(--dua-color-primary); background: #102f4a; color: var(--dua-color-ink); }
html[data-dua-theme="dark"] .dua-seed-balance strong { color: var(--dua-color-ink); }
html[data-dua-theme="dark"] .dua-seed-balance__text { color: var(--dua-color-muted); }
html[data-dua-theme="dark"] .dua-seed-summary { border-color: var(--dua-color-line); background: linear-gradient(135deg, #102137, #102f4a); }
html[data-dua-theme="dark"] .dua-collection-summary { border-color: #28533e; background: #113925; }
html[data-dua-theme="dark"] .dua-collection-summary > span { background: #102137; }
html[data-dua-theme="dark"] .dua-daily-reward { border-color: #725c20; background: #302810; }
html[data-dua-theme="dark"] .dua-daily-day.is-current { border-color: #b58e1d; background: #594817; }
html[data-dua-theme="dark"] .dua-garden-progress { border-color: #285071; background: linear-gradient(90deg, #0c2238, #102f4a); }
html[data-dua-theme="dark"] .dua-section--tint { border-color: var(--dua-color-line); background: #0b1b2f; }
html[data-dua-theme="dark"] .dua-auth { background: #071426; }
html[data-dua-theme="dark"] .dua-onboarding { background: radial-gradient(circle at 5% 12%, #102f4a 0 8.5rem, transparent 8.6rem), linear-gradient(145deg, #071426, #0b1b2f 52%, #181b25); }
html[data-dua-theme="dark"] .dua-banner-image { box-shadow: 0 18px 38px rgb(0 0 0 / 35%); }
html[data-dua-theme="dark"] .dua-activity-card__placeholder { text-shadow: 4px 4px 0 #071426; }
html[data-dua-theme="dark"] .dua-role-option:hover { border-color: var(--dua-color-primary); background: #102f4a; }
html[data-dua-theme="dark"] .dua-role-option:has(input:checked), html[data-dua-theme="dark"] .dua-role-option.is-selected { background: #102f4a; }
html[data-dua-theme="dark"] .dua-role-choice { border-color: var(--dua-color-line); background: rgb(16 33 55 / 94%); color: var(--dua-color-ink); }
html[data-dua-theme="dark"] .dua-register__form { border-color: var(--dua-color-line); background: rgb(11 27 47 / 88%); }
html[data-dua-theme="dark"] .dua-register__profile-icon, html[data-dua-theme="dark"] .dua-register__encouragement { border-color: var(--dua-color-line); background: linear-gradient(145deg, #102f4a, #302810); }
html[data-dua-theme="dark"] .dua-highlight-strip { border-color: #725c20; background: #3d3212; }
html[data-dua-theme="dark"] .dua-highlight-strip__icon { background: #102137; }
html[data-dua-theme="dark"] .dua-notification-item__delete:hover { background: var(--dua-color-danger-soft); }

@media (prefers-reduced-motion: reduce) {
  .dua-header-tool { transition: none; }
}