/* Chemical-Mandi R64 — stability, header, compact row panels */

:root{--cm-r64-header:78px}

html,body{
  margin:0!important;
  padding:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body{
  padding-top:var(--cm-r64-header)!important;
  box-sizing:border-box!important;
}

/* Header bar visible from the first pixel row. */
body > header.topbar,
header.topbar,
.topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  width:100%!important;
  height:var(--cm-r64-header)!important;
  min-height:var(--cm-r64-header)!important;
  margin:0!important;
  transform:none!important;
  z-index:30000!important;
  background:#fff!important;
  border-bottom:1px solid #e2e8f0!important;
  box-shadow:0 2px 10px rgba(15,23,42,.06)!important;
}
body::before,body::after{
  content:none!important;
  display:none!important;
}
.site-spacer,.top-spacer,.header-spacer,.static-header-spacer,[data-header-spacer]{
  display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;
}

/* The dashboard heading / SuperAdmin user scope stays before Live Mandi. */
.dashboard-heading{margin-top:0!important}

/* Never create huge blank cards. Panels grow only to their content, up to 5 rows. */
.cm-r61-mandi-panel,
.dashboard-cart-grid > .dashboard-panel,
.dashboard-award-panel,
.dashboard-rfq-panel{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}

/* Lists display max 5 rows, then a visible scrollbar. */
.cm-r61-mandi-list,
#dashboardBuyCart,
#dashboardSellCart,
#dashboardAwardMessages{
  height:auto!important;
  max-height:365px!important;
  min-height:62px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:auto!important;
}
.cm-r61-mandi-list::-webkit-scrollbar,
#dashboardBuyCart::-webkit-scrollbar,
#dashboardSellCart::-webkit-scrollbar,
#dashboardAwardMessages::-webkit-scrollbar,
.r64-five-row-scroll::-webkit-scrollbar{
  width:12px!important;
}
.cm-r61-mandi-list::-webkit-scrollbar-thumb,
#dashboardBuyCart::-webkit-scrollbar-thumb,
#dashboardSellCart::-webkit-scrollbar-thumb,
#dashboardAwardMessages::-webkit-scrollbar-thumb,
.r64-five-row-scroll::-webkit-scrollbar-thumb{
  background:#94a3b8!important;
  border-radius:999px!important;
  border:3px solid transparent!important;
  background-clip:padding-box!important;
}
.cm-r61-mandi-list::-webkit-scrollbar-track,
#dashboardBuyCart::-webkit-scrollbar-track,
#dashboardSellCart::-webkit-scrollbar-track,
#dashboardAwardMessages::-webkit-scrollbar-track,
.r64-five-row-scroll::-webkit-scrollbar-track{
  background:#f8fafc!important;
}

/* My RFQs: proper row sizing and no character-by-character RFQ ID. */
.dashboard-table-wrap.r39-ten-row-scroll{
  max-height:420px!important;
  overflow-y:auto!important;
  overflow-x:auto!important;
  scrollbar-gutter:stable!important;
}
.dashboard-table{
  width:100%!important;
  min-width:860px!important;
  table-layout:fixed!important;
}
.dashboard-table th,
.dashboard-table td{
  min-width:0!important;
  vertical-align:middle!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.dashboard-table th:first-child,
.dashboard-table td:first-child{
  width:230px!important;
  min-width:230px!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
.dashboard-table th:last-child,
.dashboard-table td:last-child{
  width:120px!important;
}

/* Standard 5-row cards. */
.cm-r64-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:62px!important;
  padding:10px 12px!important;
  margin:0 0 8px!important;
  border:1px solid #fdba74!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
.cm-r64-placeholder{
  display:flex!important;
  min-height:62px!important;
  align-items:center!important;
  padding:12px!important;
  border:1px dashed #cbd5e1!important;
  border-radius:10px!important;
  color:#64748b!important;
  background:#fff!important;
  font-style:italic!important;
}
.cm-r64-view{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:78px!important;
  min-height:36px!important;
  padding:7px 13px!important;
  border:1px solid #fb923c!important;
  border-radius:9px!important;
  background:#ffedd5!important;
  color:#9a3412!important;
  font-weight:800!important;
  text-decoration:none!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}

/* No duplicate View / View RFQ controls in one item. */
.cm-r64-duplicate{display:none!important}

/* Modal */
.cm-r64-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:40000!important;
  display:grid!important;
  place-items:center!important;
  padding:16px!important;
  background:rgba(15,23,42,.60)!important;
}
.cm-r64-modal-backdrop[hidden]{display:none!important}
.cm-r64-modal{
  position:relative!important;
  width:min(900px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  overflow-y:auto!important;
  background:#fff!important;
  border:1px solid #fdba74!important;
  border-radius:18px!important;
  padding:24px!important;
  box-sizing:border-box!important;
}
.cm-r64-modal-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  cursor:pointer!important;
  font-size:22px!important;
}
.cm-r64-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:14px!important;
}
.cm-r64-detail-field{
  padding:11px 12px!important;
  border:1px solid #e2e8f0!important;
  border-radius:9px!important;
  background:#f8fafc!important;
}
.cm-r64-detail-field span{display:block!important;color:#64748b!important;font-size:.78rem!important;margin-bottom:4px!important}
.cm-r64-detail-field strong{display:block!important;color:#24364e!important;overflow-wrap:anywhere!important}

@media(max-width:800px){
  :root{--cm-r64-header:70px}
  .cm-r61-mandi-grid,.dashboard-analysis-grid,.dashboard-cart-grid{grid-template-columns:1fr!important}
  .cm-r64-detail-grid{grid-template-columns:1fr!important}
  .dashboard-table{min-width:720px!important}
}