@media (max-width: 1100px) {
  .master-detail {
    grid-template-columns: minmax(24rem, 1.25fr) minmax(17rem, 0.75fr);
  }

  .record-row {
    grid-template-columns: minmax(12rem, 1.4fr) repeat(2, minmax(7rem, 0.7fr));
  }

  .record-row > :nth-child(4) {
    display: none;
  }

  .mainline-stages,
  .mainline-stages--expanded {
    grid-auto-flow: column;
    grid-auto-columns: minmax(18rem, calc((100vw - 8rem) / 3));
    grid-template-columns: none;
    width: max-content;
  }

  .customer-workspace__grid {
    grid-template-columns: minmax(15rem, 17rem) minmax(0, 1fr) minmax(13.5rem, 15rem);
  }

  .customer-workspace__detail-pane {
    padding: var(--space-4);
  }

  .customer-workspace__detail-header {
    grid-column: 1 / 8;
  }

  .customer-workspace__detail-actions {
    grid-column: 8 / -1;
  }

  .customer-fact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .customer-detail__header {
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-detail__actions {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width: 900px) {
  body {
    padding-bottom: var(--mobile-nav-height);
  }

  .customer-workspace__grid {
    grid-template-columns: minmax(16rem, 0.54fr) minmax(0, 1.46fr);
  }

  .customer-workspace__action-pane {
    grid-column: 1 / -1;
    position: static;
    max-height: none;
    overflow-y: visible;
    border-left: 0;
    border-top: 1px solid var(--color-border);
  }

  body:has(.login-page),
  body:has(.boot-state) {
    padding-bottom: 0;
  }

  .login-page {
    display: block;
    min-height: 100dvh;
  }

  .login-brand {
    display: none;
  }

  .login-panel {
    min-height: 100dvh;
    align-content: center;
    padding: clamp(1.5rem, 8vw, 4rem);
  }

  .login-panel__logo {
    display: block;
    width: min(100%, 25rem);
    margin-bottom: var(--space-10);
  }

  .app-shell {
    display: block;
  }

  .sidebar {
    display: none;
  }

  .mobile-brand {
    position: sticky;
    top: 0;
    z-index: var(--layer-sticky);
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: rgb(255 253 249 / 0.96);
    box-shadow: 0 6px 18px rgb(57 48 38 / 0.06);
  }

  .mobile-brand__logo {
    width: 9rem;
    height: auto;
  }

  .mobile-brand__enterprise {
    overflow: hidden;
    color: var(--color-muted);
    font-size: var(--text-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sidebar__navigation-label {
    display: none;
  }

  .main-canvas {
    padding: var(--space-5) var(--space-4) var(--space-10);
  }

  .page__header {
    display: grid;
    gap: var(--space-4);
  }

  .master-detail {
    display: block;
    min-height: 0;
  }

  .master-detail__list {
    border-right: 0;
  }

  .master-detail__detail {
    padding: var(--space-5) 0;
  }

  .workbench-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workbench-filter__action {
    align-items: end;
  }

  .role-workbench__hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-service-focus__heading {
    display: grid;
    align-items: start;
  }

  .customer-service-queue-grid {
    grid-template-columns: 1fr;
  }

  .role-workbench__operational-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "attention"
      "flow"
      "collaboration"
      "quick";
  }

  .role-workbench__operational-grid--customer-service {
    grid-template-areas:
      "flow"
      "collaboration"
      "quick";
  }

  .service-flow-card__summary {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .role-workbench__attention-list {
    grid-template-columns: 1fr;
  }

  .role-workbench__collaboration-grid {
    grid-template-columns: 1fr;
  }

  .workbench-detail__back {
    display: inline-flex;
    width: fit-content;
  }

  .master-detail[data-mobile-view="detail"] .master-detail__list,
  .master-detail[data-mobile-view="list"] .master-detail__detail {
    display: none;
  }

  .mobile-navigation {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--layer-sticky);
    display: grid;
    min-height: var(--mobile-nav-height);
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
  }

  .mobile-navigation__link {
    display: grid;
    min-width: 0;
    place-items: center;
    padding: var(--space-2) var(--space-1);
    color: var(--color-muted);
    font-size: 0.6875rem;
    font-weight: 650;
    letter-spacing: -0.02em;
    text-decoration: none;
    white-space: nowrap;
  }

  .mobile-navigation__link[aria-current="page"] {
    color: var(--color-accent);
  }

  .metric-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metric:nth-child(2) {
    border-right: 0;
  }

  .metric:nth-child(-n + 2) {
    border-bottom: 1px solid var(--color-border);
  }

  .record-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .record-row > :nth-child(n + 3) {
    display: none;
  }

  .workbench-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .workbench-row__owner,
  .workbench-row__due {
    display: none;
  }

  .customer-list {
    overflow: visible;
    border: 0;
  }

  .customer-workspace__detail-pane {
    position: static;
    max-height: none;
  }

  .customer-workspace__detail-header,
  .customer-workspace__detail-actions {
    grid-column: 1 / -1;
  }

  .customer-workspace__detail-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .customer-workspace__row {
    grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 1fr);
  }

  .customer-table {
    min-width: 0;
  }

  .customer-table thead {
    display: none;
  }

  .customer-table tbody {
    display: grid;
    gap: var(--space-3);
  }

  .customer-table tr {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-panel);
    background: var(--color-surface);
    box-shadow: var(--shadow-panel);
  }

  .customer-table td {
    display: grid;
    grid-template-columns: minmax(6.5rem, 0.38fr) minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
  }

  .customer-table td::before {
    color: var(--color-muted);
    content: attr(data-label);
    font-size: var(--text-xs);
    font-weight: 650;
  }

  .customer-table tbody tr:last-child td:not(:last-child) {
    border-bottom: 1px solid var(--color-border);
  }

  .customer-detail__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-detail__snapshot {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .customer-detail__snapshot-item {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-control);
  }

  .customer-dossier__overview {
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-summary-strip {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .customer-summary-strip > strong {
    flex-basis: 100%;
  }

  .service-detail-drawer {
    top: auto;
    right: var(--space-3);
    bottom: calc(var(--mobile-nav-height) + var(--space-3));
    left: var(--space-3);
    width: auto;
    max-height: min(70dvh, 36rem);
  }

  .customer-overview {
    grid-template-columns: minmax(0, 1fr);
  }

  .wecom-employee-link {
    grid-template-columns: 1fr auto;
  }

  .wecom-employee-link .inline-form {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .domain-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .domain-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .domain-row > :nth-child(n + 3) {
    display: none;
  }

  .domain-detail__header {
    display: grid;
  }

  .task-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .task-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2);
  }

  .task-row__main,
  .task-row > .task-row__fact:nth-of-type(4),
  .task-row__next-action,
  .task-row > .task-row__fact:nth-of-type(6),
  .task-row > .status,
  .task-row__blocking {
    grid-column: 1 / -1;
  }

  .task-row__priority {
    grid-column: 2;
    justify-self: start;
  }

  .task-row__role {
    grid-column: 1;
  }

  .collaboration-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .collaboration-row__identity,
  .collaboration-row__handoff,
  .collaboration-row__next,
  .collaboration-row__time,
  .collaboration-row__communication {
    grid-column: 1 / -1;
  }

  .collaboration-row > .status {
    grid-column: 2;
    grid-row: 1;
  }

  .task-detail__overview-grid {
    grid-template-columns: 1fr;
  }

  .task-handoff-list,
  .after-sales-list,
  .after-sales-detail__facts {
    grid-template-columns: 1fr;
  }

  .after-sales-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .after-sales-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .knowledge-overview {
    grid-template-columns: 1fr;
  }

  .knowledge-overview__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #444846;
    border-left: 0;
  }

  .knowledge-overview__metric {
    grid-template-columns: 1fr;
    border-right: 1px solid #444846;
    border-bottom: 0;
  }

  .knowledge-overview__metric:last-child {
    border-right: 0;
  }

  .after-sales-summary__item:nth-child(2) {
    border-right: 0;
  }

  .after-sales-summary__item:nth-child(-n + 2) {
    border-bottom: 1px solid var(--color-border);
  }

  .task-detail__header {
    display: grid;
  }

  .work-intake-detail__header {
    display: grid;
  }

  .work-intake-detail__back {
    display: inline-flex;
    width: fit-content;
  }

  .task-detail__back {
    display: inline-flex;
    width: fit-content;
  }

  .quote-request-row,
  .quote-list-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .quote-request-row > :nth-child(3),
  .quote-list-row > :nth-child(3),
  .quote-list-row > :nth-child(4) {
    display: none;
  }

  .quote-version__header {
    display: grid;
  }

  .quote-lines {
    max-width: calc(100vw - 2rem);
    overflow-x: auto;
  }

  .timeline__item {
    grid-template-columns: 1fr;
    gap: var(--space-1);
  }

  .mainline-filter__controls {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .mainline-rail {
    overflow-x: visible;
  }

  .mainline-stages,
  .mainline-stages--expanded {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  .kanban-column {
    min-height: 0;
  }

  .customer-list__header {
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-list__header > .customer-view-filters,
  .customer-list__header > .customer-list-filter,
  .customer-list__header > .button {
    grid-column: 1;
    grid-row: auto;
  }

  .customer-workspace__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-workspace__detail-pane,
  .customer-workspace__action-pane {
    display: none;
  }

  .customer-workspace--detail-open .customer-workspace__list-pane {
    display: none;
  }

  .customer-workspace--detail-open .customer-workspace__detail-pane {
    display: grid;
  }

  .customer-workspace--detail-open .customer-workspace__action-pane {
    display: grid;
    position: static;
    max-height: none;
    overflow-y: visible;
    border-left: 0;
    border-top: 1px solid var(--color-border);
  }

  .customer-workspace__back {
    display: inline-flex !important;
    width: fit-content;
  }

  .customer-workspace__row {
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-workspace__row-heading,
  .customer-workspace__row-meta,
  .customer-workspace__row-progress,
  .customer-workspace__row-signals {
    grid-column: 1;
    grid-row: auto;
  }

  .customer-workspace__row-signals {
    justify-items: start;
  }

  .customer-action-board,
  .customer-fact-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-action-card {
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }

  .customer-action-card:last-child {
    border-bottom: 0;
  }

  .customer-handoff-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-fact-card--activity,
  .customer-fact-card--materials,
  .customer-fact-card--risk,
  .customer-fact-card--risk-active {
    grid-column: auto;
  }

  .customer-service-card-row,
  .customer-stage-timeline p {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 540px) {
  .account-card {
    max-width: none;
    padding: var(--space-4);
  }

  .account-card__summary {
    grid-template-columns: 1fr;
  }

  .account-card__submit {
    width: 100%;
  }

  .customer-follow-up-drawer {
    width: 100vw;
    padding: var(--space-4);
    border-left: 0;
  }

  .workbench-filter {
    grid-template-columns: 1fr;
  }

  .workbench-filter__status {
    grid-column: auto;
  }

  .customer-list-filter {
    grid-template-columns: 1fr;
  }

  .customer-list__header {
    display: grid;
  }

  .customer-list__header > .customer-list-filter,
  .customer-list__header > .button,
  .customer-list__header > .customer-view-filters {
    grid-column: 1;
    grid-row: auto;
  }

  .wecom-settings__guidance,
  .wecom-settings__module {
    padding: var(--space-4);
  }

  .wecom-employee-link {
    grid-template-columns: 1fr;
  }

  .wecom-employee-link .inline-form {
    grid-column: auto;
  }

  .domain-filter {
    grid-template-columns: 1fr;
  }

  .task-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .task-create {
    margin-bottom: var(--space-4);
  }

  .task-create__form {
    padding: var(--space-4);
  }

  .after-sales-filter,
  .after-sales-summary {
    grid-template-columns: 1fr;
  }

  .after-sales-summary__item {
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }

  .after-sales-summary__item:last-child {
    border-bottom: 0;
  }

  .after-sales-detail,
  .after-sales-panel,
  .after-sales-create {
    padding: var(--space-4);
  }

  .knowledge-overview__copy,
  .knowledge-search,
  .knowledge-results,
  .knowledge-empty,
  .knowledge-result-card {
    padding: var(--space-4);
  }

  .knowledge-overview__metrics,
  .knowledge-search__form {
    grid-template-columns: 1fr;
  }

  .knowledge-overview__metric {
    grid-template-columns: minmax(0, 1fr) auto;
    border-right: 0;
    border-bottom: 1px solid #444846;
  }

  .knowledge-search__heading,
  .knowledge-results__header {
    display: grid;
  }

  .knowledge-search__boundary,
  .knowledge-results__mode {
    width: fit-content;
  }

  .knowledge-result-card {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: var(--space-3);
  }

  .knowledge-result-card__index {
    width: 2rem;
    height: 2rem;
  }

  .work-intake-review-actions .inline-actions {
    align-items: stretch;
  }

  .work-intake-review-actions .button {
    flex: 1 1 100%;
  }

  .quick-work-capture__heading,
  .work-form__heading {
    display: grid;
    align-items: start;
  }

  .quote-filter {
    grid-template-columns: 1fr;
  }

  .quote-totals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .form-grid__wide {
    grid-column: auto;
  }

  .work-intake-command-fields {
    grid-template-columns: 1fr;
  }

  .page__actions,
  .toolbar {
    align-items: stretch;
  }

  .page__actions .button {
    flex: 1 1 auto;
  }

  .detail-list {
    grid-template-columns: 1fr;
  }

  .detail-list dt {
    padding-bottom: var(--space-1);
    border-bottom: 0;
  }

  .detail-list dd {
    padding-top: 0;
  }
}

@media (max-width: 420px) {
  .reconciliation-entry__link,
  .reconciliation-review__toolbar,
  .reconciliation-review__group-heading,
  .reconciliation-review__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .reconciliation-entry__badge {
    align-self: start;
  }

  .reconciliation-review__fields {
    grid-template-columns: 1fr;
  }

  .reconciliation-review__fields textarea {
    grid-column: 1;
  }

  .reconciliation-review__actions .button {
    width: 100%;
  }

  .daily-brief-review-shell {
    padding: var(--space-3);
  }

  .daily-brief-review__header,
  .daily-brief-review__item {
    padding: var(--space-4);
  }

  .daily-brief-review__item {
    grid-template-columns: minmax(0, 1fr);
  }

  .daily-brief-review__item-heading,
  .daily-brief-review__field:first-of-type,
  .daily-brief-review__field:nth-of-type(2),
  .daily-brief-review__field:last-child {
    grid-column: 1;
  }

  .daily-brief-review__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .daily-brief-review__actions .button {
    width: 100%;
  }

  .quick-work-capture,
  .work-form {
    padding: var(--space-4);
  }

  .quick-work-capture__form {
    grid-template-columns: 1fr;
  }

  .work-form__form {
    grid-template-columns: 1fr;
  }

  .work-form__context {
    grid-template-columns: 1fr;
  }

  .work-form__context-lock {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

  .work-form__inquiry {
    padding: var(--space-3);
  }

  .work-form__inquiry-question {
    font-size: var(--text-md);
  }

  .quick-work-capture__previews {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .work-form__previews {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-work-capture__preview,
  .work-form__preview {
    min-width: 0;
  }

  .work-intake-capture-recovery__form {
    grid-template-columns: 1fr;
  }

  .quick-work-capture__submit,
  .work-intake-editor .button--primary {
    display: inline-flex;
    width: 100%;
    justify-content: center;
  }

  .work-form__submit {
    display: inline-flex;
    width: 100%;
    justify-content: center;
  }

  .work-intake-master-detail {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .work-intake-detail,
  .work-intake-editor,
  .work-intake-context {
    min-width: 0;
  }

  .work-intake-context__search {
    grid-template-columns: 1fr;
  }
}

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