:root{
  --bg:#f7f1e6;
  --card:#ffffff;
  --ink:#3b2b1d;
  --muted:#7a6856;
  --line:#d8c8b3;
  --accent:#d48a36;
  --accent-dark:#a85e15;
  --soft:#efe2d1;
  --danger:#a23c2a;
  --ok:#2f6b3f;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fbf7f0 0%,#f3eadc 100%)}
a{text-decoration:none;color:inherit}
header{padding:20px 24px;border-bottom:1px solid var(--line);background:#fffaf3;position:sticky;top:0;z-index:20}
.topbar{max-width:1300px;margin:0 auto;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.brand h1{margin:0;font-size:24px;letter-spacing:.3px}.brand p{margin:4px 0 0;color:var(--muted);font-size:14px}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.search{min-width:280px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
button,.btn{border:none;border-radius:12px;padding:11px 14px;font-weight:700;cursor:pointer;transition:.15s ease}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}
.btn-soft{background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.btn-danger{background:#fff2ef;color:var(--danger);border:1px solid #efc7be}
main{max-width:1300px;margin:0 auto;padding:24px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.status{color:var(--muted);font-size:14px}.small{font-size:12px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(60,40,20,.06)}
.thumb{aspect-ratio:4/3;background:#f2ebe1;display:grid;place-items:center;position:relative;overflow:hidden;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:contain;display:block;background:#f2ebe1}.thumb .placeholder{color:#8b7a67;font-weight:700;font-size:14px;text-align:center;padding:24px}.badge{position:absolute;top:10px;left:10px;background:rgba(59,43,29,.86);color:#fff;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700}.card-body{padding:14px}.sku-name{font-size:18px;margin:0 0 6px}.meta{color:var(--muted);font-size:13px;margin-bottom:10px}.meta-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:4px 0;color:var(--muted)}.card-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
dialog{width:min(1080px,calc(100vw - 24px));border:none;border-radius:18px;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(35,25,15,.45)}.modal{background:#fffaf6}.modal-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center}.modal-title{margin:0;font-size:22px}.modal-sub{margin:4px 0 0;color:var(--muted);font-size:14px}.modal-body{padding:20px}.detail-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.gallery{display:grid;gap:12px}.gallery-main{aspect-ratio:1.15/1;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#f3eadf}.gallery-main img{width:100%;height:100%;object-fit:contain;display:block;background:#f3eadf}.gallery-main .placeholder{width:100%;height:100%;display:grid;place-items:center;color:#8b7a67;font-weight:700}.thumb-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.thumb-slot{border:1px solid var(--line);border-radius:14px;overflow:hidden;aspect-ratio:1/1;cursor:pointer;background:#f3eadf;position:relative}.thumb-slot img{width:100%;height:100%;object-fit:cover}.thumb-slot.empty{display:grid;place-items:center;color:#a08f7d;font-size:12px;font-weight:700}.thumb-strip.single{grid-template-columns:1fr}.thumb-strip.single .thumb-slot{aspect-ratio:3/1.2}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.panel h3{margin:0 0 10px;font-size:18px}.pill{display:inline-block;padding:7px 10px;border-radius:999px;background:#f5eadc;border:1px solid var(--line);font-size:12px;font-weight:700;margin:0 8px 8px 0}.piece-table{width:100%;border-collapse:collapse;font-size:14px}.piece-table th,.piece-table td{border-bottom:1px solid #eee2d4;padding:10px 8px;text-align:left;vertical-align:top}.piece-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}.stack{display:grid;gap:16px}.hint{color:var(--muted);font-size:13px;line-height:1.4}.raise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.tier{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;text-align:left;cursor:pointer}.tier.active{border-color:var(--accent);background:#fff3e6;box-shadow:0 0 0 2px rgba(212,138,54,.15) inset}.tier strong{display:block;margin-bottom:4px}.tier span{font-size:13px;color:var(--muted)}
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.uploads{display:grid;gap:10px;margin-top:12px}.upload-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.upload-slot{position:relative;border:2px dashed #d6c4af;border-radius:14px;background:#fff;aspect-ratio:1/1;overflow:hidden;display:grid;place-items:center;padding:8px;text-align:center;color:#8b7a67;font-size:12px;font-weight:700}.upload-slot.single-fill{grid-column:1/-1;aspect-ratio:3/1.15}.upload-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.upload-slot input{position:absolute;inset:0;opacity:0;cursor:pointer}.delete-btn{position:absolute;right:8px;top:8px;z-index:1;background:rgba(255,255,255,.95);color:var(--danger);border:1px solid #efc7be;padding:6px 8px;border-radius:10px;font-size:12px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.field{display:grid;gap:6px}.field label{font-size:13px;color:var(--muted);font-weight:700}.field input,.field textarea,.field select{width:100%;padding:10px 11px;border-radius:12px;border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff}.piece-editor{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fffdfa}.piece-editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note{background:#fff6eb;border:1px solid #f0d5b4;color:#7c5324;border-radius:14px;padding:12px;font-size:13px;line-height:1.45}.success{color:var(--ok);font-weight:700;margin-top:8px;font-size:14px}
.builder-layout{display:grid;grid-template-columns:1fr 370px;gap:20px}.builder-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(60,40,20,.06)}.builder-header{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}.builder-items{margin-top:16px}.builder-row{display:grid;grid-template-columns:1.3fr 1fr 100px 110px 110px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eee2d4}.builder-row.head{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted)}.qty{width:100%;padding:10px;border:1px solid var(--line);border-radius:12px}.summary-box{display:grid;gap:12px}.sum-line{display:flex;justify-content:space-between;gap:12px}.cta-stack{display:grid;gap:10px;margin-top:16px}.nav-links{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:980px){.detail-layout,.builder-layout{grid-template-columns:1fr}.raise-grid{grid-template-columns:repeat(2,1fr)}.upload-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.builder-row{grid-template-columns:1.3fr 1fr 90px 100px 100px}}
@media (max-width:640px){main{padding:16px}.thumb-strip{grid-template-columns:repeat(2,1fr)}.raise-grid{grid-template-columns:1fr}.upload-grid{grid-template-columns:1fr}.builder-row,.builder-row.head{grid-template-columns:1fr;gap:6px}.builder-row.head{display:none}}


.nav{position:sticky;top:0}
.sku-tab{position:absolute;top:10px;right:10px;z-index:2;background:rgba(212,138,54,.95);color:#fff;border:1px solid rgba(255,255,255,.4);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer}
.sku-tab:hover{background:var(--accent-dark)}
.sku-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.mini-tab{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#f7efe5;border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--ink)}
.mini-tab-ready{background:#edf7ef;border-color:#b9dcc2;color:#225b32}
.quick-modal{max-width:640px}
.notice{display:none;margin-top:12px;padding:10px 12px;border-radius:12px;background:#edf7ef;border:1px solid #b9dcc2;color:#225b32;font-size:13px;font-weight:700}
.notice.show{display:block}


/* Build 18 combined additions */
.status-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 6px}
.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f5eadc;border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--ink)}
.status-pill.ready{background:#edf7ef;border-color:#b8d9c0;color:#21522e}
.status-pill.near{background:#fff6e6;border-color:#eed09b;color:#7b5418}
.status-pill.ondeck{background:#efe9ff;border-color:#c8b8f5;color:#4a2c8b}
.status-pill.low{background:#f6f0e8;border-color:#ddcfbf;color:#6c5a47}
.progress-shell{height:10px;background:#efe3d2;border-radius:999px;overflow:hidden;margin-top:6px}
.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-dark));border-radius:999px}
.thumb-count{position:absolute;right:10px;bottom:10px;background:rgba(255,255,255,.92);padding:6px 8px;border-radius:999px;font-size:12px;font-weight:700;color:var(--ink)}
.sku-tab{position:absolute;right:10px;top:10px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;color:var(--ink)}
.sku-status-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);margin-top:10px}
.admin-demand-wrap{margin-top:28px;background:#fffaf3;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(60,40,20,.05)}
.admin-demand-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}
.admin-demand-head h2{margin:6px 0 4px;font-size:28px}
.admin-demand-head p{margin:0;color:var(--muted)}
.admin-demand-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}
.admin-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
.admin-stat-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.admin-stat-value{font-size:28px;font-weight:700;margin-top:4px}
.admin-demand-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px}
.admin-demand-table{width:100%;border-collapse:collapse;font-size:14px}
.admin-demand-table th,.admin-demand-table td{padding:12px 10px;border-bottom:1px solid #eee2d4;text-align:left;vertical-align:top}
.admin-demand-table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#fffcf8}
.admin-demand-table tr:last-child td{border-bottom:none}
.mini-progress{min-width:120px}
.mini-progress .small{display:block;margin-top:5px}
@media (max-width:700px){
  .admin-demand-head h2{font-size:22px}
  .admin-demand-wrap{padding:14px}
}


/* Build 19 structural style fixes */
nav{position:sticky;top:0;z-index:100;background:#17120f;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{max-width:1300px;margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.nav-brand{display:flex;flex-direction:column;gap:2px}
.nav-brand strong{font-size:18px;line-height:1.1;color:#f4eee4}
.nav-brand span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b89f82}
.nav-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nav-links a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:#dcc8a6;color:#2b221c;border:1px solid rgba(0,0,0,.08);font-size:13px;font-weight:700}
.nav-links a.active{background:#b86a2d;color:#fff}
.nav-links a.cta{background:#cf9f2a;color:#18120e}
.wrap{max-width:1300px;margin:0 auto;padding:24px}
.hero{margin-bottom:20px}
.hero-top{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start;background:#fffaf3;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 6px 20px rgba(60,40,20,.05)}
.hero h1{margin:10px 0 10px;font-size:clamp(32px,5vw,56px);line-height:.98}
.hero p{margin:0;color:#5f4f40;line-height:1.7}
.notice{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fff6eb;border:1px solid #f0d5b4;color:#7c5324;font-size:13px;display:none}
.notice.show{display:block}
.filter-list{display:flex;gap:10px;flex-wrap:wrap}
.filter-list button{background:#efe2d1;border:1px solid var(--line);color:var(--ink);padding:10px 14px;border-radius:999px;font-weight:700}
.filter-list button.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.quick-modal{max-width:560px}
.hint{color:var(--muted);font-size:13px;line-height:1.45}
@media (max-width:900px){
  .hero-top{grid-template-columns:1fr}
}

/* Build 20 order builder safe-flow additions */
.profile-box{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}
.cta-stack{display:grid;gap:10px}
.builder-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.summary-box .builder-card{position:sticky;top:92px}
.builder-row{grid-template-columns:minmax(160px,1.4fr) minmax(100px,.8fr) 90px 120px 120px}
.qty{width:100%;padding:10px 11px;border-radius:12px;border:1px solid var(--line);font:inherit}

/* Build 21 order tier clarity */
.total-line{padding-top:8px;margin-top:8px;border-top:1px solid #eee2d4}
.tier-note-box{margin-top:14px;padding:14px;border-radius:16px;background:#fff8ee;border:1px solid #ecd0aa}
.tier-note-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-weight:700}
.builder-items .head{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}
.builder-row{display:grid;grid-template-columns:minmax(150px,1.5fr) 100px 90px 100px 120px 120px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eee2d4}
.builder-row.head{font-weight:700;padding-top:0}
.line-cube{font-weight:700}
.summary-box .builder-card .sum-line{display:flex;justify-content:space-between;gap:12px;margin:10px 0}
.summary-box .builder-card .sum-line span{color:var(--muted)}
@media (max-width: 980px){
  .builder-row{grid-template-columns:1.5fr 1fr 90px 1fr 1fr 1fr}
}
@media (max-width: 760px){
  .builder-row{grid-template-columns:1fr 1fr}
  .builder-row.head{display:none}
}

.nav-brand{display:flex;align-items:center;gap:12px}.nav-brand .brand-text{display:flex;flex-direction:column}.nav-logo{height:42px;width:auto;display:block;flex:0 0 auto}.doc-logo{height:68px;width:auto;display:block}.program-box{margin-top:16px}.invoice-shell{max-width:1100px;margin:0 auto;padding:28px 20px 42px}.invoice-card{background:#fff;border:1px solid #ddcfbf;border-radius:22px;box-shadow:0 18px 40px rgba(45,27,13,.08);padding:28px}.invoice-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}.invoice-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}.invoice-table{width:100%;border-collapse:collapse;margin-top:18px}.invoice-table th,.invoice-table td{border-bottom:1px solid #eee2d4;padding:10px 8px;text-align:left}.invoice-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7a6856}.summary-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:24px}.summary-card{background:#fffaf5;border:1px solid #ddcfbf;border-radius:18px;padding:18px}.brand-inline{display:flex;align-items:center;gap:12px}.brand-inline .doc-logo{height:58px}.print-note{margin-top:18px;color:#6d5e50;font-size:13px;line-height:1.6}@media(max-width:900px){.summary-grid{grid-template-columns:1fr}.invoice-head{flex-direction:column}}

.sku-tab{position:absolute;top:10px;right:10px;width:42px;height:42px;border-radius:999px;border:1px solid #d6c2ae;background:rgba(255,250,245,.9);color:#8d7762;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.sku-tab.raised{background:#8c5a2b;color:#fff;border-color:#8c5a2b}.admin-demand-wrap{display:none!important}

/* ============================================================
   PATCH: Hand raise button + demand progress bar
   ============================================================ */

/* Hand raise button — upper right of card thumb
   Opaque/ghost when not raised, solid amber when raised,
   shows tier initial (S/Q/H/F) when raised */
.sku-tab{
  position:absolute;top:10px;right:10px;
  width:44px;height:44px;border-radius:999px;
  border:1px solid rgba(200,175,145,.5);
  background:rgba(255,250,245,.55);
  color:rgba(100,75,55,.45);
  display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:800;
  cursor:pointer;
  transition:background .18s,color .18s,border-color .18s,opacity .18s,transform .15s;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  z-index:3;
  user-select:none;
}
.sku-tab:hover{
  background:rgba(212,138,54,.18);
  color:rgba(140,90,43,.9);
  border-color:rgba(212,138,54,.5);
  transform:scale(1.08);
}
/* Raised state — solid, branded color, shows tier initial */
.sku-tab.raised{
  background:#8c5a2b;
  color:#fff;
  border-color:#8c5a2b;
  font-size:15px;
  letter-spacing:.02em;
  opacity:1;
  box-shadow:0 2px 8px rgba(140,90,43,.35);
}
.sku-tab.raised:hover{
  background:#a06830;
  border-color:#a06830;
  transform:scale(1.06);
}

/* Demand bar — sits below meta rows, above card actions */
.demand-bar-wrap{
  margin:10px 0 4px;
}
.demand-label{
  display:block;
  font-size:11px;
  font-weight:700;
  color:#8b7260;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.demand-label.ready{
  color:#4a7a3a;
}
.demand-label.muted{
  color:#b0a090;
  font-weight:400;
  text-transform:none;
  letter-spacing:0;
}
.demand-bar-track{
  position:relative;
  height:8px;
  background:#ede3d6;
  border-radius:999px;
  overflow:hidden;
  display:flex;
}
/* Each colored tier segment fills the bar left-to-right */
.demand-seg{
  height:100%;
  border-radius:0;
  transition:width .3s ease;
  flex-shrink:0;
}
/* Tiny end cap to finish the bar shape */
.demand-bar-cap{
  position:absolute;right:0;top:0;bottom:0;
  width:2px;background:rgba(0,0,0,.06);
}

/* When demand is at or over target — glow the bar */
.demand-bar-track.full{
  box-shadow:0 0 0 2px rgba(74,122,58,.25);
}

/* Tier button active border picks up the tier color via CSS var */
.tier.active{
  border-color:var(--tier-color, #c47c3a);
  background:#fff8f2;
  box-shadow:0 0 0 2px color-mix(in srgb, var(--tier-color, #c47c3a) 18%, transparent);
}

/* Card action row update — raise hand button as primary */
.card-actions .btn-primary[data-quick-raise]{
  flex:1;
}

/* ============================================================
   PATCH: Tier reference table (inside raise-hand modals)
   ============================================================ */

.tier-ref-wrap{
  margin:14px 0 16px;
  border:1px solid #e8d9c5;
  border-radius:14px;
  overflow:hidden;
  background:#fffcf8;
}
.tier-ref-title{
  padding:10px 14px 8px;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#8b7260;
  border-bottom:1px solid #ede3d4;
}
.tier-ref-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.tier-ref-table th{
  padding:8px 12px;
  text-align:left;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:#a08878;
  background:#fdf8f2;
  border-bottom:1px solid #ede3d4;
}
.tier-ref-table td{
  padding:10px 12px;
  border-bottom:1px solid #f0e8dc;
  vertical-align:middle;
}
.tier-ref-table tr:last-child td{
  border-bottom:none;
}
.tier-ref-table tr:hover td{
  background:#fdf5ec;
}
/* Highlight the currently selected tier row */
.tier-ref-row.selected td{
  background:#fff6ec;
  font-weight:700;
}
.tier-ref-dot{
  display:inline-block;
  width:10px;height:10px;
  border-radius:50%;
  margin-right:8px;
  vertical-align:middle;
  flex-shrink:0;
}
.tier-ref-num{
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  color:#5a4535;
}
.tier-ref-note{
  padding:8px 14px 10px;
  font-size:11px;
  color:#a08878;
  line-height:1.5;
  border-top:1px solid #ede3d4;
  background:#fdf8f2;
}

/* ============================================================
   PATCH: Hand raise button — definitive override
   ============================================================ */
.sku-tab{
  position:absolute !important;
  top:10px !important; right:10px !important;
  width:46px !important; height:46px !important;
  border-radius:999px !important;
  border:1.5px solid rgba(200,175,145,.45) !important;
  background:rgba(255,250,245,.52) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  color:rgba(90,65,45,.4) !important;
  display:flex !important;
  align-items:center !important; justify-content:center !important;
  font-size:20px !important; font-weight:400 !important;
  cursor:pointer !important; z-index:3 !important;
  transition:background .18s, color .18s, border-color .18s, transform .15s !important;
  padding:0 !important; line-height:1 !important;
  box-shadow:none !important;
}
.sku-tab:hover:not(.raised){
  background:rgba(212,138,54,.2) !important;
  color:rgba(140,90,43,.85) !important;
  border-color:rgba(212,138,54,.5) !important;
  transform:scale(1.08) !important;
}
.sku-tab.raised{
  background:#8c5a2b !important;
  color:#fff !important;
  border-color:#8c5a2b !important;
  font-size:20px !important; font-weight:400 !important;
  opacity:1 !important;
  box-shadow:0 2px 10px rgba(140,90,43,.4) !important;
}
.sku-tab.raised:hover{
  background:#a06830 !important;
  border-color:#a06830 !important;
  transform:scale(1.06) !important;
}

/* ============================================================
   PATCH: 3-stage pipeline bar
   ============================================================ */
.demand-bar-wrap{ display:none !important; }
.pipeline-bar{
  display:flex; align-items:stretch;
  margin:12px 0 6px; gap:0; width:100%;
}
.pipe-seg{
  position:relative; flex:1;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  padding:8px 4px 7px; border-radius:10px;
  background:#f0e8de; border:1px solid #e0d0be;
  overflow:hidden; min-width:0;
  transition:background .2s, border-color .2s;
}
.pipe-seg.active{ background:#fff6ec; border-color:#c47c3a; }
.pipe-seg.done{   background:#eef6ef; border-color:#b8d9c0; }
.pipe-seg.active:last-child,
.pipe-seg.done:last-child{ background:#e4f2e7; border-color:#4a7a3a; }
.pipe-inner-fill{
  position:absolute; left:0; top:0; bottom:0;
  background:rgba(196,124,58,.15);
  border-radius:10px 0 0 10px;
  transition:width .4s ease; z-index:0;
}
.pipe-icon{
  position:relative; z-index:1;
  font-size:14px; line-height:1; margin-bottom:3px;
}
.pipe-label{
  position:relative; z-index:1;
  font-size:10px; font-weight:800;
  text-transform:uppercase; letter-spacing:.05em;
  color:#8b7260; text-align:center; line-height:1.2;
}
.pipe-seg.active .pipe-label{ color:#7a4820; }
.pipe-seg.done .pipe-label{ color:#3a6a48; }
.pipe-seg.active:last-child .pipe-label,
.pipe-seg.done:last-child .pipe-label{ color:#2f6a3a; }
.pipe-sub{
  position:relative; z-index:1;
  font-size:9px; color:#c47c3a; font-weight:700;
  margin-top:2px; font-variant-numeric:tabular-nums;
}
.pipe-connector{
  width:10px; flex-shrink:0; height:2px;
  align-self:center; background:#e0d0be; margin:0 1px;
}
.pipe-connector.done{ background:#b8d9c0; }

/* ============================================================
   PATCH: Tier reference table
   ============================================================ */
.tier-ref-wrap{
  margin:14px 0 16px; border:1px solid #e8d9c5;
  border-radius:14px; overflow:hidden; background:#fffcf8;
}
.tier-ref-title{
  padding:10px 14px 8px; font-size:11px; font-weight:800;
  text-transform:uppercase; letter-spacing:.1em;
  color:#8b7260; border-bottom:1px solid #ede3d4;
}
.tier-ref-table{ width:100%; border-collapse:collapse; font-size:13px; }
.tier-ref-table th{
  padding:8px 12px; text-align:left; font-size:11px;
  font-weight:700; text-transform:uppercase; letter-spacing:.07em;
  color:#a08878; background:#fdf8f2; border-bottom:1px solid #ede3d4;
}
.tier-ref-table td{
  padding:10px 12px; border-bottom:1px solid #f0e8dc; vertical-align:middle;
}
.tier-ref-table tr:last-child td{ border-bottom:none; }
.tier-ref-table tr:hover td{ background:#fdf5ec; }
.tier-ref-dot{
  display:inline-block; width:10px; height:10px;
  border-radius:50%; margin-right:8px; vertical-align:middle;
}
.tier-ref-num{ font-variant-numeric:tabular-nums; white-space:nowrap; color:#5a4535; }
.tier-ref-note{
  padding:8px 14px 10px; font-size:11px; color:#a08878;
  line-height:1.5; border-top:1px solid #ede3d4; background:#fdf8f2;
}

/* ============================================================
   PATCH: Hand raise button
   ============================================================ */
.sku-tab{
  position:absolute !important; top:10px !important; right:10px !important;
  width:46px !important; height:46px !important; border-radius:999px !important;
  border:1.5px solid rgba(200,175,145,.45) !important;
  background:rgba(255,250,245,.52) !important;
  backdrop-filter:blur(4px) !important; -webkit-backdrop-filter:blur(4px) !important;
  color:rgba(90,65,45,.4) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-size:20px !important; font-weight:400 !important;
  cursor:pointer !important; z-index:3 !important;
  transition:background .18s,color .18s,border-color .18s,transform .15s !important;
  padding:0 !important; line-height:1 !important; box-shadow:none !important;
}
.sku-tab:hover:not(.raised){
  background:rgba(212,138,54,.2) !important; color:rgba(140,90,43,.85) !important;
  border-color:rgba(212,138,54,.5) !important; transform:scale(1.08) !important;
}
.sku-tab.raised{
  background:#8c5a2b !important; color:#fff !important;
  border-color:#8c5a2b !important; font-size:20px !important; font-weight:400 !important;
  opacity:1 !important; box-shadow:0 2px 10px rgba(140,90,43,.4) !important;
}
.sku-tab.raised:hover{
  background:#a06830 !important; border-color:#a06830 !important;
  transform:scale(1.06) !important;
}

/* ============================================================
   PATCH: 3-stage pipeline bar
   ============================================================ */
.demand-bar-wrap{ display:none !important; }
.pipeline-bar{
  display:flex; align-items:stretch; margin:12px 0 6px; gap:0; width:100%;
}
.pipe-seg{
  position:relative; flex:1; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  padding:8px 4px 7px; border-radius:10px;
  background:#f0e8de; border:1px solid #e0d0be;
  overflow:hidden; min-width:0; transition:background .2s,border-color .2s;
}
.pipe-seg.active{ background:#fff6ec; border-color:#c47c3a; }
.pipe-seg.done{   background:#eef6ef; border-color:#b8d9c0; }
.pipe-seg.active:last-child,.pipe-seg.done:last-child{ background:#e4f2e7; border-color:#4a7a3a; }
.pipe-inner-fill{
  position:absolute; left:0; top:0; bottom:0;
  background:rgba(196,124,58,.15); border-radius:10px 0 0 10px;
  transition:width .4s ease; z-index:0;
}
.pipe-icon{ position:relative; z-index:1; font-size:14px; line-height:1; margin-bottom:3px; }
.pipe-label{
  position:relative; z-index:1; font-size:10px; font-weight:800;
  text-transform:uppercase; letter-spacing:.05em; color:#8b7260;
  text-align:center; line-height:1.2;
}
.pipe-seg.active .pipe-label{ color:#7a4820; }
.pipe-seg.done .pipe-label{ color:#3a6a48; }
.pipe-seg.active:last-child .pipe-label,.pipe-seg.done:last-child .pipe-label{ color:#2f6a3a; }
.pipe-sub{
  position:relative; z-index:1; font-size:9px; color:#c47c3a;
  font-weight:700; margin-top:2px; font-variant-numeric:tabular-nums;
}
.pipe-connector{ width:10px; flex-shrink:0; height:2px; align-self:center; background:#e0d0be; margin:0 1px; }
.pipe-connector.done{ background:#b8d9c0; }

/* ============================================================
   PATCH: Tier reference table
   ============================================================ */
.tier-ref-wrap{ margin:14px 0 16px; border:1px solid #e8d9c5; border-radius:14px; overflow:hidden; background:#fffcf8; }
.tier-ref-title{ padding:10px 14px 8px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:#8b7260; border-bottom:1px solid #ede3d4; }
.tier-ref-table{ width:100%; border-collapse:collapse; font-size:13px; }
.tier-ref-table th{ padding:8px 12px; text-align:left; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:#a08878; background:#fdf8f2; border-bottom:1px solid #ede3d4; }
.tier-ref-table td{ padding:10px 12px; border-bottom:1px solid #f0e8dc; vertical-align:middle; }
.tier-ref-table tr:last-child td{ border-bottom:none; }
.tier-ref-table tr:hover td{ background:#fdf5ec; }
.tier-ref-dot{ display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:8px; vertical-align:middle; }
.tier-ref-num{ font-variant-numeric:tabular-nums; white-space:nowrap; color:#5a4535; }
.tier-ref-note{ padding:8px 14px 10px; font-size:11px; color:#a08878; line-height:1.5; border-top:1px solid #ede3d4; background:#fdf8f2; }

/* ============================================================
   PATCH: Pipeline bar — clearer color scheme
   All segments same neutral base. Active = solid amber.
   Building Demand = amber fill grows as demand increases.
   Done = solid green check. Inactive future = pale gray.
   ============================================================ */

/* Reset and override all pipe-seg styles */
.pipe-seg{
  background:#f0ece6 !important;
  border:2px solid #ddd0be !important;
  color:#8b7260 !important;
}
.pipe-seg .pipe-label{ color:#a09080 !important; font-weight:700 !important; }
.pipe-seg .pipe-icon{ opacity:.4 !important; }

/* ACTIVE stage — the one the item is currently in */
.pipe-seg.active{
  background:#fff8ee !important;
  border:2px solid #c47c3a !important;
  box-shadow:0 0 0 3px rgba(196,124,58,.12) !important;
}
.pipe-seg.active .pipe-label{ color:#7a4010 !important; font-weight:900 !important; }
.pipe-seg.active .pipe-icon{ opacity:1 !important; }

/* DONE stage — completed, clear green */
.pipe-seg.done{
  background:#edf7ef !important;
  border:2px solid #5a9a6a !important;
}
.pipe-seg.done .pipe-label{ color:#2a6a38 !important; font-weight:700 !important; }
.pipe-seg.done .pipe-icon{ opacity:1 !important; }

/* Live Review! active — green not amber */
.pipe-seg.active:last-child{
  background:#edf7ef !important;
  border:2px solid #4a8a5a !important;
  box-shadow:0 0 0 3px rgba(74,138,90,.14) !important;
}
.pipe-seg.active:last-child .pipe-label{ color:#1e5a2e !important; }

/* Inner fill — amber sweep across Building Demand */
.pipe-inner-fill{
  background:linear-gradient(90deg, rgba(196,124,58,.22), rgba(196,124,58,.12)) !important;
}

/* Connector lines */
.pipe-connector{ background:#ddd0be !important; }
.pipe-connector.done{ background:#5a9a6a !important; }

/* Tier ref discount column */
.tier-ref-discount{
  font-size:12px;
  font-weight:800;
  color:#7a4010;
  white-space:nowrap;
}
.tier-ref-discount a{
  color:#7a4010;
  text-decoration:underline;
  font-weight:700;
}

/* ============================================================
   PATCH B45: Pipeline bar — definitive clear color scheme
   ONE neutral gray base for all segments.
   Active = amber border + glow. Done = green. Future = gray.
   Building Demand inner fill sweeps amber with demand progress.
   ============================================================ */

/* Base reset — all segments identical neutral start */
.pipeline-bar .pipe-seg,
.pipeline-bar .pipe-seg.active,
.pipeline-bar .pipe-seg.done {
  background:#f4f0eb !important;
  border:2px solid #d8cfc4 !important;
  box-shadow:none !important;
}
.pipeline-bar .pipe-seg .pipe-label { color:#b0a090 !important; font-weight:600 !important; }
.pipeline-bar .pipe-seg .pipe-icon  { filter:grayscale(1); opacity:.35 !important; }

/* ── ACTIVE stage: amber glow, dark label ── */
.pipeline-bar .pipe-seg.active {
  background:#fffaf3 !important;
  border:2px solid #c47c3a !important;
  box-shadow:0 0 0 3px rgba(196,124,58,.15), inset 0 0 0 1px rgba(196,124,58,.1) !important;
}
.pipeline-bar .pipe-seg.active .pipe-label { color:#7a3a0a !important; font-weight:900 !important; }
.pipeline-bar .pipe-seg.active .pipe-icon  { filter:none; opacity:1 !important; }
.pipeline-bar .pipe-seg.active .pipe-sub   { color:#b05a18 !important; font-weight:800 !important; }

/* ── DONE stage: clear green ── */
.pipeline-bar .pipe-seg.done {
  background:#f0f9f2 !important;
  border:2px solid #5c9a6a !important;
  box-shadow:none !important;
}
.pipeline-bar .pipe-seg.done .pipe-label { color:#2a5e38 !important; font-weight:700 !important; }
.pipeline-bar .pipe-seg.done .pipe-icon  { filter:none; opacity:1 !important; }

/* ── Live Review! active — green not amber ── */
.pipeline-bar .pipe-seg.active:last-of-type,
.pipeline-bar .pipe-seg.done:last-of-type {
  background:#e8f5eb !important;
  border:2px solid #3a8a50 !important;
  box-shadow:0 0 0 3px rgba(58,138,80,.14) !important;
}
.pipeline-bar .pipe-seg.active:last-of-type .pipe-label,
.pipeline-bar .pipe-seg.done:last-of-type .pipe-label { color:#1a5228 !important; font-weight:900 !important; }

/* ── Inner fill: amber sweep on Building Demand ── */
.pipeline-bar .pipe-inner-fill {
  background:linear-gradient(90deg,rgba(196,124,58,.28) 0%,rgba(196,124,58,.10) 100%) !important;
  border-right:2px solid rgba(196,124,58,.4) !important;
}

/* ── Connectors ── */
.pipeline-bar .pipe-connector       { background:#d0c8be !important; width:8px !important; }
.pipeline-bar .pipe-connector.done  { background:#5c9a6a !important; }

/* ── Tier ref discount column ── */
.tier-ref-discount { font-size:12px; font-weight:800; color:#7a3a0a; white-space:nowrap; }
.tier-ref-discount a { color:#7a3a0a; text-decoration:underline; }

/* ── Hamburger mobile nav (shared) ── */
.nav-hamburger{display:none;background:none;border:2px solid rgba(255,255,255,.22);border-radius:9px;padding:0;cursor:pointer;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0}
.nav-hamburger span{display:block;width:18px;height:2px;background:#dcc8b1;border-radius:2px;transition:all .25s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:680px){
  .nav-hamburger{display:flex}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(23,18,15,.98);padding:12px 16px 16px;flex-direction:column;gap:6px;border-bottom:1px solid rgba(255,255,255,.07);z-index:200}
  .nav-links.nav-open{display:flex}
  .nav-links a{width:100%;border-radius:10px}
  nav{position:fixed}
}