.vinyl-app{
  --bg: #f6f1e8;
  --paper: #fffdf9;
  --ink: #26211c;
  --muted: #6e655d;
  --line: #ded2c3;
  --brown: #6f4e37;
  --brown-dark: #4e3526;
  --sand: #e9dfd1;
  --soft: #f0e8dd;
  --shadow: 0 16px 45px rgba(61, 45, 32, 0.1);
}

.vinyl-app *{ box-sizing: border-box; }
.vinyl-app{ background: var(--bg); }
.vinyl-app{
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.45;
}
.vinyl-app a{ color: inherit; text-decoration: none; }
.vinyl-app button, .vinyl-app input, .vinyl-app select{ font: inherit; }

.vinyl-app .site-header{
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(255, 253, 249, 0.95);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}
.vinyl-app .header-inner{
  width: min(1180px, calc(100% - 36px));
  min-height: 72px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.vinyl-app .brand{ display: flex; align-items: center; gap: 14px; min-width: 0; }
.vinyl-app .brand-logo{ width: 112px; height: auto; display: block; }
.vinyl-app .brand-divider{ width: 1px; height: 34px; background: var(--line); }
.vinyl-app .brand-copy{ display: grid; gap: 1px; }
.vinyl-app .brand-copy strong{ font-size: 16px; letter-spacing: .01em; }
.vinyl-app .brand-copy small{ color: var(--muted); font-size: 11px; }
.vinyl-app .top-nav{ display: flex; align-items: center; gap: 6px; }
.vinyl-app .top-nav a{ padding: 10px 12px; border-radius: 8px; color: var(--muted); font-weight: 700; font-size: 14px; }
.vinyl-app .top-nav a:hover{ background: var(--soft); color: var(--ink); }

.vinyl-app .hero{
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
  padding: 72px 0 42px;
  max-width: 820px;
  text-align: center;
}
.vinyl-app .eyebrow{ color: var(--brown); letter-spacing: .14em; font-weight: 800; font-size: 11px; }
.vinyl-app .hero h1, .vinyl-app .utility-card h1, .vinyl-app .builder-sidebar h1{ margin: 10px 0 12px; line-height: 1.03; }
.vinyl-app .hero h1{ font-size: clamp(38px, 6vw, 64px); letter-spacing: -.035em; }
.vinyl-app .hero p{ color: var(--muted); font-size: 18px; margin: 0 auto; max-width: 720px; }

.vinyl-app .content-section{ width: min(1180px, calc(100% - 36px)); margin: 0 auto; padding: 24px 0 56px; }
.vinyl-app .section-heading{ display: flex; justify-content: space-between; gap: 36px; align-items: end; margin-bottom: 22px; }
.vinyl-app .section-heading h2{ margin: 5px 0 0; font-size: 30px; }
.vinyl-app .section-heading > p{ max-width: 460px; margin: 0; color: var(--muted); text-align: right; }
.vinyl-app .product-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.vinyl-app .product-card{
  min-height: 248px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 15px rgba(61,45,32,.045);
}
.vinyl-app .product-card:hover{ box-shadow: var(--shadow); transform: translateY(-1px); }
.vinyl-app .product-card.is-coming{ opacity: .72; box-shadow: none; }
.vinyl-app .product-icon{ width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; background: var(--sand); color: var(--brown-dark); font-size: 24px; margin-bottom: 18px; }
.vinyl-app .product-card-copy{ flex: 1; }
.vinyl-app .product-title-row{ display: flex; gap: 12px; justify-content: space-between; align-items: center; }
.vinyl-app .product-card h3{ font-size: 22px; margin: 0; }
.vinyl-app .product-card p{ color: var(--muted); margin: 9px 0 22px; }
.vinyl-app .status-pill{ white-space: nowrap; background: var(--soft); border: 1px solid var(--line); color: var(--muted); padding: 5px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.vinyl-app .card-action{ color: var(--brown-dark); font-weight: 800; font-size: 14px; }
.vinyl-app .card-action.muted{ color: var(--muted); }

.vinyl-app .workflow-band{
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto 64px;
  padding: 26px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  border: 1px solid var(--line);
  background: var(--sand);
  border-radius: 18px;
}
.vinyl-app .workflow-band > div{ display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; }
.vinyl-app .step-number{ grid-row: 1 / 3; width: 34px; height: 34px; border-radius: 50%; background: var(--brown-dark); color: white; display: grid; place-items: center; font-weight: 800; }
.vinyl-app .workflow-band strong{ align-self: end; }
.vinyl-app .workflow-band p{ margin: 2px 0 0; color: var(--muted); font-size: 13px; }

.vinyl-app .builder-page{ width: min(1260px, calc(100% - 32px)); margin: 0 auto; padding: 22px 0 64px; }
.vinyl-app .builder-topline{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.vinyl-app .back-link{ color: var(--muted); font-weight: 700; font-size: 13px; }
.vinyl-app .shell-label{ background: var(--sand); border: 1px solid var(--line); color: var(--muted); padding: 6px 9px; border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.vinyl-app .builder-shell{ display: grid; grid-template-columns: 300px minmax(0, 1fr); min-height: 660px; border: 1px solid var(--line); background: var(--paper); border-radius: 18px; overflow: hidden; box-shadow: var(--shadow); }
.vinyl-app .builder-shell.centered-shell{ display: block; min-height: auto; padding: 64px; text-align: center; max-width: 720px; margin: 64px auto; }
.vinyl-app .builder-sidebar{ padding: 30px; border-right: 1px solid var(--line); background: #faf6f0; }
.vinyl-app .builder-badge{ display: inline-block; background: var(--brown-dark); color: white; padding: 6px 9px; border-radius: 7px; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.vinyl-app .builder-sidebar h1{ font-size: 32px; }
.vinyl-app .builder-sidebar > p, .vinyl-app .centered-shell > p{ color: var(--muted); }
.vinyl-app .sidebar-note{ margin-top: 34px; border-top: 1px solid var(--line); padding-top: 18px; display: grid; gap: 6px; }
.vinyl-app .sidebar-note strong{ font-size: 13px; }
.vinyl-app .sidebar-note span{ color: var(--muted); font-size: 12px; }
.vinyl-app .workspace-placeholder{ padding: 28px; background: #eee8df; }
.vinyl-app .workspace-frame{ height: 100%; min-height: 585px; border: 1px solid #d0c2b2; border-radius: 12px; background: white; overflow: hidden; display: flex; flex-direction: column; }
.vinyl-app .workspace-toolbar{ height: 44px; border-bottom: 1px solid var(--line); background: #fbfaf8; display: flex; align-items: center; gap: 7px; padding: 0 13px; color: var(--muted); font-size: 12px; }
.vinyl-app .workspace-toolbar span{ width: 8px; height: 8px; border-radius: 50%; background: #c7b9a9; }
.vinyl-app .workspace-toolbar div{ margin-left: 5px; }
.vinyl-app .workspace-empty{ flex: 1; display: grid; place-items: center; align-content: center; text-align: center; padding: 40px; }
.vinyl-app .upload-symbol{ width: 64px; height: 64px; border: 2px dashed #b8a693; color: #8c725d; border-radius: 15px; display: grid; place-items: center; font-size: 32px; }
.vinyl-app .workspace-empty h2{ margin: 18px 0 6px; }
.vinyl-app .workspace-empty p{ max-width: 560px; margin: 0 0 22px; color: var(--muted); }
.vinyl-app .workspace-empty button{ border: 0; border-radius: 9px; padding: 12px 16px; background: #d8cec2; color: #7c7369; font-weight: 800; }
.vinyl-app .primary-button{ display: inline-block; margin-top: 18px; padding: 12px 16px; background: var(--brown-dark); color: white; border-radius: 9px; font-weight: 800; }

.vinyl-app .utility-page{ min-height: 72vh; padding: 64px 18px; }
.vinyl-app .utility-card{ width: min(760px, 100%); margin: 0 auto; background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 36px; box-shadow: var(--shadow); }
.vinyl-app .utility-card h1{ font-size: 38px; }
.vinyl-app .utility-card > p{ color: var(--muted); margin-bottom: 28px; }
.vinyl-app .placeholder-row{ display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); padding: 15px 0; }
.vinyl-app .placeholder-row strong{ color: var(--brown); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }

.vinyl-app .site-footer{ width: min(1180px, calc(100% - 36px)); margin: 0 auto; padding: 24px 0 34px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; display: flex; justify-content: space-between; gap: 18px; }
.vinyl-app .footer-links{ display: flex; gap: 18px; }

@media (max-width: 760px){
  .vinyl-app .header-inner{ width: min(100% - 24px, 1180px); min-height: 64px; }
  .vinyl-app .brand-logo{ width: 90px; }
  .vinyl-app .brand-divider, .vinyl-app .brand-copy small{ display: none; }
  .vinyl-app .brand-copy strong{ font-size: 14px; }
  .vinyl-app .top-nav a{ padding: 8px; font-size: 12px; }
  .vinyl-app .hero{ width: calc(100% - 28px); padding: 48px 0 28px; }
  .vinyl-app .hero h1{ font-size: 40px; }
  .vinyl-app .hero p{ font-size: 16px; }
  .vinyl-app .content-section{ width: calc(100% - 28px); }
  .vinyl-app .section-heading{ display: block; }
  .vinyl-app .section-heading > p{ text-align: left; margin-top: 8px; }
  .vinyl-app .product-grid{ grid-template-columns: 1fr; }
  .vinyl-app .workflow-band{ grid-template-columns: 1fr; width: calc(100% - 28px); }
  .vinyl-app .builder-page{ width: calc(100% - 20px); }
  .vinyl-app .builder-shell{ grid-template-columns: 1fr; }
  .vinyl-app .builder-sidebar{ border-right: 0; border-bottom: 1px solid var(--line); }
  .vinyl-app .workspace-placeholder{ padding: 12px; }
  .vinyl-app .workspace-frame{ min-height: 420px; }
  .vinyl-app .builder-shell.centered-shell{ padding: 36px 24px; }
  .vinyl-app .site-footer{ width: calc(100% - 28px); flex-direction: column; }
}


/* Phase 2 Step 2: protected Sticker V10 module */
.vinyl-app .sticker-module-shell{
  border: 1px solid var(--line);
  background: var(--paper);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow);
}
.vinyl-app .sticker-module-heading{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--line);
  background: #faf6f0;
}
.vinyl-app .sticker-module-heading h1{ margin: 7px 0 0; font-size: 26px; }
.vinyl-app .sticker-module-heading p{ max-width: 560px; margin: 0; color: var(--muted); font-size: 13px; text-align: right; }
.vinyl-app .sticker-v10-frame{
  display: block;
  width: 100%;
  height: 1500px;
  border: 0;
  background: #fff;
  overflow: hidden;
}
@media (max-width: 760px){
  .vinyl-app .sticker-module-heading{ display: block; }
  .vinyl-app .sticker-module-heading p{ margin-top: 10px; text-align: left; }
  .vinyl-app .sticker-v10-frame{ height: 1900px; overflow: hidden; }
}

.vinyl-app .cta-link{display:inline-block;margin-top:10px;background:#111;color:#fff;text-decoration:none;font-weight:800;padding:12px 16px;border-radius:10px}.vinyl-app .cta-link:hover{opacity:.9}

/* Deploy 050: permanent Vinyl Admin information architecture */
.vinyl-app .admin-page{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:42px 0 72px}.vinyl-app .admin-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:24px;align-items:end;margin-bottom:22px}.vinyl-app .admin-hero h1{font-size:42px;margin:8px 0 10px}.vinyl-app .admin-hero p{color:var(--muted);max-width:700px;margin:0}.vinyl-app .admin-callout{background:var(--sand);border:1px solid var(--line);border-radius:14px;padding:17px;display:grid;gap:5px}.vinyl-app .admin-callout strong{color:var(--brown-dark)}.vinyl-app .admin-callout span{font-size:12px;color:var(--muted);line-height:1.45}.vinyl-app .admin-nav{display:flex;gap:7px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);padding:8px;border-radius:13px;position:sticky;top:82px;z-index:8;box-shadow:0 5px 18px rgba(61,45,32,.06)}.vinyl-app .admin-nav a{padding:9px 11px;border-radius:8px;font-size:12px;font-weight:800;color:var(--muted)}.vinyl-app .admin-nav a:hover{background:var(--soft);color:var(--ink)}.vinyl-app .admin-section{scroll-margin-top:140px;padding:34px 0;border-bottom:1px solid var(--line)}.vinyl-app .admin-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.vinyl-app .admin-section-heading h2, .vinyl-app .admin-placeholder-section h2{font-size:28px;margin:5px 0 0}.vinyl-app .admin-section-heading>p{max-width:500px;text-align:right;color:var(--muted);margin:0}.vinyl-app .admin-product-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.vinyl-app .admin-product-tabs button{border:1px solid var(--line);background:var(--paper);padding:10px 13px;border-radius:9px;font-weight:800;color:var(--muted)}.vinyl-app .admin-product-tabs button.active{background:var(--brown-dark);color:#fff;border-color:var(--brown-dark)}.vinyl-app .admin-product-tabs button:disabled{opacity:.55}.vinyl-app .admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vinyl-app .admin-panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(61,45,32,.04)}.vinyl-app .admin-panel-head{padding:18px;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.vinyl-app .admin-panel-head h2{font-size:18px;margin:0 0 4px}.vinyl-app .admin-panel-head p{font-size:12px;color:var(--muted);margin:0}.vinyl-app .admin-state{white-space:nowrap;font-size:10px;font-weight:800;color:var(--brown);background:var(--soft);border:1px solid var(--line);padding:5px 7px;border-radius:999px;height:max-content}.vinyl-app .admin-setting-row{display:flex;justify-content:space-between;gap:20px;padding:12px 18px;border-top:1px solid #eee5da;font-size:13px}.vinyl-app .admin-setting-row:first-child{border-top:0}.vinyl-app .admin-setting-row span{color:var(--muted)}.vinyl-app .admin-setting-row strong{text-align:right}.vinyl-app .admin-lock-note{margin-top:16px;background:#fff8e8;border:1px solid #ead9a7;border-radius:12px;padding:14px 16px;display:grid;gap:4px}.vinyl-app .admin-lock-note span{font-size:12px;color:#756333}.vinyl-app .admin-placeholder-section>p{color:var(--muted);max-width:760px}.vinyl-app .admin-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.vinyl-app .admin-action-grid>div{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:16px;display:grid;gap:5px}.vinyl-app .admin-action-grid span{font-size:12px;color:var(--muted)}.vinyl-app .admin-inline-link{display:inline-block;margin-top:8px;font-weight:800;color:var(--brown-dark)}
@media(max-width:760px){.vinyl-app .admin-page{width:calc(100% - 24px);padding-top:26px}.vinyl-app .admin-hero{grid-template-columns:1fr}.vinyl-app .admin-hero h1{font-size:34px}.vinyl-app .admin-nav{position:static}.vinyl-app .admin-section-heading{display:block}.vinyl-app .admin-section-heading>p{text-align:left;margin-top:8px}.vinyl-app .admin-grid{grid-template-columns:1fr}.vinyl-app .admin-action-grid{grid-template-columns:1fr}.vinyl-app .admin-panel-head{display:block}.vinyl-app .admin-state{display:inline-block;margin-top:8px}}

/* Deploy 051: protected Vinyl Admin + editable settings */
.vinyl-app .admin-login-card{max-width:620px;margin:70px auto;padding:36px;border:1px solid #ddd3c6;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(50,40,30,.08)}
.vinyl-app .admin-login-card h1{margin:8px 0 10px}.vinyl-app .admin-login-card p{color:#665e55;line-height:1.55}.vinyl-app .admin-login-email{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 16px;margin:24px 0;border-radius:14px;background:#f4efe8}.vinyl-app .admin-login-email span{color:#756c62}.vinyl-app .admin-login-message{padding:12px 14px;border-radius:12px;background:#f8f5f0}.vinyl-app .admin-edit-list{display:grid;gap:0}.vinyl-app .admin-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:18px;padding:13px 18px;border-bottom:1px solid #ece6df}.vinyl-app .admin-edit-row:last-child{border-bottom:0}.vinyl-app .admin-input-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:180px}.vinyl-app .admin-input-wrap input{width:105px;padding:9px 10px;border:1px solid #cfc5b8;border-radius:9px;background:#fff;font:inherit;text-align:right}.vinyl-app .admin-input-wrap em{width:58px;font-style:normal;color:#6c645b;font-size:.88rem}.vinyl-app .admin-edit-row input[type="checkbox"]{width:20px;height:20px;justify-self:end}.vinyl-app .admin-savebar{position:sticky;bottom:14px;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:16px 18px;border:1px solid #cfc5b8;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(50,40,30,.12);backdrop-filter:blur(8px)}.vinyl-app .admin-savebar div{display:grid;gap:3px}.vinyl-app .admin-savebar span{font-size:.88rem;color:#71685f}.vinyl-app .admin-save-button{border:0;border-radius:11px;padding:11px 16px;background:#4d3423;color:#fff;font-weight:700;cursor:pointer}.vinyl-app .admin-save-button:disabled{opacity:.55;cursor:default}.vinyl-app .admin-text-button{border:0;background:transparent;color:#4d3423;text-decoration:underline;cursor:pointer;padding:0;text-align:left}.vinyl-app .admin-callout .admin-text-button{margin-top:7px}
@media(max-width:650px){.vinyl-app .admin-login-card{margin:24px 14px;padding:24px}.vinyl-app .admin-login-email, .vinyl-app .admin-savebar{align-items:flex-start;flex-direction:column}.vinyl-app .admin-edit-row{grid-template-columns:1fr;padding:13px 16px;gap:8px}.vinyl-app .admin-input-wrap{width:100%;justify-content:flex-start}.vinyl-app .admin-input-wrap input{flex:1;width:auto}.vinyl-app .admin-edit-row input[type="checkbox"]{justify-self:start}.vinyl-app .admin-save-button{width:100%}.vinyl-app .admin-savebar{bottom:8px}}

/* Deploy 052 — secure Admin login field */
.vinyl-app .admin-login-field{ display: grid; gap: 8px; margin: 18px 0; text-align: left; }
.vinyl-app .admin-login-field span{ font-size: 13px; font-weight: 800; color: #565b64; }
.vinyl-app .admin-login-field input{ width: 100%; box-sizing: border-box; border: 1px solid #cfd4dc; border-radius: 10px; padding: 12px 13px; font: inherit; background: #fff; color: #171717; }
.vinyl-app .admin-login-field input:focus{ outline: 2px solid #1f4f99; outline-offset: 1px; }

/* Deploy 054: password-first Admin sign-in, magic-link fallback. */
.vinyl-app .admin-secondary-button{border:1px solid #b9aa9a;border-radius:11px;padding:11px 16px;background:#fff;color:#4d3423;font-weight:700;cursor:pointer}.vinyl-app .admin-secondary-button:disabled{opacity:.55;cursor:default}.vinyl-app .admin-login-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#8a8178;font-size:12px}.vinyl-app .admin-login-divider:before, .vinyl-app .admin-login-divider:after{content:"";height:1px;background:#e3dbd2;flex:1}.vinyl-app .admin-login-help{font-size:12px!important;margin:10px 0 0!important}.vinyl-app .admin-password-card{margin-top:18px;max-width:620px;background:#fff;border:1px solid #ddd3c6;border-radius:16px;padding:20px}.vinyl-app .admin-password-card>div{display:grid;gap:4px}.vinyl-app .admin-password-card>div span{font-size:12px;color:#71685f}.vinyl-app .admin-password-card .admin-login-field{margin:16px 0 12px}

/* Deploy 057: Banner Admin option/pricing rows */
.vinyl-app .admin-banner-option-row{display:grid;grid-template-columns:minmax(0,1fr) 145px 120px;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #ece6df}.vinyl-app .admin-banner-option-row:last-child{border-bottom:0}.vinyl-app .admin-banner-option-main{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:700}.vinyl-app .admin-banner-option-main input{width:18px;height:18px}.vinyl-app .admin-banner-option-row select, .vinyl-app .admin-banner-price input{width:100%;padding:8px;border:1px solid #cfc5b8;border-radius:8px;background:#fff}.vinyl-app .admin-banner-price{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;color:#6c645b}.vinyl-app .admin-banner-price input{text-align:right}@media(max-width:760px){.vinyl-app .admin-banner-option-row{grid-template-columns:1fr}.vinyl-app .admin-banner-option-row select, .vinyl-app .admin-banner-price{max-width:260px}}

/* Deploy 057 — Banner Admin option editor */
.vinyl-app .banner-admin-intro{display:grid;gap:4px;margin:0 0 16px;padding:14px 16px;background:#f8f5f0;border:1px solid #ddd3c6;border-radius:13px}.vinyl-app .banner-admin-intro span{font-size:12px;color:#71685f;line-height:1.45}.vinyl-app .admin-banner-stack{display:grid;gap:16px}.vinyl-app .banner-option-admin-list{display:grid}.vinyl-app .banner-option-admin-row{display:grid;grid-template-columns:95px minmax(220px,1fr) 125px 110px;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid #ece6df}.vinyl-app .banner-option-admin-row:last-child{border-bottom:0}.vinyl-app .banner-option-enabled{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#5f574e}.vinyl-app .banner-option-enabled input{width:18px;height:18px}.vinyl-app .banner-option-name, .vinyl-app .banner-option-admin-row select, .vinyl-app .banner-option-amount{width:100%;border:1px solid #cfc5b8;border-radius:9px;background:#fff;padding:9px 10px;font:inherit}.vinyl-app .banner-option-amount{text-align:right}
@media(max-width:780px){.vinyl-app .banner-option-admin-row{grid-template-columns:1fr 1fr}.vinyl-app .banner-option-name{grid-column:1/-1}.vinyl-app .banner-option-enabled{order:3}.vinyl-app .banner-option-admin-row select{order:4}.vinyl-app .banner-option-amount{order:5}.vinyl-app .banner-option-enabled{grid-column:1/2}.vinyl-app .banner-option-admin-row select{grid-column:1/2}.vinyl-app .banner-option-amount{grid-column:2/3}}

/* Deploy 060 — shared 77859 Builder Account migration checkpoint */
.vinyl-app .builder-account-page{min-height:calc(100vh - 160px);display:grid;place-items:start center;padding:72px 20px;background:#f5efe6}
.vinyl-app .builder-account-card{width:min(620px,100%);background:#fff;border:1px solid #ded2c5;border-radius:18px;padding:34px;box-shadow:0 18px 48px rgba(70,49,32,.09)}
.vinyl-app .builder-account-card h1{margin:7px 0 10px;font-size:36px;line-height:1.05}
.vinyl-app .builder-account-intro{margin:0 0 24px;color:#625c56;line-height:1.55}
.vinyl-app .builder-account-field{display:grid;gap:7px;margin:14px 0;font-weight:700;color:#3c332c}
.vinyl-app .builder-account-field input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #cabdad;border-radius:9px;font:inherit;background:#fff}
.vinyl-app .builder-account-primary, .vinyl-app .builder-account-secondary{border:0;border-radius:9px;padding:12px 16px;font:inherit;font-weight:800;cursor:pointer}
.vinyl-app .builder-account-primary{width:100%;background:#5b3926;color:#fff;margin-top:4px}.vinyl-app .builder-account-primary:disabled{opacity:.6;cursor:wait}
.vinyl-app .builder-account-secondary{background:#eee5db;color:#3c2b20;margin-top:16px}
.vinyl-app .builder-account-note, .vinyl-app .builder-account-success{display:grid;gap:6px;border-radius:12px;padding:14px 15px;margin:18px 0}
.vinyl-app .builder-account-note{background:#fff7df;border:1px solid #ecdcae;color:#5c4820}.vinyl-app .builder-account-success{background:#edf8ee;border:1px solid #bfdfc4;color:#214b29}
.vinyl-app .builder-account-note span, .vinyl-app .builder-account-success span, .vinyl-app .builder-account-success small{line-height:1.45}
.vinyl-app .builder-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.vinyl-app .builder-account-actions a{display:block;text-align:center;text-decoration:none;background:#161616;color:#fff;border-radius:9px;padding:12px;font-weight:800}
.vinyl-app .builder-account-message{margin:16px 0 0;padding:12px 14px;background:#f4efe9;border-radius:9px;color:#4b4139}
.vinyl-app .builder-account-footnote{margin:22px 0 0;color:#81766c;font-size:13px;line-height:1.5}
@media(max-width:620px){.vinyl-app .builder-account-page{padding:30px 14px}.vinyl-app .builder-account-card{padding:24px 19px}.vinyl-app .builder-account-card h1{font-size:30px}.vinyl-app .builder-account-actions{grid-template-columns:1fr}}

/* Deploy 061: shared Builder-account status + SSO handoff buttons */
.vinyl-app .customer-account-status{width:min(1180px,calc(100% - 40px));margin:20px auto 0;padding:10px 14px;border:1px solid #d8cec3;border-radius:10px;background:#fff8ef;color:#554a42;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
.vinyl-app .customer-account-status.is-signed-in{background:#edf8ee;border-color:#bfdfc4;color:#214b29}
.vinyl-app .customer-account-status a{font-weight:800;color:inherit;text-decoration:underline;text-underline-offset:2px}
.vinyl-app .builder-account-actions button{display:block;width:100%;text-align:center;border:0;background:#161616;color:#fff;border-radius:9px;padding:12px;font:inherit;font-weight:800;cursor:pointer}
.vinyl-app .builder-account-actions button:disabled{opacity:.6;cursor:wait}
@media(max-width:620px){.vinyl-app .customer-account-status{width:calc(100% - 28px);flex-direction:column;align-items:flex-start;margin-top:14px}}

/* Deploy 063: shared Builder Account dashboard + Vinyl project list */
.vinyl-app .builder-account-dashboard{max-width:920px}
.vinyl-app .account-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.85fr);gap:18px;margin:22px 0}
.vinyl-app .account-dashboard-panel{border:1px solid #decfbe;background:#fffdf9;border-radius:16px;padding:18px}
.vinyl-app .account-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}
.vinyl-app .account-panel-heading h2, .vinyl-app .account-dashboard-panel h2{margin:3px 0 0;font-size:20px}
.vinyl-app .account-refresh-button{border:1px solid #ccbba9;background:#fffaf3;color:#4f321f;border-radius:9px;padding:8px 11px;font-weight:700;cursor:pointer}
.vinyl-app .account-refresh-button:disabled{opacity:.55;cursor:default}
.vinyl-app .account-project-list{display:grid;gap:10px}
.vinyl-app .account-project-card{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #e5d9cc;border-radius:12px;padding:13px;background:#fff}
.vinyl-app .account-project-card>div{display:grid;gap:3px;min-width:0}
.vinyl-app .account-project-card strong{font-size:15px;color:#211d1a}
.vinyl-app .account-project-card span, .vinyl-app .account-project-card small{color:#6d655f;font-size:12px}
.vinyl-app .account-project-card button{border:0;background:#4d2f20;color:#fff;border-radius:9px;padding:9px 12px;font-weight:800;white-space:nowrap;cursor:pointer}
.vinyl-app .account-empty-copy{margin:8px 0 0;color:#6d655f;line-height:1.5;font-size:14px}
.vinyl-app .account-future-panel .placeholder-row{margin-top:9px}
@media(max-width:760px){
  .vinyl-app .account-dashboard-grid{grid-template-columns:1fr}
  .vinyl-app .account-project-card{align-items:flex-start;flex-direction:column}
  .vinyl-app .account-project-card button{width:100%}
}


/* Deploy 064: visible Builder Account state inside product builders */
.vinyl-app .builder-heading-account{display:grid;justify-items:end;gap:8px;max-width:560px}
.vinyl-app .builder-heading-account>p{margin:0;text-align:right}
.vinyl-app .customer-account-chip{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #d8cec3;border-radius:999px;background:#fff8ef;color:#554a42;font-size:12px;line-height:1.2;white-space:nowrap}
.vinyl-app .customer-account-chip.is-signed-in{background:#edf8ee;border-color:#bfdfc4;color:#214b29}
.vinyl-app .customer-account-chip a{font-weight:800;color:inherit;text-decoration:underline;text-underline-offset:2px}
@media(max-width:760px){.vinyl-app .sticker-module-heading{align-items:flex-start}.vinyl-app .builder-heading-account{justify-items:start;max-width:none;width:100%}.vinyl-app .builder-heading-account>p{text-align:left}.vinyl-app .customer-account-chip{white-space:normal;flex-wrap:wrap;border-radius:12px}}

/* Deploy 065: deterministic project restore + dashboard delete control */
.vinyl-app .account-project-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.vinyl-app .account-project-card .account-delete-project{background:#fff;color:#8a2b24;border:1px solid #d9b3af}
.vinyl-app .account-project-card .account-delete-project:hover{background:#fff5f4}
@media(max-width:720px){.vinyl-app .account-project-actions{width:100%}.vinyl-app .account-project-actions button{flex:1}}

/* Deploy 066: unified project dashboard + account-card action sizing */
.vinyl-app .account-project-group{display:grid;gap:9px;margin-top:16px}
.vinyl-app .account-project-group:first-of-type{margin-top:12px}
.vinyl-app .account-project-group h3{margin:0;color:#4d2f20;font-size:15px}
.vinyl-app .account-project-card{align-items:flex-start;flex-direction:column}
.vinyl-app .account-project-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.vinyl-app .account-project-actions button{width:100%;min-width:0;white-space:normal}
.vinyl-app .account-project-actions-single{grid-template-columns:1fr}
.vinyl-app .account-project-card button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:620px){.vinyl-app .account-project-actions{grid-template-columns:1fr}}

/* Build 079: protected paid-order production queue */
.vinyl-app .staff-page{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:42px 0 72px}.vinyl-app .staff-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:end}.vinyl-app .staff-hero h1{font-size:40px;margin:7px 0 8px}.vinyl-app .staff-hero p{margin:0;color:var(--muted)}.vinyl-app .staff-summary{display:grid;gap:4px;background:var(--sand);border:1px solid var(--line);border-radius:15px;padding:18px}.vinyl-app .staff-summary strong{font-size:34px;color:var(--brown-dark)}.vinyl-app .staff-summary span{font-weight:800}.vinyl-app .staff-summary small{color:var(--muted);overflow-wrap:anywhere}.vinyl-app .staff-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:22px 0 10px;padding:9px;background:var(--paper);border:1px solid var(--line);border-radius:13px}.vinyl-app .staff-tabs{display:flex;gap:7px;flex-wrap:wrap}.vinyl-app .staff-tabs button, .vinyl-app .staff-refresh{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:9px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.vinyl-app .staff-tabs button.active{background:var(--brown-dark);border-color:var(--brown-dark);color:#fff}.vinyl-app .staff-refresh:disabled{opacity:.55}.vinyl-app .staff-message{margin:10px 0 16px;padding:11px 13px;border-radius:10px;background:#f5efe7;color:#5b4c40;font-size:13px}.vinyl-app .staff-order-list{display:grid;gap:16px}.vinyl-app .staff-order-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 6px 20px rgba(61,45,32,.05)}.vinyl-app .staff-order-head{display:flex;justify-content:space-between;gap:18px;padding:19px;border-bottom:1px solid var(--line)}.vinyl-app .staff-order-head h2{font-size:23px;margin:5px 0 3px}.vinyl-app .staff-customer-identity{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:1px 0 4px}.vinyl-app .staff-customer-identity strong{font-size:15px;color:var(--brown-dark)}.vinyl-app .staff-customer-identity span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.vinyl-app .staff-order-head p{margin:0;color:var(--muted);font-size:13px}.vinyl-app .staff-order-status{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.vinyl-app .staff-order-status>strong{font-size:20px;margin-left:5px}.vinyl-app .status-pill, .vinyl-app .proof-pill{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;text-transform:capitalize}.vinyl-app .status-pill.paid, .vinyl-app .status-pill.ready{background:#e5f5e8;color:#236434}.vinyl-app .status-pill.pending{background:#fff3d6;color:#795b10}.vinyl-app .proof-pill{background:#ece7df;color:#51483f;white-space:nowrap}.vinyl-app .staff-review-flag{margin:14px 18px 0;padding:11px 13px;border-radius:10px;background:#fff3d6;color:#6b5010;font-weight:800;font-size:13px}.vinyl-app .staff-item-list{display:grid;gap:10px;padding:17px}.vinyl-app .staff-item{border:1px solid #e4dbd1;border-radius:13px;padding:14px;background:#fff}.vinyl-app .staff-item-title{display:flex;justify-content:space-between;gap:14px}.vinyl-app .staff-item-title>div{display:grid;gap:4px}.vinyl-app .staff-item-title span{color:var(--muted);font-size:12px}.vinyl-app .staff-file-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.vinyl-app .staff-file-actions button{border:1px solid #bda995;border-radius:9px;padding:9px 11px;background:#fff;color:#4d3423;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.vinyl-app .staff-file-actions button:first-child{background:#4d3423;color:#fff}.vinyl-app .staff-file-actions button:disabled{opacity:.52;cursor:default}.vinyl-app .staff-file-actions>span{color:#8b332c;font-size:12px}.vinyl-app .staff-events{border-top:1px solid var(--line);padding:14px 18px}.vinyl-app .staff-events summary{font-weight:800;cursor:pointer;color:#51483f}.vinyl-app .staff-events>div{display:grid;gap:3px;padding:11px 0;border-top:1px solid #eee6dc}.vinyl-app .staff-events>div:first-of-type{margin-top:10px}.vinyl-app .staff-events span, .vinyl-app .staff-events small{color:var(--muted);font-size:12px}.vinyl-app .staff-empty{max-width:700px;margin:60px auto;padding:30px;background:#fff;border:1px solid var(--line);border-radius:17px;text-align:center}.vinyl-app .staff-empty h1, .vinyl-app .staff-empty h2{margin:7px 0 8px}.vinyl-app .staff-empty p{color:var(--muted);line-height:1.5}.vinyl-app .staff-primary-link{display:inline-block;margin-top:10px;padding:11px 15px;border-radius:10px;background:var(--brown-dark);color:#fff;font-weight:800}
@media(max-width:760px){.vinyl-app .staff-page{width:calc(100% - 24px);padding-top:26px}.vinyl-app .staff-hero{grid-template-columns:1fr}.vinyl-app .staff-hero h1{font-size:32px}.vinyl-app .staff-toolbar, .vinyl-app .staff-order-head, .vinyl-app .staff-item-title{align-items:flex-start;flex-direction:column}.vinyl-app .staff-order-status{justify-content:flex-start}.vinyl-app .staff-file-actions{display:grid}.vinyl-app .staff-file-actions button{width:100%}}

/* Build 080: staff portal home, product routing, and employee sign-in */
.vinyl-app .staff-internal-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px rgba(61,45,32,.05)}.vinyl-app .staff-internal-nav>div{display:flex;gap:6px;flex-wrap:wrap}.vinyl-app .staff-internal-nav a, .vinyl-app .staff-internal-nav button{border:0;border-radius:8px;padding:9px 11px;background:transparent;color:var(--brown-dark);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.vinyl-app .staff-internal-nav a.active{background:var(--brown-dark);color:#fff}.vinyl-app .staff-internal-nav button{text-decoration:underline}.vinyl-app .staff-home-hero{margin-bottom:22px}.vinyl-app .staff-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.vinyl-app .staff-product-card{display:grid;align-content:start;gap:11px;min-height:215px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink);box-shadow:0 5px 18px rgba(61,45,32,.04)}.vinyl-app .staff-product-card.active{border-color:#bba28b}.vinyl-app .staff-product-card>div{display:flex;align-items:baseline;gap:12px}.vinyl-app .staff-product-card>div strong{font-size:34px;color:var(--brown-dark)}.vinyl-app .staff-product-card h2{margin:0;font-size:24px}.vinyl-app .staff-product-card p{margin:0;color:var(--muted);line-height:1.5}.vinyl-app .staff-product-card b{margin-top:auto;color:var(--brown-dark)}.vinyl-app .staff-product-card:not(a){opacity:.7}.vinyl-app .staff-login-card{max-width:610px;margin:35px auto;padding:32px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 36px rgba(61,45,32,.08)}.vinyl-app .staff-login-card h1{margin:7px 0 9px}.vinyl-app .staff-login-card>p{color:var(--muted);line-height:1.5}.vinyl-app .staff-login-primary{width:100%;border:0;border-radius:10px;padding:12px 15px;background:var(--brown-dark);color:#fff;font:inherit;font-weight:900;cursor:pointer}.vinyl-app .staff-login-primary:disabled{opacity:.55}
@media(max-width:760px){.vinyl-app .staff-internal-nav{align-items:flex-start;flex-direction:column}.vinyl-app .staff-internal-nav>div{display:grid;width:100%}.vinyl-app .staff-internal-nav a, .vinyl-app .staff-internal-nav button{text-align:left}.vinyl-app .staff-product-grid{grid-template-columns:1fr}.vinyl-app .staff-login-card{margin:12px auto;padding:23px}}


/* Deploy 081 — unified staff Builder Account landing and shared staff handoff */
.vinyl-app .staff-account-launcher{margin-top:18px;padding:18px;border:1px solid #cdb9a5;background:#fbf6ef;border-radius:16px}.vinyl-app .staff-account-launcher h2{margin:4px 0 6px;font-size:22px}.vinyl-app .staff-account-launcher p{margin:0;color:#6d6258;line-height:1.5}.vinyl-app .staff-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.vinyl-app .staff-account-grid button{display:grid;gap:5px;text-align:left;border:1px solid #c9b8a7;background:#fff;color:#3f2c20;border-radius:11px;padding:14px;font:inherit;font-weight:900;cursor:pointer}.vinyl-app .staff-account-grid button:first-child{background:#4d3423;color:#fff;border-color:#4d3423}.vinyl-app .staff-account-grid button small{font-weight:500;line-height:1.35;opacity:.8}.vinyl-app .staff-account-grid button:disabled{opacity:.6;cursor:wait}.vinyl-app .staff-account-primary-link{display:block;margin:14px 0;padding:11px 14px;border-radius:9px;background:#4d3423;color:#fff;text-decoration:none;text-align:center;font-weight:900}@media(max-width:620px){.vinyl-app .staff-account-grid{grid-template-columns:1fr}}

.vinyl-app .staff-production-history{display:block;margin-top:8px;color:#766b62;font-size:12px;font-weight:600}

/* Deploy 087: retained customer-proof history */
.vinyl-app .staff-file-history{margin-top:9px;color:#766b62;font-size:12px;font-weight:700}.vinyl-app .staff-file-history summary{cursor:pointer;display:inline-block}.vinyl-app .staff-history-actions{margin-top:8px}.vinyl-app .staff-history-actions button:first-child{background:#fff;color:#4d3423}

/* Deploy 089: production lifecycle, archive/search, pagination */
.vinyl-app .status-pill.completed{background:#e7e3ef;color:#4f4565}.vinyl-app .staff-lifecycle-button{border:1px solid #8e7965;background:#fff;border-radius:9px;padding:8px 10px;font:inherit;font-size:12px;font-weight:900;color:#4d3423;cursor:pointer}.vinyl-app .staff-lifecycle-button:hover{background:#f7f1ea}.vinyl-app .staff-lifecycle-button:disabled{opacity:.55;cursor:default}.vinyl-app .staff-toolbar-archive{align-items:stretch;flex-wrap:wrap}.vinyl-app .staff-search{display:flex;gap:7px;flex:1;min-width:320px}.vinyl-app .staff-search input{flex:1;min-width:200px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 11px;font:inherit;font-size:13px}.vinyl-app .staff-search button{border:1px solid var(--line);background:#fff;padding:9px 11px;border-radius:9px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.vinyl-app .staff-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:22px 0 0}.vinyl-app .staff-pagination button{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:9px;font:inherit;font-weight:800;cursor:pointer}.vinyl-app .staff-pagination button:disabled{opacity:.45;cursor:default}.vinyl-app .staff-pagination span, .vinyl-app .staff-page-count{color:var(--muted);font-size:13px;text-align:center}.vinyl-app .staff-page-count{margin-top:18px}@media(max-width:760px){.vinyl-app .staff-search{min-width:100%;display:grid;grid-template-columns:1fr auto}.vinyl-app .staff-search button:last-child{grid-column:auto}.vinyl-app .staff-lifecycle-button{width:100%}.vinyl-app .staff-pagination{flex-wrap:wrap}}

/* Deploy 091: customer proof delivery and approval */
.vinyl-app .staff-proof-review-state{margin-top:10px;padding:10px 12px;border:1px solid #d8cbbb;background:#fbf7f2;border-radius:9px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#5d5146;font-size:12px}.vinyl-app .staff-proof-review-state strong{color:#3f2c20;text-transform:capitalize}.vinyl-app .staff-proof-review-state p{flex-basis:100%;margin:2px 0 0;color:#6d4b35}.vinyl-app .staff-proof-review-state.approved{background:#edf7ef;border-color:#bfd9c5}.vinyl-app .staff-proof-review-state.changes_requested{background:#fff3df;border-color:#e3c48d}.vinyl-app .staff-proof-review-state.awaiting_customer{background:#eef4fb;border-color:#c7d8ec}
.vinyl-app .proof-review-page{min-height:100vh;background:#f3eee7;padding:28px 16px 54px}.vinyl-app .proof-review-shell{width:min(920px,100%);margin:0 auto}.vinyl-app .proof-review-header{display:flex;gap:18px;align-items:center;margin-bottom:16px}.vinyl-app .proof-review-header img{width:110px;height:auto}.vinyl-app .proof-review-header span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#6e5948}.vinyl-app .proof-review-header h1{margin:4px 0 0;font-size:32px}.vinyl-app .proof-review-card, .vinyl-app .proof-review-meta, .vinyl-app .proof-review-document, .vinyl-app .proof-review-actions, .vinyl-app .proof-review-warning{background:#fff;border:1px solid #d8cec2;border-radius:16px;box-shadow:0 6px 20px rgba(61,45,32,.05)}.vinyl-app .proof-review-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:14px;overflow:hidden}.vinyl-app .proof-review-meta>div{display:grid;gap:3px;padding:14px 16px;border-right:1px solid #e8dfd6;border-bottom:1px solid #e8dfd6}.vinyl-app .proof-review-meta>div:nth-child(3n){border-right:0}.vinyl-app .proof-review-meta>div:nth-last-child(-n+3){border-bottom:0}.vinyl-app .proof-review-meta small{color:#7b6f66;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.vinyl-app .proof-review-meta strong{font-size:14px;overflow-wrap:anywhere}.vinyl-app .proof-review-document{padding:14px;margin-bottom:14px}.vinyl-app .proof-review-document iframe{display:block;width:100%;height:660px;border:1px solid #ddd2c6;border-radius:10px;background:#eee}.vinyl-app .proof-review-document>a{display:inline-block;margin-top:10px;color:#4d3423;font-weight:800}.vinyl-app .proof-review-actions{padding:20px}.vinyl-app .proof-review-actions h2{margin:0 0 5px}.vinyl-app .proof-review-actions>p{margin:0 0 15px;color:#6f655d}.vinyl-app .proof-review-actions label{display:grid;gap:6px;font-weight:800;font-size:13px}.vinyl-app .proof-review-actions textarea{min-height:100px;resize:vertical;border:1px solid #cfc0b1;border-radius:10px;padding:10px;font:inherit;font-weight:400}.vinyl-app .proof-review-buttons{display:flex;gap:10px;margin-top:12px}.vinyl-app .proof-review-buttons button{border:0;border-radius:10px;padding:12px 16px;font:inherit;font-weight:900;cursor:pointer}.vinyl-app .proof-review-buttons .approve{background:#3f5f45;color:#fff}.vinyl-app .proof-review-buttons .changes{background:#fff0d4;color:#6f4b16;border:1px solid #e0c18c}.vinyl-app .proof-review-buttons button:disabled{opacity:.55;cursor:default}.vinyl-app .proof-review-warning{padding:13px 15px;margin-bottom:14px;background:#fff5e5;border-color:#e4c998;display:grid;gap:3px;color:#6a4b1f}.vinyl-app .proof-review-success{padding:12px 14px;border-radius:10px;background:#eaf5ec;color:#2e6338;font-weight:800;margin-bottom:12px}.vinyl-app .proof-review-message{margin:12px 0 0;padding:10px 12px;background:#f5efe7;border-radius:9px;color:#55483e}.vinyl-app .proof-error{padding:24px}.vinyl-app .proof-review-shell>footer{text-align:center;color:#7b6f66;font-size:12px;margin-top:18px}@media(max-width:700px){.vinyl-app .proof-review-header{align-items:flex-start}.vinyl-app .proof-review-header h1{font-size:26px}.vinyl-app .proof-review-meta{grid-template-columns:1fr 1fr}.vinyl-app .proof-review-meta>div, .vinyl-app .proof-review-meta>div:nth-child(3n), .vinyl-app .proof-review-meta>div:nth-last-child(-n+3){border-right:1px solid #e8dfd6;border-bottom:1px solid #e8dfd6}.vinyl-app .proof-review-meta>div:nth-child(2n){border-right:0}.vinyl-app .proof-review-meta>div:nth-last-child(-n+2){border-bottom:0}.vinyl-app .proof-review-document iframe{height:520px}.vinyl-app .proof-review-buttons{display:grid}.vinyl-app .proof-review-buttons button{width:100%}}

/* Deploy 100 — centralized Builder Account administration */
.vinyl-app .platform-account-add{margin-bottom:16px}.vinyl-app .platform-account-form{display:grid;grid-template-columns:1.2fr 1.3fr .8fr auto auto;gap:10px;align-items:end;padding:16px 18px}.vinyl-app .platform-account-form label, .vinyl-app .platform-account-row label{display:grid;gap:5px}.vinyl-app .platform-account-form label>span, .vinyl-app .platform-account-row label>span{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.vinyl-app .platform-account-form input, .vinyl-app .platform-account-form select, .vinyl-app .platform-account-row select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;color:var(--ink)}.vinyl-app .platform-checkbox{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;padding:9px 0}.vinyl-app .platform-checkbox input{width:auto!important}.vinyl-app .platform-checkbox span{text-transform:none!important;letter-spacing:0!important;font-size:11px!important}.vinyl-app .platform-account-help{font-size:11px;color:var(--muted);padding:0 18px 15px;margin:0}.vinyl-app .platform-account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0}.vinyl-app .platform-account-toolbar>div{display:grid;gap:3px}.vinyl-app .platform-account-toolbar span{font-size:11px;color:var(--muted)}.vinyl-app .platform-account-list{display:grid;gap:8px}.vinyl-app .platform-account-row{display:grid;grid-template-columns:minmax(190px,1.6fr) .72fr 1fr auto auto auto;gap:10px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px}.vinyl-app .platform-account-identity{display:grid;gap:2px;min-width:0}.vinyl-app .platform-account-identity strong, .vinyl-app .platform-account-identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vinyl-app .platform-account-identity span{font-size:11px;color:var(--muted)}.vinyl-app .platform-account-identity small{font-size:10px;color:var(--brown)}.vinyl-app .platform-delete-account{border:1px solid #dfb7b2;background:#fff6f5;color:#8d342b;border-radius:8px;padding:8px 10px;font-weight:800}.vinyl-app .platform-delete-account:hover{background:#fdebea}@media(max-width:900px){.vinyl-app .platform-account-form{grid-template-columns:1fr 1fr}.vinyl-app .platform-account-row{grid-template-columns:1fr 1fr}.vinyl-app .platform-account-identity{grid-column:1/-1}}@media(max-width:600px){.vinyl-app .platform-account-form, .vinyl-app .platform-account-row{grid-template-columns:1fr}.vinyl-app .platform-account-toolbar{align-items:stretch;flex-direction:column}}
.vinyl-app .platform-current-user{font-size:10px;font-weight:800;color:var(--muted);padding:8px 4px;text-align:center}
.vinyl-app .platform-staff-pricing{display:grid;gap:3px;align-content:center;padding:4px 0}.vinyl-app .platform-staff-pricing>span{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.vinyl-app .platform-staff-pricing>strong{font-size:12px;color:var(--ink)}.vinyl-app .platform-staff-pricing>small{font-size:10px;color:var(--muted)}

/* Deploy 102 — unified customer management and customer detail */
.vinyl-app .platform-account-viewbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}.vinyl-app .platform-account-tabs{display:flex;gap:7px;flex-wrap:wrap}.vinyl-app .platform-account-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:9px;padding:9px 11px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.vinyl-app .platform-account-tabs button span{margin-left:5px;opacity:.7}.vinyl-app .platform-account-tabs button.active{background:var(--brown-dark);border-color:var(--brown-dark);color:#fff}.vinyl-app .platform-account-search{width:min(320px,100%);border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 12px;font:inherit}.vinyl-app .platform-view-customer{width:max-content;border:0;background:transparent;padding:3px 0 0;color:var(--brown-dark);font:inherit;font-size:10px;font-weight:900;cursor:pointer;text-align:left}.vinyl-app .platform-view-customer:hover{text-decoration:underline}.vinyl-app .customer-detail-shell{display:grid;gap:16px}.vinyl-app .customer-detail-head{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.vinyl-app .customer-detail-head h3{margin:3px 0 0;font-size:26px}.vinyl-app .customer-detail-loading{font-size:12px;color:var(--muted);font-weight:800}.vinyl-app .customer-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vinyl-app .customer-summary-grid>div{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:16px;display:grid;gap:4px}.vinyl-app .customer-summary-grid span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.vinyl-app .customer-summary-grid strong{font-size:24px;color:var(--brown-dark)}.vinyl-app .customer-summary-grid small{color:var(--muted)}.vinyl-app .customer-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.vinyl-app .customer-detail-facts{display:grid}.vinyl-app .customer-detail-facts>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 18px;border-top:1px solid #eee5da}.vinyl-app .customer-detail-facts>div:first-child{border-top:0}.vinyl-app .customer-detail-facts span{color:var(--muted);font-size:12px}.vinyl-app .customer-detail-facts strong{overflow-wrap:anywhere}.vinyl-app .customer-source-breakdown{display:grid;grid-template-columns:1fr 1fr}.vinyl-app .customer-source-breakdown>div{display:grid;gap:5px;padding:20px;border-right:1px solid #eee5da}.vinyl-app .customer-source-breakdown>div:last-child{border-right:0}.vinyl-app .customer-source-breakdown span{font-size:11px;color:var(--muted);font-weight:800}.vinyl-app .customer-source-breakdown strong{font-size:28px}.vinyl-app .customer-order-history{overflow:visible}.vinyl-app .customer-order-table-wrap{overflow-x:auto}.vinyl-app .customer-order-table{width:100%;border-collapse:collapse;min-width:760px}.vinyl-app .customer-order-table th, .vinyl-app .customer-order-table td{text-align:left;padding:11px 14px;border-top:1px solid #eee5da;font-size:12px;vertical-align:middle}.vinyl-app .customer-order-table th{background:#faf7f3;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.vinyl-app .customer-order-table td:nth-child(4){display:grid;gap:2px}.vinyl-app .customer-order-table td:nth-child(4) small{text-transform:capitalize;color:var(--muted)}.vinyl-app .customer-source-pill{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.vinyl-app .customer-source-pill.gang_sheet{background:#efe5d8;color:#5a402c}.vinyl-app .customer-source-pill.vinyl{background:#e9eef2;color:#415563}.vinyl-app .customer-order-empty{text-align:center!important;color:var(--muted);padding:24px!important}
@media(max-width:760px){.vinyl-app .platform-account-viewbar{align-items:stretch;flex-direction:column}.vinyl-app .platform-account-search{width:100%}.vinyl-app .customer-detail-head{grid-template-columns:1fr}.vinyl-app .customer-summary-grid, .vinyl-app .customer-detail-grid{grid-template-columns:1fr}.vinyl-app .customer-detail-facts>div{grid-template-columns:1fr;gap:4px}.vinyl-app .customer-source-breakdown{grid-template-columns:1fr}.vinyl-app .customer-source-breakdown>div{border-right:0;border-bottom:1px solid #eee5da}.vinyl-app .customer-source-breakdown>div:last-child{border-bottom:0}}

/* Deploy 105 — unified orders & production */
.vinyl-app .unified-orders-section{display:grid;gap:16px}.vinyl-app .unified-order-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.vinyl-app .unified-order-summary>div{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;gap:4px}.vinyl-app .unified-order-summary span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.vinyl-app .unified-order-summary strong{font-size:22px;color:var(--brown-dark)}.vinyl-app .unified-order-summary small{color:var(--muted);line-height:1.35}.vinyl-app .unified-order-toolbar{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(150px,.7fr)) auto;gap:8px;align-items:center}.vinyl-app .unified-order-toolbar input, .vinyl-app .unified-order-toolbar select{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 11px;font:inherit;color:var(--ink)}.vinyl-app .unified-orders-status{font-size:11px;color:var(--muted);font-weight:700}.vinyl-app .unified-order-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.vinyl-app .unified-order-table{width:100%;border-collapse:collapse;min-width:1180px}.vinyl-app .unified-order-table th, .vinyl-app .unified-order-table td{text-align:left;padding:11px 12px;border-top:1px solid #eee5da;font-size:12px;vertical-align:middle}.vinyl-app .unified-order-table thead th{border-top:0;background:#faf7f3;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.vinyl-app .unified-order-table td:nth-child(3), .vinyl-app .unified-order-table td:nth-child(6){display:grid;gap:3px}.vinyl-app .unified-order-table td small{color:var(--muted);font-size:10px;text-transform:capitalize}.vinyl-app .unified-order-kind{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.vinyl-app .unified-order-kind.customer{background:#edf5ec;color:#315c37}.vinyl-app .unified-order-kind.internal{background:#fff0d8;color:#76521a}.vinyl-app .unified-order-action{border:1px solid #bca792;background:#fff;color:var(--brown-dark);border-radius:8px;padding:8px 10px;font:inherit;font-size:11px;font-weight:900;white-space:nowrap;cursor:pointer}.vinyl-app .unified-order-action.link{display:inline-block;text-decoration:none}.vinyl-app .unified-order-action:disabled{opacity:.55;cursor:default}.vinyl-app .unified-order-footer{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.vinyl-app .unified-order-footer>span{max-width:760px;color:var(--muted);font-size:11px;line-height:1.45}.vinyl-app .unified-order-footer>div{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:980px){.vinyl-app .unified-order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.vinyl-app .unified-order-toolbar{grid-template-columns:1fr 1fr}.vinyl-app .unified-order-toolbar input{grid-column:1/-1}.vinyl-app .unified-order-footer{flex-direction:column}.vinyl-app .unified-order-footer>div{justify-content:flex-start}}
@media(max-width:620px){.vinyl-app .unified-order-summary, .vinyl-app .unified-order-toolbar{grid-template-columns:1fr}.vinyl-app .unified-order-toolbar input{grid-column:auto}}


/* Deploy 108 — Admin density cleanup + flat staff revision shell */
.vinyl-app .platform-account-list{max-height:560px;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}
.vinyl-app .platform-account-toolbar{position:sticky;top:0;z-index:4;background:var(--bg);padding:8px 0;margin:4px 0 8px}
.vinyl-app .unified-order-table-wrap{max-height:590px;overflow:auto;scrollbar-gutter:stable}
.vinyl-app .unified-order-table thead th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 #eee5da}
.vinyl-app .customer-order-table-wrap{max-height:430px;overflow:auto;scrollbar-gutter:stable}
.vinyl-app .customer-order-table thead th{position:sticky;top:0;z-index:2;box-shadow:0 1px 0 #eee5da}
.vinyl-app .sticker-revision-page{max-width:none;padding-top:16px}
.vinyl-app .sticker-revision-shell{width:min(1320px,calc(100% - 28px));margin:0 auto 28px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(62,45,31,.06)}
.vinyl-app .sticker-revision-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);background:#faf7f3}
.vinyl-app .sticker-revision-bar>div{display:grid;gap:2px}.vinyl-app .sticker-revision-bar strong{font-size:14px}.vinyl-app .sticker-revision-bar span{font-size:11px;color:var(--muted)}
.vinyl-app .sticker-revision-frame{border:0;border-radius:0}
@media(max-width:760px){.vinyl-app .platform-account-list{max-height:68vh}.vinyl-app .unified-order-table-wrap{max-height:68vh}.vinyl-app .sticker-revision-shell{width:calc(100% - 16px)}.vinyl-app .sticker-revision-bar{align-items:flex-start;flex-direction:column}}

/* Vinyl 114 / v0.7.34 — central account list UI reliability */
.vinyl-app .platform-account-list{display:block;max-height:560px;overflow-y:auto;overflow-x:hidden;padding:2px 6px 2px 0;scrollbar-gutter:stable}
.vinyl-app .platform-account-row{width:100%;box-sizing:border-box}
.vinyl-app .platform-account-row + .platform-account-row{margin-top:8px}
.vinyl-app .admin-savebar{position:static;bottom:auto;z-index:auto;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 5px 18px rgba(50,40,30,.08)}
.vinyl-app .admin-savebar>div{min-width:0}
.vinyl-app .admin-savebar strong{display:block;overflow-wrap:anywhere}
.vinyl-app .admin-savebar span{display:block;line-height:1.35}
@media(max-width:760px){.vinyl-app .platform-account-list{max-height:68vh;padding-right:2px}.vinyl-app .admin-savebar{position:static;bottom:auto}}


/* Builder Account recovery / passwordless access */
.vinyl-app .builder-account-email-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.vinyl-app .builder-account-email-actions button{border:1px solid #d7c6b3;background:#fff;color:#3f2a1f;border-radius:10px;padding:11px 12px;font-weight:700;cursor:pointer}
.vinyl-app .builder-account-email-actions button:disabled{opacity:.55;cursor:not-allowed}
.vinyl-app .builder-account-email-help{margin:10px 0 0;color:#6f6258;font-size:13px;line-height:1.45}
@media (max-width:640px){.vinyl-app .builder-account-email-actions{grid-template-columns:1fr}}

/* Vinyl Staging 011: staff-assisted Sticker customer orders */
.vinyl-app .staff-assisted-order{margin:16px 0;padding:16px;border:1px solid #d8d0c7;border-radius:14px;background:#fbfaf8;display:grid;gap:12px}
.vinyl-app .staff-assisted-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.vinyl-app .staff-assisted-heading h3{margin:2px 0 0;font-size:18px}
.vinyl-app .staff-assisted-fields{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:10px}
.vinyl-app .staff-assisted-fields label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#5f554d}
.vinyl-app .staff-assisted-fields input{width:100%;box-sizing:border-box;border:1px solid #cfc5bb;border-radius:9px;padding:10px 11px;background:#fff;color:#241f1b}
.vinyl-app .staff-assisted-actions, .vinyl-app .staff-assisted-linked>div{display:flex;gap:8px;flex-wrap:wrap}
.vinyl-app .staff-assisted-actions button, .vinyl-app .staff-assisted-next button, .vinyl-app .staff-assisted-linked button{border:1px solid #b9aa9c;border-radius:9px;background:#fff;padding:9px 12px;font-weight:700;cursor:pointer}
.vinyl-app .staff-assisted-actions button:disabled, .vinyl-app .staff-assisted-next button:disabled, .vinyl-app .staff-assisted-linked button:disabled{opacity:.55;cursor:not-allowed}
.vinyl-app .staff-assisted-results{display:grid;gap:6px}
.vinyl-app .staff-assisted-results button{display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-align:left;border:1px solid #dfd6cd;background:#fff;border-radius:9px;padding:10px;cursor:pointer}
.vinyl-app .staff-assisted-results button span{color:#6f655d}.vinyl-app .staff-assisted-results button small{margin-left:auto;color:#7c651c;background:#fff4bd;padding:3px 7px;border-radius:999px}
.vinyl-app .staff-assisted-match{border:1px solid #dfc75e;background:#fff7cb;border-radius:10px;padding:10px 12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vinyl-app .staff-assisted-next, .vinyl-app .staff-assisted-linked{border-top:1px solid #e0d8d0;padding-top:12px;display:grid;gap:8px}
.vinyl-app .staff-assisted-next p{margin:0;color:#5f554d}.vinyl-app .staff-assisted-next button{justify-self:start;background:#2f261f;color:#fff;border-color:#2f261f}
.vinyl-app .staff-assisted-linked strong{font-size:15px}.vinyl-app .staff-assisted-linked>span{color:#5f554d}
@media(max-width:760px){.vinyl-app .staff-assisted-fields{grid-template-columns:1fr}.vinyl-app .staff-assisted-heading{align-items:flex-start;flex-direction:column}}

.vinyl-app .account-history-panel{min-width:0}.vinyl-app .account-history-panel>p{color:#65584f;line-height:1.5}.vinyl-app .account-history-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.vinyl-app .account-history-tabs button{border:1px solid #d9cbbd;border-radius:8px;padding:10px 12px;background:#fff;color:#34261d;cursor:pointer}.vinyl-app .account-history-tabs button[aria-selected=true], .vinyl-app .account-history-tabs button[aria-pressed=true]{background:#4a3020;color:#fff;border-color:#4a3020}.vinyl-app .account-history-search{display:block;font-size:14px;font-weight:700}.vinyl-app .account-history-search input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px;border:1px solid #d9cbbd;border-radius:8px}.vinyl-app .account-history-card{border:1px solid #e1d6cb;border-radius:10px;padding:15px;margin-top:12px;overflow-wrap:anywhere}.vinyl-app .account-history-card>strong, .vinyl-app .account-history-card>small{display:block}.vinyl-app .account-history-card>small{color:#65584f;margin:8px 0;line-height:1.5}.vinyl-app .account-history-card p{font-size:14px;margin:8px 0}.vinyl-app .account-history-card a{display:inline-block;padding:10px 13px;border-radius:8px;background:#4a3020;color:#fff;text-decoration:none;font-weight:700;margin-top:8px}.vinyl-app .account-history-status, .vinyl-app .account-history-payment{display:inline-block;font-size:12px;font-weight:700;border-radius:14px;padding:5px 9px;margin:8px 5px 0 0;background:#f0e8df;color:#4a3020}.vinyl-app .account-history-payment{background:#e8f3ec;color:#285239}

/* Shared Admin navigation, product editors and financial reporting. */
.vinyl-app .admin-tools-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--paper)}
.vinyl-app .admin-tools-nav a, .vinyl-app .admin-product-tabs a{border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-weight:800;color:var(--muted);background:var(--paper);text-decoration:none}
.vinyl-app .admin-tools-nav a.active, .vinyl-app .admin-product-tabs a.active{background:var(--brown-dark);color:white;border-color:var(--brown-dark)}
.vinyl-app .admin-sign-card{padding:18px;margin:16px 0}.vinyl-app .admin-sign-card h3{margin-top:0}.vinyl-app .admin-sign-card p, .vinyl-app .admin-sign-editor>p{color:var(--muted)}
.vinyl-app .admin-sign-number{width:100px;max-width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}
.vinyl-app .admin-sign-field{display:grid;gap:6px;margin:12px 0;font-size:13px;font-weight:800}.vinyl-app .admin-sign-field input, .vinyl-app .admin-option-row input:not([type=checkbox]), .vinyl-app .admin-option-row select, .vinyl-app .admin-report-toolbar input, .vinyl-app .admin-report-toolbar select{min-width:0;max-width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}
.vinyl-app .admin-option-row{display:grid;grid-template-columns:100px minmax(150px,1fr) minmax(130px,.7fr) 100px;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;margin:10px 0;background:white}
.vinyl-app .admin-report-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.vinyl-app .admin-report-toolbar label{display:grid;gap:6px;font-size:13px;font-weight:800}.vinyl-app .admin-report-note{color:var(--muted);font-size:13px;line-height:1.6}.vinyl-app .admin-report-detail{margin-top:16px}.vinyl-app .admin-report-detail summary{cursor:pointer;font-weight:800;padding:12px 0}.vinyl-app .customer-order-table caption{text-align:left;font-weight:800;padding:16px}
@media(max-width:800px){.vinyl-app .admin-option-row{grid-template-columns:repeat(2,minmax(0,1fr))}.vinyl-app .admin-section-heading{align-items:start;flex-direction:column;gap:12px}.vinyl-app .admin-section-heading>p{text-align:left}.vinyl-app .admin-report-toolbar label{flex:1 1 160px}}

@media(min-width:801px){.vinyl-app .banner-option-row{grid-template-columns:100px minmax(150px,1fr) 150px 100px 90px}}
.vinyl-app .staff-assisted-unsaved{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:#fff4d6;border:1px solid #e3b649;color:#6b4a00;font-weight:700;font-size:13px}
.vinyl-app .staff-assisted-saved{margin:8px 0 0;color:#2f6b3a;font-weight:700;font-size:13px}
.vinyl-app .staff-file-actions button.staff-primary-action{background:#2f261f;color:#fff;border-color:#2f261f}
.vinyl-app .customer-account-staff-link{font-weight:800}

/* Banner and Sign builders on desktop: header, controls and canvas fit the screen (LargeFormatFitLayout). */
html.lf-fit .vinyl-app .builder-page{ padding: 8px 0 0; width: min(1600px, calc(100% - 24px)); }
html.lf-fit .vinyl-app .builder-topline{ display: none; }
html.lf-fit .vinyl-app .sticker-module-shell{ border-radius: 12px; }
html.lf-fit .vinyl-app .sticker-module-heading{ padding: 8px 16px; align-items: center; }
html.lf-fit .vinyl-app .sticker-module-heading > div:first-child{ display: flex; align-items: center; gap: 10px; }
html.lf-fit .vinyl-app .sticker-module-heading h1{ margin: 0; font-size: 19px; }
html.lf-fit .vinyl-app .sticker-module-heading .builder-heading-account > p{ display: none; }
html.lf-fit .vinyl-app .sticker-v10-frame{ height: max(480px, calc(100dvh - var(--lf-frame-top, 240px) - 8px)) !important; min-height: 0 !important; }
html.lf-fit .vinyl-app .site-footer{ display: none; }
/* The dock under the canvas mirrors these controls and the resolution note. */
html.lf-fit .vinyl-app .lf-host-tools, html.lf-fit .vinyl-app .banner-resolution-guard, html.lf-fit .vinyl-app .sign-resolution-guard{ display: none !important; }
html.lf-fit .vinyl-app .sign-type-bar{ padding: 6px 16px !important; font-size: 13px; }
/* The save bar is sticky inside an overflow:hidden shell; in the compact layout it must sit in place. */
html.lf-fit .vinyl-app .sticker-module-shell [role="toolbar"][aria-label$="save actions"]{ position: relative !important; top: auto !important; padding: 6px 14px !important; }
html.lf-fit .vinyl-app .sticker-module-shell [role="toolbar"][aria-label$="save actions"] button{ padding: 7px 12px !important; font-size: 13.5px; }

/* Stickers: compact page header so the preview and upload are on screen when the page opens. */
@media (min-width: 900px){
  html.lf-compact .vinyl-app .builder-page{ padding-top: 8px; }
  html.lf-compact .vinyl-app .builder-topline{ display: none; }
  html.lf-compact .vinyl-app .sticker-module-heading{ padding: 8px 16px; align-items: center; }
  html.lf-compact .vinyl-app .sticker-module-heading > div:first-child{ display: flex; align-items: center; gap: 10px; }
  html.lf-compact .vinyl-app .sticker-module-heading h1{ margin: 0; font-size: 19px; }
  html.lf-compact .vinyl-app .sticker-module-heading .builder-heading-account > p{ display: none; }
}