/* Approved Cases layout: lifecycle width is independent of visit/parts text. */
#jobsWorkspace .job-status-stack {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:8px; min-width:0; max-width:100%; width:100%; text-align:center;
}
body #jobsWorkspace .job-status-stack > .status {
  align-self:center; flex:none; width:144px; max-width:100%; min-height:44px;
  margin:0; padding:7px 10px; display:inline-flex; align-items:center;
  justify-content:center; white-space:nowrap; line-height:1.5;
}
#jobsWorkspace .job-status-stack > :not(.status) {
  min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere;
  text-align:center; line-height:1.5;
}
#jobsWorkspace .jobs-table {width:100%; min-width:0; table-layout:fixed}
#jobsWorkspace .jobs-table th:nth-child(1) {width:9%}
#jobsWorkspace .jobs-table th:nth-child(2) {width:18%}
#jobsWorkspace .jobs-table th:nth-child(3) {width:19%}
#jobsWorkspace .jobs-table th:nth-child(4) {width:11%}
#jobsWorkspace .jobs-table th:nth-child(5) {width:13%}
#jobsWorkspace .jobs-table th:nth-child(6) {width:13%}
#jobsWorkspace .jobs-table th:nth-child(7) {width:15%}
#jobsWorkspace .jobs-table th:nth-child(8) {width:2%}
#jobsWorkspace .jobs-table :is(th,td) {padding-inline:10px; vertical-align:middle; overflow-wrap:anywhere}
#jobsWorkspace .jobs-table td {padding-block:20px}
#jobsWorkspace .jobs-table :is(th,td):nth-child(6),
#jobsWorkspace .jobs-table :is(th,td):nth-child(7) {text-align:center}
#jobsWorkspace .jobs-table :is(th,td):nth-child(8) {padding-inline:0}
#jobsWorkspace .jobs-table .case-part-column {min-width:0; max-width:none}
#jobsWorkspace .jobs-table .case-part-item {max-width:100%}
#jobsWorkspace .jobs-table :is(.customer-cell,.appliance-cell,.appliance-cell>div,.schedule-cell) {min-width:0; max-width:100%}
#jobsWorkspace .jobs-table :is(.customer-cell span,.schedule-cell strong,.schedule-cell span,.appliance-cell small) {white-space:normal; overflow-wrap:anywhere}
#jobsWorkspace .jobs-table .appliance-icon {flex:0 0 36px; width:36px; height:36px}
#jobsWorkspace .jobs-table .job-number strong {font-size:13px}
body #jobsWorkspace .jobs-table .tech-picker {
  display:inline-flex; align-items:center; justify-content:center; width:132px;
  max-width:100%; min-width:0; min-height:44px; padding:10px 8px;
  text-align:center; white-space:normal; overflow-wrap:anywhere; line-height:1.4;
}
#jobsWorkspace .jobs-table td:nth-child(7) > :not(.job-status-stack) {
  max-width:100%; min-width:0; text-align:center; white-space:normal; overflow-wrap:anywhere;
}
/* Reuse the real interactive Case cards at the approved narrower breakpoint. */
@media (min-width:901px) and (max-width:1365px) {
  #jobsWorkspace .jobs-table {display:none}
  #jobsWorkspace .mobile-job-list {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:16px}
  #jobsWorkspace .mobile-job-card {display:grid; align-content:start; gap:12px; min-width:0; padding:16px; border:1px solid var(--line,#e1e8f0); border-radius:12px; background:#fff}
  #jobsWorkspace .mobile-job-head {display:flex; align-items:flex-start; justify-content:space-between; gap:12px}
  #jobsWorkspace .mobile-job-main {display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; min-width:0}
  #jobsWorkspace .mobile-job-main :is(h3,p) {margin:0 0 5px; overflow-wrap:anywhere}
  #jobsWorkspace .mobile-job-main h3 {font-size:15px}
  #jobsWorkspace .mobile-job-main p {font-size:13px; line-height:1.5; color:var(--wr-muted,#596c83)}
  #jobsWorkspace .mobile-job-meta {display:grid; grid-template-columns:minmax(0,1fr) 132px; align-items:center; gap:12px; padding-top:12px; border-top:1px solid var(--line,#e1e8f0)}
  #jobsWorkspace .mobile-job-meta svg {width:14px; height:14px; flex:none}
}
#jobsWorkspace .mobile-job-head > .job-status-stack {width:144px; flex:0 1 144px}
#jobsWorkspace .mobile-job-head > .mobile-job-open {min-width:0; overflow-wrap:anywhere; text-align:left}
@media (max-width:900px) {
  #jobsWorkspace .mobile-job-head {gap:10px; align-items:flex-start}
  #jobsWorkspace .mobile-job-head > .job-status-stack {width:136px; flex-basis:136px}
  body #jobsWorkspace .mobile-job-head .status {width:136px; padding-inline:8px}
}