/* Desktop status workspaces: spend viewport height on records, not padding.
   The shell owns the main viewport height. This file only sizes its children.
   Long record collections remain reachable through their own scroll regions. */
@media (min-width: 1000px) and (min-height: 600px) {
  html[data-ui-design="modern"][data-viewport-fit="auto"]:is([data-design-view="workManagement"], [data-design-view="qualityReview"], [data-design-view="completedHistory"], [data-design-view="analytics"], [data-design-view="performance"]) {
    #main-view > .design-page-heading { flex: 0 0 auto; margin: 0; gap: 12px; }
    #main-view > .design-page-heading small { margin-bottom: 2px; font-size: 10px; }
    #main-view > .design-page-heading h2 { font-size: 21px; line-height: 1.25; }
    #main-view > .design-page-heading p { margin-top: 3px; font-size: 11px; line-height: 1.4; }
    #main-view .toolbar { flex: 0 0 auto; margin: 0; padding: 9px 11px; gap: 9px; }
    #main-view .filter-group { min-width: 0; gap: 8px; }
    #main-view .field { min-width: 0; gap: 4px; }
    #main-view .field > span { font-size: 11px; line-height: 1.3; }
    #main-view .field input, #main-view .field select { min-height: 34px; height: 34px; padding: 6px 9px; font-size: 12px; }
    #main-view .button { min-height: 34px; padding: 6px 10px; font-size: 11px; line-height: 1.35; }
    #main-view .button.compact { min-height: 30px; padding: 5px 8px; }
    #main-view .card-heading { margin-bottom: 9px; gap: 9px; }
    #main-view .card-heading h2, #main-view .card-heading h3 { font-size: 15px; line-height: 1.3; }
    #main-view .card-heading p { margin-top: 3px; font-size: 11px; line-height: 1.4; }
    #main-view .empty { padding: 18px 12px; font-size: 12px; }
    #main-view :is(.work-management-head, .quality-review-head, .completed-history-head, .performance-head) { flex: 0 0 auto; min-height: 0; margin: 0; padding: 0; gap: 12px; }
    #main-view :is(.work-management-head, .quality-review-head, .completed-history-head, .performance-head) h2 { margin: 2px 0; font-size: 21px; line-height: 1.25; }
    #main-view :is(.work-management-head, .quality-review-head, .completed-history-head, .performance-head) p { margin: 3px 0 0; font-size: 11px; line-height: 1.4; }
    #main-view :is(.work-management-head, .quality-review-head, .completed-history-head, .performance-head) small { font-size: 10px; line-height: 1.25; }
    #main-view :is(.work-order-table-scroll, .quality-review-list, .completed-order-list, .ranking-list, .table-scroll) { overscroll-behavior: contain; scrollbar-gutter: stable; }
  }

  html[data-ui-design="modern"][data-viewport-fit="auto"][data-design-view="workManagement"] {
    .work-management-screen { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; gap: 10px; }
    .work-management-screen .work-management-layout { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; gap: 10px; }
    .work-management-screen .work-filter-rail { flex: 0 0 auto; position: static; width: 100%; min-height: 0; padding: 9px 11px; display: grid; grid-template-columns: 110px minmax(0, 1fr) minmax(230px, .8fr); align-items: center; gap: 7px 12px; overflow: visible; }
    .work-filter-heading { min-height: 0; padding: 0; gap: 6px; border: 0; }
    .work-filter-heading h3 { margin: 3px 0 0; font-size: 13px; }
    .work-filter-heading small { font-size: 10px; }
    .work-filter-heading > b { min-width: 27px; padding: 4px 6px; font-size: 11px; }
    .work-quick-stats { margin: 0; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
    .work-quick-stats article, .work-quick-stats article.all { grid-column: auto; min-height: 57px; padding: 6px 8px; gap: 3px; overflow: visible; }
    .work-quick-stats span { overflow: visible; white-space: normal; overflow-wrap: anywhere; text-overflow: clip; font-size: 10px; line-height: 1.2; }
    .work-quick-stats b { font-size: 20px; }
    .work-quick-stats small { font-size: 10px; line-height: 1.2; }
    .work-filter-fields { padding: 0; border: 0; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 8px; }
    .work-filter-hint { grid-column: 1 / -1; margin: 0; padding: 4px 8px; font-size: 10px; line-height: 1.35; }
    .work-management-main { flex: 1 1 0; width: 100%; min-height: 0; grid-template-columns: minmax(0, 1.24fr) minmax(300px, .76fr); grid-template-rows: minmax(0, 1fr); gap: 10px; align-items: stretch; }
    .work-order-table-card { min-height: 0; display: flex; flex-direction: column; overflow: visible; }
    .work-order-table-card > .card-heading { flex: 0 0 auto; min-height: 0; margin: 0; padding: 10px 12px; border-radius: 10px 10px 0 0; }
    .work-order-table-scroll { flex: 1 1 0; min-height: 0; max-height: none; overflow: auto; }
    .work-order-table { min-width: 600px; width: 100%; table-layout: fixed; }
    .work-order-table th, .work-order-table td { min-width: 0; padding: 7px 6px; line-height: 1.35; }
    .work-order-table th { font-size: 11px; white-space: normal; }
    .work-order-table th small { font-size: 10px; }
    .work-order-table td { height: 43px; font-size: 12px; }
    .work-order-table td b { font-size: 12px; }
    .work-order-table td small { font-size: 11px; }
    .work-order-table td b, .work-order-table td small { max-width: none; overflow: visible; white-space: normal; text-overflow: clip; overflow-wrap: anywhere; }
    .work-order-table :is(th, td):nth-child(1) { width: 13%; min-width: 0; }
    .work-order-table :is(th, td):nth-child(2) { width: 24%; min-width: 0; }
    .work-order-table :is(th, td):nth-child(3) { width: 7%; min-width: 0; }
    .work-order-table :is(th, td):nth-child(4) { width: 9%; min-width: 0; }
    .work-order-table :is(th, td):nth-child(5) { width: 17%; min-width: 0; }
    .work-order-table :is(th, td):nth-child(6) { width: 7%; min-width: 0; }
    .work-order-table :is(th, td):nth-child(7) { width: 11%; min-width: 0; }
    .work-order-table :is(th, td):nth-child(8) { width: 12%; min-width: 0; }
    .work-order-table .work-order-chip { max-width: 100%; white-space: normal; overflow-wrap: anywhere; padding: 4px 5px; font-size: 10px; line-height: 1.25; }
    .work-order-table .work-table-progress { min-width: 0; }
    .work-management-screen .work-plan-card { min-height: 0; padding: 12px; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
    .work-plan-heading { flex-wrap: wrap; }
    .work-plan-heading h2 { font-size: 20px !important; }
    .work-plan-heading > div:last-child { flex-wrap: wrap; min-width: 0; justify-content: flex-start; }
    .allocation-summary { margin: 9px 0; gap: 6px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .allocation-summary > div { padding: 8px; min-height: 0; }
    .allocation-summary dt { font-size: 10px; }
    .allocation-summary dd { font-size: 13px; }
    .allocation-section, .planning-queue { margin-top: 10px; }
    .allocation-section > .card-heading > .button { flex: 0 0 auto; white-space: nowrap; }
    .allocation-row { padding: 9px; }
    .allocation-row dl { margin: 8px 0; gap: 7px; }
    .allocation-row dt, .allocation-row footer { font-size: 11px; line-height: 1.4; }
  }

  html[data-ui-design="modern"][data-viewport-fit="auto"][data-design-view="qualityReview"] {
    .quality-review-screen { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; gap: 10px; }
    .quality-review-head { align-items: center; }
    .quality-review-head > div:first-child { flex: 1 1 0; min-width: 0; }
    .quality-review-head-actions { flex: 1.15 1 0; min-width: 0; gap: 8px; flex-wrap: wrap; }
    .quality-review-screen .quality-review-kpis { flex: 1 1 210px; min-width: 210px; }
    .quality-review-kpis span { padding: 3px 8px; font-size: 10px; }
    .quality-review-kpis b { font-size: 19px; }
    .quality-status-filter { min-width: 128px; }
    .quality-status-filter span { font-size: 10px; }
    .quality-status-filter select { min-height: 34px; height: 34px; padding: 5px 8px; font-size: 12px; }
    .quality-review-screen .quality-review-layout { flex: 1 1 0; min-height: 0; grid-template-columns: minmax(245px, .55fr) minmax(0, 1.45fr); gap: 10px; align-items: stretch; }
    .quality-review-screen .quality-review-list-card { min-height: 0; padding: 11px; display: flex; flex-direction: column; }
    .quality-review-list-card > .card-heading { flex: 0 0 auto; }
    .quality-review-search { flex: 0 0 auto; height: 34px; margin-bottom: 8px; grid-template-columns: 27px minmax(0, 1fr); }
    .quality-review-search input { font-size: 12px; }
    .quality-review-screen .quality-review-list { flex: 1 1 0; min-height: 0; max-height: none; gap: 6px; overflow: auto; }
    .quality-review-screen .quality-review-row { min-height: 58px; padding: 8px; gap: 5px; grid-template-columns: minmax(0, 1fr) minmax(55px, .48fr) auto 8px; }
    .quality-review-row b, .quality-review-row strong { font-size: 12px; }
    .quality-review-row small { margin-top: 3px; font-size: 10px; }
    .quality-review-row .quality-status { padding: 4px; white-space: normal; max-width: 82px; line-height: 1.25; }
    .quality-review-screen .quality-review-detail-card { min-height: 0; padding: 12px; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
    .quality-review-screen .quality-detail-heading { min-height: 0; padding-bottom: 9px; }
    #main-view .quality-detail-heading h2 { font-size: 20px; }
    .quality-detail-actions { gap: 6px; max-width: 56%; }
    .quality-review-screen .quality-summary { margin: 9px 0; gap: 6px; grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .quality-review-screen .quality-summary div { min-height: 57px; padding: 8px; }
    .quality-summary dt { font-size: 10px; line-height: 1.3; }
    .quality-summary dd { margin-top: 4px; font-size: 14px; }
    .quality-detail-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
    .quality-review-screen .quality-production-info, .quality-review-screen .quality-review-record { height: auto; padding: 10px; }
    .quality-production-info h3 { margin-bottom: 7px; font-size: 13px; }
    .quality-production-info dl > div, .quality-review-record dl > div { padding: 7px 8px; }
    .quality-production-info dt, .quality-review-record dt { font-size: 10px; }
    .quality-production-info dd, .quality-review-record dd { margin-top: 3px; font-size: 12px; line-height: 1.35; }
    .quality-review-screen .quality-review-record .note { min-height: 48px; }
    .quality-action-hint, .quality-readonly-hint { margin-top: 7px; font-size: 11px; line-height: 1.4; }
    .quality-review-screen .quality-attachment-record { margin-top: 8px; padding: 10px; }
    .quality-attachment-empty { min-height: 36px; padding: 8px; font-size: 11px; }
  }

  html[data-ui-design="modern"][data-viewport-fit="auto"][data-design-view="completedHistory"] {
    .completed-history-head { align-items: center; }
    .completed-history-head > div:first-child { min-width: 0; flex: 1 1 0; }
    .completed-history-kpis { flex: 1 1 0; min-width: 320px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .completed-history-kpis span { padding: 4px 9px; font-size: 10px; }
    .completed-history-kpis b { font-size: 17px; }
    .completed-history-toolbar .filter-group { display: grid; grid-template-columns: minmax(170px, 1.5fr) repeat(4, minmax(0, 1fr)); }
    .completed-history-layout { flex: 1 1 0; min-height: 0; grid-template-columns: minmax(250px, .55fr) minmax(0, 1.45fr); gap: 10px; align-items: stretch; }
    .completed-order-list-card { min-height: 0; padding: 11px; display: flex; flex-direction: column; }
    .completed-order-list-card > .card-heading { flex: 0 0 auto; }
    .completed-order-list { flex: 1 1 0; min-height: 0; max-height: none; overflow: auto; grid-auto-rows: max-content; }
    .completed-order-row { min-height: 74px; height: max-content; padding: 8px; gap: 6px; grid-template-columns: minmax(0,1fr) 106px 8px; }
    .completed-order-row b { font-size: 12px; overflow-wrap: anywhere; line-height: 1.35; }
    .completed-order-row small { font-size: 10px; }
    .completed-order-row strong { font-size: 11px; }
    .completed-order-row .quality-status { max-width: 90px; white-space: normal; line-height: 1.25; }
    .completed-detail-card { min-height: 0; padding: 12px; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
    #main-view .completed-detail-heading h2 { font-size: 20px; }
    .completed-detail-actions { max-width: 55%; gap: 6px; }
    .completed-detail-actions small { font-size: 10px; }
    .completed-summary { margin: 9px 0; }
    .completed-summary div { padding: 8px; }
    .completed-summary dt, .completed-allocation-row dt, .completed-quantity-history dt { font-size: 10px; line-height: 1.35; }
    .completed-summary dd, .completed-allocation-row dd, .completed-quantity-history dd { font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
    .completed-allocation-section, .completed-note-section { margin-top: 9px; }
    .completed-allocation-row dl { padding: 8px; gap: 7px; }
    .completed-quality-review { margin: 0 8px 8px; padding: 8px; }
    .completed-quality-pending { margin-top: 6px; padding: 7px; font-size: 11px; }
    .completed-quality-meta > span, .completed-quality-note { padding: 7px; }
    .completed-quality-meta small, .completed-quality-review-top small { font-size: 10px; }
    .completed-quality-note p { font-size: 11px; line-height: 1.45; }
  }

  html[data-ui-design="modern"][data-viewport-fit="auto"][data-design-view="analytics"] {
    .analysis-toolbar .filter-group { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .analysis-toolbar .time-hint { grid-column: 1 / -1; margin: 0; font-size: 10px; line-height: 1.35; }
    .analytics-layout { flex: 1 1 0; min-height: 0; grid-template-columns: minmax(0, 1fr) minmax(255px, .38fr); gap: 10px; align-items: stretch; }
    .analytics-card { min-height: 0; padding: 12px; display: flex; flex-direction: column; }
    .analytics-card > .card-heading { flex: 0 0 auto; }
    .analytics-kpis { flex: 0 0 auto; gap: 7px; }
    .mini-kpi { min-width: 0; padding: 8px; }
    .mini-kpi span { font-size: 10px; }
    .mini-kpi b { font-size: 18px; }
    .chart { flex: 1 1 0; min-height: 125px; margin-top: 10px; padding: 9px; align-items: stretch; gap: 4px; }
    .chart-column { min-width: 24px; height: 100%; flex: 1 0 24px; grid-template-rows: minmax(0, 1fr) 17px; }
    .chart-column small { font-size: 10px; }
    .ranking-list { flex: 1 1 0; min-height: 0; overflow: auto; align-content: start; gap: 3px; }
    .ranking-row { min-height: 35px; padding: 4px 6px; gap: 4px; grid-template-columns: 22px minmax(0, 1fr) auto; }
    .ranking-row > strong { width: 22px; height: 22px; }
    .ranking-row b { font-size: 11px; line-height: 13px; }
    .ranking-row small { margin-top: 1px; font-size: 9px; line-height: 11px; }
    .ranking-row > span:last-child { font-size: 12px; }
  }

  html[data-ui-design="modern"][data-viewport-fit="auto"][data-design-view="performance"] {
    .performance-generated { flex: 0 1 220px; padding: 4px 0 4px 12px; gap: 3px; }
    .performance-generated span, .performance-generated b { font-size: 11px; }
    .performance-toolbar { flex-wrap: nowrap; align-items: flex-end; }
    .performance-toolbar .filter-group { flex: 1 1 0; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .performance-actions { width: auto; flex: 0 1 auto; gap: 6px; }
    .performance-kpis { flex: 0 0 auto; margin: 0; gap: 8px; grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .performance-kpis article { min-height: 67px; padding: 9px 11px; gap: 5px; overflow: visible; }
    .performance-kpis span { font-size: 11px; line-height: 1.3; }
    .performance-kpis b { font-size: 21px; }
    .performance-note { flex: 0 0 auto; margin: 0; padding: 6px 9px; font-size: 11px; line-height: 1.4; }
    .performance-tables { flex: 1 1 0; min-height: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 9px; align-items: stretch; }
    .performance-table-card { min-height: 0; display: flex; flex-direction: column; overflow: visible; }
    .performance-table-card:last-child { grid-column: 1 / -1; }
    .performance-table-card > .card-heading { flex: 0 0 auto; min-height: 0; margin: 0 !important; padding: 8px 10px; border-radius: 10px 10px 0 0; }
    .performance-table-card > .card-heading h3 { font-size: 13px; }
    .performance-count { min-width: 28px; padding: 3px 7px; font-size: 11px; }
    .performance-table-card .table-scroll { flex: 1 1 0; min-height: 0; max-height: none; overflow: auto; }
    .performance-table { min-width: 540px; width: 100%; table-layout: fixed; font-size: 12px; }
    .performance-table th, .performance-table td { min-width: 0; padding: 7px 4px; white-space: normal; overflow-wrap: anywhere; }
    .performance-table th { font-size: 11px; line-height: 1.35; }
    .performance-table td { font-size: 12px; line-height: 1.35; }
    .performance-table td b { font-size: 12px; }
    .performance-table th:first-child, .performance-table td:first-child { width: 92px; min-width: 0; }
    .performance-table th:nth-child(2), .performance-table td:nth-child(2) { width: 84px; }
  }

  @media (min-width: 1800px) {
    html[data-ui-design="modern"][data-viewport-fit="auto"][data-design-view="performance"] {
      .performance-tables { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: minmax(0, 1fr); }
      .performance-table-card:last-child { grid-column: auto; }
    }
  }

  @media (max-width: 1199px) {
    html[data-ui-design="modern"][data-viewport-fit="auto"][data-design-view="workManagement"] {
      .work-management-screen .work-filter-rail { grid-template-columns: 90px minmax(0, 1fr) minmax(215px, .85fr); gap: 6px 8px; }
      .work-quick-stats { gap: 4px; }
      .work-quick-stats article, .work-quick-stats article.all { padding: 6px; }
      .work-management-main { grid-template-columns: minmax(0, 1fr) minmax(290px, .9fr); }
    }
    html[data-ui-design="modern"][data-viewport-fit="auto"][data-design-view="qualityReview"] {
      .quality-review-screen .quality-review-layout { grid-template-columns: minmax(230px, .52fr) minmax(0, 1.48fr); }
      .quality-detail-actions { max-width: 61%; }
      .quality-detail-grid { grid-template-columns: 1fr; }
      .quality-review-screen .quality-summary div { padding: 7px 5px; }
    }
    html[data-ui-design="modern"][data-viewport-fit="auto"][data-design-view="performance"] {
      .performance-toolbar { flex-wrap: wrap; }
      .performance-toolbar .filter-group { flex-basis: 100%; }
      .performance-actions { width: 100%; }
    }
  }
}