/* App-shell ergonomics only. Never loaded in generated/printed documents. */
@media screen {
  .shell, .app-view, .topbar, .top-actions, .brand-lockup { min-width: 0; }
  /* A retained transform from entrance animation traps fixed overlays inside the page. */
  .app-view { max-width: 100%; animation: none; transform: none; }
  .purchase-card-overlay { height: 100dvh; max-width: 100vw; box-sizing: border-box; }
  .purchase-card-overlay .purchase-card-dialog { max-width: 100%; max-height: calc(100dvh - 24px); }
  .top-actions { flex-wrap: wrap; gap: 8px; }
  .topbar { height: auto; }
  input, select, textarea { max-width: 100%; box-sizing: border-box; }
  dialog { max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow: auto; }
  :focus-visible { outline: 2px solid #f69340; outline-offset: 3px; }
}
@media screen and (min-width: 861px) and (max-width: 1700px) {
  .purchase-board { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: minmax(340px, 1fr); overflow: auto; }
  .purchase-board-column { min-height: 340px; }
}
@media screen and (max-width: 1700px) {
  .edi-layout { grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr); }
  .edi-layout > .action-panel { grid-column: 1 / -1; }
  .purchase-card-title-row { display: flex; flex-wrap: wrap; }
  .purchase-card-title-row strong { flex: 1 1 150px; overflow-wrap: break-word; }
  .purchase-card-ekaer { white-space: normal; }
}
@media screen and (max-width: 1100px) {
  .topbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
  .topbar .top-actions { display: flex; flex-wrap: wrap; margin-left: auto; max-width: 100%; }
  .topbar .brand-lockup { flex-wrap: wrap; }
  .topbar .brand-logo { max-width: min(190px, 45vw); height: auto; }
  .purchase-board-toolbar { grid-template-columns: minmax(0, 1fr); }
  .purchase-board-filters { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .purchase-board-filters label:first-child { grid-column: 1 / -1; }
  .purchase-board-actions { justify-content: flex-start; }
}
@media screen and (max-width: 600px) {
  .edi-layout { grid-template-columns: minmax(0, 1fr); }
  .shell { padding: 8px; }
  .topbar { padding: 10px; gap: 8px; }
  .topbar .top-actions { width: 100%; margin-left: 0; justify-content: flex-start; }
  .topbar .top-actions > * { width: auto; max-width: 100%; }
  .topbar .brand-context { font-size: 13px; }
  .topbar .app-version { font-size: 10px; }
  button, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, .ghost-button, .primary-button { min-height: 44px; }
  input, select, textarea { font-size: 16px; }
  .purchase-board-filters { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .purchase-board-filters label:first-child { grid-column: 1 / -1; }
  .order-detail-tabs, .command-order-tabs { overflow-x: auto; max-width: 100%; }
  .order-detail-tabs > *, .command-order-tabs > * { flex-shrink: 0; }
}
@media screen and (min-width: 2400px) {
  .topbar, .purchase-board-toolbar { padding: 18px 24px; }
  .kanban-column, .purchase-board-column { padding: 16px; }
  .purchase-board-card, .order-card { font-size: 16px; }
  .purchase-board-card small, .order-card small { font-size: 13px; }
  .purchase-column-scroll, .kanban-card-list { scrollbar-gutter: stable; }
}