/* ============================================================
   STACK BUILDER — maison reskin (espresso + struck-gold).
   Remaps --sbl-* light theme; crest hero; refined chips + cards;
   prominent gold cost total. Loaded LAST. Visual only.
   ============================================================ */
:root{
  --sbl-bg:#0A0805 !important;
  --sbl-bg-strong:#0F0C08 !important;
  --sbl-bg-deep:#13100B !important;
  --sbl-card:linear-gradient(165deg,#13100B,#0C0906) !important;
  --sbl-rule:rgba(196,148,58,.18) !important;
  --sbl-rule-strong:rgba(196,148,58,.34) !important;
  --sbl-text:#EEE9DF !important;
  --sbl-text-dim:#C8BFB0 !important;
  --sbl-text-mut:#A89B89 !important;
  --sbl-blue:#C4943A !important;
  --sbl-blue-deep:#E2B76A !important;
  --sbl-cyan:#F2D79A !important;
  --sbl-blue-tint:rgba(196,148,58,.08) !important;
  --sbl-blue-tint-strong:rgba(196,148,58,.16) !important;
  --sbl-blue-rule:rgba(196,148,58,.30) !important;
  --sbl-danger:#B8836A !important;
  --sbl-danger-tint:rgba(184,131,106,.10) !important;
  --sbl-danger-rule:rgba(184,131,106,.32) !important;
  --sbl-shadow:0 16px 38px rgba(0,0,0,.5) !important;
  --sbl-shadow-soft:0 8px 20px rgba(0,0,0,.42) !important;
  --sbl-font-display:'Playfair Display',Georgia,serif !important;
  --sbl-font-ui:'Sora','DM Sans',system-ui,sans-serif !important;
}

/* canvas */
body{background:radial-gradient(75% 45% at 50% -8%,rgba(196,148,58,.10),transparent 70%),
  linear-gradient(170deg,#0A0805,#0F0C08 55%,#13100B) !important;color:#EEE9DF !important}
.sb-wall{display:none !important}

/* ── HERO ── */
.sb-hero,.sb-hero.mbr-banner-stage{position:relative !important;overflow:hidden !important;
  background:radial-gradient(120% 150% at 84% 38%,rgba(196,148,58,.20),transparent 58%),linear-gradient(165deg,#13100B,#0A0805 70%) !important;
  border:1px solid rgba(196,148,58,.22) !important;border-radius:18px !important;
  margin:22px clamp(16px,4vw,40px) 18px !important;padding:clamp(34px,4vw,52px) clamp(28px,5vw,56px) !important}
.sb-hero-img,.sb-hero-overlay,.sb-hero-tint,.mbr-banner-scrim,.sb-hero-bottom-line{display:none !important}
.sb-hero-content{position:relative !important;z-index:3 !important;max-width:620px !important}
.sb-hero-crest{position:absolute !important;right:clamp(16px,6vw,72px);top:50%;transform:translateY(-50%);
  width:clamp(120px,17vw,210px);height:auto;z-index:1;pointer-events:none;
  filter:drop-shadow(0 22px 46px rgba(0,0,0,.6)) drop-shadow(0 0 36px rgba(196,148,58,.16))}
@media(max-width:760px){.sb-hero-crest{right:50%;transform:translate(50%,-50%);opacity:.12;width:240px}.sb-hero-content{max-width:100% !important}}
.sb-hero-eyebrow{color:#E2B76A !important;letter-spacing:.32em !important;font-weight:600 !important}
.sb-hero-eyebrow::before,.sb-hero-eyebrow::after{background:linear-gradient(90deg,#E2B76A,transparent) !important}
.sb-hero-title{font-family:'Playfair Display',Georgia,serif !important;font-weight:400 !important;
  font-size:clamp(36px,5vw,60px) !important;line-height:1.02 !important;color:#EEE9DF !important;-webkit-text-fill-color:#EEE9DF !important}
.sb-hero-title strong{color:#E2B76A !important;font-style:italic !important;
  background:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.sb-hero-lead{color:#C8BFB0 !important}
.sb-hero-actions a,.sb-hero-actions button,.sb-hero-actions .sb-hero-out{background:rgba(196,148,58,.08) !important;color:#F2D79A !important;border:1px solid rgba(196,148,58,.34) !important}
.sb-hero-actions a:hover,.sb-hero-actions button:hover{background:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A) !important;color:#2A1808 !important}

/* ── PANELS ── */
.sb-panel{box-shadow:0 10px 26px rgba(0,0,0,.45) !important}
.sb-panel-title,.sb-col-title,.sb-section-title,.sb-panel h2,.sb-panel h3{font-family:'Playfair Display',Georgia,serif !important;color:#EEE9DF !important}
.sb-panel-title strong,.sb-col-title strong{color:#E2B76A !important;-webkit-text-fill-color:#E2B76A !important;font-style:italic !important}
.sb-panel-sub,.sb-section-kicker{color:#897C6B !important;font-family:'Sora',sans-serif !important;letter-spacing:.16em !important}
.sb-search{background:rgba(255,255,255,.03) !important;border:1px solid rgba(196,148,58,.24) !important;color:#EEE9DF !important}
.sb-search:focus{border-color:rgba(196,148,58,.55) !important}
.sb-search-wrap svg{stroke:#E2B76A !important}

/* category chips — quiet, gold */
.sb-cat-chip{background:rgba(255,255,255,.03) !important;border:1px solid rgba(196,148,58,.2) !important;color:#A89B89 !important;
  font-family:'Sora',sans-serif !important;letter-spacing:.1em !important}
.sb-cat-chip:hover{border-color:rgba(196,148,58,.4) !important;color:#E2B76A !important;background:rgba(196,148,58,.06) !important}
.sb-cat-chip.is-on{background:linear-gradient(135deg,#C4943A,#E2B76A) !important;border-color:rgba(196,148,58,.5) !important;color:#2A1808 !important}

/* compound rows + names */
.sb-sel-name,.sb-item-name{font-family:'Playfair Display',Georgia,serif !important;color:#EEE9DF !important}
.sb-sel-meta,.sb-item-meta{color:#897C6B !important;font-family:'Sora',sans-serif !important}
.sb-sel-remove{background:rgba(184,131,106,.1) !important;border:1px solid rgba(184,131,106,.32) !important;color:#B8836A !important}
.sb-sel-remove:hover{background:rgba(184,131,106,.2) !important;color:#C99A82 !important}

/* add button -> gold */
.sb-add-btn{background:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A) !important;color:#2A1808 !important;border:none !important;
  font-family:'Sora',sans-serif !important;font-weight:700 !important;letter-spacing:.08em !important;
  box-shadow:inset 0 1px 0 rgba(255,248,228,.6),0 8px 22px -8px rgba(196,148,58,.5) !important}
.sb-add-btn:hover{filter:brightness(1.05) !important}

/* protocol toolbar (copy summary / clear all) */
.sb-protocol-toolbar button{font-family:'Sora',sans-serif !important}
.sb-protocol-toolbar .sb-btn-primary,.sb-protocol-toolbar button:first-child{background:linear-gradient(135deg,#C4943A,#E2B76A) !important;color:#2A1808 !important;border:none !important}
.sb-protocol-toolbar .sb-btn-ghost,.sb-protocol-toolbar button:last-child{background:rgba(196,148,58,.08) !important;border:1px solid rgba(196,148,58,.3) !important;color:#E2B76A !important}

/* empty state */
.sb-empty{color:#897C6B !important;border-color:rgba(196,148,58,.18) !important}
.sb-empty-title,.sb-empty strong{color:#A89B89 !important}

/* COST TOTAL — prominent gold */
.sb-tally-total{border-top:1px solid rgba(196,148,58,.22) !important}
.sb-tally-total-lbl{color:#A89B89 !important;letter-spacing:.16em !important}
.sb-tally-total-val{font-family:'Playfair Display',Georgia,serif !important;color:#F2D79A !important;-webkit-text-fill-color:#F2D79A !important;font-size:28px !important}

/* footer note */
.sb-foot a,[href^="mailto"]{color:#E2B76A !important}

/* ── "Pick a protocol" modal (sb-pp-*) — was light/blue/teal, now maison ── */
.sb-pp-modal{background:rgba(6,4,2,.72) !important}
.sb-pp-inner{background:linear-gradient(168deg,#13100B,#0A0805) !important;border:1px solid rgba(196,148,58,.34) !important;color:#EEE9DF !important}
.sb-pp-title{font-family:'Playfair Display',Georgia,serif !important;color:#EEE9DF !important}
.sb-pp-sub{color:#A89B89 !important}
.sb-pp-close{color:#A89B89 !important}
.sb-pp-close:hover{color:#F2D79A !important}
.sb-pp-section-lbl{color:#E2B76A !important}
.sb-pp-section-hint{color:#897C6B !important}
.sb-pp-edu-card{background:rgba(196,148,58,.06) !important;border:1px solid rgba(196,148,58,.24) !important;border-left:3px solid #C4943A !important;color:#C8BFB0 !important}
.sb-pp-edu-card-row{border-bottom-color:rgba(196,148,58,.16) !important}
.sb-pp-edu-card-lbl{color:#E2B76A !important}
.sb-pp-edu-card-val{color:#C8BFB0 !important}
.sb-pp-edu-card-empty{color:#897C6B !important}
.sb-pp-edu-link{color:#E2B76A !important;border-bottom-color:rgba(196,148,58,.4) !important}
.sb-pp-edu-link:hover{color:#F2D79A !important;border-bottom-color:#E2B76A !important}
.sb-pp-preset{background:rgba(255,255,255,.03) !important;border:1px solid rgba(196,148,58,.2) !important;color:#EEE9DF !important}
.sb-pp-preset:hover{border-color:rgba(196,148,58,.45) !important;background:rgba(196,148,58,.06) !important}
.sb-pp-preset.is-on{border-color:#8FAF9A !important;background:rgba(143,175,154,.08) !important;box-shadow:0 0 0 1px #8FAF9A inset !important}
.sb-pp-preset-name{color:#EEE9DF !important}
.sb-pp-preset-dose{color:#E2B76A !important}
.sb-pp-preset-note{color:#897C6B !important}
.sb-pp-foot .sb-pp-save{background:linear-gradient(135deg,#C4943A,#E2B76A) !important;color:#2A1808 !important;border:none !important}
.sb-pp-foot .sb-pp-save:hover{filter:brightness(1.05) !important}
.sb-pp-foot .sb-pp-cancel,.sb-pp-cancel{background:rgba(196,148,58,.08) !important;border:1px solid rgba(196,148,58,.3) !important;color:#E2B76A !important}

/* ═══ CANONICAL MAISON BUTTONS — Stack Builder (matches Peptide Calculator) ═══ */
.sb-add-btn,.sb-send-btn,.sb-order-btn.sb-send-btn{
  background:linear-gradient(180deg,#F4DBA4 0%,#E2B76A 44%,#C4943A 100%) !important; color:#2A1808 !important;
  border:1px solid rgba(120,84,28,.6) !important; border-radius:12px !important;
  font-family:'Sora',sans-serif !important; font-weight:600 !important; font-size:12px !important; letter-spacing:.18em !important; text-transform:uppercase !important;
  padding:17px 24px !important; cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,248,228,.75), inset 0 -2px 6px rgba(86,54,12,.34), 0 10px 24px -8px rgba(196,148,58,.5) !important;
  transition:filter .2s, transform .2s, box-shadow .2s !important; }
.sb-add-btn:hover,.sb-send-btn:hover,.sb-order-btn.sb-send-btn:hover{ filter:brightness(1.05) !important; transform:translateY(-1px) !important;
  box-shadow:inset 0 1px 0 rgba(255,248,228,.85), inset 0 -2px 6px rgba(86,54,12,.4), 0 14px 30px -8px rgba(196,148,58,.62) !important; }
.sb-tool-btn,.sb-pick-empty-btn{ background:transparent !important; border:1px solid rgba(196,148,58,.42) !important; color:#E2B76A !important; border-radius:12px !important;
  font-family:'Sora',sans-serif !important; font-weight:600 !important; font-size:11.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important;
  padding:12px 18px !important; cursor:pointer !important; transition:background .2s,border-color .2s,color .2s !important; }
.sb-tool-btn:hover,.sb-pick-empty-btn:hover{ background:rgba(196,148,58,.1) !important; border-color:rgba(196,148,58,.62) !important; color:#F2D79A !important; }
.sb-tool-danger{ border-color:rgba(184,131,106,.45) !important; color:#B8836A !important; }
.sb-tool-danger:hover{ background:rgba(184,131,106,.12) !important; border-color:rgba(184,131,106,.6) !important; color:#C99A82 !important; }
.sb-hero-actions a,.sb-hero-actions button,.sb-hero-actions .sb-hero-out{
  background:transparent !important; border:1px solid rgba(196,148,58,.3) !important; color:#E2B76A !important; border-radius:999px !important;
  font-family:'Sora',sans-serif !important; font-weight:600 !important; font-size:10.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important;
  padding:9px 17px !important; transition:background .2s,border-color .2s,color .2s !important; }
.sb-hero-actions a:hover,.sb-hero-actions button:hover,.sb-hero-actions .sb-hero-out:hover{
  background:rgba(196,148,58,.12) !important; border-color:rgba(196,148,58,.55) !important; color:#F2D79A !important; }
/* COPY SUMMARY etc: beat the base .sb-tool-btn gradient (specificity + longhand) */
.sb-tool-btn.sb-tool-btn{ background:transparent !important; background-image:none !important; }
.sb-tool-btn.sb-tool-danger.sb-tool-danger{ background:transparent !important; background-image:none !important; }