:root{color-scheme:light;--ink:#241c15;--amber:#f59e0b}
*{box-sizing:border-box}body{margin:0;background:#f7f8f3;color:var(--ink);font-family:system-ui,sans-serif}.parkingDriver{width:100%;max-width:640px;margin:auto;padding:20px 14px 40px;display:grid;gap:18px}.parkingCard{min-width:0;padding:22px;background:#fff;border:1px solid #e4e5df;border-radius:18px}.parkingBrand{text-align:center;border-top:3px solid var(--amber)}.parkingBrand img{display:block;width:auto;max-width:100%;height:110px;object-fit:contain;margin:0 auto 16px}[hidden],.parkingBrand img[hidden]{display:none!important}h1{font-size:26px;margin:0 0 12px}h2{font-size:21px;margin:0 0 16px}p{line-height:1.5}.parkingMuted{color:#656963;font-size:14px}.parkingPrimary,.parkingSecondary{display:inline-flex;justify-content:center;align-items:center;text-align:center;width:100%;min-height:48px;border-radius:12px;padding:12px 16px;font:inherit;text-decoration:none;cursor:pointer;color:var(--ink)}.parkingPrimary{background:var(--amber);border:1px solid var(--amber)}.parkingSecondary{background:#fff;border:1px solid #d9dbd4}form{display:grid;gap:14px}label{display:grid;gap:7px}input,select{width:100%;min-height:48px;border:1px solid #d9dbd4;border-radius:10px;padding:10px;font:inherit}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}details{margin-top:20px}summary{cursor:pointer;padding:8px 0}details form{margin-top:14px}.registeredLot{padding:14px 0;border-bottom:1px solid #eee}.registeredLot h3{margin:0 0 6px;font-size:17px}.registeredLot p{margin:4px 0;color:#62665f}footer{text-align:center}footer a{color:var(--ink)}#refreshLots{margin-top:14px}@media(max-width:380px){.parkingCard{padding:16px}}

/* QR landing flow is one continuous card, including sign-in and registration. */
.parkingLandingCard{border-top:3px solid var(--amber)}
.parkingLandingCard>.parkingBrand{border-top:0}
.parkingLandingSection{margin-top:24px}
.parkingLandingCard #lotStatus:empty{display:none}
#platePanel #addPlateLink{margin-top:14px}
.parkingTextLink{display:inline-flex;align-items:center;width:auto;color:#1687c7;font-weight:750;text-decoration:none}
.parkingTextLink:hover{text-decoration:underline}

.parkingLogoPair{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 16px;max-width:100%}
.parkingBrand .parkingLogoPair img{height:110px;width:auto;max-width:40%;min-width:0;object-fit:contain;margin:0}
.parkingLogoPair span{font-size:32px;font-weight:400;flex:none}
@media(max-width:380px){.parkingLogoPair{gap:12px}.parkingBrand .parkingLogoPair img{height:85px}}