/* Sonani Admin V42.4.4 — Style Price / Quotation History UX polish */

/* Keep long pricing screens visually quiet and compact. */
body[data-page="price-engine"] .exact-size-row{justify-content:flex-start}
body[data-page="price-engine"] .engine-result-title-row{margin-bottom:6px}
body[data-page="price-engine"] .engine-result-title-row .exact-section-title{margin-bottom:0}
body[data-page="price-engine"] .exact-results-card{padding-bottom:14px}

/* Quotation History — use the viewport instead of a narrow, tall modal. */
#quoteSnapshotModal .quote-history-modal,
#quoteCompareModal .quote-compare-modal{
  width:min(1500px,96vw)!important;
  max-width:none!important;
  max-height:92vh!important;
  height:auto;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
#quoteSnapshotModal .modal-head,
#quoteCompareModal .modal-head{
  flex:0 0 auto;
  padding:14px 18px!important;
  border-bottom:1px solid #EAECF0;
  background:#fff;
}
#quoteSnapshotModal .modal-head h2,
#quoteCompareModal .modal-head h2{font-size:18px!important;line-height:1.2;margin:2px 0}
#quoteSnapshotModal .modal-head p,
#quoteCompareModal .modal-head p{margin:2px 0 0;font-size:9px;color:#667085}
#quoteSnapshotModal .modal-body,
#quoteCompareModal .modal-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:12px 14px 14px!important;
  background:#F8FAFC;
}
#quoteSnapshotModal .modal-footer,
#quoteCompareModal .modal-footer{
  flex:0 0 auto;
  padding:9px 14px!important;
  border-top:1px solid #EAECF0;
  background:#fff;
}

/* Saved quotation material detail */
.qh-snapshot-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:start}
.qh-snapshot-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.qh-summary-item{min-width:0;padding:9px 10px;border:1px solid #E4E7EC;border-radius:10px;background:#fff}
.qh-summary-item span{display:block;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#98A2B3;margin-bottom:3px}
.qh-summary-item strong{display:block;font-size:12px;line-height:1.25;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qh-summary-item.final{border-color:#ABEFC6;background:#ECFDF3}
.qh-summary-item.final strong{font-size:15px;color:#067647}
.qh-card{border:1px solid #E4E7EC;border-radius:12px;background:#fff;overflow:hidden}
.qh-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;border-bottom:1px solid #EAECF0;background:#FCFCFD}
.qh-card-head h3{margin:0;font-size:10px;font-weight:850;color:#344054;text-transform:uppercase;letter-spacing:.04em}
.qh-card-head small{font-size:8px;color:#98A2B3}
.qh-material-card{grid-column:span 5}
.qh-price-card{grid-column:span 7}
.qh-diamond-card,.qh-stone-card{grid-column:1/-1}
.qh-kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px 10px 8px}
.qh-kv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 4px;border-bottom:1px dashed #EEF2F6;font-size:9px;color:#667085}
.qh-kv:nth-last-child(-n+2){border-bottom:0}
.qh-kv strong{font-size:10px;color:#101828;font-variant-numeric:tabular-nums;text-align:right}
.qh-table-scroll{overflow:auto;max-height:180px}
.qh-compact-table{width:100%;border-collapse:collapse;min-width:760px}
.qh-compact-table th{position:sticky;top:0;z-index:1;background:#F2F4F7;padding:7px 8px;border-bottom:1px solid #DDE3EA;font-size:8px;text-transform:uppercase;letter-spacing:.03em;color:#667085;white-space:nowrap;text-align:left}
.qh-compact-table td{padding:7px 8px;border-bottom:1px solid #EEF2F6;font-size:9px;color:#344054;white-space:nowrap}
.qh-compact-table tbody tr:last-child td{border-bottom:0}
.qh-price-list{padding:3px 11px 7px}
.qh-price-row{display:grid;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:14px;min-height:30px;border-bottom:1px solid #EEF2F6;font-size:9px;color:#667085}
.qh-price-row:last-child{border-bottom:0}
.qh-price-row strong{color:#101828;font-size:10px;font-variant-numeric:tabular-nums}
.qh-price-row .price-change{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:7px;white-space:nowrap}
.qh-price-row .price-change s{font-size:9px;color:#98A2B3;text-decoration-thickness:1px}
.qh-price-row.emphasis{font-weight:800;background:#F9FAFB;margin:0 -11px;padding:0 11px}
.qh-price-row.discount{color:#B54708;background:#FFFAEB;margin:0 -11px;padding:0 11px;font-weight:800}
.qh-price-row.discount strong{color:#B54708}
.qh-price-row.final{min-height:38px;background:#ECFDF3;margin:0 -11px;padding:0 11px;border-bottom:0}
.qh-price-row.final span{font-size:10px;font-weight:900;color:#344054}
.qh-price-row.final strong{font-size:17px;color:#067647}
.qh-offer-strip{display:flex;align-items:center;justify-content:center;gap:6px;margin:7px 10px 10px;padding:7px 10px;border:1px solid #FEDF89;border-radius:8px;background:#FFFAEB;color:#B54708;font-size:9px;font-weight:850;text-align:center}

/* Compact old-vs-current view */
.qh-compare-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:start}
.qh-compare-hero{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0!important}
.qh-compare-hero>div{padding:10px 12px!important;border:1px solid #E4E7EC!important;border-radius:11px!important;background:#fff!important;min-width:0}
.qh-compare-hero span{font-size:8px!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.04em;color:#98A2B3!important}
.qh-compare-hero strong{display:block;margin-top:3px;font-size:18px!important;color:#344054!important;white-space:nowrap}
.qh-compare-hero .current strong{color:#067647!important}
.qh-compare-hero .up strong{color:#B54708!important}.qh-compare-hero .down strong{color:#067647!important}
.qh-compare-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.qh-compare-chip{padding:5px 8px;border:1px solid #E4E7EC;border-radius:999px;background:#fff;font-size:8px;color:#667085}
.qh-compare-chip strong{color:#344054}
.qh-compare-card{grid-column:1/-1}
.qh-compare-table{width:100%;border-collapse:collapse}
.qh-compare-table th{padding:7px 9px;background:#F2F4F7;border-bottom:1px solid #DDE3EA;font-size:8px;text-transform:uppercase;letter-spacing:.03em;color:#667085;text-align:right}
.qh-compare-table th:first-child{text-align:left}
.qh-compare-table td{padding:7px 9px;border-bottom:1px solid #EEF2F6;font-size:9px;text-align:right;color:#344054;vertical-align:middle}
.qh-compare-table td:first-child{text-align:left;font-weight:700}
.qh-compare-table .final-row td{font-weight:900;background:#F0FDF4;font-size:10px}
.qh-compare-table .discount-row td{color:#B54708;background:#FFFAEB;font-weight:800}
.qh-compare-table .price-change{display:inline-flex;gap:6px;align-items:baseline;justify-content:flex-end}
.qh-compare-table .price-change s{color:#98A2B3;font-size:8px}
.qh-compare-table .quote-diff.up{color:#B54708}.qh-compare-table .quote-diff.down{color:#067647}.qh-compare-table .quote-diff.same{color:#667085}
.qh-compare-offers{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qh-compare-offer{padding:8px 10px;border:1px solid #FEDF89;border-radius:9px;background:#FFFAEB;font-size:8px;color:#B54708}
.qh-compare-offer strong{display:block;margin-bottom:2px;font-size:9px}
.qh-compare-warnings{grid-column:1/-1!important;margin:0!important;padding:8px 10px!important;border-radius:9px!important;font-size:8px!important}

/* Legacy compare markup: make it compact even before the polish script completes. */
#quoteCompareBody>.quote-compare-hero{margin-bottom:8px}
#quoteCompareBody>.quote-compare-context{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
#quoteCompareBody>.quote-compare-context span{padding:5px 8px;border:1px solid #E4E7EC;border-radius:999px;background:#fff;font-size:8px}
#quoteCompareBody>.quote-detail-section{margin:0 0 9px!important}
#quoteCompareBody>.quote-detail-section h3{font-size:10px;margin:0 0 6px}
#quoteCompareBody .master-table-wrap{max-height:280px}
#quoteCompareBody .master-table th,#quoteCompareBody .master-table td{padding:6px 8px!important;font-size:8px!important}

@media(max-width:980px){
  .qh-snapshot-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qh-material-card,.qh-price-card{grid-column:1/-1}
  .qh-compare-hero{grid-template-columns:1fr}
  .qh-compare-offers{grid-template-columns:1fr}
}
@media(max-width:640px){
  #quoteSnapshotModal .quote-history-modal,#quoteCompareModal .quote-compare-modal{width:98vw!important;max-height:95vh!important}
  .qh-snapshot-summary{grid-template-columns:1fr}
  .qh-kv-grid{grid-template-columns:1fr}
}

/* V42.4.6 — History Material/Compare uses the exact Style Price information hierarchy. */
body[data-page="quotation-history"] .history-style-price-detail,
body[data-page="quotation-history"] .history-compare-style-price{display:block}
body[data-page="quotation-history"] .engine-material-context{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}
body[data-page="quotation-history"] .engine-material-context>div{padding:8px 10px;border:1px solid #E4E7EC;border-radius:9px;background:#fff;display:flex;flex-direction:column;gap:3px;min-width:0}
body[data-page="quotation-history"] .engine-material-context span{font-size:8px;color:#98A2B3;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
body[data-page="quotation-history"] .engine-material-context strong{font-size:10px;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="quotation-history"] .engine-material-context .offer{background:#FFF9EA;border-color:#F0DDB4}
body[data-page="quotation-history"] .engine-material-context .offer strong{color:#956800}
body[data-page="quotation-history"] .history-material-section{padding:10px 11px;border:1px solid #E4E7EC;border-radius:11px;background:#fff;margin:0 0 9px}
body[data-page="quotation-history"] .history-material-section h3{margin:0 0 7px;font-size:10px;color:#344054;text-transform:uppercase;letter-spacing:.03em}
body[data-page="quotation-history"] .history-material-section .material-detail-table-wrap{max-height:175px;overflow:auto}
body[data-page="quotation-history"] .engine-history-selling-table{min-width:900px;font-size:9px}
body[data-page="quotation-history"] .engine-history-selling-table th,
body[data-page="quotation-history"] .engine-history-selling-table td{padding:6px 7px}
body[data-page="quotation-history"] .engine-history-selling-table thead th{background:#F1F0FF!important;color:#493CC8}
body[data-page="quotation-history"] .engine-history-selling-table .material-total-row td{background:#F7F6FF!important;font-weight:850}
body[data-page="quotation-history"] .engine-other-charge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
body[data-page="quotation-history"] .engine-other-charge-grid>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;border:1px solid #EEF1F5;border-radius:8px;background:#FAFBFC;font-size:9px}
body[data-page="quotation-history"] .engine-other-charge-grid span{color:#667085}
body[data-page="quotation-history"] .engine-other-charge-grid strong{color:#101828;font-variant-numeric:tabular-nums}
body[data-page="quotation-history"] .engine-other-charge-grid .total{background:#F7F6FF;border-color:#DDD9FF;font-weight:850}
body[data-page="quotation-history"] .engine-price-breakup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-page="quotation-history"] .history-single-breakup{grid-template-columns:minmax(0,760px);justify-content:end}
body[data-page="quotation-history"] .engine-breakup-panel{border:1px solid #DDD9FF;border-radius:11px;overflow:hidden;background:#fff}
body[data-page="quotation-history"] .engine-breakup-panel-title{padding:9px 12px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #E8ECF2;background:#EEECFF;color:#493CC8}
body[data-page="quotation-history"] .engine-breakup-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 12px;border-bottom:1px solid #F0F2F5;font-size:9px}
body[data-page="quotation-history"] .engine-breakup-row>span{color:#667085}
body[data-page="quotation-history"] .engine-breakup-row>b{color:#101828;font-size:10px;font-weight:750;font-variant-numeric:tabular-nums;display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap}
body[data-page="quotation-history"] .engine-breakup-row.strong{padding-top:9px;padding-bottom:9px}
body[data-page="quotation-history"] .engine-breakup-row.component-total,
body[data-page="quotation-history"] .engine-breakup-row.gross-total{background:#F7F6FF}
body[data-page="quotation-history"] .engine-breakup-row.strong>span,
body[data-page="quotation-history"] .engine-breakup-row.strong>b{font-size:10px;font-weight:900;color:#101828}
body[data-page="quotation-history"] .engine-breakup-row.discount-saving{background:#FFF8F4}
body[data-page="quotation-history"] .engine-breakup-row.discount-saving>span,
body[data-page="quotation-history"] .engine-breakup-row.discount-saving>b{color:#B54708;font-weight:900}
body[data-page="quotation-history"] .engine-breakup-row.final-selling{padding:12px;background:#F8FAFC;border-top:1px solid #D8DEE8;border-bottom:0}
body[data-page="quotation-history"] .engine-breakup-row.final-selling>span{font-size:12px;font-weight:950;color:#101828}
body[data-page="quotation-history"] .engine-breakup-row.final-selling>b,
body[data-page="quotation-history"] .engine-breakup-row.final-selling .engine-price-change strong,
body[data-page="quotation-history"] .engine-breakup-row.final-selling .engine-final-sale-value{font-size:17px!important;line-height:1.1;color:#087C6B!important;font-weight:950!important}
body[data-page="quotation-history"] .engine-price-change{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
body[data-page="quotation-history"] .engine-price-change s{font-size:9px;color:#98A2B3;font-weight:600;text-decoration-thickness:1px}
body[data-page="quotation-history"] .engine-breakup-row:not(.final-selling) .engine-price-change strong{color:#101828!important}
body[data-page="quotation-history"] .engine-offer-chip{margin:8px 10px 10px;padding:6px 9px;border:1px solid #F0DDB4;border-radius:8px;background:#FFF6DF;color:#956800;font-size:8px;font-weight:900;text-align:center}
body[data-page="quotation-history"] .history-compare-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:9px}
body[data-page="quotation-history"] .history-compare-summary>div{padding:9px 11px;border:1px solid #E4E7EC;border-radius:10px;background:#fff}
body[data-page="quotation-history"] .history-compare-summary span{display:block;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:#98A2B3}
body[data-page="quotation-history"] .history-compare-summary strong{display:block;margin-top:3px;font-size:16px;color:#344054}
body[data-page="quotation-history"] .history-compare-summary .current strong{color:#087C6B}
body[data-page="quotation-history"] .history-compare-summary .up strong{color:#B54708}
body[data-page="quotation-history"] .history-compare-summary .down strong{color:#087C6B}
body[data-page="quotation-history"] .history-compare-summary small{font-size:9px}
body[data-page="quotation-history"] .history-compare-breakup-section{margin-bottom:9px}
body[data-page="quotation-history"] .history-compare-warnings{margin:0!important;font-size:8px!important;padding:8px 10px!important}
@media(max-width:1050px){
  body[data-page="quotation-history"] .engine-material-context{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-page="quotation-history"] .engine-other-charge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body[data-page="quotation-history"] .engine-material-context,
  body[data-page="quotation-history"] .engine-price-breakup-grid,
  body[data-page="quotation-history"] .engine-other-charge-grid,
  body[data-page="quotation-history"] .history-compare-summary{grid-template-columns:1fr}
  body[data-page="quotation-history"] .history-single-breakup{grid-template-columns:1fr}
}

/* V42.4.8 — Quotation History compare accordions. Keep Old/New compact and visually identical. */
body[data-page="quotation-history"] .history-compare-accordions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
body[data-page="quotation-history"] .history-compare-accordion{border:1px solid #E4E7EC;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(16,24,40,.04)}
body[data-page="quotation-history"] .history-compare-accordion.current{border-color:#D5E7E2}
body[data-page="quotation-history"] .history-compare-accordion>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto 20px;gap:12px;align-items:center;padding:11px 12px;background:#FAFBFC;border-bottom:1px solid transparent;user-select:none}
body[data-page="quotation-history"] .history-compare-accordion.current>summary{background:#F7FBFA}
body[data-page="quotation-history"] .history-compare-accordion[open]>summary{border-bottom-color:#E9ECF1}
body[data-page="quotation-history"] .history-compare-accordion>summary::-webkit-details-marker{display:none}
body[data-page="quotation-history"] .history-compare-accordion>summary div{display:grid;gap:2px}
body[data-page="quotation-history"] .history-compare-accordion>summary span{font-size:10px;font-weight:900;color:#344054}
body[data-page="quotation-history"] .history-compare-accordion>summary small{font-size:8px;color:#98A2B3;font-weight:650}
body[data-page="quotation-history"] .history-compare-accordion>summary>strong{font-size:14px;color:#344054;font-variant-numeric:tabular-nums}
body[data-page="quotation-history"] .history-compare-accordion.current>summary>strong{color:#087C6B}
body[data-page="quotation-history"] .history-compare-accordion>summary>i{font-style:normal;color:#667085;font-size:14px;transition:transform .16s ease;text-align:center}
body[data-page="quotation-history"] .history-compare-accordion[open]>summary>i{transform:rotate(180deg)}
body[data-page="quotation-history"] .history-compare-accordion-body{padding:10px;background:#fff}
body[data-page="quotation-history"] .history-compare-material-title{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#667085;margin:0 0 7px}
body[data-page="quotation-history"] .compact-compare-material{padding:8px 9px;margin-bottom:7px}
body[data-page="quotation-history"] .compact-compare-material h3{font-size:9px;margin-bottom:5px}
body[data-page="quotation-history"] .compact-compare-material .material-detail-table-wrap{max-height:120px}
body[data-page="quotation-history"] .compact-identity-table{min-width:620px!important;font-size:8.5px!important}
body[data-page="quotation-history"] .compact-identity-table th,
body[data-page="quotation-history"] .compact-identity-table td{padding:5px 6px!important}
body[data-page="quotation-history"] .history-compare-accordion .history-single-breakup{grid-template-columns:1fr;justify-content:stretch}
body[data-page="quotation-history"] .history-compare-accordion .history-material-section:last-child{margin-bottom:0}
@media(max-width:980px){body[data-page="quotation-history"] .history-compare-accordions{grid-template-columns:1fr}}