/* CentralMotor 14: espaco util, controles acessiveis e fluxo natural. */
:root{--cm-page-width:1280px;--cm-space:12px}
/* A reserva da barra inferior pertence somente ao body, nao ao html tambem. */
html{padding-bottom:0}
body,body.account-body,body.auth-body,body.garage-body{padding-bottom:calc(76px + env(safe-area-inset-bottom));min-height:100vh}
.container{width:min(var(--cm-page-width),calc(100% - 32px))}
.site-header .header-inner{height:56px;gap:12px}
.cm-app-nav{gap:8px;padding:6px 12px calc(6px + env(safe-area-inset-bottom))}
.cm-app-nav a{min-height:48px;gap:3px;padding:3px 8px}
.cm-app-nav .cm-icon{width:22px;height:22px}
.cm-home.container{max-width:960px;padding-top:24px;padding-bottom:0}
.cm-home h1{font-size:clamp(24px,3vw,30px);margin:0 0 18px;line-height:1.25}
.cm-launcher{gap:12px}
.cm-action{min-height:82px;padding:16px;gap:14px;border-radius:16px}
.cm-action strong{font-size:18px;line-height:1.35}
.cm-action-icon{width:46px;height:46px;border-radius:13px}
.cm-action-icon .cm-icon{width:27px;height:27px}
.cm-about{margin-top:12px}
.garage-main,.vehicle-main,.cm-photos-main,.catalog-section,.detail-section,.mt-main,.ad-main,.usage-main{padding-top:16px;padding-bottom:12px;min-height:0}
.catalog-heading,.garage-heading,.vehicle-heading,.browse-heading,.store-heading,.mt-heading,.ad-heading,.usage-heading{margin:0 0 16px;gap:12px}
.catalog-heading h1,.garage-heading h1,.vehicle-heading h1,.store-heading h1{font-size:clamp(24px,2.5vw,30px);line-height:1.2;margin-top:0}
.garage-heading .eyebrow{margin-bottom:8px}
.garage-heading p,.mt-heading p,.ad-heading p,.usage-heading p{margin-top:8px}
.breadcrumb,.store-back{margin-bottom:12px}
.account-shell{width:min(620px,calc(100% - 32px));margin:18px auto;min-height:0}
.account-body .account-card,.auth-body .account-card{padding:20px}
.account-card h2{font-size:26px;margin:0 0 14px}
.account-intro{margin-bottom:14px}
.account-form{gap:14px}
.account-field{gap:6px}
.account-kind{gap:10px;margin-bottom:0}
.account-kind label{padding:12px;min-height:64px}
.account-field input,.account-field select,.field input,.field select{font-size:16px;min-height:44px;padding-block:10px}
.account-submit,.button,.browse-button{min-height:44px}
.account-footer-note,.account-secondary,.auth-actions,.cm-garage-shortcut{margin-top:14px}
.form-alert{margin:14px 0;padding:12px 14px}
.garage-workspace,.garage-detail,.garage-team-layout,.vehicle-workspace,.cm-photos-workspace{gap:16px}
.garage-editor,.vehicle-editor,.garage-invite-form,.mt-editor,.ad-editor,.usage-editor{padding:20px;margin-bottom:16px}
.garage-editor .account-form{margin-top:16px}
.garage-section-title,.vehicle-read-heading,.mt-editor-title,.usage-editor-title{margin-bottom:14px}
.garage-grid,.vehicle-grid,.store-grid{gap:14px}
.garage-card{padding:16px}
.garage-card-kind,.garage-card-meta{margin-top:10px}
.garage-card .garage-open{margin-top:12px;padding:10px 12px;min-height:44px}
.garage-tabs{margin-top:8px;padding-top:10px;gap:6px}
.garage-tabs a{min-height:44px;padding:10px 12px}
.garage-read{margin:14px 0}
.garage-read div,.vehicle-read>div{padding:10px 0}
.vehicle-read dt{margin-bottom:4px}
.vehicle-form-section{padding-bottom:14px;margin-bottom:16px}
.vehicle-form .account-field{margin-bottom:14px;gap:6px}
.vehicle-fields,.usage-fields,.mt-fields,.mt-details-inner,.ad-details-inner{gap:14px}
.vehicle-spec-details .vehicle-form-section{padding:16px 14px 0;margin:0}
.vehicle-card-copy,.vehicle-body{padding:14px}
.vehicle-card-copy .eyebrow{margin-bottom:6px}
.vehicle-specs,.vehicle-price{margin-top:10px}
.vehicle-location{margin-top:10px;padding-top:10px}
.vehicle-search,.catalog-form,.store-page .catalog-form,.store-directory .catalog-form,.browse-search .catalog-form{padding:14px;gap:12px}
.filter-details{margin-top:10px}
.filter-details>summary,.browse-filters summary{min-height:44px;padding-block:10px}
.browse-filters .filter-fields{padding-top:12px}
.results-bar{padding-block:12px;gap:10px}
.results-bar>p{padding-top:0}
.browse-tools{margin-bottom:16px;gap:10px}
.browse-tools>a{min-height:48px;padding:10px}
.browse-card-actions{padding:0 14px 14px;gap:8px}
.vehicle-quick-actions{margin:12px 0 16px;gap:10px}
.vehicle-quick-actions a{min-height:64px;padding:10px 8px;gap:8px}
.usage-actions,.mt-actions{gap:10px;margin:12px 0 16px}
.usage-actions a,.mt-actions a{min-height:76px;padding:12px 10px;gap:8px}
.usage-history-top,.mt-tabs{margin:16px 0 12px}
.usage-summary,.usage-record,.mt-item,.ad-state,.ad-operation{padding:16px}
.usage-list,.mt-list,.ad-lifecycle{gap:10px}
.ad-links{margin-bottom:12px}
.ad-state{margin:12px 0;gap:12px}
.ad-preview-copy,.detail-panel,.store-vehicle .detail-panel{padding:20px}
.detail-grid,.store-vehicle .detail-grid{gap:20px}
.detail-summary>.subtle-pill{margin-bottom:12px}
.detail-price,.store-vehicle .detail-price{margin:12px 0}
.store-vehicle .detail-summary h1{font-size:clamp(24px,2.5vw,30px);margin-top:8px}
.spec-grid,.store-specs .spec-grid{gap:14px;margin-top:14px;padding-top:14px}
.store-card>a{min-height:120px;padding:16px;gap:14px}
.store-emblem{width:50px;height:50px;flex-basis:50px;border-radius:14px}
.store-emblem>.icon{width:28px;height:28px}
.store-card h2{font-size:18px;margin:4px 0 6px}
.store-card p{margin-bottom:8px}
.store-location-fields{padding-top:12px;gap:12px}
.store-share{margin-bottom:16px}
.store-page>.browse-tools{margin-top:16px}
.store-seller{padding:12px 0;margin-bottom:12px}
.store-specs{padding:12px 0}
.cm-photo-slide>a,.cm-photo-public .cm-photo-slide>a{height:clamp(180px,36vh,320px)}
.cm-photo-slide figcaption{padding:10px 12px}
.cm-photo-upload{padding:16px}
.cm-photo-file{min-height:108px}
.cm-photo-manage-grid{gap:12px}
.garage-empty,.vehicle-empty,.cm-photo-empty,.catalog-empty,.launch-empty{padding:20px 16px}
.vehicle-empty-art,.cm-photo-empty img{max-width:160px}
.vehicle-empty-art img,.cm-photo-empty>img{height:88px;object-fit:contain;margin-top:12px}
.garage-empty .garage-emblem{width:48px;height:48px;margin-bottom:10px}
.garage-empty h2,.vehicle-empty h2,.cm-photo-empty h2,.catalog-empty h2{margin:12px auto}
.garage-empty p:not(.eyebrow),.vehicle-empty>p:not(.eyebrow),.catalog-empty p{margin:10px auto 16px;line-height:1.6}
.pagination{margin-top:18px}
.error-page{min-height:0;padding-block:32px}
@media(min-width:760px){
 .cm-launcher{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cm-action{min-width:0;min-height:104px}
 .cm-action-arrow{display:none}
 .garage-workspace,.garage-team-layout{grid-template-columns:minmax(0,1fr) 280px}
 .garage-detail{grid-template-columns:220px minmax(0,1fr)}
 .vehicle-workspace,.cm-photos-workspace{grid-template-columns:minmax(0,1fr) 260px}
 .mt-main,.ad-main,.usage-main{max-width:1040px}
 .ad-lifecycle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1000px){.garage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1400px){.vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:620px){.account-passwords,.vehicle-fields.two,.usage-fields,.mt-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 .container{width:calc(100% - 24px)}
 .cm-home.container{padding-top:18px}
 .cm-home h1{margin-bottom:14px}
 .cm-action{min-height:76px;padding:14px;gap:12px}
 .cm-action strong{font-size:18px}
 .cm-launcher{gap:10px}
 .account-shell{width:calc(100% - 24px);margin:14px auto}
 .account-body .account-card,.auth-body .account-card{padding:18px 16px}
 .garage-editor,.vehicle-editor,.garage-invite-form,.mt-editor,.ad-editor,.usage-editor,.detail-panel,.store-vehicle .detail-panel{padding:16px}
 .garage-main,.vehicle-main,.cm-photos-main,.catalog-section,.detail-section,.mt-main,.ad-main,.usage-main{padding-top:12px}
 .garage-workspace,.garage-detail,.vehicle-workspace,.cm-photos-workspace{gap:14px}
 .store-tools>a{min-height:60px;gap:5px;padding:8px 4px}
 .store-heading .store-emblem{width:48px;height:48px;flex-basis:48px}
 .store-card>a{min-height:112px;padding:14px}
 .vehicle-quick-actions a{min-height:60px}
 .usage-actions a,.mt-actions a{min-height:68px}
 .browse-table-scroll{margin-top:14px}
}
.password-help button{min-height:44px;padding:8px 4px}
.garage-danger,.garage-role-form button{min-height:44px}
.vehicle-section-kicker{margin-bottom:14px}
.vehicle-spec-details,.vehicle-private{margin-bottom:12px}
.vehicle-spec-details>summary,.vehicle-private>summary{padding:12px 14px;min-height:44px}
.vehicle-spec-details .vehicle-section-kicker{margin-bottom:14px}