/* Frontend Next · A3 quote + records conversion flow. */

/* Quote */
body[data-page="quote"] .quote-page-r3{padding-top:clamp(24px,3vw,46px)}
body[data-page="quote"] .page-stepbar{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;max-width:920px;margin:0 auto 24px;color:var(--muted,#969da7)}
body[data-page="quote"] .page-stepbar>span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:850;white-space:nowrap}
body[data-page="quote"] .page-stepbar b{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--xh-next-line);border-radius:999px;background:#0f1318}
body[data-page="quote"] .page-stepbar .active{color:#f5f6f7}
body[data-page="quote"] .page-stepbar .active b{border-color:var(--xh-next-accent-line);background:var(--xh-next-accent-soft);color:var(--accent-text,#ffd86b)}
body[data-page="quote"] .page-stepbar>i{height:1px;margin:0 12px;background:var(--xh-next-line)}
body[data-page="quote"] .quote-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,370px);gap:20px;align-items:start;max-width:1480px;margin-inline:auto}
body[data-page="quote"] .quote-main-card{max-width:none;margin:0;padding:clamp(22px,2.5vw,36px);border-color:var(--xh-next-line);background:linear-gradient(150deg,rgba(var(--accent-rgb,244,189,52),.045),transparent 28%),#12161c}
body[data-page="quote"] .quote-card-head{padding-bottom:18px;border-bottom:1px solid var(--xh-next-line)}
body[data-page="quote"] .quote-card-head .service-state{display:inline-flex;margin-bottom:14px;padding:6px 10px;border:1px solid var(--xh-next-accent-line);border-radius:999px;background:var(--xh-next-accent-soft);color:var(--accent-text,#ffd86b)}
body[data-page="quote"] .quote-card-head h1{margin:6px 0 0;font-size:clamp(36px,3.6vw,58px);line-height:1;letter-spacing:-.05em}
body[data-page="quote"] [data-step-panel]{padding-top:22px}
body[data-page="quote"] .quote-page-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
body[data-page="quote"] .quote-extras-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px}
body[data-page="quote"] .field label,body[data-page="quote"] .contact-combo-field label{font-size:12px;font-weight:850}
body[data-page="quote"] input,body[data-page="quote"] select,body[data-page="quote"] textarea{border-color:#353c47;background:#0d1116}
body[data-page="quote"] input:focus,body[data-page="quote"] select:focus,body[data-page="quote"] textarea:focus{border-color:var(--xh-next-accent-line);box-shadow:0 0 0 3px var(--xh-next-accent-soft)}
body[data-page="quote"] .detail-list{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0;margin:18px 0;border:1px solid var(--xh-next-line);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.018)}
body[data-page="quote"] .detail-list>*{padding:10px 12px;border-bottom:1px solid var(--xh-next-line)}
body[data-page="quote"] .detail-list>*:nth-last-child(-n+2){border-bottom:0}
body[data-page="quote"] .detail-list strong{background:rgba(255,255,255,.025);font-size:12px;color:#c3c8cf}
body[data-page="quote"] .contact-combo{margin-top:8px;padding:16px;border:1px solid var(--xh-next-line);border-radius:14px;background:rgba(255,255,255,.02)}
body[data-page="quote"] .contact-combo-grid{display:grid;grid-template-columns:minmax(150px,.5fr) minmax(0,1.5fr);gap:12px;margin-top:12px}
body[data-page="quote"] .upload-zone{min-height:86px;border-color:var(--xh-next-line-strong);background:#0e1217}
body[data-page="quote"] .legal-consent{display:flex;gap:9px;margin:16px 0;color:#b6bcc5;font-size:12px;line-height:1.6}
body[data-page="quote"] .legal-consent input{flex:0 0 auto;width:auto;min-height:auto;margin-top:3px}
body[data-page="quote"] .quote-main-card .actions{gap:10px;margin-top:16px}
body[data-page="quote"] .quote-main-card .btn{min-height:48px}
body[data-page="quote"] .consult-card{position:sticky;top:92px;padding:22px;border-color:var(--xh-next-line);background:#10141a}
body[data-page="quote"] .consult-card h2{margin:6px 0 16px;font-size:24px;letter-spacing:-.03em}
body[data-page="quote"] .consult-channel{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--xh-next-line)}
body[data-page="quote"] .quote-safe-panel{margin-top:18px;padding:14px;border:1px solid var(--xh-next-accent-line);border-radius:12px;background:var(--xh-next-accent-soft)}
body[data-page="quote"] .quote-safe-panel p{margin:5px 0 0;color:#c7ccd3;font-size:12px;line-height:1.6}

/* Records */
body[data-page="records"] .records-page{padding-top:clamp(24px,3vw,46px)}
body[data-page="records"] .record-search-card{max-width:1120px;margin:20px auto 0;padding:18px;border-color:var(--xh-next-line);background:linear-gradient(145deg,rgba(var(--accent-rgb,244,189,52),.035),transparent 40%),#11151b}
body[data-page="records"] .record-search-card form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
body[data-page="records"] .record-search-card .field{min-width:0}
body[data-page="records"] .record-search-card input{min-height:50px;border-color:#353c47;background:#0d1116;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase}
body[data-page="records"] .record-search-card .btn{min-height:50px;padding-inline:22px}
body[data-page="records"] .record-search-card [data-message]{grid-column:1/-1}
body[data-page="records"] .record-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px;max-width:1420px;margin-inline:auto;padding-top:24px}
body[data-page="records"] .record-list>.empty{grid-column:1/-1}
body[data-page="records"] .record-card{display:flex;min-height:190px;flex-direction:column;padding:18px;border-color:var(--xh-next-line);background:#11151b}
body[data-page="records"] .record-card:hover{border-color:var(--xh-next-accent-line);background:#151a21}
body[data-page="records"] .record-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
body[data-page="records"] .record-card>.mono{margin-top:18px;color:var(--accent-text,#ffd86b);font-size:13px}
body[data-page="records"] .record-card h3{margin:8px 0 12px;font-size:19px;letter-spacing:-.02em}
body[data-page="records"] .record-card>.muted{margin-top:auto}

/* Record detail */
body[data-page="record-detail"] .order-card{max-width:1040px;padding:clamp(22px,2.7vw,38px);border-color:var(--xh-next-line);background:#11151b}
body[data-page="record-detail"] .order-head{padding-bottom:18px;border-bottom:1px solid var(--xh-next-line)}
body[data-page="record-detail"] .order-no{margin-top:5px;color:var(--accent-text,#ffd86b);font-size:18px}
body[data-page="record-detail"] .business-lifecycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0}
body[data-page="record-detail"] .lifecycle-step{padding:12px;border:1px solid var(--xh-next-line);border-radius:11px;background:#0e1217;color:var(--muted,#969da7)}
body[data-page="record-detail"] .lifecycle-step b{display:block;margin-bottom:5px;font-size:11px}
body[data-page="record-detail"] .lifecycle-step.is-done{border-color:var(--xh-next-accent-line);background:var(--xh-next-accent-soft);color:#f1f3f5}
body[data-page="record-detail"] .progress-block{padding:18px;border:1px solid var(--xh-next-line);border-radius:13px;background:rgba(255,255,255,.018)}
body[data-page="record-detail"] .order-update{padding:18px 0;border-top:1px solid var(--xh-next-line)}

@media (max-width:1080px){
  body[data-page="quote"] .quote-layout{grid-template-columns:1fr}
  body[data-page="quote"] .consult-card{position:static}
  body[data-page="records"] .record-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:760px){
  body[data-page="quote"] .quote-page-r3,body[data-page="records"] .records-page{padding-top:20px}
  body[data-page="quote"] .quote-main-card{padding:18px}
  body[data-page="quote"] .quote-card-head h1{font-size:clamp(34px,10vw,46px)}
  body[data-page="quote"] .quote-page-steps,body[data-page="quote"] .quote-extras-page{grid-template-columns:1fr;gap:10px}
  body[data-page="quote"] .contact-combo-grid{grid-template-columns:1fr}
  body[data-page="quote"] .detail-list{grid-template-columns:90px minmax(0,1fr)}
  body[data-page="quote"] .quote-main-card .actions{display:grid;grid-template-columns:1fr}
  body[data-page="quote"] .quote-main-card .btn{width:100%}
  body[data-page="quote"] .consult-channel{grid-template-columns:64px minmax(0,1fr) auto}
  body[data-page="records"] .record-search-card{padding:14px}
  body[data-page="records"] .record-search-card form{grid-template-columns:1fr}
  body[data-page="records"] .record-search-card [data-message]{grid-column:auto}
  body[data-page="records"] .record-search-card .btn{width:100%}
  body[data-page="records"] .record-list{grid-template-columns:1fr!important;padding-top:16px}
  body[data-page="record-detail"] .business-lifecycle{grid-template-columns:1fr 1fr}
  body[data-page="record-detail"] .order-actions{display:grid;grid-template-columns:1fr}
  body[data-page="record-detail"] .order-actions .btn{width:100%}
}