/* Local legacy palettes cannot shadow the approved global neutral tokens. */
html:root[data-theme] .main-area > .page, html:root[data-theme] #crm-card-modal {
  --accent: inherit !important;
  --accent-deep: inherit !important;
  --accent-glow: inherit !important;
  --bad: inherit !important;
  --bg: inherit !important;
  --color-acid-lime: inherit !important;
  --color-amber: inherit !important;
  --color-ash: inherit !important;
  --color-bone: inherit !important;
  --color-carbon: inherit !important;
  --color-coral-red: inherit !important;
  --color-fog: inherit !important;
  --color-graphite: inherit !important;
  --color-iris-violet: inherit !important;
  --color-lavender: inherit !important;
  --color-mist: inherit !important;
  --color-obsidian: inherit !important;
  --color-paper: inherit !important;
  --color-pulse-green: inherit !important;
  --color-signal-teal: inherit !important;
  --color-smoke: inherit !important;
  --color-void: inherit !important;
  --dim: inherit !important;
  --font-mono: inherit !important;
  --font-ui: inherit !important;
  --info: inherit !important;
  --line: inherit !important;
  --line-strong: inherit !important;
  --live: inherit !important;
  --lx-acid-lime: inherit !important;
  --lx-acid-lime-deep: inherit !important;
  --lx-acid-lime-hi: inherit !important;
  --lx-amber: inherit !important;
  --lx-amber-rgb: inherit !important;
  --lx-ash: inherit !important;
  --lx-bone: inherit !important;
  --lx-carbon: inherit !important;
  --lx-coral-red: inherit !important;
  --lx-coral-rgb: inherit !important;
  --lx-coral-text: inherit !important;
  --lx-cyan-ink: inherit !important;
  --lx-day-out: inherit !important;
  --lx-empty-art: inherit !important;
  --lx-fog: inherit !important;
  --lx-font-mono: inherit !important;
  --lx-font-ui: inherit !important;
  --lx-graphite: inherit !important;
  --lx-green-rgb: inherit !important;
  --lx-green-text: inherit !important;
  --lx-ink-rgb: inherit !important;
  --lx-iris-violet: inherit !important;
  --lx-lavender: inherit !important;
  --lx-lavender-rgb: inherit !important;
  --lx-lavender-text: inherit !important;
  --lx-lime-ink: inherit !important;
  --lx-lime-rgb: inherit !important;
  --lx-mist: inherit !important;
  --lx-obsidian: inherit !important;
  --lx-on-lime: inherit !important;
  --lx-paper: inherit !important;
  --lx-pulse-green: inherit !important;
  --lx-r-card: inherit !important;
  --lx-r-md: inherit !important;
  --lx-r-sm: inherit !important;
  --lx-raised-hover: inherit !important;
  --lx-sh-sm: inherit !important;
  --lx-sh-subtle: inherit !important;
  --lx-sh-subtle-strong: inherit !important;
  --lx-sh-xl: inherit !important;
  --lx-signal-teal: inherit !important;
  --lx-smoke: inherit !important;
  --lx-teal-rgb: inherit !important;
  --lx-teal-text: inherit !important;
  --lx-violet-rgb: inherit !important;
  --lx-violet-text: inherit !important;
  --lx-void: inherit !important;
  --lx-wash-active: inherit !important;
  --lx-wash-coral: inherit !important;
  --lx-wash-green: inherit !important;
  --lx-wash-hover: inherit !important;
  --lx-wash-hover-2: inherit !important;
  --lx-wash-lavender: inherit !important;
  --lx-wash-lime: inherit !important;
  --lx-wash-teal: inherit !important;
  --lx-wash-violet: inherit !important;
  --lx-wire: inherit !important;
  --lx-wire-hi: inherit !important;
  --lx-wire-rgb: inherit !important;
  --mute: inherit !important;
  --panel: inherit !important;
  --panel-2: inherit !important;
  --raised: inherit !important;
  --text: inherit !important;
  --warn: inherit !important;
}
html:root[data-theme] #app-wrapper [hidden], html:root[data-theme] #login-overlay [hidden] { display: none !important; }
html:root[data-theme] .cs-panel:not(.is-open) { display: none !important; }
html:root[data-theme] #app-wrapper [style*="display:none"], html:root[data-theme] #app-wrapper [style*="display: none"] { display: none !important; }
html:root[data-theme] #page-channels .cnx-primary, html:root[data-theme] #page-channels .cnx-apply { color: var(--accent-ink) !important; background: var(--accent) !important; }
@media (max-width:767px) {
  html:root[data-theme] .main-area .page :is(.lx-topbar,.lx-topbar-l,.lx-topbar-r,.cfg-topbar,.cnx-head,.cn-toolbar,.ct-topbar,.ct-toolbar,.agx-topbar,.ag-toolbar) { display: flex !important; flex-wrap: wrap !important; min-width: 0 !important; width: auto !important; max-width: 100% !important; height: auto !important; gap: 10px !important; }
  html:root[data-theme] .main-area .page :is(.lx-topbar-l,.lx-topbar-r) { flex: 1 1 100% !important; }
  html:root[data-theme] .main-area .page :is(.lx-topbar-title,.lx-badge,.cfg-dirty,.agx-sub) { white-space: normal !important; overflow-wrap: anywhere; min-width: 0 !important; max-width: 100%; }
  html:root[data-theme] .main-area .page :is(.lx-topbar-title,.cfg-topbar h1) { font-size: 24px !important; line-height: 1.2 !important; }
  html:root[data-theme] .main-area .page :is(.cs-root,.cs-trigger) { min-width: 0 !important; max-width: 100% !important; }
  html:root[data-theme] .main-area .page :is(.cnx-periods,.cn-periods,.cn-custom,.cn-dates,.lx-daterange) { display: flex; flex-wrap: wrap; min-width: 0; max-width: 100%; }
  html:root[data-theme] #page-channels :is(.cn-date,.cnx-apply) { flex: 1 1 120px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
  html:root[data-theme] #page-channels #cnCustom { display: flex; flex-wrap: wrap; gap: 8px; }
  html:root[data-theme] #page-contatos .ct-searchbox { min-width: 0 !important; width: 100% !important; flex: 1 1 100%; }
  html:root[data-theme] #page-contatos .ct-searchbox input { width: 100%; min-width: 0; }
  html:root[data-theme] #page-configuracoes .cfg-rail { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; width: 100% !important; }
  html:root[data-theme] #page-configuracoes .cfg-rail-block { min-width: 0 !important; flex: 1 1 110px !important; }
  html:root[data-theme] #page-configuracoes :is(.cfg-callout,.cfg-security-note,.cfg-integr-card) { flex-wrap: wrap !important; min-width: 0 !important; }
  html:root[data-theme] #page-configuracoes .set-card { flex-wrap: wrap !important; gap: 16px !important; }
  html:root[data-theme] #page-configuracoes .set-card > .txt { flex: 1 1 100%; min-width: 0; }
  html:root[data-theme] #page-products .bio-hero { display: grid !important; grid-template-columns: minmax(0,1fr) !important; }
  html:root[data-theme] #page-products .bio-hero-copy { min-width: 0 !important; max-width: 100%; }
  html:root[data-theme] #page-products #bio-hero-title { font-size: 36px !important; overflow-wrap: anywhere; }
  html:root[data-theme] #page-agendamento :is(.ag-view-toggle,.agx-filter) { display: flex; flex-wrap: wrap; max-width: 100%; }
  html:root[data-theme] #page-manual :is(.man-grid,.man-cards) { grid-template-columns: minmax(0,1fr) !important; }
  html:root[data-theme] #page-manual .man-card { min-width: 0 !important; max-width: 100%; box-sizing: border-box; }
}
@media (max-width:767px) {
  html:root[data-theme] #page-contatos .ct-top { display: flex !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; height: auto !important; padding: 0 0 16px !important; gap: 10px !important; box-sizing: border-box; }
  html:root[data-theme] #page-contatos .ct-spacer { display: none; }
  html:root[data-theme] #page-contatos .ct-badge { white-space: normal; max-width: 100%; }
  html:root[data-theme] #page-agendamento .agx-top { display: flex !important; flex-wrap: wrap !important; min-width: 0; max-width: 100%; height: auto !important; }
  html:root[data-theme] #page-agendamento #ag-view-toggle { width: 100% !important; min-width: 0 !important; max-width: 100% !important; flex: 1 1 100%; box-sizing: border-box; height: auto !important; }
  html:root[data-theme] #page-agendamento .ag-view-opt { min-width: 0 !important; flex: 1 1 80px !important; white-space: normal !important; }
}