.retro-workflow.work-order-grid{display:flex!important;flex-direction:column;gap:20px;max-width:1000px;margin-inline:auto;min-width:0}.retro-workflow>*{width:100%;min-width:0}.retro-workflow[data-retro-customer="false"]>.vehicle-info-card,.retro-workflow[data-retro-vehicle="false"]>.retro-parts-card,.retro-workflow[data-retro-vehicle="false"]>.operations-card,.retro-workflow[data-retro-vehicle="false"]>.notes-media-column,.retro-workflow[data-retro-vehicle="false"]>.payment-card,.retro-workflow[data-retro-vehicle="false"]>.form-actions{display:none!important}.retro-step-title{display:flex;gap:12px;align-items:center;margin-bottom:22px}.retro-step-title>span{display:grid;place-items:center;background:#173c36;color:white;font-weight:700;width:32px;height:32px;border-radius:50%;flex-shrink:0}.retro-step-title h2{font-size:18px;font-weight:700;margin:0}.retro-type-options{display:flex;gap:12px;margin-bottom:20px}.retro-type-options>button{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:5px;padding:18px;border:1px solid #dce4e1;border-radius:12px;background:#fff;color:#203d35;text-align:left}.retro-type-options>button.selected,.retro-side-tabs>button.selected{background:#edf5f0;border-color:#356b55;box-shadow:0 0 0 1px #356b55}.retro-type-options small{font-size:12px;color:#667870}.retro-corporate-fields{border-top:1px solid #e4e9e6;padding-top:16px}.retro-select{position:relative}.retro-select-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;background:white;border:1px solid #d8e0dc;border-radius:9px;padding:10px 13px;font-size:14px;text-align:left}.retro-select-popup{position:absolute;top:100%;left:0;right:0;z-index:70;padding:10px;background:white;border:1px solid #d4ded7;border-radius:10px;box-shadow:0 12px 30px #173c3620}.retro-select-popup>input{width:100%;min-height:44px;border:1px solid #b9cbbf;border-radius:7px;padding:10px;font-size:16px}.retro-select-list{max-height:230px;overflow:auto;overscroll-behavior:contain;margin-top:8px}.retro-select-list button{display:block;width:100%;padding:11px 10px;border-radius:7px;text-align:left;font-size:14px;min-height:42px}.retro-select-list button.active,.retro-select-list button:hover{background:#edf5f0}.retro-select-list button[aria-selected="true"]{font-weight:700}.retro-manual{width:100%;padding:12px;color:#245c49;border-top:1px solid #e0e8e2;text-align:left}.retro-side-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.retro-side-tabs button{padding:10px 16px;border-radius:9px;border:1px solid #dce4e1;min-height:44px}.retro-parts-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.retro-parts-list>label{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #e1e8e3;border-radius:9px;min-height:50px;cursor:pointer}.retro-parts-list input{width:18px;height:18px;accent-color:#275d47;flex-shrink:0}.retro-parts-list small{margin-left:auto;font-size:11px;color:#4c745c}.retro-parts-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.retro-help{color:#667870;font-size:13px;margin:14px 0 0}.retro-workflow .customer-info-card,.retro-workflow .vehicle-info-card{overflow:visible;position:relative}.retro-workflow .customer-info-card{z-index:4}.retro-workflow .vehicle-info-card{z-index:3}.retro-workflow input:focus,.retro-select button:focus-visible{outline:2px solid #386e54;outline-offset:2px}.retro-workflow .notes-media-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.retro-workflow .form-actions{position:static}.retro-workflow .vehicle-info-card>.field-grid{margin-top:16px}@media(max-width:600px){.retro-workflow.work-order-grid{gap:14px}.retro-type-options>button{padding:14px 12px}.retro-parts-list{grid-template-columns:1fr}.retro-workflow .notes-media-column{display:flex;flex-direction:column}.retro-select-popup{max-height:340px}.retro-parts-actions>button{flex:1;font-size:13px}.retro-type-options small{line-height:1.5}}@media print{.retro-select-popup{display:none}}

/* v0.1.1: compact desktop fields, full-width media, guarded price entry. */
.retro-customer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-items:start}.retro-customer-fields .field{margin:0;min-width:0}.retro-full{grid-column:1/-1;min-width:0}.retro-vehicle-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.retro-vehicle-fields>.retro-step-title{grid-column:1/-1;margin-bottom:4px}.retro-vehicle-fields>.field{min-width:0;margin:0}.retro-vehicle-fields .retro-select-trigger{min-height:46px}.retro-select-popup{min-width:min(280px,calc(100vw - 64px))}.retro-vehicle-fields>.field:last-child .retro-select-popup{left:auto;right:0}.retro-workflow .notes-media-column{display:flex!important;flex-direction:row;gap:20px;align-items:stretch}.retro-workflow .notes-media-column>*{flex:1;min-width:0;width:auto;margin:0}.retro-workflow .price-input:disabled{background:#f1f4f8;color:#a0acba;cursor:not-allowed;opacity:.75}.retro-corporate-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.retro-vehicle-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.retro-customer-fields,.retro-vehicle-fields,.retro-corporate-fields{grid-template-columns:minmax(0,1fr)}.retro-workflow .notes-media-column{flex-direction:column}.retro-select-popup{min-width:0}.retro-vehicle-fields>.field:last-child .retro-select-popup{left:0;right:0}}

/* v0.1.2 insurance precedes vehicle selection. */
.retro-workflow[data-retro-customer="false"]>.retro-insurance-card,.retro-workflow[data-retro-insurance="false"]>.vehicle-info-card{display:none!important}.retro-workflow .retro-insurance-card{position:relative;z-index:5}.retro-insurance-card .retro-type-options{margin-bottom:16px}.retro-insurance-card .retro-select{max-width:100%}@media(max-width:640px){.retro-insurance-card .retro-type-options{flex-direction:column}}
/* Retro Bros v0.2.0 graphite / bronze identity */
:root{--rb-primary:#22252b;--rb-accent:#b28a55;--background:#f6f4f0;--foreground:#25272c;--primary:#22252b;--primary-foreground:#fff;--ring:#b28a55;--sidebar:#22252b;--sidebar-foreground:#f8f6f2;--sidebar-accent:#39342d;--sidebar-accent-foreground:#fff;--border:#e4dfd7;--muted-foreground:#78756e}
body{background:#f6f4f0;color:#25272c}.desktop-app-shell,.mobile-app,.app-main{background:#f6f4f0}.app-header{background:#fff;border-color:#e4dfd7}.desktop-sidebar{background:var(--rb-primary)!important;color:#fff!important;border-color:#37383b!important}.desktop-sidebar-header{min-height:150px;justify-content:center;gap:6px!important}.desktop-sidebar-header img{width:170px!important;height:96px!important;object-fit:contain;filter:invert(1)}.desktop-sidebar-header>span{color:#d2b58b!important;letter-spacing:2px}.desktop-sidebar button,.desktop-sidebar-footer,.desktop-sidebar-footer strong{color:#eee9e0!important}.desktop-sidebar button[data-active=true],.desktop-sidebar button[aria-current=page]{background:#ffffff15!important;border-left:3px solid var(--rb-accent);color:#f5d3a0!important}.desktop-sidebar-footer{border-color:#ffffff24!important}.desktop-sidebar-footer span{color:#c5bbae!important}.brand-logo{width:145px!important;height:76px!important;object-fit:contain}.auth-card>img,.auth-logo{object-fit:contain;width:220px!important;height:124px!important}.print-document>header img{object-fit:contain;width:150px!important;height:84px!important}
.primary-button,.save-button,.collect-button,.create-tab[data-state=active]{background:var(--rb-primary)!important;border-color:var(--rb-primary)!important;color:#fff!important;box-shadow:none!important}.primary-button:hover{filter:brightness(1.15)}.secondary-button,.icon-button,.header-settings{border-color:#ded8ce;color:#4c4943}.text-button,.eyebrow,.section-icon,.header-settings.is-active{color:var(--rb-accent)!important}.payment-card,.form-card,.customer-item,.order-list-item,.receivable-card{border-color:#e4dfd7}.remaining-row{background:#f4ece0;color:#5c4526}.remaining-row output{color:#7f5d2d}.retro-step-title>span{background:var(--rb-primary)}.retro-type-options>button.selected,.retro-side-tabs>button.selected{border-color:var(--rb-accent);box-shadow:0 0 0 1px var(--rb-accent);background:#f7f0e5}.retro-select-list button.active,.retro-select-list button:hover{background:#f4ecdf}.retro-parts-list input{accent-color:var(--rb-accent)}.retro-select-popup{border-color:#d9cbb6}.retro-workflow input:focus,.retro-select button:focus-visible{outline-color:var(--rb-accent)}.bottom-navigation{background:#fff;border-color:#e4dfd7}.bottom-navigation [data-state=active]{color:var(--rb-accent)!important;background:#f7f0e5!important}.save-new-button{background:#5b4a34!important}.rb-model-features{grid-column:1/-1;color:#73644e;font-size:13px;padding:10px;background:#f7f0e5;border-radius:8px}
.rb-contact-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rb-customer-fields{display:flex;flex-direction:column;gap:16px}.rb-customer-fields .field{margin:0;min-width:0}.rb-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.rb-section-head h2{font-size:20px;font-weight:700}.rb-management{margin-bottom:24px}.rb-settings-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e4dfd7;padding-bottom:16px;margin:16px 0}.rb-settings-tabs button{padding:10px 14px;border:1px solid #ded8ce;border-radius:9px;font-size:14px}.rb-settings-tabs .selected{background:var(--rb-primary);color:white}.rb-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rb-setting-grid.rb-three{grid-template-columns:repeat(3,minmax(0,1fr))}.rb-management textarea,.rb-management input:not([type=checkbox]),.rb-management select{width:100%;border:1px solid #ded8ce;border-radius:9px;background:white;min-height:44px;padding:10px;font-size:14px}.rb-management textarea{font-family:inherit;line-height:1.7;resize:vertical}.rb-management input[type=color]{height:48px;max-width:140px}.rb-management .field{margin-bottom:16px}.rb-check{display:flex;gap:10px;align-items:center}.rb-logo-preview{display:flex;align-items:center;gap:20px;padding:16px;background:#25272c;border-radius:12px;color:#fff;grid-column:1/-1}.rb-logo-preview img{width:130px;height:74px;object-fit:contain;filter:invert(1)}.rb-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.rb-inline input{flex:1;min-width:150px}.rb-success,.rb-notice{padding:12px;border-radius:9px;background:#f4eddf;color:#6e552f;font-size:13px;margin:14px 0}.rb-import-preview{padding:16px;border:1px solid #d5c4aa;border-radius:10px;margin-top:16px}.rb-account-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:14px}.rb-danger{color:#a63333!important;border-color:#e8b5b5!important}.primary-button.rb-danger{background:#a63333!important;color:#fff!important}.rb-modal-backdrop{position:fixed;inset:0;z-index:150;background:#15161999;display:flex;justify-content:center;align-items:center;padding:20px}.rb-modal{width:min(100%,530px);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 80px #0004}.rb-modal h2{font-size:20px;font-weight:700;margin-bottom:14px}.rb-modal p{font-size:14px;line-height:1.7;margin-bottom:12px}.rb-modal .field{margin:18px 0}.rb-modal>.primary-button{margin-right:10px}.rb-report-date{display:flex;gap:12px;align-items:center;margin-bottom:24px}.rb-report-date input{background:#fff;border:1px solid #ded8ce;border-radius:9px;padding:10px}.rb-z-paper>h2{font-size:18px;font-weight:600}.rb-z-paper>h3{margin:24px 0 12px;font-weight:600}.rb-z-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.rb-z-metrics strong{display:block;font-size:25px;font-weight:700;color:var(--rb-primary);margin-top:12px}.rb-z-metrics span{font-size:13px;color:#76716a}.rb-z-metrics>.form-card{padding:20px;margin:0}.rb-table-wrap{overflow:auto;border:1px solid #e4dfd7;border-radius:12px;background:#fff}.rb-table-wrap table{width:100%;font-size:14px}.rb-table-wrap td,.rb-table-wrap th{padding:13px 18px;border-bottom:1px solid #eee9e2;text-align:left}.rb-table-wrap td:last-child,.rb-table-wrap th:last-child{text-align:right}.rb-close{min-height:36px;padding:7px 15px;margin-right:auto}.rb-print-contact{font-size:11px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:12px 0;margin-bottom:16px}.rb-print-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rb-print-contact p{margin:5px 0;overflow-wrap:anywhere}
@media(max-width:900px){.rb-contact-row,.rb-setting-grid.rb-three{grid-template-columns:repeat(2,minmax(0,1fr))}.rb-z-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.rb-contact-row,.rb-setting-grid,.rb-setting-grid.rb-three,.rb-z-metrics{grid-template-columns:minmax(0,1fr)}.rb-section-head{align-items:flex-start;flex-direction:column}.rb-account-actions{justify-content:flex-start;flex-wrap:wrap}.rb-logo-preview{flex-direction:column}.rb-z-metrics strong{font-size:23px}.rb-close{font-size:13px}.app-header{min-height:88px}}
@media print{.rb-account-actions,.rb-close,.rb-management{display:none!important}.rb-print-contact{display:block}.rb-print-row{grid-template-columns:repeat(3,minmax(0,1fr))}.print-document{color:#111!important}.print-document img{filter:none!important}.rb-print-contact p{break-inside:avoid}}
.primary-button.save-new-order-button{background:#655139!important;border-color:#655139!important}

.rb-z-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.rb-z-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.rb-z-secondary{grid-template-columns:minmax(0,1fr)}}
