.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;width:100%;position:static}.password-field input{padding-right:12px;min-width:0}.password-toggle{position:static;transform:none;min-width:64px;min-height:44px;margin-top:6px;border:1px solid #cbd8ea;background:#eaf1fb;color:#2454a6;border-radius:10px;padding:8px 11px;font-size:.76rem;font-weight:800;cursor:pointer;z-index:auto}.password-toggle:hover{background:#dce9fb}.mobile-logout{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.mobile-logout button{width:100%;border:0;background:#fff0ef;color:var(--red);padding:10px;border-radius:8px;text-align:left;font-weight:800}.odometer-hint{display:block;color:#2463c7;font-size:.72rem;margin-top:5px}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.metric-strip span{background:#ffffff12;border:1px solid #ffffff18;border-radius:12px;padding:10px}.metric-strip small{display:block;color:#b9c8dc}.metric-strip strong{font-size:1rem}.report-link{color:var(--primary);font-weight:800;text-decoration:none}.report-link:hover{text-decoration:underline}.activity-list{display:grid;gap:10px}.activity-item{display:flex;justify-content:space-between;gap:14px;padding:12px;background:#f7f9fc;border-radius:11px}.activity-item small{display:block;color:var(--muted)}
.vehicle-banner-main{flex:1;min-width:0}.report-identity{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,#0b1324,#1f3c65);color:white;border-radius:18px;padding:22px;margin-bottom:22px;box-shadow:0 16px 40px #0b132428}.report-identity>div{display:grid;gap:4px}.report-identity small{color:#aebed5;font-weight:700}.report-identity h2,.report-identity p{margin:0}.report-identity .badge{margin-top:5px;width:max-content}.report-stats .stat span{display:block;color:var(--muted);font-size:.74rem;margin-top:4px}.report-stats .stat.accent span{color:#dceaff}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:#f8faff}input[readonly]{background:#f2f6fb;color:#34445a}.quick-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.quick-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1d4ed815;border-color:#b9cdf7}
.row-actions{display:flex;gap:7px;align-items:center}.row-actions form{margin:0}.badge.valid{background:#ddf6ea;color:#08734c}.badge.expiring-soon,.badge.expires-today{background:#fff0c9;color:#8b5700}.badge.expired,.badge.invalid{background:#ffe1df;color:#a72b25}.badge.not-set{background:#edf2f8;color:#65758b}.compliance-state{display:grid;gap:9px}.compliance-state .badge{width:max-content}.compliance-state small{color:var(--muted)}.pdf-action{background:#16233a;color:#fff}.pdf-action:hover{background:#0b1324}
@media(max-width:820px){.mobile-header{background:#0b1324ee;backdrop-filter:blur(18px);box-shadow:0 8px 30px #0b132430}.mobile-menu{width:min(280px,calc(100vw - 28px));max-height:calc(100vh - 80px);overflow:auto;border-radius:16px}.app-main{padding-left:14px;padding-right:14px}.metric-strip{grid-template-columns:1fr}.card{box-shadow:0 8px 28px #18253a0d}.report-identity{align-items:flex-start;flex-direction:column}.report-identity>div{width:100%}.page-head .inline-form{width:100%}}