/* BinderWorth 3.17.5 — Collector Premium shared page layer
   Applies the Collector Premium 1C visual system to standalone public,
   merchant and admin screens without changing their behaviour. */
:root{
  color-scheme:dark;
  --bwp-graphite:#0f1317;
  --bwp-charcoal:#171c21;
  --bwp-charcoal-2:#11161a;
  --bwp-slate:#23282e;
  --bwp-slate-2:#2b3138;
  --bwp-paper:#e7dec9;
  --bwp-paper-ink:#27231c;
  --bwp-amber:#e2a13a;
  --bwp-amber-hi:#f2bd5a;
  --bwp-amber-soft:rgba(226,161,58,.12);
  --bwp-teal:#2cb7a5;
  --bwp-teal-hi:#62d1c3;
  --bwp-teal-soft:rgba(44,183,165,.12);
  --bwp-mist:#aab2b9;
  --bwp-line:rgba(231,222,201,.13);
  --bwp-line-strong:rgba(226,161,58,.28);
  --bwp-red:#dd7180;
  --bwp-shadow:0 18px 48px rgba(0,0,0,.28);

  /* Translate older page tokens into the 1C system. */
  --bg:var(--bwp-graphite)!important;
  --panel:var(--bwp-charcoal)!important;
  --surface:var(--bwp-charcoal)!important;
  --surface-2:var(--bwp-slate)!important;
  --ink:#f3f0e8!important;
  --muted:var(--bwp-mist)!important;
  --line:var(--bwp-line)!important;
  --violet:var(--bwp-amber)!important;
  --purple:var(--bwp-amber)!important;
  --purple-light:var(--bwp-amber-hi)!important;
  --cyan:var(--bwp-teal)!important;
  --blue:var(--bwp-teal)!important;
  --green:var(--bwp-teal)!important;
  --amber:var(--bwp-amber)!important;
  --red:var(--bwp-red)!important;
}

html{background:var(--bwp-graphite)!important}
body{
  color:#f3f0e8!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.010) 1px,transparent 1px),
    radial-gradient(circle at 12% 5%,rgba(226,161,58,.05),transparent 27rem),
    radial-gradient(circle at 92% 92%,rgba(44,183,165,.025),transparent 28rem),
    linear-gradient(180deg,#101418 0%,#0d1114 52%,#111519 100%)!important;
  background-size:32px 32px,32px 32px,auto,auto,auto!important;
  font-family:"Inter Tight",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.14;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px);
  mask-image:linear-gradient(to bottom,black,transparent 90%);
}
::selection{background:rgba(226,161,58,.78);color:#17120b}
a{color:var(--bwp-amber-hi)}

/* ===== Page shell / header ===== */
.shell,.admin-shell,.ops-shell{position:relative}
.top,.topbar,.ops-top{
  border-bottom:1px solid rgba(231,222,201,.09)!important;
}
.brand,.brand-lockup,.ops-brand{
  color:#f2eee5!important;
  text-decoration:none;
}
.brand img[src*="brand-mark"]{
  filter:grayscale(.55) sepia(.75) saturate(1.45) hue-rotate(350deg) brightness(1.08) drop-shadow(0 7px 16px rgba(0,0,0,.35));
}
.brand img,.brand-lockup img{filter:drop-shadow(0 7px 16px rgba(0,0,0,.28))}
.brand span,.brand-lockup strong,.ops-brand strong{color:#f2eee5!important}
.ops-mark,.mark{
  color:#24180b!important;
  border-color:rgba(242,189,90,.42)!important;
  background:linear-gradient(180deg,var(--bwp-amber-hi),var(--bwp-amber))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.25)!important;
}
.eyebrow{
  color:#dca14a!important;
  letter-spacing:.15em!important;
}
h1,h2,h3,h4,.dashboard-head h1,.head h1,.topbar h1,.ops-card h1,.ops-card h2{color:#f1ede4!important}
p,.muted,.meta,.hint,.fine,.footer,.footer-note,.panel-note{color:var(--bwp-mist)}

/* ===== Tactile panels ===== */
.panel,.ops-card,.filter-card,.kpi-card,.challenge-card,.event,.event-card,.merchant,
.stat,.kpi,.mini,.signal-card,.ranked-row,.scanner-search-card,.scanner-lab-config,
.lab-summary-card,.lab-result-card,.notice,.upload,.side .panel,.attendance-panel,
.success-card,.policy,.choice,.agreement,.new-event-box,.claim,.event-detail,
.event-map-unavailable,.location-editor,.preview-panel{
  color:#f3f0e8!important;
  border-color:rgba(231,222,201,.11)!important;
  background:
    repeating-linear-gradient(115deg,rgba(255,255,255,.010) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#1a2025,#14191d)!important;
  box-shadow:0 13px 30px rgba(0,0,0,.20)!important;
}
.panel,.ops-card,.filter-card{border-radius:13px!important}
.login,.ops-login{
  border-color:rgba(226,161,58,.20)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.28)!important;
}

/* ===== Forms ===== */
input,select,textarea,
.field input,.field select,.field textarea,
.toolbar input,.toolbar select,.location-search input,.quick-select select,
.attendance-controls input,.ops-login input{
  color:#eee9de!important;
  background:#101519!important;
  border-color:rgba(231,222,201,.14)!important;
  box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#727a80!important}
input:focus,select:focus,textarea:focus,
.field input:focus,.field select:focus,.field textarea:focus,
.toolbar input:focus,.toolbar select:focus,.location-search input:focus,.quick-select select:focus,
.ops-login input:focus{
  outline:none!important;
  border-color:rgba(226,161,58,.58)!important;
  box-shadow:0 0 0 3px rgba(226,161,58,.09)!important;
}
.field>span,.field span,label{color:#c9c2b5}

/* ===== Buttons ===== */
.button,.ops-button,.portal-link,.next a,button{
  border-radius:9px!important;
}
.button.primary,.button.cyan,.ops-button,.next .primary,
button.primary,.submit-row .button.primary{
  color:#20170b!important;
  border-color:#efb34e!important;
  background:linear-gradient(180deg,#f0b750,#d8952e)!important;
  box-shadow:0 9px 22px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.25)!important;
}
.button.primary:hover,.button.cyan:hover,.ops-button:hover,.next .primary:hover{
  background:linear-gradient(180deg,#f4c268,#e2a13a)!important;
}
.button:not(.primary):not(.cyan):not(.success):not(.danger):not(.warn),
.ops-button.secondary,.next .ghost,.portal-link{
  color:#ded9cf!important;
  background:linear-gradient(180deg,rgba(231,222,201,.045),rgba(231,222,201,.018))!important;
  border-color:rgba(231,222,201,.14)!important;
  box-shadow:none!important;
}
.button:not(.primary):not(.cyan):not(.success):not(.danger):not(.warn):hover,
.ops-button.secondary:hover,.portal-link:hover{
  color:#f3ede1!important;
  border-color:rgba(226,161,58,.32)!important;
  background:rgba(226,161,58,.065)!important;
}
.button.success{color:#bff0e7!important;border-color:rgba(44,183,165,.34)!important;background:rgba(44,183,165,.09)!important}
.button.warn{color:#f4d28e!important;border-color:rgba(226,161,58,.30)!important;background:rgba(226,161,58,.08)!important}
.button.danger{color:#f1b9c0!important;border-color:rgba(221,113,128,.30)!important;background:rgba(221,113,128,.07)!important}
.button.text{color:var(--bwp-amber-hi)!important;background:transparent!important;border-color:transparent!important}
.button:disabled,.ops-button:disabled{opacity:.45!important}

/* ===== Status language ===== */
.pill,.status-badge,.metric-pill,.event-pill,.lab-status-pill,.attendance-meta-pill{
  border-color:rgba(231,222,201,.14)!important;
  background:rgba(231,222,201,.035)!important;
}
.pill.active,.pill.confirmed,.pill.published,.pill.approved,.pill.public,
.status.approved,.notice.approved,.metric-pill.good,.event-pill.top,.lab-status-pill.pass,
.attendance-meta-pill.organiser{
  color:#bff0e7!important;
  border-color:rgba(44,183,165,.30)!important;
  background:rgba(44,183,165,.09)!important;
}
.pill.scheduled,.pill.pending,.pill.pending-review,.pill.featured,
.metric-pill.warn,.event-pill.alternative,.lab-status-pill.warn{
  color:#f1d291!important;
  border-color:rgba(226,161,58,.30)!important;
  background:rgba(226,161,58,.08)!important;
}
.pill.cancelled,.pill.rejected,.pill.suspended,.pill.blocked,
.metric-pill.bad,.event-pill.none,.lab-status-pill.fail{
  color:#efb8c0!important;
  border-color:rgba(221,113,128,.28)!important;
  background:rgba(221,113,128,.07)!important;
}
.event-pill.manual{color:#e5d3ad!important;background:rgba(226,161,58,.07)!important}

/* ===== Public Events ===== */
.hero{
  border-color:rgba(226,161,58,.23)!important;
  background:
    linear-gradient(90deg,rgba(226,161,58,.055),transparent 20%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
    linear-gradient(135deg,#171d21,#101519 62%,#191b1b)!important;
  box-shadow:0 24px 50px rgba(0,0,0,.28)!important;
}
.hero h1{letter-spacing:-.04em!important}
.hero-sub{color:#aba79f!important}
.hero-meta strong{color:#e5ded1!important}
.hero-meta .dot{background:var(--bwp-amber)!important}
.controls,.location-compact{
  border-color:rgba(231,222,201,.10)!important;
  background:linear-gradient(180deg,#171d21,#12171b)!important;
}
.event-card{border-left:3px solid rgba(226,161,58,.24)!important}
.event-card.featured{border-color:rgba(226,161,58,.30)!important;border-left-color:var(--bwp-amber)!important}
.event-card.featured:before{background:var(--bwp-amber)!important}
.event-type,.featured-label,.ticket-label,.challenge-label{color:#dba24b!important}
.event-distance{color:var(--bwp-teal-hi)!important}
.merchant-chip{color:#d6d0c5!important;border-color:rgba(231,222,201,.12)!important;background:rgba(231,222,201,.035)!important}
.event-card.event-focused{outline:2px solid rgba(226,161,58,.48)!important}
.event-map iframe{filter:saturate(.78) contrast(.94)}
.toast{color:#eee8dd!important;border-color:rgba(226,161,58,.24)!important;background:#171d21!important;box-shadow:0 14px 38px rgba(0,0,0,.35)!important}
.toast.error,.toast.bad{border-color:rgba(221,113,128,.32)!important;color:#f1b9c0!important}

/* ===== Challenge / event / merchant admin ===== */
.challenge-card,.event,.merchant{border-left:3px solid rgba(226,161,58,.20)!important}
.challenge-head h2,.event-title strong,.merchant-title strong{color:#f2eee5!important}
.stat,.kpi,.merchant-stat{border-color:rgba(231,222,201,.09)!important;background:rgba(231,222,201,.025)!important}
.stat strong,.kpi strong,.merchant-stat strong{color:#f2eee5!important}
.leaderboard span,.blocker,.issue,.lab-tag{
  color:#cfbf9f!important;
  background:rgba(226,161,58,.055)!important;
  border-color:rgba(226,161,58,.13)!important;
}
dialog{border-color:rgba(226,161,58,.22)!important;background:#11171b!important;box-shadow:0 30px 80px rgba(0,0,0,.55)!important}
dialog::backdrop{background:rgba(5,7,8,.80)!important}
.editor-actions,.dialog-actions{border-top-color:rgba(231,222,201,.09)!important}
.new-event-box{border-color:rgba(226,161,58,.18)!important}
.claim img{background:#0d1114!important}

/* ===== Merchant onboarding / portal ===== */
.choice:has(input:checked),.agreement:has(input:checked){border-color:rgba(226,161,58,.38)!important;background:rgba(226,161,58,.075)!important}
.choice input,.agreement input,.check input,.attendance-check input{accent-color:var(--bwp-amber)}
.success-card.show{border-color:rgba(44,183,165,.30)!important}
.success-card .status{color:var(--bwp-teal-hi)!important}
.drop{border-color:rgba(226,161,58,.22)!important;background:rgba(226,161,58,.025)!important}
.drop:hover{border-color:rgba(226,161,58,.42)!important}
.selected{color:#d9d1c3!important;background:rgba(231,222,201,.035)!important}
.freshness{color:#c9c1b2!important;background:rgba(231,222,201,.025)!important}

/* ===== Security + scanner admin ===== */
.ops-back{color:var(--bwp-amber-hi)!important}
.ops-stat,.signal-card,.ranked-row,.scanner-search-card,.scanner-lab-config,.lab-summary-card,.lab-result-card{
  border-color:rgba(231,222,201,.10)!important;
  background:rgba(231,222,201,.025)!important;
}
.ops-stat strong,.signal-card strong,.lab-summary-card strong{color:#f1ede4!important}
.bar-track{background:rgba(231,222,201,.07)!important}
.bar-fill{background:linear-gradient(90deg,var(--bwp-amber),var(--bwp-teal))!important}
.bar-fill.success{background:linear-gradient(90deg,#3db9a8,var(--bwp-teal))!important}
.bar-fill.warn{background:linear-gradient(90deg,#ce8830,var(--bwp-amber-hi))!important}
.rank-number{color:#251a0c!important;background:var(--bwp-amber)!important}
.recent-table thead{background:#171d21!important}
th{color:#aaa18f!important}
th,td{border-bottom-color:rgba(231,222,201,.09)!important}
.lab-selected-card.selected{border-color:rgba(231,222,201,.11)!important;background:rgba(231,222,201,.025)!important}
.lab-search-item{border-color:rgba(231,222,201,.09)!important;background:rgba(231,222,201,.025)!important}

/* ===== Cache update ===== */
body.cache-update-page{display:grid;place-items:center}
body.cache-update-page main{
  border:1px solid rgba(226,161,58,.25)!important;
  border-radius:13px!important;
  background:
    repeating-linear-gradient(115deg,rgba(255,255,255,.010) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#1a2025,#14191d)!important;
  box-shadow:var(--bwp-shadow)!important;
}
body.cache-update-page button{
  color:#20170b!important;
  background:linear-gradient(180deg,#f0b750,#d8952e)!important;
}

/* ===== Mobile ===== */
@media(max-width:720px){
  .shell,.admin-shell,.ops-shell{width:min(100% - 20px,1180px)!important;padding-left:0!important;padding-right:0!important}
  .top,.topbar,.ops-top{gap:10px!important}
  .brand img[src*="brand-mark"]{width:34px!important;height:34px!important}
  .panel,.ops-card,.filter-card{border-radius:11px!important}
}

/* ===== Trader profile ===== */
.login-logo,.brand-lockup img{
  filter:grayscale(.28) sepia(.32) saturate(.88) brightness(1.05) drop-shadow(0 7px 16px rgba(0,0,0,.24))!important;
}
.trader-hero{
  border-color:rgba(226,161,58,.22)!important;
  background:
    linear-gradient(90deg,rgba(226,161,58,.05),transparent 22%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.010) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#1a2025,#14191d)!important;
}
.trader-badges span,.trader-stock-badge{
  color:#d8d1c5!important;
  border-color:rgba(231,222,201,.13)!important;
  background:rgba(231,222,201,.035)!important;
}
.trader-stock-badge{color:var(--bwp-teal-hi)!important;border-color:rgba(44,183,165,.24)!important;background:rgba(44,183,165,.07)!important}
.trader-card-row,.trader-event-card{
  border-color:rgba(231,222,201,.10)!important;
  background:linear-gradient(180deg,rgba(231,222,201,.028),rgba(231,222,201,.014))!important;
}
.trader-card-row em{color:var(--bwp-amber-hi)!important}
.trader-chase-highlight{border-color:rgba(44,183,165,.40)!important;background:rgba(44,183,165,.055)!important}
.trader-map-frame{background:#101519!important}
.trader-event-context,.chase-trader-basket-main .trader-event-context,.find-card-offer-main .trader-event-context,.budget-local-trader .trader-event-context{color:#d6aa62!important}
.trader-event-card span{color:#e2bd7d!important;border-color:rgba(226,161,58,.23)!important;background:rgba(226,161,58,.055)!important}
.trader-event-card em{color:var(--bwp-teal-hi)!important}
.trader-event-card small,.trader-event-card p{color:#9ea6aa!important}
.trader-event-flags b{color:#bff0e7!important;border-color:rgba(44,183,165,.22)!important;background:rgba(44,183,165,.055)!important}