:root{font:16px/1.5 system-ui,sans-serif;color:#152539;background:#eef3f8;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}main{max-width:780px;margin:auto;padding:24px}header{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:24px}header strong{font-size:24px}header span{align-self:center;color:#536275}section{background:white;border-radius:16px;padding:24px;margin:16px 0}label{display:grid;gap:6px;margin:14px 0}input,select,textarea,button{font:inherit;border-radius:8px;padding:10px 12px;min-height:44px}input,select,textarea{border:1px solid #94a3b8;width:100%}button{cursor:pointer;background:#1763c0;color:white;border:0;margin:6px 6px 6px 0}button:disabled{opacity:.6}p{overflow-wrap:anywhere}#message:empty{display:none}#message{background:#e1ecff;padding:12px;border-radius:8px}.user{border-top:1px solid #dbe3ed;padding:16px 0}#temporary{background:#fff3ce;padding:16px;white-space:pre-wrap}h1{font-size:26px}h2{font-size:21px}@media(max-width:480px){main{padding:12px}section{padding:16px}button{width:100%;margin-right:0}}

.driver-card{border-top:1px solid #dbe3ed;padding:20px 0}.driver-photo{width:112px;height:112px;object-fit:cover;border-radius:12px;display:block}.driver-note{white-space:pre-wrap}.vehicle-row{border-top:1px solid #dbe3ed;padding:12px 0}textarea{resize:vertical}
main{max-width:1280px}#login{max-width:460px;margin:60px auto}#account{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:0;background:transparent}aside{position:sticky;top:24px;align-self:start;background:#fff;border:1px solid #dbe3ed;border-radius:16px;padding:20px}nav{display:grid;gap:8px}nav button{margin:0;text-align:left;background:transparent;color:#334155}nav button[aria-current=page]{background:#e1ecff;color:#124d98;font-weight:650}.workspace{min-width:0}#screen,#users{margin:0;border:1px solid #dbe3ed;min-height:420px}.page-heading h1{margin:12px 0 24px}.page-heading>button,.secondary{background:#e8eef5;color:#243c57}.toolbar{display:flex;gap:16px;align-items:center;margin-bottom:24px}.toolbar input{flex:1;min-width:0}.toolbar button{white-space:nowrap;margin:0}.record-row{display:grid;grid-template-columns:56px 1.4fr 1fr 1fr;align-items:center;gap:16px;width:100%;background:white;color:#152539;text-align:left;padding:16px;border:1px solid #dbe3ed;margin:0 0 8px}.record-row:not(:has(img)){grid-template-columns:1.4fr 1fr 1fr}.record-row:hover{border-color:#1763c0;background:#f5f9ff}.record-row .driver-photo{width:48px;height:48px}.record-row span{font-size:14px;color:#536275}.badge{background:#eff4f8;padding:5px 9px;border-radius:7px;width:fit-content}.record-form{max-width:640px}.form-actions{display:flex;gap:12px;margin-top:28px}.form-actions button+button{background:#e8eef5;color:#243c57}.details{margin-bottom:24px}.access-actions{border-top:1px solid #dbe3ed;margin-top:32px;padding-top:16px}.access-actions button{background:#e8eef5;color:#243c57}#credential{background:#fff3ce;padding:16px;border-radius:12px;margin-bottom:20px}#temporary{padding:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #73a9e8;outline-offset:3px}
@media(max-width:700px){main{padding:12px}header{margin-bottom:12px}#account{display:block}aside{position:static;padding:12px;margin-bottom:16px}aside p{margin:0 0 8px}nav{display:flex;gap:8px}nav button{width:auto;flex:1;text-align:center}#logout{width:auto;margin:8px 0 0}#screen,#users{padding:16px;min-height:0}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.record-row,.record-row:not(:has(img)){display:flex;flex-wrap:wrap;gap:8px 14px;padding:16px}.record-row strong{flex-basis:calc(100% - 65px)}.record-row span{flex-basis:100%}.record-row .badge{flex-basis:auto}.form-actions{position:sticky;bottom:0;background:white;padding:12px 0;margin-top:20px}.form-actions button{width:auto;flex:1;margin:0}input,select,textarea{font-size:16px}.page-heading>button{width:auto}.workspace{width:100%}}

nav{flex-wrap:wrap}.inspection-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:16px 0}.inspection-photos a{color:#164f96;text-decoration:none;min-width:0}.inspection-photos img{width:100%;height:130px;object-fit:cover;border-radius:8px;display:block}.inspection-photos span{font-size:14px}.capture-box{border:1px solid #dbe3ed;border-radius:12px;padding:16px;margin:14px 0}.capture-box img,.capture-box video{max-width:100%;max-height:340px;display:block;border-radius:8px}.capture-box video{width:100%;background:#182534}.check-label{display:flex;align-items:flex-start;gap:12px}.check-label input{width:22px;min-height:22px;flex-shrink:0;margin-top:3px}.damage-card{border-left:4px solid #c77713;padding:12px;margin:12px 0;background:#fffbef}details{border:1px solid #dbe3ed;border-radius:10px;padding:12px;margin:12px 0}summary{cursor:pointer;font-weight:600}.inspection-form h3{font-size:18px}.inspection-form>button{width:auto}

.portrait-camera{margin:20px 0;padding:16px;border:1px solid #dbe3ed;border-radius:12px}.portrait-camera video{display:block;max-width:100%;max-height:360px;border-radius:8px;background:#182534}.portrait-camera .driver-photo{margin-bottom:12px}

.verification-photo{display:block;max-width:100%;width:560px;max-height:480px;object-fit:contain;border-radius:12px;margin:12px 0}

.record-history{border-top:1px solid #dbe3ed;margin-top:28px;padding:20px 0}.record-history h2{margin:20px 0 12px}.history-event{margin:12px 0;padding:14px;border:1px solid #dbe3ed;border-radius:10px}.history-event p{margin:8px 0}.history-event summary{line-height:1.6}.history-event>button{background:#e8eef5;color:#243c57;max-width:100%;white-space:normal;text-align:left}