.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}}
