.upload-box{position:relative;background:#fff;border:1px dashed #cfd2d7;border-radius:18px;padding:18px;margin-top:4px;transition:border-color .2s}
.upload-box:focus-within{border-color:#b99a00;box-shadow:0 0 0 3px #ffd40026}
.upload-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.upload-symbol{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#fff7c7;border-radius:13px;color:#17191d}.upload-symbol svg{width:23px;height:23px}
.upload-copy{flex:1;min-width:130px}.upload-copy strong{display:block;font-size:14px;font-weight:750;color:#17191d}.upload-copy small{display:block;font-size:12px;color:#777d86;margin-top:4px}
.upload-pick{appearance:none;background:#ffd400;color:#111317;border:0;border-radius:12px;padding:13px 18px;min-height:46px;cursor:pointer;font-size:13px;font-weight:750}.upload-pick:hover{background:#f4c900}.upload-pick:focus-visible,.upload-remove:focus-visible{outline:2px solid #111;outline-offset:3px}
input.upload-native{position:absolute!important;left:18px;top:18px;width:1px!important;height:1px!important;opacity:0;padding:0!important;border:0!important}
.upload-list{display:grid;gap:8px}.upload-box.has-files .upload-list{margin-top:16px;border-top:1px solid #eceef1;padding-top:14px}
.upload-file{display:flex;align-items:center;gap:11px;background:#f5f6f8;border-radius:12px;padding:11px 12px;min-width:0}.upload-file-icon{font-size:22px;color:#6b7078}.upload-file>div{min-width:0;flex:1}.upload-file strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.upload-file small{display:block;font-size:11px;color:#81858c;margin-top:3px}.upload-remove{border:0;background:transparent;width:40px;height:40px;flex-shrink:0;border-radius:10px;font-size:24px;color:#747a83;cursor:pointer}.upload-remove:hover{background:#e6e8ec;color:#111}
@media(max-width:640px){.upload-box{padding:15px}.upload-pick{width:100%}.upload-copy{min-width:0}.upload-top{gap:12px}}
[hidden]{display:none!important}
body .bottom-nav{background:#fff;color:#7a7e86;border-radius:0;border-top:1px solid #e8e9ec;box-shadow:0 -3px 18px #17191c05;left:0;right:0;bottom:0;padding:6px 12px calc(6px + env(safe-area-inset-bottom));gap:0}
body .bottom-nav button{background:transparent;color:#8b8f96;font-size:11px;min-height:52px;border-radius:10px}
body .bottom-nav button.active{background:transparent;color:#151619}body .bottom-nav button.active span{background:#ffdf32;border-radius:9px;min-width:36px;padding:2px}
.create-row{display:flex;justify-content:flex-end;margin-bottom:18px}.focus-page .main{padding-bottom:24px}.focus-page .content{padding-bottom:24px}
.wizard{max-width:660px;margin:0 auto;padding-bottom:108px}.wizard-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.wizard-heading .btn{padding-left:0}.wizard h2{font-size:27px;margin:10px 0 22px}.step-track{display:flex;gap:6px;margin-bottom:14px}.step-track span{height:6px;background:#e5e7eb;flex:1;border-radius:8px}.step-track span.active{background:#ffd500}#stepLabel,#autosave{color:#7c8390;font-size:12px}#autosave{margin:20px 0}
.category-list{display:grid;gap:10px}.category-option{display:flex;align-items:center;gap:14px;padding:18px;background:white;border:1px solid #e5e7eb;border-radius:13px;cursor:pointer;text-align:left;min-height:60px}.category-option b{flex:1;font-size:15px}.category-option.selected{border-color:#f2c900;background:#fffbdf}.category-option span:first-child{font-size:22px}.category-option span:last-child{color:#8d939c}
.wizard .form-card{border:0;background:none;box-shadow:none;padding:0}.wizard .form-grid{grid-template-columns:1fr;gap:14px}.wizard .field{margin:0}.wizard .field input,.wizard .field select{border-radius:12px;min-height:48px;background:#fff}.wizard .field span{font-size:13px}.sub-tabs{display:flex;background:#e9ebee;padding:4px;border-radius:12px;gap:4px;margin:0 0 18px}.sub-tabs button{flex:1;border:0;background:none;padding:10px 6px;font-size:12px;min-height:40px;border-radius:9px;color:#727986;cursor:pointer}.sub-tabs button.active{background:#ffda00;color:#111;font-weight:700}.sub-tabs button:disabled{opacity:1;cursor:default}
.optional-fields,.fold{border:1px solid #e7e9ed;background:#fff;border-radius:13px;padding:14px;margin:12px 0}.optional-fields{grid-column:1/-1}.fold summary,.optional-fields summary{cursor:pointer;font-weight:650;font-size:14px;min-height:24px}.optional-fields[open]>summary,.fold[open]>summary{margin-bottom:16px}.fold p{font-size:13px;line-height:1.6;color:#6c7380}.fold p b{float:right;color:#17191c}.fold>.card{border:0;padding:10px 0;box-shadow:none}.fold details{border-top:1px solid #eceef0;padding:14px 0}.fold details p{margin-bottom:0}
.wizard-footer{position:fixed;z-index:60;bottom:var(--keyboard-inset,0px);left:50%;transform:translateX(-50%);width:min(692px,100%);padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#f6f7f9f5;border-top:1px solid #e5e7eb;display:flex;gap:12px;backdrop-filter:blur(14px)}.wizard-footer .yellow{flex:1}.wizard-footer .btn{min-height:48px;border-radius:12px}.review-row{background:white;border:1px solid #e7e9ed;border-radius:13px;padding:18px;display:flex;gap:12px;align-items:center;margin-bottom:12px}.review-row>div{min-width:0;flex:1}.review-row small,.review-row b{display:block}.review-row small{color:#8b919d;margin-bottom:6px}.review-row b{font-size:14px;overflow-wrap:anywhere}.review-row button{border:0;background:none;color:#6b6f77;cursor:pointer;min-height:44px;font-size:12px}
.case-back{margin-bottom:10px}.detail-head h2{font-size:28px;line-height:1.25}.detail-head p{font-size:13px}.detail-grid .tabs{display:flex;border-bottom:1px solid #dfe2e6;gap:0;margin-bottom:20px}.detail-grid .tab{flex:1;border:0;border-radius:0;background:none;padding:14px 8px;color:#858b96;font-size:14px;border-bottom:3px solid transparent}.detail-grid .tab.active{background:none;color:#151619;border-bottom-color:#ffd400;font-weight:750}.case-current{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin:16px 0}.case-current small{color:#7d8390}.case-progress{margin-bottom:18px}.case-progress>.card{margin-bottom:0}.case-progress .fold{margin:8px 0}.case-progress .status-actions{display:flex;flex-wrap:wrap;gap:8px}.comparison{font-size:13px;background:#fff8d6;border-radius:10px;padding:12px}.offer-calculations .offer-price{margin:8px 0;font-size:30px}.offer-calculations{margin-top:20px}.offer-calculations .fold{padding:12px}.offer-calculations>small{color:#888}.offer-calculations .faq{background:#f8f9fb}.offer-calculations~.offer-details{display:none}#carOfferForm .field{margin-bottom:14px}#carOfferForm h3{margin-top:0}#carOfferForm [data-calc-total]{font-size:25px;display:block;margin-bottom:16px}
.chat-page .detail-grid{display:block}.chat-page .chat-compose{position:sticky;bottom:var(--keyboard-inset,0px);background:#fff;z-index:20;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.chat-page .chat-box{min-height:35vh}.chat-page .content{padding-bottom:calc(30px + var(--keyboard-inset,0px))}
.chat-page #detail>.card:has(.chat){display:flex;flex-direction:column;min-height:calc(100dvh - 340px)}.chat-page .chat{flex:1;align-content:end;min-height:100px}.chat-page .chat-compose{margin-top:auto}.offer-conditions p{float:none}.offer-conditions small{color:#828893}.offer-conditions p{margin-top:4px}
@media(min-width:1001px){.wizard-footer{left:calc(50% + 130px)}}
@media(max-width:640px){.wizard-heading{margin-bottom:14px}.wizard h2{font-size:24px}.focus-page .topbar{display:none}.focus-page .content{padding-top:16px}.wizard .form-card{padding:0}.detail-head h2{font-size:23px}.detail-head{gap:12px;flex-direction:column;align-items:flex-start}.detail-grid .tabs{position:sticky;top:58px;background:#f5f6f8;z-index:15}.category-option{padding:14px;min-height:55px}.wizard-footer{left:50%}.main{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.chat-page .chat-compose{padding:10px;gap:6px}.chat-page .chat-compose input[name=message]{min-width:100px}.chat-page .detail-head p{margin-bottom:6px}.chat-page .detail-head{margin-bottom:14px}.chat-page .detail-grid .tabs{margin-bottom:12px}}
/* Visual alignment with the approved four-screen reference. */
.line-icon{display:block;width:22px;height:22px;flex-shrink:0}
body.wizard-page{background:#f6f7f9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wizard-page .main{padding-bottom:0}.wizard-page .content{padding-top:calc(16px + env(safe-area-inset-top))}
.wizard{max-width:520px;padding-bottom:100px;color:#17191e}.wizard-heading{justify-content:flex-start;gap:12px;margin:0 0 18px;min-height:40px}.wizard-heading b{font-size:14px;font-weight:650}.wizard-exit{display:grid;place-items:center;border:0;background:none;width:32px;height:44px;padding:0;color:#222}.wizard-exit .line-icon{width:19px;height:19px}
.step-track{gap:6px;margin-bottom:14px}.step-track span{height:7px;background:#e9ebef}.step-track span.active{background:#ffda00}#stepLabel{font-size:12px;color:#8a909d}.wizard h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;font-weight:750;margin:8px 0 24px}
.category-list{gap:10px}.category-option{min-height:61px;padding:14px 16px;border:1px solid transparent;border-radius:10px;box-shadow:0 1px 3px #20273503;gap:15px}.category-option b{font-size:14px;font-weight:600}.category-option.selected{border-color:#e8c524;background:#fffbec}.category-option>span:first-child{color:#232831}.category-option>span:last-child{color:#a6adba}.category-option>span:last-child .line-icon{width:16px;height:16px}
.wizard .form-grid{gap:17px}.wizard .field{gap:7px}.wizard .field span{font-size:12px;font-weight:500;color:#7b8392}.wizard .field input,.wizard .field select,.wizard .field textarea{border:1px solid #e5e8ef;border-radius:9px;padding:11px 13px;min-height:47px;color:#2b3038;box-shadow:0 1px 2px #20273502;font-weight:450}
.wizard .sub-tabs,.operation-tabs{display:flex;gap:3px;padding:3px;border:1px solid #e6e9ef;background:#eef0f4;border-radius:10px;margin:0 0 20px}.wizard .sub-tabs button,.operation-tabs button{flex:1;min-height:38px;padding:8px 5px;border:0;background:none;border-radius:8px;color:#768090;font-size:12px;cursor:pointer}.wizard .sub-tabs button.active{border-radius:22px;background:#ffda00;color:#28230b;font-weight:600}.operation-tabs{grid-column:1/-1;margin:0 0 2px}.operation-tabs button.active{background:#ffda00;color:#2c2608;font-weight:600;box-shadow:0 2px 5px #ffd40025}
.wizard .optional-fields{border-color:#e6e9ef;border-radius:9px;padding:13px;box-shadow:none}.wizard .optional-fields summary{font-size:13px;font-weight:500;color:#39404c}.wizard #autosave{font-size:11px;line-height:1.5;margin:15px 0;color:#8a93a1}.wizard[data-step="0"] #autosave{display:none}
.wizard-footer{width:min(552px,100%);padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:#f6f7f9f5;border-top:0;gap:10px}.wizard-footer .btn{border-radius:9px;min-height:49px;font-size:14px;font-weight:600}.wizard-footer .ghost{flex:1;border-color:#eceef2}.wizard-footer .yellow{flex:1.7;background:#ffda00}.wizard[data-step="0"] #wizardBack{display:none}.wizard[data-step="0"] #wizardNext{flex:1}
.review-row{gap:12px;padding:17px 14px;border:1px solid #eef0f4;border-radius:12px;margin-bottom:13px;min-height:83px;box-shadow:0 1px 3px #20273502}.review-icon{color:#333a44}.review-icon .line-icon{width:25px;height:25px}.review-row b{font-size:14px;font-weight:600;margin-bottom:5px}.review-row small{font-size:11px;line-height:1.45;font-weight:400;color:#8b93a2;margin:0;overflow-wrap:anywhere}.review-row button{display:flex;align-items:center;gap:1px;color:#438ee8;font-size:11px;min-width:65px;padding:0}.review-row button .line-icon{width:13px;height:13px}
body .bottom-nav button>span{display:grid;place-items:center;min-height:28px}body .bottom-nav .line-icon{width:21px;height:21px}
.wizard button:focus-visible{outline:2px solid #907700;outline-offset:3px}
@media(max-width:640px){.wizard-page .content{padding-left:20px;padding-right:20px}.wizard-heading{margin-bottom:16px}.wizard h2{font-size:25px;margin-bottom:24px}.wizard .form-card{padding:0}.category-option{min-height:61px;padding:13px 15px}.wizard-footer{padding-left:20px;padding-right:20px}.wizard-page .shell{min-height:100dvh}.wizard-page .topbar{display:none}}
/* Fluid phone layout, including narrow displays and landscape safe areas. */
html{scroll-padding-bottom:110px}input,select,textarea{scroll-margin-bottom:120px}button{touch-action:manipulation}
@media(max-width:950px){
 .content{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
 .wizard-page .content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
 .wizard-footer{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
 .hero-actions{flex-wrap:wrap}.hero-actions .btn{min-width:0}.request-row{min-width:0}.review-row>div{min-width:0}.review-row button{flex-shrink:0}
 .modal-card{max-width:100%;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
 .chat-compose{min-width:0}.chat-compose input[name=message]{width:0;min-width:80px}.chat-compose .btn{flex-shrink:0}
 .bottom-nav{padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}
 .wizard .sub-tabs button,.operation-tabs button{min-height:44px}
}
@media(max-width:360px){
 .wizard h2{font-size:23px}.category-option{min-height:53px;padding:10px 12px;gap:11px}.category-option b{font-size:13px}.category-list{gap:8px}
 .wizard-heading{margin-bottom:10px}.wizard h2{margin-bottom:18px}.review-row{padding:13px 10px;gap:9px}.review-row b{font-size:13px}.review-row button{min-width:58px;font-size:10px}
 .hero-card{padding:20px}.hero-card h2{font-size:25px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .chat-page #detail>.card{padding:12px}.chat-compose .btn{padding:8px;font-size:12px}.chat-compose .attach-btn{width:36px;min-width:36px}
}
@media(max-height:500px) and (orientation:landscape){
 .wizard-page .content{padding-top:8px}.wizard-heading{margin-bottom:5px}.wizard h2{margin-bottom:16px}.wizard-footer{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.wizard{padding-bottom:88px}
 .category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.category-option{min-width:0;gap:8px}.category-option b{font-size:12px}.wizard-page .topbar{display:none}
 .modal-wrap{padding:8px max(12px,env(safe-area-inset-left))}.modal-card{max-height:calc(100dvh - 16px)}
}

/* The production shell has no demo banner. Keep all case actions accessible. */
.detail-grid .tabs{top:0}.chat-page .side-summary{margin-top:24px}
.main,.content,.detail-grid>div,.card,.form-grid>*{min-width:0}
.msg,.data-item b,.request-row h3,.lead-card h3{overflow-wrap:anywhere}
.local-note{font-size:13px;line-height:1.6;color:var(--secondary)}
@media(max-width:1000px){.wizard-footer{left:50%}.wizard .form-grid{grid-template-columns:1fr}.chat-compose{flex-wrap:wrap}.chat-compose .attachment-name{flex-basis:100%}}