:root{
  --sgp-theme-surface:#ffffff;
  --sgp-theme-surface-2:#f7f9fc;
  --sgp-theme-text:#172033;
  --sgp-theme-muted:#667085;
  --sgp-theme-line:#e4eaf2;
  --sgp-theme-navy:#082c7a;
}
html[data-sgp-theme="dark"]{
  color-scheme:dark;
  --sgp-theme-surface:#0d1a2b;
  --sgp-theme-surface-2:#07111f;
  --sgp-theme-text:#f4f7fb;
  --sgp-theme-muted:#a9b7c9;
  --sgp-theme-line:#26384f;
  --sgp-theme-navy:#dbe8ff;
}
html[data-sgp-theme="dark"] body{
  background:#07111f!important;
  color:#f4f7fb!important;
}
.sgp-theme-switch{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.sgp-theme-button{
  width:38px;height:38px;border-radius:999px;border:1px solid #d9e2ee;background:#fff;color:#082c7a;
  display:inline-grid;place-items:center;cursor:pointer;font:inherit;font-size:1.02rem;font-weight:900;
  box-shadow:0 1px 2px #06172c0a;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease
}
.sgp-theme-button:hover{transform:translateY(-1px);border-color:#b9cbe2}
.sgp-theme-button:focus-visible,.sgp-theme-option:focus-visible{outline:3px solid #1565f533;outline-offset:2px}
.sgp-theme-menu{
  position:absolute;top:46px;right:0;z-index:120;min-width:174px;padding:7px;background:#fff;border:1px solid #dfe6ef;
  border-radius:15px;box-shadow:0 18px 45px #06172c2e;display:grid;gap:3px
}
.sgp-theme-menu[hidden]{display:none!important}
.sgp-theme-option{
  border:0;background:transparent;color:#344054;border-radius:10px;padding:10px 11px;display:flex;align-items:center;
  gap:9px;text-align:left;cursor:pointer;font:inherit;font-size:.82rem;font-weight:800
}
.sgp-theme-option:hover,.sgp-theme-option[aria-checked="true"]{background:#eef4ff;color:#0e4aa8}
.sgp-theme-option .sgp-theme-check{margin-left:auto;opacity:0;font-weight:950}
.sgp-theme-option[aria-checked="true"] .sgp-theme-check{opacity:1}
[dir="rtl"] .sgp-theme-menu{right:auto;left:0}
[dir="rtl"] .sgp-theme-option{text-align:right}
[dir="rtl"] .sgp-theme-option .sgp-theme-check{margin-left:0;margin-right:auto}

html[data-sgp-theme="dark"] .sgp-theme-button{
  background:#10243a;color:#f4f7fb;border-color:#30465f
}
html[data-sgp-theme="dark"] .sgp-theme-menu{
  background:#0d1a2b;border-color:#2a3d55;box-shadow:0 18px 45px #0008
}
html[data-sgp-theme="dark"] .sgp-theme-option{color:#dbe5f0}
html[data-sgp-theme="dark"] .sgp-theme-option:hover,
html[data-sgp-theme="dark"] .sgp-theme-option[aria-checked="true"]{background:#173252;color:#dcecff}

/* SunuGatePass public website */
html[data-sgp-theme="dark"] .site{background:#07111f}
html[data-sgp-theme="dark"] .topbar{background:#0a1727f2!important;border-bottom-color:#26384f!important}
html[data-sgp-theme="dark"] .brand strong,
html[data-sgp-theme="dark"] .nav,
html[data-sgp-theme="dark"] .nav a,
html[data-sgp-theme="dark"] .hero h1,
html[data-sgp-theme="dark"] .section h2,
html[data-sgp-theme="dark"] .event-card h3,
html[data-sgp-theme="dark"] .step h3,
html[data-sgp-theme="dark"] .faq summary,
html[data-sgp-theme="dark"] .upcoming-empty h3,
html[data-sgp-theme="dark"] .phone-top strong,
html[data-sgp-theme="dark"] .phone-ticket strong{color:#f4f7fb!important}
html[data-sgp-theme="dark"] .brand small,
html[data-sgp-theme="dark"] .hero p,
html[data-sgp-theme="dark"] .hero-note,
html[data-sgp-theme="dark"] .section-copy,
html[data-sgp-theme="dark"] .event-meta,
html[data-sgp-theme="dark"] .step p,
html[data-sgp-theme="dark"] .faq p,
html[data-sgp-theme="dark"] .upcoming-empty p,
html[data-sgp-theme="dark"] .phone-ticket small,
html[data-sgp-theme="dark"] .qr-note{color:#a9b7c9!important}
html[data-sgp-theme="dark"] .event-card,
html[data-sgp-theme="dark"] .step,
html[data-sgp-theme="dark"] .faq details,
html[data-sgp-theme="dark"] .empty,
html[data-sgp-theme="dark"] .upcoming-empty,
html[data-sgp-theme="dark"] .mini-event,
html[data-sgp-theme="dark"] .phone,
html[data-sgp-theme="dark"] .phone-ticket,
html[data-sgp-theme="dark"] .mobile-menu-panel,
html[data-sgp-theme="dark"] .mobile-menu summary,
html[data-sgp-theme="dark"] .mobile-quicknav,
html[data-sgp-theme="dark"] .search input,
html[data-sgp-theme="dark"] .btn.light,
html[data-sgp-theme="dark"] .language{
  background:#0d1a2b!important;color:#f4f7fb!important;border-color:#26384f!important
}
html[data-sgp-theme="dark"] .phone-ticket{background:#102136!important}
html[data-sgp-theme="dark"] .mobile-menu-panel a{color:#dce5ef!important}
html[data-sgp-theme="dark"] .mobile-menu-panel a:hover{background:#142940!important;color:#fff!important}
html[data-sgp-theme="dark"] .mobile-menu-panel a.primary-link{background:linear-gradient(135deg,#0e4aa8,#1565f5)!important;color:#fff!important}
html[data-sgp-theme="dark"] .mobile-quicknav a{color:#a9b7c9!important}
html[data-sgp-theme="dark"] .mobile-quicknav a strong{color:#dbe8ff!important}
html[data-sgp-theme="dark"] .event-category-btn{background:#0d1a2b!important;color:#c8d4e2!important;border-color:#26384f!important}
html[data-sgp-theme="dark"] .event-category-btn.active{background:linear-gradient(135deg,#0e4aa8,#1565f5)!important;color:#fff!important;border-color:transparent!important}
html[data-sgp-theme="dark"] .launch-note{background:#102a4a!important;color:#cfe1ff!important;border-color:#24466e!important}
/* Keep sponsor strip and brand logos true to their original artwork */
html[data-sgp-theme="dark"] .ad-ticker{background:#fff!important;color:#082c7a!important;border-color:#e4eaf2!important}
html[data-sgp-theme="dark"] .ad-item,
html[data-sgp-theme="dark"] .ad-brand{color:#082c7a!important}

/* SunuGatePass signed-in platform */
html[data-sgp-theme="dark"] .layout,
html[data-sgp-theme="dark"] .main{background:#07111f!important}
html[data-sgp-theme="dark"] .side,
html[data-sgp-theme="dark"] .app-menu-panel,
html[data-sgp-theme="dark"] .app-menu-head,
html[data-sgp-theme="dark"] .app-menu-nav,
html[data-sgp-theme="dark"] .app-menu-nav button,
html[data-sgp-theme="dark"] .app-menu-close,
html[data-sgp-theme="dark"] .menu-toggle,
html[data-sgp-theme="dark"] .platform-language,
html[data-sgp-theme="dark"] .customer-language{
  background:#0d1a2b!important;color:#f4f7fb!important;border-color:#26384f!important
}
html[data-sgp-theme="dark"] .menu-toggle span{background:#dbe8ff!important}
html[data-sgp-theme="dark"] .app-menu-head strong{color:#f4f7fb!important}
html[data-sgp-theme="dark"] .app-menu-head span,
html[data-sgp-theme="dark"] .app-menu-group-label{color:#91a3b8!important}
html[data-sgp-theme="dark"] .app-menu-group+.app-menu-group{border-top-color:#26384f!important}
html[data-sgp-theme="dark"] .app-menu-nav button:hover,
html[data-sgp-theme="dark"] .app-menu-nav button.active{background:#173252!important;color:#dcecff!important}
html[data-sgp-theme="dark"] input,
html[data-sgp-theme="dark"] textarea,
html[data-sgp-theme="dark"] select:not(.language):not(.customer-language):not(.platform-language){
  background:#0d1a2b!important;color:#f4f7fb!important;border-color:#31465e!important
}
html[data-sgp-theme="dark"] .btn.light,
html[data-sgp-theme="dark"] .chip,
html[data-sgp-theme="dark"] .card,
html[data-sgp-theme="dark"] .panel,
html[data-sgp-theme="dark"] .table-wrap,
html[data-sgp-theme="dark"] table,
html[data-sgp-theme="dark"] th,
html[data-sgp-theme="dark"] td{
  background-color:#0d1a2b!important;color:#eaf0f7!important;border-color:#26384f!important
}

@media(max-width:600px){
  .sgp-theme-button{width:36px;height:36px}
  .sgp-theme-menu{top:43px;min-width:166px}
}
@media(prefers-reduced-motion:reduce){
  .sgp-theme-button{transition:none}
}