/* 77859 Designs look inside the vinyl builders (sticker, banner, sign): the
   same maroon, cream and type as Shop Desk's customer pages and 77859designs.com.
   Visual layer only, linked from each builder's <head> on every host (Oct 27). Every rule starts with `html` so it outranks the builder's
   own styles without !important. No markup, pricing, checkout or production
   file changes; previews, cut lines and warnings keep their colours. */
:root{
  --sd-bg:#f3efe9; --sd-surface:#ffffff; --sd-surface-2:#faf7f3; --sd-surface-3:#efe9e2;
  --sd-ink:#15181d; --sd-muted:#5b616b; --sd-faint:#8b9098; --sd-line:#e5ded6; --sd-line-strong:#d2c8bd;
  --sd-accent:#7a1f35; --sd-accent-ink:#ffffff; --sd-accent-soft:#f5e8ec;
  --sd-display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --sd-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --sd-shadow:0 1px 2px rgba(20,22,26,.05),0 10px 28px rgba(20,22,26,.07);
  --bg:var(--sd-bg); --card:var(--sd-surface); --ink:var(--sd-ink); --muted:var(--sd-muted); --line:var(--sd-line); --accent:var(--sd-accent); --soft:var(--sd-surface-2);
}
html body{font-family:var(--sd-body);background:var(--sd-bg);color:var(--sd-ink);-webkit-font-smoothing:antialiased}
html h1,html h2{font-family:var(--sd-display);font-stretch:108%;font-weight:800;letter-spacing:-.01em}
html h3{font-family:var(--sd-display);font-stretch:105%;font-weight:750}

/* Top bar: light, like Operations */
html .topbar{background:var(--sd-surface);color:var(--sd-ink);border-bottom:1px solid var(--sd-line)}
html .brand{font-family:var(--sd-display);font-stretch:112%;font-weight:850;font-size:18px}
html .brand small{color:var(--sd-muted);font-family:var(--sd-body);font-stretch:100%;font-weight:500}
html .topbarActions button,html .tabs button{background:var(--sd-surface);color:var(--sd-ink);border:1px solid var(--sd-line-strong);border-radius:10px;font-weight:600}
html .topbarActions #saveProjectBtn,html .tabs button.active{background:var(--sd-accent);color:var(--sd-accent-ink);border-color:var(--sd-accent)}

/* Cards and choices */
html .card{border-color:var(--sd-line);border-radius:16px;box-shadow:none}
html .option{border-color:var(--sd-line-strong);border-radius:10px}
html .option.active{background:var(--sd-accent);color:var(--sd-accent-ink);border-color:var(--sd-accent)}
html .field input,html .field select{border-color:var(--sd-line-strong);border-radius:10px}
html .field input:focus,html .field select:focus{outline:2px solid var(--sd-accent);outline-offset:1px}
html .upload{border-color:var(--sd-line-strong);background:var(--sd-surface-2)}
html .quickBtns button{border-color:var(--sd-line-strong)}
html .quickBtns button.active{background:var(--sd-accent);color:var(--sd-accent-ink);border-color:var(--sd-accent)}

/* Price and checkout */
html .price{font-family:var(--sd-display);font-stretch:100%;font-weight:800;color:var(--sd-accent)}
html .cta,html .checkoutBtn,html .designActions button.primaryMini{background:var(--sd-accent);color:var(--sd-accent-ink);border-color:var(--sd-accent)}
html .cta:hover:not(:disabled),html .checkoutBtn:hover:not(:disabled){filter:brightness(1.12)}
html .secondaryAction{color:var(--sd-ink)!important;border-color:var(--sd-line-strong)!important}

/* Saved designs */
html .designCard{border-color:var(--sd-line);border-radius:12px}
html .designCard.editing{border-color:var(--sd-accent);box-shadow:0 0 0 1px var(--sd-accent)}
html .designActions button{border-color:var(--sd-line-strong)}
html .workspaceNote{background:var(--sd-surface-2)}
html .adminToggleCard{border-color:var(--sd-line)}

/* Banner and sign builders */
html .top{background:var(--sd-surface);color:var(--sd-ink);border-bottom:1px solid var(--sd-line)}
html .top strong{font-family:var(--sd-display);font-stretch:112%;font-weight:850}
html .top small{color:var(--sd-muted)}
html .panel,html .workspace,html .options-card{border-color:var(--sd-line)}
html .label{color:var(--sd-accent);font-weight:700;letter-spacing:.08em}
html .field{border-color:var(--sd-line-strong);border-radius:10px}
html .btn{border-color:var(--sd-line-strong);border-radius:10px;font-weight:600}
html .btn.primary,html .btn.active,html .toolbtn.active{background:var(--sd-accent);color:var(--sd-accent-ink);border-color:var(--sd-accent)}
html .toolbtn{border-color:var(--sd-line-strong)}
html .toolbar,html .statusbar{background:var(--sd-surface);border-color:var(--sd-line)}
html .stage-wrap{background-color:var(--sd-surface-3)}
html .section{border-color:var(--sd-line)}

/* Sticker builder top bar sits under the site's 77859 header: no second logo,
   no "Customer Builder" tag (it was a label, not a control). */
html .topbar .brand{display:none}
html .topbar{justify-content:flex-end}
html .topbarActions .customerBadge{display:none}
html input[type=radio],html input[type=checkbox],html input[type=range]{accent-color:var(--sd-accent)}
html .stepbar span.active{background:var(--sd-accent);color:var(--sd-accent-ink)}