/* Tema natalino da Verificação sobre os estilos originais. */
:root {
  --pink: #e9ae4d;
  --pink-2: #e9ae4d;
  --teal: #2ebd68;
  --purple: #b93430;
  --cream: #210a0b;
  --card: #321210;
  --text: #fff8ed;
  --muted: #dfc9b8;
  --shadow: 0 12px 28px rgba(14, 2, 3, .32);
  --natal-border: #a66b37;
  --natal-gold: #f4bd62;
  --natal-snow: #fffaf2;
  --natal-green: #35bc6b;
  --natal-red: #db3b35;
}

body[data-area="verificacao"],
body[data-area="verificacao"]:has(#loginView:not([hidden])) {
  background: #8b0007 url("assets/verificacao/natal/background-snow.png") center top / cover fixed no-repeat !important;
  color: var(--natal-snow) !important;
}

body[data-area="verificacao"] .bg.app-bg,
body[data-area="verificacao"]:has(#loginView:not([hidden])) .app-bg {
  background: linear-gradient(rgba(30, 0, 3, .14), rgba(30, 0, 3, .2)),
    url("assets/verificacao/natal/background-snow.png") center top / cover no-repeat !important;
}

body[data-area="verificacao"] .decor { display: none !important; }
body[data-area="verificacao"] :is(.portal-desktop-shell .main, .mobile-app, .portal-mobile-shell) { background: transparent !important; }
body[data-area="verificacao"] :is(.sidebar-decor, .portal-desktop-shell .desktop-feedback-card::before) { display: none !important; }

/* As ilustrações principais bastam; as laterais ficam leves. */
body[data-area="verificacao"] .portal-desktop-shell .sidebar {
  background: #270c0c !important;
  border-color: #76451f !important;
  box-shadow: 8px 0 24px rgba(10, 0, 0, .25) !important;
}
body[data-area="verificacao"] .portal-desktop-shell .brand-card.brand-card-art {
  background: #3a1210 !important;
  border: 1px solid #ae763b !important;
  min-height: 260px !important;
  height: 260px !important;
  flex: 0 0 260px !important;
  margin-inline: 0;
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}
body[data-area="verificacao"] .portal-desktop-shell .brand-card.brand-card-art .mascot {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center center;
  border-radius: 17px !important;
}
body[data-area="verificacao"] .verif-welcome-bar {
  position: relative;
  z-index: 2;
  align-items: center !important;
  min-height: 146px;
  height: 146px;
  box-sizing: border-box;
  margin: -4px 0 4px !important;
  border: 1px solid #ae763b;
  border-radius: 18px;
  background: rgba(49, 12, 13, .82);
  padding: 4px 12px;
  overflow: visible;
}
body[data-area="verificacao"] .verif-welcome-copy { min-width: 0; flex: 1 1 340px; }
body[data-area="verificacao"] .verif-header-logo {
  width: min(100%, 650px);
  max-height: 112px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .4));
}
body[data-area="verificacao"] .natal-header-characters {
  display: block;
  width: clamp(215px, 17vw, 300px);
  max-height: 145px;
  object-fit: contain;
  align-self: end;
  flex: 0 1 auto;
  position: relative;
  top: 10px;
  z-index: 3;
}
@media (min-width: 1441px) {
  body[data-area="verificacao"] .natal-header-characters {
    width: 360px;
    height: 155px;
    max-height: 155px;
    transform: none;
  }
}
body[data-area="verificacao"] .portal-desktop-shell .natal-sidebar-gift {
  display: block;
  width: 100%;
  height: auto;
  flex: 1 1 120px;
  min-height: 0;
  max-height: 240px;
  object-fit: contain;
  margin: 4px auto 0;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .3));
}
body[data-area="verificacao"] .verif-welcome-actions { flex: 0 0 auto; }
body[data-area="verificacao"] :is(.top-pill, .verif-top-pill, .hero-pills-mobile > div) {
  background: #351211 !important;
  border-color: #b98043 !important;
  color: var(--natal-snow) !important;
  box-shadow: none !important;
}
body[data-area="verificacao"] :is(.top-pill small, .hero-pills-mobile small, .top-info span) { color: var(--natal-gold) !important; }
body[data-area="verificacao"] :is(.top-pill strong, .hero-pills-mobile strong, .top-info strong) { color: var(--natal-snow) !important; }
body[data-area="verificacao"] .online[data-sync-state="online"] { color: #60db83 !important; }
body[data-area="verificacao"] :is(.verif-refresh-btn, .refresh-btn) {
  background: #4b1915 !important;
  color: var(--natal-gold) !important;
  border-color: #b98043 !important;
}

body[data-area="verificacao"] :is(.portal-desktop-shell .nav-btn, .sidebar-back, .portal-sidebar-logout, .app-nav-btn, .mobile-logout-btn) {
  background: #3d1715 !important;
  color: #fff1d9 !important;
  border-color: #9e6335 !important;
  box-shadow: none !important;
}
body[data-area="verificacao"] :is(.portal-desktop-shell .nav-btn:hover, .portal-desktop-shell .nav-btn.active, .app-nav-btn.active) {
  background: linear-gradient(180deg, #bd2f2a, #8d191c) !important;
  color: #fffaf2 !important;
  border-color: #f2b95f !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
}

body[data-area="verificacao"] :is(
  .portal-desktop-shell .summary-panel, .portal-desktop-shell .panel,
  .portal-mobile-shell .app-card, .mobile-card, .ranking-panel,
  .portal-inline-form, .portal-week-form, .history-overview-panel,
  .history-chart-panel, .history-extra-panel, .verif-review-card,
  .portal-week-import-dialog
) {
  background: rgba(45, 14, 14, .96) !important;
  border-color: var(--natal-border) !important;
  color: var(--natal-snow) !important;
  box-shadow: 0 8px 22px rgba(12, 1, 1, .2) !important;
}
body[data-area="verificacao"] :is(
  .portal-desktop-shell .metric, .metric-app, .mini-card,
  .mini-stats > div, .portal-rank-card, .rank-card, .global-rank-card,
  .member-card, .member-card-team, .portal-week-row, .portal-boost-row,
  .history-log-item, .history-highlight-week-card, .history-highlight-row,
  .history-log-empty, .history-log-meta span, .feedback-mini-item,
  .verif-member-history-stats article, .verif-member-exits,
  .verif-member-exit-row, .verif-member-timeline-row,
  .portal-readonly-note, .verif-rpp-alert,
  .verif-review-summary article, .verif-review-member,
  .portal-week-import-result, .desktop-highlight-item.compact,
  .mobile-highlight-item.compact, .top-member
) {
  background: rgba(68, 25, 23, .95) !important;
  border-color: #92572f !important;
  color: var(--natal-snow) !important;
  box-shadow: none !important;
}
body[data-area="verificacao"] :is(
  .summary-panel h2, .panel-title, .panel h3, .page-head h2,
  .mobile-app h2, .history-subview-head h3, .verif-review-head h3,
  .portal-inline-title strong
) { color: var(--natal-gold) !important; text-shadow: none !important; }
body[data-area="verificacao"] :is(.page-head p, .history-section-head p, .history-subview-head p, .portal-notice, .verif-review-period) { color: var(--muted) !important; }
body[data-area="verificacao"] :is(
  .metric-title, .metric-title strong, .metric-value, .mini-card strong,
  .mini-stats strong, .rank-name, .portal-week-person strong,
  .member-name, .member-role, .desktop-rank-info strong,
  .history-highlight-copy strong, .history-highlight-week-head strong,
  .history-log-head strong, .history-log-item strong,
  .verif-review-summary strong, .verif-review-person strong,
  .verif-member-timeline-row strong, .mobile-highlight-info strong,
  .desktop-highlight-info strong
) { color: var(--natal-snow) !important; text-shadow: none !important; }
body[data-area="verificacao"] :is(
  .metric-title span, .metric small, .metric-growth.neutral, .rank-id,
  .rank-info, .portal-week-person span, .member-id, .desktop-rank-info small,
  .history-highlight-copy small, .history-highlight-week-head small,
  .history-log-head small, .history-log-item p, .verif-review-summary span,
  .verif-review-person small, .verif-member-timeline-row span,
  .verif-member-history-stats small, .mobile-highlight-info small,
  .portal-week-row label > span
) { color: #e2cfc1 !important; }
body[data-area="verificacao"] :is(.portal-desktop-shell .rank-score, .portal-desktop-shell .desktop-rank-score b, .portal-mobile-shell .top-score strong, .history-highlight-row b) { color: var(--natal-gold) !important; }
body[data-area="verificacao"] :is(.desktop-highlight-item b, .mobile-highlight-item b) {
  color: var(--natal-gold) !important;
}
body[data-area="verificacao"] :is(.portal-desktop-shell .desktop-rank-card .desktop-medal span, .portal-mobile-shell .top-pos span) {
  background: #61301e !important;
  color: var(--natal-gold) !important;
  box-shadow: inset 0 0 0 1px #c48745 !important;
}
body[data-area="verificacao"] :is(.portal-desktop-shell .desktop-rank-btn, .top5-switch .top-tab[data-top-type], .top-tab, .history-view-switch button, .history-tabs button) {
  background: #461916 !important;
  color: #fff1de !important;
  border-color: #ae7040 !important;
}
body[data-area="verificacao"] :is(.top5-switch .top-tab[data-top-type].active, .top-tab.active, .history-view-switch button[aria-selected="true"], .history-tabs button.active) {
  background: #a52623 !important;
  color: #fffaf2 !important;
  border-color: var(--natal-gold) !important;
}
body[data-area="verificacao"] :is(.history-view-switch, .portal-role-toggle, .mobile-top5-switch) { background: #32110f !important; }

/* Feedback: verde para os que receberam resposta; vermelho para os demais. */
body[data-area="verificacao"] .portal-desktop-shell .donut,
body[data-area="verificacao"] .ring-fill {
  background: conic-gradient(var(--natal-green) var(--pct), var(--natal-red) 0) !important;
}
body[data-area="verificacao"] .portal-desktop-shell .donut::after,
body[data-area="verificacao"] .ring-fill::after {
  background: #2c0d0e !important;
  box-shadow: inset 0 0 0 1px #a66b37 !important;
}
body[data-area="verificacao"] :is(.donut b, .ring-center strong) { color: var(--natal-snow) !important; }
body[data-area="verificacao"] :is(.donut span, .ring-center span) { color: #e2cfc1 !important; }
body[data-area="verificacao"] :is(.desktop-feedback-card .mini-stats span, .feedback-mini-copy span) { color: var(--natal-snow) !important; }
body[data-area="verificacao"] .mini-card:has(#verifCount) strong { color: #80e4a0 !important; }
body[data-area="verificacao"] .mini-card:has(#feedbackCount) strong { color: var(--natal-snow) !important; }
body[data-area="verificacao"] .mini-card:has(#semFeedbackCount) strong { color: #ff857e !important; }
body[data-area="verificacao"] .mini-card:has(#verifCount) span { color: #a5eeb4 !important; }
body[data-area="verificacao"] .mini-card:has(#feedbackCount) span { color: var(--natal-snow) !important; }
body[data-area="verificacao"] .mini-card:has(#semFeedbackCount) span { color: #ffaaa2 !important; }
body[data-area="verificacao"] .feedback-mini-item:has(#mVerifCount) .feedback-mini-copy :is(strong, span) { color: #a5eeb4 !important; }
body[data-area="verificacao"] .feedback-mini-item:has(#mFeedbackCount) .feedback-mini-copy :is(strong, span) { color: var(--natal-snow) !important; }
body[data-area="verificacao"] .feedback-mini-item:has(#mSemFeedbackCount) .feedback-mini-copy :is(strong, span) { color: #ffaaa2 !important; }
body[data-area="verificacao"] .portal-mobile-shell .feedback-mini-item .feedback-mini-copy {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
body[data-area="verificacao"] .portal-desktop-shell .feedback-donut b { font-size: 16px !important; }
body[data-area="verificacao"] .portal-desktop-shell .feedback-donut span { font-size: 8px !important; }

body[data-area="verificacao"] :is(.team-line, .mobile-team-line) { background: #441a17 !important; color: var(--natal-snow) !important; border-color: #9b6338 !important; }
body[data-area="verificacao"] :is(.team-line.green, .team-row.green, .member-group.ativo .member-group-head, .team-header.green) { background: #173e29 !important; color: #a5eeb4 !important; }
body[data-area="verificacao"] :is(.team-line.red, .team-row.red, .member-group.inativo .member-group-head, .team-header.red) { background: #571c1c !important; color: #ffc0bb !important; }
body[data-area="verificacao"] :is(.team-line.blue, .team-row.blue, .member-group.rpp .member-group-head, .team-header.blue) { background: #1a3552 !important; color: #b9ddff !important; }
body[data-area="verificacao"] :is(.team-line.gold, .team-row.gold, .member-group.gestao .member-group-head, .team-header.gold) { background: #58301a !important; color: var(--natal-gold) !important; }
body[data-area="verificacao"] :is(.team-line.total, .team-row.total) { background: #52231d !important; color: var(--natal-snow) !important; }

body[data-area="verificacao"] :is(.portal-action-btn, .primary-btn, .portal-primary, .portal-save-btn, .portal-week-form button[type="submit"], #boostManagerButton, #mBoostManagerButton, #newMemberButton, #mNewMemberButton) {
  background: linear-gradient(180deg, #e1a34d, #b86c2b) !important;
  color: #2b0c0b !important;
  border-color: #f7cf82 !important;
  box-shadow: none !important;
}
body[data-area="verificacao"] :is(.portal-action-btn.secondary, .mini-btn, .portal-clear-btn, .portal-week-form [data-save-week-draft], .verif-review-x, .verif-member-detail-head .portal-action-btn.secondary, .verif-member-detail .portal-inline-form .portal-avatar-tools .portal-upload-btn) {
  background: #4b1c18 !important;
  color: #fff1d9 !important;
  border-color: #b77d48 !important;
  box-shadow: none !important;
}
body[data-area="verificacao"] :is(input:not([type="radio"]):not([type="checkbox"]):not([type="range"]), select, textarea) {
  background: #30110f !important;
  border-color: #a66b37 !important;
  color: var(--natal-snow) !important;
  color-scheme: dark;
}
body[data-area="verificacao"] .portal-check-field > span { color: var(--natal-gold) !important; }
body[data-area="verificacao"] .portal-check-line,
body[data-area="verificacao"] .verif-member-detail .portal-inline-form .portal-check-line {
  background: #3c1714 !important;
  border-color: #b77d48 !important;
  color: var(--natal-snow) !important;
}
body[data-area="verificacao"] .portal-check-line input[type="checkbox"],
body[data-area="verificacao"] .verif-member-detail .portal-inline-form .portal-check-line input[type="checkbox"] {
  accent-color: #d89039 !important;
  color-scheme: dark;
}
body[data-area="verificacao"] :is(input, textarea)::placeholder { color: #c5a99b !important; }
body[data-area="verificacao"] :is(input, select, textarea):focus-visible { outline: 2px solid var(--natal-gold) !important; }
body[data-area="verificacao"] :is(.portal-week-total, .portal-week-row[data-member-status="Gestao"] .portal-week-total) { background: #17402b !important; color: #9ef3b4 !important; }
body[data-area="verificacao"] .portal-week-row[data-week-state="Inativo"] .portal-week-total { background: #552022 !important; color: #ffc4be !important; }
body[data-area="verificacao"] .portal-week-row[data-week-state="RPP"] .portal-week-total { background: #243b56 !important; color: #b9ddff !important; }
body[data-area="verificacao"] :is(.verif-review-member.is-warning, .verif-review-member.is-neutral, .verif-review-score, .verif-review-history, .verif-review-week, .verif-review-week.is-current, .verificacao-sync-item) { background: #491b18 !important; border-color: #9b6338 !important; }
body[data-area="verificacao"] .verif-review-member.is-critical { background: #5b1a1b !important; }
body[data-area="verificacao"] .verif-review-progress { background: #70422b !important; }
body[data-area="verificacao"] .verif-review-progress span { background: linear-gradient(90deg, #42bf69, #e9ae4d) !important; }
body[data-area="verificacao"] .verificacao-sync-card { background: #30100f !important; border-color: #a66b37 !important; color: var(--natal-snow) !important; }
body[data-area="verificacao"] :is(.verificacao-sync-close, .verificacao-sync-retry) { background: #8d2420 !important; color: var(--natal-snow) !important; }

body[data-area="verificacao"] #healthTable { background: #30110f !important; color: var(--natal-snow) !important; border-color: #9b6338 !important; }
body[data-area="verificacao"] #healthTable thead th { background: #792422 !important; color: var(--natal-snow) !important; border-color: #c18646 !important; }
body[data-area="verificacao"] #healthTable .health-sort-button { color: var(--natal-snow) !important; }
body[data-area="verificacao"] #healthTable tbody tr { background: #30110f !important; }
body[data-area="verificacao"] #healthTable tbody tr:nth-child(even) { background: #3d1916 !important; }
body[data-area="verificacao"] #healthTable tbody tr:hover { background: #57211c !important; }
body[data-area="verificacao"] #healthTable tbody td { color: var(--natal-snow) !important; border-color: #71432d !important; }
body[data-area="verificacao"] :is(.legend-row, .mini-legend, .week-labels) { color: #e1cfc1 !important; }
body[data-area="verificacao"] .legend-row span { color: var(--natal-snow) !important; }
body[data-area="verificacao"] :is(.chart-x-label, .chart-y-label) { fill: #dfc9b8 !important; }
body[data-area="verificacao"] .chart-grid { stroke: #75422e !important; }
body[data-area="verificacao"] .health-card { background: #391512 !important; border-color: #9b6338 !important; color: var(--natal-snow) !important; }

body[data-area="verificacao"] img[data-natal-icon] { display: block; object-fit: contain; }
body[data-area="verificacao"] .portal-desktop-shell .metric .metric-icon {
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-area="verificacao"] .portal-desktop-shell .metric-icon img[data-natal-icon] { width: 44px !important; height: 44px !important; }
body[data-area="verificacao"] .mobile-app .metric-app > img.metric-icon[data-natal-icon] {
  width: 56px !important;
  height: 56px !important;
  margin-left: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
body[data-area="verificacao"] img.inline-stat-icon[data-natal-icon] { width: 18px; height: 18px; }
body[data-area="verificacao"] img.feedback-mini-icon[data-natal-icon] { width: 34px; height: 34px; }
body[data-area="verificacao"] img.mini-tab-icon[data-natal-icon] { width: 18px; height: 18px; }

/* Login e versão para celular usam a mesma identidade visual. */
body[data-area="verificacao"] #loginView.portal-login { background: #2c0d0e !important; border-color: #b98043 !important; }
body[data-area="verificacao"] #loginView .portal-login-brand { background: #421513 !important; border-color: #a56a36 !important; }
body[data-area="verificacao"] #loginView .portal-login-panel { background: #2c0d0e !important; color: var(--natal-snow) !important; }
body[data-area="verificacao"] #loginView :is(.portal-login-heading, .portal-login-kicker, .portal-back-top, .portal-field, .portal-field span) { color: var(--natal-gold) !important; }
body[data-area="verificacao"] #loginView .portal-login-panel p { color: #dfc9b8 !important; }
body[data-area="verificacao"] #loginView .portal-role-toggle { background: #401713 !important; border: 1px solid #a66b37 !important; }
body[data-area="verificacao"] #loginView .portal-role-toggle::before { background: #a52623 !important; box-shadow: inset 0 0 0 1px var(--natal-gold) !important; }
body[data-area="verificacao"] #loginView .portal-role-toggle span { background: transparent !important; color: #e9d5c6 !important; }
body[data-area="verificacao"] #loginView .portal-role-toggle input:checked + span { background: transparent !important; color: var(--natal-snow) !important; }
body[data-area="verificacao"] #loginView .portal-field input { background: #3c1714 !important; border-color: #a66b37 !important; color: var(--natal-snow) !important; }
body[data-area="verificacao"] #loginView .portal-primary { background: linear-gradient(180deg, #edb759, #bd732c) !important; color: #2b0c0b !important; }
body[data-area="verificacao"] #loginView .portal-primary:is(:hover, :focus-visible) { background: linear-gradient(180deg, #f4c777, #cc8036) !important; color: #2b0c0b !important; }
body[data-area="verificacao"] #loginView .form-error:not(:empty) { color: #ffaaa2 !important; }
body[data-area="verificacao"] #loginView .portal-login-brand-copy img { display: block; max-width: 100%; max-height: 130px; object-fit: contain; }
body[data-area="verificacao"] .portal-mobile-shell .app-nav { background: #2b0d0e !important; border-color: #9b6338 !important; }
body[data-area="verificacao"] .portal-mobile-shell #mCurrentWeek { color: var(--natal-gold) !important; }
body[data-area="verificacao"] .portal-mobile-shell :is(.top-score span, .member-score small, .member-score strong) { color: var(--natal-gold) !important; }
body[data-area="verificacao"] .portal-mobile-shell .top5-more { background: #e1a34d !important; color: #2b0c0b !important; border-color: #f7cf82 !important; }

html:has(> body[data-area="verificacao"]),
body[data-area="verificacao"],
body[data-area="verificacao"] * { scrollbar-color: #b66d31 #2b0d0e !important; }
html:has(> body[data-area="verificacao"])::-webkit-scrollbar-track,
body[data-area="verificacao"] ::-webkit-scrollbar-track { background: #2b0d0e !important; }
html:has(> body[data-area="verificacao"])::-webkit-scrollbar-thumb,
body[data-area="verificacao"] ::-webkit-scrollbar-thumb { background: #b66d31 !important; border-color: #2b0d0e !important; }

/* A folha principal ainda define rosa nos scrolls do painel e dos rankings. */
body[data-area="verificacao"] .portal-desktop-shell .main,
body[data-area="verificacao"] .portal-desktop-shell #feedback.page.active,
body[data-area="verificacao"] .portal-desktop-shell .portal-week-list,
body[data-area="verificacao"] .portal-desktop-shell #weekly #weeklyCards,
body[data-area="verificacao"] .portal-desktop-shell #global.page.active,
body[data-area="verificacao"] .portal-desktop-shell #global #globalCards,
body[data-area="verificacao"] .portal-mobile-shell :is(#mWeeklyCards, #mGlobalCards) {
  scrollbar-color: #c52f2b #2b0d0e !important;
}
body[data-area="verificacao"] .portal-desktop-shell .main::-webkit-scrollbar-track,
body[data-area="verificacao"] .portal-desktop-shell #feedback.page.active::-webkit-scrollbar-track,
body[data-area="verificacao"] .portal-desktop-shell .portal-week-list::-webkit-scrollbar-track,
body[data-area="verificacao"] .portal-desktop-shell #weekly #weeklyCards::-webkit-scrollbar-track,
body[data-area="verificacao"] .portal-desktop-shell #global.page.active::-webkit-scrollbar-track,
body[data-area="verificacao"] .portal-desktop-shell #global #globalCards::-webkit-scrollbar-track,
body[data-area="verificacao"] .portal-mobile-shell :is(#mWeeklyCards, #mGlobalCards)::-webkit-scrollbar-track {
  background: #2b0d0e !important;
}
body[data-area="verificacao"] .portal-desktop-shell .main::-webkit-scrollbar-thumb,
body[data-area="verificacao"] .portal-desktop-shell #feedback.page.active::-webkit-scrollbar-thumb,
body[data-area="verificacao"] .portal-desktop-shell .portal-week-list::-webkit-scrollbar-thumb,
body[data-area="verificacao"] .portal-desktop-shell #weekly #weeklyCards::-webkit-scrollbar-thumb,
body[data-area="verificacao"] .portal-desktop-shell #global.page.active::-webkit-scrollbar-thumb,
body[data-area="verificacao"] .portal-desktop-shell #global #globalCards::-webkit-scrollbar-thumb,
body[data-area="verificacao"] .portal-mobile-shell :is(#mWeeklyCards, #mGlobalCards)::-webkit-scrollbar-thumb {
  background: #c52f2b !important;
  border: 2px solid #2b0d0e !important;
  border-radius: 999px !important;
}
body[data-area="verificacao"] .portal-desktop-shell .main::-webkit-scrollbar-thumb:hover,
body[data-area="verificacao"] .portal-desktop-shell #feedback.page.active::-webkit-scrollbar-thumb:hover,
body[data-area="verificacao"] .portal-desktop-shell .portal-week-list::-webkit-scrollbar-thumb:hover,
body[data-area="verificacao"] .portal-desktop-shell #weekly #weeklyCards::-webkit-scrollbar-thumb:hover,
body[data-area="verificacao"] .portal-desktop-shell #global.page.active::-webkit-scrollbar-thumb:hover,
body[data-area="verificacao"] .portal-desktop-shell #global #globalCards::-webkit-scrollbar-thumb:hover,
body[data-area="verificacao"] .portal-mobile-shell :is(#mWeeklyCards, #mGlobalCards)::-webkit-scrollbar-thumb:hover {
  background: #e74b44 !important;
}

@media (max-width: 1440px) {
  body[data-area="verificacao"] .natal-header-characters { width: clamp(190px, 15vw, 220px); }
}
@media (max-width: 1150px) {
  body[data-area="verificacao"] .natal-header-characters { display: none; }
}
@media (max-width: 850px) {
  body[data-area="verificacao"] .mobile-app .app-hero { background: #36110f !important; border-color: #b98043 !important; }
  body[data-area="verificacao"] .mobile-app .hero-text,
  body[data-area="verificacao"] .mobile-app .hero-text strong { color: var(--natal-snow) !important; }
  body[data-area="verificacao"] .mobile-hero-logo { filter: drop-shadow(0 5px 8px rgba(0,0,0,.35)); }
  body[data-area="verificacao"] .mobile-app .metric-app { background: #441917 !important; }
}

/* Ajustes do painel: ícones, categorias e destaques legíveis. */
body[data-area="verificacao"] :is(.ui-nav-icon, .title-ui-icon)[data-natal-icon] { filter: drop-shadow(0 1px 2px rgba(12, 2, 2, .5)) !important; }
body[data-area="verificacao"] .team-status-icon {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: currentColor;
}
body[data-area="verificacao"] :is(.team-line span, .team-row) { align-items: center; }
body[data-area="verificacao"] .team-row small { display: grid; place-items: center; width: 24px; height: 24px; }
body[data-area="verificacao"] .team-row .team-status-icon { width: 22px; height: 22px; }

body[data-area="verificacao"] :is(.desktop-bar, .portal-mobile-shell .top-bar) { background: #6c4941 !important; }
body[data-area="verificacao"] :is(.desktop-bar i.points, .portal-mobile-shell .top-bar i.points) { background: linear-gradient(90deg, #ffe08a, #e7a83e) !important; }
body[data-area="verificacao"] :is(.desktop-bar i.checks, .portal-mobile-shell .top-bar i.checks) { background: linear-gradient(90deg, #75df9a, #269b55) !important; }
body[data-area="verificacao"] :is(.desktop-bar i.deleted, .portal-mobile-shell .top-bar i.deleted) { background: linear-gradient(90deg, #ff8577, #bd292a) !important; }
body[data-area="verificacao"] .portal-desktop-shell .desktop-points-card .desktop-rank-score :is(b, small),
body[data-area="verificacao"] :is(#weeklyCards, #globalCards, #mWeeklyCards, #mGlobalCards) .rank-score :is(strong, span, small) { color: var(--natal-gold) !important; }
body[data-area="verificacao"] .portal-desktop-shell .desktop-filter-card:has(.top-tab[data-top-type="verificacoes"].active) .desktop-rank-score :is(b, small),
body[data-area="verificacao"] .portal-mobile-shell .top5-box:has(.top-tab[data-top-type="verificacoes"].active) .top-score :is(strong, span) { color: #83e9a6 !important; }
body[data-area="verificacao"] .portal-desktop-shell .desktop-filter-card:has(.top-tab[data-top-type="apagados"].active) .desktop-rank-score :is(b, small),
body[data-area="verificacao"] .portal-mobile-shell .top5-box:has(.top-tab[data-top-type="apagados"].active) .top-score :is(strong, span) { color: #ff8d83 !important; }
body[data-area="verificacao"] .portal-mobile-shell .top5-box:has(.top-tab[data-top-type="pontos"].active) .top-score :is(strong, span) { color: var(--natal-gold) !important; }
body[data-area="verificacao"] .top-tab[data-top-type="verificacoes"].active { background: #236341 !important; border-color: #83e9a6 !important; color: #f7fff8 !important; }
body[data-area="verificacao"] .top-tab[data-top-type="apagados"].active { background: #8e2725 !important; border-color: #ff8d83 !important; color: #fff8f5 !important; }
body[data-area="verificacao"] .top-tab[data-top-type="pontos"].active { background: #704117 !important; border-color: var(--natal-gold) !important; color: #fff8ed !important; }
body[data-area="verificacao"] .top-tab .mini-tab-icon { filter: none !important; }

body[data-area="verificacao"] :is(.line-ver, .portal-desktop-shell .line-ver, .mobile-chart .line-ver) { stroke: #35bc6b !important; }
body[data-area="verificacao"] :is(.line-feed, .portal-desktop-shell .line-feed, .mobile-chart .line-feed) { stroke: #fffaf2 !important; }
body[data-area="verificacao"] :is(.line-deleted, .portal-desktop-shell .line-deleted, .mobile-chart .line-deleted) { stroke: #db3b35 !important; }
body[data-area="verificacao"] .chart-point.point-ver { stroke: #35bc6b !important; fill: #fffaf2 !important; }
body[data-area="verificacao"] .chart-point.point-feed { stroke: #fffaf2 !important; fill: #2c0d0e !important; }
body[data-area="verificacao"] .chart-point.point-deleted { stroke: #db3b35 !important; fill: #fffaf2 !important; }
body[data-area="verificacao"] :is(.legend-dot.purple, .purple-dot) { background: #35bc6b !important; }
body[data-area="verificacao"] :is(.legend-dot.teal, .teal-dot) { background: #fffaf2 !important; }
body[data-area="verificacao"] :is(.legend-dot.gold, .gold-dot) { background: #db3b35 !important; }

@media (min-width: 901px) {
  body[data-area="verificacao"] .portal-desktop-shell .desktop-side-stack { grid-template-rows: 232px minmax(0, 1fr) !important; }
  body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-card { height: 232px !important; min-height: 232px !important; max-height: 232px !important; }
}

/* Pódio original dos destaques com as cores de Natal. */
body[data-area="verificacao"] :is(.portal-desktop-shell .desktop-highlight-card, .portal-mobile-shell .mobile-highlights-card) {
  background: radial-gradient(circle at 50% 35%, #742d24, #481510 72%) !important;
  border-color: #d69a52 !important;
}
body[data-area="verificacao"] :is(.portal-desktop-shell .desktop-highlight-card, .portal-mobile-shell .mobile-highlights-card)::before {
  display: block !important;
  content: "✦  ✨" !important;
  color: #fff2d6 !important;
  text-shadow: 0 0 9px rgba(255, 219, 142, .65) !important;
}
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlights-card::after { display: none !important; }
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-card::after {
  display: block !important;
  background: radial-gradient(circle at 50% 30%, rgba(255, 241, 214, .22), transparent 48%), rgba(255, 255, 255, .04) !important;
}
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-card .panel-title {
  justify-content: center !important;
  text-align: center !important;
  color: #fff8ed !important;
  text-shadow: 0 2px 5px rgba(24, 2, 2, .65) !important;
}
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-top2 {
  align-items: end !important;
  gap: 10px !important;
  padding: 8px 6px 0 !important;
}
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact {
  justify-content: flex-end !important;
  height: 170px !important;
  min-height: 170px !important;
  padding: 0 !important;
  gap: 3px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact .desktop-avatar,
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact.place-1 .desktop-avatar {
  width: 58px !important;
  height: 58px !important;
  margin: 0 0 2px !important;
  border: 3px solid #fffaf2 !important;
}
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact .desktop-highlight-rank,
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact.place-1 .desktop-highlight-rank,
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact.place-2 .desktop-highlight-rank {
  display: grid !important;
  top: 4px !important;
  right: calc(50% - 42px) !important;
  left: auto !important;
  transform: none !important;
  width: 27px !important;
  height: 27px !important;
  margin: 0 !important;
  visibility: visible !important;
  font-size: 11px !important;
  background: linear-gradient(#fff0b4, #f1b746) !important;
  border: 2px solid #fff8db !important;
  color: #51240e !important;
}
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact .desktop-highlight-info { width: 100% !important; }
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact .desktop-highlight-info strong {
  color: #fffaf2 !important;
  font-size: 17px !important;
  line-height: 1.1 !important;
  text-shadow: 0 2px 4px rgba(24, 2, 2, .8) !important;
}
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact .desktop-highlight-info .highlight-breakdown,
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlight-item.compact .mobile-highlight-info .highlight-breakdown { display: none !important; }
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact b,
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlight-item.compact b {
  margin: 2px 0 0 !important;
  background: #35100f !important;
  color: #f6c765 !important;
  box-shadow: 0 4px 10px rgba(14, 2, 2, .3) !important;
}
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact .podium-step {
  display: block !important;
  width: 96% !important;
  height: 29px !important;
  background: linear-gradient(180deg, #fff6d7, #f8c878 54%, #c7762e) !important;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, .72), 0 7px 12px rgba(24, 2, 2, .35) !important;
}
body[data-area="verificacao"] .portal-desktop-shell .desktop-highlight-item.compact.place-1 .podium-step { height: 36px !important; }
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlights-card h2 { color: #fff8ed !important; text-align: center !important; }
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlight-top2 { width: min(100%, 340px) !important; padding: 12px 4px 2px !important; }
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlight-item.compact {
  min-height: 185px !important;
  height: auto !important;
  padding: 10px 5px 0 !important;
  gap: 4px !important;
  border: 0 !important;
  background: rgba(255, 255, 255, .07) !important;
  box-shadow: none !important;
}
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlight-item.compact .mobile-highlight-rank,
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlight-item.compact.place-1 .mobile-highlight-rank {
  top: 6px !important;
  right: 5px !important;
  margin: 0 !important;
  visibility: visible !important;
  background: linear-gradient(#fff0b4, #f1b746) !important;
  border-color: #fff8db !important;
  color: #51240e !important;
}
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlight-item.compact .mobile-highlight-avatar,
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlight-item.compact.place-1 .mobile-highlight-avatar {
  width: 70px !important;
  height: 70px !important;
  margin: 0 0 2px !important;
  border: 3px solid #fffaf2 !important;
}
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlight-item.compact .mobile-highlight-info strong {
  color: #fffaf2 !important;
  font-size: 18px !important;
  text-shadow: 0 2px 4px rgba(24, 2, 2, .8) !important;
}
body[data-area="verificacao"] .portal-mobile-shell .mobile-highlight-item.compact::after {
  content: "";
  display: block;
  width: 96%;
  height: 24px;
  margin-top: auto;
  border-radius: 15px 15px 5px 5px;
  background: linear-gradient(180deg, #fff6d7, #f8c878 54%, #c7762e);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, .72), 0 7px 12px rgba(24, 2, 2, .35);
}

@media (min-width: 901px) and (max-height: 920px) {
  body[data-area="verificacao"] .portal-desktop-shell .desktop-chart-card .chart { flex: 0 0 130px !important; }
  body[data-area="verificacao"] .portal-desktop-shell .desktop-chart-card .chart,
  body[data-area="verificacao"] .portal-desktop-shell .desktop-chart-card .chart svg {
    min-height: 130px !important;
    height: 130px !important;
  }
  body[data-area="verificacao"] .portal-desktop-shell .desktop-chart-card .legend-row { margin-top: 4px !important; }
}

/* Contraste dos indicadores e formulários. */
body[data-area="verificacao"] :is(.portal-mobile-shell .top-pos span, .portal-mobile-shell .member-pos span) {
  background: #f4d38c !important;
  color: #4a180f !important;
  box-shadow: inset 0 0 0 1px #b67738 !important;
}
body[data-area="verificacao"] .history-highlight-rank {
  background: #f4d38c !important;
  color: #4a180f !important;
  box-shadow: inset 0 0 0 1px #b67738 !important;
}
body[data-area="verificacao"] .history-log-item.is-accent .history-log-head strong { color: var(--natal-gold) !important; }
body[data-area="verificacao"] :is(.team-line span, .team-line strong) { color: inherit !important; }
body[data-area="verificacao"] .portal-avatar-preview { background: #30110f !important; border-color: #a66b37 !important; }
body[data-area="verificacao"] :is(.portal-inline-form.is-readonly input:disabled, .portal-inline-form.is-readonly select:disabled) {
  background: #3b221e !important;
  color: #e2cfc1 !important;
  opacity: 1;
}
body[data-area="verificacao"] :is(.verif-review-progress-label strong, .verif-review-history strong, .verif-review-week strong) { color: var(--natal-snow) !important; }
body[data-area="verificacao"] :is(.verif-review-progress-label span, .verif-review-week small, .verif-review-selection) { color: #e2cfc1 !important; }
body[data-area="verificacao"] :is(.history-search-field span, .toolbar-field, .verif-review-head small, .verif-review-summary small) { color: var(--natal-gold) !important; }
body[data-area="verificacao"] :is(#verificacaoSyncModal, #verificacaoActionModal, .verif-review-modal) { background: rgba(12, 2, 2, .72) !important; }
body[data-area="verificacao"] .portal-week-import-dialog::backdrop { background: rgba(12, 2, 2, .72) !important; }
body[data-area="verificacao"] #verificacaoActionModal [data-action-cancel] { background: #4b1c18 !important; border-color: #b77d48 !important; color: var(--natal-snow) !important; }
body[data-area="verificacao"] #verificacaoActionModal :is([data-action-generate], [data-action-recalculate]):not(:disabled) { background: #e1a34d !important; border-color: #f7cf82 !important; color: #2b0c0b !important; }
body[data-area="verificacao"] .verificacao-sync-state[data-state="online"] { background: #173e29 !important; color: #a5eeb4 !important; }
body[data-area="verificacao"] .verificacao-sync-state[data-state="syncing"] { background: #58301a !important; color: #f4d38c !important; }
body[data-area="verificacao"] .verificacao-sync-state[data-state="error"],
body[data-area="verificacao"] #verificacaoSyncToast { background: #571c1c !important; border-color: #b35b4c !important; color: #ffc0bb !important; }
body[data-area="verificacao"] :is(
  .portal-mobile-shell .mobile-highlight-item.compact .mobile-highlight-rank,
  .portal-mobile-shell .mobile-highlight-item.compact.place-1 .mobile-highlight-rank,
  .portal-desktop-shell .desktop-highlight-item.compact .desktop-highlight-rank
) {
  background: #ffe2a3 !important;
  color: #43130e !important;
  border-color: #fff7d9 !important;
  text-shadow: none !important;
  font-weight: 1000 !important;
}

@media (max-width: 850px) {
  body[data-area="verificacao"] .mobile-app .app-hero {
    min-height: clamp(420px, 52dvh, 500px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(135px, auto) minmax(155px, 1fr) auto !important;
    padding: 26px 14px 14px !important;
    gap: 0 !important;
  }
  body[data-area="verificacao"] .mobile-app .hero-text {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    padding: 0 !important;
  }
  body[data-area="verificacao"] .mobile-app .mobile-hero-logo {
    width: min(100%, 360px) !important;
  }
  body[data-area="verificacao"] .mobile-app .hero-mascot {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: clamp(260px, 72vw, 345px) !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 0 !important;
    object-fit: contain;
  }
  body[data-area="verificacao"] .mobile-app .hero-pills-mobile {
    grid-row: 3 !important;
    width: 100% !important;
  }
  body[data-area="verificacao"] #loginView .portal-login-brand {
    height: clamp(250px, 34dvh, 300px) !important;
    min-height: 250px !important;
    padding: 10px 14px 0 !important;
    gap: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body[data-area="verificacao"] #loginView .portal-login-brand-copy {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
  }
  body[data-area="verificacao"] #loginView .portal-login-brand-copy img {
    width: min(100%, 360px) !important;
    max-height: 118px !important;
  }
  body[data-area="verificacao"] #loginView .portal-login-brand .mascot {
    width: min(78%, 220px) !important;
    height: auto !important;
    max-width: 78% !important;
    max-height: 190px !important;
    object-fit: contain !important;
  }
}

@media (max-width: 430px) {
  body[data-area="verificacao"] .mobile-app .hero-mascot {
    width: clamp(260px, 72vw, 310px) !important;
  }
  body[data-area="verificacao"] .mobile-app .mobile-hero-logo {
    width: min(100%, 340px) !important;
  }
}