:root{--pc-coral:#F27A68;--pc-coral-deep:#E96856;--pc-navy:#16213B;--pc-navy-soft:#26324D;--pc-muted:#6E7688;--pc-cream:#FBF9F6;--pc-white:#fff;--pc-surface:#F6F5F2;--pc-surface-blue:#F4F6FA;--pc-line:#E8E6E1;--pc-green:#447C68;--pc-shadow:0 18px 50px rgba(22,33,59,.08)}
html,body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif!important}
body{background:var(--pc-cream)!important;color:var(--pc-navy)!important}
a{color:inherit}
/* real brand asset everywhere */
.brand-mark,.merchant-avatar,.logo{background-color:transparent!important;background-image:url('/assets/pok-card-logo-primary.png')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;color:transparent!important;border-radius:0!important;box-shadow:none!important}
.brand-name,.logo-name{color:var(--pc-navy)!important}
/* controls */
button,.button,.btn{border-radius:12px!important}
.button.primary,.btn-primary,.nav-item.active,.staff-action{background:var(--pc-coral)!important;color:#fff!important}
.button.primary:hover,.btn-primary:hover{background:var(--pc-coral-deep)!important}
.button.dark{background:var(--pc-navy)!important;color:#fff!important}
input,select,textarea{border-color:var(--pc-line)!important;color:var(--pc-navy)!important;background:#fff!important}
input:focus,select:focus,textarea:focus{border-color:var(--pc-coral)!important;box-shadow:0 0 0 3px rgba(242,122,104,.12)!important}
/* customer join/card pages */
.screen{color:var(--pc-navy)!important}
body:not(.staff-theme) .screen::before{content:"";display:block;width:142px;height:42px;background:url('/assets/pok-card-logo-primary.png') left center/contain no-repeat;margin:4px 0 28px}
h1.title{color:var(--pc-navy)!important;font-family:inherit!important}
p.sub,.field-label{color:var(--pc-muted)!important}
.btn-outline{border:1px solid var(--pc-line)!important;color:var(--pc-navy)!important;background:#fff!important}
.ticket{background:#fff!important;color:var(--pc-navy)!important;border:1px solid var(--pc-line)!important;box-shadow:var(--pc-shadow)!important}
.stamp-dot.filled{background:var(--pc-coral)!important}
/* merchant admin */
.admin-shell{background:var(--pc-cream)!important}
.sidebar{background:#fff!important;color:var(--pc-navy)!important;border-right:1px solid var(--pc-line)!important}
.sidebar .brand{margin-bottom:30px!important}
.sidebar .brand-mark{width:132px!important;height:42px!important}
.sidebar .brand-name,.sidebar .brand-subtitle{display:none!important}
.nav-item{color:var(--pc-muted)!important}
.nav-item:hover{background:#F4E8E4!important;color:var(--pc-navy)!important}
.nav-item.active{background:#F4E8E4!important;color:var(--pc-coral-deep)!important}
.merchant-box{border-top-color:var(--pc-line)!important}.merchant-box span{color:var(--pc-muted)!important}
.main-content{background:var(--pc-cream)!important}
.stat-card,.panel,.card,.section-card{background:#fff!important;border-color:var(--pc-line)!important;box-shadow:none!important}
.eyebrow{color:var(--pc-coral-deep)!important}
/* legacy inline admin dashboard */
aside,[class*="sidebar"]{border-color:var(--pc-line)}
/* Staff app: same product, coral-first, no detached dark app */
body.staff-theme{background:var(--pc-cream)!important}
.staff-shell,.staff-card,.login-card{background:#fff!important;color:var(--pc-navy)!important;border-color:var(--pc-line)!important}
/* mobile */
@media(max-width:760px){
  .screen{max-width:520px!important;padding:24px 20px!important}
  body:not(.staff-theme) .screen::before{width:128px;height:38px;margin-bottom:24px}
  .admin-shell{display:block!important;padding-bottom:78px!important}
  .sidebar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:72px!important;padding:7px 8px!important;z-index:1000!important;border-right:0!important;border-top:1px solid var(--pc-line)!important}
  .sidebar .brand,.sidebar .merchant-box{display:none!important}
  .sidebar .nav{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:3px!important}
  .sidebar .nav-item{padding:9px 2px!important;text-align:center!important;font-size:11px!important;white-space:nowrap!important}
  .main-content{padding:24px 18px 96px!important}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .topbar{gap:12px!important}
}
/* page-specific final overrides loaded last */
.staff-theme{background:var(--pc-cream)!important;color:var(--pc-navy)!important}
.staff-theme .container,.staff-theme .app,.staff-theme main{color:var(--pc-navy)!important}
.staff-theme .logo-row{margin-bottom:28px!important}.staff-theme .logo{width:142px!important;height:42px!important}.staff-theme .logo-name,.staff-theme .logo-subtitle{display:none!important}
.staff-theme input{background:#fff!important;color:var(--pc-navy)!important;border-color:var(--pc-line)!important}
.staff-theme button{background:var(--pc-coral)!important;color:#fff!important}.staff-theme button.secondary{background:#fff!important;color:var(--pc-navy)!important;border:1px solid var(--pc-line)!important}
.staff-theme [style*="background: #11151d"],.staff-theme [style*="background:#11151d"]{background:var(--pc-cream)!important}

/* FINAL BRAND LOCK: Coral is the product accent. Navy is contrast only. */
:root{--orange:var(--pc-coral)!important;--blue:var(--pc-coral)!important;--blue-2:var(--pc-coral)!important;--stamp-blue:var(--pc-coral)!important;--ink:var(--pc-navy)!important;--navy:var(--pc-navy)!important}
.btn-primary,.primary-btn,.submit-btn,.login-btn,.cta-btn,.download-btn,button[type="submit"]{background:var(--pc-coral)!important;border-color:var(--pc-coral)!important;color:#fff!important}
.btn-primary:hover,.primary-btn:hover,.submit-btn:hover,.login-btn:hover,.cta-btn:hover,button[type="submit"]:hover{background:var(--pc-coral-deep)!important;border-color:var(--pc-coral-deep)!important}
.sidebar .nav-item.active,.nav-link.active{background:#FCEAE6!important;color:var(--pc-coral-deep)!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(242,122,104,.28)!important;outline-offset:2px}
@media(max-width:760px){body.staff-theme .topbar::before{content:"";display:block;width:120px;height:36px;background:url('/assets/pok-card-logo-primary.png') left center/contain no-repeat;flex:0 0 120px}}
html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
  font-family: Inter, "Noto Sans Thai", "Tahoma", system-ui, sans-serif;
}

.language-switcher {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(16, 24, 40, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 30px rgba(16, 24, 40, 0.16);
  backdrop-filter: blur(12px);
}

.language-switcher button {
  min-width: 38px;
  min-height: 34px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #4b5563;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.language-switcher button.active {
  background: #F27A68;
  color: #ffffff;
}

@media (max-width: 640px) {
  .language-switcher {
    right: 12px;
    bottom: 12px;
  }
}