/* PR8 - Product Refinement & QA: visual consistency only. */
:root {
  /* Adaptador de compatibilidade: a fonte dos valores fica no Design System. */
  --product-radius-surface: var(--ds-radius-surface);
  --product-radius-panel: var(--ds-radius-panel);
  --product-radius-control: var(--ds-radius-refinement-control);
  --product-border: var(--ds-refinement-border);
  --product-border-strong: var(--ds-refinement-border-strong);
  --product-hover: var(--ds-refinement-hover);
  --product-shadow: var(--ds-refinement-shadow);
  --product-shadow-soft: var(--ds-refinement-shadow-soft);
  --product-focus: var(--ds-refinement-focus);
  /* Ponte fiscal: telas operacionais consomem o Design System, sem tokens locais. */
  --product-page-section-gap: var(--ds-page-section-gap);
  --product-page-subsection-gap: var(--ds-page-subsection-gap);
  --product-operational-section-gap: var(--ds-operational-section-gap);
  --product-operational-panel-padding: var(--ds-operational-panel-padding);
  --product-operational-field-height: var(--ds-operational-field-height);
  --product-operational-panel-radius: var(--ds-operational-panel-radius);
}

/*
 * Títulos de hero devem aproveitar a largura disponível. O limite anterior de
 * 12 caracteres forçava quebras artificiais em nomes curtos, como "Gate de
 * saída fiscal". Em telas estreitas, min(100%, ...) preserva a quebra natural.
 */
body.app :is(.home-hero__title, .home-ops-hero__title, .imports-ops-hero__title) {
  max-width: min(100%, 32ch);
}

/*
 * Ritmo de blocos compartilhado.
 * Separa seções de página sem interferir no espaçamento interno de cards,
 * tabelas, formulários ou componentes compactos.
 */
body.app :is(
    .home-page,
    .central-admin-page,
    .fiscal-events-page,
    .imports-txt-list-page,
    .imports-op-shell
  ) {
  gap: var(--product-page-section-gap);
}

body.app :is(
    .central-admin-grid,
    .central-admin-users-workgrid,
    .central-admin-users-management,
    .central-admin-overview-layout,
    .central-admin-overview-main,
    .central-admin-overview-side,
    .central-admin-payment-layout,
    .central-admin-payment-main,
    .central-admin-payment-side,
    .central-admin-prefeituras-layout,
    .central-admin-prefeituras-main,
    .central-admin-prefeituras-side,
    .central-admin-access-layout,
    .central-admin-access-main,
    .central-admin-access-side,
    .central-admin-access-workgrid,
    .central-admin-readiness-layout,
    .central-admin-readiness-main,
    .central-admin-readiness-side
  ) {
  gap: var(--product-page-subsection-gap);
}

body.app :is(.central-admin-readiness-layout, .central-admin-readiness-main) {
  display: grid;
  min-width: 0;
}

.home-hero__title,
.home-section-header__title,
.home-group-card__title,
.home-chart-card__title,
.home-filter-card__title,
.home-kpi-card__value,
.home-kpi-card__value--empty,
.home-priority-callout__title,
.home-priority-callout__value,
.home-tax-card__total,
.topbar__context-title,
.ql-menu__title,
.imports-xml-hero-aside__title,
.actions-hero-aside__title,
.actions-focus-card__title,
.actions-side-card__title,
.actions-table-shell__title,
.login-brand__copy h1,
.login-access__header h2,
.central-admin-hero__copy h2 {
  letter-spacing: 0;
}

.ds-btn,
.btn,
.btn-primary,
.btn-secondary,
.btn-ghost,
.home-link-inline,
.login-support-link,
.central-admin-page .ds-btn {
  min-width: 0;
  max-width: 100%;
}

.ds-btn,
.btn,
.btn-primary,
.btn-secondary,
.btn-ghost,
.login-submit,
.login-support-link {
  white-space: normal;
  text-align: center;
}

.btn:focus-visible,
.btn-primary:focus-visible,
.btn-secondary:focus-visible,
.btn-ghost:focus-visible,
.home-link-inline:focus-visible,
.login-support-link:focus-visible,
.central-admin-panel-close:focus-visible,
.central-admin-users-panel-close:focus-visible {
  outline: none;
  box-shadow: var(--product-focus);
}

.home-hero,
.home-card,
.home-priority,
.home-table-shell,
.home-group-card,
.home-chart-card,
.home-priority-callout,
.home-tax-card,
.ds-card,
.ds-filter-toolbar,
.ds-table-wrap,
.central-admin-panel,
.central-admin-aside,
.central-admin-hero,
.imports-op-card,
.imports-xml-overview-card,
.actions-focus-card,
.actions-side-card,
.actions-table-shell,
.trust-evidence-band {
  border-color: var(--product-border);
  box-shadow: var(--product-shadow-soft);
}

.home-card,
.home-table-shell,
.home-group-card,
.home-chart-card,
.home-priority-callout,
.home-tax-card,
.ds-card,
.ds-filter-toolbar,
.ds-table-wrap,
.central-admin-panel,
.central-admin-aside,
.imports-op-card,
.actions-focus-card,
.actions-side-card,
.actions-table-shell,
.trust-evidence-band {
  border-radius: var(--product-radius-panel);
}

.home-hero,
.home-priority,
.central-admin-hero,
.login-hero__surface,
.login-access__card {
  border-radius: var(--product-radius-surface);
}

.home-filter-card,
.home-kpi-card,
.imports-xml-hero-aside,
.trust-evidence-card,
.trust-confidence,
.quick-summary,
.quick-summary__item {
  border-radius: var(--product-radius-panel);
}

.home-kpi-card,
.ds-kpi,
.imports-xml-overview-card,
.executive-command-item {
  min-width: 0;
}

.home-table thead th,
.ds-table thead th,
.central-admin-table th,
.central-admin-users-table th {
  color: var(--text-secondary, var(--text-muted));
  letter-spacing: 0.04em;
}

.home-table tbody tr:hover td,
.home-table tbody tr:focus-within td,
.ds-table tbody tr:hover td,
.ds-table tbody tr:focus-within td,
.central-admin-table tbody tr:hover td,
.central-admin-users-table tbody tr:hover td {
  background: var(--product-hover);
}

.home-table td,
.ds-table td,
.central-admin-table td,
.central-admin-users-table td {
  overflow-wrap: anywhere;
}

.home-table__cell-actions,
.ds-table__actions,
.central-admin-row-actions,
.central-admin-users-actions,
.actions-focus-actions,
.fiscal-actions-board-card-actions {
  align-items: center;
  gap: 8px;
}

.home-filter-card__control,
.home-toolbar__field select,
.home-toolbar__field input,
.ds-form-field__control,
.central-admin-field input,
.central-admin-field select,
.login-field input,
.login-reset-result input,
.actions-filter-field select,
.actions-filter-field input {
  border-radius: var(--product-radius-control);
  border-color: var(--product-border);
}

.home-filter-card__control:focus,
.home-toolbar__field select:focus,
.home-toolbar__field input:focus,
.ds-form-field__control:focus,
.central-admin-field input:focus,
.central-admin-field select:focus,
.login-field input:focus,
.login-reset-result input:focus,
.actions-filter-field select:focus,
.actions-filter-field input:focus {
  border-color: var(--input-border-focus, var(--color-primary));
  box-shadow: var(--input-shadow-focus, var(--product-focus));
}

.ds-empty,
.home-empty,
.imports-op-empty-state,
.central-admin-empty {
  display: grid;
  align-content: center;
  gap: 6px;
  min-height: 96px;
  padding: 18px;
  border-radius: var(--product-radius-panel);
  border-color: color-mix(in srgb, var(--product-border) 82%, var(--color-primary) 18%);
  background: color-mix(in srgb, var(--surface-1) 78%, var(--surface-0) 22%);
  color: var(--text-secondary, var(--text-muted));
  line-height: 1.5;
}

.home-badge,
.ds-badge,
.progress-badge,
.status-pill,
.central-admin-pill {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  line-height: 1.25;
}

.trust-evidence-band {
  box-shadow: var(--product-shadow-soft);
}

.trust-evidence-card__list dd,
.trust-trace-chain__step small,
.trust-trace-chain__step strong {
  line-height: 1.4;
}

.login-access__card {
  border-color: var(--product-border);
  box-shadow: var(--product-shadow);
}

html[data-appearance="dark"] body.login-bg .login-access__card {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface-0) 96%, var(--surface-1) 4%), var(--surface-0));
  border-color: color-mix(in srgb, var(--surface-0) 14%, var(--product-border) 86%);
}

html[data-appearance="dark"] body.login-bg .login-field input,
html[data-appearance="dark"] body.login-bg .login-reset-result input {
  background: color-mix(in srgb, var(--surface-1) 72%, var(--surface-0) 28%);
  color: var(--text-primary, #f8fafc);
}

html[data-appearance="dark"] body.login-bg :is(
    .login-brand__copy h1,
    .login-note strong,
    .login-inline-link,
    .login-access__header h2,
    .login-field span,
    .login-access__meta strong
  ) {
  color: var(--text-primary, #f8fafc);
}

html[data-appearance="dark"] body.login-bg :is(
    .login-access__header p,
    .login-access__meta p
  ) {
  color: var(--text-secondary, #cbd5e1);
}

html[data-appearance="dark"] body.login-bg .login-field input::placeholder {
  color: var(--text-muted, #94a3b8);
  opacity: 1;
}

/* UI-05.1 - Hero grammar by product environment family. */
:root {
  --hero-family-radius: 28px;
  --hero-family-gap: 22px;
  --hero-family-padding: 34px;
  --hero-family-border: color-mix(in srgb, var(--noxalba-blue, #223369) 28%, transparent);
  --hero-family-shadow: 0 22px 56px color-mix(in srgb, var(--noxalba-blue-ink, #0b1025) 16%, transparent);
  --hero-family-surface: color-mix(in srgb, var(--noxalba-offwhite, #fbfbfb) 94%, var(--noxalba-blue, #223369) 6%);
  --hero-family-soft: color-mix(in srgb, var(--surface-0) 86%, var(--noxalba-blue, #223369) 14%);
  --hero-family-x: color-mix(in srgb, var(--noxalba-orange, #f26522) 12%, transparent);
}

.ranking-mockup-page .home-ops-hero,
.priority-mockup-page .home-ops-hero,
.findings-mockup-page .home-ops-hero,
.analysis-page .home-ops-hero,
.periods-page .home-ops-hero,
.fiscal-parameters-page .home-ops-hero,
.imports-ops-hero,
.imports-batches-page .home-ops-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--hero-family-radius);
  border-color: var(--hero-family-border);
  box-shadow: var(--hero-family-shadow);
}

.ranking-mockup-page .home-ops-hero > *,
.priority-mockup-page .home-ops-hero > *,
.findings-mockup-page .home-ops-hero > *,
.analysis-page .home-ops-hero > *,
.periods-page .home-ops-hero > *,
.fiscal-parameters-page .home-ops-hero > *,
.imports-ops-hero > *,
.imports-batches-page .home-ops-hero > * {
  position: relative;
  z-index: 1;
}

.ranking-mockup-page .home-ops-hero::before,
.ranking-mockup-page .home-ops-hero::after,
.priority-mockup-page .home-ops-hero::before,
.priority-mockup-page .home-ops-hero::after,
.findings-mockup-page .home-ops-hero::before,
.findings-mockup-page .home-ops-hero::after,
.analysis-page .home-ops-hero::before,
.analysis-page .home-ops-hero::after,
.periods-page .home-ops-hero::before,
.periods-page .home-ops-hero::after,
.fiscal-parameters-page .home-ops-hero::before,
.fiscal-parameters-page .home-ops-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.ranking-mockup-page .home-ops-hero::before,
.priority-mockup-page .home-ops-hero::before,
.findings-mockup-page .home-ops-hero::before,
.analysis-page .home-ops-hero::before,
.periods-page .home-ops-hero::before,
.fiscal-parameters-page .home-ops-hero::before {
  inset: 0;
  background:
    linear-gradient(135deg, transparent 0 45%, var(--hero-family-x) 45% 46%, transparent 46%),
    linear-gradient(45deg, transparent 0 72%, color-mix(in srgb, var(--noxalba-blue, #223369) 7%, transparent) 72% 73%, transparent 73%);
}

.ranking-mockup-page .home-ops-hero::after,
.priority-mockup-page .home-ops-hero::after,
.findings-mockup-page .home-ops-hero::after,
.analysis-page .home-ops-hero::after {
  top: 24px;
  right: -80px;
  width: 236px;
  height: 236px;
  border: 1px solid color-mix(in srgb, var(--noxalba-blue, #223369) 14%, transparent);
  border-radius: 36px;
  transform: rotate(45deg);
}

/* Family A - Executive decision: ranking and priority support the dashboard. */
.ranking-mockup-page .home-ops-hero,
.priority-mockup-page .home-ops-hero {
  grid-template-columns: minmax(0, 1.38fr) minmax(330px, 0.82fr);
  gap: var(--hero-family-gap);
  min-height: 330px;
  padding: var(--hero-family-padding);
  background:
    radial-gradient(circle at 8% 0, color-mix(in srgb, var(--noxalba-orange, #f26522) 10%, transparent), transparent 30%),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--noxalba-blue, #223369) 12%, transparent), transparent 36%),
    linear-gradient(135deg, var(--hero-family-surface), color-mix(in srgb, var(--surface-1) 78%, var(--noxalba-blue, #223369) 22%));
}

.ranking-mockup-page .home-ops-hero__main,
.priority-mockup-page .home-ops-hero__main {
  gap: 18px;
  align-content: center;
}

.ranking-mockup-page .home-ops-hero__title,
.priority-mockup-page .home-ops-hero__title {
  max-width: 15ch;
  color: var(--text-primary);
  font-size: 42px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.02;
}

.ranking-mockup-page .home-ops-hero__text,
.priority-mockup-page .home-ops-hero__text {
  max-width: 72ch;
  color: var(--text-secondary);
}

.ranking-mockup-page .home-ops-context,
.priority-mockup-page .home-ops-context {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-content: stretch;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.ranking-mockup-page .home-ops-context > div,
.priority-mockup-page .home-ops-context > div {
  min-height: 96px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--noxalba-blue, #223369) 16%, var(--product-border) 84%);
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface-0) 76%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surface-0) 18%, transparent);
}

/* Family C - Evidence: more technical, traceable and calm than executive. */
.findings-mockup-page .home-ops-hero,
.analysis-page .home-ops-hero {
  grid-template-columns: minmax(0, 1.34fr) minmax(320px, 0.66fr);
  gap: 20px;
  min-height: 286px;
  padding: 30px 32px;
  border-color: color-mix(in srgb, var(--noxalba-blue, #223369) 22%, var(--product-border) 78%);
  background:
    radial-gradient(circle at 10% 0, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 32%),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--noxalba-orange, #f26522) 5%, transparent), transparent 36%),
    linear-gradient(135deg, color-mix(in srgb, var(--surface-0) 92%, var(--noxalba-offwhite, #fbfbfb) 8%), color-mix(in srgb, var(--surface-1) 86%, var(--noxalba-blue, #223369) 14%));
}

.findings-mockup-page .home-ops-hero::before,
.analysis-page .home-ops-hero::before {
  background:
    linear-gradient(135deg, transparent 0 43%, color-mix(in srgb, var(--noxalba-orange, #f26522) 9%, transparent) 43% 44%, transparent 44%),
    linear-gradient(45deg, transparent 0 70%, color-mix(in srgb, var(--color-primary) 8%, transparent) 70% 71%, transparent 71%);
}

.findings-mockup-page .home-ops-hero__main,
.analysis-page .home-ops-hero__main {
  gap: 14px;
  align-content: center;
}

.findings-mockup-page .home-ops-hero__title,
.analysis-page .home-ops-hero__title {
  max-width: 18ch;
  color: var(--text-primary);
  font-size: 38px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.04;
}

.findings-mockup-page .home-ops-hero__text,
.analysis-page .home-ops-hero__text {
  max-width: 76ch;
  color: color-mix(in srgb, var(--text-secondary) 88%, var(--text-primary) 12%);
}

.findings-mockup-page .home-ops-context,
.analysis-page .home-ops-context,
.analysis-page .imports-ops-status {
  gap: 10px;
  padding: 16px;
  border-radius: 18px;
  border-color: color-mix(in srgb, var(--noxalba-blue, #223369) 18%, var(--product-border) 82%);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--noxalba-orange, #f26522) 54%, transparent) 0 3px, transparent 3px),
    color-mix(in srgb, var(--surface-0) 78%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surface-0) 18%, transparent);
}

/* Family E - Utility and governance: compact, organized and low-emotion. */
.periods-page .home-ops-hero,
.fiscal-parameters-page .home-ops-hero {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  gap: 18px;
  min-height: 248px;
  padding: 26px 28px;
  border-color: color-mix(in srgb, var(--noxalba-blue, #223369) 18%, var(--product-border) 82%);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--noxalba-orange, #f26522) 42%, transparent) 0 3px, transparent 3px),
    radial-gradient(circle at 8% 0, color-mix(in srgb, var(--noxalba-blue, #223369) 6%, transparent), transparent 32%),
    linear-gradient(135deg, color-mix(in srgb, var(--surface-0) 94%, var(--noxalba-offwhite, #fbfbfb) 6%), color-mix(in srgb, var(--surface-1) 90%, var(--noxalba-blue, #223369) 10%));
}

.periods-page .home-ops-hero::after,
.fiscal-parameters-page .home-ops-hero::after {
  right: -70px;
  bottom: -104px;
  width: 220px;
  height: 220px;
  border: 1px solid color-mix(in srgb, var(--noxalba-blue, #223369) 10%, transparent);
  border-radius: 34px;
  transform: rotate(45deg);
}

.periods-page .home-ops-hero__main,
.fiscal-parameters-page .home-ops-hero__main {
  gap: 12px;
  align-content: center;
}

.periods-page .home-ops-hero__title,
.fiscal-parameters-page .home-ops-hero__title {
  max-width: 20ch;
  color: var(--text-primary);
  font-size: 34px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.08;
}

.periods-page .home-ops-context,
.fiscal-parameters-page .home-ops-context {
  gap: 9px;
  padding: 14px;
  border-radius: 16px;
  border-color: color-mix(in srgb, var(--noxalba-blue, #223369) 15%, var(--product-border) 85%);
  background: color-mix(in srgb, var(--surface-0) 74%, transparent);
}

/* Family D - Operational center keeps its own command-center grammar. */
.imports-ops-hero,
.imports-batches-page .home-ops-hero {
  border-radius: var(--hero-family-radius);
}

/* UI fine tuning - extend the contracted hero grammar to all municipal app menus. */
:is(
  .home-page--operational,
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--hero-family-radius);
  border-color: var(--hero-family-border);
  box-shadow: var(--hero-family-shadow);
}

:is(
  .home-page--operational,
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero > * {
  position: relative;
  z-index: 1;
}

:is(
  .home-page--operational,
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero::before,
:is(
  .home-page--operational,
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

:is(
  .home-page--operational,
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero::before {
  inset: 0;
  background:
    linear-gradient(135deg, transparent 0 44%, var(--hero-family-x) 44% 45%, transparent 45%),
    linear-gradient(45deg, transparent 0 72%, color-mix(in srgb, var(--noxalba-blue, #223369) 7%, transparent) 72% 73%, transparent 73%);
}

:is(
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page
) .home-ops-hero {
  grid-template-columns: minmax(0, 1.34fr) minmax(300px, 0.66fr);
  min-height: 286px;
  padding: 30px 32px;
  border-color: color-mix(in srgb, var(--noxalba-blue, #223369) 22%, var(--product-border) 78%);
  background:
    radial-gradient(circle at 10% 0, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 32%),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--noxalba-orange, #f26522) 5%, transparent), transparent 36%),
    linear-gradient(135deg, color-mix(in srgb, var(--surface-0) 92%, var(--noxalba-offwhite, #fbfbfb) 8%), color-mix(in srgb, var(--surface-1) 86%, var(--noxalba-blue, #223369) 14%));
}

:is(
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page
) .home-ops-hero::after {
  top: 24px;
  right: -80px;
  width: 236px;
  height: 236px;
  border: 1px solid color-mix(in srgb, var(--noxalba-blue, #223369) 14%, transparent);
  border-radius: 36px;
  transform: rotate(45deg);
}

:is(
  .home-page--operational,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  min-height: 248px;
  padding: 26px 28px;
  border-color: color-mix(in srgb, var(--noxalba-blue, #223369) 18%, var(--product-border) 82%);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--noxalba-orange, #f26522) 42%, transparent) 0 3px, transparent 3px),
    radial-gradient(circle at 8% 0, color-mix(in srgb, var(--noxalba-blue, #223369) 6%, transparent), transparent 32%),
    linear-gradient(135deg, color-mix(in srgb, var(--surface-0) 94%, var(--noxalba-offwhite, #fbfbfb) 6%), color-mix(in srgb, var(--surface-1) 90%, var(--noxalba-blue, #223369) 10%));
}

:is(
  .home-page--operational,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero::after {
  right: -70px;
  bottom: -104px;
  width: 220px;
  height: 220px;
  border: 1px solid color-mix(in srgb, var(--noxalba-blue, #223369) 10%, transparent);
  border-radius: 34px;
  transform: rotate(45deg);
}

:is(
  .home-page--operational,
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero__main {
  gap: 14px;
  align-content: center;
}

:is(
  .home-page--operational,
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero__title {
  max-width: 18ch;
  color: var(--text-primary);
  font-size: clamp(32px, 3.2vw, 40px);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.04;
}

:is(
  .home-page--operational,
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero__text {
  max-width: 76ch;
  color: color-mix(in srgb, var(--text-secondary) 88%, var(--text-primary) 12%);
}

:is(
  .home-page--operational,
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-context,
:is(
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page
) .imports-ops-status {
  gap: 10px;
  padding: 16px;
  border-radius: 18px;
  border-color: color-mix(in srgb, var(--noxalba-blue, #223369) 18%, var(--product-border) 82%);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--noxalba-orange, #f26522) 54%, transparent) 0 3px, transparent 3px),
    color-mix(in srgb, var(--surface-0) 78%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surface-0) 18%, transparent);
}

html[data-appearance="dark"] {
  --hero-family-border: color-mix(in srgb, var(--noxalba-blue, #223369) 34%, transparent);
  --hero-family-shadow: 0 24px 64px color-mix(in srgb, #000 34%, transparent);
  --hero-family-surface: color-mix(in srgb, var(--noxalba-blue-ink, #0b1025) 82%, var(--noxalba-blue, #223369) 18%);
  --hero-family-soft: color-mix(in srgb, var(--noxalba-graphite, #101727) 82%, var(--noxalba-blue, #223369) 18%);
  --hero-family-x: color-mix(in srgb, var(--noxalba-orange, #f26522) 13%, transparent);
}

html[data-appearance="dark"] .ranking-mockup-page .home-ops-hero,
html[data-appearance="dark"] .priority-mockup-page .home-ops-hero {
  background:
    radial-gradient(circle at 8% 0, color-mix(in srgb, var(--noxalba-orange, #f26522) 13%, transparent), transparent 30%),
    radial-gradient(circle at 100% 0, color-mix(in srgb, #0f1aff 17%, transparent), transparent 36%),
    linear-gradient(135deg, var(--noxalba-blue-ink, #0b1025), color-mix(in srgb, var(--noxalba-blue, #223369) 72%, var(--noxalba-graphite, #101727) 28%));
  color: var(--noxalba-offwhite, #fbfbfb);
}

html[data-appearance="dark"] .ranking-mockup-page .home-ops-hero__title,
html[data-appearance="dark"] .priority-mockup-page .home-ops-hero__title,
html[data-appearance="dark"] .ranking-mockup-page .home-ops-context strong,
html[data-appearance="dark"] .priority-mockup-page .home-ops-context strong {
  color: #ffffff;
}

html[data-appearance="dark"] .ranking-mockup-page .home-ops-hero__text,
html[data-appearance="dark"] .priority-mockup-page .home-ops-hero__text,
html[data-appearance="dark"] .ranking-mockup-page .home-ops-context__label,
html[data-appearance="dark"] .priority-mockup-page .home-ops-context__label {
  color: color-mix(in srgb, var(--noxalba-offwhite, #fbfbfb) 72%, transparent);
}

html[data-appearance="dark"] .ranking-mockup-page .home-ops-context > div,
html[data-appearance="dark"] .priority-mockup-page .home-ops-context > div {
  border-color: color-mix(in srgb, var(--noxalba-offwhite, #fbfbfb) 12%, transparent);
  background: color-mix(in srgb, var(--noxalba-offwhite, #fbfbfb) 8%, transparent);
}

html[data-appearance="dark"] .findings-mockup-page .home-ops-hero,
html[data-appearance="dark"] .analysis-page .home-ops-hero,
html[data-appearance="dark"] .periods-page .home-ops-hero,
html[data-appearance="dark"] .fiscal-parameters-page .home-ops-hero {
  background:
    radial-gradient(circle at 8% 0, color-mix(in srgb, var(--noxalba-orange, #f26522) 8%, transparent), transparent 30%),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--noxalba-blue, #223369) 16%, transparent), transparent 36%),
    linear-gradient(135deg, color-mix(in srgb, var(--noxalba-blue-ink, #0b1025) 88%, var(--noxalba-blue, #223369) 12%), color-mix(in srgb, var(--noxalba-graphite, #101727) 84%, var(--noxalba-blue, #223369) 16%));
}

html[data-appearance="dark"] .findings-mockup-page .home-ops-hero__title,
html[data-appearance="dark"] .analysis-page .home-ops-hero__title,
html[data-appearance="dark"] .periods-page .home-ops-hero__title,
html[data-appearance="dark"] .fiscal-parameters-page .home-ops-hero__title,
html[data-appearance="dark"] .findings-mockup-page .home-ops-context strong,
html[data-appearance="dark"] .analysis-page .home-ops-context strong,
html[data-appearance="dark"] .periods-page .home-ops-context strong,
html[data-appearance="dark"] .fiscal-parameters-page .home-ops-context strong {
  color: #ffffff;
}

html[data-appearance="dark"] .findings-mockup-page .home-ops-hero__text,
html[data-appearance="dark"] .analysis-page .home-ops-hero__text,
html[data-appearance="dark"] .periods-page .home-ops-hero__text,
html[data-appearance="dark"] .fiscal-parameters-page .home-ops-hero__text,
html[data-appearance="dark"] .findings-mockup-page .home-ops-context__label,
html[data-appearance="dark"] .analysis-page .home-ops-context__label,
html[data-appearance="dark"] .periods-page .home-ops-context__label,
html[data-appearance="dark"] .fiscal-parameters-page .home-ops-context__label {
  color: color-mix(in srgb, var(--noxalba-offwhite, #fbfbfb) 72%, transparent);
}

html[data-appearance="dark"] .findings-mockup-page .home-ops-context,
html[data-appearance="dark"] .analysis-page .home-ops-context,
html[data-appearance="dark"] .analysis-page .imports-ops-status,
html[data-appearance="dark"] .periods-page .home-ops-context,
html[data-appearance="dark"] .fiscal-parameters-page .home-ops-context {
  border-color: color-mix(in srgb, var(--noxalba-offwhite, #fbfbfb) 12%, transparent);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--noxalba-orange, #f26522) 52%, transparent) 0 3px, transparent 3px),
    color-mix(in srgb, var(--noxalba-offwhite, #fbfbfb) 7%, transparent);
}

html[data-appearance="dark"] :is(
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .home-page--operational,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero {
  background:
    radial-gradient(circle at 8% 0, color-mix(in srgb, var(--noxalba-orange, #f26522) 8%, transparent), transparent 30%),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--noxalba-blue, #223369) 16%, transparent), transparent 36%),
    linear-gradient(135deg, color-mix(in srgb, var(--noxalba-blue-ink, #0b1025) 88%, var(--noxalba-blue, #223369) 12%), color-mix(in srgb, var(--noxalba-graphite, #101727) 84%, var(--noxalba-blue, #223369) 16%));
}

html[data-appearance="dark"] :is(
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .home-page--operational,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero__title,
html[data-appearance="dark"] :is(
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .home-page--operational,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-context strong {
  color: #ffffff;
}

html[data-appearance="dark"] :is(
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .home-page--operational,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-hero__text,
html[data-appearance="dark"] :is(
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .home-page--operational,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-context__label {
  color: color-mix(in srgb, var(--noxalba-offwhite, #fbfbfb) 72%, transparent);
}

html[data-appearance="dark"] :is(
  .contributors-page,
  .fiscal-docs-page,
  .gia-consulta-page,
  .cartao-consulta-page,
  .technical-signals-page,
  .home-page--operational,
  .admin-prefecture-page,
  .priority-admin-page,
  .settings-preferences-page
) .home-ops-context {
  border-color: color-mix(in srgb, var(--noxalba-offwhite, #fbfbfb) 12%, transparent);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--noxalba-orange, #f26522) 52%, transparent) 0 3px, transparent 3px),
    color-mix(in srgb, var(--noxalba-offwhite, #fbfbfb) 7%, transparent);
}

@media (max-width: 980px) {
  .ranking-mockup-page .home-ops-hero,
  .priority-mockup-page .home-ops-hero,
  .findings-mockup-page .home-ops-hero,
  .analysis-page .home-ops-hero,
  .periods-page .home-ops-hero,
  .fiscal-parameters-page .home-ops-hero,
  .home-page--operational .home-ops-hero,
  .contributors-page .home-ops-hero,
  .fiscal-docs-page .home-ops-hero,
  .gia-consulta-page .home-ops-hero,
  .cartao-consulta-page .home-ops-hero,
  .technical-signals-page .home-ops-hero,
  .admin-prefecture-page .home-ops-hero,
  .priority-admin-page .home-ops-hero,
  .settings-preferences-page .home-ops-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 24px;
  }

  .ranking-mockup-page .home-ops-hero__title,
  .priority-mockup-page .home-ops-hero__title,
  .findings-mockup-page .home-ops-hero__title,
  .analysis-page .home-ops-hero__title,
  .periods-page .home-ops-hero__title,
  .fiscal-parameters-page .home-ops-hero__title,
  .home-page--operational .home-ops-hero__title,
  .contributors-page .home-ops-hero__title,
  .fiscal-docs-page .home-ops-hero__title,
  .gia-consulta-page .home-ops-hero__title,
  .cartao-consulta-page .home-ops-hero__title,
  .technical-signals-page .home-ops-hero__title,
  .admin-prefecture-page .home-ops-hero__title,
  .priority-admin-page .home-ops-hero__title,
  .settings-preferences-page .home-ops-hero__title {
    font-size: 34px;
  }

  .ranking-mockup-page .home-ops-context,
  .priority-mockup-page .home-ops-context {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ranking-mockup-page .home-ops-hero,
  .priority-mockup-page .home-ops-hero,
  .findings-mockup-page .home-ops-hero,
  .analysis-page .home-ops-hero,
  .periods-page .home-ops-hero,
  .fiscal-parameters-page .home-ops-hero,
  .home-page--operational .home-ops-hero,
  .contributors-page .home-ops-hero,
  .fiscal-docs-page .home-ops-hero,
  .gia-consulta-page .home-ops-hero,
  .cartao-consulta-page .home-ops-hero,
  .technical-signals-page .home-ops-hero,
  .admin-prefecture-page .home-ops-hero,
  .priority-admin-page .home-ops-hero,
  .settings-preferences-page .home-ops-hero {
    padding: 20px;
    border-radius: 22px;
  }

  .ranking-mockup-page .home-ops-hero__title,
  .priority-mockup-page .home-ops-hero__title,
  .findings-mockup-page .home-ops-hero__title,
  .analysis-page .home-ops-hero__title,
  .periods-page .home-ops-hero__title,
  .fiscal-parameters-page .home-ops-hero__title,
  .home-page--operational .home-ops-hero__title,
  .contributors-page .home-ops-hero__title,
  .fiscal-docs-page .home-ops-hero__title,
  .gia-consulta-page .home-ops-hero__title,
  .cartao-consulta-page .home-ops-hero__title,
  .technical-signals-page .home-ops-hero__title,
  .admin-prefecture-page .home-ops-hero__title,
  .priority-admin-page .home-ops-hero__title,
  .settings-preferences-page .home-ops-hero__title {
    font-size: 30px;
  }
}

.central-admin-page .home-card,
.central-admin-page .ds-card {
  border-color: var(--central-border, var(--product-border));
}

.central-admin-table-scroll__viewport,
.home-table-wrap,
.ds-table-wrap {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--color-primary) 30%, var(--text-muted) 70%) transparent;
}

.imports-op-drop:focus-visible,
.imports-op-drop:focus-within {
  outline: none;
  box-shadow: var(--product-focus);
}

@media (max-width: 980px) {
  .home-page,
  .executive-dashboard-page .home-page,
  .analysis-page,
  .imports-xml-page,
  .actions-page {
    gap: 20px;
  }
}

@media (max-width: 640px) {
  .home-hero,
  .home-card,
  .home-priority,
  .login-hero__surface,
  .login-access__card,
  .trust-evidence-band {
    border-radius: 16px;
  }

  .ds-empty,
  .home-empty {
    min-height: 84px;
    padding: 16px;
  }
}

/* Context Adaptive Experience
   Reprioritizes information by context without removing controls or changing flows. */
:root {
  --adaptive-gap-sm: clamp(10px, 1.4vw, 14px);
  --adaptive-gap-md: clamp(16px, 2vw, 24px);
  --adaptive-focus-ring: 0 0 0 3px color-mix(in srgb, var(--noxalba-orange, #f26522) 18%, transparent);
}

.executive-dashboard-page,
.audit-mockup-page,
.cases-mockup-page,
.actions-mockup-page,
.findings-mockup-page,
.analysis-page,
.ranking-mockup-page,
.priority-mockup-page,
.imports-xml-page,
.imports-batches-page {
  --adaptive-card-radius: clamp(18px, 2vw, 28px);
  --adaptive-section-gap: clamp(18px, 2.2vw, 28px);
}

.executive-dashboard-page .home-section,
.audit-mockup-page .home-section,
.cases-mockup-page .home-section,
.actions-mockup-page .home-section,
.findings-mockup-page .home-section,
.analysis-page .home-section,
.ranking-mockup-page .home-section,
.priority-mockup-page .home-section,
.imports-xml-page .home-section,
.imports-batches-page .home-section {
  gap: var(--adaptive-gap-md);
}

.imports-xml-page .imports-ops-hero__title,
.imports-batches-page .home-ops-hero__title {
  max-width: 760px;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

@media (min-width: 1260px) {
  .executive-dashboard-page--presence {
    --adaptive-executive-max: 1360px;
  }

  .executive-dashboard-page--presence > .home-section,
  .executive-dashboard-page--presence > .executive-presence-hero,
  .executive-dashboard-page--presence > .home-card {
    max-width: var(--adaptive-executive-max);
    margin-inline: auto;
  }

  .executive-dashboard-page--presence .executive-presence-hero {
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.72fr);
  }

  .executive-dashboard-page--presence .executive-presence-hero__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .executive-dashboard-page--presence .findings-mockup-kpis,
  .executive-dashboard-page--presence .home-kpi-grid,
  .executive-dashboard-page--presence .executive-kpi-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .audit-mockup-page .audit-filter-card,
  .cases-mockup-page .cases-filter-card,
  .actions-mockup-page .actions-filter-card,
  .findings-mockup-page .fiscal-findings-filter-card {
    position: relative;
  }

  .audit-mockup-page .audit-mockup-workspace,
  .priority-mockup-page .priority-mockup-workspace {
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.58fr);
    align-items: start;
  }

  .cases-mockup-page .priority-mockup-list-item,
  .actions-mockup-page .priority-mockup-list-item {
    grid-template-columns: minmax(110px, 0.34fr) minmax(0, 1.25fr) minmax(150px, 0.5fr) minmax(210px, 0.7fr) auto;
  }

  .findings-mockup-page .findings-mockup-detail-panel.is-active,
  .analysis-page .trust-evidence-band,
  .priority-mockup-page .priority-mockup-focus-panel.is-active {
    scroll-margin-top: 92px;
  }

  .imports-xml-page .imports-op-grid,
  .imports-batches-page .imports-batches-command-center {
    align-items: start;
  }
}

@media (min-width: 760px) and (max-width: 1259px) {
  .executive-dashboard-page--presence .executive-presence-hero,
  .audit-mockup-page .home-ops-hero,
  .cases-mockup-page .home-ops-hero,
  .actions-mockup-page .home-ops-hero,
  .findings-mockup-page .home-ops-hero,
  .analysis-page .home-ops-hero,
  .ranking-mockup-page .home-ops-hero,
  .priority-mockup-page .home-ops-hero,
  .imports-xml-page .home-ops-hero,
  .imports-batches-page .home-ops-hero,
  .home-page--operational .home-ops-hero,
  .contributors-page .home-ops-hero,
  .fiscal-docs-page .home-ops-hero,
  .gia-consulta-page .home-ops-hero,
  .cartao-consulta-page .home-ops-hero,
  .technical-signals-page .home-ops-hero,
  .admin-prefecture-page .home-ops-hero,
  .priority-admin-page .home-ops-hero,
  .settings-preferences-page .home-ops-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .executive-dashboard-page--presence .executive-presence-hero__metrics,
  .findings-mockup-kpis,
  .priority-mockup-strip,
  .imports-batches-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .audit-filter-grid,
  .priority-filter-grid,
  .fiscal-findings-filter-grid,
  .imports-batches-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .priority-mockup-list-item {
    grid-template-columns: minmax(0, 1fr) minmax(180px, 0.45fr);
  }

  .priority-mockup-list-item__priority,
  .priority-mockup-list-item__actions {
    justify-content: flex-start;
  }

  .imports-xml-page .panel,
  .imports-batches-table-shell,
  .findings-mockup-page .fiscal-findings-table,
  .audit-mockup-page .audit-table,
  .priority-mockup-page .priority-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 980px) {
  body.app {
    overflow-x: hidden;
  }

  .app-shell {
    min-height: auto;
  }

  .main,
  .page {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .page {
    width: 100%;
  }

  .sidebar {
    display: block;
    max-height: none;
    padding: 10px 14px;
    border-right: 0;
    border-bottom: 1px solid var(--shell-nav-border);
    overflow: visible;
  }

  .sidebar::after {
    top: auto;
    right: 8%;
    bottom: -128px;
    opacity: 0.38;
  }

  .sidebar > div:first-child {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 0;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
  }

  .sidebar-brand {
    flex: 0 0 auto;
    min-width: 172px;
    padding: 0 10px 0 0;
  }

  .sidebar-lead,
  .sidebar-account,
  .sidebar-footer {
    display: none;
  }

  .menu {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 8px;
    margin: 0;
    padding: 2px 0 4px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
  }

  .menu-section {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: max-content;
    padding: 0;
    border-top: 0;
  }

  .menu-label {
    width: auto;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--shell-nav-border) 64%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface-0) 5%, transparent);
  }

  .menu-label > span:first-child {
    white-space: nowrap;
  }

  .menu-label__chevron {
    width: 18px;
    height: 18px;
  }

  .menu-links {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .menu-links[hidden] {
    display: none;
  }

  .menu-item {
    min-height: 34px;
    padding: 6px 10px 6px 8px;
    white-space: nowrap;
  }

  .menu-item:hover {
    transform: translateY(-1px);
  }

  .home-section,
  .home-card,
  .home-ops-hero,
  .imports-ops-hero,
  .executive-presence-hero {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}

@media (max-width: 759px) {
  .main {
    display: block;
    width: auto;
    max-width: 100vw;
    overflow: hidden;
  }

  .page {
    width: auto;
    max-width: 100%;
    margin-inline: 0;
    overflow: hidden;
  }

  .topbar__page-hint,
  .sidebar-lead,
  .sidebar-account__meta {
    display: none;
  }

  .executive-dashboard-page--presence,
  .audit-mockup-page,
  .cases-mockup-page,
  .actions-mockup-page,
  .findings-mockup-page,
  .analysis-page,
  .ranking-mockup-page,
  .priority-mockup-page,
  .imports-xml-page,
  .imports-batches-page {
    gap: 16px;
  }

  .sidebar {
    padding: 8px 12px;
  }

  .sidebar > div:first-child {
    gap: 8px;
  }

  .sidebar-brand {
    width: 56px;
    min-width: 56px;
    padding: 0;
  }

  .sidebar-brand .brand-text {
    display: none;
  }

  .brand-mark {
    width: 32px;
    height: 32px;
  }

  .menu-label {
    min-height: 32px;
    padding: 0 9px;
  }

  .menu-label > span:first-child {
    font-size: 10px;
  }

  .menu-item {
    font-size: 12px;
  }

  .menu-item__icon {
    width: 20px;
    height: 20px;
  }

  .executive-dashboard-page--presence .executive-presence-hero,
  .audit-mockup-page .home-ops-hero,
  .cases-mockup-page .home-ops-hero,
  .actions-mockup-page .home-ops-hero,
  .findings-mockup-page .home-ops-hero,
  .analysis-page .home-ops-hero,
  .ranking-mockup-page .home-ops-hero,
  .priority-mockup-page .home-ops-hero,
  .imports-xml-page .home-ops-hero,
  .imports-batches-page .home-ops-hero {
    padding: 18px;
    border-radius: 18px;
  }

  .executive-dashboard-page--presence .executive-presence-hero {
    grid-template-columns: 1fr;
  }

  .executive-dashboard-page--presence .executive-presence-hero,
  .audit-mockup-page .home-ops-hero,
  .cases-mockup-page .home-ops-hero,
  .actions-mockup-page .home-ops-hero,
  .findings-mockup-page .home-ops-hero,
  .analysis-page .home-ops-hero,
  .ranking-mockup-page .home-ops-hero,
  .priority-mockup-page .home-ops-hero,
  .imports-xml-page .imports-ops-hero,
  .imports-batches-page .home-ops-hero {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr);
  }

  .executive-dashboard-page--presence .executive-presence-hero__content,
  .executive-dashboard-page--presence .executive-presence-hero__brief,
  .home-ops-hero__main,
  .home-ops-context,
  .imports-xml-page .imports-ops-hero__main,
  .imports-xml-page .imports-ops-status {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .findings-mockup-page .home-ops-context,
  .analysis-page .home-ops-context,
  .imports-xml-page .imports-ops-status {
    padding: 14px;
    border-radius: 16px;
  }

  .home-ops-context > div,
  .executive-presence-hero__brief dl > div,
  .imports-xml-page .imports-ops-status > * {
    min-width: 0;
  }

  .home-ops-hero__text,
  .imports-xml-page .imports-ops-hero__text,
  .executive-dashboard-page--presence .executive-presence-hero__content p {
    max-width: 100%;
  }

  .imports-xml-page .imports-ops-hero {
    padding: 18px;
    border-radius: 18px;
  }

  .executive-dashboard-page--presence .executive-presence-hero__content h1,
  .home-ops-hero__title {
    font-size: 34px;
    line-height: 1.03;
  }

  .executive-dashboard-page--presence .executive-presence-hero__metrics,
  .executive-dashboard-page--presence .executive-presence-hero__brief dl,
  .findings-mockup-kpis,
  .priority-mockup-strip,
  .imports-batches-summary-grid,
  .ux-executive-brief__grid,
  .ux-workflow-brief__grid,
  .priority-mockup-focus__metrics,
  .imports-batches-focus-metrics,
  .imports-batches-side-grid {
    grid-template-columns: 1fr;
  }

  .executive-dashboard-page--presence .executive-presence-hero__brief dl > div:nth-child(n+3),
  .executive-dashboard-page--presence .findings-mockup-kpis .home-kpi-card:nth-child(n+4),
  .audit-mockup-page .findings-mockup-kpis .home-kpi-card:nth-child(n+4),
  .cases-mockup-page .findings-mockup-kpis .home-kpi-card:nth-child(n+4),
  .actions-mockup-page .findings-mockup-kpis .home-kpi-card:nth-child(n+4),
  .priority-mockup-page .priority-mockup-strip .home-kpi-card:nth-child(n+4) {
    order: 8;
  }

  .audit-filter-grid,
  .priority-filter-grid,
  .fiscal-findings-filter-grid,
  .imports-batches-filter-grid {
    grid-template-columns: 1fr;
  }

  .home-filter-card__actions,
  .priority-filter-header,
  .audit-filter-header,
  .fiscal-findings-filter-header,
  .imports-batches-actions,
  .imports-batches-action-buttons {
    width: 100%;
    justify-content: stretch;
  }

  .home-filter-card__actions .btn,
  .priority-filter-header .btn,
  .audit-filter-header .btn,
  .fiscal-findings-filter-header .btn,
  .imports-batches-actions .btn,
  .imports-batches-action-buttons .ds-btn {
    flex: 1 1 100%;
    min-height: 44px;
  }

  .priority-mockup-list-items,
  .imports-batches-table-shell,
  .findings-mockup-page .fiscal-findings-table,
  .audit-mockup-page .audit-table,
  .priority-mockup-page .priority-table,
  .imports-xml-page .table,
  .home-table-wrap,
  .ds-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
  }

  .priority-mockup-list-item,
  .cases-mockup-page .priority-mockup-list-item,
  .actions-mockup-page .priority-mockup-list-item {
    grid-template-columns: 1fr;
    padding: 16px;
    gap: 12px;
  }

  .priority-mockup-list-item__main,
  .priority-mockup-list-item__amount,
  .priority-mockup-list-item__status,
  .priority-mockup-list-item__actions {
    justify-content: flex-start;
    text-align: left;
  }

  .priority-mockup-list-item__actions .btn,
  .priority-mockup-list-item__actions .home-link-inline,
  .fiscal-findings-actions .btn,
  .priority-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .findings-mockup-page .findings-mockup-detail-panel.is-active,
  .priority-mockup-focus-panel.is-active,
  .imports-batches-focus-card,
  .imports-batches-side-card,
  .imports-xml-page .panel,
  .imports-xml-page .processing-box,
  .imports-xml-page .quick-summary {
    border-radius: 18px;
  }

  .imports-xml-page .table,
  .imports-batches-table,
  .home-table,
  .ds-table {
    min-width: 680px;
  }

  .home-empty,
  .ds-empty {
    min-height: 92px;
  }
}

@media (max-width: 520px) {
  .executive-dashboard-page--presence .executive-presence-hero__eyebrow,
  .home-ops-hero__eyebrow,
  .ux-executive-brief__head,
  .imports-batches-command-center__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .executive-dashboard-page--presence .executive-presence-hero__content p,
  .home-ops-hero__text,
  .ux-executive-brief__head p,
  .imports-batches-command-center__head p {
    font-size: 14px;
    line-height: 1.55;
  }

  .executive-dashboard-page--presence .executive-presence-hero__content h1,
  .home-ops-hero__title {
    font-size: 30px;
  }

  .home-kpi-card,
  .ux-executive-brief__item,
  .imports-batches-command-card,
  .priority-mockup-list-item {
    min-height: 0;
  }
}

/* Responsive boundaries — a shared guardrail for every authenticated route.
   Dense data remains available through a local scroller; the document itself
   must never be widened or silently crop controls. */
html,
body.app {
  max-width: 100%;
  overflow-x: clip;
}

body.app :is(
    .main,
    .page,
    .central-admin-content,
    .home-section,
    .home-card,
    .ds-card,
    .home-table-shell,
    .ds-table-wrap,
    .central-admin-table-scroll,
    .central-admin-drawer,
    .central-admin-users-edit-panel,
    .ds-modal__content,
    .governed-confirmation__dialog
  ) {
  min-width: 0;
  max-width: 100%;
}

body.app :is(
    .home-table-shell,
    .home-table-wrap,
    .ds-table-wrap,
    .central-admin-table-scroll,
    .central-admin-table-scroll__viewport
  ) {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

body.app :is(
    img,
    svg,
    video,
    canvas,
    iframe
  ) {
  max-width: 100%;
}

body.app :is(
    h1,
    h2,
    h3,
    p,
    dd,
    td,
    .home-kpi-card__value,
    .central-admin-users-role-option small
  ) {
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  body.app :is(
      .central-admin-drawer,
      .central-admin-users-edit-panel
    ) {
    top: 0;
    right: 0;
    bottom: 0;
    width: 100dvw;
    max-width: 100dvw;
    border-radius: 0;
  }

  body.app :is(
      .central-admin-drawer,
      .central-admin-users-edit-panel,
      .ds-modal__content,
      .governed-confirmation__dialog
    ) {
    box-sizing: border-box;
  }
}