:root{
  --bg:#f5f7fa; --card:#ffffff;
  --card-partial:#fff8d6; --card-complete:#d6f5e1;
  --border:#e2e6ee; --border-partial:#f0c850; --border-complete:#5dbf83;
  --text:#1c2330; --muted:#6b7385; --accent:#3a78f0;
  --shadow:0 1px 3px rgba(20,30,50,.06);
  --v-dead-bg:#ffd9d9; --v-dead-fg:#a13030;
  --v-slow-bg:#ffe2c4; --v-slow-fg:#a35a14;
  --v-steady-bg:#fff3c4; --v-steady-fg:#7a5e0a;
  --v-strong-bg:#d6f5d6; --v-strong-fg:#2a7a2a;
  --v-hero-bg:#e6d6ff;  --v-hero-fg:#5b2da3;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.4}

header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1px 4px rgba(0,0,0,.04)}
.hwrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 18px}
.title{font-size:17px;font-weight:700}
.title em{font-style:normal;color:var(--accent);font-weight:600;font-size:12px;margin-left:6px}
.spacer{flex:1}
.stat{background:#f4f6fa;padding:5px 10px;border-radius:8px;font-size:12px;color:var(--muted)}
.stat b{color:var(--text);font-weight:700}
button,select,input{font-family:inherit}
button{background:#fff;color:var(--text);border:1px solid var(--border);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:13px}
button:hover{background:#f4f6fa;border-color:#cfd5e0}
button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
button.primary:hover{background:#2c63d6}
input,select{background:#fff;color:var(--text);border:1px solid var(--border);padding:6px 10px;border-radius:8px;font-size:13px;outline:none}
input:focus,select:focus{border-color:var(--accent)}

.progBlock{padding:8px 18px 10px;background:#fcfcfd;border-top:1px solid #eef0f4;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.progLabel{font-size:13px;font-weight:700}
.progSubs{font-size:11px;color:var(--muted);display:flex;gap:14px}
.progSubs b{color:var(--text)}
.progBar{flex:1;min-width:280px;height:14px;background:#e9ecf2;border-radius:8px;overflow:hidden;position:relative;border:1px solid #d8dce6}
.progBar .progFillDone{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#3ec76d,#2ba85a);transition:width .25s}
.progBar .progFillPart{position:absolute;top:0;height:100%;background:#f5c542;opacity:.85;transition:width .25s}
.progBar .progPctTxt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.4)}

.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:0 18px 8px;font-size:12px;color:var(--muted)}
.note{font-size:11px;color:var(--muted)}

.cohortBar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:8px 18px;background:#eef5ff;border-top:1px solid #cdd9ee;border-bottom:1px solid #cdd9ee}
.cohortLbl{font-size:11px;color:#2747a0;font-weight:700}
.cohortStats{font-size:11px;color:#444;background:#fff;padding:3px 8px;border-radius:6px;border:1px solid #cdd9ee}
.cohortBtn{font-size:12px;padding:5px 10px;background:#fff;border:1px solid #b9cdee;color:#2747a0;border-radius:6px;cursor:pointer}
.cohortBtn:hover{background:#dde6f8}
.cohortBtn.ghost{background:transparent;border-color:#aab2bf;color:#555}
.qsBar{display:inline-flex;align-items:center;gap:6px;margin-left:10px;flex-wrap:wrap}
.qsLabel{font-size:12px;color:var(--muted);font-weight:600}
.qsortBtn.on{background:#2563eb;color:#fff;border-color:#2563eb}

.pageStrip{display:flex;gap:4px;flex-wrap:wrap;padding:8px 18px;background:#fcfcfd;border-top:1px solid #eef0f4;border-bottom:1px solid var(--border);align-items:center}
.pageStrip .pLbl{font-size:11px;color:var(--muted);font-weight:600;margin-right:4px}
.pageStrip .pBtn{padding:4px 9px;font-size:12px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer;color:var(--text);position:relative}
.pageStrip .pBtn:hover{background:#eef3fb;border-color:#bcccea}
.pageStrip .pBtn.active{background:var(--accent);border-color:var(--accent);color:#fff}

main{padding:18px;max-width:1500px;margin:0 auto}

.card{background:var(--card);border:2px solid var(--border);border-radius:14px;padding:14px;margin-bottom:14px;display:grid;grid-template-columns:400px 1fr;gap:16px;box-shadow:var(--shadow);transition:background .15s,border-color .15s}
.card.partial{background:var(--card-partial);border-color:var(--border-partial)}
.card.complete{background:var(--card-complete);border-color:var(--border-complete)}
.card.no-image .imgwrap{background:#f3f4f7;color:var(--muted);font-size:10px;text-align:center;padding:10px}
.card.defer{opacity:.97}
.card.defer .imgwrap{filter:saturate(.88)}

.imgcol{display:flex;flex-direction:column;gap:6px}
.imgwrap{width:400px;height:560px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e2e6ee;display:flex;align-items:center;justify-content:center;cursor:zoom-in;position:relative}
.imgwrap img{width:100%;height:100%;object-fit:contain;display:block}
.imgdots{display:flex;justify-content:center;gap:5px;height:8px}
.imgdots span{width:6px;height:6px;border-radius:50%;background:#cbd0db;cursor:pointer}
.imgdots span.on{background:var(--accent)}
.zoomHint{font-size:9px;color:var(--muted);text-align:center}

.body{display:flex;flex-direction:column;gap:8px;min-width:0}
.head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.numBadge{background:#b9bfcc;color:#fff;font-weight:700;font-size:12px;padding:3px 8px;border-radius:6px;min-width:42px;text-align:center}
.card.partial .numBadge{background:#e9b338}
.card.complete .numBadge{background:#3a9c5d}
.codeTxt{font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:700}
.rgYr{font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:700;background:#eef6e9;border:1px solid #cfe3c4;color:#3a7a40;padding:2px 6px;border-radius:5px}
.pillTag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.6}
.pillTag.brand{background:#dfe7ff;color:#2747a0}
.pillTag.category{background:#d8f1e2;color:#1f7a4a}
.pillTag.vel-dead{background:var(--v-dead-bg);color:var(--v-dead-fg)}
.pillTag.vel-slow{background:var(--v-slow-bg);color:var(--v-slow-fg)}
.pillTag.vel-steady{background:var(--v-steady-bg);color:var(--v-steady-fg)}
.pillTag.vel-strong{background:var(--v-strong-bg);color:var(--v-strong-fg)}
.pillTag.vel-hero{background:var(--v-hero-bg);color:var(--v-hero-fg)}
.pillTag.stock{background:#eef0f5;color:#4a5566}
.pillTag.defer{background:#fff2c4;color:#7a5a00;border:1px solid #e9d287}
.pillTag.reviewed{background:#d6f5e1;color:#1d6b3b;border:1px solid #5dbf83;cursor:pointer}
.pillTag.needsreview{background:#fff;color:#a13030;border:1px solid #e2a8a8;cursor:pointer}
.priceTxt{font-size:12px;color:var(--muted);font-weight:600}
.sameBtn{margin-left:auto;font-size:12px;padding:5px 10px;border:1px solid #b6dfc6;background:#eaf8ef;color:#2a7a3f;border-radius:8px;cursor:pointer}
.sameBtn:hover{background:#dcf2e3}
.skuLine{font-size:11px;color:var(--muted);line-height:1.3}
.skuLine .prevHint{color:#a0a8b8;margin-left:6px}

.catSection{display:flex;flex-direction:column;gap:4px}
.catHead{display:flex;align-items:center;gap:8px}
.catLabel{font-size:11px;font-weight:700;color:#414856;letter-spacing:.4px}
.multiHint{font-size:9px;color:#ff7a3c;font-weight:700;background:#ffeede;padding:1px 5px;border-radius:8px;margin-left:4px;letter-spacing:.5px}
.renameToggle{margin-left:auto;font-size:10px;color:var(--accent);background:none;border:none;cursor:pointer;padding:0}
.renameToggle:hover{text-decoration:underline}
.pills{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.opt{display:inline-flex;align-items:center;padding:3px 9px;border-radius:12px;background:#f3f5fa;color:var(--text);font-size:12px;cursor:pointer;border:1px solid transparent;user-select:none;transition:all .08s;white-space:nowrap}
.opt:hover{background:#e6ebf3}
.cat1 .opt.sel{background:#3a78f0;color:#fff}
.cat2 .opt.sel{background:#ff7a3c;color:#fff}
.cat3 .opt.sel{background:#9b59f0;color:#fff}
.cat4 .opt.sel{background:#28b48a;color:#fff}
.opt.seed{background:#e2eafe;border-color:#bccef5}
.cat2 .opt.seed{background:#ffe2ce;border-color:#f3c39c}
.cat3 .opt.seed{background:#ebd5ff;border-color:#cea4ed}
.cat4 .opt.seed{background:#d2f1e6;border-color:#9ddcc1}
.opt.add{background:#eef5ff;color:var(--accent);font-style:italic;border:1px dashed #b9cdee}
.opt.clear{background:#fdecec;color:#c03a3a;border:1px dashed #f0bcbc}
.catSection.editing .opt:not(.add):not(.clear){border:1px dashed #c5c9d4}
.cat4toggle{font-size:11px;color:var(--accent);background:none;border:1px dashed #b9cdee;padding:3px 8px;border-radius:6px;cursor:pointer;align-self:flex-start;margin-top:2px}
.cat4toggle:hover{background:#eef5ff}
.cat4Section.hidden{display:none}

.notes{display:flex;align-items:center;gap:8px;margin-top:2px}
.notes input{flex:1;font-size:12px;padding:5px 9px;background:#fff;border:1px solid var(--border)}

.pager{display:flex;justify-content:center;align-items:center;gap:6px;margin:20px 0;flex-wrap:wrap}
.pager button{min-width:36px;padding:5px 10px}
.pager .pageNum{padding:5px 10px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer;font-size:12px}
.pager .pageNum.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.pager .pageinfo{color:var(--muted);font-size:12px;margin-right:8px}

.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:200;cursor:zoom-out}
.modal-bg.show{display:flex}
.modal-bg img{max-width:92vw;max-height:92vh;object-fit:contain}
.toast{position:fixed;bottom:18px;right:18px;background:#1f2530;color:#fff;padding:10px 16px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.25);font-size:12px;opacity:0;transform:translateY(8px);transition:.25s;z-index:100}
.toast.show{opacity:1;transform:translateY(0)}

/* MULTI-COLUMN GRID LAYOUT */
.cards-grid-2, .cards-grid-3, .cards-grid-4 { display: grid; gap: 14px; }
.cards-grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.cards-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.cards-grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }

/* In grid mode, switch card to vertical layout — image on top, body below */
.cards-grid-2 .card, .cards-grid-3 .card, .cards-grid-4 .card {
  grid-template-columns: 1fr;
  margin-bottom: 0;
  padding: 10px;
  gap: 8px;
}
.cards-grid-2 .imgcol, .cards-grid-3 .imgcol, .cards-grid-4 .imgcol {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.cards-grid-2 .imgwrap, .cards-grid-3 .imgwrap, .cards-grid-4 .imgwrap {
  width: 100%;
  height: 220px;
}
.cards-grid-3 .imgwrap { height: 200px; }
.cards-grid-4 .imgwrap { height: 160px; }
.cards-grid-2 .zoomHint, .cards-grid-3 .zoomHint, .cards-grid-4 .zoomHint { display: none; }
.cards-grid-2 .imgdots, .cards-grid-3 .imgdots, .cards-grid-4 .imgdots {
  position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%);
  background: rgba(0,0,0,.35); padding: 2px 6px; border-radius: 10px;
}
.cards-grid-2 .imgdots span, .cards-grid-3 .imgdots span, .cards-grid-4 .imgdots span { background: #fff }
.cards-grid-2 .imgdots span.on, .cards-grid-3 .imgdots span.on, .cards-grid-4 .imgdots span.on { background: var(--accent) }

/* Compress the body in grid mode */
.cards-grid-2 .head, .cards-grid-3 .head, .cards-grid-4 .head {
  font-size: 11px; gap: 4px;
}
.cards-grid-2 .head .pillTag, .cards-grid-3 .head .pillTag, .cards-grid-4 .head .pillTag { font-size: 10px; padding: 1px 6px }
.cards-grid-2 .codeTxt, .cards-grid-3 .codeTxt, .cards-grid-4 .codeTxt { font-size: 12px }
.cards-grid-2 .skuLine, .cards-grid-3 .skuLine, .cards-grid-4 .skuLine { font-size: 10px; max-height: 26px; overflow: hidden }
.cards-grid-2 .catRow, .cards-grid-3 .catRow, .cards-grid-4 .catRow { font-size: 11px }
.cards-grid-2 .catLabel, .cards-grid-3 .catLabel, .cards-grid-4 .catLabel { font-size: 10px }
.cards-grid-2 .opt, .cards-grid-3 .opt, .cards-grid-4 .opt {
  font-size: 11px; padding: 2px 7px;
}
.cards-grid-3 .opt, .cards-grid-4 .opt { font-size: 10px; padding: 1px 6px }
.cards-grid-2 .sameBtn, .cards-grid-3 .sameBtn, .cards-grid-4 .sameBtn { font-size: 10px; padding: 3px 7px }
.cards-grid-2 .cat4toggle, .cards-grid-3 .cat4toggle, .cards-grid-4 .cat4toggle { font-size: 10px; padding: 2px 6px }
.cards-grid-2 .notes input, .cards-grid-3 .notes input, .cards-grid-4 .notes input { font-size: 11px; padding: 3px 7px }

/* In dense grid (3+/row), hide the "all pills" by default; show only selected — use a "compact" toggle on the section */
.cards-grid-3 .catSection .opt:not(.sel):not(.add):not(.clear),
.cards-grid-4 .catSection .opt:not(.sel):not(.add):not(.clear) {
  display: none;
}
.cards-grid-3 .catSection.expanded .opt,
.cards-grid-4 .catSection.expanded .opt { display: inline-flex; }
.cards-grid-3 .catSection .pills::after,
.cards-grid-4 .catSection .pills::after {
  content: "tap label to expand options";
  font-size: 9px; color: var(--muted); font-style: italic;
}
.cards-grid-3 .catSection.expanded .pills::after,
.cards-grid-4 .catSection.expanded .pills::after { content: "" }
.cards-grid-3 .catLabel, .cards-grid-4 .catLabel { cursor: pointer }
.cards-grid-3 .catLabel:hover, .cards-grid-4 .catLabel:hover { text-decoration: underline }

/* STATE COLOUR TOGGLES (white/yellow/green) */
.stateToggles { display: inline-flex; gap: 4px; }
.stateBtn {
  font-size: 11px; padding: 4px 9px; border-radius: 14px;
  border: 1.5px solid #d0d4dc; background: #fff; cursor: pointer;
  opacity: 0.45; transition: opacity .12s, background .12s, border-color .12s;
}
.stateBtn:hover { opacity: 0.7 }
.stateBtn.on { opacity: 1 }
.stateBtn.st-white.on  { background: #ffffff; border-color: #aab2c0; color: #444 }
.stateBtn.st-yellow.on { background: #fff8d6; border-color: #f0c850; color: #7a5e0a }
.stateBtn.st-green.on  { background: #d6f5e1; border-color: #5dbf83; color: #1d6b3b }

/* PROMINENT VISIBLE COUNT HIGHLIGHT (above page strip) */
.visibleHighlight {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 18px;
  background: linear-gradient(90deg, #eaf3ff, #f2faf5);
  border-top: 1px solid #cdd9ee; border-bottom: 1px solid #cdd9ee;
}
.visibleHighlight .vhBig {
  font-size: 22px; font-weight: 800; color: #1e3a7d; letter-spacing: 0.3px;
}
.visibleHighlight .vhSmall {
  font-size: 12px; color: var(--muted); font-weight: 500;
}
.visibleHighlight .vhChip {
  font-size: 11px; padding: 3px 9px; border-radius: 10px; font-weight: 700;
  border: 1.5px solid;
}
.visibleHighlight .vhWhite  { background:#ffffff; border-color:#aab2c0; color:#3a4250 }
.visibleHighlight .vhYellow { background:#fff8d6; border-color:#f0c850; color:#7a5e0a }
.visibleHighlight .vhGreen  { background:#d6f5e1; border-color:#5dbf83; color:#1d6b3b }

/* Only the cohort + highlight + page strip stays pinned — title/progress/filters scroll away */
header { position: static !important; }
.stickyTools {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  box-shadow: 0 2px 6px rgba(20,30,50,.07);
  border-bottom: 1px solid var(--border);
}

/* ROS (rate of sale) per-store table */
.rosTable { width: auto; border-collapse: collapse; font-size: 11px; margin-top: 2px }
.rosTable th, .rosTable td { padding: 2px 8px; text-align: center; border: 1px solid #e2e6ee }
.rosTable th { background: #f4f6fa; color: #414856; font-weight: 700 }
.rosTable .rosRowLbl { background: #fafbfd; font-weight: 700; color: #6b7385; text-align: right }
.rosTable .rosBegur { background: #fff8e1; color: #7a5a00 }
.rosTable .rosTotal { background: #eaf3ff; color: #1e3a7d; font-weight: 700 }
.rosTable .rosSt-hi { background: #d6f5e1; color: #1d6b3b; font-weight: 700 }
.rosTable .rosSt-mid { background: #fff8d6; color: #7a5e0a }
.rosTable .rosSt-lo { background: #ffeaea; color: #a13030 }
.rosBlock { display: flex; gap: 12px; align-items: flex-start; flex-wrap: wrap; margin: 2px 0 4px }
.rosNote { font-size: 10px; color: var(--muted) }
.rosBlock .rosKey { font-size: 11px; color: #1e3a7d; font-weight: 700; padding: 3px 8px; background: #eaf3ff; border-radius: 6px }

/* Only the page strip is pinned; everything else (title, progress, filters, cohort bar, highlight) scrolls away */
.stickyTools { position: static !important; box-shadow: none !important; border-bottom: 1px solid var(--border) !important; }
.pageStrip {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fcfcfd;
  box-shadow: 0 2px 6px rgba(20,30,50,.07);
}

/* SELLER RIBBON - top-right of card header */
.sellRibbon {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 0 8px 0 8px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.3px;
  margin-left: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.sellRibbon.sellHi  { background: linear-gradient(135deg, #3ec76d, #2ba85a); color: #fff }
.sellRibbon.sellMid { background: linear-gradient(135deg, #f5c542, #d99e2a); color: #5b3c00 }
.sellRibbon.sellLo  { background: linear-gradient(135deg, #ff9a9a, #e25858); color: #fff }
.sellRibbon.sellNone{ background: #e2e6ee; color: #6b7385 }

/* SELLER TIER TOGGLES (filter bar) */
.sellerToggles { display: inline-flex; gap: 4px; }
.sellerBtn {
  font-size: 11px; padding: 4px 9px; border-radius: 14px;
  border: 1.5px solid #d0d4dc; background: #fff; cursor: pointer;
  opacity: 0.45; transition: opacity .12s, background .12s, border-color .12s;
}
.sellerBtn:hover { opacity: 0.7 }
.sellerBtn.on { opacity: 1 }
.sellerBtn.sellHi.on  { background: #d6f5e1; border-color: #5dbf83; color: #1d6b3b }
.sellerBtn.sellMid.on { background: #fff8d6; border-color: #f0c850; color: #7a5e0a }
.sellerBtn.sellLo.on  { background: #ffeaea; border-color: #e25858; color: #a13030 }
.sellerBtn.sellNone.on{ background: #e2e6ee; border-color: #aab2c0; color: #4a5566 }

/* ===== Excel-style multi-select filters (msel.js) ===== */
.msel{position:relative;display:inline-block;vertical-align:middle}
.msel-btn{background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--text);
  padding:6px 24px 6px 10px;font-size:13px;cursor:pointer;max-width:230px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;position:relative;font-family:inherit}
.msel-btn::after{content:"\25BE";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:10px}
.msel-btn:hover{border-color:var(--accent)}
.msel-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:200;background:#fff;
  border:1px solid var(--border);border-radius:9px;padding:7px;min-width:210px;
  box-shadow:0 8px 26px rgba(20,30,50,.18);display:none}
.msel.open .msel-pop{display:block}
.msel-search{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:6px;
  padding:6px 8px;font-size:12px;margin-bottom:6px;outline:none;font-family:inherit}
.msel-search:focus{border-color:var(--accent)}
.msel-list{max-height:280px;overflow-y:auto}
.msel-item{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:5px;cursor:pointer;
  font-size:13px;color:var(--text);white-space:nowrap}
.msel-item:hover{background:#eef2fb}
.msel-item.bold{font-weight:600;border-bottom:1px solid var(--border);border-radius:0;margin-bottom:3px;padding-bottom:7px}
.msel-item input{accent-color:var(--accent);margin:0;cursor:pointer}

/* ── Bulk range-fill ───────────────────────────────────────────── */
.rangeFillBtn.on{background:#1769ff;color:#fff;border-color:#1769ff;box-shadow:0 0 0 2px #bcd5ff}
.rangeChk{display:none}
body.rangeMode .rangeChk{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;
  color:#1769ff;background:#eaf2ff;border:1px solid #1769ff;border-radius:7px;padding:3px 9px;cursor:pointer;margin-left:8px}
body.rangeMode .rangeChk:hover{background:#dcebff}
body.rangeMode .rangeChk input{accent-color:#1769ff;width:15px;height:15px;cursor:pointer;margin:0}
body.rangeMode .card.rangeAnchor{position:relative;box-shadow:0 0 0 3px #1769ff inset;border-radius:11px}
body.rangeMode .card.rangeAnchor::after{content:"⚓ anchor — its tags get copied down";position:absolute;
  top:6px;right:10px;background:#1769ff;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;z-index:5}

/* ── Auto-save button ──────────────────────────────────────────── */
#autoSaveBtn{margin-left:4px}
#autoSaveBtn.on{background:#1f9d4d;color:#fff;border-color:#1f9d4d}