/* Layout follows available panel width, including nested archive cards. */
.app-scroll { width: 100%; min-width: 0; padding-inline: clamp(12px, 2vw, 32px); }
.app-page, .workspace-panel, .dashboard-card, .report-config-panel,
.report-field, .hero-copy, .part-row, .archive-part-card { min-width: 0; }
.app-page input:not([type="checkbox"]), .app-page select { min-width: 0; max-width: 100%; }
.navbar, .nav-right, .hero-panel, .hero-actions, .workspace-header,
.workspace-meta, .team-user-row, .part-title-line, .part-subline { flex-wrap: wrap; }
.navbar { gap: 12px; }
.nav-right { justify-content: flex-end; }
.search-box { min-width: 0; flex-basis: 240px; }
.workspace-pending-ticker { min-width: 0; }
.report-preview-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
@media (min-width: 1101px) {
  .daily-report-card .report-preview-grid { grid-template-columns: minmax(240px, .6fr) minmax(0, 1.4fr); align-items: start; }
}
.report-field-grid.daily-worktime-options { grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr)); }
.daily-worktime-row { grid-template-columns: minmax(70px, .75fr) repeat(2, minmax(0, 1fr)); gap: 8px; }
.part-processes, .archive-part-processes .part-processes {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}
.proc-box-wrapper, .proc-box-head, .proc-box-body { min-width: 0; }
.proc-box-head { flex-wrap: wrap; }
.part-row, .archive-part-card { container-type: inline-size; }
.dashboard-card { container-type: inline-size; }
@container (max-width: 540px) {
  .completed-process-item, .compact-insight-item { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
.modal { max-height: calc(100dvh - 24px); }
.modal-body { max-height: calc(100dvh - 180px); }
.modal-footer { flex-wrap: wrap; }

@container (max-width: 760px) {
  .part-row-head, .archive-part-expanded-head { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .part-progress, .archive-part-progress { width: 100%; }
  .mini-collapsed-row, .archive-part-collapsed-row { display: flex; flex-wrap: wrap; justify-content: center; }
  .mini-collapsed-owner-side, .archive-part-collapsed-owner-side { position: static; margin-left: 0; }
  .archive-part-collapsed-right { white-space: normal; flex-wrap: wrap; }
}

@media (min-width: 761px) and (max-width: 1400px) {
  .navbar { position: relative; }
  .nav-right { flex: 1 1 100%; flex-direction: row; align-items: center; }
  .top-nav { flex: 1 1 auto; width: auto; }
  .dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .archive-ledger-head, .archive-row, .archive-ledger-body { min-width: 0; }
  .archive-ledger-head { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .archive-ledger-head > :last-child { grid-column: 1 / -1; }
  .archive-ledger-body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .archive-ledger-body > .archive-column:last-child { grid-column: 1 / -1; border-top: 1px solid var(--line); }
  .archive-ledger-body > .archive-column:not(:last-child) .archive-column-list { max-height: 250px; overflow-y: auto; }
  .archive-column-item { padding: 9px 8px; gap: 6px; }
  .archive-head-controls, .archive-head-main { flex-wrap: wrap; }
  .mini-collapsed-line { grid-template-columns: auto minmax(80px, 110px) minmax(0, 1fr); }
  .mini-collapsed-row { display: flex !important; flex-wrap: wrap; justify-content: center; }
  .mini-collapsed-owner-side { position: static; margin-left: 0; }
  .workspace-panel.is-sticky-tools .workspace-sticky-region { position: relative; top: auto; }
}
@media (max-width: 760px) {
  .dashboard-grid { grid-template-columns: minmax(0, 1fr); }
  .team-card { grid-column: auto; }
  .pie-wrap { grid-template-columns: minmax(0, 1fr); justify-items: center; }
  .search-box { flex-basis: auto; }
  .project-title-row, .part-title-line { overflow-wrap: anywhere; }
  .mini-collapsed-line { grid-template-columns: auto minmax(0, 1fr); }
  .mini-collapsed-progress { grid-column: 2; width: 100%; }
  .mini-collapsed-center { grid-column: 1 / -1; }
  .archive-part-collapsed-toggle { grid-template-columns: minmax(0, 1fr); }
  .archive-part-collapsed-progress { width: 100%; }
  .archive-part-collapsed-row { display: flex; flex-wrap: wrap; justify-content: flex-start; }
  .archive-part-collapsed-owner-side { position: static; margin-left: 0; }
  .archive-part-collapsed-right { flex-wrap: wrap; white-space: normal; }
  .proc-box-body.cnc-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr)); }
  .daily-weekend-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .daily-report-options { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }
  .report-content-row { grid-template-columns: minmax(0, 1fr); }
  .team-user-row { align-items: flex-start; }
  .team-user-actions { justify-content: flex-start; }
}
@media (max-width: 420px) {
  .daily-worktime-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .daily-worktime-enabled { grid-column: 1 / -1; }
  .archive-column-item { grid-template-columns: minmax(0, 1fr); }
  .archive-column-item-aside { justify-content: flex-start; flex-wrap: wrap; }
}