.job-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:22px 0}.job-metrics>div{background:white;border:1px solid #e3e8e9;border-radius:12px;padding:20px}.job-metrics small{display:block;color:#607780;font-size:12px}.job-metrics strong{display:block;font-size:25px;margin:8px 0;color:#183f48}.job-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px}.job-layout .box{margin-bottom:18px;padding:22px}.job-layout h2{font-size:17px;margin:0 0 14px}.job-layout .bar h2{margin:0}.job-layout .bar{gap:10px;flex-wrap:wrap;margin-bottom:16px}.job-tools{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.job-tools input[type=search]{flex:1;min-width:220px}.job-table{width:100%;border-collapse:collapse}.job-table th{font-size:11px;text-transform:uppercase;color:#607780;text-align:left;padding:12px 8px;white-space:nowrap}.job-table td{padding:14px 8px;border-top:1px solid #edf0f1;vertical-align:middle}.job-table small{display:block;color:#70858a;margin-top:4px}.job-table td button{margin:3px;font-size:12px}.job-link{border:0;background:transparent;color:#163e48;text-align:left;font-weight:650;padding:0!important}.job-empty{text-align:center;padding:55px 20px;color:#607780}.job-heading{display:flex;gap:15px;align-items:center;margin:8px 0}.job-state{font-size:12px;display:inline-flex;white-space:nowrap;padding:6px 10px;border-radius:6px;font-weight:650;background:#eef1f3;color:#51656c}.job-state-1{background:#eef0ff;color:#5356a0}.job-state-2{background:#e1f4e9;color:#267956}.job-state-3{background:#fff1d5;color:#926414}.job-state-4{background:#def5ed;color:#157454}.job-state-5{background:#fce7ec;color:#b13f5b}.job-data{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.job-data b{display:block;margin-bottom:5px}.job-pre{white-space:pre-wrap}.job-wide{grid-column:1/-1}.job-form textarea{min-height:80px}.job-form fieldset{border:1px solid #e1e5e6;padding:15px;border-radius:8px}.job-form fieldset .check{display:inline-flex;margin:7px 14px 7px 0}.job-task{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0f1;padding:13px 0}.job-task span{flex:1}.job-task button{font-size:11px}.job-task:has(input:checked) span{text-decoration:line-through;color:#71868b}.job-actions{display:flex;gap:8px;flex-wrap:wrap}.job-actions button{font-size:12px}.job-doc{border-top:1px solid #e8ecee;padding:12px 0}.job-doc b,.job-doc small{display:block}.job-doc small{color:#71858b;margin:5px 0}.job-doc button{font-size:11px;margin:3px}.job-upload{border:1px dashed #b8cdd1;border-radius:8px;padding:15px;display:block;color:#28555e;font-size:13px}.job-upload input{display:block;margin-top:8px;max-width:100%;font-size:11px}.job-attachments article{margin-top:14px;border:1px solid #e5e9e9;border-radius:8px;padding:10px}.job-attachments img{width:100%;max-height:150px;object-fit:contain;background:#f4f7f7}.job-attachments b{display:block;font-size:12px;word-break:break-word;margin:8px 0}.job-attachments button{font-size:11px}.job-pdf{display:block;padding:20px;text-align:center;background:#f9eff2;color:#a74360}.job-signature{max-width:100%;background:white;border:1px solid #e5e9e9}.job-form canvas{width:100%;height:170px;border:1px dashed #91afb5;background:white;touch-action:none}.job-secondary{min-width:0}.job-layout .scroll{overflow:auto}@media(max-width:1150px){.job-layout{grid-template-columns:1fr}.job-secondary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}}@media(max-width:650px){.job-metrics{grid-template-columns:1fr 1fr}.job-metrics strong{font-size:20px}.job-metrics>div{padding:14px}.job-secondary{display:block}}
