/* Chemical-Mandi R65 — zero-gap header + cleaner dashboard cards */

/* Header is the first DOM element. Keep it in normal flow so no spacer can appear above it. */
html,body{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body{
  padding-top:0!important;
}
body > header.topbar,
header.topbar,
.topbar{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:100%!important;
  height:auto!important;
  min-height:78px!important;
  margin:0!important;
  box-sizing:border-box!important;
  z-index:1000!important;
  background:#fff!important;
  border-bottom:1px solid #e2e8f0!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;
}
body::before,body::after{content:none!important;display:none!important}
main,.page-shell,.dashboard-shell{margin-top:0!important;padding-top:0!important}

/* My RFQs stays compact and readable. */
.dashboard-table-wrap.r39-ten-row-scroll{
  max-height:390px!important;
  overflow-y:auto!important;
  overflow-x:auto!important;
}
.dashboard-table th:first-child,
.dashboard-table td:first-child{
  width:250px!important;
  min-width:250px!important;
}
.dashboard-table th:last-child,
.dashboard-table td:last-child{
  width:120px!important;
  text-align:center!important;
}

/* Supplier workspace: visually cleaner rows and a dedicated action column. */
#dashboardAwardMessages{
  display:block!important;
  max-height:390px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:8px!important;
}

/* R71: new/unread SQL RFQs are visibly distinct until the role decision is taken. */
.cm-r71-unread-rfq,
#dashboardAwardMessages > .cm-r71-unread-rfq,
#cmR61BuyersMandi > .cm-r71-unread-rfq,
#cmR61SellerMandi > .cm-r71-unread-rfq{
  background:#dcfce7 !important;
  border-color:#86efac !important;
  box-shadow:inset 4px 0 0 #22c55e;
}
.cm-r71-unread-count{
  display:inline-flex;
  align-items:center;
  margin-left:.45rem;
  padding:.16rem .5rem;
  border-radius:999px;
  background:#dcfce7;
  border:1px solid #86efac;
  color:#166534;
  font-size:.74rem;
  font-weight:800;
  vertical-align:middle;
}
.cm-r71-quote-list{display:grid;gap:.65rem;margin-top:1rem}
.cm-r71-quote-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.75rem;border:1px solid #cbd5e1;border-radius:12px;background:#fff}
.cm-r71-quote-actions{display:flex;gap:.5rem;flex-wrap:wrap}
#dashboardAwardMessages > .cm-r65-supplier-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 132px!important;
  align-items:stretch!important;
  gap:14px!important;
  padding:14px!important;
  margin:0 0 10px!important;
  border:1px solid #fdba74!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,#fffaf3,#fff)!important;
  box-shadow:0 4px 12px rgba(15,23,42,.04)!important;
  box-sizing:border-box!important;
  min-width:0!important;
}
.cm-r65-supplier-main{
  min-width:0!important;
  display:grid!important;
  gap:9px!important;
}
.cm-r65-supplier-main *{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.cm-r65-supplier-action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-left:1px solid #fed7aa!important;
  padding-left:14px!important;
}
.cm-r65-supplier-action .cm-r65-view{
  width:100%!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #f97316!important;
  border-radius:10px!important;
  background:#fff1df!important;
  color:#9a3412!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.cm-r65-duplicate{display:none!important}

/* Supplier onboarding must be immediately interactive. */
#addSupplierItem{
  opacity:1!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
body.cm-r65-onboarding .modal-backdrop:not(.show):not(.active),
body.cm-r65-onboarding .loading-overlay:not(.show):not(.active),
body.cm-r65-onboarding .page-overlay:not(.show):not(.active),
body.cm-r65-onboarding [data-loading-overlay]:not(.show):not(.active){
  display:none!important;
  pointer-events:none!important;
  filter:none!important;
  backdrop-filter:none!important;
}

@media(max-width:760px){
  body > header.topbar,header.topbar,.topbar{min-height:70px!important}
  #dashboardAwardMessages > .cm-r65-supplier-row{
    grid-template-columns:1fr!important;
  }
  .cm-r65-supplier-action{
    border-left:0!important;
    border-top:1px solid #fed7aa!important;
    padding-left:0!important;
    padding-top:10px!important;
  }
}


/* R228: keep dashboard headings fully visible and prevent clipping at section boundaries. */
.dashboard-section,.dashboard-card,.dashboard-panel{overflow:visible!important}
.dashboard-section h2,.dashboard-section h3,.dashboard-heading,#dashboardRfqRows{scroll-margin-top:96px}
.dashboard-section h2,.dashboard-section h3{line-height:1.25!important;padding-top:2px!important}