/* Blackbox HF4.8.98 / 2026-10-21
 * Notebook-first responsive improvements for 1440x900 at browser zoom 100%.
 * Isolated stylesheet: do not replace or re-import main.jsx / job-table-layout.js.
 * This file changes presentation only; no task, retention, snapshot or database behavior.
 */

@media screen and (min-width: 901px) and (max-width: 1536px) {
  :root { --sidebar-width: 216px; }
  .app-shell { min-width: 0; grid-template-columns: var(--sidebar-width) minmax(0, 1fr) !important; }
  .workspace, .page-content, .db-page, .jobs-baculum-panel, .jobs-baculum-table,
  .db-ui-v3, .db-panel, .rpt-page { min-width: 0 !important; max-width: 100%; }
  .page-content { max-width: none !important; padding: 16px 16px 38px !important; }
  .topbar { padding-inline: 16px !important; }
  .page-head { gap: 10px; margin-bottom: 12px; }
  .page-head h1, .page-head h2 { overflow-wrap: anywhere; }
  .page-actions { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px; max-width: 100%; }

  /* Cards show useful information without forcing a five-column strip. */
  .jobs-page-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
  .jobs-overview-card { min-width: 0 !important; min-height: 67px !important; padding: 9px 11px !important; }
  .jobs-overview-card strong { font-size: 18px !important; }
  .jobs-overview-card small { font-size: 10px !important; letter-spacing: .025em !important; }
  .jobs-overview-card em { font-size: 10px !important; }
  .jobs-baculum-panel { width: 100%; }
  .jobs-baculum-toolbar, .jobs-filter-toolbar-v2 { min-width: 0; max-width: 100%; flex-wrap: wrap !important; }
  .jobs-baculum-filters, .jobs-baculum-tools { min-width: 0; flex-wrap: wrap !important; }
  .jobs-baculum-search { min-width: min(235px, 100%) !important; }
  .jobs-baculum-table { width: 100%; max-width: 100%; overflow-x: auto !important; overscroll-behavior-x: contain; }
  .jobs-baculum-table .jobs-baculum-head > * { font-size: 10px !important; }
  .jobs-console-name strong, .jobs-console-date strong,
  .jobs-console-size strong, .jobs-console-number strong { font-size: 11.5px !important; }
  .jobs-console-size > span, .jobs-console-date small,
  .jobs-console-name small, .jobs-console-id { font-size: 10px !important; }
  .jobs-console-size { min-width: 0; }
  .jobs-console-size strong, .jobs-console-size > span { white-space: normal; overflow-wrap: anywhere; }
  .jobs-baculum-table .jobs-baculum-row { min-height: 63px !important; }
  .jobs-baculum-table .ledger-action-cell { justify-content: center !important; }

  /* Dense tables scroll inside their own panel, not the whole app. */
  .table-wrap, .db-table-wrap, .rpt-table-wrap, .db-exec-list,
  .db-ui-v3 .db-exec-list { min-width: 0; max-width: 100%; overflow-x: auto; }
  .db-connection-layout { grid-template-columns: minmax(0, 1fr) !important; }
  .db-summary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .db-head { flex-wrap: wrap; }
  .db-head-actions { flex-wrap: wrap; justify-content: flex-start; }
  .db-ui-v3 .db-exec-compact-head,
  .db-ui-v3 .db-exec-row-compact { min-width: 835px; }
  .db-ui-v3 .db-exec-list { scrollbar-width: thin; }
}

@media screen and (min-width: 901px) and (max-width: 1240px) {
  :root { --sidebar-width: 196px; }
  .page-content { padding-inline: 12px !important; }
  .jobs-page-overview { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .jobs-baculum-toolbar { padding: 8px !important; }
  .dashboard-grid, .clean-dashboard, .resource-grid,
  .storage-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jobs-baculum-table .jobs-baculum-head,
  .jobs-baculum-table .jobs-baculum-row { min-width: 1040px; }
}

@media screen and (min-width: 901px) and (max-height: 900px) {
  .sidebar-brand { height: 56px !important; padding-inline: 12px !important; }
  .sidebar-nav { overflow-y: auto !important; min-height: 0 !important; }
  .sidebar-context { padding: 9px !important; margin-block: 6px !important; }
  .sidebar-footer { padding-block: 7px !important; }
  .topbar { height: 52px !important; }
  .page-content { padding-top: 12px !important; }
  .jobs-overview-card { min-height: 64px !important; }
  .jobs-baculum-toolbar { min-height: 45px !important; }
}

/* Existing mobile navigation stays in charge below 901px. Avoid desktop
   minimum widths, and let forms/filters wrap naturally on small screens. */
@media screen and (max-width: 900px) {
  .workspace, .page-content, .db-page, .jobs-baculum-panel, .db-panel { min-width: 0 !important; max-width: 100%; }
  .jobs-page-overview { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; }
  .jobs-overview-card { min-height: 61px !important; padding: 8px !important; }
  .jobs-baculum-table { width: 100%; max-width: 100%; overflow-x: auto !important; }
  .db-summary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .db-head-actions, .page-actions { flex-wrap: wrap !important; }
}
@media screen and (max-width: 480px) {
  .jobs-page-overview { grid-template-columns: minmax(0, 1fr) !important; }
  .db-summary { grid-template-columns: minmax(0, 1fr) !important; }
}