/* New individual-account journeys. */
#login-screen .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#login-screen .auth-tabs .auth-tab[data-tab=login]{grid-column:1/-1}
#login-screen .auth-tab{white-space:normal;min-height:43px;font-size:13px}
#login-screen #gar-individual-start{background:#087f77;color:white;border-color:#087f77}
#login-screen .gar-owner>div:first-child{max-width:620px}
#login-screen .gar-owner p{line-height:1.95}
#app-screen .gar-owner-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.gar-owner-stats>div{background:white;border:1px solid #dce7ed;border-radius:14px;padding:18px 22px;display:flex;align-items:center;gap:15px}
.gar-owner-stats strong{font-size:30px;color:#087f77;line-height:1.4}
.gar-owner-stats span{font-size:13px;line-height:1.8;color:#5d7385}
#app-screen .gar-vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;align-items:stretch}
#app-screen .gar-vehicle-card{display:flex;flex-direction:column;align-items:flex-start;text-align:start;font-family:inherit;width:100%;max-width:100%;padding:22px;cursor:pointer;transition:box-shadow .15s,border-color .15s}
#app-screen .gar-vehicle-card:hover{border-color:#07877d;box-shadow:0 10px 24px #12364a12}
.gar-vehicle-symbol{display:grid;place-items:center;background:#edf7f3;border-radius:12px;width:48px;height:48px;font-size:26px;margin-bottom:14px}
.gar-vehicle-alerts{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 18px}
.gar-vehicle-alerts .badge{white-space:normal;text-align:start;line-height:1.8}
.gar-vehicle-open{margin-top:auto;border-top:1px solid #e6edf1;padding-top:14px;width:100%;color:#087f77;font-size:13px;font-weight:700}
.gar-alert-summary{background:#fffbf2;border:1px solid #efdfba;border-radius:14px;margin-bottom:18px;overflow:hidden}
.gar-alert-summary summary{cursor:pointer;padding:16px 20px;font-size:14px;font-weight:700;color:#795316;line-height:1.8}
.gar-alert-summary summary b{display:inline-block;margin-inline-start:8px;padding:0 9px;border-radius:20px;background:#f5e6c5}
.gar-alert-items{max-height:240px;overflow:auto;padding:0 20px 16px}
#app-screen .page-header>div{flex-wrap:wrap;max-width:100%}
#app-screen .detail-card .btn{white-space:normal}
@media(max-width:700px){#app-screen .gar-owner-stats{gap:8px}.gar-owner-stats>div{flex-direction:column;align-items:flex-start;gap:3px;padding:13px 10px}.gar-owner-stats strong{font-size:25px}.gar-owner-stats span{font-size:11px}#app-screen .gar-vehicle-grid{grid-template-columns:1fr}#app-screen .page-header .btn{font-size:12px}.gar-alert-summary summary{padding:14px}}

#login-screen .login-layout{grid-template-areas:"intro box" "market market" "owner owner" "offers offers"}
.gar-market{grid-area:market;min-width:0;padding-top:18px}.gar-market-heading{text-align:center;max-width:720px;margin:0 auto 28px}.gar-market-heading>span{color:#07877d;font-size:10px;font-weight:800;letter-spacing:2px}.gar-market-heading h2{font-size:clamp(28px,3vw,40px);margin:12px 0;color:#17394f;line-height:1.5}.gar-market-heading p{color:#6e8294;font-size:15px;line-height:1.8}
.gar-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gar-market-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid #dde7ec;border-radius:20px;background:#fff;min-width:0;box-shadow:0 12px 30px -22px #16364f40}
.gar-market-card-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:22px}.gar-market-icon{display:grid;place-items:center;width:49px;height:49px;background:#e4f5ed;border-radius:15px;color:#087f77;font-size:26px;font-weight:700}.gar-market-card-top small{font-size:12px;color:#9cafbb;font-weight:700}
.gar-market-individual .gar-market-icon{background:#e9effc;color:#4266a8}.gar-market-part .gar-market-icon{background:#fff1dd;color:#b67722}.gar-market-car_sale .gar-market-icon{background:#f1eafa;color:#8058b0}
.gar-market-audience{font-size:13px;font-weight:700;color:#708391}.gar-market-card h3{font-size:23px;line-height:1.55;color:#17394f;margin:10px 0 12px}.gar-market-card p{font-size:13px;line-height:1.95;color:#647a8c;margin:0 0 24px}
.gar-market-card button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:1px solid #dbe8e7;border-radius:10px;background:#f1f8f5;color:#12685e;padding:12px;font-size:12px;font-weight:700;margin-top:auto;text-align:start}.gar-market-card button:hover{background:#deefe8}.gar-market-card .gar-sell-link{background:transparent;border:0;font-size:11px;color:#637b8f;padding:10px 0 0;margin:0}
.gar-market-foot{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 20px;margin-top:22px;color:#6d8394;font-size:12px;line-height:1.8}.gar-market-foot strong{color:#17736b;font-size:14px}
@media(max-width:1100px){.gar-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){#login-screen .login-layout{grid-template-areas:"intro" "box" "market" "owner" "offers"}}
@media(max-width:540px){.gar-market-grid{grid-template-columns:1fr}.gar-market-card{padding:22px}.gar-market-card p{font-size:14px}.gar-market-heading{text-align:start}.gar-market-card h3{font-size:25px}.gar-market-card-top{margin-bottom:14px}.gar-market-foot{justify-content:flex-start}}

#login-screen .gar-offer-grid #offers-panel-parts,#login-screen .gar-offer-grid #offers-panel-services{grid-area:auto;min-width:0;min-height:220px;height:auto;max-height:none}

