@import url("/assets/mtm-design-system.css?v=20260824-css-final-1");

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  min-height: 100%;
  margin: 0;
  background: var(--mtm-surface-app);
  color: var(--mtm-color-text);
  font-family: var(--mtm-font-family-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mtm-body-text,
body.mtm-app-body,
body.mtm-auth-body {
  background: var(--mtm-surface-app);
  color: var(--mtm-type-body-text-color);
  font-family: var(--mtm-font-family-sans);
  font-size: var(--mtm-type-body-text-size);
  font-style: var(--mtm-type-body-text-style);
  font-weight: var(--mtm-type-body-text-weight);
  letter-spacing: var(--mtm-type-body-text-letter-spacing);
  line-height: var(--mtm-type-body-text-line-height);
  text-transform: var(--mtm-type-body-text-transform);
}

body.mtm-app-body :focus-visible,
body.mtm-auth-body :focus-visible {
  outline: var(--mtm-border-width-strong) solid var(--mtm-color-focus);
  outline-offset: var(--mtm-border-width-strong);
}

a {
  color: inherit;
  text-decoration: none;
}

.app-shell {
  min-height: 100vh;
}

.app-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 20;
  display: flex;
  width: 260px;
  padding: 18px 16px 14px;
  flex-direction: column;
  gap: var(--mtm-space-8);
  background: var(--mtm-sidebar-background);
  color: var(--mtm-sidebar-foreground);
  box-shadow: inset -1px 0 0 color-mix(in srgb, var(--mtm-color-text-inverse) 6%, transparent);
}

.app-brand {
  display: flex;
  min-height: var(--mtm-space-10);
  align-items: baseline;
  gap: var(--mtm-space-3);
  color: var(--mtm-color-text-inverse);
  text-decoration: none;
}

.app-brand__mark {
  display: grid;
  width: var(--mtm-space-8);
  height: var(--mtm-space-8);
  flex: 0 0 auto;
  align-items: end;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--mtm-space-1);
}

.app-brand__mark > span {
  height: 50%;
  border-radius: calc(var(--mtm-space-2) / 2);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--mtm-color-blue-700) 80%, var(--mtm-color-blue-300)) 0%,
    var(--mtm-color-blue-700) 100%
  );
}

.app-brand__mark > span:nth-child(2) {
  height: 100%;
}

.app-brand__mark > span:nth-child(3) {
  height: 75%;
}

.app-brand__name {
  color: var(--mtm-color-text-inverse);
  font-size: 2rem;
  font-weight: var(--mtm-font-weight-extrabold);
  letter-spacing: 0;
  line-height: var(--mtm-line-height-tight);
  white-space: nowrap;
}

.app-brand__accent {
  color: var(--mtm-color-blue-700);
}

.app-sidebar__nav {
  flex: 1;
}

.app-sidebar__toggle,
.app-sidebar__menu-button {
  display: none;
}

.app-sidebar__group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.app-sidebar__link {
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: var(--mtm-radius-sm);
  color: var(--mtm-sidebar-foreground);
  font-size: 0.9rem;
  font-weight: 650;
  text-decoration: none;
}

.app-sidebar__icon {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  color: var(--mtm-color-text-sidebar-muted);
}

.app-sidebar__link:hover {
  background: var(--mtm-surface-sidebar-hover);
  color: var(--mtm-color-text-inverse);
}

.app-sidebar__link:hover .app-sidebar__icon,
.app-sidebar__link[aria-current="page"] {
  color: var(--mtm-color-text-inverse);
}

.app-sidebar__link[aria-current="page"] {
  background: var(--mtm-sidebar-active-background);
  box-shadow:
    inset var(--mtm-border-width-accent) 0 0 var(--mtm-sidebar-active-accent),
    inset 0 0 0 var(--mtm-border-width) var(--mtm-sidebar-active-border);
}

.app-sidebar__link[aria-current="page"] .app-sidebar__icon {
  color: var(--mtm-color-text-inverse);
}

.app-sidebar__item {
  display: grid;
  gap: 2px;
}

.app-sidebar__submenu {
  display: grid;
  gap: 2px;
  margin: 0 0 6px 37px;
}

.app-sidebar__sublink {
  display: flex;
  min-height: 38px;
  align-items: center;
  padding: 7px 10px;
  border-radius: var(--mtm-radius-sm);
  color: var(--mtm-sidebar-foreground);
  font-size: 0.84rem;
  font-weight: 620;
  line-height: 1.25;
}

.app-sidebar__sublink:hover {
  background: var(--mtm-surface-sidebar-hover);
  color: var(--mtm-color-text-inverse);
}

.app-sidebar__sublink[aria-current="page"] {
  background: var(--mtm-sidebar-active-background);
  color: var(--mtm-color-text-inverse);
  box-shadow: inset var(--mtm-border-width-strong) 0 0 var(--mtm-sidebar-active-accent);
}

.app-workspace {
  min-height: 100vh;
  margin-left: 260px;
}

.app-sidebar__session {
  display: grid;
  gap: var(--mtm-space-2);
  padding-top: var(--mtm-space-3);
  border-top: var(--mtm-border-width) solid color-mix(in srgb, var(--mtm-color-text-inverse) 12%, transparent);
}

.app-sidebar__role {
  justify-self: start;
  border: var(--mtm-border-width) solid color-mix(in srgb, var(--mtm-color-blue-700) 65%, var(--mtm-color-text-inverse));
  background: color-mix(in srgb, var(--mtm-color-blue-700) 28%, transparent);
  color: var(--mtm-color-text-inverse);
  letter-spacing: 0.06em;
}

.app-logout {
  margin: 0;
}

.app-logout__button {
  width: 100%;
  min-height: 34px;
  padding: var(--mtm-space-1) var(--mtm-space-2);
  border: var(--mtm-border-width) solid color-mix(in srgb, var(--mtm-color-text-inverse) 18%, transparent);
  border-radius: var(--mtm-button-radius);
  background: color-mix(in srgb, var(--mtm-color-text-inverse) 6%, transparent);
  color: var(--mtm-color-text-inverse);
  font: inherit;
  font-size: var(--mtm-font-size-xs);
  font-weight: var(--mtm-font-weight-bold);
  cursor: pointer;
}

.app-logout__button:hover,
.app-logout__button:focus-visible {
  border-color: var(--mtm-color-blue-700);
  background: var(--mtm-surface-sidebar-hover);
  color: var(--mtm-color-text-inverse);
}

.app-main {
  max-width: 1920px;
  margin: 0 auto;
  padding: 32px 32px 48px;
}

.page-header {
  margin-bottom: var(--mtm-space-6);
}

.report-comment-assist {
  justify-content: flex-start;
}

.report-comment-action-icon {
  margin-inline-end: var(--mtm-space-2);
}

.report-comment-preview-block {
  display: grid;
  gap: var(--mtm-space-2);
}

.report-comment-preview {
  display: grid;
  gap: var(--mtm-space-3);
  min-height: calc(var(--mtm-space-16) * 2 + var(--mtm-space-8));
}

.report-comment-preview[hidden],
.report-comment-preview-edit[hidden],
.reports-comment-textarea[hidden] {
  display: none;
}

.report-comment-preview p {
  margin: 0;
}

.report-comment-preview strong {
  color: var(--mtm-color-text);
  font-weight: var(--mtm-font-weight-bold);
}

.reports-comment-textarea {
  min-height: calc(var(--mtm-space-16) * 2 + var(--mtm-space-8));
  resize: vertical;
}

.report-detail-toolbar {
  min-width: 0;
}

.report-comment-summary {
  display: grid;
  align-items: center;
}

.report-comment-summary,
.mtm-action-bar.report-comment-action-bar {
  width: 100%;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: var(--mtm-space-2);
  row-gap: 0;
}

:is(.report-comment-summary, .report-comment-action-bar) > .mtm-badge {
  grid-row: 1;
  grid-column: 1;
}

.report-comment-action-bar .report-comment-actions {
  grid-row: 1;
  grid-column: 3;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.report-comment-actions .mtm-action-link-group {
  flex-wrap: nowrap;
}

.historique-report-content {
  margin-top: calc(var(--mtm-space-6) + var(--mtm-space-1));
}

.historique-report-frame {
  display: block;
  width: 100%;
  min-height: 75vh;
  margin-top: calc(var(--mtm-space-6) + var(--mtm-space-1));
  border: var(--mtm-border-width) solid var(--mtm-border-default);
  border-radius: var(--mtm-radius-md);
  background: var(--mtm-surface-card);
}

.report-comment-details {
  min-width: 0;
  grid-row: 1;
  grid-column: 2;
}

.report-comment-details > summary {
  grid-row: 1;
  grid-column: 2;
  inline-size: fit-content;
  white-space: nowrap;
}

.report-detail-page .report-comment-action-bar :is(
  .report-comment-details > summary,
  [data-report-comment-edit],
  .mtm-action-link--danger
):focus-visible {
  outline: var(--mtm-border-width) solid var(--mtm-color-text-muted);
  outline-offset: var(--mtm-border-width-strong);
  box-shadow: none;
}

.report-comment-content {
  display: none;
  min-width: 0;
  grid-row: 2;
  grid-column: 1 / -1;
}

.report-comment-details[open] + .report-comment-content {
  display: block;
}

.report-comment-content p {
  margin: var(--mtm-space-2) 0 0;
  padding-top: var(--mtm-space-2);
  border-block-start: var(--mtm-border-width) solid var(--mtm-border-subtle);
  white-space: pre-wrap;
}

@media (max-width: 30em) {
  .report-comment-summary,
  .mtm-action-bar.report-comment-action-bar {
    column-gap: var(--mtm-space-1);
  }

  :is(.report-comment-summary, .report-comment-action-bar) > .mtm-badge {
    padding: var(--mtm-border-width-strong) calc(var(--mtm-space-1) - var(--mtm-border-width));
    font-size: calc(var(--mtm-font-size-2xs) - var(--mtm-border-width-strong));
    letter-spacing: normal;
  }

  .report-comment-details > summary,
  .report-comment-actions .mtm-action-link {
    min-height: var(--mtm-space-8);
    font-size: calc(var(--mtm-font-size-2xs) - var(--mtm-border-width));
  }

  .report-comment-details > summary {
    gap: var(--mtm-border-width-strong);
  }

  .report-comment-actions .mtm-action-link-group {
    gap: var(--mtm-space-1);
  }
}

.history-search-top-note {
  margin: 0;
}

.history-search-bars {
  display: grid;
  gap: var(--mtm-space-2);
}

.history-search-bar-row {
  display: grid;
  grid-template-columns: minmax(calc(var(--mtm-space-16) * 2), 0.7fr) minmax(calc(var(--mtm-space-16) * 3), 1.3fr) minmax(var(--mtm-space-16), max-content);
  gap: var(--mtm-space-3);
  align-items: center;
}

.history-search-bar-label {
  overflow-wrap: anywhere;
}

.history-search-bar-track {
  height: var(--mtm-space-3);
  overflow: hidden;
  border: var(--mtm-border-width) solid var(--mtm-color-accent-subtle);
  border-radius: var(--mtm-radius-pill);
  background: var(--mtm-surface-accent-subtle);
}

.history-search-bar-fill {
  display: block;
  height: 100%;
  min-width: var(--mtm-border-width-strong);
  border-radius: inherit;
  background: var(--mtm-chart-1);
}

.history-search-bar-value {
  color: var(--mtm-color-text);
  text-align: right;
  white-space: nowrap;
}

.history-search-bars-caption {
  display: grid;
  grid-template-columns: minmax(calc(var(--mtm-space-16) * 2), 0.7fr) minmax(calc(var(--mtm-space-16) * 3), 1.3fr) minmax(var(--mtm-space-16), max-content);
  gap: var(--mtm-space-3);
  margin-top: var(--mtm-space-2);
}

.history-search-bars-caption span:last-child {
  grid-column: 3;
  text-align: right;
}

.history-period-field {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  align-self: end;
  align-items: flex-end;
}

.history-period-options {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  justify-content: flex-end;
}

.history-period-option {
  position: relative;
  display: inline-flex;
  min-width: 0;
  min-height: var(--mtm-control-min-size);
  align-items: center;
  justify-content: center;
  padding: var(--mtm-space-2) var(--mtm-space-4);
  border: var(--mtm-border-width) solid var(--mtm-field-border);
  border-radius: 0;
  background: var(--mtm-field-background);
  color: var(--mtm-color-accent);
  font-family: var(--mtm-font-family-sans);
  font-size: var(--mtm-font-size-sm);
  font-weight: var(--mtm-font-weight-semibold);
  line-height: var(--mtm-type-field-text-line-height);
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color var(--mtm-duration-fast) ease-in-out,
    border-color var(--mtm-duration-fast) ease-in-out,
    color var(--mtm-duration-fast) ease-in-out;
}

.history-period-option:not(:first-of-type) {
  border-inline-start-width: 0;
}

.history-period-option:first-of-type {
  border-start-start-radius: var(--mtm-field-radius);
  border-end-start-radius: var(--mtm-field-radius);
}

.history-period-option:last-of-type {
  border-start-end-radius: var(--mtm-field-radius);
  border-end-end-radius: var(--mtm-field-radius);
}

.history-period-option:hover {
  border-color: var(--mtm-color-accent);
  background: var(--mtm-surface-accent-subtle);
  color: var(--mtm-color-structure);
}

.history-period-option__control:checked + .history-period-option {
  z-index: 1;
  border-color: var(--mtm-color-accent);
  background: var(--mtm-surface-accent-subtle);
  color: var(--mtm-color-structure);
  box-shadow: inset 0 calc(-1 * var(--mtm-border-width-accent)) 0 var(--mtm-color-accent);
}

.history-period-option__control:checked + .history-period-option:hover {
  border-color: var(--mtm-color-accent-hover);
  background: var(--mtm-color-accent-subtle);
}

.history-period-option__control:focus-visible + .history-period-option {
  z-index: 2;
  outline: var(--mtm-border-width-strong) solid var(--mtm-color-focus);
  outline-offset: var(--mtm-border-width-strong);
}

.history-period-option__control:disabled + .history-period-option,
.history-period-option__control:disabled + .history-period-option:hover {
  border-color: var(--mtm-field-border);
  background: var(--mtm-surface-muted);
  color: var(--mtm-color-text-muted);
  cursor: not-allowed;
  box-shadow: none;
}

.history-chart-panel {
  width: 100%;
  overflow: hidden;
}

.history-chart-container {
  width: 100%;
  overflow-x: auto;
}

.history-chart-canvas {
  position: relative;
  width: 100%;
  height: calc(var(--mtm-space-16) * 3);
  min-height: calc(var(--mtm-space-16) * 3);
  max-height: calc(var(--mtm-space-16) * 3);
}

.history-chart-tooltip {
  position: absolute;
  z-index: 15;
  box-sizing: border-box;
  width: max-content;
  max-width: min(calc(var(--mtm-space-16) * 5), calc(100% - var(--mtm-space-4)));
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--mtm-duration-fast) ease;
}

.history-chart-tooltip-row {
  grid-template-columns: var(--mtm-space-2) minmax(0, 1fr) auto;
}

.history-chart-group {
  min-width: 0;
}

.history-chart-group-body {
  align-items: start;
}

.history-data-table {
  position: relative;
  z-index: 1;
  overflow: visible;
}

.history-data-table:hover,
.history-data-table:focus-within {
  z-index: 20;
}

.history-data-table--structure {
  --mtm-table-active-min-width: 0;
}

.history-structure-col--month {
  width: 10%;
}

.history-structure-col--views {
  width: 8%;
}

.history-structure-col--delta {
  width: 10%;
}

.history-structure-col--usage {
  width: 72%;
}

.history-structure-heading {
  display: inline-flex;
  gap: var(--mtm-space-2);
  align-items: center;
}

.history-structure-info {
  color: var(--mtm-color-accent);
}

.history-structure-info::before {
  display: inline-flex;
  width: var(--mtm-space-4);
  height: var(--mtm-space-4);
  align-items: center;
  justify-content: center;
  border: var(--mtm-border-width-strong) solid currentColor;
  border-radius: var(--mtm-radius-circle);
  content: "i";
  font-size: var(--mtm-font-size-2xs);
  font-weight: var(--mtm-font-weight-extrabold);
  line-height: var(--mtm-line-height-tight);
}

.history-traffic-delta--up {
  color: var(--mtm-state-success-text);
}

.history-traffic-delta--down {
  color: var(--mtm-state-danger-text);
}

.history-structure-cell {
  position: relative;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  min-width: calc(var(--mtm-space-16) * 6);
  max-width: calc(var(--mtm-space-16) * 12);
  padding: var(--mtm-space-2) var(--mtm-space-3);
  border: var(--mtm-border-width) solid var(--mtm-border-default);
  border-radius: var(--mtm-radius-sm);
  background: var(--mtm-surface-subtle);
  outline-offset: var(--mtm-space-1);
}

.history-data-table--structure .history-structure-cell {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.history-structure-bar {
  display: flex;
  width: 100%;
  height: var(--mtm-space-5);
  overflow: hidden;
  border: var(--mtm-border-width) solid var(--mtm-border-default);
  border-radius: var(--mtm-radius-sm);
  background: var(--mtm-surface-muted);
}

.history-structure-segment {
  display: block;
  height: 100%;
  flex: 0 1 auto;
  min-width: var(--mtm-border-width-strong);
  border-inline-end: var(--mtm-border-width) solid color-mix(in srgb, var(--mtm-color-white) 72%, transparent);
}

.history-structure-segment:last-child {
  border-inline-end: 0;
}

.history-structure-summary {
  position: absolute;
  width: var(--mtm-border-width);
  height: var(--mtm-border-width);
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.history-structure-tooltip {
  position: fixed;
  z-index: 40;
  top: 0;
  left: 0;
  display: none;
  width: min(calc(var(--mtm-space-16) * 8), calc(100vw - var(--mtm-space-12)));
  max-height: calc(100vh - var(--mtm-space-6));
  overflow-y: auto;
}

.history-structure-cell:where(.is-active) .history-structure-tooltip {
  display: block;
}

.history-structure-cell:where(.is-active) {
  z-index: 30;
}

.history-structure-tooltip-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mtm-space-2) var(--mtm-space-5);
}

.history-structure-tooltip-column {
  display: grid;
  gap: var(--mtm-space-2);
  min-width: 0;
}

.history-structure-tooltip-row {
  grid-template-columns: var(--mtm-space-3) minmax(0, 1fr) auto;
  min-width: 0;
}

.history-structure-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--mtm-space-2) var(--mtm-space-4);
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: var(--mtm-space-3) 0 0 auto;
  padding-inline: var(--mtm-border-width-strong);
}

.history-structure-legend-item {
  display: inline-flex;
  gap: var(--mtm-space-2);
  align-items: center;
  white-space: nowrap;
}

.history-structure-legend-swatch {
  width: var(--mtm-space-3);
  height: var(--mtm-space-3);
  border-radius: var(--mtm-radius-xs);
  box-shadow: inset 0 0 0 var(--mtm-border-width) var(--mtm-border-default);
}

.dashboard-availability-grid {
  width: 100%;
}

.dashboard-availability-card {
  justify-content: flex-start;
}

.dashboard-availability-card .mtm-metadata {
  padding-block-start: 0;
  border-block-start: 0;
}

.dashboard-availability-card[data-state="complete"] {
  box-shadow:
    inset 0 var(--mtm-border-width-accent) 0 var(--mtm-state-success-text),
    var(--mtm-card-shadow);
}

.dashboard-availability-card[data-state="partial"] {
  box-shadow:
    inset 0 var(--mtm-border-width-accent) 0 var(--mtm-state-warning-text),
    var(--mtm-card-shadow);
}

.dashboard-availability-card[data-state="partial"] .mtm-primary-value {
  color: var(--mtm-state-warning-text);
}

.dashboard-editorial-card--record {
  border-color: var(--mtm-color-accent-subtle);
  background: var(--mtm-surface-accent-subtle);
}

.dashboard-page .article-title-link {
  color: var(--mtm-type-action-link-color);
  text-decoration: underline;
  text-decoration-thickness: var(--mtm-border-width);
  text-underline-offset: var(--mtm-space-1);
  touch-action: manipulation;
}

.dashboard-page .article-title-link:hover,
.dashboard-page .article-title-link:focus-visible {
  color: var(--mtm-color-accent-hover);
  text-decoration-thickness: var(--mtm-border-width-strong);
}

.dashboard-summary-grid {
  align-items: stretch;
}

.dashboard-period-grid {
  align-items: stretch;
}

.dashboard-renewal-card {
  min-width: 0;
}

.dashboard-renewal-context {
  margin: 0;
  overflow-wrap: anywhere;
}

.dashboard-renewal-card-header {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--mtm-space-2);
}

.dashboard-renewal-period {
  max-width: 100%;
  justify-self: end;
}

.dashboard-renewal-period .history-period-options {
  overflow-x: auto;
}

[data-dashboard-renewal-chart-kpi] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--mtm-space-1);
}

[data-dashboard-renewal-chart-kpi] > .mtm-primary-value {
  flex: 0 0 auto;
}

[data-dashboard-renewal-chart-kpi] > .mtm-label {
  min-width: 0;
  flex: 1 1 0;
}

.dashboard-renewal-chart {
  min-height: calc(var(--mtm-space-16) * 2);
}

.dashboard-renewal-chart .history-chart-canvas {
  height: calc(var(--mtm-space-16) * 2);
  min-height: calc(var(--mtm-space-16) * 2);
  max-height: calc(var(--mtm-space-16) * 2);
}

.dashboard-renewal-chart-card > .mtm-alert,
.dashboard-renewal-chart-card > .mtm-empty-state,
.dashboard-renewal-chart-card > .mtm-loading {
  margin: 0;
}

.settings-page {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  display: grid;
}

.settings-block {
  display: grid;
  gap: var(--mtm-grid-gap);
}

.settings-eyebrow {
  display: inline-flex;
  margin-bottom: var(--mtm-space-1);
}

.settings-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--mtm-grid-gap);
}

.settings-hero-main p {
  max-width: 680px;
  margin: var(--mtm-space-2) 0 0;
}

.settings-hero-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mtm-space-3);
}

.settings-hero-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mtm-grid-gap);
}

.settings-metric span {
  display: block;
  margin-bottom: var(--mtm-space-2);
}

.settings-metric strong {
  display: block;
  overflow-wrap: anywhere;
}

.settings-mode-control {
  grid-column: 1 / -1;
}

.settings-mode-actions {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: var(--mtm-space-2);
  align-items: end;
}

.settings-recipient-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.settings-recipient-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--mtm-grid-gap);
  padding: var(--mtm-card-padding);
  border-bottom: var(--mtm-border-width) solid var(--mtm-border-subtle);
}

.settings-card-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mtm-space-2);
}

.settings-card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mtm-space-2) var(--mtm-space-3);
  margin-top: var(--mtm-space-1);
}

.settings-validation-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--mtm-space-3);
}

.settings-validation-main p {
  margin: var(--mtm-space-1) 0 0;
}

.settings-validation-mode-badge {
  display: inline-flex;
  transform: scale(0.92);
  transform-origin: left center;
  opacity: 0.86;
}

.settings-validation-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mtm-space-2);
  margin-top: var(--mtm-space-2);
}

.settings-validation-summary span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: var(--mtm-space-1) var(--mtm-space-2);
  border: var(--mtm-border-width) solid var(--mtm-border-default);
  border-radius: var(--mtm-radius-pill);
  background: var(--mtm-surface-subtle);
}

.settings-automation-grid,
.settings-maintenance-grid {
  align-items: stretch;
}

.settings-home-daily-distribution-card,
.settings-mail-import-card {
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.settings-mail-import-form {
  display: grid;
  gap: var(--mtm-grid-gap);
  padding: var(--mtm-card-padding);
}

.settings-mail-import-dashboard {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--mtm-grid-gap);
  padding: var(--mtm-card-padding);
  border-bottom: var(--mtm-border-width) solid var(--mtm-border-subtle);
}

.settings-mail-import-status-item span {
  display: block;
  margin-bottom: var(--mtm-space-2);
}

.settings-mail-import-status-item strong {
  display: block;
  overflow-wrap: anywhere;
}

.settings-mail-import-configuration,
.settings-mail-import-maintenance {
  border: var(--mtm-border-width) solid var(--mtm-border-default);
  border-radius: var(--mtm-radius-sm);
  background: var(--mtm-surface-subtle);
}

.settings-mail-import-configuration > summary {
  padding: var(--mtm-space-3);
}

.settings-mail-import-configuration .settings-mail-import-grid {
  padding: 0 var(--mtm-space-3) var(--mtm-space-3);
}

.settings-mail-import-maintenance {
  display: grid;
  gap: var(--mtm-grid-gap);
}

.settings-mail-import-maintenance p {
  margin: 0;
}

.settings-mail-import-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--mtm-grid-gap);
}

.settings-home-daily-distribution-card .settings-mail-import-grid {
  grid-template-columns: 1fr;
}

.settings-mail-import-card .settings-mail-import-dashboard,
.settings-mail-import-card .settings-mail-import-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-mail-import-card .settings-mail-import-status-item:last-child {
  grid-column: 1 / -1;
}

.settings-mail-import-grid .mtm-field__label:nth-child(5),
.settings-mail-import-grid .mtm-field__label:nth-child(6),
.settings-mail-import-grid .mtm-field__label:nth-child(7),
.settings-mail-import-grid .mtm-field__label:nth-child(8),
.settings-mail-import-grid .mtm-field__label:nth-child(9),
.settings-mail-import-grid .mtm-field__label:nth-child(10) {
  grid-column: span 2;
}

.settings-mail-import-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mtm-space-2);
}

.settings-maintenance-tool-card {
  display: block;
}

.settings-maintenance-tool-card form {
  min-width: 0;
}

.settings-home-weekly-reconstruction {
  display: grid;
  gap: var(--mtm-space-2);
}

.settings-home-weekly-reconstruction__controls {
  align-items: end;
}

.settings-home-weekly-reconstruction__period {
  align-self: end;
}

.settings-home-daily-backfill {
  min-width: 0;
}

.settings-home-daily-backfill__content {
  display: grid;
  gap: var(--mtm-grid-gap);
  padding-top: var(--mtm-space-2);
}

.settings-home-daily-backfill__content > .mtm-field__label {
  max-width: 260px;
}

.settings-home-daily-backfill__diagnostic > .settings-mail-import-dashboard {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: var(--mtm-grid-gap);
  padding: 0;
  border-bottom: 0;
}

.settings-home-daily-backfill__archives {
  display: grid;
  gap: var(--mtm-grid-gap);
  margin-top: var(--mtm-grid-gap);
}

.settings-home-daily-backfill__archive {
  min-width: 0;
  padding: var(--mtm-space-3);
  border: var(--mtm-border-width) solid var(--mtm-border-default);
  border-radius: var(--mtm-radius-sm);
  background: var(--mtm-surface-card);
}

.settings-home-daily-backfill__archive header,
.settings-home-daily-backfill__archive header > div {
  display: flex;
  gap: var(--mtm-space-2);
}

.settings-home-daily-backfill__archive header {
  align-items: flex-start;
  justify-content: space-between;
}

.settings-home-daily-backfill__archive header > div {
  flex-direction: column;
}

.settings-home-daily-backfill__archive dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mtm-space-2) var(--mtm-grid-gap);
  margin: var(--mtm-grid-gap) 0;
}

.settings-home-daily-backfill__archive dl > div {
  min-width: 0;
}

.settings-home-daily-backfill__archive dd {
  margin: 2px 0 0;
  overflow-wrap: anywhere;
}

.settings-home-daily-backfill__selector {
  white-space: nowrap;
}

.settings-home-daily-backfill__summary {
  margin-top: 0;
}

.settings-home-daily-backfill__confirmation,
.settings-home-daily-backfill__impacts {
  display: grid;
  gap: var(--mtm-space-2);
  margin-top: 0;
  padding: var(--mtm-space-3);
  border: var(--mtm-border-width) solid var(--mtm-border-default);
  border-radius: var(--mtm-radius-sm);
  background: var(--mtm-surface-subtle);
}

.settings-home-daily-repair__form {
  display: grid;
  grid-template-columns: minmax(180px, 0.7fr) minmax(260px, 1.3fr);
  gap: var(--mtm-grid-gap);
  align-items: start;
}

.settings-home-daily-repair__reason {
  grid-column: 1 / -1;
}

.settings-home-daily-repair__comparison {
  margin-top: var(--mtm-grid-gap);
  border: var(--mtm-border-width) solid var(--mtm-border-default);
  border-radius: var(--mtm-radius-sm);
  background: var(--mtm-surface-card);
}

.settings-home-daily-repair__comparison > summary {
  cursor: pointer;
  min-height: 44px;
  padding: var(--mtm-space-3);
}

.settings-home-daily-repair__comparison > div {
  padding: 0 var(--mtm-space-3) var(--mtm-space-3);
}

.settings-home-daily-repair__confirmation .mtm-field__label {
  max-width: 320px;
}

.settings-home-weekly-reconstruction .mtm-field__label {
  max-width: 260px;
}

.settings-home-weekly-reconstruction .settings-mail-import-dashboard {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: var(--mtm-grid-gap);
  padding: 0;
  border-bottom: 0;
}

.settings-mail-import-result {
  margin-top: var(--mtm-grid-gap);
  padding-top: var(--mtm-grid-gap);
  border-top: var(--mtm-border-width) solid var(--mtm-border-subtle);
}

.settings-mail-import-result h3 {
  margin: 0 0 var(--mtm-space-2);
}

.settings-mail-import-result p {
  margin: 0 0 var(--mtm-space-2);
}

.settings-mail-bodystructure-list {
  display: grid;
  gap: var(--mtm-grid-gap);
  margin-top: var(--mtm-grid-gap);
}

.settings-mail-bodystructure-block {
  padding: var(--mtm-space-3);
  border: var(--mtm-border-width) solid var(--mtm-border-default);
  border-radius: var(--mtm-radius-sm);
  background: var(--mtm-surface-subtle);
}

.settings-mail-bodystructure-block h4 {
  margin: 0 0 var(--mtm-space-1);
}

.settings-mail-bodystructure-meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-mail-bodystructure-block pre {
  margin: var(--mtm-space-2) 0 0;
  max-height: 360px;
  overflow: auto;
  border-radius: var(--mtm-radius-xs);
  background: var(--mtm-color-neutral-950);
  color: var(--mtm-color-white);
  padding: var(--mtm-space-3);
  white-space: pre-wrap;
  word-break: break-word;
}

.settings-select {
  min-width: 180px;
}

.settings-inline-form {
  display: inline-flex;
  margin: 0;
}

.settings-help {
  margin: -0.25rem 0 0;
}

.settings-checkbox-row {
  display: inline-flex;
  align-items: center;
  gap: var(--mtm-space-2);
  min-height: 28px;
}

.mtm-auth-page {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: var(--mtm-space-6);
  background: var(--mtm-surface-app);
}

.mtm-auth-card {
  width: min(100%, calc(var(--mtm-space-16) * 6 + var(--mtm-space-8)));
}

.mtm-auth-header {
  display: grid;
  gap: var(--mtm-space-2);
}

.mtm-auth-header > * {
  margin: 0;
}

.mtm-auth-form {
  display: grid;
  gap: var(--mtm-space-4);
}

.mtm-auth-form .mtm-button {
  justify-self: start;
}

.app-flash__icon {
  display: inline-flex;
  width: var(--mtm-alert-icon-size);
  height: var(--mtm-alert-icon-size);
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: var(--mtm-radius-circle);
  color: var(--mtm-color-text-inverse);
  font-size: var(--mtm-type-support-text-size);
  font-weight: var(--mtm-font-weight-extrabold);
  line-height: 1;
}

.app-flash__text {
  min-width: 0;
  flex: 1 1 auto;
}

.app-flash__close {
  display: inline-flex;
  width: var(--mtm-control-min-size);
  height: var(--mtm-control-min-size);
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: currentColor;
  cursor: pointer;
  font-family: var(--mtm-font-family-sans);
  line-height: 1;
}

.app-flash__close:hover,
.app-flash__close:focus-visible {
  background: var(--mtm-surface-muted);
}

/*
 * Exception fonctionnelle /analyses : la relation entre chaque radio et son
 * panneau conserve les identifiants historiques requis par les redirections.
 * Ces sélecteurs pilotent uniquement la visibilité, jamais la présentation.
 */
.mtm-tabs:has(:where(#analysis-home-weekly):checked) [data-analysis-panel="home-weekly"],
.mtm-tabs:has(:where(#analysis-home-monthly):checked) [data-analysis-panel="home-monthly"],
.mtm-tabs:has(:where(#analysis-search-weekly):checked) [data-analysis-panel="search-weekly"],
.mtm-tabs:has(:where(#analysis-search-monthly):checked) [data-analysis-panel="search-monthly"],
.mtm-tabs:has(:where(#analysis-intranet-monthly):checked) [data-analysis-panel="intranet-monthly"] {
  display: block;
}

.mtm-grid:is(
  [data-home-weekly-summary-grid],
  [data-search-weekly-summary-grid]
) > .mtm-action-bar {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.mtm-grid:is(
  [data-home-weekly-summary-grid],
  [data-search-weekly-summary-grid]
) > .mtm-action-bar > .mtm-action-group {
  justify-content: flex-start;
}

.mtm-grid[data-home-monthly-summary-grid] > .mtm-action-bar {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.mtm-grid[data-home-monthly-summary-grid] > .mtm-action-bar > .mtm-action-group {
  justify-content: flex-start;
}

.app-flash-region,
.app-flash.mtm-alert {
  position: fixed;
  z-index: var(--mtm-alert-notification-z-index);
  inset-block-start: var(--mtm-alert-notification-offset-block-start);
  inset-inline-end: var(--mtm-alert-notification-offset-inline);
  width: min(
    var(--mtm-alert-notification-max-width),
    calc(100vw - var(--mtm-alert-notification-offset-inline) - var(--mtm-alert-notification-offset-inline))
  );
  max-width: var(--mtm-alert-notification-max-width);
}

.app-flash-region {
  display: grid;
  gap: var(--mtm-alert-gap);
  pointer-events: none;
}

.app-flash-region .app-flash.mtm-alert {
  position: static;
  width: 100%;
  max-width: 100%;
  pointer-events: auto;
}

.app-flash.mtm-alert .app-flash__icon {
  background: var(--mtm-alert-text);
  color: var(--mtm-color-text-inverse);
  font-size: var(--mtm-type-button-text-size);
  font-weight: var(--mtm-type-button-text-weight);
  line-height: var(--mtm-type-button-text-line-height);
}

@media (max-width: 72em) {
  .mtm-action-bar {
    grid-template-columns: 1fr;
  }

  .mtm-action-group {
    justify-content: flex-start;
  }

  .mtm-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .mtm-grid > [data-grid-span="4"] {
    grid-column: span 2;
  }

  .mtm-grid:is(
    [data-home-monthly-summary-grid],
    [data-search-monthly-summary-grid]
  ) > [data-grid-span="4"] {
    grid-column: span 3;
  }

  .mtm-grid > [data-grid-span="5"],
  .mtm-grid > [data-grid-span="7"],
  .mtm-grid > [data-grid-span="8"],
  .mtm-grid > [data-grid-span="12"] {
    grid-column: span 6;
  }

  .settings-mail-import-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48em) {
  html,
  body {
    max-width: 100vw;
    overflow-x: hidden;
  }

  .app-sidebar {
    position: sticky;
    top: 0;
    width: 100%;
    min-height: auto;
    padding: 10px 12px;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    overflow-x: visible;
  }

  .app-brand {
    flex: 0 0 auto;
  }

  .app-sidebar__toggle {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
  }

  .app-sidebar__menu-button {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--mtm-color-text-inverse) 14%, transparent);
    border-radius: var(--mtm-button-radius);
    background: color-mix(in srgb, var(--mtm-color-text-inverse) 5.5%, transparent);
    color: var(--mtm-color-text-inverse);
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 650;
  }

  .app-sidebar__menu-icon {
    display: inline-flex;
    width: 17px;
    height: 17px;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
  }

  .app-sidebar__menu-icon span {
    display: block;
    height: 1.5px;
    border-radius: var(--mtm-radius-pill);
    background: currentColor;
  }

  .app-sidebar__nav {
    position: absolute;
    top: calc(100% + 6px);
    right: 12px;
    left: 12px;
    display: none;
    padding: 8px;
    border-radius: var(--mtm-card-radius);
    border: 1px solid color-mix(in srgb, var(--mtm-color-text-inverse) 8%, transparent);
    background: var(--mtm-sidebar-background);
    box-shadow: var(--mtm-shadow-overlay);
  }

  .app-sidebar__toggle:checked ~ .app-sidebar__nav {
    display: block;
  }

  .app-sidebar__group {
    flex-direction: column;
    gap: 6px;
  }

  .app-sidebar__link {
    white-space: normal;
  }

  .app-sidebar__submenu {
    margin-left: 30px;
  }

  .app-sidebar__sublink {
    min-height: 42px;
  }

  .app-workspace {
    margin-left: 0;
  }

  .app-sidebar__session {
    display: flex;
    align-items: center;
    gap: var(--mtm-space-2);
    padding-top: 0;
    border-top: 0;
  }

  .app-logout__button {
    width: auto;
    min-height: 32px;
  }

  .app-main {
    padding: 32px 16px 40px;
  }

  .app-flash-region,
  .app-flash.mtm-alert {
    --mtm-alert-notification-offset-inline: var(--mtm-space-4);
  }

  .mtm-field-grid,
  .mtm-field-grid[data-columns="2"],
  .mtm-field-grid[data-columns="3"] {
    --mtm-field-grid-columns: 1;
    grid-template-columns: 1fr;
  }

  .settings-recipient-card-header {
    display: grid;
  }

  .settings-hero-metrics,
  .settings-mail-import-dashboard,
  .settings-mode-actions {
    grid-template-columns: 1fr;
  }

  .settings-home-weekly-reconstruction .settings-mail-import-dashboard {
    grid-template-columns: 1fr;
  }

  .settings-home-daily-backfill__diagnostic > .settings-mail-import-dashboard,
  .settings-home-daily-backfill__archive dl {
    grid-template-columns: 1fr;
  }

  .settings-home-daily-backfill__archive header {
    display: grid;
  }

  .settings-home-daily-backfill__selector {
    white-space: normal;
  }

  .settings-home-daily-repair__form {
    grid-template-columns: 1fr;
  }

  .settings-home-daily-repair__reason {
    grid-column: auto;
  }

  .history-chart-canvas {
    height: calc(var(--mtm-space-16) * 4);
    min-width: calc(var(--mtm-space-16) * 10);
    min-height: calc(var(--mtm-space-16) * 4);
    max-height: calc(var(--mtm-space-16) * 4);
  }

  .history-structure-cell {
    min-width: calc(var(--mtm-space-16) * 5);
  }

  .history-structure-legend {
    gap: var(--mtm-space-2) var(--mtm-space-3);
  }

  .history-structure-tooltip {
    width: min(calc(var(--mtm-space-16) * 6), calc(100vw - var(--mtm-space-12)));
  }

  .history-structure-tooltip-list {
    grid-template-columns: 1fr;
  }
}

/* Tableau de bord — alignement local sur le langage visuel de /rapports. */

.dashboard-page:not(.analyses-production-page) {
  gap: var(--mtm-space-5);
}

.dashboard-page:not(.analyses-production-page) > .mtm-section {
  padding-inline: 0;
}

/* /analyses — composition locale alignée sur la bibliothèque /rapports. */
.analyses-production-page {
  gap: var(--mtm-space-5);
}

/* /evolutions — surface analytique alignée sur la bibliothèque /rapports. */
.history-page {
  gap: var(--mtm-space-5);
}

/* Méta-historique HOME — composition locale alignée sur la bibliothèque /rapports. */
.home-reports-page {
  gap: var(--mtm-space-5);
}

/* /parametres — harmonisation locale du cockpit sans toucher à ses contrôles. */
.settings-page,
.settings-page .settings-block {
  gap: var(--mtm-space-5);
}

@media (max-width: 36em) {
  .app-brand {
    align-items: center;
  }

  .app-brand__name {
    display: none;
  }

  .mtm-auth-page {
    padding: var(--mtm-space-4);
  }

  .mtm-auth-form .mtm-button {
    width: 100%;
    justify-self: stretch;
  }

  .dashboard-renewal-card-header {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-renewal-period {
    width: 100%;
  }

  .dashboard-renewal-period .history-period-options {
    width: 100%;
    justify-content: flex-start;
  }

  .mtm-action-group > .mtm-button {
    width: 100%;
  }

  .history-search-bar-row {
    grid-template-columns: 1fr;
    gap: var(--mtm-space-1);
    padding-block-end: var(--mtm-space-2);
    border-block-end: var(--mtm-border-width) solid var(--mtm-border-subtle);
  }

  .history-search-bar-value {
    text-align: left;
  }

  .history-search-bars-caption {
    display: none;
  }
}

@media (max-width: 30em) {
  .mtm-grid {
    grid-template-columns: 1fr;
  }

  .mtm-grid[data-home-weekly-summary-grid] [data-analysis-file-slot] {
    display: block;
    width: 100%;
  }

  .mtm-grid > [data-grid-span="2"],
  .mtm-grid > [data-grid-span="3"],
  .mtm-grid > [data-grid-span="4"],
  .mtm-grid > [data-grid-span="5"],
  .mtm-grid > [data-grid-span="6"],
  .mtm-grid > [data-grid-span="7"],
  .mtm-grid > [data-grid-span="8"],
  .mtm-grid > [data-grid-span="12"] {
    grid-column: span 1;
  }
}

/* Bibliothèque /rapports — composition Atlas de référence. */
.reports-page {
  --mtm-grid-gap: var(--mtm-space-5);
}

.reports-page > .mtm-grid > .mtm-card {
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.reports-page .mtm-action-bar--reports-library {
  grid-template-columns: minmax(0, 1fr) auto auto;
  column-gap: var(--mtm-space-8);
  align-items: center;
}

.reports-page .mtm-table__pagination .mtm-field__label {
  position: absolute;
  width: var(--mtm-border-width);
  height: var(--mtm-border-width);
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.reports-page .mtm-action-bar--reports-library .mtm-field__control {
  width: calc(var(--mtm-space-16) + var(--mtm-space-4));
  min-height: 38px;
  height: 38px;
  padding-block: var(--mtm-space-2);
  padding-inline-start: var(--mtm-space-3);
  font-size: var(--mtm-font-size-xs);
}

@media (max-width: 72em) {
  .reports-page .mtm-action-bar--reports-library {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
  }

  .reports-page .mtm-action-bar--reports-library > .mtm-heading-inline {
    grid-column: 1 / -1;
  }

  .reports-page .mtm-action-bar--reports-library > .mtm-action-group {
    justify-content: flex-start;
  }
}

@media (max-width: 48em) {
  .reports-page .mtm-action-bar--reports-library > .mtm-action-group > .mtm-button {
    white-space: normal;
  }
}

/* Atlas — composition applicative commune. */
.app-workspace--atlas {
  background: var(--mtm-surface-app);
}

.app-main--atlas {
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  padding: 34px 34px 60px;
  background: var(--mtm-surface-app);
}

.page-header.mtm-page-header--atlas {
  margin-bottom: 20px;
}

.dashboard-page:not(.analyses-production-page) > .mtm-page-header--atlas,
.settings-page > .mtm-page-header--atlas {
  margin-bottom: 0;
}

.settings-page > .mtm-page-header--atlas .mtm-heading-inline {
  display: block;
}

.app-main--atlas :is(
  .mtm-card,
  .mtm-tab
) {
  border-color: var(--mtm-border-default);
  background: var(--mtm-surface-card);
  box-shadow: var(--mtm-card-shadow);
}

.reports-page .mtm-action-bar--reports-library {
  gap: 20px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--mtm-border-default);
  background: linear-gradient(180deg, var(--mtm-surface-card), var(--mtm-surface-subtle));
}

.settings-page .mtm-table-shell--compact .mtm-table > tbody > tr:hover > .mtm-table__cell {
  transition: none;
}

.settings-page .mtm-table-shell--compact :is(.mtm-badge--plain, .mtm-badge--role) {
  background: var(--mtm-surface-accent-subtle);
  color: var(--mtm-color-structure);
}

.settings-page .mtm-table-shell--compact .mtm-table__action {
  color: var(--mtm-color-structure);
  font-size: var(--mtm-font-size-2xs);
  font-weight: var(--mtm-font-weight-bold);
  line-height: 1.2;
}

.report-detail-page :is(.report-comment-details > summary, [data-report-comment-edit]) {
  color: var(--mtm-table-action-structure-color);
  font-weight: var(--mtm-font-weight-bold);
}

.settings-page .mtm-table-shell--compact .mtm-table__action:hover,
.report-detail-page :is(.report-comment-details > summary, [data-report-comment-edit]):hover {
  color: var(--mtm-color-accent);
}

.settings-page .mtm-table-shell--compact .mtm-action-link-group {
  gap: 12px;
  white-space: nowrap;
}

.settings-page .mtm-table-shell--compact .settings-inline-form {
  display: inline-flex;
  align-items: center;
}

.settings-page .settings-users-table {
  min-width: 680px;
}

.settings-page .settings-recipient-table:not(.settings-users-table) {
  min-width: 560px;
}

@media (max-width: 48em) {
  .app-main--atlas {
    padding: 24px 14px 40px;
  }

  .reports-page .mtm-action-bar--reports-library {
    gap: 14px;
    padding: 18px 16px;
  }

  .reports-page .mtm-action-bar--reports-library .mtm-field__control {
    min-height: 36px;
    height: 36px;
  }

  .reports-page .mtm-action-bar--reports-library > .mtm-action-group > .mtm-button {
    width: auto;
    max-width: 100%;
  }
}

/* Méta-historique HOME — nouvelle lecture de la projection de recherche existante. */
.home-meta-history-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  column-gap: var(--mtm-space-8);
  row-gap: var(--mtm-space-5);
  padding: var(--mtm-space-5) var(--mtm-space-6) 0;
  background: var(--mtm-surface-card);
}

.home-meta-history-overview__column {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--mtm-space-5);
}

.home-meta-history-overview__column--actions .home-ranking-filters {
  justify-content: flex-end;
}

.home-meta-history-overview__column--actions {
  grid-column: 2;
  grid-row: 1;
}

.home-meta-history-search-row {
  display: grid;
  grid-column: 1 / -1;
  grid-row: 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  column-gap: var(--mtm-space-8);
  row-gap: var(--mtm-space-5);
}

.home-meta-history-page [data-home-meta-history-region] > :is(
  .mtm-loading,
  .mtm-empty-state,
  .mtm-alert
) {
  margin: var(--mtm-space-5) var(--mtm-space-6);
}

.home-meta-history-search {
  padding: 0;
}

.home-meta-history-search .mtm-field {
  width: 100%;
}

.home-meta-history-article-content {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mtm-space-1) var(--mtm-space-2);
}

.home-meta-history-article-content > a {
  min-width: 0;
  max-width: 100%;
  flex: 0 1 auto;
}

.home-meta-history-article-meta {
  min-width: 0;
  max-width: 100%;
  flex: 0 1 auto;
  overflow-wrap: anywhere;
}

.home-meta-history-page .report-table-wrapper {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.home-meta-history-controls {
  display: grid;
  width: 100%;
  justify-items: end;
  gap: var(--mtm-space-3);
  padding: 0;
  text-align: right;
}

.home-meta-history-pagination {
  display: grid;
  width: 100%;
  justify-items: center;
  gap: var(--mtm-space-3);
  padding-inline: var(--mtm-space-6);
  text-align: center;
}

.home-meta-history-controls > .home-meta-history-pagination {
  justify-items: end;
  padding-inline: 0;
  text-align: right;
}

.home-meta-history-pagination--bottom {
  padding-block: var(--mtm-space-4) var(--mtm-space-5);
}

.home-meta-history-pagination .mtm-table__pagination {
  width: 100%;
  justify-content: center;
}

.home-meta-history-controls .mtm-table__pagination {
  justify-content: flex-end;
}

.home-meta-history-pagination .mtm-support-text {
  align-self: center;
  padding-inline: var(--mtm-space-1);
}

.home-meta-history-pagination__link {
  border-radius: var(--mtm-radius-sm);
  color: var(--mtm-color-accent);
  white-space: nowrap;
  transition:
    background-color var(--mtm-duration-fast) ease-in-out,
    color var(--mtm-duration-fast) ease-in-out;
}

.home-meta-history-pagination__link:not(:disabled):not([aria-current="page"]):hover {
  color: var(--mtm-color-accent-hover);
  text-decoration: underline;
  text-decoration-thickness: var(--mtm-border-width);
  text-underline-offset: var(--mtm-space-1);
}

.home-meta-history-pagination__link[aria-current="page"] {
  min-width: var(--mtm-space-8);
  background: var(--mtm-color-accent);
  color: var(--mtm-color-text-inverse);
  cursor: default;
}

.home-meta-history-pagination__link:disabled,
.home-meta-history-pagination__link[aria-disabled="true"] {
  background: transparent;
  color: var(--mtm-color-text-muted);
  cursor: default;
  pointer-events: none;
}

.home-meta-history-page :is(
  [data-home-meta-history-table-shell],
  [data-home-meta-history-controls],
  [data-home-meta-history-pagination]
)[hidden] {
  display: none;
}

@media (max-width: 48em) {
  .home-meta-history-overview {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--mtm-space-5);
    padding: var(--mtm-space-4) var(--mtm-space-4) 0;
  }

  .home-meta-history-overview__column--actions {
    grid-column: 1;
    grid-row: 3;
  }

  .home-meta-history-search-row {
    grid-column: 1;
    grid-template-columns: minmax(0, 1fr);
  }

  .home-meta-history-pagination {
    padding-inline: var(--mtm-space-4);
  }

  .home-meta-history-controls > .home-meta-history-pagination {
    padding-inline: 0;
  }

  .home-meta-history-page .home-ranking-table .home-ranking-table__column--views {
    white-space: normal;
  }
}

@media print {
  .home-meta-history-page .home-ranking-filters,
  .home-meta-history-search,
  .home-meta-history-page [data-home-meta-history-controls],
  .home-meta-history-page [data-home-meta-history-pagination] {
    display: none;
  }

  .home-meta-history-page .report-table-wrapper {
    overflow: visible;
  }

}

@media (prefers-reduced-motion: reduce) {
  .history-chart-tooltip {
    transition-duration: 0s;
  }
}