.vehicle-maintenance-list{display:grid;gap:14px;margin-top:16px}
.vehicle-maintenance-item{padding:20px 22px;border:1px solid #cbd9e9;border-left:4px solid #b57c13;border-radius:10px;background:#fff;color:#1c2e45;box-shadow:0 4px 16px #1734520a}
.vehicle-maintenance-item:has(.vehicle-maintenance-status.approved){border-left-color:#248262}
.vehicle-maintenance-item:has(.vehicle-maintenance-status.declined){border-left-color:#a33a47}
.vehicle-maintenance-item:has(.vehicle-maintenance-status.back-in-service){border-left-color:#248262}
.vehicle-maintenance-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.vehicle-maintenance-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.vehicle-maintenance-item h3{margin:0;font-size:20px;line-height:1.2;color:#172d49}
.vehicle-maintenance-operation{color:#4b6481;font-size:13px;font-weight:700;background:#edf3f9;padding:5px 9px;border-radius:6px}
.vehicle-maintenance-status{flex:none;display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fff2d5;color:#805600;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.vehicle-maintenance-status.approved{background:#e3f3ec;color:#176749}
.vehicle-maintenance-status.declined{background:#fbe8ea;color:#9e3340}
.vehicle-maintenance-status.back-in-service{background:#e3f3ec;color:#176749}
.vehicle-maintenance-submitted{margin:8px 0 0;color:#61758c;font-size:13px;line-height:1.4}
.vehicle-maintenance-submitted strong{color:#344d68}
.vehicle-maintenance-issue{margin-top:18px;padding:14px 16px;border:1px solid #dbe5f0;border-radius:8px;background:#f6f9fc}
.vehicle-maintenance-issue>strong{font-size:12px;color:#4f6883;text-transform:uppercase;letter-spacing:.05em}
.vehicle-maintenance-issue p{margin:7px 0 0;white-space:pre-wrap;line-height:1.45;overflow-wrap:anywhere}
.vehicle-maintenance-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:18px}
.vehicle-maintenance-actions label{display:grid;gap:6px;min-width:175px;font-size:12px;font-weight:700;color:#344d68}
.vehicle-maintenance-actions select{width:100%;min-height:42px;padding:8px 12px;border:1px solid #a9bfd6;border-radius:6px;background:#fff;color:#1c2e45;font:inherit;font-size:14px}
.vehicle-maintenance-actions button{min-height:42px;padding:9px 14px;font-size:14px;white-space:nowrap}
.vehicle-maintenance-actions .delete{background:#fff;color:#a33a47;border:1px solid #d7a4aa}
.vehicle-maintenance-actions .delete:hover{background:#fff1f2}
.vehicle-maintenance-reviewer{margin:14px 0 0;color:#4b6078;font-size:13px}
@media(max-width:580px){.vehicle-maintenance-item{padding:16px}.vehicle-maintenance-heading{align-items:flex-start;flex-direction:column}.vehicle-maintenance-actions{align-items:stretch}.vehicle-maintenance-actions label{width:100%}.vehicle-maintenance-actions button{flex:1;white-space:normal}}
.vehicle-maintenance-issues{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:10px 0}.vehicle-maintenance-issues li{display:grid;gap:2px;padding:7px 10px;background:#e7f0fa;border-radius:6px;font-size:12px}.vehicle-maintenance-issues li span{font-size:11px;color:#59728b}
.vehicle-maintenance-photos{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.vehicle-maintenance-photos a{display:grid;gap:5px;width:155px;padding:6px;border:1px solid #cbd9e9;border-radius:7px;background:#fff;color:#234c73;font-size:12px;font-weight:700;text-decoration:none}.vehicle-maintenance-photos img{width:100%;height:100px;object-fit:cover;border-radius:4px}.vehicle-maintenance-photos span{padding:0 3px 3px}