body { font-family: Arial, sans-serif; background: #f9f9f9; color: #333; margin: 0; padding: 0; }
header { background: #fff; padding: 10px 20px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
header img { height: 50px; max-width: 100%; }
.nav-links a { margin-left: 20px; text-decoration: none; color: #666; font-weight: bold; }
nav { background: #f0f0f0; padding: 10px 20px; display: flex; flex-wrap: wrap; gap: 12px; }
nav a { text-decoration: none; color: #333; font-weight: bold; }
main { padding: 20px; max-width: 1200px; margin: 0 auto; }
footer { text-align: center; padding: 20px; font-size: 0.9em; color: #aaa; background: #f9f9f9; }
h1, h2, h3 { margin-top: 0; }
a { color: #0c5da5; }
.card { background: #fff; padding: 20px; margin: 20px 0; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.sub-card { background: #fafafa; border: 1px solid #ececec; padding: 12px; border-radius: 8px; margin-top: 10px; }
.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.hero { display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px; align-items: start; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.btn, button { display: inline-block; background: #0c5da5; color: white; border: none; border-radius: 6px; padding: 10px 16px; text-decoration: none; font-weight: bold; cursor: pointer; }
.btn.secondary { background: #fff; color: #0c5da5; border: 1px solid #0c5da5; }
.btn.small, button.small { padding: 7px 12px; font-size: 0.9em; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.form-grid label, .form-grid fieldset, .price-grid label { display: flex; flex-direction: column; gap: 6px; }
.form-grid .full { grid-column: 1 / -1; }
.check-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px 14px; }

.check-grid label { display: flex; flex-direction: row; align-items: flex-start; gap: 8px; line-height: 1.25; }
.check-grid input[type="checkbox"] { width: auto; padding: 0; margin: 2px 0 0; flex: 0 0 auto; }
.check-grid label span { display: inline-block; }
.item-grid, .price-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-bottom: 12px; }
input, textarea, select { width: 100%; padding: 10px; border-radius: 6px; border: 1px solid #d0d0d0; box-sizing: border-box; }
fieldset { border: 1px solid #ddd; border-radius: 8px; padding: 12px; }
legend { font-weight: bold; }
.list-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid #eee; }
.list-row:last-child { border-bottom: none; }
.stat { background: #fff; padding: 18px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.stat .value { font-size: 1.8rem; font-weight: bold; margin-top: 6px; }
.pill { display: inline-block; padding: 6px 10px; border-radius: 999px; background: #eef3f8; font-size: 0.85rem; }
.pill.good { background: #e6f5ea; color: #177245; }
.pill.warn { background: #fff1da; color: #8a5b00; }
.pill.bad { background: #fde9e9; color: #9e1c1c; }
.flash-stack { display: grid; gap: 10px; margin-bottom: 20px; }
.flash { padding: 12px 14px; border-radius: 8px; }
.flash.success { background: #e6f5ea; color: #177245; }
.flash.error { background: #fde9e9; color: #9e1c1c; }
.flash.info { background: #edf5ff; color: #0c5da5; }
.section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.inline-form { display: inline-flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.muted { color: #666; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { padding: 10px; border-bottom: 1px solid #eee; text-align: left; vertical-align: top; }
.search-bar { display: flex; gap: 10px; flex-wrap: wrap; }
.note { font-size: 0.95rem; color: #666; }
@media (max-width: 900px) {
  .hero, .grid-2, .grid-3, .grid-4, .form-grid, .check-grid, .item-grid, .price-grid { grid-template-columns: 1fr; }
  header { flex-direction: column; align-items: flex-start; }
  .nav-links a { margin-left: 0; margin-right: 14px; }
}
.grid-5 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; }
.env-banner { background: #0c5da5; color: #fff; padding: 8px 20px; font-size: 0.9rem; text-align: center; }
footer { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
@media (max-width: 900px) {
  .grid-5 { grid-template-columns: 1fr; }
}
.badge-row { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.badge-row.compact { margin-top:8px; }
.stretch { align-items:flex-start; }
.right-actions { display:flex; flex-direction:column; gap:8px; align-items:flex-end; }
.progress { width:100%; background:#e9edf2; border-radius:999px; height:10px; overflow:hidden; margin:10px 0 14px; }
.progress span { display:block; height:100%; background:#0c5da5; }
.tip-box { background:#edf5ff; border:1px solid #c8dcf5; border-radius:8px; padding:12px; }
.comparison-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:16px; margin-bottom:20px; }
.comparison-card { border:1px solid #e6e6e6; border-radius:10px; padding:16px; background:#fff; }
.compare-table { margin-top:0; }
.supplier-card { border-left:4px solid #0c5da5; }
.compact-grid { gap:14px; }
@media (max-width: 900px) { .right-actions { align-items:stretch; } .comparison-grid { grid-template-columns:1fr; } }
.service-tile { text-decoration:none; color:#333; transition: transform 0.15s ease; }
.service-tile:hover { transform: translateY(-2px); }
.stack-form { display:grid; gap:8px; }
.award-form { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.award-form input { min-width:180px; }
.awarded-card { border:2px solid #177245; }
@media (max-width: 900px) { .award-form { flex-direction:column; align-items:stretch; } }

.award-order-card { margin-top: 14px; }
.award-order-form { margin-top: 12px; }
.award-order-form textarea { min-height: 90px; }
@media (max-width: 900px) {
  .award-order-form { grid-template-columns: 1fr; }
}

.legal-card h2 { margin-top: 28px; }
.legal-card ul { padding-left: 20px; }
.legal-card li { margin-bottom: 8px; }

/* Launch polish additions */
.brand { display: inline-flex; align-items: center; }
.account-links { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: flex-end; }
.account-links a { margin-left: 0; }
.hero-card h1 { font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.05; }
.launch-box { background: #edf5ff; border: 1px solid #c8dcf5; border-radius: 8px; padding: 12px; margin: 16px 0; }
.tick-list li { margin-bottom: 8px; }
.required { color: #9e1c1c; font-weight: bold; }
.check-line { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 10px; }
.check-line input[type="checkbox"] { width: auto; margin-top: 3px; flex: 0 0 auto; }
.profile-form { display: grid; gap: 0; }
.auth-card { max-width: 720px; }
.price { font-size: 1.4rem; }
.price-card.highlighted { border: 2px solid #0c5da5; }
.step-card { position: relative; }
.step-number { display: inline-flex; width: 32px; height: 32px; border-radius: 999px; align-items: center; justify-content: center; background: #0c5da5; color: #fff; font-weight: bold; margin-bottom: 10px; }
.note-card { margin-top: 0; }
footer a { color: #0c5da5; }
@media (max-width: 900px) {
  .account-links { justify-content: flex-start; }
  nav { gap: 10px; }
}

/* Admin contact/profile management additions */
.message-box { white-space: pre-wrap; background: #fafafa; border: 1px solid #ececec; border-radius: 8px; padding: 14px; line-height: 1.45; }
.admin-meta { display: grid; gap: 6px; }

/* Admin tracking and controlled list views */
.limited-list {
  max-height: 360px; /* roughly five list rows; routes now cap these dashboard lists at 10 */
  overflow-y: auto;
  padding-right: 6px;
}
.admin-full-list {
  max-height: 70vh;
  overflow: auto;
}
.admin-full-list table thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.infinite-more {
  margin-top: 10px;
}
.hidden-row {
  display: none;
}

/* Public trust and directory filter improvements */
.directory-filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
  align-items: end;
}
.directory-filter-grid label:not(.check-line) { display: flex; flex-direction: column; gap: 6px; }
.directory-check { align-items: center !important; margin-bottom: 10px; }
.directory-filter-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.enhanced-supplier-card { border-left-width: 5px; }
.directory-trust-grid { margin-top: 12px; }
.confidence-card { border-top: 4px solid #0c5da5; }
.flow-list, .timeline-list { display: grid; gap: 12px; }
.flow-list > div, .timeline-list > div { border-left: 3px solid #0c5da5; padding-left: 12px; }
.flow-list span { display: block; color: #666; margin-top: 4px; }
.timeline-list p { margin: 4px 0 0; color: #666; }
.buyer-supplier-panels { align-items: stretch; }

/* RFQ trust, distribution and quote comparison updates */
.checkbox-line {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.35;
}
.checkbox-line input[type="checkbox"] {
  margin-top: 3px;
  width: auto;
}
.supplier-select-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  margin-top: 10px;
}
.supplier-select-card {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px;
  border: 1px solid #d9e3ef;
  border-radius: 10px;
  background: #fff;
}
.supplier-select-card input {
  width: auto;
  margin-top: 3px;
}
.compare-table .pill {
  display: inline-block;
  margin-top: 4px;
}

/* SupplyForge Edge Release */
.mode-grid,
.mode-choice-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.mode-card,
.mode-choice {
  display: block;
  border: 1px solid #d7e2df;
  background: #f8fbfa;
  border-radius: 14px;
  padding: 16px;
}
.mode-card strong,
.mode-choice strong { display:block; margin-bottom: 6px; }
.mode-card span,
.mode-choice span { color: #54625e; font-size: .95rem; }
.mode-choice { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
.timeline {
  display: grid;
  gap: 12px;
}
.timeline > div {
  border-left: 4px solid #d7e2df;
  padding: 10px 12px;
  background: #f8fbfa;
  border-radius: 10px;
}
.timeline > div.done { border-left-color: #1e8f63; background: #eef9f4; }
.timeline strong { display:block; }
.timeline span { color: #56625f; font-size: .93rem; }
.rfq-timeline {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.match-reasons {
  margin-top: 10px;
  font-size: .92rem;
}
.match-reasons summary {
  cursor: pointer;
  font-weight: 700;
  color: #173b33;
}
.compare-table { overflow-x: auto; }
.hero-card h1 { max-width: 920px; }
.empty-state {
  border: 1px dashed #b8c9c4;
  background: #f8fbfa;
  border-radius: 14px;
  padding: 18px;
}

/* Favicon / drawing retention update */
.btn.danger,
button.danger {
  background: #9f2d2d;
  border-color: #9f2d2d;
  color: #fff;
}
.btn.danger:hover,
button.danger:hover {
  background: #7f2222;
  border-color: #7f2222;
}
.warning-card {
  border-color: #e3b64b;
  background: #fffaf0;
}
.stack-actions {
  align-items: flex-start;
  gap: 8px;
  flex-direction: column;
}
.stack-actions form { margin: 0; }

/* Supplier directory summary cards and dedicated public supplier profile pages */
.supplier-directory .page-header, .supplier-profile-page .page-header { margin-bottom: 20px; }
.supplier-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.25rem; }
.supplier-card.directory-summary-card { display: block; padding: 1.5rem; border: 1px solid #e2e8f0; border-left: 4px solid #0c5da5; border-radius: 18px; background: #fff; text-decoration: none; color: inherit; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }
.supplier-card.directory-summary-card:hover { transform: translateY(-3px); border-color: #9ec3e5; box-shadow: 0 12px 24px rgba(12,93,165,0.12); }
.supplier-card-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.supplier-logo { width: 52px; height: 52px; object-fit: contain; border-radius: 10px; background: #fff; padding: 0.35rem; border: 1px solid #e8edf3; }
.supplier-summary { margin: 0 0 1rem; line-height: 1.55; }
.supplier-services h3 { margin-bottom: 0.5rem; font-size: 0.95rem; }
.supplier-services ul { display: flex; flex-wrap: wrap; gap: 0.5rem; list-style: none; padding: 0; margin: 0; }
.supplier-services li, .tag-list span { display: inline-flex; align-items: center; padding: 0.35rem 0.65rem; border-radius: 999px; background: #eef3f8; font-size: 0.9rem; }
.supplier-profile-link { display: inline-block; margin-top: 1rem; font-weight: 700; color: #0c5da5; }
.verified-badge { display: inline-flex; margin-top: 0.35rem; padding: 0.25rem 0.55rem; border-radius: 999px; font-size: 0.8rem; font-weight: 700; background: #e6f5ea; color: #177245; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 18px; color: #667085; }
.supplier-profile-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 2rem; align-items: start; }
.supplier-profile-hero { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-bottom: 2rem; background: #fff; padding: 28px; border-radius: 18px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.supplier-profile-hero h1 { margin-bottom: 10px; }
.hero-summary { font-size: 1.05rem; line-height: 1.6; color: #455466; max-width: 850px; }
.supplier-profile-logo { max-width: 180px; max-height: 100px; object-fit: contain; background: #fff; border-radius: 14px; padding: 0.75rem; border: 1px solid #e8edf3; }
.profile-section, .sidebar-card { padding: 1.5rem; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; margin-bottom: 1rem; box-shadow: 0 0 10px rgba(0,0,0,0.03); }
.tag-list { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.similar-supplier-list { display: grid; gap: 10px; }
.similar-supplier-card { display: flex; flex-direction: column; gap: 4px; padding: 12px; border: 1px solid #e2e8f0; border-radius: 12px; text-decoration: none; color: inherit; background: #f8fafc; }
.similar-supplier-card:hover { border-color: #9ec3e5; }
.cta-card { border-color: #b8d7f1; background: #f5faff; }
.secondary-cta { background: #fff; }
@media (max-width: 860px) {
  .supplier-profile-layout { grid-template-columns: 1fr; }
  .supplier-profile-hero { flex-direction: column; align-items: flex-start; }
  .supplier-grid { grid-template-columns: 1fr; }
}

/* Supplier country + RFQ geography visibility update */
.geo-target-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
  margin-top: 10px;
}
.geo-visibility-box h3 {
  margin: 0 0 8px;
  font-size: 1rem;
}
.compact-check-grid {
  max-height: 260px;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #d9e3ef;
  border-radius: 12px;
  background: #fff;
}
.country-check-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

/* SupplyForge 10/10 Control Release */
.rfq-stepper{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.rfq-stepper span{padding:.45rem .75rem;border-radius:999px;background:rgba(255,255,255,.08);font-weight:700;font-size:.9rem}.preview-panel{border-color:rgba(62,207,142,.3)}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem}.score-grid input{width:100%}.evaluation-form details{margin:1rem 0;padding:.75rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)}.message-thread{display:grid;gap:.75rem}.mini-form{display:grid;gap:.4rem}.mini-form input{min-width:180px}.guided-builder{background:linear-gradient(135deg,rgba(62,207,142,.08),rgba(255,255,255,.03))}.preview-panel .table-wrap{max-height:460px;overflow:auto}.supplier-select-card small{line-height:1.4}.comparison-card .evaluation-form label{font-size:.85rem}.message-box p{margin:.35rem 0 0}.stat .value{word-break:break-word}
.card-link-wrap{display:block;color:inherit;text-decoration:none}.supplier-card .checkbox-line{margin-bottom:.75rem}.supplier-card .card-link-wrap:hover{text-decoration:none}

/* Proof + Conversion Release */
.proof-strip .grid-5 { margin-top: 1rem; }
.testimonial-mini { margin: 0 0 1rem; padding: 1rem; border-left: 4px solid rgba(255,255,255,.22); background: rgba(255,255,255,.04); border-radius: 12px; }
.article-body p { font-size: 1.02rem; line-height: 1.7; }
.small-value { font-size: 1.25rem !important; }
.breadcrumbs { display: flex; gap: .5rem; align-items: center; margin: 0 0 1rem; color: var(--muted); flex-wrap: wrap; }
.breadcrumbs a { color: inherit; }
.checkbox-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .5rem; padding: 1rem; border: 1px solid rgba(255,255,255,.10); border-radius: 16px; background: rgba(255,255,255,.03); }
.checkbox-grid h3 { grid-column: 1 / -1; margin: 0 0 .35rem; }
.checkbox-grid label { display: flex; gap: .45rem; align-items: center; font-weight: 500; }
.cta-card { border-color: rgba(62,207,142,.25); background: linear-gradient(135deg, rgba(62,207,142,.10), rgba(255,255,255,.04)); }

/* SupplyForge Intelligence Release */
.intelligence-panel,
.copilot-panel,
.should-quote-panel,
.quote-normalisation-panel,
.capacity-card {
  border-color: rgba(62, 207, 142, 0.22);
  background: rgba(62, 207, 142, 0.045);
}
.fit-graph-row {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 1rem;
  align-items: center;
  margin: 0.75rem 0;
}
.fit-graph-row .muted {
  display: block;
  font-size: 0.85rem;
}
.fit-bar {
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
}
.fit-bar span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: rgba(62, 207, 142, 0.65);
}
.timeline-list {
  display: grid;
  gap: 0.75rem;
}
.timeline-item {
  padding: 0.85rem 1rem;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  background: rgba(255,255,255,0.035);
}
.timeline-item.done {
  border-color: rgba(62, 207, 142, 0.3);
}
.timeline-item span {
  display: block;
  margin-top: 0.2rem;
  opacity: 0.78;
}
.inline-form select,
.inline-form input {
  min-width: 140px;
}
.compact-actions {
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
@media (max-width: 860px) {
  .fit-graph-row {
    grid-template-columns: 1fr;
  }
}

/* SupplyForge Category Leadership Release */
.category-hero .hero-card h1 { max-width: 980px; }
.workflow-ribbon { display:grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .75rem; align-items: stretch; }
.workflow-ribbon > div { padding: 1rem; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.045); }
.workflow-ribbon strong { display:block; margin-bottom:.3rem; }
.workflow-ribbon span { display:block; color: var(--muted); font-size: .92rem; line-height: 1.35; }
.product-preview-grid .product-preview, .product-preview { min-height: 170px; }
.old-way-card { border-color: rgba(255,255,255,.18); }
.saved-list-select { margin: 1rem 0; }
.inline-form { display:inline-flex; margin:0; }
.compact-actions .inline-form { align-items:center; }
.quote-form select#quote-template-select { width:100%; }


/* SupplyForge Category Consistency + Conversion Polish Release */
.primary-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #f0f0f0;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  border-bottom: 1px solid #d9dde3;
}
.primary-nav > a,
.primary-nav summary {
  text-decoration: none;
  color: #263238;
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.primary-nav > a:hover,
.primary-nav summary:hover { background: #fff; }
.nav-group { position: relative; }
.nav-group summary { list-style: none; }
.nav-group summary::-webkit-details-marker { display: none; }
.nav-group summary::after { content: " ▾"; font-size: .78rem; color: #607080; }
.nav-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 230px;
  background: #fff;
  border: 1px solid #dfe6ee;
  border-radius: 12px;
  box-shadow: 0 18px 36px rgba(0,0,0,.12);
  padding: 8px;
  display: grid;
  gap: 4px;
}
.nav-menu a { padding: 10px 12px; border-radius: 8px; color: #263238; text-decoration: none; font-weight: 700; }
.nav-menu a:hover { background: #edf5ff; color: #0c5da5; }
.nav-cta { margin-left: auto; background: #0c5da5 !important; color: #fff !important; }
.site-footer { text-align: left; align-items: flex-start; color: #5d6670; }
.footer-brand { max-width: 360px; }
.footer-links, .footer-contact { line-height: 1.7; }
.directory-summary-grid .supplier-card { border-left-width: 4px; }
.directory-filter-card { margin-bottom: 1.25rem; }
.directory-summary-card { min-height: 260px; }
.product-preview-section { overflow: hidden; }
.preview-mock-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin-top: 1rem; }
.mock-window {
  border: 1px solid #d9e3ef;
  border-radius: 18px;
  padding: 1rem;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow: 0 12px 26px rgba(12,93,165,.08);
  min-height: 240px;
}
.mock-header { display:flex; justify-content:space-between; gap:.6rem; align-items:center; margin-bottom:.85rem; }
.mock-row { display:flex; justify-content:space-between; gap:.75rem; padding:.65rem 0; border-bottom: 1px solid #e9eef5; }
.mock-row:last-child { border-bottom:none; }
.mock-fit { display:grid; grid-template-columns: 96px 1fr; align-items:center; gap:.55rem; margin:.55rem 0; font-size:.92rem; }
.mock-fit div { height: 10px; background:#e6edf5; border-radius:999px; overflow:hidden; }
.mock-fit i { display:block; height:100%; background:#0c5da5; border-radius:999px; }
.mock-list { margin: .5rem 0 0; padding-left: 1.1rem; }
.mock-list li { margin-bottom:.35rem; }
.managed-rfq-banner {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: center;
  border: 2px solid #b8d7f1;
  background: linear-gradient(135deg, #edf7ff, #ffffff);
}
.managed-rfq-banner h2 { margin-bottom: .35rem; }
.managed-service-hero { border: 2px solid #b8d7f1; background: linear-gradient(135deg, #edf7ff, #fff); }
@media (max-width: 900px) {
  .primary-nav { position: static; display: grid; grid-template-columns: 1fr; gap: 6px; }
  .nav-cta { margin-left: 0; text-align:center; }
  .nav-group { width: 100%; }
  .nav-menu { position: static; box-shadow: none; margin-top: 6px; min-width: 0; }
  .managed-rfq-banner { flex-direction: column; align-items: flex-start; }
  .preview-mock-grid { grid-template-columns: 1fr; }
  .site-footer { display: grid; grid-template-columns: 1fr; }
}


/* Admin analytics */
.analytics-period-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.analytics-period-card {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  padding: 1.25rem;
}
.analytics-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 1rem;
}
.analytics-mini-stat {
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  padding: .85rem;
}
.analytics-mini-stat .value {
  display: block;
  font-size: 1.45rem;
  font-weight: 800;
}
.analytics-mini-stat .label {
  color: var(--muted);
  font-size: .88rem;
}
.analytics-table {
  width: 100%;
  border-collapse: collapse;
}
.analytics-table th,
.analytics-table td {
  border-bottom: 1px solid rgba(255,255,255,.1);
  padding: .65rem .5rem;
  text-align: left;
  vertical-align: top;
}
.analytics-table th {
  color: var(--muted);
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.analytics-bar {
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
  margin-top: .35rem;
}
.analytics-bar span {
  display: block;
  height: 100%;
  background: rgba(62,207,142,.65);
}
.analytics-path {
  overflow-wrap: anywhere;
}
@media (max-width: 720px) {
  .analytics-mini-grid { grid-template-columns: 1fr; }
  .analytics-table { font-size: .9rem; }
}

/* Professional emails + supplier onboarding support release */
.compact-hero {
  padding-bottom: 1.5rem;
}
.accent-card {
  border-color: rgba(15, 118, 110, 0.35);
  background: linear-gradient(135deg, rgba(15, 118, 110, 0.12), rgba(255,255,255,0.035));
}
.onboarding-help-card {
  margin: 1rem 0;
}
.feature-list {
  margin: 1rem 0 0;
  padding-left: 1.25rem;
}
.feature-list li {
  margin: 0.45rem 0;
}
.stacked-list {
  display: grid;
  gap: 0.85rem;
}
.stacked-list > div {
  padding: 0.9rem;
  border: 1px solid rgba(255,255,255,0.11);
  border-radius: 14px;
  background: rgba(255,255,255,0.045);
}

/* Commercial entitlements + pricing controls */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.25rem;
  margin: 1.25rem 0;
}
.compact-table input,
.compact-table textarea,
.short-input {
  width: 100%;
  box-sizing: border-box;
}
.compact-table textarea {
  margin-top: .45rem;
}
.short-input {
  max-width: 86px;
}
.check-stack {
  min-width: 160px;
}
.check-stack label {
  display: block;
  margin: .25rem 0;
  font-size: .9rem;
}
.check-stack input[type="checkbox"] {
  width: auto;
  margin-right: .35rem;
}