/* Controlled Space Supplier Hub Stability Patch v1.0.4
 * Presentation-only supplier portal refinement.
 * Brand: red / black / silver / white. No blue.
 */

:root{
  --cshp-red:#d71920;
  --cshp-red-dark:#b51218;
  --cshp-black:#15171a;
  --cshp-charcoal:#25282d;
  --cshp-grey-900:#34383e;
  --cshp-grey-700:#5f6670;
  --cshp-grey-500:#939aa3;
  --cshp-grey-300:#d7dbe0;
  --cshp-grey-200:#e8eaed;
  --cshp-grey-100:#f4f5f6;
  --cshp-white:#fff;
  --cshp-success:#2f7d4a;
  --cshp-warning:#9a6500;
  --cshp-danger:#b51218;
  --cshp-radius:12px;
  --cshp-shadow:0 8px 24px rgba(20,23,26,.07);
}

/* Existing internal supplier directory controls retained. */
.cshf-metrics .cshf-metric[data-cshp-filter]{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,outline-color .12s ease}
.cshf-metrics .cshf-metric[data-cshp-filter]:hover{transform:translateY(-1px)}
.cshf-metrics .cshf-metric[data-cshp-filter]:focus-visible{outline:2px solid var(--cshp-red);outline-offset:3px}
.cshf-metrics .cshf-metric.cshp-selected{box-shadow:0 0 0 2px var(--cshp-red),0 8px 22px rgba(0,0,0,.08)}
.cshp-directory-controls{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:12px 0 0}
.cshp-directory-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--cshp-grey-900)}
.cshp-directory-controls select{min-width:205px;height:38px;border:1px solid #c8ccd1;border-radius:7px;background:#fff;color:#17191c;padding:0 34px 0 10px}
.cshp-clear{height:38px;border:1px solid #b9bdc3;border-radius:7px;background:#fff;color:#17191c;padding:0 13px;font-weight:700;cursor:pointer}
.cshp-clear:hover{border-color:var(--cshp-red);color:var(--cshp-red-dark)}

/* Supplier portal shell -------------------------------------------------- */
body.page-supplier-hub,
body[class*="supplier-hub"]{
  background:var(--cshp-grey-100);
}

body.page-supplier-hub .site-main,
body.page-supplier-hub main,
body[class*="supplier-hub"] .site-main,
body[class*="supplier-hub"] main{
  width:100%;
  max-width:none;
}

body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap),
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap){
  box-sizing:border-box;
  width:min(1440px,calc(100% - 32px));
  margin:24px auto 48px;
  color:var(--cshp-black);
  font-size:14px;
  line-height:1.45;
}

body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) *,
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) *{box-sizing:border-box}

/* Remove theme-like spacing around the portal without touching site chrome. */
body.page-supplier-hub .entry-content,
body[class*="supplier-hub"] .entry-content{margin-top:0}
body.page-supplier-hub .entry-content>:first-child,
body[class*="supplier-hub"] .entry-content>:first-child{margin-top:0}

/* Header / identity ------------------------------------------------------ */
body.page-supplier-hub :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header),
body[class*="supplier-hub"] :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header){
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  margin:0 0 14px;
  border:1px solid var(--cshp-grey-200);
  border-top:4px solid var(--cshp-red);
  border-radius:var(--cshp-radius);
  background:var(--cshp-white);
  box-shadow:var(--cshp-shadow);
}

body.page-supplier-hub :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header) h1,
body[class*="supplier-hub"] :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header) h1{
  margin:0;
  color:var(--cshp-black);
  font-size:clamp(20px,2.1vw,30px);
  line-height:1.12;
  letter-spacing:-.02em;
}

body.page-supplier-hub :where(.csh-company-name,.csh-supplier-name),
body[class*="supplier-hub"] :where(.csh-company-name,.csh-supplier-name){font-weight:800;color:var(--cshp-black)}

body.page-supplier-hub :where(.csh-header-meta,.csh-supplier-meta,.csh-summary-meta),
body[class*="supplier-hub"] :where(.csh-header-meta,.csh-supplier-meta,.csh-summary-meta){
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px
}

/* Badges / status -------------------------------------------------------- */
body.page-supplier-hub :where(.csh-badge,.csh-status,.csh-pill,[class*="status-badge"],[class*="status-pill"]),
body[class*="supplier-hub"] :where(.csh-badge,.csh-status,.csh-pill,[class*="status-badge"],[class*="status-pill"]){
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:4px 9px;
  border:1px solid var(--cshp-grey-300);
  border-radius:999px;
  background:var(--cshp-grey-100);
  color:var(--cshp-grey-900);
  font-size:12px;
  font-weight:800;
  line-height:1.1;
  white-space:nowrap;
}

body.page-supplier-hub :where(.is-active,.active,.approved,.complete,.compliant,[class*="success"]),
body[class*="supplier-hub"] :where(.is-active,.active,.approved,.complete,.compliant,[class*="success"]){--cshp-accent:var(--cshp-success)}
body.page-supplier-hub :where(.is-warning,.warning,.pending,.outstanding,[class*="warning"]),
body[class*="supplier-hub"] :where(.is-warning,.warning,.pending,.outstanding,[class*="warning"]){--cshp-accent:var(--cshp-warning)}
body.page-supplier-hub :where(.is-danger,.danger,.expired,.overdue,[class*="danger"],[class*="error"]),
body[class*="supplier-hub"] :where(.is-danger,.danger,.expired,.overdue,[class*="danger"],[class*="error"]){--cshp-accent:var(--cshp-danger)}

/* Navigation ------------------------------------------------------------- */
body.page-supplier-hub :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]),
body[class*="supplier-hub"] :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]){
  display:flex;
  align-items:center;
  gap:6px;
  width:100%;
  margin:0 0 14px;
  padding:6px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  border:1px solid var(--cshp-grey-200);
  border-radius:10px;
  background:var(--cshp-white);
  box-shadow:0 3px 14px rgba(20,23,26,.04);
}

body.page-supplier-hub :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) a,
body.page-supplier-hub :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) button,
body[class*="supplier-hub"] :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) a,
body[class*="supplier-hub"] :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) button{
  flex:0 0 auto;
  min-height:40px;
  padding:9px 12px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--cshp-grey-900);
  font-size:13px;
  font-weight:750;
  line-height:1.15;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:none;
}

body.page-supplier-hub :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) :where(a,button):hover,
body[class*="supplier-hub"] :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) :where(a,button):hover{background:var(--cshp-grey-100);color:var(--cshp-black)}

body.page-supplier-hub :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) :where(.active,.is-active,[aria-selected="true"]),
body[class*="supplier-hub"] :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) :where(.active,.is-active,[aria-selected="true"]){background:var(--cshp-black);color:var(--cshp-white)}

/* Compact dashboard cards ------------------------------------------------ */
body.page-supplier-hub :where(.csh-grid,.csh-card-grid,.csh-overview-grid,.csh-dashboard-grid,.csh-summary-grid),
body[class*="supplier-hub"] :where(.csh-grid,.csh-card-grid,.csh-overview-grid,.csh-dashboard-grid,.csh-summary-grid){
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}

body.page-supplier-hub :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]),
body[class*="supplier-hub"] :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]){
  min-width:0;
  padding:16px;
  margin:0;
  border:1px solid var(--cshp-grey-200);
  border-radius:var(--cshp-radius);
  background:var(--cshp-white);
  box-shadow:0 4px 16px rgba(20,23,26,.045);
}

body.page-supplier-hub :where(.csh-grid,.csh-card-grid,.csh-overview-grid,.csh-dashboard-grid,.csh-summary-grid)>:where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]),
body[class*="supplier-hub"] :where(.csh-grid,.csh-card-grid,.csh-overview-grid,.csh-dashboard-grid,.csh-summary-grid)>:where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]){grid-column:span 4}

body.page-supplier-hub :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget) h2,
body.page-supplier-hub :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget) h3,
body[class*="supplier-hub"] :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget) h2,
body[class*="supplier-hub"] :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget) h3{
  margin:0 0 8px;
  color:var(--cshp-black);
  font-size:15px;
  line-height:1.25;
}

body.page-supplier-hub :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget) p,
body[class*="supplier-hub"] :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget) p{margin:5px 0;color:var(--cshp-grey-700)}

/* Tame oversized icon treatments throughout overview/company/accreditation. */
body.page-supplier-hub :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget) :where(svg,.dashicons,i[class*="icon"],img[class*="icon"],[class*="-icon"]),
body[class*="supplier-hub"] :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget) :where(svg,.dashicons,i[class*="icon"],img[class*="icon"],[class*="-icon"]){
  max-width:28px!important;
  max-height:28px!important;
  width:28px!important;
  height:28px!important;
  font-size:28px!important;
  line-height:28px!important;
  object-fit:contain;
}

body.page-supplier-hub :where([class*="icon-wrap"],[class*="icon-box"],[class*="icon-circle"]),
body[class*="supplier-hub"] :where([class*="icon-wrap"],[class*="icon-box"],[class*="icon-circle"]){
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:7px!important;
  margin:0 10px 0 0!important;
  border-radius:9px!important;
  background:var(--cshp-grey-100)!important;
}

/* Overview metrics / actions -------------------------------------------- */
body.page-supplier-hub :where(.csh-metrics,.csh-overview-metrics,.csh-stats),
body[class*="supplier-hub"] :where(.csh-metrics,.csh-overview-metrics,.csh-stats){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}

body.page-supplier-hub :where(.csh-metric,.csh-stat),
body[class*="supplier-hub"] :where(.csh-metric,.csh-stat){
  min-height:86px;
  padding:14px;
  border:1px solid var(--cshp-grey-200);
  border-radius:10px;
  background:var(--cshp-white);
}

body.page-supplier-hub :where(.csh-metric,.csh-stat) :where(.value,.number,.count,[class*="value"],[class*="count"]),
body[class*="supplier-hub"] :where(.csh-metric,.csh-stat) :where(.value,.number,.count,[class*="value"],[class*="count"]){display:block;font-size:26px;font-weight:850;line-height:1;color:var(--cshp-black)}

body.page-supplier-hub :where([class*="outstanding"],[class*="action-card"],[class*="accreditation"]),
body[class*="supplier-hub"] :where([class*="outstanding"],[class*="action-card"],[class*="accreditation"]){min-height:0!important}

/* Compliance ------------------------------------------------------------- */
body.page-supplier-hub :where(.csh-compliance,.csh-compliance-score,[class*="compliance-percent"],[class*="compliance-score"]),
body[class*="supplier-hub"] :where(.csh-compliance,.csh-compliance-score,[class*="compliance-percent"],[class*="compliance-score"]){font-variant-numeric:tabular-nums}

body.page-supplier-hub :where(.csh-progress,progress,[class*="progress-bar"]),
body[class*="supplier-hub"] :where(.csh-progress,progress,[class*="progress-bar"]){height:8px;border-radius:999px;overflow:hidden;background:var(--cshp-grey-200)}
body.page-supplier-hub progress::-webkit-progress-value,
body[class*="supplier-hub"] progress::-webkit-progress-value{background:var(--cshp-red)}
body.page-supplier-hub progress::-moz-progress-bar,
body[class*="supplier-hub"] progress::-moz-progress-bar{background:var(--cshp-red)}

/* Buttons ---------------------------------------------------------------- */
body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(button,.button,.csh-btn,input[type="submit"]),
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(button,.button,.csh-btn,input[type="submit"]){
  min-height:40px;
  padding:9px 14px;
  border:1px solid var(--cshp-black);
  border-radius:8px;
  background:var(--cshp-black);
  color:var(--cshp-white);
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  cursor:pointer;
  box-shadow:none;
}

body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(button,.button,.csh-btn,input[type="submit"]):hover,
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(button,.button,.csh-btn,input[type="submit"]):hover{background:var(--cshp-red);border-color:var(--cshp-red);color:#fff}

body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(.button-secondary,.csh-btn-secondary,[class*="secondary"]),
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(.button-secondary,.csh-btn-secondary,[class*="secondary"]){background:#fff;color:var(--cshp-black);border-color:var(--cshp-grey-300)}

/* Forms ------------------------------------------------------------------ */
body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(label),
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(label){color:var(--cshp-grey-900);font-size:13px;font-weight:750}

body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="date"],select,textarea),
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="date"],select,textarea){
  width:100%;
  min-height:42px;
  padding:9px 11px;
  border:1px solid #c8cdd3;
  border-radius:8px;
  background:#fff;
  color:var(--cshp-black);
  font-size:14px;
  box-shadow:none;
}

body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(input,select,textarea):focus,
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) :where(input,select,textarea):focus{outline:2px solid rgba(215,25,32,.18);outline-offset:1px;border-color:var(--cshp-red)}

body.page-supplier-hub :where(.csh-form-grid,.csh-fields,.csh-field-grid),
body[class*="supplier-hub"] :where(.csh-form-grid,.csh-fields,.csh-field-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}

body.page-supplier-hub :where(.csh-field,.form-row,.csh-form-row),
body[class*="supplier-hub"] :where(.csh-field,.form-row,.csh-form-row){margin:0 0 12px}

/* Tables / documents / audit / team ------------------------------------- */
body.page-supplier-hub :where(.csh-table-wrap,.csh-responsive-table,.table-responsive),
body[class*="supplier-hub"] :where(.csh-table-wrap,.csh-responsive-table,.table-responsive){width:100%;overflow-x:auto;border:1px solid var(--cshp-grey-200);border-radius:10px;background:#fff}

body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) table,
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}

body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) th,
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) th{padding:10px 12px;background:var(--cshp-grey-100);color:var(--cshp-grey-900);font-size:11px;text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--cshp-grey-200)}

body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) td,
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) td{padding:11px 12px;border-bottom:1px solid var(--cshp-grey-200);vertical-align:middle}

body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) tr:last-child td,
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) tr:last-child td{border-bottom:0}

body.page-supplier-hub :where(.csh-document-list,.csh-audit-list,.csh-team-list,.csh-action-list),
body[class*="supplier-hub"] :where(.csh-document-list,.csh-audit-list,.csh-team-list,.csh-action-list){display:grid;gap:8px}

body.page-supplier-hub :where(.csh-document-item,.csh-audit-item,.csh-team-item,.csh-action-item),
body[class*="supplier-hub"] :where(.csh-document-item,.csh-audit-item,.csh-team-item,.csh-action-item){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--cshp-grey-200);border-radius:9px;background:#fff}

/* Login card is deliberately presentation-only. ------------------------- */
body.page-supplier-hub .csh-supplier-login-form,
body[class*="supplier-hub"] .csh-supplier-login-form{
  width:min(460px,calc(100% - 24px));
  margin:36px auto;
  padding:24px;
  border:1px solid var(--cshp-grey-200);
  border-top:4px solid var(--cshp-red);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--cshp-shadow);
}

body.page-supplier-hub .csh-supplier-login-form p,
body[class*="supplier-hub"] .csh-supplier-login-form p{margin:0 0 14px}

/* Generic WordPress admin-style notices, re-skinned within supplier portal. */
body.page-supplier-hub :where(.notice,.csh-notice,.csh-alert),
body[class*="supplier-hub"] :where(.notice,.csh-notice,.csh-alert){margin:0 0 12px;padding:11px 13px;border:1px solid var(--cshp-grey-300);border-left:4px solid var(--cshp-red);border-radius:8px;background:#fff;box-shadow:none}

/* Tablet --------------------------------------------------------------- */
@media (max-width:1024px){
  body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap),
  body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap){width:min(100% - 24px,1200px);margin-top:16px}
  body.page-supplier-hub :where(.csh-grid,.csh-card-grid,.csh-overview-grid,.csh-dashboard-grid,.csh-summary-grid)>:where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]),
  body[class*="supplier-hub"] :where(.csh-grid,.csh-card-grid,.csh-overview-grid,.csh-dashboard-grid,.csh-summary-grid)>:where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]){grid-column:span 6}
  body.page-supplier-hub :where(.csh-metrics,.csh-overview-metrics,.csh-stats),
  body[class*="supplier-hub"] :where(.csh-metrics,.csh-overview-metrics,.csh-stats){grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Mobile ---------------------------------------------------------------- */
@media (max-width:782px){
  .cshp-directory-controls{align-items:stretch;flex-direction:column}.cshp-directory-controls label,.cshp-directory-controls select,.cshp-clear{width:100%;max-width:none}

  body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap),
  body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap){width:calc(100% - 16px);margin:8px auto 28px;font-size:14px}

  body.page-supplier-hub :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header),
  body[class*="supplier-hub"] :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header){grid-template-columns:1fr;padding:14px 15px;gap:10px;border-radius:10px}

  body.page-supplier-hub :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]),
  body[class*="supplier-hub"] :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]){position:sticky;top:0;z-index:15;margin-bottom:10px;border-radius:9px;box-shadow:0 5px 16px rgba(20,23,26,.09)}

  body.page-supplier-hub :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) :where(a,button),
  body[class*="supplier-hub"] :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) :where(a,button){min-height:44px;padding:10px 12px}

  body.page-supplier-hub :where(.csh-grid,.csh-card-grid,.csh-overview-grid,.csh-dashboard-grid,.csh-summary-grid),
  body[class*="supplier-hub"] :where(.csh-grid,.csh-card-grid,.csh-overview-grid,.csh-dashboard-grid,.csh-summary-grid){gap:9px}

  body.page-supplier-hub :where(.csh-grid,.csh-card-grid,.csh-overview-grid,.csh-dashboard-grid,.csh-summary-grid)>:where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]),
  body[class*="supplier-hub"] :where(.csh-grid,.csh-card-grid,.csh-overview-grid,.csh-dashboard-grid,.csh-summary-grid)>:where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]){grid-column:1/-1}

  body.page-supplier-hub :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]),
  body[class*="supplier-hub"] :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]){padding:13px;border-radius:10px}

  body.page-supplier-hub :where(.csh-metrics,.csh-overview-metrics,.csh-stats),
  body[class*="supplier-hub"] :where(.csh-metrics,.csh-overview-metrics,.csh-stats){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}

  body.page-supplier-hub :where(.csh-metric,.csh-stat),
  body[class*="supplier-hub"] :where(.csh-metric,.csh-stat){min-height:76px;padding:11px}

  body.page-supplier-hub :where(.csh-form-grid,.csh-fields,.csh-field-grid),
  body[class*="supplier-hub"] :where(.csh-form-grid,.csh-fields,.csh-field-grid){grid-template-columns:1fr;gap:0}

  body.page-supplier-hub :where(.csh-document-item,.csh-audit-item,.csh-team-item,.csh-action-item),
  body[class*="supplier-hub"] :where(.csh-document-item,.csh-audit-item,.csh-team-item,.csh-action-item){grid-template-columns:1fr;align-items:start}

  body.page-supplier-hub .csh-supplier-login-form,
  body[class*="supplier-hub"] .csh-supplier-login-form{margin:18px auto;padding:18px;border-radius:11px}
}

@media (max-width:480px){
  body.page-supplier-hub :where(.csh-metrics,.csh-overview-metrics,.csh-stats),
  body[class*="supplier-hub"] :where(.csh-metrics,.csh-overview-metrics,.csh-stats){grid-template-columns:1fr 1fr}
  body.page-supplier-hub :where(.csh-metric,.csh-stat) :where(.value,.number,.count,[class*="value"],[class*="count"]),
  body[class*="supplier-hub"] :where(.csh-metric,.csh-stat) :where(.value,.number,.count,[class*="value"],[class*="count"]){font-size:22px}
}

@media (prefers-reduced-motion:reduce){
  .cshf-metrics .cshf-metric[data-cshp-filter]{transition:none}
}


/* v1.0.5 stronger Controlled Space branding */
body.page-supplier-hub :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header),
body[class*="supplier-hub"] :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header){position:relative;overflow:hidden;border:1px solid #090a0b;border-top:5px solid var(--cshp-red);background:var(--cshp-black);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.13)}
body.page-supplier-hub :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header) :where(h1,h2,h3,.csh-company-name,.csh-supplier-name),
body[class*="supplier-hub"] :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header) :where(h1,h2,h3,.csh-company-name,.csh-supplier-name){color:#fff!important}
body.page-supplier-hub :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header) :where(p,span,small),
body[class*="supplier-hub"] :where(.csh-portal-header,.csh-supplier-header,.csh-hub-header,.csh-dashboard-header) :where(p,span,small){color:#d9dde1}
body.page-supplier-hub :where(.csh-compliance,.csh-compliance-score,[class*="compliance-percent"],[class*="compliance-score"]),
body[class*="supplier-hub"] :where(.csh-compliance,.csh-compliance-score,[class*="compliance-percent"],[class*="compliance-score"]){min-width:108px;padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:var(--cshp-red);color:#fff!important;text-align:center;box-shadow:0 8px 18px rgba(215,25,32,.2)}
body.page-supplier-hub :where(.csh-compliance,.csh-compliance-score,[class*="compliance-percent"],[class*="compliance-score"]) *,
body[class*="supplier-hub"] :where(.csh-compliance,.csh-compliance-score,[class*="compliance-percent"],[class*="compliance-score"]) *{color:#fff!important}
body.page-supplier-hub :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]),
body[class*="supplier-hub"] :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]){padding:7px;border-color:var(--cshp-black);background:var(--cshp-black);box-shadow:0 7px 18px rgba(0,0,0,.10)}
body.page-supplier-hub :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) :where(a,button),
body[class*="supplier-hub"] :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) :where(a,button){border:1px solid rgba(255,255,255,.13);background:#fff;color:var(--cshp-black)}
body.page-supplier-hub :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) :where(.active,.is-active,[aria-selected="true"]),
body[class*="supplier-hub"] :where(.csh-tabs,.csh-nav,.csh-portal-nav,.csh-supplier-nav,[role="tablist"]) :where(.active,.is-active,[aria-selected="true"]){border-color:var(--cshp-red);background:var(--cshp-red)!important;color:#fff!important;box-shadow:0 5px 14px rgba(215,25,32,.25)}
body.page-supplier-hub :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]),
body[class*="supplier-hub"] :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget,[class*="overview-card"],[class*="summary-card"]){position:relative;border-color:#d9dcdf;border-top:3px solid var(--cshp-red);box-shadow:0 7px 20px rgba(20,23,26,.06)}
body.page-supplier-hub :where(.csh-metric,.csh-stat),body[class*="supplier-hub"] :where(.csh-metric,.csh-stat){border-left:4px solid var(--cshp-red);background:linear-gradient(90deg,#fff6f6 0,#fff 44%)}
body.page-supplier-hub :where(.csh-metric,.csh-stat) :where(.value,.number,.count,[class*="value"],[class*="count"]),
body[class*="supplier-hub"] :where(.csh-metric,.csh-stat) :where(.value,.number,.count,[class*="value"],[class*="count"]){color:var(--cshp-red-dark)}
body.page-supplier-hub :where([class*="icon-wrap"],[class*="icon-box"],[class*="icon-circle"]),body[class*="supplier-hub"] :where([class*="icon-wrap"],[class*="icon-box"],[class*="icon-circle"]){border:1px solid #f1c7c9;background:#fff4f4!important;color:var(--cshp-red)!important}
body.page-supplier-hub :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget) :where(svg,.dashicons,i[class*="icon"],img[class*="icon"],[class*="-icon"]),
body[class*="supplier-hub"] :where(.csh-card,.csh-panel,.csh-box,.csh-tile,.csh-widget) :where(svg,.dashicons,i[class*="icon"],img[class*="icon"],[class*="-icon"]){color:var(--cshp-red)!important}
body.page-supplier-hub :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) th,
body[class*="supplier-hub"] :where(.csh-supplier-portal,.csh-portal,.csh-supplier-hub,.csh-frontend,.csh-wrap) th{border-bottom:3px solid var(--cshp-red);background:var(--cshp-black);color:#fff}
body.page-supplier-hub :where(fieldset,.csh-form-section,[class*="form-section"]),body[class*="supplier-hub"] :where(fieldset,.csh-form-section,[class*="form-section"]){border:1px solid #d9dcdf;border-left:4px solid var(--cshp-red);border-radius:10px;background:#fff}
@media (max-width:700px){body.page-supplier-hub :where(.csh-compliance,.csh-compliance-score,[class*="compliance-percent"],[class*="compliance-score"]),body[class*="supplier-hub"] :where(.csh-compliance,.csh-compliance-score,[class*="compliance-percent"],[class*="compliance-score"]){justify-self:start;min-width:96px}}

/* ========================================================================
 * Supplier Hub v1.0.6 targeted presentation layer
 * RC11 markup is left intact. supplier-ui.js only adds CSS hook classes.
 * ====================================================================== */
html.cshp-v106 body{background:#eef0f2!important}
html.cshp-v106 body :where(.entry-content,.site-main,main){overflow:visible}

/* Branded masthead */
html.cshp-v106 .cshp-v106-header{
  position:relative!important;
  overflow:hidden!important;
  min-height:0!important;
  padding:24px 28px!important;
  margin-bottom:16px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#111214 0%,#23262a 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.14)!important;
  color:#fff!important;
}
html.cshp-v106 .cshp-v106-header:before{
  content:"";position:absolute;inset:0 auto 0 0;width:6px;background:#d71920
}
html.cshp-v106 .cshp-v106-header:after{
  content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border:52px solid rgba(215,25,32,.12);border-radius:50%;pointer-events:none
}
html.cshp-v106 .cshp-v106-header :where(h1,h2,h3,p,span,strong,div){color:#fff!important}
html.cshp-v106 .cshp-v106-header :where(h1,h2){font-weight:850!important;letter-spacing:-.025em!important}
html.cshp-v106 .cshp-v106-header .cshp-v106-compliance{
  position:relative;z-index:1;min-width:128px;padding:12px 16px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;text-align:center!important
}
html.cshp-v106 .cshp-v106-header .cshp-v106-compliance :first-child{color:#fff!important}

/* Utility controls */
html.cshp-v106 .cshp-v106-utility{
  min-height:38px!important;padding:8px 13px!important;border:1px solid #cfd3d8!important;border-radius:9px!important;background:#fff!important;color:#24272b!important;box-shadow:none!important
}
html.cshp-v106 .cshp-v106-utility:hover{border-color:#d71920!important;color:#b51218!important;background:#fff7f7!important}

/* Status strip */
html.cshp-v106 .cshp-v106-statusbar{
  min-height:0!important;padding:13px 16px 13px 18px!important;margin:14px 0!important;border:0!important;border-left:5px solid #d71920!important;border-radius:0 10px 10px 0!important;background:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.055)!important
}
html.cshp-v106 .cshp-v106-statusbar strong{color:#17191c!important}

/* Navigation */
html.cshp-v106 .cshp-v106-nav{
  display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:7px!important;margin:0 0 16px!important;border:0!important;border-radius:12px!important;background:#1a1c1f!important;box-shadow:0 7px 18px rgba(0,0,0,.1)!important
}
html.cshp-v106 .cshp-v106-navitem{
  min-height:42px!important;padding:10px 14px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;background:#2b2e32!important;color:#fff!important;font-weight:700!important;box-shadow:none!important
}
html.cshp-v106 .cshp-v106-navitem:hover{background:#383c41!important;color:#fff!important;border-color:#555a61!important}
html.cshp-v106 .cshp-v106-navitem[aria-selected="true"],
html.cshp-v106 .cshp-v106-navitem.active,
html.cshp-v106 .cshp-v106-navitem.is-active,
html.cshp-v106 .cshp-v106-navitem[style*="background"]{background:#d71920!important;color:#fff!important;border-color:#d71920!important}

/* Dashboard cards: deliberately compact and branded */
html.cshp-v106 .cshp-v106-card{
  position:relative!important;
  min-height:150px!important;
  height:auto!important;
  padding:18px 20px 18px 20px!important;
  border:1px solid #d6dade!important;
  border-top:4px solid #2b2e32!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(0,0,0,.055)!important;
}
html.cshp-v106 .cshp-v106-card:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#d71920;border-radius:8px 0 0 8px
}
html.cshp-v106 .cshp-v106-card :where(svg,img,i,.dashicons,.cshp-v106-card-icon){
  width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;font-size:48px!important;line-height:48px!important;margin:0 0 10px!important;color:#202226!important;object-fit:contain!important
}
html.cshp-v106 .cshp-v106-card svg{stroke-width:1.8!important}
html.cshp-v106 .cshp-v106-card :where(h2,h3,h4,strong){margin-top:0!important;color:#17191c!important}
html.cshp-v106 .cshp-v106-plus{
  position:absolute!important;right:14px!important;top:14px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:9px!important;background:#f0f1f2!important;color:#17191c!important;font-size:20px!important;line-height:34px!important
}
html.cshp-v106 .cshp-v106-plus:hover{background:#d71920!important;color:#fff!important}

html.cshp-v106 .cshp-v106-actions{background:linear-gradient(180deg,#fff 0%,#fff8f8 100%)!important;border-top-color:#d71920!important}
html.cshp-v106 .cshp-v106-actions :where(svg,i,.dashicons){color:#d71920!important}
html.cshp-v106 .cshp-v106-accreditation{border-top-color:#34383e!important;background:linear-gradient(180deg,#fff 0%,#f7f8f9 100%)!important}
html.cshp-v106 .cshp-v106-accreditation:before{background:#34383e!important}
html.cshp-v106 .cshp-v106-how{min-height:110px!important;background:#f7f8f9!important;border-top-color:#aeb4bb!important}
html.cshp-v106 .cshp-v106-how:before{background:#aeb4bb!important}
html.cshp-v106 .cshp-v106-company{min-height:150px!important;border-top-color:#d71920!important;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%)!important}

/* Forms, document registers, rates and tables */
html.cshp-v106 body.page-supplier-hub :where(table){border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;border:1px solid #d6dade!important;border-radius:10px!important;background:#fff!important}
html.cshp-v106 body.page-supplier-hub :where(table thead th){background:#1c1e21!important;color:#fff!important;border-color:#30343a!important}
html.cshp-v106 body.page-supplier-hub :where(table tbody tr:nth-child(even)){background:#f6f7f8!important}
html.cshp-v106 body.page-supplier-hub :where(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[type="password"],select,textarea){border:1px solid #c9ced3!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
html.cshp-v106 body.page-supplier-hub :where(input,select,textarea):focus{border-color:#d71920!important;outline:0!important;box-shadow:0 0 0 3px rgba(215,25,32,.1)!important}
html.cshp-v106 body.page-supplier-hub :where(input[type="submit"],button.button-primary,a.button-primary,.csh-btn-primary){background:#d71920!important;border-color:#d71920!important;color:#fff!important}
html.cshp-v106 body.page-supplier-hub :where(input[type="submit"],button.button-primary,a.button-primary,.csh-btn-primary):hover{background:#b51218!important;border-color:#b51218!important}

/* Status chips */
html.cshp-v106 body.page-supplier-hub :where([class*="badge"],[class*="pill"]){font-weight:800!important;letter-spacing:.02em!important}
html.cshp-v106 body.page-supplier-hub :where([class*="approved"],[class*="complete"]){background:#17191c!important;color:#fff!important}
html.cshp-v106 body.page-supplier-hub :where([class*="submitted"]){background:#d71920!important;color:#fff!important}
html.cshp-v106 body.page-supplier-hub :where([class*="not-started"],[class*="not_started"]){background:#d4d7da!important;color:#17191c!important}

/* Tablet / mobile */
@media (max-width:900px){
  html.cshp-v106 .cshp-v106-header{padding:20px!important}
  html.cshp-v106 .cshp-v106-nav{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}
  html.cshp-v106 .cshp-v106-navitem{flex:0 0 auto!important;min-height:44px!important}
  html.cshp-v106 .cshp-v106-card{min-height:132px!important;padding:16px!important}
}
@media (max-width:640px){
  html.cshp-v106 body{background:#f1f2f3!important}
  html.cshp-v106 .cshp-v106-header{padding:18px 16px!important;border-radius:10px!important}
  html.cshp-v106 .cshp-v106-header .cshp-v106-compliance{min-width:96px!important;padding:9px 10px!important}
  html.cshp-v106 .cshp-v106-statusbar{padding:11px 12px!important}
  html.cshp-v106 .cshp-v106-card{min-height:118px!important;padding:14px 15px!important;border-radius:10px!important}
  html.cshp-v106 .cshp-v106-card :where(svg,img,i,.dashicons,.cshp-v106-card-icon){width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;font-size:38px!important;line-height:38px!important}
  html.cshp-v106 .cshp-v106-plus{right:10px!important;top:10px!important;width:32px!important;height:32px!important;min-height:32px!important;min-width:32px!important}
}

/* ========================================================================
 * Supplier Hub v1.0.8 visual refinement
 * Safe cosmetic overrides only. No portal geometry or functional behaviour.
 * ====================================================================== */
html.cshp-v106 body{
  background:#f3f4f5!important;
}

/* Full masthead shell: identified without moving/reflowing RC11 content. */
html.cshp-v106 .cshp-v108-masthead-shell{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #2d3035!important;
  border-top:5px solid #d71920!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#111315 0%,#202328 72%,#272b30 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.12)!important;
}
html.cshp-v106 .cshp-v108-masthead-shell:after{
  content:"";
  position:absolute;
  right:-90px;
  top:-120px;
  width:330px;
  height:330px;
  border:58px solid rgba(215,25,32,.11);
  border-radius:50%;
  pointer-events:none;
}
html.cshp-v106 .cshp-v108-masthead-shell :where(h1,h2,h3,p,span,strong){
  color:#fff!important;
}
html.cshp-v106 .cshp-v108-masthead-shell .cshp-v106-header{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  margin:0!important;
  border-radius:0!important;
}
html.cshp-v106 .cshp-v108-masthead-shell .cshp-v106-header:before,
html.cshp-v106 .cshp-v108-masthead-shell .cshp-v106-header:after{display:none!important}
html.cshp-v106 .cshp-v108-masthead-shell .cshp-v106-compliance{
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.07)!important;
}

/* Status: flatter, clearer and less WordPress-like. */
html.cshp-v106 .cshp-v106-statusbar{
  border:1px solid #dfe2e5!important;
  border-left:5px solid #d71920!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* Navigation: light professional rail with a strong active state. */
html.cshp-v106 .cshp-v106-nav{
  gap:5px!important;
  padding:6px!important;
  border:1px solid #d8dce0!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.045)!important;
}
html.cshp-v106 .cshp-v106-navitem{
  min-height:40px!important;
  padding:9px 13px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:#f2f3f4!important;
  color:#1a1c1f!important;
  font-weight:750!important;
}
html.cshp-v106 .cshp-v106-navitem:hover{
  background:#e7e9eb!important;
  color:#111315!important;
  border-color:#d2d6da!important;
}
html.cshp-v106 .cshp-v106-navitem[aria-selected="true"],
html.cshp-v106 .cshp-v106-navitem.active,
html.cshp-v106 .cshp-v106-navitem.is-active,
html.cshp-v106 .cshp-v106-navitem[style*="background"]{
  background:#d71920!important;
  color:#fff!important;
  border-color:#d71920!important;
  box-shadow:0 4px 10px rgba(215,25,32,.18)!important;
}

/* Dashboard cards: remove heavy box-on-box feel and use cleaner accents. */
html.cshp-v106 .cshp-v106-card{
  min-height:132px!important;
  padding:18px 20px!important;
  border:1px solid #d9dde1!important;
  border-top:0!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(0,0,0,.04)!important;
}
html.cshp-v106 .cshp-v106-card:before{
  width:5px!important;
  background:#aeb4bb!important;
}
html.cshp-v106 .cshp-v106-card :where(svg,img,i,.dashicons,.cshp-v106-card-icon){
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  font-size:42px!important;
  line-height:42px!important;
  margin:0 0 8px!important;
  color:#292c31!important;
}
html.cshp-v106 .cshp-v106-card :where(h2,h3,h4,strong){
  color:#17191c!important;
  font-weight:800!important;
}
html.cshp-v106 .cshp-v106-actions{
  background:#fffafa!important;
}
html.cshp-v106 .cshp-v106-actions:before{background:#d71920!important}
html.cshp-v106 .cshp-v106-actions :where(svg,i,.dashicons){color:#d71920!important}
html.cshp-v106 .cshp-v106-accreditation{
  background:#fff!important;
}
html.cshp-v106 .cshp-v106-accreditation:before{background:#272a2e!important}
html.cshp-v106 .cshp-v106-how{
  min-height:92px!important;
  background:#f7f8f9!important;
}
html.cshp-v106 .cshp-v106-how:before{background:#aeb4bb!important}
html.cshp-v106 .cshp-v106-company{
  min-height:128px!important;
  background:#fff!important;
}
html.cshp-v106 .cshp-v106-company:before{background:#d71920!important}

/* Plus buttons: quieter until interacted with. */
html.cshp-v106 .cshp-v106-plus{
  background:#f0f2f3!important;
  color:#1a1c1f!important;
  border:1px solid #e2e5e8!important;
  box-shadow:none!important;
}
html.cshp-v106 .cshp-v106-plus:hover{
  background:#d71920!important;
  border-color:#d71920!important;
  color:#fff!important;
}

/* Utilities use the brand without competing with primary actions. */
html.cshp-v106 .cshp-v106-utility{
  background:#fff!important;
  color:#202327!important;
  border-color:#d4d8dc!important;
  box-shadow:none!important;
}

/* Forms/tables: polished but intentionally conservative. */
html.cshp-v106 body.page-supplier-hub :where(table thead th){
  background:#202327!important;
  border-bottom:3px solid #d71920!important;
}
html.cshp-v106 body.page-supplier-hub :where(fieldset,.csh-form-section,[class*="form-section"]){
  border-left:4px solid #d71920!important;
  box-shadow:0 2px 9px rgba(0,0,0,.03)!important;
}

@media (max-width:900px){
  html.cshp-v106 .cshp-v108-masthead-shell{border-radius:12px!important}
  html.cshp-v106 .cshp-v106-nav{flex-wrap:nowrap!important;overflow-x:auto!important}
}
@media (max-width:640px){
  html.cshp-v106 .cshp-v108-masthead-shell{border-radius:10px!important}
  html.cshp-v106 .cshp-v106-card{min-height:108px!important;padding:14px 15px!important}
  html.cshp-v106 .cshp-v106-card :where(svg,img,i,.dashicons,.cshp-v106-card-icon){width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;font-size:34px!important;line-height:34px!important}
}

/* ========================================================================
 * Supplier Hub v1.0.10 - safe Controlled Space branded presentation
 * Bounded selectors only. No shared wrapper recolouring or portal reflow.
 * ====================================================================== */
html.cshp-v110 body{background:#f3f4f5!important;color:#17191c!important}

/* Safety: v1.0.8's guessed masthead class must never recolour a shared wrapper. */
html.cshp-v110 .cshp-v108-masthead-shell{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important
}
html.cshp-v110 .cshp-v108-masthead-shell:after{display:none!important}
html.cshp-v110 .cshp-v108-masthead-shell :where(h1,h2,h3,p,span,strong){color:inherit!important}

/* Actual title block only. */
html.cshp-v110 .cshp-v110-header,
html.cshp-v110 .cshp-v106-header{
  background:linear-gradient(118deg,#08090a 0%,#16181b 72%,#24272b 100%)!important;
  border:0!important;border-left:6px solid #e31b23!important;border-radius:14px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.14)!important;color:#fff!important
}
html.cshp-v110 .cshp-v110-header :where(h1,h2,h3,p,span,strong),
html.cshp-v110 .cshp-v106-header :where(h1,h2,h3,p,span,strong){color:#fff!important}
html.cshp-v110 .cshp-v110-brand{margin:0 0 12px!important;max-width:180px!important}
html.cshp-v110 .cshp-v110-logo{display:block!important;width:auto!important;height:48px!important;max-width:180px!important;object-fit:contain!important}

/* Compliance block is independently targeted, so it cannot affect the portal. */
html.cshp-v110 .cshp-v110-compliance{
  position:relative!important;overflow:hidden!important;padding:16px 20px!important;border:0!important;border-radius:12px!important;
  background:linear-gradient(145deg,#ed1c24,#b90f16)!important;color:#fff!important;text-align:center!important;
  box-shadow:0 8px 20px rgba(227,27,35,.20)!important
}
html.cshp-v110 .cshp-v110-compliance:before{
  content:"";display:block;width:54px;height:54px;margin:0 auto 7px;border-radius:50%;
  background:conic-gradient(#fff 0 9%,#34383d 9% 100%);box-shadow:inset 0 0 0 9px #c8171e
}
html.cshp-v110 .cshp-v110-compliance :where(*,span,strong,p,small){color:#fff!important}

html.cshp-v110 .cshp-v110-status,
html.cshp-v110 .cshp-v106-statusbar{
  border:1px solid #dfe2e5!important;border-left:5px solid #e31b23!important;border-radius:10px!important;
  background:linear-gradient(90deg,#fff,#f7f8f9)!important;color:#22252a!important;box-shadow:0 3px 10px rgba(0,0,0,.035)!important
}
html.cshp-v110 .cshp-v110-status :where(span,p,div){color:#4d5660!important}
html.cshp-v110 .cshp-v110-status strong{color:#d71920!important}

/* Navigation: target the clickable tab container, not merely its text node. */
html.cshp-v110 .cshp-v106-nav{background:#111315!important;border:0!important;box-shadow:0 6px 18px rgba(0,0,0,.10)!important}
html.cshp-v110 .cshp-v110-navtab{
  background:linear-gradient(180deg,#24272b,#181a1d)!important;color:#fff!important;border:1px solid #34383d!important;
  border-radius:8px!important;box-shadow:none!important;text-shadow:none!important;transition:background .15s ease,border-color .15s ease!important
}
html.cshp-v110 .cshp-v110-navtab :where(*,span,strong,b){color:#fff!important}
html.cshp-v110 .cshp-v110-navtab:hover{background:#30343a!important;border-color:#4b5158!important;color:#fff!important}
html.cshp-v110 .cshp-v110-navtab:hover :where(*,span,strong,b){color:#fff!important}
html.cshp-v110 .cshp-v110-navtab.active,
html.cshp-v110 .cshp-v110-navtab.is-active,
html.cshp-v110 .cshp-v110-navtab[aria-selected="true"],
html.cshp-v110 .cshp-v110-navtab[data-cshp-label="Overview"]:first-child{
  background:linear-gradient(180deg,#ef1d25,#cf141b)!important;border-color:#ef1d25!important;color:#fff!important
}
/* Status pills stay readable within dark navigation. */
html.cshp-v110 .cshp-v110-navtab :where([class*="badge"],[class*="pill"]){background:#e3e5e7!important;color:#17191c!important}
html.cshp-v110 .cshp-v110-navtab :where([class*="submitted"]){background:#e31b23!important;color:#fff!important}
html.cshp-v110 .cshp-v110-navtab :where([class*="approved"],[class*="complete"]){background:#fff!important;color:#111315!important}

/* Dashboard cards use brand colour without washing out text. */
html.cshp-v110 .cshp-v106-card{background:#fff!important;color:#17191c!important;border:1px solid #d8dce0!important;box-shadow:0 5px 16px rgba(0,0,0,.045)!important}
html.cshp-v110 .cshp-v106-card :where(h1,h2,h3,h4,strong,b){color:#17191c!important}
html.cshp-v110 .cshp-v106-card :where(p,span,small,div){color:#535c66!important}
html.cshp-v110 .cshp-v106-actions{background:linear-gradient(135deg,#fff5f5 0%,#fff 74%)!important;border-color:#f0c7c9!important}
html.cshp-v110 .cshp-v106-actions:before{background:#e31b23!important}
html.cshp-v110 .cshp-v106-actions :where(svg,i,.dashicons){color:#e31b23!important}
html.cshp-v110 .cshp-v106-accreditation{background:linear-gradient(135deg,#fff 0%,#f2f4f5 100%)!important}
html.cshp-v110 .cshp-v106-accreditation:before{background:#22262a!important}
html.cshp-v110 .cshp-v106-how{background:linear-gradient(90deg,#f2f4f5,#fff)!important}
html.cshp-v110 .cshp-v106-how:before{background:#aab1b8!important}
html.cshp-v110 .cshp-v106-company{background:linear-gradient(135deg,#fff 0%,#fff7f7 100%)!important}
html.cshp-v110 .cshp-v106-company:before{background:#e31b23!important}
html.cshp-v110 .cshp-v106-plus{background:#eef0f2!important;color:#17191c!important;border:1px solid #dfe3e6!important}
html.cshp-v110 .cshp-v106-plus:hover{background:#e31b23!important;color:#fff!important;border-color:#e31b23!important}

/* Utility buttons: keep dark text on light background on hover. */
html.cshp-v110 .cshp-v106-utility{background:#fff!important;color:#1b1e22!important;border:1px solid #d2d6da!important}
html.cshp-v110 .cshp-v106-utility:hover{background:#fff4f4!important;color:#b51218!important;border-color:#e31b23!important}
html.cshp-v110 .cshp-v106-utility:hover :where(*,span,strong){color:#b51218!important}

/* Forms/tables remain high-contrast and branded. */
html.cshp-v110 body.page-supplier-hub table thead th{background:#1a1d20!important;color:#fff!important;border-bottom:3px solid #e31b23!important}
html.cshp-v110 body.page-supplier-hub :where(input,select,textarea):focus{border-color:#e31b23!important;box-shadow:0 0 0 3px rgba(227,27,35,.10)!important}
html.cshp-v110 body.page-supplier-hub :where(input[type="submit"],button.button-primary,a.button-primary,.csh-btn-primary){background:#e31b23!important;border-color:#e31b23!important;color:#fff!important}
html.cshp-v110 body.page-supplier-hub :where(input[type="submit"],button.button-primary,a.button-primary,.csh-btn-primary):hover{background:#b90f16!important;border-color:#b90f16!important;color:#fff!important}

/* Footer is an isolated block, never a wrapper around RC11 content. */
html.cshp-v110 .cshp-v110-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0 0;padding:18px 22px;border-top:4px solid #e31b23;border-radius:12px 12px 0 0;background:#0a0b0c;color:#fff!important}
html.cshp-v110 .cshp-v110-footer>div:first-child{display:flex;align-items:baseline;gap:12px}
html.cshp-v110 .cshp-v110-footer strong{color:#fff!important;letter-spacing:.04em}
html.cshp-v110 .cshp-v110-footer span,html.cshp-v110 .cshp-v110-footer small{color:#bfc5cb!important}
html.cshp-v110 .cshp-v110-tag{font-size:11px;letter-spacing:.18em;white-space:nowrap}
html.cshp-v110 .cshp-v110-tag i{display:inline-block;width:1px;height:12px;margin:0 8px;background:#e31b23;vertical-align:middle}

@media(max-width:700px){
  html.cshp-v110 .cshp-v110-footer{align-items:flex-start;flex-direction:column}
  html.cshp-v110 .cshp-v110-tag{white-space:normal}
  html.cshp-v110 .cshp-v110-compliance{padding:12px 14px!important}
  html.cshp-v110 .cshp-v110-compliance:before{width:44px;height:44px;box-shadow:inset 0 0 0 8px #c8171e}
}

/* ========================================================================
 * Supplier Hub v1.0.11 - premium supplier portal presentation
 * Purpose-built visual components; underlying RC11 functionality unchanged.
 * ====================================================================== */
html.cshp-v111 body{background:linear-gradient(180deg,#eceff1 0,#f6f7f8 360px,#f6f7f8 100%)!important;color:#17191c!important}
html.cshp-v111 .cshp-v111-source-hidden{display:none!important}
html.cshp-v111 .cshp-v111-old-hero-shell{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important;height:auto!important}

html.cshp-v111 .cshp-v111-hero{
  display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:190px;margin:0 0 18px;border:1px solid #0f1113;border-radius:16px;overflow:hidden;
  background:#0d0f11;box-shadow:0 18px 44px rgba(0,0,0,.16);position:relative
}
html.cshp-v111 .cshp-v111-hero:before{content:"";position:absolute;inset:0 320px 0 0;background:radial-gradient(circle at 84% 18%,rgba(227,27,35,.18),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%);pointer-events:none}
html.cshp-v111 .cshp-v111-hero-main{display:flex;align-items:center;gap:28px;padding:30px 34px;color:#fff;position:relative;z-index:1}
html.cshp-v111 .cshp-v111-logo{display:block;max-width:235px!important;max-height:88px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:brightness(0) invert(1)}
html.cshp-v111 .cshp-v111-wordmark{min-width:220px;font-weight:900;line-height:.78;letter-spacing:-.045em;font-size:31px;color:#fff}
html.cshp-v111 .cshp-v111-wordmark span{display:block;color:#fff!important}
html.cshp-v111 .cshp-v111-hero-divider{width:3px;height:92px;background:#e31b23;border-radius:3px;box-shadow:0 0 0 1px rgba(227,27,35,.08)}
html.cshp-v111 .cshp-v111-hero-copy{min-width:0}
html.cshp-v111 .cshp-v111-eyebrow{display:block;margin:0 0 5px;color:#c7ccd1!important;font-size:11px;font-weight:800;letter-spacing:.18em}
html.cshp-v111 .cshp-v111-hero-copy h1{margin:0!important;color:#fff!important;font-size:clamp(32px,3vw,48px)!important;line-height:1!important;letter-spacing:-.035em!important;font-weight:850!important}
html.cshp-v111 .cshp-v111-hero-copy p{margin:10px 0 12px!important;color:#f0f2f3!important;font-size:17px!important;font-weight:600!important}
html.cshp-v111 .cshp-v111-hero-copy small{color:#b9c0c6!important;font-size:10px!important;font-weight:800!important;letter-spacing:.18em!important}
html.cshp-v111 .cshp-v111-hero-copy small i{display:inline-block;width:1px;height:11px;margin:0 10px;background:#e31b23;vertical-align:-1px}
html.cshp-v111 .cshp-v111-score{display:flex;align-items:center;justify-content:center;gap:18px;padding:26px 28px;color:#fff;background:linear-gradient(140deg,#f21f28 0%,#d0151c 52%,#a90b11 100%);position:relative;z-index:2}
html.cshp-v111 .cshp-v111-score:before{content:"";position:absolute;left:-26px;top:0;border-top:95px solid transparent;border-bottom:95px solid transparent;border-right:26px solid #ee1e26;opacity:.98}
html.cshp-v111 .cshp-v111-ring{display:grid;place-items:center;flex:0 0 92px;width:92px;height:92px;border-radius:50%;background:conic-gradient(#fff 0 9%,#34383e 9% 100%);box-shadow:inset 0 0 0 14px #c4171e,0 10px 24px rgba(0,0,0,.18)}
html.cshp-v111 .cshp-v111-ring span{display:grid!important;place-items:center;width:58px;height:58px;border-radius:50%;background:#b91016;color:#fff!important;font-size:25px!important;font-weight:900!important}
html.cshp-v111 .cshp-v111-score strong{display:block;color:#fff!important;font-size:14px;letter-spacing:.12em}
html.cshp-v111 .cshp-v111-score>div:last-child span{display:block;margin-top:7px;color:#fff!important;font-size:12px;line-height:1.35;max-width:130px}

html.cshp-v111 .cshp-v111-utility{min-height:44px!important;padding:10px 16px!important;border-radius:10px!important;background:#fff!important;border:1px solid #d6dade!important;color:#202328!important;font-weight:800!important;box-shadow:0 2px 8px rgba(0,0,0,.035)!important}
html.cshp-v111 .cshp-v111-utility:hover{background:#fff6f6!important;border-color:#e31b23!important;color:#b51218!important;transform:translateY(-1px)}

html.cshp-v111 .cshp-v111-status{padding:17px 20px!important;margin:0 0 14px!important;border:1px solid #d9dde1!important;border-left:6px solid #e31b23!important;border-radius:12px!important;background:linear-gradient(90deg,#fff 0,#f8f9fa 100%)!important;box-shadow:0 5px 16px rgba(0,0,0,.045)!important}
html.cshp-v111 .cshp-v111-status strong{color:#d71920!important}

html.cshp-v111 .cshp-v111-nav{display:flex!important;flex-wrap:wrap!important;gap:0!important;margin:0 0 22px!important;padding:0!important;border:1px solid #0e1012!important;border-radius:12px!important;overflow:hidden!important;background:#111315!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important}
html.cshp-v111 .cshp-v111-tab{display:flex!important;align-items:center!important;min-height:54px!important;padding:12px 18px!important;margin:0!important;border:0!important;border-right:1px solid #34383d!important;border-radius:0!important;background:linear-gradient(180deg,#202327,#141619)!important;color:#f8f9fa!important;font-weight:800!important;box-shadow:none!important;text-shadow:none!important;transition:background .15s ease,color .15s ease!important}
html.cshp-v111 .cshp-v111-tab :where(span,strong,b){color:inherit!important}
html.cshp-v111 .cshp-v111-tab:hover{background:#2e3237!important;color:#fff!important}
html.cshp-v111 .cshp-v111-tab.active,html.cshp-v111 .cshp-v111-tab.is-active,html.cshp-v111 .cshp-v111-tab[aria-selected="true"],html.cshp-v111 .cshp-v111-tab[data-cshp-v111-tab="Overview"]:first-child{background:linear-gradient(180deg,#f21f28,#cf141b)!important;color:#fff!important}
html.cshp-v111 .cshp-v111-tab :where([class*="badge"],[class*="pill"]){margin-left:8px!important;background:#e6e8ea!important;color:#17191c!important;border:0!important}
html.cshp-v111 .cshp-v111-tab :where([class*="submitted"]){background:#e31b23!important;color:#fff!important}
html.cshp-v111 .cshp-v111-tab :where([class*="approved"],[class*="complete"]){background:#fff!important;color:#111315!important}

html.cshp-v111 .cshp-v111-card{position:relative!important;min-height:168px!important;padding:28px 88px 24px 88px!important;border:1px solid #d5d9dd!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.055)!important;overflow:hidden!important;transition:transform .15s ease,box-shadow .15s ease!important}
html.cshp-v111 .cshp-v111-card:hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(0,0,0,.085)!important}
html.cshp-v111 .cshp-v111-card:after{content:"";position:absolute;left:26px;top:30px;width:46px;height:46px;border-radius:50%;background:#202327;box-shadow:0 4px 12px rgba(0,0,0,.12)}
html.cshp-v111 .cshp-v111-card :where(svg,img,i,.dashicons,.cshp-v106-card-icon){position:absolute!important;left:36px!important;top:40px!important;width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;font-size:26px!important;line-height:26px!important;margin:0!important;color:#fff!important;z-index:2!important}
html.cshp-v111 .cshp-v111-card :where(h1,h2,h3,h4,strong,b){color:#17191c!important;font-size:18px!important;font-weight:850!important;letter-spacing:-.01em!important}
html.cshp-v111 .cshp-v111-card-copy{margin:8px 0 0!important;max-width:560px;color:#66707a!important;font-size:13px!important;line-height:1.5!important}
html.cshp-v111 .cshp-v111-actions{background:linear-gradient(135deg,#fff7f7 0%,#fff 72%)!important;border-color:#efc3c6!important}
html.cshp-v111 .cshp-v111-actions:after{background:linear-gradient(145deg,#f32129,#cf141b)!important}
html.cshp-v111 .cshp-v111-actions:before{width:6px!important;background:#e31b23!important}
html.cshp-v111 .cshp-v111-accreditation{background:linear-gradient(135deg,#fff 0%,#f1f3f5 100%)!important}
html.cshp-v111 .cshp-v111-accreditation:after{background:linear-gradient(145deg,#34383e,#15171a)!important}
html.cshp-v111 .cshp-v111-accreditation:before{width:6px!important;background:#24282c!important}
html.cshp-v111 .cshp-v111-how{min-height:126px!important;background:linear-gradient(90deg,#f0f2f4,#fff)!important;padding-top:25px!important;padding-bottom:22px!important}
html.cshp-v111 .cshp-v111-how:after{background:linear-gradient(145deg,#535a62,#1f2327)!important}
html.cshp-v111 .cshp-v111-how:before{width:6px!important;background:#aab1b8!important}
html.cshp-v111 .cshp-v106-plus{right:22px!important;top:50%!important;transform:translateY(-50%)!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:10px!important;background:#eef0f2!important;color:#17191c!important;border:1px solid #dde1e4!important}
html.cshp-v111 .cshp-v106-plus:hover{background:#e31b23!important;color:#fff!important;border-color:#e31b23!important}

html.cshp-v111 .cshp-v111-footer{margin-top:34px!important;padding:22px 28px!important;border-top:4px solid #e31b23!important;border-radius:14px 14px 0 0!important;background:linear-gradient(100deg,#08090a,#14171a)!important;box-shadow:0 -8px 24px rgba(0,0,0,.06)!important}
html.cshp-v111 .cshp-v111-footer strong{font-size:16px!important;letter-spacing:.08em!important}

@media(max-width:900px){
  html.cshp-v111 .cshp-v111-hero{grid-template-columns:1fr 250px;min-height:170px}
  html.cshp-v111 .cshp-v111-hero-main{padding:24px 22px;gap:18px}
  html.cshp-v111 .cshp-v111-wordmark{min-width:170px;font-size:25px}
  html.cshp-v111 .cshp-v111-hero-divider{height:76px}
  html.cshp-v111 .cshp-v111-score{padding:20px 18px;gap:12px}
  html.cshp-v111 .cshp-v111-ring{width:76px;height:76px;flex-basis:76px;box-shadow:inset 0 0 0 12px #c4171e,0 8px 20px rgba(0,0,0,.16)}
  html.cshp-v111 .cshp-v111-ring span{width:48px;height:48px;font-size:21px!important}
  html.cshp-v111 .cshp-v111-nav{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  html.cshp-v111 .cshp-v111-tab{flex:0 0 auto!important}
}
@media(max-width:640px){
  html.cshp-v111 .cshp-v111-hero{display:block;min-height:0;border-radius:12px}
  html.cshp-v111 .cshp-v111-hero:before{inset:0 0 96px 0}
  html.cshp-v111 .cshp-v111-hero-main{padding:22px 18px;gap:14px}
  html.cshp-v111 .cshp-v111-logo{max-width:120px!important;max-height:58px!important}
  html.cshp-v111 .cshp-v111-wordmark{min-width:112px;font-size:19px}
  html.cshp-v111 .cshp-v111-hero-divider{height:62px;width:2px}
  html.cshp-v111 .cshp-v111-hero-copy h1{font-size:27px!important}
  html.cshp-v111 .cshp-v111-hero-copy p{font-size:14px!important;margin-top:7px!important}
  html.cshp-v111 .cshp-v111-hero-copy small{display:none}
  html.cshp-v111 .cshp-v111-score{justify-content:flex-start;padding:15px 18px}
  html.cshp-v111 .cshp-v111-score:before{display:none}
  html.cshp-v111 .cshp-v111-ring{width:60px;height:60px;flex-basis:60px;box-shadow:inset 0 0 0 9px #c4171e}
  html.cshp-v111 .cshp-v111-ring span{width:40px;height:40px;font-size:17px!important}
  html.cshp-v111 .cshp-v111-card{min-height:138px!important;padding:22px 56px 20px 72px!important}
  html.cshp-v111 .cshp-v111-card:after{left:18px;top:26px;width:40px;height:40px}
  html.cshp-v111 .cshp-v111-card :where(svg,img,i,.dashicons,.cshp-v106-card-icon){left:26px!important;top:34px!important;width:24px!important;height:24px!important;font-size:24px!important;line-height:24px!important}
  html.cshp-v111 .cshp-v106-plus{right:12px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
}
\n\n/* v1.0.12 final refinement - bounded presentation only. */\nhtml.cshp-v111 .cshp-v112-legacy-compliance{display:none!important}\n\n/* Make every real navigation cell part of the same premium dark rail. */\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell{background:linear-gradient(180deg,#202327,#131518)!important;color:#fff!important;border-color:#34383d!important;box-shadow:none!important}\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell :where(a,button,span,strong,b,div){color:inherit!important}\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell:hover{background:#292d31!important;color:#fff!important}\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell:has(.active),\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell:has(.is-active),\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell:has([aria-selected="true"]),\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell:has([data-cshp-v111-tab="Overview"].active){background:linear-gradient(180deg,#f21f28,#cf141b)!important}\n\n/* Remove legacy light fills from the tabs themselves. Status pills keep their own colours. */\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell .cshp-v111-tab{background:transparent!important;color:#fff!important;border:0!important}\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell .cshp-v111-tab:hover{background:transparent!important;color:#fff!important}\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell .cshp-v111-tab.active,\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell .cshp-v111-tab.is-active,\nhtml.cshp-v111 .cshp-v111-nav .cshp-v112-tab-shell .cshp-v111-tab[aria-selected="true"]{background:transparent!important;color:#fff!important}\n\n/* More premium card proportions and a proper content column. */\nhtml.cshp-v111 .cshp-v111-card{min-height:150px!important;padding:26px 82px 24px 88px!important}\nhtml.cshp-v111 .cshp-v112-card-body{display:block!important;width:100%!important;max-width:620px!important;min-width:0!important}\nhtml.cshp-v111 .cshp-v112-card-body :where(h1,h2,h3,h4,strong,b){display:block!important;width:auto!important;max-width:100%!important;margin:0!important;line-height:1.25!important}\nhtml.cshp-v111 .cshp-v112-card-body .cshp-v111-card-copy{display:block!important;width:auto!important;max-width:540px!important;margin:8px 0 0!important;color:#646c74!important}\nhtml.cshp-v111 .cshp-v111-actions{background:linear-gradient(125deg,#fff4f4 0%,#fffafa 42%,#fff 100%)!important}\nhtml.cshp-v111 .cshp-v111-accreditation{background:linear-gradient(125deg,#f7f8f9 0%,#fff 70%)!important}\nhtml.cshp-v111 .cshp-v111-how{background:linear-gradient(100deg,#edf0f2,#fafbfb 58%,#fff)!important}\n\n/* Cleaner workflow status strip. */\nhtml.cshp-v111 .cshp-v111-status{display:flex!important;align-items:center!important;gap:12px!important;padding:15px 18px!important;border-radius:10px!important;background:#f6f7f8!important;border:1px solid #e0e3e6!important;border-left:5px solid #e31b23!important;box-shadow:none!important}\nhtml.cshp-v111 .cshp-v111-status strong{color:#d71920!important;font-weight:900!important}\n\n/* Hero should own the whole top experience with no duplicate legacy gutter. */\nhtml.cshp-v111 .cshp-v111-hero{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}\n\n@media(max-width:640px){\n  html.cshp-v111 .cshp-v111-card{padding:22px 54px 20px 70px!important}\n}\n