/* ==========================================================
   V6 — UX premium white-label
   ========================================================== */
:root{
  --v6-radius:18px;
  --v6-line:#e7e7ed;
  --v6-shadow:0 10px 28px rgba(20,20,30,.055);
  --v6-soft:color-mix(in srgb,var(--brand) 7%,#fff);
}
body.customer-body{background:linear-gradient(180deg,#f5f5f8 0,#f7f7f9 40%,#f3f3f6 100%)}
.app-header{box-shadow:0 2px 14px rgba(20,20,30,.035)!important}
.header-row{max-width:1040px!important}
.raffle-modern-container{width:min(100% - 28px,1040px)!important}
.raffle-modern-heading{margin-top:4px;margin-bottom:12px}
.raffle-modern-heading h1{font-size:27px!important}
.raffle-my-tickets-btn{box-shadow:0 3px 10px rgba(0,0,0,.035)}

.v6-quick-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.v6-quick-nav a{background:#fff;border:1px solid var(--v6-line);border-radius:12px;padding:10px;display:flex;align-items:center;gap:8px;box-shadow:0 3px 10px rgba(0,0,0,.025)}
.v6-quick-nav span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--v6-soft)}
.v6-quick-nav b{font-size:10px}

.raffle-main-card{border-radius:var(--v6-radius)!important;box-shadow:var(--v6-shadow)!important;border-color:var(--v6-line)!important}
.raffle-main-media{aspect-ratio:16/8.2!important}
.raffle-main-content{padding:17px!important}
.raffle-main-title h2{font-size:21px!important}
.raffle-main-title p{font-size:11px!important;max-width:680px}
.raffle-unit-price{padding-left:12px}.raffle-unit-price strong{font-size:22px!important}
.raffle-status-chip,.raffle-highlight-chip{backdrop-filter:blur(8px);box-shadow:0 5px 14px rgba(0,0,0,.14)}
.v6-campaign-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0 10px}
.v6-campaign-facts>div{background:#f8f8fa;border:1px solid #ececf0;border-radius:10px;padding:9px 10px}
.v6-campaign-facts span,.v6-campaign-meta small{display:block;font-size:8px;text-transform:uppercase;color:#92929a;font-weight:900;letter-spacing:.05em}
.v6-campaign-facts b{display:block;font-size:11px;margin-top:3px;color:#303037}
.v6-progress small{display:flex!important;justify-content:flex-end;gap:3px}.v6-progress small b{color:var(--brand)}
.raffle-quick-grid button{border-radius:10px!important;transition:.18s transform,.18s border-color,.18s box-shadow}
.raffle-quick-grid button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.04)}
.raffle-buy-now{border-radius:10px!important;box-shadow:0 7px 18px color-mix(in srgb,var(--brand) 20%,transparent)}
.v6-safe-row{gap:10px;flex-wrap:wrap}.v6-safe-row span{font-weight:700}

.v6-feature-surface,.campaign-extra-card,.my-instant-prizes{border-radius:16px!important;box-shadow:0 5px 18px rgba(20,20,30,.035)!important;padding:16px!important}
.feature-title-row h2{font-size:17px!important}
.feature-icon{border-radius:11px!important}
.instant-ticket-grid article,.roulette-prizes article,.ranking-list>div{transition:.16s transform,.16s border-color}
.instant-ticket-grid article:hover,.roulette-prizes article:hover,.ranking-list>div:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 35%,#ddd)}

.raffle-home-section{margin-top:28px!important}
.raffle-section-head h2{font-size:17px!important}
.raffle-winner-list article,.raffle-waiting-card,.raffle-done-card{border-radius:12px!important;box-shadow:0 3px 12px rgba(20,20,30,.025)}
.raffle-modern-footer{margin-top:38px!important}

.v6-campaign-meta{grid-template-columns:repeat(2,1fr)!important}
.v6-campaign-meta>div{min-height:58px}
.v6-mobile-sticky-buy{position:fixed;left:10px;right:10px;bottom:82px;z-index:95;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border:1px solid #e1e1e6;border-radius:15px;box-shadow:0 14px 35px rgba(20,20,30,.18);padding:8px 9px;align-items:center;justify-content:space-between;gap:10px}
.v6-mobile-sticky-buy small{display:block;font-size:8px;color:#888;text-transform:uppercase;font-weight:900}
.v6-mobile-sticky-buy b{font-size:15px;color:var(--brand)}
.v6-mobile-sticky-buy button{border:0;background:var(--brand);color:#fff;border-radius:10px;min-height:42px;padding:0 18px;font-weight:900}

.v6-auth-trust{display:grid;gap:8px;margin-top:18px}
.v6-auth-trust span{font-size:10px;color:#ddd;background:rgba(255,255,255,.06);padding:9px 10px;border-radius:9px}

.admin-body{background:#f5f5f8!important}
.admin-shell{padding-top:18px!important}
.admin-tabs{background:#fff;border:1px solid #e5e5ea;border-radius:14px;padding:7px!important;box-shadow:0 4px 14px rgba(20,20,30,.035)}
.admin-tabs a{border:0!important;background:transparent!important}.admin-tabs a:hover{background:#f5f4f9!important;color:var(--brand)}
.admin-topline{padding:4px 0}.admin-topline h1{font-size:31px!important}
.stat-card,.panel-card{border-radius:16px!important;border-color:#e5e5ea!important;box-shadow:0 5px 18px rgba(20,20,30,.035)!important}
.v6-admin-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:5px 0 12px}
.v6-admin-shortcuts a{background:#fff;border:1px solid #e5e5ea;border-radius:14px;padding:13px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 14px rgba(20,20,30,.03)}
.v6-admin-shortcuts a>span{width:38px;height:38px;border-radius:10px;background:var(--v6-soft);display:grid;place-items:center;font-size:18px;color:var(--brand)}
.v6-admin-shortcuts b{display:block;font-size:11px}.v6-admin-shortcuts small{display:block;color:#888;font-size:8px;margin-top:2px}
.table tr:hover td{background:#fafafd}

@media(min-width:901px){
  .raffle-modern-home{padding-top:24px}
  .raffle-active-list{gap:16px}
  .raffle-main-card{display:grid;grid-template-columns:1.08fr .92fr}
  .raffle-main-media{aspect-ratio:auto!important;min-height:430px;height:100%}
  .raffle-main-content{display:flex;flex-direction:column;justify-content:center}
  .raffle-quick-grid{grid-template-columns:repeat(3,1fr)!important}
  .v6-safe-row{margin-top:9px}
}

@media(max-width:900px){
  .v6-admin-shortcuts{grid-template-columns:1fr 1fr}
}

@media(max-width:700px){
  .raffle-modern-container{width:min(100% - 16px,1040px)!important}
  .raffle-modern-heading{margin-top:2px}
  .raffle-modern-heading h1{font-size:22px!important}
  .v6-quick-nav{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:9px}
  .v6-quick-nav a{padding:7px 4px;display:grid;justify-items:center;gap:3px;text-align:center}
  .v6-quick-nav span{width:28px;height:28px}.v6-quick-nav b{font-size:8px}
  .raffle-main-card{border-radius:16px!important}
  .raffle-main-media{aspect-ratio:16/10!important}
  .raffle-main-content{padding:12px!important}
  .raffle-main-title h2{font-size:17px!important}
  .raffle-unit-price strong{font-size:18px!important}
  .v6-campaign-facts{gap:5px;margin:10px 0 8px}
  .v6-campaign-facts>div{padding:7px}.v6-campaign-facts b{font-size:9px}
  .raffle-quick-grid{gap:5px!important}
  .raffle-quick-grid button{min-height:44px!important}
  .v6-feature-surface,.campaign-extra-card,.my-instant-prizes{padding:12px!important}
  .feature-title-row{margin-bottom:9px!important}
  .feature-title-row h2{font-size:15px!important}
  .v6-safe-row{justify-content:space-between}.v6-safe-row span:nth-child(2){display:none}
  .v6-mobile-sticky-buy{display:flex!important}
  .roulette-combos{grid-template-columns:1fr 1fr!important}
  .instant-ticket-grid.mobile-expand-list article{grid-template-columns:86px 1fr auto!important}
  .v6-admin-shortcuts{grid-template-columns:1fr 1fr}
}

@media(max-width:430px){
  .v6-quick-nav b{font-size:7.5px}
  .v6-admin-shortcuts{grid-template-columns:1fr}
}