/* RFQ Stats Add-on – ultra compact RTCL-style */

:root{
  --rfqsa-blue:#2b6cb0;
  --rfqsa-green:#00c194;
  --rfqsa-orange:#f59e0b;
  --rfqsa-purple:#7c3aed;
  --rfqsa-border:rgba(0,0,0,.08);
  --rfqsa-muted:rgba(0,0,0,.55);
  /* Visual surfaces */
  --rfqsa-surface: #f6f8fb;   /* soft off-white (container) */
  --rfqsa-card: #ffffff;      /* card face */
}

.rfqsa-dashboard{width:100%;}

/* KPI bar – modern compact cards */
.rfqsa-kpi-bar{
  display:flex;
  align-items:stretch;
  flex-wrap:nowrap;
  gap:7px;
  width:100%;
  padding:5px;
  border:1px solid var(--rfqsa-border);
  border-radius:16px;
  background:var(--rfqsa-surface);
  overflow:visible;
}

/* old dividers are not needed with gaps */
.rfqsa-kpi__sep{display:none;}

/* Shared “card” look */
.rfqsa-kpi,
.rfqsa-kpi-cta{
  border:1px solid rgba(0,0,0,.06);
  background:var(--rfqsa-card);
  border-radius:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}

.rfqsa-kpi{
  position:relative;
  flex:1 1 0;
  min-width:0;
  padding:6px 9px 6px 40px;
  line-height:1.15;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.rfqsa-kpi:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  border-color:rgba(0,0,0,.10);
}

.rfqsa-kpi::before{
  content:"";
  position:absolute;
  top:6px;
  left:7px;
  width:22px;
  height:22px;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  background:rgba(0,0,0,.05);
  color:rgba(0,0,0,.60);
}

.rfqsa-kpi--blue::before{content:"📩"; background:rgba(43,108,176,.12); color:var(--rfqsa-blue);}
.rfqsa-kpi--green::before{content:"👥"; background:rgba(0,193,148,.12); color:var(--rfqsa-green);}
.rfqsa-kpi--orange::before{content:"⚠"; background:rgba(245,158,11,.14); color:var(--rfqsa-orange);}
.rfqsa-kpi--purple::before{content:"📈"; background:rgba(124,58,237,.12); color:var(--rfqsa-purple);}

.rfqsa-kpi__num{
  font-size:32px;
  font-weight:900;
  letter-spacing:-.02em;
  margin-bottom:0;
  line-height:1.02;
}

/* Color-coded numbers */
.rfqsa-kpi--blue .rfqsa-kpi__num{color:var(--rfqsa-blue);} 
.rfqsa-kpi--green .rfqsa-kpi__num{color:var(--rfqsa-green);} 
.rfqsa-kpi--orange .rfqsa-kpi__num{color:var(--rfqsa-orange);} 
.rfqsa-kpi--purple .rfqsa-kpi__num{color:var(--rfqsa-purple);} 

.rfqsa-kpi__title{
  font-size:15px;
  font-weight:850;
  color:rgba(0,0,0,.70);
  margin-bottom:3px;
  white-space:normal;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.rfqsa-kpi__pill{
  display:inline-block;
  font-size:12px;
  font-weight:750;
  padding:1px 8px;
  border-radius:999px;
  border:1px solid var(--rfqsa-border);
  background:rgba(255,255,255,.65);
  color:rgba(0,0,0,.65);
  white-space:nowrap;
}

.rfqsa-kpi--boxed{position:relative;}
.rfqsa-kpi__badge{
  position:absolute;
  top:5px;
  right:5px;
  font-size:10px;
  font-weight:900;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid rgba(245,158,11,.35);
  color:rgba(245,158,11,.95);
  background:rgba(245,158,11,.08);
}

.rfqsa-kpi__micro{font-size:13px; font-weight:750; color:rgba(0,0,0,.55);}

/* CTA area */
.rfqsa-kpi-cta{
  flex:1.25 1 0;
  min-width:0;
  padding:7px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
}

.rfqsa-kpi-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:7px 12px;
  border-radius:14px;
  background:var(--rfqsa-green) !important;
  color:#fff !important;
  font-weight:900;
  font-size:16px;
  line-height:1.15;
  white-space:normal;
  text-align:center;
  border:0;
  text-shadow:none;
  text-decoration:none;
}

.rfqsa-kpi-cta__btn:visited,
.rfqsa-kpi-cta__btn:focus,
.rfqsa-kpi-cta__btn:active{
  color:#fff !important;
}

.rfqsa-kpi-cta__btn:hover{filter:brightness(.97);}

.rfqsa-kpi-cta__sub{
  font-size:12px;
  color:rgba(0,0,0,.55);
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.rfqsa-kpi-cta__tick{color:var(--rfqsa-green); font-weight:900;}
.rfqsa-kpi-cta__dot{opacity:.6;}

/* Keep a single row on narrow desktop layouts by hiding “extra” micro text */
@media (max-width: 1100px){
  .rfqsa-kpi__pill,
  .rfqsa-kpi__micro{display:none;}
  .rfqsa-kpi__title{margin-bottom:0;}
  .rfqsa-kpi-cta__sub{display:none;}
}

/* Recent list box */
.rfqsa-overview-recent{
  margin-top:10px;
  border:1px solid var(--rfqsa-border);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}

/* Recent table wrapper (allows centered login overlay) */
.rfqsa-recent-wrap{position:relative;}

/* Centered login overlay (classic guest prompt) */
.rfqsa-login-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  pointer-events:none; /* only the button is clickable */
}

.rfqsa-login-overlay__inner{
  pointer-events:auto;
  max-width:420px;
  width:100%;
  text-align:center;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.92);
  backdrop-filter: blur(4px);
  border-radius:16px;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  padding:14px 14px 12px;
}

.rfqsa-login-overlay__title{
  font-weight:950;
  font-size:16px;
  margin-bottom:4px;
}

.rfqsa-login-overlay__sub{
  font-size:13px;
  color:rgba(0,0,0,.60);
  margin-bottom:10px;
}

.rfqsa-login-overlay__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:12px;
  font-weight:900;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.12);
  background:var(--rfqsa-blue);
  color:#fff !important;
}

.rfqsa-login-overlay__btn:hover{filter:brightness(.98);} 

.rfqsa-overview-recent__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 14px;
  border-bottom:1px solid var(--rfqsa-border);
}

.rfqsa-overview-recent__title{
  font-weight:900;
  font-size:14px;
}

.rfqsa-overview-recent__link{
  font-size:12px;
  font-weight:800;
  color:var(--rfqsa-blue);
  text-decoration:none;
}

.rfqsa-overview-recent__list{padding:0;}

.rfqsa-overview-recent__empty{
  padding:12px;
  font-size:14px;
  color:var(--rfqsa-muted);
}

/* Table */
.rfqsa-req-table{width:100%; border-collapse:collapse; table-layout:fixed;}
.rfqsa-req-table thead th{
  font-size:14px;
  font-weight:900;
  text-align:left;
  padding:8px 10px;
  color:rgba(0,0,0,.75);
  border-bottom:1px solid var(--rfqsa-border);
  white-space:nowrap;
}

.rfqsa-req-table tbody td{
  padding:8px 10px;
  font-size:14px;
  vertical-align:middle;
  border-bottom:1px solid rgba(0,0,0,.05);
  overflow:hidden;
  text-overflow:ellipsis;
}

.rfqsa-req-table tbody tr:last-child td{border-bottom:0;}

.rfqsa-col--req{width:40%;}
.rfqsa-col--cat{width:16%;}
.rfqsa-col--loc{width:16%;}
.rfqsa-col--status{width:12%;}
.rfqsa-col--time{width:16%;}

.rfqsa-req-title{font-weight:800;}
.rfqsa-req-meta{color:rgba(0,0,0,.65);}

.rfqsa-status{font-weight:900;}
.rfqsa-status--open{color:var(--rfqsa-blue);}      /* Open */
.rfqsa-status--pending{color:var(--rfqsa-orange);} /* Pending */
.rfqsa-status--submitted{color:var(--rfqsa-blue);} /* Submitted */
.rfqsa-status--distributed{color:var(--rfqsa-purple);} /* Distributed */
.rfqsa-status--quoted{color:var(--rfqsa-green);}    /* Quoted */
.rfqsa-status--closed{color:rgba(0,0,0,.55);}       /* Closed */
.rfqsa-status--cancelled{color:#dc2626;}           /* Cancelled */
.rfqsa-status--trashed{color:rgba(0,0,0,.45);}      /* Trashed */

/* Time column: never clipped */
.rfqsa-time{white-space:nowrap; display:inline-block; min-width:120px; text-align:right;}

/* Locked rows for guests */
.rfqsa-row.is-locked .rfqsa-cell{
  filter:blur(2.2px);
opacity:.88;
}
.rfqsa-row.is-locked{cursor:pointer;}

/* Showcase rows are visible but not clickable */
.rfqsa-row.is-showcase{cursor:default;}

/* Responsive */
.rfqsa-kpi-cta{min-width:200px;}

@media (max-width: 900px){
  .rfqsa-col--cat,.rfqsa-col--loc{width:18%;}
}

@media (max-width: 700px){
  .rfqsa-kpi-bar{flex-wrap:wrap;}
  .rfqsa-kpi__sep{display:none;}
  .rfqsa-kpi,.rfqsa-kpi-cta{flex:1 1 50%; min-width:0;}
  .rfqsa-req-table thead{display:none;}
  .rfqsa-req-table, .rfqsa-req-table tbody, .rfqsa-req-table tr, .rfqsa-req-table td{display:block; width:100%;}
  .rfqsa-req-table tbody td{border-bottom:0; padding:6px 10px;}
  .rfqsa-req-table tbody tr{border-bottom:1px solid rgba(0,0,0,.06); padding:6px 0;}
  .rfqsa-time{min-width:0; text-align:left; white-space:normal;}
}


/* Login CTA shown on locked rows */
.rfqsa-locked-cta{display:none !important;
/* legacy */

  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:10px;
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
  line-height:1.2;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.92);
  color:inherit;
  filter:none !important;
}


/* Per-row guest prompt (matches “LOGIN TO VIEW” style) */
.rfqsa-login-to-view{
  display:block;
  text-align:center;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:var(--rfqsa-green);
  text-decoration:none;
  padding:6px 8px;
}
.rfqsa-row.is-locked .rfqsa-login-to-view{
  filter:none !important;
  opacity:1 !important;
}


/* Locked row blur (keep text, blur only) */
.rfqsa-blur{
  filter: blur(4px);
  opacity: .55;
  user-select: none;
}
.rfqsa-row.is-locked .rfqsa-blur{ pointer-events:none; }