/* Benza KZ Garage — self-contained responsive component styles. */
#garage-app [hidden]{display:none!important}
.garage-page{padding-top:48px;padding-bottom:90px}
.garage-hero{max-width:900px;padding:5px 0 35px}
.garage-hero h1{font-size:clamp(2.85rem,5vw,4.5rem);margin-top:15px;letter-spacing:-.047em}
.garage-hero p{margin-top:17px;color:var(--muted);font-size:1.12rem;max-width:820px;line-height:1.7}
.garage-privacy{background:#eefa9d;background:var(--lime);padding:18px 23px;border-radius:12px;margin:0 0 28px;line-height:1.6;display:flex;align-items:start;gap:15px}
.garage-privacy>span:first-child{font-size:1.45rem}
.garage-privacy p{font-size:.875rem}
.garage-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:22px 25px;background:var(--wash);border:1px solid var(--line);border-radius:13px;margin-bottom:26px}
.garage-toolbar label{font-size:.84rem;font-weight:700}
.garage-toolbar select{max-width:440px;flex:1;min-width:220px}
.garage-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border-radius:7px;padding:10px 16px;font-weight:650;font-size:.87rem;border:1px solid #c7cec8;background:white;color:var(--ink);cursor:pointer;transition:background .16s}
.garage-button:hover{background:#edf1e8}.garage-button:focus-visible,.garage-field :focus-visible{outline:3px solid #86a41c;outline-offset:2px}
.garage-button-primary{background:var(--dark);border-color:var(--dark);color:white}.garage-button-primary:hover{background:#39473d}
.garage-button-warning{color:#994a40;border-color:#e8cac3}
.garage-card{padding:26px;border:1px solid var(--line);border-radius:13px;margin-bottom:25px;background:white}
.garage-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:23px}
.garage-card h2{font-size:clamp(1.42rem,2.3vw,1.85rem);letter-spacing:-.035em}
.garage-card h3{font-size:1.06rem;margin-bottom:12px}
.garage-subtext{font-size:.875rem;color:var(--muted);line-height:1.65;margin-top:9px}
.garage-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.garage-fields-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.garage-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.garage-field label{font-weight:600;font-size:.82rem;line-height:1.4}
.garage-field input,.garage-field select,.garage-toolbar select{min-height:45px;border-radius:6px;border:1px solid #c8d1c9;background:#fff;font:inherit;color:var(--ink);padding:8px 11px;min-width:0;width:100%;font-size:1rem}
.garage-field input[type=checkbox]{min-height:0;width:auto;margin:0 9px 0 0}
.garage-checkbox{display:flex;align-items:center;gap:8px;margin-top:22px;line-height:1.45;font-size:.89rem}
.garage-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.garage-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:21px}
.garage-stat{background:var(--wash);border:1px solid var(--line);border-radius:11px;padding:23px 19px;min-width:0}
.garage-stat span{font-size:.79rem;color:var(--muted);display:block}
.garage-stat strong{font-size:clamp(1.1rem,2.15vw,1.65rem);display:block;margin-top:5px;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.3}
.garage-month-control{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.garage-month-control input{border:1px solid #c8d1c9;border-radius:7px;padding:9px;font:inherit;max-width:200px}
.garage-forecast{background:var(--dark);border-radius:12px;padding:24px;color:white;margin-bottom:24px;display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:20px;align-items:center}
.garage-forecast span{color:#cddccf;font-size:.85rem;display:block}.garage-forecast strong{font-size:2rem;display:block;line-height:1.4}.garage-forecast small{color:#c6d5c8;font-size:.82rem;line-height:1.5}
.garage-bar-row{display:grid;grid-template-columns:60px minmax(0,1fr) 115px;align-items:center;gap:14px;margin:14px 0;font-size:.83rem}
.garage-bar-row strong{text-align:right;font-size:.82rem;font-variant-numeric:tabular-nums}
.garage-bar-track{height:15px;background:var(--wash);border-radius:9px;overflow:hidden;display:block}.garage-bar-fill{height:100%;background:#8ba83b;border-radius:9px;display:block}
.garage-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:9px}
.garage-table{font-size:.83rem;min-width:820px}.garage-table th,.garage-table td{padding:11px 12px;vertical-align:middle}
.garage-table td{text-align:left}.garage-table th:last-child{min-width:135px}.garage-table thead th{text-align:left}
.garage-actions{white-space:nowrap}.garage-actions button{border:0;background:none;color:#305746;text-decoration:underline;cursor:pointer;margin-right:8px;padding:3px;font-size:.85rem}.garage-actions button:last-child{color:#a54e45}
.garage-message{padding:12px 18px;margin:0 0 20px;border-radius:7px;background:#eff7dc;color:#315125;font-size:.88rem;min-height:45px;line-height:1.6}.garage-message-error{background:#ffebe7;color:#922e26}
.garage-empty{padding:20px;color:var(--muted);font-size:.95rem}
.garage-data-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.garage-data-tools label{cursor:pointer}
.garage-data-tools input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;left:-9999px}
.garage-guide{padding:28px 0 0;border-top:1px solid var(--line);margin-top:45px;max-width:940px}
.garage-guide h2{margin-bottom:18px}.garage-guide p{color:var(--muted);margin:12px 0;line-height:1.7}
.garage-guide ul{padding-left:22px;color:var(--muted)}.garage-guide li{margin:11px 0}
@media(max-width:1050px){.garage-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.garage-page{padding-top:25px;padding-bottom:55px}.garage-card{padding:17px}.garage-toolbar{padding:16px;gap:10px}.garage-toolbar select{max-width:100%;flex-basis:100%}.garage-fields,.garage-fields-3,.garage-forecast{grid-template-columns:1fr}.garage-forecast{gap:12px}.garage-hero p{font-size:1rem}.garage-privacy{padding:15px}.garage-bar-row{grid-template-columns:40px minmax(0,1fr) 95px;gap:7px}.garage-stats{gap:9px}.garage-stat{padding:17px 13px}.garage-stat strong{font-size:1.14rem}}
@media(max-width:380px){.garage-stats{grid-template-columns:1fr}.garage-bar-row{grid-template-columns:36px minmax(0,1fr) 90px}.garage-button{width:100%}}

.garage-home-feature{background:#f1f5ec;border-block:1px solid var(--line)}.garage-home-feature-inner{display:flex;align-items:center;justify-content:space-between;gap:26px}.garage-home-feature h2{margin-top:12px}.garage-home-feature p{margin-top:12px;color:var(--muted);max-width:670px}.garage-home-feature .button{flex-shrink:0;margin-top:0}@media(max-width:680px){.garage-home-feature-inner{flex-direction:column;align-items:flex-start}.garage-home-feature .button{max-width:100%}}