.dispatch-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:0 0 20px}.dispatch-toolbar>div,.dispatch-toolbar form{display:flex;gap:8px;align-items:end}.dispatch-toolbar label{display:grid;gap:5px}.dispatch-toolbar input{padding:9px;border:1px solid #bdc6d1;border-radius:7px}.dispatch-list{display:grid;gap:14px}.dispatch-job{border:1px solid #dce2e9;border-left:4px solid #2f765f;border-radius:10px;padding:16px;background:#fff}.dispatch-job.needs-assignment{border-left-color:#c27a20;background:#fffdf8}.dispatch-job header{display:flex;justify-content:space-between;gap:16px;align-items:start}.dispatch-job header>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dispatch-job h3{margin:0}.dispatch-job time{font-size:18px;font-weight:800}.dispatch-source,.dispatch-state{font-size:12px;padding:5px 8px;border-radius:999px;background:#edf2f5}.dispatch-state{background:#e7f2ed;color:#225c49}.needs-assignment .dispatch-state{background:#fff0d8;color:#76520f}.dispatch-job-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin:16px 0}.dispatch-job-grid span,.dispatch-job-grid small{display:block;color:#617181;font-size:12px}.dispatch-job details{border-top:1px solid #edf0f3;padding-top:12px;margin-top:12px}.dispatch-job summary{cursor:pointer;font-weight:700}@media(max-width:900px){.dispatch-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.dispatch-toolbar,.dispatch-toolbar>div,.dispatch-toolbar form{align-items:stretch;flex-direction:column}.dispatch-job-grid{grid-template-columns:1fr}.dispatch-job header{flex-direction:column}.dispatch-job .op-form{grid-template-columns:1fr}}