/* Job Card visual pass. Presentation-only refinements for the existing workflow. */
body[data-view="jobs"] #content .summaryitem{border:1px solid #ffffff40;border-radius:6px;box-shadow:0 3px 10px #0f172a16!important}
body[data-view="jobs"] #content .kpiIcon{border-radius:5px;background:#ffffff24}
body[data-view="jobs"] #content .jobToolbarCard{border:1px solid #dbe4ef;border-radius:8px;box-shadow:0 3px 12px #0f172a09}
body[data-view="jobs"] #content .jobToolbarCard .toolbar .search,
body[data-view="jobs"] #content .jobFilters select,
body[data-view="jobs"] #content .jobFilters .selectTrigger,
body[data-view="jobs"] #content .jobDateField input{border-radius:5px}
body[data-view="jobs"] #content .pipeline{border:1px solid #dbe4ef;border-radius:8px;box-shadow:0 2px 8px #0f172a08}
body[data-view="jobs"] #content .pipeline button{transition:filter .15s ease,box-shadow .15s ease}
body[data-view="jobs"] #content .pipeline button:hover{filter:brightness(.97);box-shadow:inset 0 -2px #2563eb55}
body[data-view="jobs"] #content .tablewrap{border:1px solid #dbe4ef;border-radius:8px;box-shadow:0 3px 12px #0f172a0a}
body[data-view="jobs"] #content .tablewrap th{background:#111a2d;color:#f8fafc}
body[data-view="jobs"] #content .tablewrap tbody tr:hover td{background:#f1f6ff}
body[data-view="jobs"] #content .tablewrap td .badge{border-radius:4px}
body[data-view="jobs"] #content .rowactions .btn{border-radius:5px;transition:transform .14s ease,filter .14s ease}
body[data-view="jobs"] #content .rowactions .btn:hover{transform:translateY(-1px);filter:brightness(.97)}
#modal .dialog:has(.jobSplit){border-radius:10px;box-shadow:0 24px 60px #0b112050}
#modal .dialog:has(.jobSplit) .dialoghead{background:#111a2d}
#modal .dialog:has(.jobSplit) .jobLeft .formgrid,
#modal .dialog:has(.jobSplit) .jobRight .jobBillingPanel{border-radius:6px}
#modal .dialog:has(.jobSplit) .jobRight .lineheading{border-radius:4px 4px 0 0}
#modal .dialog:has(.jobSplit) .jobRight .jobBillingTotals{border-radius:6px}
#modal .dialog:has(.jobSplit) .formactions{background:#f8fafc}
@media(max-width:600px){
  body[data-view="jobs"] #content .jobToolbarCard,
  body[data-view="jobs"] #content .pipeline,
  body[data-view="jobs"] #content .tablewrap{border-radius:6px}
}
