.po-job-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.po-job-kpis article{background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.po-job-kpis span{display:block;color:#667085;font-size:13px}.po-job-kpis strong{display:block;font-size:30px;margin-top:6px}.po-job-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin:18px 0}.po-job-filters input,.po-job-filters select{width:100%;border:1px solid #d8dee8;border-radius:10px;padding:11px 12px;background:#fff}.po-job-list{background:#fff;border:1px solid #e7eaf0;border-radius:16px;overflow:hidden}.po-job-row{display:grid;grid-template-columns:minmax(0,2fr) auto auto 170px;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid #edf0f5;color:inherit;text-decoration:none}.po-job-row:last-child{border-bottom:0}.po-job-row:hover{background:#fafbff}.po-job-row div span{display:block;color:#667085;font-size:13px;margin-top:3px}.po-job-status,.po-job-priority{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.po-job-status--new{background:#eef2ff;color:#4338ca}.po-job-status--scheduled{background:#e0f2fe;color:#0369a1}.po-job-status--in_progress{background:#fef3c7;color:#92400e}.po-job-status--on_hold{background:#f3f4f6;color:#4b5563}.po-job-status--completed{background:#dcfce7;color:#166534}.po-job-status--cancelled{background:#fee2e2;color:#991b1b}.po-job-priority--low{background:#f3f4f6;color:#4b5563}.po-job-priority--normal{background:#eff6ff;color:#1d4ed8}.po-job-priority--high{background:#ffedd5;color:#9a3412}.po-job-priority--urgent{background:#fee2e2;color:#b91c1c}.po-job-profile-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:22px}.po-job-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.po-job-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 24px}.po-job-details div{padding:14px;border-radius:12px;background:#f8fafc}.po-job-details dt{font-size:12px;color:#667085;text-transform:uppercase}.po-job-details dd{margin:4px 0 0;font-weight:700}.po-job-upload{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.po-job-files{margin-top:16px}.po-job-file{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf0f5}.po-job-file a{text-decoration:none}.po-job-file small{display:block;color:#667085}.po-job-file button{border:0;background:transparent;font-size:24px;cursor:pointer}.po-job-timeline{list-style:none;padding:0;margin:0}.po-job-timeline li{display:grid;grid-template-columns:12px 1fr;gap:10px;padding-bottom:18px}.po-job-timeline li>span{width:10px;height:10px;border-radius:50%;background:#4f46e5;margin-top:6px}.po-job-timeline p{margin:4px 0;color:#667085}.po-job-timeline small{color:#98a2b3}.po-button--danger{background:#b42318;color:#fff;border:0}.po-empty-state{padding:22px;color:#667085}
@media(max-width:900px){.po-job-kpis{grid-template-columns:repeat(2,1fr)}.po-job-filters{grid-template-columns:1fr 1fr}.po-job-filters input{grid-column:1/-1}.po-job-profile-grid{grid-template-columns:1fr}.po-job-row{grid-template-columns:1fr auto auto}.po-job-row time{grid-column:1/-1;color:#667085;font-size:13px}}
@media(max-width:600px){.po-job-kpis{grid-template-columns:1fr 1fr;gap:10px}.po-job-kpis article{padding:15px}.po-job-filters{grid-template-columns:1fr}.po-job-filters input{grid-column:auto}.po-job-row{grid-template-columns:1fr;gap:8px}.po-job-row time{grid-column:auto}.po-job-details{grid-template-columns:1fr}.po-job-upload{align-items:stretch}.po-job-upload input,.po-job-upload button{width:100%}}