.contract-note{background:#eef8fa;border:1px solid #d8eef3;border-radius:9px;padding:14px;margin-bottom:20px;color:#0b2638;font-size:12px}.contract-note p{color:#657783;margin:5px 0 0;line-height:1.5}.panel h3{font-size:14px;margin:20px 0 10px}.document-alerts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}.document-alert{border:1px solid #e8d9c5;background:#fff9f0;border-radius:8px;padding:11px 12px;font-size:11px}.document-alert strong,.document-alert span{display:block}.document-alert span{color:#9b6c2c;margin-top:4px}.all-clear{color:#0a678c;font-size:12px;margin:4px 0}.row-note{display:block;font-size:10px;color:#71838b;margin-top:4px;max-width:280px;white-space:normal}dialog textarea{width:100%;padding:9px 10px;border:1px solid #cbd9de;border-radius:7px;color:#0b2638;background:#fff;resize:vertical}dialog input[type=file]{height:auto;padding:9px 10px}#document-dialog{max-height:90vh;overflow:auto}
button.document-alert{width:100%;text-align:left;cursor:pointer;font:inherit;color:#0b2638;transition:border-color .15s,background .15s,transform .15s}button.document-alert:hover{border-color:#0a7da4;background:#f2fbfd;transform:translateY(-1px)}button.document-alert:focus-visible{outline:3px solid #0a7da4;outline-offset:2px}.document-alert small{display:block;color:#087da4;font-weight:700;margin-top:9px;font-size:11px}#third-party-fields[hidden]{display:none}
#bike-dialog{width:min(720px,calc(100% - 24px));max-height:92vh;overflow:auto}#bike-dialog form{gap:14px}.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vehicle-grid>*{min-width:0}.vehicle-grid .wide{grid-column:1/-1}.vehicle-details{border:1px solid #dce8ec;border-radius:9px;padding:12px}.vehicle-details summary{cursor:pointer;font-size:13px;font-weight:800;color:#0b2638}.vehicle-details .vehicle-grid{margin-top:13px}.vehicle-details .help{margin-top:12px}.contract-end{align-self:end;padding:10px 12px;border-radius:7px;background:#eef8fa;color:#415767;font-size:11px}.contract-end strong{display:block;margin-top:3px;color:#0a678c;font-size:13px}.contract-note a{color:#087da4;font-weight:800;text-decoration:underline}@media(max-width:540px){.vehicle-grid{grid-template-columns:minmax(0,1fr)}.vehicle-grid .wide{grid-column:auto}}
a.document-alert{display:block;text-decoration:none;color:#0b2638}a.document-alert:hover{border-color:#0a7da4;background:#f2fbfd}a.document-alert:focus-visible{outline:3px solid #0a7da4;outline-offset:2px}
.vehicle-groups{border:1px solid #dce8ec;border-radius:9px;padding:10px 12px}.vehicle-groups legend{font-size:12px;font-weight:800;color:#0b2638}.vehicle-groups>div{display:flex;flex-wrap:wrap;gap:8px 14px}.vehicle-groups label{display:flex;align-items:center;gap:5px;font-size:11px}.vehicle-groups small{display:block;color:#71838b;margin-top:8px;font-size:10px}
.notification-note{background:#eef8fa;border:1px solid #d8eef3;border-radius:8px;padding:12px 14px;color:#35576a;font-size:12px;line-height:1.5}.table-wrap [data-notification-row] input[type=time],.table-wrap [data-notification-row] input[type=number],.table-wrap [data-notification-row] select{border:1px solid #cbd9de;border-radius:7px;background:#fff;color:#0b2638;padding:7px 8px;font:inherit}.table-wrap [data-notification-row] input[type=number]{width:68px}.notification-toggle{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.document-alert{display:flex;flex-direction:column;align-items:flex-start;min-height:104px;gap:3px;touch-action:manipulation}.document-alert .document-alert-action{display:inline-flex;align-items:center;gap:8px;background:#087da4;color:#fff;border-radius:6px;padding:7px 9px;margin-top:auto;font-size:11px;line-height:1.2}.document-alert .document-alert-action span{display:inline;color:inherit;margin:0}.document-alert:hover .document-alert-action,.document-alert:focus-visible .document-alert-action{background:#0b2638}.document-alert:active{transform:scale(.99)}
.document-search{margin:20px 0 23px}.document-search label{display:block;font-size:12px;font-weight:800;color:#0b2638;margin-bottom:7px}.document-search-controls{display:flex;align-items:center;gap:9px}.document-search input{width:min(460px,100%);min-height:43px;border:1px solid #b8cbd3;border-radius:8px;padding:10px 13px;background:#fff;color:#0b2638;font:inherit;font-size:13px}.document-search input:focus-visible{outline:3px solid #a5dce9;outline-offset:1px;border-color:#087da4}.document-search-controls button,.document-more{border:1px solid #cbdfe5;border-radius:8px;background:#eef8fa;color:#0a678c;font-size:12px;font-weight:800;padding:10px 13px;white-space:nowrap}.document-search-controls button:hover,.document-more:hover{background:#dceff4}.document-search p{font-size:11px;color:#657783;margin:7px 0 0}.document-more{display:block;margin:13px 0 6px}@media(max-width:600px){.document-search-controls{align-items:stretch;flex-direction:column}.document-search input{width:100%}.document-search-controls button{align-self:flex-start}}
.document-record-filters{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;margin:12px 0 18px}.document-record-filters label{display:grid;gap:6px;color:#415767;font-size:11px;font-weight:800}.document-record-filters select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #cbd9de;border-radius:8px;background:#fff;color:#0b2638;font:inherit;font-size:12px}.document-record-filters select:focus-visible{outline:3px solid #a5dce9;outline-offset:1px;border-color:#087da4}.document-status{display:inline-block;border-radius:30px;padding:6px 10px;font-size:11px;font-weight:800;white-space:nowrap}.document-status.good{background:#dff3e6;color:#116638}.document-status.expired{background:#fce6e4;color:#ac2e29}.document-status.due{background:#fff0d9;color:#9b5c08}.document-status.pending{background:#edf2f3;color:#52636c}@media(max-width:700px){.document-record-filters{grid-template-columns:1fr}}

.bike-banner{flex-wrap:wrap}.bike-banner .vehicle-documents-alert{display:flex;align-items:center;gap:1rem;width:100%;margin-top:.4rem;padding:1rem 1.2rem;border:2px solid #c53535;border-radius:13px;background:#fff1f0;color:#a11e1e;text-align:left;cursor:pointer}.vehicle-documents-alert[hidden]{display:none}.vehicle-documents-alert strong{font-size:1rem}.vehicle-documents-alert span:nth-child(2){flex:1}.vehicle-documents-dialog{width:min(94vw,620px);max-height:85vh;overflow:auto;border:0;border-radius:20px;padding:1.5rem;color:#0b2638;box-shadow:0 20px 60px #0004}.vehicle-documents-dialog::backdrop{background:#082230aa}.vehicle-document-upload{border-top:1px solid #d8e7eb;padding:1rem 0;display:grid;gap:.7rem}.vehicle-document-upload div{display:grid;gap:.2rem}.vehicle-document-upload small{color:#a11e1e}.vehicle-document-upload label{display:grid;gap:.3rem}.vehicle-document-upload input{max-width:100%}.vehicle-document-upload button{justify-self:start;border:0;border-radius:10px;padding:.7rem 1rem;background:#007da5;color:white;font-weight:700}.vehicle-document-upload button:disabled{opacity:.5}
.document-inactive-filter{display:flex;align-items:center;gap:.5rem;align-self:end;min-height:2.8rem;font-weight:700}.document-inactive-filter input{width:1.2rem;height:1.2rem;accent-color:#087da4}.document-status.inactive{background:#eef1f2;color:#657783}

.document-record-filters{grid-template-columns:repeat(4,minmax(140px,1fr))}.document-record-filters .document-inactive-filter{display:flex;align-items:center;gap:.5rem}@media(max-width:700px){.document-record-filters{grid-template-columns:1fr}}