@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");

/*
 * Enfoque Intranet - Fluid corporate theme
 * Visual direction inspired by the reference supplied by the user.
 * This layer intentionally avoids structural layout changes: it changes
 * typography, surfaces, color, radius, borders, shadows and interaction only.
 */
:root {
  --pt-navy-950: #0b1730;
  --pt-navy-900: #10264d;
  --pt-navy-850: #142f5e;
  --pt-navy-800: #183968;
  --pt-blue-700: #0758b5;
  --pt-blue-600: #0b67cf;
  --pt-blue-500: #1b78dc;
  --pt-cyan-500: #22c7d3;
  --pt-cyan-100: #ddf8fa;
  --pt-yellow-400: #ffdc16;
  --pt-canvas: #f3f6fa;
  --pt-canvas-2: #eaf1f8;
  --pt-surface: #ffffff;
  --pt-surface-soft: #f8fafc;
  --pt-surface-blue: #f1f6fb;
  --pt-line: #dbe5ef;
  --pt-line-strong: #c8d7e6;
  --pt-ink: #172a46;
  --pt-muted: #66778d;
  --pt-success: #07875c;
  --pt-warning: #c27a00;
  --pt-danger: #be3b45;
  --pt-radius-sm: 10px;
  --pt-radius-md: 14px;
  --pt-radius-lg: 18px;
  --pt-radius-xl: 22px;
  --pt-shadow-xs: 0 1px 2px rgba(15, 38, 74, .04);
  --pt-shadow-sm: 0 7px 22px rgba(15, 38, 74, .07);
  --pt-shadow-md: 0 16px 38px rgba(15, 38, 74, .10);
  --pt-shadow-nav: 0 18px 44px rgba(5, 19, 43, .20);
  --pt-focus: 0 0 0 3px rgba(11, 103, 207, .14);

  /* Keep legacy variables coherent so page-specific CSS inherits the same identity. */
  --bg-0: var(--pt-canvas);
  --bg-1: var(--pt-canvas-2);
  --surface: var(--pt-surface);
  --surface-soft: var(--pt-surface-soft);
  --text: var(--pt-ink);
  --muted: var(--pt-muted);
  --border: var(--pt-line);
  --primary: var(--pt-blue-600);
  --primary-strong: var(--pt-navy-800);
  --sidebar-1: var(--pt-navy-900);
  --sidebar-2: var(--pt-navy-950);
  --shadow-lg: var(--pt-shadow-md);
  --shadow-md: var(--pt-shadow-sm);
  --radius-xl: var(--pt-radius-xl);
  --radius-md: var(--pt-radius-md);

  --theme-bg: var(--pt-canvas);
  --theme-bg-soft: var(--pt-canvas-2);
  --theme-surface: var(--pt-surface);
  --theme-surface-soft: var(--pt-surface-soft);
  --theme-text: var(--pt-ink);
  --theme-muted: var(--pt-muted);
  --theme-border: var(--pt-line);
  --theme-primary: var(--pt-blue-600);
  --theme-primary-strong: var(--pt-navy-800);
  --theme-sidebar-1: var(--pt-navy-900);
  --theme-sidebar-2: var(--pt-navy-950);
  --theme-radius: var(--pt-radius-lg);
  --theme-shadow: var(--pt-shadow-sm);
  --theme-font: "Inter", "Segoe UI", sans-serif;

  --content-canvas: var(--pt-canvas);
  --content-surface: var(--pt-surface);
  --content-surface-soft: var(--pt-surface-soft);
  --content-ink: var(--pt-ink);
  --content-muted: var(--pt-muted);
  --content-line: var(--pt-line);
  --content-line-strong: var(--pt-line-strong);
  --content-accent: var(--pt-blue-600);
  --content-accent-strong: var(--pt-navy-800);
  --content-card-radius: var(--pt-radius-lg);
  --content-control-radius: var(--pt-radius-sm);
  --content-shadow: var(--pt-shadow-sm);
}

html {
  background: var(--pt-canvas);
  color-scheme: light;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body,
html[data-site-theme] body {
  color: var(--pt-ink) !important;
  font-family: "Inter", "Segoe UI", sans-serif !important;
  background:
    radial-gradient(circle at 95% -4%, rgba(34, 199, 211, .10), transparent 26rem),
    radial-gradient(circle at -5% 0%, rgba(11, 103, 207, .09), transparent 30rem),
    linear-gradient(180deg, #f7f9fc 0%, var(--pt-canvas) 42%, #eef3f8 100%) !important;
}

body::before {
  opacity: .16 !important;
  background-size: 44px 44px !important;
  background-image:
    linear-gradient(rgba(16, 38, 77, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 38, 77, .045) 1px, transparent 1px) !important;
}

body,
button,
input,
select,
textarea {
  font-family: "Inter", "Segoe UI", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.page-title,
.card-title,
.section-title,
.dashboard-title,
.login-card h1,
.login-card h2 {
  font-family: "Plus Jakarta Sans", "Inter", sans-serif !important;
  letter-spacing: -.025em;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--pt-ink);
}

p, li, td, th, label, small, .muted, .hint {
  line-height: 1.48;
}

::selection {
  color: #fff;
  background: var(--pt-blue-600);
}

/* Content canvas: preserve dimensions and flow, unify the visual field. */
.content-wrap > .page-main,
html[data-site-theme] .content-wrap > .page-main,
.main-content > .page-main,
.content-wrapper {
  background:
    radial-gradient(circle at 90% 0%, rgba(34, 199, 211, .055), transparent 26rem),
    linear-gradient(180deg, #f8fafc 0%, var(--pt-canvas) 100%) !important;
  color: var(--pt-ink) !important;
}

/* Shared navigation keeps its current geometry, with a Paytrack-like deep blue identity. */
.sidebar,
.sidebar.shared-sidebar,
.app-container .sidebar,
html[data-site-theme] .sidebar.shared-sidebar,
html[data-site-theme] body.sidebar-open .sidebar.shared-sidebar {
  background:
    radial-gradient(circle at 15% -5%, rgba(34, 199, 211, .17), transparent 15rem),
    radial-gradient(circle at 115% 16%, rgba(27, 120, 220, .26), transparent 21rem),
    linear-gradient(165deg, var(--pt-navy-850) 0%, var(--pt-navy-950) 72%) !important;
  color: #eef5ff !important;
  border-color: rgba(255, 255, 255, .08) !important;
  box-shadow: 20px 0 46px rgba(6, 21, 47, .16) !important;
}

.sidebar-header {
  border-color: rgba(255, 255, 255, .10) !important;
}

.sidebar-header h2,
.sidebar-header strong,
.sidebar .sidebar-brand,
.sidebar .brand-title {
  color: #fff !important;
}

.sidebar-eyebrow {
  color: #70dce3 !important;
}

.sidebar .menu-item,
.sidebar .sidebar-home-link,
.shared-sidebar .menu-item,
html[data-site-theme] .shared-sidebar .menu-item,
html[data-site-theme] .shared-sidebar .sidebar-home-link,
html[data-site-theme] body.sidebar-open .shared-sidebar .menu-item {
  color: #cbd8ea !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sidebar .menu-item:hover,
.sidebar .sidebar-home-link:hover,
.shared-sidebar .menu-item:hover,
html[data-site-theme] .shared-sidebar .menu-item:hover,
html[data-site-theme] body.sidebar-open .shared-sidebar .menu-item:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .075) !important;
  border-color: rgba(255, 255, 255, .06) !important;
  transform: translateX(2px);
}

.sidebar .menu-item.active,
.shared-sidebar .menu-item.active,
html[data-site-theme] .shared-sidebar .menu-item.active,
html[data-site-theme] body.sidebar-open .shared-sidebar .menu-item.active,
.sidebar [aria-current="page"] {
  color: #fff !important;
  background: linear-gradient(100deg, rgba(11, 103, 207, .95), rgba(20, 70, 128, .90)) !important;
  border-color: rgba(112, 220, 227, .25) !important;
  box-shadow: inset 3px 0 0 var(--pt-cyan-500), 0 8px 20px rgba(5, 27, 61, .20) !important;
}

.sidebar .submenu .menu-item {
  color: #aebed4 !important;
}

/* Top navigation: dark corporate bar without moving existing controls. */
.topbar,
.main-header,
.topbar.shared-header,
html[data-site-theme] body .topbar.shared-header,
html[data-site-theme] .topbar {
  color: #f4f8ff !important;
  background:
    radial-gradient(circle at 76% -180%, rgba(34, 199, 211, .30), transparent 44%),
    linear-gradient(120deg, var(--pt-navy-900), #173b72 66%, #1d4f87) !important;
  border-color: rgba(255, 255, 255, .10) !important;
  border-radius: 18px !important;
  box-shadow: var(--pt-shadow-nav) !important;
}

.topbar :is(h1, h2, h3, strong, .topbar-brand, .topbar-title),
.main-header :is(h1, h2, h3, strong) {
  color: #fff !important;
}

.topbar :is(.muted, .hint, small),
.main-header :is(.muted, .hint, small) {
  color: #cbd9ed !important;
}

.topbar a,
.main-header a {
  color: inherit;
}

.topbar input,
.topbar select,
.topbar .welcome-pill,
.topbar .btn-ghost,
.main-header input,
.main-header .btn-ghost {
  color: #f6f9ff !important;
  background: rgba(255, 255, 255, .09) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  box-shadow: none !important;
}

.topbar input::placeholder,
.main-header input::placeholder {
  color: #bdcce0 !important;
}

/* Core surfaces. Do not change width, position, grid or flex behavior. */
.card,
.panel,
.control-card,
.report-card,
.dashboard-card,
.chart-card,
.filter-card,
.filters,
.stat-card,
.metric-card,
.summary-card,
.award-setting-card,
.award-config-card,
.award-settings-panel,
.quota-chart-card,
.quota-editor-panel,
.detail-card,
.users-card,
.user-card,
.sige-section,
.field-box,
.mass-empty-state,
.devolucao-confirm-card,
.xml-kpi,
.xml-modal-card,
.ti-modal-card,
.modal-card,
.modal-content,
.dialog-card,
[class$="-panel"]:not(.submenu):not(.sidebar):not(.tab-panel),
[class$="-card"]:not(.menu-card):not(.sidebar-card) {
  background: var(--pt-surface) !important;
  color: var(--pt-ink) !important;
  border-color: var(--pt-line) !important;
  border-radius: var(--pt-radius-lg) !important;
  box-shadow: var(--pt-shadow-sm) !important;
}

.card::after,
.login-card::after,
.sugestoes-lista-card::after,
.sugestoes-filtros::after,
.chart-card::after {
  background: linear-gradient(90deg, rgba(11, 103, 207, .18), rgba(34, 199, 211, .06), transparent) !important;
}

.card:hover[onclick],
.panel:hover[onclick],
[role="button"].card:hover,
[role="button"].panel:hover {
  box-shadow: var(--pt-shadow-md) !important;
}

.card-head,
.card-header,
.panel-head,
.panel-header,
.section-head,
.toolbar,
.mm-section-head,
.ti-modal-header,
.modal-header {
  border-color: var(--pt-line) !important;
}

/* Forms and selection controls. */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea,
.input,
.cadastro-table-input,
.pdv1-field input,
.pdv1-field select {
  color: var(--pt-ink) !important;
  background: #fbfcfe !important;
  border-color: var(--pt-line-strong) !important;
  border-radius: var(--pt-radius-sm) !important;
  box-shadow: inset 0 1px 1px rgba(15, 38, 74, .025) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):hover,
select:hover,
textarea:hover {
  border-color: #aebfd1 !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
select:focus,
textarea:focus {
  outline: 0 !important;
  color: var(--pt-ink) !important;
  background: #fff !important;
  border-color: var(--pt-blue-600) !important;
  box-shadow: var(--pt-focus) !important;
}

input::placeholder,
textarea::placeholder {
  color: #91a0b4 !important;
}

label,
.field > label,
.form-group > label,
.mm-field > label {
  color: #354a66 !important;
  font-weight: 600;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--pt-blue-600);
}

/* Buttons use a confident rounded rectangle. Pills remain only where semantic. */
button,
.btn,
.btn-primary,
.btn-ghost,
.btn-muted,
.btn-danger,
.btn-warning,
.primary-button,
.secondary-button,
.action-button,
.icon-button,
.cleanup-action-btn,
.pdv1-btn,
.price-filter-button,
.mm-choice {
  border-radius: 11px !important;
  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease, color 160ms ease !important;
}

.btn-primary,
button.primary,
.primary-button,
.pdv1-btn-blue,
.mm-page .btn-primary,
html[data-site-theme] .page-main :is(.btn-primary, button.primary, .primary-button) {
  color: #fff !important;
  background: linear-gradient(135deg, var(--pt-blue-600), var(--pt-navy-800)) !important;
  border: 1px solid #0b5dac !important;
  box-shadow: 0 8px 18px rgba(11, 103, 207, .19) !important;
}

.btn-primary:hover,
button.primary:hover,
.primary-button:hover,
.pdv1-btn-blue:hover,
html[data-site-theme] .page-main :is(.btn-primary, button.primary, .primary-button):hover {
  color: #fff !important;
  background: linear-gradient(135deg, #075dbd, #102e59) !important;
  box-shadow: 0 10px 22px rgba(11, 103, 207, .24) !important;
}

.btn-ghost,
.btn-muted,
.secondary-button,
html[data-site-theme] .page-main :is(.btn-ghost, .secondary-button) {
  color: #21476f !important;
  background: #fff !important;
  border: 1px solid var(--pt-line-strong) !important;
  box-shadow: var(--pt-shadow-xs) !important;
}

.btn-ghost:hover,
.btn-muted:hover,
.secondary-button:hover,
html[data-site-theme] .page-main :is(.btn-ghost, .secondary-button):hover {
  color: var(--pt-blue-700) !important;
  background: var(--pt-surface-blue) !important;
  border-color: #a9c3dd !important;
}

.btn-danger,
.danger-button {
  color: #fff !important;
  background: linear-gradient(135deg, #d14c56, #ac2f3a) !important;
  border-color: #ac2f3a !important;
}

.btn-warning,
.warning-button {
  color: #5b3b00 !important;
  background: #fff0b8 !important;
  border-color: #efd778 !important;
}

button:hover:not(:disabled),
.btn:hover:not(.disabled) {
  transform: translateY(-1px);
}

button:active:not(:disabled),
.btn:active:not(.disabled) {
  transform: translateY(0) scale(.985);
}

/* Tabs and chips: rounded but not oversized. */
.tabs,
.config-tabs,
.main-tabs,
.quota-tabs,
[role="tablist"] {
  border-color: var(--pt-line) !important;
}

.tab,
.tab-btn,
.studio-tab,
.tabs button,
[role="tab"] {
  color: #50657e !important;
  background: #f6f8fb !important;
  border: 1px solid var(--pt-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.tab.active,
.tab-btn.active,
.studio-tab.active,
.tabs button.active,
[role="tab"][aria-selected="true"] {
  color: #fff !important;
  background: linear-gradient(135deg, var(--pt-navy-850), var(--pt-blue-700)) !important;
  border-color: transparent !important;
  box-shadow: 0 7px 18px rgba(15, 52, 98, .16) !important;
}

.badge,
.status-badge,
.preview-badge,
.pill,
.chip,
.mm-chip,
.mm-summary-tag,
[class*="status-pill"] {
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Tables and dense reporting surfaces. */
.table-wrap,
.table-container,
.responsive-table,
.seller-sales-table-wrap,
.pdv1-table-wrap,
.mm-table-wrap {
  background: #fff !important;
  border-color: var(--pt-line) !important;
  border-radius: var(--pt-radius-md) !important;
  box-shadow: var(--pt-shadow-xs) !important;
}

table,
.mm-table,
.seller-sales-table {
  color: #263b55 !important;
  background: #fff !important;
}

table thead th,
.mm-table thead tr:first-child th,
.mm-table thead tr:nth-child(2) th {
  color: #2b4563 !important;
  background: #edf3f9 !important;
  border-color: #d4e0ec !important;
}

table tbody tr:nth-child(even),
.mm-table tbody tr:nth-child(even) {
  background: #fbfcfe !important;
}

table tbody tr:hover,
.mm-table tbody tr:hover,
.seller-sales-table tbody tr:hover {
  background: #f0f6fc !important;
}

table th,
table td {
  border-color: #e6edf4 !important;
}

/* Dropdowns, autocomplete and floating suggestion surfaces. */
.suggestions,
.suggestion-list,
.autocomplete,
.autocomplete-panel,
.price-autocomplete-panel,
.cadastro-suggestions,
.mm-auto,
.dropdown-menu,
.topbar-search-results,
.stock-suggestions,
.stock-suggestion-tongue {
  color: var(--pt-ink) !important;
  background: rgba(255, 255, 255, .98) !important;
  border-color: var(--pt-line) !important;
  border-radius: var(--pt-radius-md) !important;
  box-shadow: 0 18px 42px rgba(10, 34, 68, .14) !important;
  backdrop-filter: blur(12px);
}

/* Modal layers and feedback. */
.ti-modal-backdrop,
.modal-backdrop,
.overlay,
.dialog-backdrop {
  background: rgba(7, 20, 42, .46) !important;
  backdrop-filter: blur(4px);
}

.ti-modal-card,
.xml-modal-card,
.modal-card,
.modal-content,
.dialog-card {
  border-radius: var(--pt-radius-xl) !important;
  box-shadow: 0 28px 80px rgba(5, 20, 45, .24) !important;
}

.feedback.success,
.status.success,
.success {
  color: var(--pt-success);
}

.feedback.error,
.status.error,
.error {
  color: var(--pt-danger);
}

/* Home: preserve its content and positioning while bringing the reference's blue hero language. */
body.home-redesign .home-hero,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card {
  color: #fff !important;
  border-color: rgba(255,255,255,.10) !important;
  border-radius: 0 0 24px 24px !important;
  box-shadow: 0 22px 48px rgba(5, 24, 54, .18) !important;
  background-image:
    linear-gradient(90deg, rgba(9, 27, 59, .94) 0%, rgba(14, 50, 99, .82) 48%, rgba(28, 78, 132, .34) 78%, rgba(219, 235, 249, .14) 100%),
    var(--home-hero-banner-image),
    linear-gradient(135deg, var(--pt-navy-950), #1d4f87 72%, #b8d4ed) !important;
}

body.home-redesign .home-hero :is(h1, h2, h3),
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card h1 {
  color: #fff !important;
  text-shadow: none !important;
}

body.home-redesign .hero-eyebrow,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card .hero-eyebrow {
  color: #79dce4 !important;
  background: rgba(7, 24, 52, .34) !important;
  border-color: rgba(121, 220, 228, .22) !important;
  border-radius: 999px !important;
  backdrop-filter: blur(8px);
}

body.home-redesign .hero-subtitle,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card .hero-subtitle {
  color: #e1ebf7 !important;
}

body.home-redesign .shortcut-item,
body.home-redesign .shortcut-button,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-shortcuts .shortcut-item,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-shortcuts .shortcut-button {
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid var(--pt-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--pt-shadow-sm) !important;
}

body.home-redesign .shortcut-icon {
  color: var(--pt-blue-700) !important;
  background: linear-gradient(135deg, #e7f2fd, var(--pt-cyan-100)) !important;
  border-radius: 13px !important;
}

/* Minimum/maximum page had its own dark styling; normalize it into the same visual family. */
.mm-hero {
  background:
    radial-gradient(circle at 88% 0%, rgba(34,199,211,.18), transparent 24rem),
    linear-gradient(120deg, var(--pt-navy-950), #143b73 70%, #1c548f) !important;
  border-color: rgba(255,255,255,.10) !important;
  border-radius: var(--pt-radius-xl) !important;
  box-shadow: var(--pt-shadow-md) !important;
}

.mm-question,
.mm-selection-area,
.mm-period-card,
.mm-compare-card,
.mm-kpi,
.mm-insight {
  background: #fff !important;
  border-color: var(--pt-line) !important;
  border-radius: var(--pt-radius-md) !important;
  box-shadow: var(--pt-shadow-xs) !important;
}

.mm-question {
  border-left: 3px solid var(--pt-blue-600) !important;
}

.mm-choice.active,
.mm-choice[aria-pressed="true"] {
  color: #fff !important;
  background: linear-gradient(135deg, var(--pt-navy-850), var(--pt-blue-700)) !important;
  border-color: transparent !important;
}

.mm-table-head {
  color: #fff !important;
  background: linear-gradient(120deg, var(--pt-navy-900), #17477f) !important;
  border-color: rgba(255,255,255,.10) !important;
}

/* Login: keep the centered card and authentication behavior; only restyle. */
.login-body {
  background:
    radial-gradient(circle at 18% 15%, rgba(34, 199, 211, .18), transparent 28rem),
    radial-gradient(circle at 82% 12%, rgba(43, 113, 193, .30), transparent 30rem),
    linear-gradient(135deg, var(--pt-navy-950), #183d75 58%, #dcebf7 145%) !important;
}

.login-card {
  position: relative;
  overflow: hidden;
  color: var(--pt-ink) !important;
  background: rgba(255, 255, 255, .97) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  border-radius: 22px !important;
  box-shadow: 0 28px 70px rgba(4, 19, 43, .28) !important;
  backdrop-filter: blur(16px);
}

.login-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--pt-blue-600), var(--pt-cyan-500), var(--pt-yellow-400));
}

.login-card :is(h1, h2, h3) {
  color: var(--pt-navy-900) !important;
}

/* Public/simple/error pages that do not use .page-main. */
body:not(.login-body) > :is(main, .container, .public-shell, .error-shell) .card,
body:not(.login-body) > :is(main, .container, .public-shell, .error-shell) .panel {
  border-radius: var(--pt-radius-lg) !important;
}

/* Decorative and focus details. */
.progress-bar,
.report-progress-bar,
[role="progressbar"] > span {
  background: linear-gradient(90deg, var(--pt-blue-600), var(--pt-cyan-500)) !important;
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
  outline: 3px solid rgba(34, 199, 211, .36) !important;
  outline-offset: 2px;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #edf2f7;
}

::-webkit-scrollbar-thumb {
  background: #b7c8da;
  border: 2px solid #edf2f7;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #8fa9c3;
}

/* Prevent the most common visual truncation without changing page geometry. */
.page-main :is(h1, h2, h3, h4, p, label, .muted, .hint),
.card :is(h1, h2, h3, h4, p, label),
.panel :is(h1, h2, h3, h4, p, label) {
  overflow-wrap: anywhere;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

@media (max-width: 980px) {
  .topbar,
  .main-header,
  .topbar.shared-header,
  html[data-site-theme] body .topbar.shared-header {
    border-radius: 15px !important;
  }

  .card,
  .panel,
  .control-card,
  .report-card,
  .dashboard-card,
  .chart-card,
  .filter-card,
  .filters,
  .modal-card,
  .ti-modal-card {
    border-radius: 15px !important;
  }
}

@media (max-width: 680px) {
  :root {
    --pt-radius-lg: 15px;
    --pt-radius-xl: 18px;
  }

  .topbar,
  .main-header,
  .topbar.shared-header,
  html[data-site-theme] body .topbar.shared-header {
    border-radius: 13px !important;
    box-shadow: 0 10px 26px rgba(5, 19, 43, .16) !important;
  }

  .login-body {
    background: linear-gradient(160deg, var(--pt-navy-950), #174378 74%, #376a9c 130%) !important;
  }

  .login-card {
    border-radius: 18px !important;
  }

  table th,
  table td {
    overflow-wrap: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Specificity bridge for legacy content-refresh rules that also use !important. */
html[data-site-theme] .page-main :is(.tabs, .quota-tabs, .main-tabs, [role="tablist"]) :is(button, .tab),
html[data-site-theme] .page-main :is(.tab-btn, .studio-tab, [role="tab"]) {
  color: #50657e !important;
  background: #f6f8fb !important;
  border: 1px solid var(--pt-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html[data-site-theme] .page-main :is(.tabs, .quota-tabs, .main-tabs, [role="tablist"]) :is(button, .tab).active,
html[data-site-theme] .page-main :is(.tab-btn.active, .studio-tab.active, [role="tab"][aria-selected="true"]) {
  color: #fff !important;
  background: linear-gradient(135deg, var(--pt-navy-850), var(--pt-blue-700)) !important;
  border-color: transparent !important;
  border-radius: 10px !important;
  box-shadow: 0 7px 18px rgba(15, 52, 98, .16) !important;
}

html[data-site-theme] .page-main :is(.tabs, .quota-tabs, .main-tabs, [role="tablist"]) :is(button, .tab).active::after,
html[data-site-theme] .page-main :is(.tabs, .quota-tabs, .main-tabs, [role="tablist"]) [aria-selected="true"]::after {
  display: none !important;
  content: none !important;
}

html[data-site-theme] .page-main :is(.badge, .status-badge, .preview-badge, .pill, .chip) {
  border-radius: 999px !important;
}

html[data-site-theme] body > :is(.modal, .ti-modal, .modal-backdrop) :is(.modal-card, .ti-modal-card),
html[data-site-theme] :is(.xml-modal-card, .modal-content, .dialog-card) {
  border-radius: var(--pt-radius-xl) !important;
  border-color: var(--pt-line-strong) !important;
  box-shadow: 0 28px 80px rgba(5, 20, 45, .24) !important;
}

/* Visual-audit fixes: never sacrifice readable page context to keep a one-line header. */
@media (max-width: 1500px) {
  .shared-header-description {
    display: none !important;
  }
}

@media (max-width: 820px) {
  .shared-header-context-copy {
    min-width: 0;
  }

  .shared-header-context-copy strong {
    max-width: min(48vw, 220px) !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    line-height: 1.14 !important;
  }
}

@media (max-width: 520px) {
  .shared-header-context-copy strong {
    max-width: 48vw !important;
  }

  .pdv1-shortcuts {
    height: auto !important;
    min-height: 20px !important;
    padding: 5px 7px !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    line-height: 1.35 !important;
  }
}

/* Mobile QA: responsive tables must not inherit the old global 720px minimum width. */
@media (max-width: 760px) {
  table.enf-responsive-table {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  table.enf-responsive-table :is(thead, tbody, tr, th, td) {
    max-width: 100% !important;
  }
}

/* Devolucao has an inline two-column source search grid; stack it on phones. */
@media (max-width: 680px) {
  #notaSearchPanel .direct-search-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #notaSearchPanel .direct-search-grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #notaSearchPanel #buscarNotasBtn {
    width: 100% !important;
    white-space: normal !important;
  }
}


/* ===== Enfoque color system v4 · richer corporate palette + focused page art ===== */
:root {
  --pt-navy-950: #06172f;
  --pt-navy-900: #0a2852;
  --pt-navy-850: #0d3568;
  --pt-navy-800: #12477f;
  --pt-blue-700: #075fc7;
  --pt-blue-600: #0872e6;
  --pt-blue-500: #2588f4;
  --pt-cyan-500: #13c6cc;
  --pt-cyan-100: #dcf8f7;
  --pt-yellow-400: #ffd633;
  --pt-canvas: #f3f7fb;
  --pt-canvas-2: #eaf1f8;
  --pt-surface: #ffffff;
  --pt-surface-soft: #f8fbfe;
  --pt-surface-blue: #eff6fd;
  --pt-line: #d8e4ef;
  --pt-line-strong: #c4d5e6;
  --pt-ink: #122540;
  --pt-muted: #62758d;
  --pt-success: #087b58;
  --pt-warning: #b96e00;
  --pt-danger: #bd3947;
  --pt-focus: 0 0 0 3px rgba(8, 114, 230, .15);
  --pt-shadow-xs: 0 1px 2px rgba(8, 34, 68, .035);
  --pt-shadow-sm: 0 9px 25px rgba(8, 34, 68, .075);
  --pt-shadow-md: 0 19px 46px rgba(8, 34, 68, .115);
  --pt-shadow-nav: 0 20px 48px rgba(3, 19, 43, .22);
}

body,
html[data-site-theme] body {
  background:
    radial-gradient(circle at 88% -7%, rgba(19, 198, 204, .105), transparent 28rem),
    radial-gradient(circle at 8% -2%, rgba(8, 114, 230, .10), transparent 31rem),
    linear-gradient(180deg, #f8fbfe 0%, #f3f7fb 44%, #edf3f8 100%) !important;
}

body::before {
  opacity: .11 !important;
  background-size: 56px 56px !important;
  background-image:
    linear-gradient(rgba(10, 40, 82, .038) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10, 40, 82, .038) 1px, transparent 1px) !important;
}

.content-wrap > .page-main,
html[data-site-theme] .content-wrap > .page-main,
.main-content > .page-main,
.content-wrapper {
  background:
    radial-gradient(circle at 94% 1%, rgba(19, 198, 204, .055), transparent 28rem),
    radial-gradient(circle at 2% 0%, rgba(8, 114, 230, .045), transparent 25rem),
    linear-gradient(180deg, rgba(251,253,255,.96), var(--pt-canvas)) !important;
}

.sidebar,
.sidebar.shared-sidebar,
.app-container .sidebar,
html[data-site-theme] .sidebar.shared-sidebar,
html[data-site-theme] body.sidebar-open .sidebar.shared-sidebar {
  background:
    radial-gradient(circle at 7% -2%, rgba(19, 198, 204, .22), transparent 17rem),
    radial-gradient(circle at 108% 24%, rgba(37, 136, 244, .30), transparent 23rem),
    linear-gradient(162deg, #0e3566 0%, #08264e 43%, #06172f 100%) !important;
  box-shadow: 22px 0 50px rgba(4, 20, 45, .18) !important;
}

.sidebar .menu-item.active,
.shared-sidebar .menu-item.active,
html[data-site-theme] .shared-sidebar .menu-item.active,
html[data-site-theme] body.sidebar-open .shared-sidebar .menu-item.active,
.sidebar [aria-current="page"] {
  background: linear-gradient(100deg, rgba(8,114,230,.98), rgba(14,74,140,.94)) !important;
  border-color: rgba(101, 224, 229, .27) !important;
  box-shadow: inset 3px 0 0 #61e0e4, 0 9px 22px rgba(2, 24, 56, .24) !important;
}

.topbar,
.main-header,
.topbar.shared-header,
html[data-site-theme] body .topbar.shared-header,
html[data-site-theme] .topbar {
  background:
    radial-gradient(circle at 78% -180%, rgba(19, 198, 204, .38), transparent 45%),
    radial-gradient(circle at 20% 180%, rgba(37, 136, 244, .24), transparent 48%),
    linear-gradient(116deg, #09254b 0%, #103b72 58%, #17558e 100%) !important;
  border-color: rgba(255,255,255,.11) !important;
  box-shadow: 0 18px 42px rgba(4, 25, 57, .20) !important;
}

.card,
.panel,
.control-card,
.report-card,
.dashboard-card,
.chart-card,
.filter-card,
.filters,
.stat-card,
.metric-card,
.summary-card,
[class$="-panel"]:not(.submenu):not(.sidebar):not(.tab-panel),
[class$="-card"]:not(.menu-card):not(.sidebar-card) {
  border-color: #d9e5f0 !important;
  box-shadow: 0 9px 26px rgba(7, 35, 70, .07) !important;
}

.card::after,
.login-card::after,
.sugestoes-lista-card::after,
.sugestoes-filtros::after,
.chart-card::after {
  background: linear-gradient(90deg, rgba(8,114,230,.22), rgba(19,198,204,.10), rgba(255,214,51,.035), transparent) !important;
}

.btn-primary,
button.primary,
.primary-button,
.pdv1-btn-blue,
.mm-page .btn-primary,
html[data-site-theme] .page-main :is(.btn-primary, button.primary, .primary-button) {
  background: linear-gradient(135deg, #0872e6 0%, #075fc7 48%, #12477f 100%) !important;
  border-color: #0759b7 !important;
  box-shadow: 0 9px 20px rgba(8, 114, 230, .21) !important;
}

.btn-primary:hover,
button.primary:hover,
.primary-button:hover,
.pdv1-btn-blue:hover,
html[data-site-theme] .page-main :is(.btn-primary, button.primary, .primary-button):hover {
  background: linear-gradient(135deg, #0879f2 0%, #0764d0 46%, #103e73 100%) !important;
  box-shadow: 0 12px 25px rgba(8, 114, 230, .27) !important;
}

.tab.active,
.tab-btn.active,
.studio-tab.active,
.tabs button.active,
[role="tab"][aria-selected="true"],
html[data-site-theme] .page-main :is(.tabs, .quota-tabs, .main-tabs, [role="tablist"]) :is(button, .tab).active,
html[data-site-theme] .page-main :is(.tab-btn.active, .studio-tab.active, [role="tab"][aria-selected="true"]) {
  background: linear-gradient(135deg, #0b315f, #0869d4) !important;
  box-shadow: 0 8px 19px rgba(7, 75, 145, .18) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea,
.input,
.cadastro-table-input,
.pdv1-field input,
.pdv1-field select {
  background: linear-gradient(180deg, #ffffff, #fbfdff) !important;
  border-color: #c8d8e8 !important;
}

table thead th,
.mm-table thead tr:first-child th,
.mm-table thead tr:nth-child(2) th {
  color: #274560 !important;
  background: #eaf2f9 !important;
  border-color: #d2dfeb !important;
}

table tbody tr:hover,
.mm-table tbody tr:hover,
.seller-sales-table tbody tr:hover {
  background: #edf6fd !important;
}

/* Home shortcuts receive distinct but restrained functional color cues. */
body.home-redesign .shortcut-item[data-shortcut-tone="reports"] .shortcut-icon {
  color: #0868d5 !important;
  background: linear-gradient(135deg, #e7f2ff, #d9ebff) !important;
}
body.home-redesign .shortcut-item[data-shortcut-tone="support"] .shortcut-icon {
  color: #078879 !important;
  background: linear-gradient(135deg, #e4fbf7, #d8f5f0) !important;
}
body.home-redesign .shortcut-item[data-shortcut-tone="feedback"] .shortcut-icon {
  color: #7451c8 !important;
  background: linear-gradient(135deg, #f2edff, #e9e1ff) !important;
}
body.home-redesign .shortcut-item[data-shortcut-tone="extensions"] .shortcut-icon {
  color: #bd6b00 !important;
  background: linear-gradient(135deg, #fff7dc, #fff0bd) !important;
}
body.home-redesign .shortcut-item[data-shortcut-tone="finance"] .shortcut-icon {
  color: #118145 !important;
  background: linear-gradient(135deg, #e8f9ee, #dff4e6) !important;
}

body.home-redesign .shortcut-item,
body.home-redesign .shortcut-button,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-shortcuts .shortcut-item,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-shortcuts .shortcut-button {
  position: relative;
  overflow: hidden;
  border-color: #d8e5f0 !important;
  background: linear-gradient(155deg, #ffffff 0%, #fbfdff 100%) !important;
}
body.home-redesign .shortcut-item::after,
body.home-redesign .shortcut-button::after {
  content: "";
  position: absolute;
  inset: auto 12% -22px;
  height: 36px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(8,114,230,.11), transparent 68%);
  opacity: 0;
  transition: opacity 180ms ease, transform 180ms ease;
  pointer-events: none;
}
body.home-redesign .shortcut-item:hover::after,
body.home-redesign .shortcut-button:hover::after {
  opacity: 1;
  transform: translateY(-8px) scale(1.18);
}

/* ===== Home hero v4 · layered banner treatment, no structural changes ===== */
body.home-redesign .home-hero,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card {
  isolation: isolate;
  overflow: hidden !important;
  position: relative !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 26px !important;
  box-shadow: 0 28px 66px rgba(4, 25, 58, .22), inset 0 1px 0 rgba(255,255,255,.10) !important;
  background-image:
    linear-gradient(92deg, rgba(4,18,42,.95) 0%, rgba(8,39,80,.88) 42%, rgba(11,76,133,.58) 69%, rgba(17,104,162,.24) 100%),
    var(--home-hero-banner-image),
    linear-gradient(128deg, #06172f 0%, #0b376d 50%, #0a70bf 100%) !important;
  background-size: cover, cover, cover !important;
  background-position: center, center, center !important;
}

body.home-redesign .home-hero::before,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: min(48vw, 720px) !important;
  height: min(48vw, 720px) !important;
  right: -12% !important;
  top: -55% !important;
  left: auto !important;
  bottom: auto !important;
  border: 0 !important;
  border-radius: 50% !important;
  opacity: .78 !important;
  background:
    radial-gradient(circle at 35% 38%, rgba(102,239,238,.42) 0%, rgba(32,171,224,.24) 26%, rgba(25,117,218,.10) 48%, transparent 70%) !important;
  filter: blur(2px) !important;
  transform: translate3d(0,0,0) !important;
  animation: enfHomeAura 9s ease-in-out infinite alternate !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.home-redesign .home-hero::after,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  border: 0 !important;
  opacity: .62 !important;
  background:
    linear-gradient(108deg, transparent 12%, rgba(255,255,255,.035) 34%, rgba(255,255,255,.13) 48%, rgba(82,224,230,.10) 55%, transparent 71%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
  background-size: 220% 100%, 38px 38px, 38px 38px !important;
  background-position: 115% 0, center, center !important;
  animation: enfHomeSweep 11s ease-in-out infinite !important;
  mix-blend-mode: screen;
  pointer-events: none !important;
  z-index: 1 !important;
}

body.home-redesign .home-hero .hero-overlay,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card .hero-overlay {
  position: relative !important;
  z-index: 3 !important;
  max-width: min(690px, 92%) !important;
  padding: clamp(4px, .8vw, 12px) 0 !important;
}

body.home-redesign .home-hero h1,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card h1 {
  color: #fff !important;
  text-shadow: 0 4px 24px rgba(1, 15, 39, .28) !important;
}

body.home-redesign .hero-eyebrow,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card .hero-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #9ff7f2 !important;
  background: rgba(4, 24, 54, .42) !important;
  border: 1px solid rgba(126, 241, 237, .27) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 24px rgba(0, 18, 43, .12) !important;
}
body.home-redesign .hero-eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #5ce6e2;
  box-shadow: 0 0 0 5px rgba(92,230,226,.10), 0 0 18px rgba(92,230,226,.78);
  animation: enfHeroDot 2.4s ease-in-out infinite;
}
body.home-redesign .hero-subtitle,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card .hero-subtitle {
  color: #dceafb !important;
  text-shadow: 0 2px 14px rgba(2, 20, 47, .26) !important;
}

@keyframes enfHomeAura {
  0% { transform: translate3d(-1%, -1%, 0) scale(.96); opacity: .66; }
  100% { transform: translate3d(5%, 6%, 0) scale(1.08); opacity: .92; }
}
@keyframes enfHomeSweep {
  0%, 18% { background-position: 130% 0, center, center; }
  58%, 100% { background-position: -90% 0, center, center; }
}
@keyframes enfHeroDot {
  0%, 100% { transform: scale(.92); opacity: .72; }
  50% { transform: scale(1.14); opacity: 1; }
}

/* ===== Minimum & Maximum · dedicated stock-intelligence visual system ===== */
.mm-page {
  --mm-accent: #0872e6;
  --mm-teal: #0db9b1;
  --mm-violet: #6757cf;
  --mm-gold: #d69a00;
  gap: 18px !important;
}

.mm-page::before {
  height: 320px !important;
  background:
    radial-gradient(circle at 10% 4%, rgba(8,114,230,.13), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(13,185,177,.11), transparent 32%),
    linear-gradient(180deg, rgba(12,57,108,.055), transparent 88%) !important;
}

.mm-page > .card:not(.mm-hero):not(.mm-table-card) {
  border: 1px solid #d7e4ef !important;
  border-top: 1px solid #d7e4ef !important;
  border-radius: 18px !important;
  box-shadow: 0 13px 34px rgba(7, 38, 77, .075) !important;
  background: linear-gradient(155deg, #ffffff 0%, #fbfdff 100%) !important;
}

.mm-hero {
  min-height: 210px;
  isolation: isolate;
  border: 1px solid rgba(112, 220, 227, .22) !important;
  border-radius: 24px !important;
  box-shadow: 0 26px 58px rgba(4, 26, 58, .24), inset 0 1px 0 rgba(255,255,255,.08) !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(74,230,224,.30), transparent 19rem),
    radial-gradient(circle at 68% 110%, rgba(33,132,245,.32), transparent 24rem),
    linear-gradient(124deg, #06172f 0%, #0a2c59 46%, #0d4f8a 78%, #087d9a 118%) !important;
}
.mm-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .42;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(90deg, transparent 36%, #000 76%);
}
.mm-hero::after {
  width: 410px !important;
  height: 410px !important;
  right: -120px !important;
  top: -205px !important;
  z-index: 1 !important;
  background: radial-gradient(circle, rgba(83,238,233,.38), rgba(32,154,233,.12) 42%, transparent 69%) !important;
  animation: enfMmAura 8s ease-in-out infinite alternate;
}
.mm-hero > * { position: relative; z-index: 2; }
.mm-eyebrow { color: #83ebe8 !important; letter-spacing: .12em !important; }
.mm-hero h1 {
  font-size: clamp(2rem, 3vw, 2.75rem) !important;
  letter-spacing: -.045em !important;
  text-shadow: 0 5px 22px rgba(0, 14, 36, .26);
}
.mm-hero .muted { color: #dceafb !important; }
.mm-hero-badge {
  color: #e9ffff !important;
  border-color: rgba(130,240,236,.34) !important;
  background: rgba(3, 30, 59, .42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 28px rgba(1,18,42,.16) !important;
}
.mm-step {
  border-color: rgba(122,224,228,.26) !important;
  background: rgba(2, 30, 61, .38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.mm-step b {
  background: linear-gradient(135deg, #d8ffff, #b9e9ff) !important;
  color: #07518b !important;
}
@keyframes enfMmAura {
  from { transform: translate3d(-2%, -2%, 0) scale(.94); opacity: .72; }
  to { transform: translate3d(5%, 7%, 0) scale(1.06); opacity: 1; }
}

.mm-section-head h2 {
  color: #112b4d !important;
  font-size: 1.12rem !important;
  letter-spacing: -.02em;
}
.mm-section-head p { color: #657990 !important; }

.mm-question {
  border: 1px solid #b9d5ef !important;
  border-left: 4px solid #0872e6 !important;
  background:
    radial-gradient(circle at 96% -20%, rgba(19,198,204,.10), transparent 15rem),
    linear-gradient(135deg, #eef7ff, #fbfdff) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}
.mm-question-title { color: #123d70 !important; }

.mm-choice {
  position: relative;
  overflow: hidden;
  border-color: #c3d6e9 !important;
  background: linear-gradient(155deg, #ffffff, #f7fbff) !important;
  box-shadow: 0 5px 13px rgba(8, 44, 88, .055) !important;
}
.mm-choice::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, #0872e6, #13c6cc);
  opacity: .2;
  transition: opacity 160ms ease, height 160ms ease;
}
.mm-choice:hover::after { opacity: .8; }
.mm-choice.active,
.mm-choice[aria-pressed="true"] {
  color: #fff !important;
  background:
    radial-gradient(circle at 92% -20%, rgba(74,226,225,.28), transparent 9rem),
    linear-gradient(135deg, #0a2d5b, #0870d6) !important;
  border-color: #0864bf !important;
  box-shadow: 0 11px 25px rgba(8, 89, 173, .23) !important;
}
.mm-choice.active::after,
.mm-choice[aria-pressed="true"]::after { height: 4px; opacity: 1; background: #5ae0de; }
.mm-choice.active small,
.mm-choice[aria-pressed="true"] small { color: #dbeeff !important; }

.mm-selection-area,
.mm-period-card,
.mm-compare-card {
  border-color: #d2e0ed !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(8,114,230,.045), transparent 14rem),
    linear-gradient(180deg, #fcfeff, #f7fafd) !important;
}
.mm-period-card { border-top: 3px solid #0872e6 !important; }
.mm-compare-card { border-top: 3px solid #0db9b1 !important; }

.mm-selection-summary {
  border-color: #bfd4e8 !important;
  border-left-color: #0872e6 !important;
  background: linear-gradient(90deg, #eaf5ff, #f6fbff) !important;
}
.mm-summary-tag {
  background: linear-gradient(135deg, #0a3568, #0872e6) !important;
  border-color: #0872e6 !important;
}

.mm-upload {
  border-color: #8bc7e5 !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(19,198,204,.11), transparent 13rem),
    #f5fbff !important;
}
.mm-upload strong { color: #0b4e8d !important; }

details.mm-policy {
  border-color: #d4e1ed !important;
  background: linear-gradient(180deg, #fbfdff, #f6f9fc) !important;
}
details.mm-policy summary { color: #0b589f !important; }

.mm-kpis { gap: 12px !important; }
.mm-kpi {
  position: relative;
  overflow: hidden;
  border: 1px solid #d5e2ed !important;
  border-top: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(150deg, #fff, #f7fbff) !important;
  box-shadow: 0 10px 24px rgba(7, 37, 75, .07) !important;
}
.mm-kpi::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--mm-kpi-accent, #0872e6);
}
.mm-kpi::after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  right: -42px;
  top: -46px;
  background: radial-gradient(circle, color-mix(in srgb, var(--mm-kpi-accent, #0872e6) 20%, transparent), transparent 68%);
  pointer-events: none;
}
.mm-kpi:nth-child(1) { --mm-kpi-accent: #0872e6; }
.mm-kpi:nth-child(2) { --mm-kpi-accent: #0db9b1; }
.mm-kpi:nth-child(3) { --mm-kpi-accent: #6757cf; }
.mm-kpi:nth-child(4) { --mm-kpi-accent: #0b8a64; }
.mm-kpi:nth-child(5) { --mm-kpi-accent: #d69a00; }
.mm-kpi:nth-child(6) { --mm-kpi-accent: #d34d62; }
.mm-kpi span { color: #637a93 !important; }
.mm-kpi strong { color: #102e52 !important; }

.mm-insight {
  border-radius: 14px !important;
  box-shadow: 0 5px 14px rgba(8, 35, 70, .045) !important;
}
.mm-insight.danger {
  background: linear-gradient(135deg, #fff5f6, #fffafa) !important;
  border-color: #f2c5cc !important;
}
.mm-insight.warn {
  background: linear-gradient(135deg, #fff9e9, #fffdf6) !important;
  border-color: #efd99c !important;
}

.mm-table-card {
  border: 1px solid #c9daea !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 42px rgba(6, 36, 74, .11) !important;
}
.mm-table-head {
  position: relative;
  overflow: hidden;
  border-color: rgba(125,193,225,.35) !important;
  background:
    radial-gradient(circle at 88% -70%, rgba(64,220,218,.28), transparent 18rem),
    linear-gradient(125deg, #08264d 0%, #0c3f76 62%, #0a698f 120%) !important;
}
.mm-table-head::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.15) 50%, transparent 65%);
}
.mm-table-head > * { position: relative; z-index: 1; }
.mm-table-head .mm-eyebrow { color: #7be7e4 !important; }

.mm-table thead tr:first-child th:nth-child(1) { background: #113a68 !important; }
.mm-table thead tr:first-child th:nth-child(2) { background: #0d5f88 !important; }
.mm-table thead tr:first-child th:nth-child(3) { background: #174d82 !important; }
.mm-table thead tr:first-child th:nth-child(4) { background: #38528b !important; }
.mm-table thead tr:first-child th:nth-child(5) { background: #0d6c70 !important; }
.mm-table thead tr:first-child th {
  color: #eef8ff !important;
  border-color: rgba(255,255,255,.09) !important;
}
.mm-table thead tr:nth-child(2) th {
  background: #edf4fa !important;
  color: #2d4d6e !important;
  border-color: #d8e4ee !important;
}
.mm-table tbody tr.mm-row:nth-child(even) { background: #fbfdff !important; }
.mm-table tbody tr.mm-row:hover { background: #edf7ff !important; }
.mm-expand {
  border-color: #aed4ee !important;
  color: #0870da !important;
  background: #f7fbff !important;
}
.mm-expand:hover { background: #e7f4ff !important; border-color: #72b5e5 !important; }
.mm-status.abaixo_minimo { background: #ffe6e9 !important; color: #a72e40 !important; border: 1px solid #f3c5cc; }
.mm-status.adequado { background: #e2f7ed !important; color: #087752 !important; border: 1px solid #bce7d4; }
.mm-status.acima_maximo { background: #fff1cf !important; color: #9a6500 !important; border: 1px solid #ecd69e; }
.mm-store,
.mm-detail-metrics div {
  border-color: #dce7f0 !important;
  background: linear-gradient(155deg, #fff, #f8fbfd) !important;
  box-shadow: 0 3px 9px rgba(7,36,72,.035);
}
.mm-detail-row td { background: #f4f8fb !important; }
.mm-pager { background: #fbfdff; }

.mm-loading {
  background: rgba(4, 20, 43, .58) !important;
  backdrop-filter: blur(7px);
}
.mm-loading-card {
  border: 1px solid rgba(255,255,255,.5);
  box-shadow: 0 34px 90px rgba(2, 15, 35, .32) !important;
}
.mm-spinner {
  border-color: #d9ecfb !important;
  border-top-color: #0872e6 !important;
  box-shadow: 0 0 0 5px rgba(8,114,230,.05);
}

@media (max-width: 760px) {
  body.home-redesign .home-hero,
  html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card {
    border-radius: 20px !important;
  }
  body.home-redesign .home-hero::before,
  html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card::before {
    width: 540px !important;
    height: 540px !important;
    right: -300px !important;
    top: -265px !important;
    opacity: .58 !important;
  }
  body.home-redesign .home-hero::after,
  html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card::after {
    background-size: 220% 100%, 30px 30px, 30px 30px !important;
    opacity: .42 !important;
  }
  .mm-hero { min-height: 0; border-radius: 19px !important; }
  .mm-hero::before { opacity: .22; }
  .mm-kpi { border-radius: 14px !important; }
  .mm-table-card { border-radius: 16px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.home-redesign .home-hero::before,
  body.home-redesign .home-hero::after,
  body.home-redesign .hero-eyebrow::before,
  .mm-hero::after {
    animation: none !important;
  }
}

/* Banner QA: keep the cinematic treatment fully inside the content viewport. */
body.home-redesign .page-main.home-main > .home-hero.card,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* ===== Enfoque visual v5 · deeper color rhythm + contrast pass ===== */
:root {
  --pt-navy-950: #05142a;
  --pt-navy-900: #08264a;
  --pt-navy-850: #0b3261;
  --pt-navy-800: #10447c;
  --pt-blue-700: #075fc8;
  --pt-blue-600: #0875e8;
  --pt-blue-500: #2d8cf4;
  --pt-cyan-500: #13bbc6;
  --pt-cyan-100: #dff8f8;
  --pt-yellow-400: #ffd53d;
  --pt-violet-500: #6b62d9;
  --pt-canvas: #f2f6fb;
  --pt-canvas-2: #e8f0f8;
  --pt-surface-blue: #eef5fc;
  --pt-line: #d5e1ec;
  --pt-line-strong: #bfd0e1;
  --pt-ink: #10243f;
  --pt-muted: #60748c;
}

body,
html[data-site-theme] body {
  background:
    radial-gradient(circle at 100% 0%, rgba(19,187,198,.115), transparent 29rem),
    radial-gradient(circle at 7% 2%, rgba(8,117,232,.10), transparent 31rem),
    radial-gradient(circle at 56% -15%, rgba(107,98,217,.055), transparent 25rem),
    linear-gradient(180deg, #f9fbfe 0%, #f2f6fb 48%, #edf3f8 100%) !important;
}

.content-wrap > .page-main,
html[data-site-theme] .content-wrap > .page-main,
.main-content > .page-main,
.content-wrapper {
  background:
    radial-gradient(circle at 92% 2%, rgba(19,187,198,.055), transparent 29rem),
    radial-gradient(circle at 3% 0%, rgba(8,117,232,.05), transparent 26rem),
    linear-gradient(180deg, rgba(252,254,255,.98), #f4f7fb 100%) !important;
}

.topbar,
.main-header,
.topbar.shared-header,
html[data-site-theme] body .topbar.shared-header,
html[data-site-theme] .topbar {
  background:
    radial-gradient(circle at 82% -170%, rgba(77,232,231,.42), transparent 44%),
    radial-gradient(circle at 18% 170%, rgba(45,140,244,.25), transparent 48%),
    linear-gradient(116deg, #071f3e 0%, #0d3769 54%, #14538e 100%) !important;
  border-color: rgba(173,228,244,.14) !important;
  box-shadow: 0 19px 44px rgba(3,24,55,.21), inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.sidebar,
.sidebar.shared-sidebar,
.app-container .sidebar,
html[data-site-theme] .sidebar.shared-sidebar,
html[data-site-theme] body.sidebar-open .sidebar.shared-sidebar {
  background:
    radial-gradient(circle at 5% -4%, rgba(19,187,198,.24), transparent 17rem),
    radial-gradient(circle at 111% 28%, rgba(45,140,244,.28), transparent 23rem),
    linear-gradient(164deg, #0c315f 0%, #071f40 49%, #05142a 100%) !important;
}

.card,
.panel,
.control-card,
.report-card,
.dashboard-card,
.chart-card,
.filter-card,
.filters,
.stat-card,
.metric-card,
.summary-card,
[class$="-panel"]:not(.submenu):not(.sidebar):not(.tab-panel),
[class$="-card"]:not(.menu-card):not(.sidebar-card) {
  border-color: #d6e2ed !important;
  box-shadow: 0 10px 28px rgba(6,36,73,.072) !important;
}

.page-main > .card:not(.home-hero):not(.mm-hero):not(.mm-table-card),
.page-main > .panel {
  background:
    linear-gradient(180deg, rgba(255,255,255,.985), rgba(251,253,255,.985)) !important;
}

.btn-primary,
button.primary,
.primary-button,
.pdv1-btn-blue,
.mm-page .btn-primary,
html[data-site-theme] .page-main :is(.btn-primary, button.primary, .primary-button) {
  background: linear-gradient(135deg, #0a79ed 0%, #0867cf 46%, #11467d 100%) !important;
  border-color: #075cb7 !important;
  box-shadow: 0 9px 21px rgba(8,111,218,.22) !important;
}

.tab.active,
.tab-btn.active,
.studio-tab.active,
.tabs button.active,
[role="tab"][aria-selected="true"],
html[data-site-theme] .page-main :is(.tabs, .quota-tabs, .main-tabs, [role="tablist"]) :is(button, .tab).active,
html[data-site-theme] .page-main :is(.tab-btn.active, .studio-tab.active, [role="tab"][aria-selected="true"]) {
  background:
    radial-gradient(circle at 90% -60%, rgba(45,210,214,.24), transparent 8rem),
    linear-gradient(135deg, #0a315f, #0868d2) !important;
}

table thead th:not(.mm-table thead th) {
  color: #294765 !important;
  background: linear-gradient(180deg, #edf4fa, #e6eff7) !important;
  border-color: #d0deea !important;
}

table tbody tr:nth-child(even):not(.mm-table tbody tr) {
  background: #fbfdff !important;
}

/* ===== Home banner v5 · luminous depth, restrained motion ===== */
body.home-redesign .home-hero,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card {
  border-color: rgba(163,230,240,.18) !important;
  box-shadow:
    0 30px 72px rgba(3,24,56,.25),
    0 10px 28px rgba(8,117,232,.10),
    inset 0 1px 0 rgba(255,255,255,.11) !important;
  background-image:
    linear-gradient(92deg, rgba(3,16,38,.965) 0%, rgba(7,35,73,.90) 41%, rgba(9,72,125,.61) 68%, rgba(9,118,153,.22) 100%),
    radial-gradient(circle at 84% 28%, rgba(89,238,231,.18), transparent 22rem),
    radial-gradient(circle at 72% 105%, rgba(41,139,245,.18), transparent 25rem),
    var(--home-hero-banner-image),
    linear-gradient(126deg, #05142a 0%, #0a3567 48%, #0878b2 100%) !important;
  background-size: cover, cover, cover, cover, cover !important;
  background-position: center, center, center, center, center !important;
}

body.home-redesign .home-hero .hero-overlay,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card .hero-overlay {
  isolation: isolate;
}

body.home-redesign .home-hero .hero-overlay::before,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card .hero-overlay::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -22px -34px -24px -28px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 4% 50%, rgba(50,201,220,.16), transparent 12rem),
    linear-gradient(90deg, rgba(3,18,42,.32), rgba(3,18,42,.08) 72%, transparent);
  border: 1px solid rgba(154,223,237,.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  pointer-events: none;
}

body.home-redesign .home-hero .hero-overlay::after,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card .hero-overlay::after {
  content: "";
  position: absolute;
  left: -28px;
  top: 8%;
  bottom: 8%;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, #61e2df 28%, #2d8cf4 72%, transparent);
  box-shadow: 0 0 18px rgba(73,222,223,.50);
  opacity: .8;
  pointer-events: none;
}

body.home-redesign .home-hero h1,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card h1 {
  text-shadow: 0 5px 26px rgba(0,10,31,.36), 0 1px 0 rgba(255,255,255,.05) !important;
}

body.home-redesign .home-hero::after,
html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card::after {
  opacity: .72 !important;
  background:
    linear-gradient(108deg, transparent 11%, rgba(255,255,255,.025) 29%, rgba(255,255,255,.17) 47%, rgba(92,231,232,.13) 54%, transparent 69%),
    radial-gradient(circle at 76% 32%, rgba(110,246,240,.10), transparent 18rem),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
  background-size: 220% 100%, cover, 38px 38px, 38px 38px !important;
  background-position: 120% 0, center, center, center !important;
  animation: enfHomeSweepV5 12s ease-in-out infinite !important;
}

@keyframes enfHomeSweepV5 {
  0%, 18% { background-position: 132% 0, center, center, center; }
  58%, 100% { background-position: -88% 0, center, center, center; }
}

/* ===== Minimum & Maximum v5 · contrast repair + richer hierarchy ===== */
.mm-page {
  --mm-accent: #0875e8;
  --mm-teal: #11aaa8;
  --mm-violet: #655bcf;
  --mm-gold: #c88b00;
}

.mm-page > .card:not(.mm-hero):not(.mm-table-card) {
  border-color: #d3e0ec !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(8,117,232,.025), transparent 15rem),
    linear-gradient(160deg, #ffffff 0%, #fbfdff 100%) !important;
}

.mm-section-head h2,
.mm-question-title,
.mm-field > label,
.mm-field-label,
.mm-date-grid label,
.mm-policy-grid label {
  color: #17385c !important;
}

.mm-section-head p,
.mm-selection-summary,
.mm-policy-note,
.mm-feedback,
.mm-upload span {
  color: #5f748c !important;
}

.mm-question {
  border-color: #b8d5ee !important;
  border-left-color: #0875e8 !important;
  background:
    radial-gradient(circle at 96% -30%, rgba(19,187,198,.13), transparent 15rem),
    linear-gradient(135deg, #edf6ff 0%, #f9fcff 100%) !important;
}

.mm-choice strong { color: #183b62 !important; }
.mm-choice small { color: #667c93 !important; }
.mm-choice.active strong,
.mm-choice[aria-pressed="true"] strong,
.mm-choice.active small,
.mm-choice[aria-pressed="true"] small {
  color: #ffffff !important;
}

/* Min/max selected-answer contrast: beat legacy button/theme specificity. */
html[data-site-theme] body .page-main.mm-page .mm-question .mm-choice.active,
html[data-site-theme] body .page-main.mm-page .mm-question .mm-choice[aria-pressed="true"],
body.enf-modern-page .page-main.mm-page .mm-question .mm-choice.active,
body.enf-modern-page .page-main.mm-page .mm-question .mm-choice[aria-pressed="true"] {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 92% -25%, rgba(91, 232, 229, .30), transparent 9rem),
    linear-gradient(135deg, #082956 0%, #0869cf 68%, #087fbe 100%) !important;
  border-color: #075eb8 !important;
  box-shadow: 0 12px 26px rgba(6, 82, 164, .24), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html[data-site-theme] body .page-main.mm-page .mm-question .mm-choice.active :is(strong, small),
html[data-site-theme] body .page-main.mm-page .mm-question .mm-choice[aria-pressed="true"] :is(strong, small),
body.enf-modern-page .page-main.mm-page .mm-question .mm-choice.active :is(strong, small),
body.enf-modern-page .page-main.mm-page .mm-question .mm-choice[aria-pressed="true"] :is(strong, small) {
  color: #ffffff !important;
  text-shadow: 0 1px 8px rgba(0, 17, 44, .18);
}

.mm-selection-area,
.mm-period-card,
.mm-compare-card {
  border-color: #cedde9 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 5px 16px rgba(8,42,82,.035) !important;
}

.mm-selection-summary strong { color: #123d6d !important; }
.mm-selection-summary span:not(.mm-summary-tag) { color: #526a83 !important; }

.mm-chip-name { color: #153d67 !important; }
.mm-chip-name.pending { color: #70849a !important; }

.mm-kpi span { color: #5d7690 !important; }
.mm-kpi strong { color: #0d2a4d !important; }
.mm-kpi small { color: #70849a !important; }
.mm-insight span { color: #61768d !important; }
.mm-insight strong { color: #183654 !important; }

.mm-table-head {
  background:
    radial-gradient(circle at 90% -80%, rgba(74,225,223,.34), transparent 19rem),
    linear-gradient(124deg, #071f40 0%, #0a376a 59%, #08718d 118%) !important;
  border-color: rgba(155,220,235,.30) !important;
}

/* Explicit contrast: generic legacy heading/label rules must never darken this header. */
.mm-table-head h2,
html[data-site-theme] .mm-table-head h2 {
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0,16,38,.28) !important;
}

.mm-table-head .mm-eyebrow,
html[data-site-theme] .mm-table-head .mm-eyebrow {
  color: #74efeb !important;
}

.mm-table-head .muted,
html[data-site-theme] .mm-table-head .muted,
.mm-table-head p {
  color: #d5e8f7 !important;
}

.mm-table-head .mm-table-tools label,
html[data-site-theme] .mm-table-head .mm-table-tools label {
  color: #e9f6ff !important;
  text-shadow: 0 1px 5px rgba(0,17,37,.20);
}

.mm-table-head .mm-table-tools input,
.mm-table-head .mm-table-tools select {
  color: #17334f !important;
  background: rgba(252,254,255,.97) !important;
  border-color: rgba(195,224,237,.88) !important;
  box-shadow: 0 5px 13px rgba(0,20,45,.10) !important;
}

.mm-table-head .mm-table-tools input::placeholder { color: #8295a8 !important; }

.mm-table-head .btn-ghost,
html[data-site-theme] .mm-table-head .btn-ghost {
  color: #effcff !important;
  background: rgba(255,255,255,.095) !important;
  border-color: rgba(173,230,240,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.mm-table-head .btn-ghost:hover,
html[data-site-theme] .mm-table-head .btn-ghost:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(192,241,245,.62) !important;
}

.mm-table thead tr:first-child th:nth-child(1) { background: #0d3563 !important; }
.mm-table thead tr:first-child th:nth-child(2) { background: #0a6389 !important; }
.mm-table thead tr:first-child th:nth-child(3) { background: #164f86 !important; }
.mm-table thead tr:first-child th:nth-child(4) { background: #455f9b !important; }
.mm-table thead tr:first-child th:nth-child(5) { background: #0d7777 !important; }
.mm-table thead tr:first-child th {
  color: #ffffff !important;
  text-shadow: 0 1px 5px rgba(0,15,35,.22) !important;
}

.mm-table thead tr:nth-child(2) th {
  color: #1f3e5d !important;
  background: linear-gradient(180deg, #f4f8fc, #e9f1f8) !important;
  border-bottom-color: #c8d9e7 !important;
}

.mm-table td,
.mm-table tbody td {
  color: #2d465f !important;
}
.mm-table td strong { color: #163955 !important; }
.mm-product small { color: #6d8298 !important; }

.mm-pager,
.mm-pager span {
  color: #244663 !important;
}

@media (max-width: 760px) {
  body.home-redesign .home-hero .hero-overlay::before,
  html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card .hero-overlay::before {
    inset: -16px -18px -18px -18px;
  }
  body.home-redesign .home-hero .hero-overlay::after,
  html[data-site-theme] body.home-redesign .page-main.home-main > .home-hero.card .hero-overlay::after {
    left: -18px;
  }
  .mm-table-head .mm-table-tools label { color: #edf9ff !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.home-redesign .home-hero::after { animation: none !important; }
}


/* v6 contrast lock: beat legacy modern-pages/site-theme !important selectors inside Min/Max. */
html[data-site-theme] body .page-main.mm-page .mm-table-card .mm-table-head h2,
html[data-site-theme] body.enf-modern-page .page-main.mm-page .mm-table-card .mm-table-head h2 {
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0,16,38,.30) !important;
}

html[data-site-theme] body .page-main.mm-page .mm-table-card .mm-table-head .mm-eyebrow,
html[data-site-theme] body.enf-modern-page .page-main.mm-page .mm-table-card .mm-table-head .mm-eyebrow {
  color: #77f1ed !important;
}

html[data-site-theme] body .page-main.mm-page .mm-table-card .mm-table-head .muted,
html[data-site-theme] body.enf-modern-page .page-main.mm-page .mm-table-card .mm-table-head .muted,
html[data-site-theme] body .page-main.mm-page .mm-table-card .mm-table-head p {
  color: #d9ebf8 !important;
}

html[data-site-theme] body .page-main.mm-page .mm-table-card .mm-table-head .mm-table-tools label,
html[data-site-theme] body.enf-modern-page .page-main.mm-page .mm-table-card .mm-table-head .mm-table-tools label {
  color: #edf9ff !important;
}

html[data-site-theme] body .page-main.mm-page table.mm-table thead tr:first-child th {
  color: #ffffff !important;
  border-color: rgba(255,255,255,.10) !important;
  text-shadow: 0 1px 5px rgba(0,15,35,.22) !important;
}
html[data-site-theme] body .page-main.mm-page table.mm-table thead tr:first-child th:nth-child(1) { background: #0d3563 !important; }
html[data-site-theme] body .page-main.mm-page table.mm-table thead tr:first-child th:nth-child(2) { background: #0a6389 !important; }
html[data-site-theme] body .page-main.mm-page table.mm-table thead tr:first-child th:nth-child(3) { background: #164f86 !important; }
html[data-site-theme] body .page-main.mm-page table.mm-table thead tr:first-child th:nth-child(4) { background: #455f9b !important; }
html[data-site-theme] body .page-main.mm-page table.mm-table thead tr:first-child th:nth-child(5) { background: #0d7777 !important; }

html[data-site-theme] body .page-main.mm-page table.mm-table thead tr:nth-child(2) th {
  color: #1e405f !important;
  background: linear-gradient(180deg, #f6f9fc, #e9f1f8) !important;
  border-color: #cfdeea !important;
  text-shadow: none !important;
}

html[data-site-theme] body .page-main.mm-page table.mm-table tbody td {
  color: #29445f !important;
  border-color: #e2ebf3 !important;
}
html[data-site-theme] body .page-main.mm-page table.mm-table tbody td strong {
  color: #153a57 !important;
}