/* Adapts the working pilot forms to the supplied CarPass Pilot UI kit. */
.auth-stage{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#113e63 0,transparent 38%),#061522}
.auth-card{width:min(440px,100%);padding:30px;background:#fff;border-radius:24px;box-shadow:0 28px 75px #0006}
.auth-card .brand{color:#071b31;margin-bottom:24px}.auth-card h1{margin:0 0 9px;font-size:30px;line-height:1.08}.auth-card .muted{color:var(--muted)}
.auth-card .status{min-height:20px;margin:0;color:#bf3f48}.hidden{display:none!important}.muted{color:var(--muted)}
.pilot-shell{min-height:100vh}.pilot-sidebar{gap:0}.pilot-sidebar .sidebar-foot{margin-top:auto}.pilot-sidebar footer{color:#8fb1c9;font-size:12px;padding:16px 10px 0;border-top:1px solid #ffffff18;margin-top:auto}
.pilot-nav-button{border:0;width:100%;text-align:left;cursor:pointer}.pilot-nav-button.active{background:#17466c;color:#fff}.pilot-nav-button:hover{background:#17466c;color:#fff}
.pilot-content{max-width:1420px}.hero-caption{max-width:710px;margin-bottom:22px}.hero-caption h2{font-size:clamp(28px,4vw,42px);margin:0 0 8px;letter-spacing:-1px}.hero-caption p{margin:0;color:var(--muted);font-size:16px}
.pilot-row,.row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #edf1f4}.pilot-row:last-child,.row:last-child{border:0}.pilot-row strong,.row strong{font-size:14px}.pilot-row small,.row small{display:block;margin-top:3px}.pilot-list{display:grid;gap:0}.pilot-list .muted{padding:10px 0}
.form-card{padding:22px}.form-card h2{margin:0 0 16px;font-size:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stack{display:grid;gap:14px}.stack button,.form-grid button{justify-self:start}.notice{border-left:4px solid var(--blue);background:#eef7ff;border-radius:12px;padding:15px}.secret{font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.status{min-height:22px;color:var(--muted)}
.owner-hero{min-height:255px}.owner-hero .vehicle-meta{flex-wrap:wrap}.owner-hero .vehicle-meta b{font-size:16px}.owner-hero-art{display:grid;place-items:center;font-size:112px;filter:drop-shadow(0 22px 20px #00162888)}
.admin-layout .content{padding-bottom:60px}.admin-layout .grid{align-items:start}.admin-layout .card{grid-column:span 6}.admin-layout .card:nth-child(1),.admin-layout .card:nth-child(5){grid-column:span 4}.admin-layout .card:nth-child(2),.admin-layout .card:nth-child(6){grid-column:span 8}.admin-layout .card:last-child{grid-column:1/-1}.admin-layout select{max-width:360px}.admin-layout .list{display:grid;gap:8px}.admin-layout .list>div{padding:12px;border:1px solid var(--line);border-radius:12px}
.mechanic-layout{background:#eef3f6}.mechanic-layout .content{max-width:1200px}.mechanic-header-copy{margin-bottom:25px}.mechanic-header-copy h1{font-size:clamp(30px,5vw,48px);margin:8px 0}.task{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:12px;box-shadow:var(--shadow)}.task h2{margin:0}.qr{padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow-wrap:anywhere}.mechanic-layout .card{padding:24px}.mechanic-layout .topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.pill{display:inline-flex;padding:5px 9px;border-radius:99px;background:#e8f6f1;color:#16845e;font-size:11px;font-weight:750}.danger{background:#fff0f0!important;color:#c9444a!important;border:1px solid #f1c7c8!important}.secondary{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:none!important}
@media(max-width:1000px){.admin-layout .card,.admin-layout .card:nth-child(n){grid-column:span 6}}@media(max-width:700px){.auth-stage{padding:16px}.auth-card{padding:24px}.pilot-sidebar footer{display:none}.pilot-content{padding-bottom:95px}.form-grid{grid-template-columns:1fr}.admin-layout .card,.admin-layout .card:nth-child(n){grid-column:1/-1}.owner-hero{min-height:0}.owner-hero-art{font-size:82px}.mechanic-layout .topline{align-items:flex-start;flex-direction:column}}
