/* SỬA CHỮA V1.5.5 — inline app-style quote flow. No AppShell/BottomNav geometry. */
.quote-stage{min-height:0;animation:quoteStageIn .18s cubic-bezier(.2,.8,.2,1)}
@keyframes quoteStageIn{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Model stays in the same page as Hạng mục / Phương án. */
.quote-inline-model-toggle{width:100%;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:5px 0 10px;padding:13px 15px;border:1px solid rgba(100,210,255,.16);border-radius:19px;background:radial-gradient(circle at 10% 0%,rgba(100,210,255,.11),transparent 42%),linear-gradient(145deg,rgba(48,58,73,.88),rgba(23,29,39,.94));color:#fff;text-align:left}.quote-inline-model-toggle span{min-width:0}.quote-inline-model-toggle small{display:block;color:#8fd4ff;font-size:9px;font-weight:760;letter-spacing:.09em}.quote-inline-model-toggle strong{display:block;margin-top:3px;font-size:15px;line-height:1.2}.quote-inline-model-toggle em{display:block;margin-top:3px;color:rgba(235,235,245,.50);font-size:11px;line-height:1.3;font-style:normal}.quote-inline-model-toggle b{flex:none;color:#9edcff;font-size:12px;font-weight:700}
.quote-model-inline-collapsed>.quote-summary,.quote-model-inline-collapsed>#seriesNav,.quote-model-inline-collapsed>#modelList{display:none!important}
.quote-model-inline-open>.quote-inline-model-toggle{min-height:56px;background:linear-gradient(145deg,rgba(42,54,70,.90),rgba(23,29,39,.94))}.quote-model-inline-open>.quote-inline-model-toggle em{display:none}

/* Long data lives inside a native-feeling scroll region instead of creating a very long web page. */
.app-scroll-region{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-scroll-region::-webkit-scrollbar{display:none}
#modelList.app-scroll-region{max-height:min(47dvh,440px);overflow-y:auto;padding-right:2px;border-radius:18px}
#issueList.app-scroll-region{max-height:min(50dvh,500px);overflow-y:auto;padding:1px 2px 6px}
#optionList.app-scroll-region{max-height:min(52dvh,540px);overflow-y:auto;padding:0 2px 7px}
.screen-tickets #ticketList.app-scroll-region{max-height:min(54dvh,560px);overflow-y:auto;padding-right:2px}

/* Step controls read like an in-app segmented navigator, not website breadcrumbs. */
.quote-stepper{gap:7px;margin-bottom:13px}.step-chip{min-height:34px;padding:7px 12px;font-size:11px;transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .16s ease,border-color .16s ease,color .16s ease}.step-chip.on{box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(10,132,255,.12)}

/* Keep selection context compact while the content below scrolls. */
.selection-banner{margin-bottom:10px;padding:10px 12px;border-radius:16px}.quote-summary{margin:7px 2px 9px}.series-nav{padding-bottom:7px}.model-row{min-height:59px;padding-top:8px;padding-bottom:8px}.model-icon{width:39px;height:39px;border-radius:12px;font-size:20px}
.issue-grid{align-content:start}.issue-card{min-height:116px}.repair-option{margin-bottom:9px}

@media(max-width:699px){
  .screen-quote .search{margin-bottom:13px}
  .screen-quote .quote-stepper{position:relative;z-index:2}
  .quote-inline-model-toggle{min-height:66px;padding:12px 13px}
  #modelList.app-scroll-region{max-height:43dvh}
  #issueList.app-scroll-region{max-height:46dvh}
  #optionList.app-scroll-region{max-height:48dvh}
  .screen-tickets #ticketList.app-scroll-region{max-height:50dvh}
}

@media(max-width:390px){
  .quote-inline-model-toggle strong{font-size:14px}
  .quote-inline-model-toggle em{font-size:10px}
  .step-chip{padding:7px 10px;font-size:10px}
}