/* Dense Prep Work Orders operations layout. DOM hooks and interaction behavior are unchanged. */
body.prep-work-orders-page { background: var(--ptx-ui-canvas) !important; color: var(--ptx-ui-text) !important; }
.prep-work-orders-page .dashboard-container { max-width: 1560px !important; padding: 14px 20px 28px !important; }
.prep-work-orders-page .breadcrumb,
.prep-work-orders-page .dashboard-hero { display: none !important; }
.prep-work-orders-page .overview-band { margin: 0 0 12px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.prep-work-orders-page .dashboard-kpi-grid { display: grid !important; grid-template-columns: repeat(5, 116px) !important; grid-auto-flow: column; justify-content: start; gap: 9px !important; overflow-x: auto; }
.prep-work-orders-page .dashboard-kpi-grid .kpi-card { grid-column: auto !important; display: flex !important; flex-direction: column; width: 116px; min-height: 100px !important; padding: 11px !important; border: 1px solid var(--ptx-ui-border) !important; border-top: 2px solid var(--ptx-ui-border-strong) !important; border-radius: var(--ptx-ui-radius-md) !important; background: var(--ptx-ui-surface) !important; box-shadow: none !important; }
.prep-work-orders-page .dashboard-kpi-grid .kpi-card:nth-child(1) { border-top-color: #eab308 !important; }
.prep-work-orders-page .dashboard-kpi-grid .kpi-card:nth-child(2) { border-top-color: var(--ptx-ui-accent) !important; }
.prep-work-orders-page .dashboard-kpi-grid .kpi-card:nth-child(3) { border-top-color: #8b5cf6 !important; }
.prep-work-orders-page .dashboard-kpi-grid .kpi-card:nth-child(4) { border-top-color: #22c55e !important; }
.prep-work-orders-page .dashboard-kpi-grid .kpi-card:nth-child(5) { border-top-color: #f97316 !important; }
.prep-work-orders-page .kpi-card-header { order: 2; margin: 0 !important; }
.prep-work-orders-page .kpi-card-label { color: var(--ptx-ui-text-muted) !important; font-size: .65rem !important; line-height: 1.2; }
.prep-work-orders-page .kpi-card-value { order: 1; align-self: center; margin: auto 0; color: var(--ptx-ui-text) !important; font-family: var(--ptx-ui-font-display); font-size: 2rem !important; line-height: 1; font-variant-numeric: tabular-nums; }
.prep-work-orders-page .kpi-card-meta { display: none !important; }
.prep-work-orders-page .filters-bar { display: grid !important; grid-template-columns: repeat(3, minmax(120px, 155px)) minmax(260px, 1fr) auto; align-items: end; gap: 8px !important; margin: 0 0 12px !important; padding: 12px !important; border: 1px solid var(--ptx-ui-border) !important; border-radius: var(--ptx-ui-radius-md) !important; background: var(--ptx-ui-surface) !important; box-shadow: none !important; }
.prep-work-orders-page .filter-group,
.prep-work-orders-page .search-group { gap: 4px !important; margin: 0 !important; }
.prep-work-orders-page .filter-group label { color: var(--ptx-ui-text-muted) !important; font-size: .66rem !important; }
.prep-work-orders-page .filter-group label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.prep-work-orders-page :is(.filter-select, .search-input) { min-height: 40px !important; padding: 8px 10px !important; border-color: var(--ptx-ui-border) !important; border-radius: var(--ptx-ui-radius-sm) !important; background: var(--ptx-ui-surface-raised) !important; color: var(--ptx-ui-text) !important; box-shadow: none !important; }
.prep-work-orders-page :is(.filter-select, .search-input):focus { border-color: var(--ptx-ui-accent) !important; box-shadow: var(--ptx-ui-focus) !important; }
.prep-work-orders-page .btn-secondary { min-height: 40px !important; padding: 0 11px !important; border-color: var(--ptx-ui-border) !important; border-radius: var(--ptx-ui-radius-sm) !important; background: var(--ptx-ui-surface-raised) !important; color: var(--ptx-ui-text) !important; }
.prep-work-orders-page .work-orders-container { display: grid; gap: 10px !important; }
.prep-work-orders-page .work-order-card { display: grid !important; grid-template-columns: minmax(220px, .8fr) minmax(270px, 1fr) minmax(245px, .9fr); align-items: stretch; padding: 0 !important; border: 1px solid var(--ptx-ui-border) !important; border-radius: var(--ptx-ui-radius-md) !important; background: var(--ptx-ui-surface) !important; box-shadow: none !important; overflow: hidden; }
.prep-work-orders-page .work-order-card:hover { border-color: var(--ptx-ui-border-strong) !important; box-shadow: none !important; transform: none !important; }
.prep-work-orders-page .work-order-header,
.prep-work-orders-page .work-order-body,
.prep-work-orders-page .work-order-footer { padding: 13px !important; background: transparent !important; border: 0 !important; }
.prep-work-orders-page .work-order-header { border-right: 1px solid var(--ptx-ui-border) !important; }
.prep-work-orders-page .work-order-footer { display: flex; flex-direction: column; justify-content: space-between; border-left: 1px solid var(--ptx-ui-border) !important; }
.prep-work-orders-page .work-order-number { color: var(--ptx-ui-accent) !important; font-family: var(--ptx-ui-font-display); font-size: 1.05rem !important; }
.prep-work-orders-page .work-order-client,
.prep-work-orders-page .work-order-created,
.prep-work-orders-page .progress-details,
.prep-work-orders-page .task-sku { color: var(--ptx-ui-text-muted) !important; font-size: .77rem !important; }
.prep-work-orders-page .work-order-badges { gap: 5px !important; margin-top: 8px; }
.prep-work-orders-page .badge { min-height: 23px; padding: 3px 6px !important; border-radius: 5px !important; font-size: .65rem !important; }
.prep-work-orders-page .work-order-info-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; }
.prep-work-orders-page .info-item { gap: 2px !important; }
.prep-work-orders-page .info-label { color: var(--ptx-ui-text-muted) !important; font-size: .62rem !important; }
.prep-work-orders-page .info-value { color: var(--ptx-ui-text) !important; font-size: .78rem !important; overflow: hidden; text-overflow: ellipsis; }
.prep-work-orders-page .work-order-progress { margin: 10px 0 !important; }
.prep-work-orders-page .work-order-tasks-preview { padding-top: 8px !important; border-color: var(--ptx-ui-border) !important; }
.prep-work-orders-page .tasks-preview-title { margin-bottom: 5px !important; color: var(--ptx-ui-text-muted) !important; font-size: .68rem !important; }
.prep-work-orders-page .tasks-preview-list { gap: 4px !important; }
.prep-work-orders-page .task-preview-item { min-height: 25px; padding: 4px 6px !important; border-left-color: var(--ptx-ui-accent) !important; background: var(--ptx-ui-surface-raised) !important; font-size: .72rem !important; }
.prep-work-orders-page .work-order-actions { display: flex; justify-content: flex-end; gap: 6px !important; margin-top: 10px; }
.prep-work-orders-page :is(.btn-action, .btn-view-details) { min-height: 34px !important; padding: 6px 9px !important; border-radius: 7px !important; font-size: .75rem !important; }
.prep-work-orders-page .btn-view-details { border-color: var(--ptx-ui-border) !important; background: var(--ptx-ui-surface-raised) !important; color: var(--ptx-ui-text) !important; }
@media (max-width: 1100px) { .prep-work-orders-page .filters-bar { grid-template-columns: repeat(3, 1fr); } .prep-work-orders-page .search-group { grid-column: span 2; } .prep-work-orders-page .work-order-card { grid-template-columns: 1fr 1fr; } .prep-work-orders-page .work-order-footer { grid-column: 1 / -1; border-top: 1px solid var(--ptx-ui-border) !important; border-left: 0 !important; } }
@media (max-width: 700px) { .prep-work-orders-page .dashboard-container { padding: 10px 12px 20px !important; } .prep-work-orders-page .dashboard-kpi-grid { grid-template-columns: repeat(5, 100px) !important; } .prep-work-orders-page .dashboard-kpi-grid .kpi-card { width: 100px; min-height: 88px !important; } .prep-work-orders-page .filters-bar { grid-template-columns: 1fr 1fr; } .prep-work-orders-page .search-group { grid-column: 1 / -1; } .prep-work-orders-page .work-order-card { grid-template-columns: 1fr; } .prep-work-orders-page .work-order-header,.prep-work-orders-page .work-order-footer { border: 0 !important; border-bottom: 1px solid var(--ptx-ui-border) !important; } .prep-work-orders-page .work-order-footer { border-bottom: 0 !important; } .prep-work-orders-page .work-order-info-grid { grid-template-columns: 1fr 1fr !important; } }