/* =========================================================
   VANCE CEYLON — OWNER STUDIO DAY / NIGHT THEME
   Day mode preserves the approved light admin design.
   Night mode is an admin-only visual layer.
========================================================= */

.admin-theme-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:76px;
  white-space:nowrap;
}

.admin-theme-icon{
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  font-size:16px;
  line-height:1;
}

.admin-theme-label{
  font-size:11px;
  font-weight:700;
}

/* Smooth theme change without slowing normal page interactions. */
body,
.topbar,
.sidebar,
.glass,
button,
input,
select,
textarea,
th,
td,
.vrcon-stat,
#vanceManualBilling .vmb-item-row,
.vance-analytics-panel,
.vance-stat-card,
.vf-card{
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}

/* ---------------- NIGHT MODE ---------------- */
html[data-admin-theme="night"]{
  color-scheme:dark;
  --bg:#0d0f11;
  --ink:#f4f5f6;
  --muted:#9b9ea3;
  --line:#2b2e33;
  background:#0d0f11;
}

html[data-admin-theme="night"] body{
  background:#0d0f11!important;
  color:#f4f5f6!important;
}

html[data-admin-theme="night"] .ambient{
  display:block!important;
  background:
    radial-gradient(ellipse at 12% 4%,rgba(255,255,255,.055),transparent 40%),
    radial-gradient(ellipse at 92% 82%,rgba(255,255,255,.035),transparent 44%)!important;
}

html[data-admin-theme="night"] .topbar{
  background:rgba(16,18,21,.95)!important;
  border-bottom-color:#292c31!important;
  color:#f4f5f6!important;
}

html[data-admin-theme="night"] .admin-brand-lockup,
html[data-admin-theme="night"] .admin-brand-lockup:visited,
html[data-admin-theme="night"] .admin-brand-copy strong,
html[data-admin-theme="night"] .brand{
  color:#f4f5f6!important;
  text-decoration:none!important;
}

html[data-admin-theme="night"] .admin-brand-copy small,
html[data-admin-theme="night"] .topbar small,
html[data-admin-theme="night"] .admin-login-brand span{
  color:#9b9ea3!important;
}

html[data-admin-theme="night"] .workspace{
  color:#f4f5f6!important;
}

html[data-admin-theme="night"] .sidebar,
html[data-admin-theme="night"] .glass,
html[data-admin-theme="night"] .modern-kpis article,
html[data-admin-theme="night"] .vance-analytics-panel,
html[data-admin-theme="night"] .vance-stat-card,
html[data-admin-theme="night"] .vf-card,
html[data-admin-theme="night"] .vrcon-stat{
  background:#17191d!important;
  color:#f4f5f6!important;
  border-color:#2a2d32!important;
  box-shadow:none!important;
}

html[data-admin-theme="night"] .modern-kpis article:first-child{
  background:linear-gradient(135deg,#050607,#202328)!important;
  color:#fff!important;
}

html[data-admin-theme="night"] .sidebar nav button{
  color:#d9dbde!important;
  background:transparent!important;
}

html[data-admin-theme="night"] .sidebar nav button::before{
  color:#aeb2b8!important;
}

html[data-admin-theme="night"] .sidebar nav button:hover{
  background:#22252a!important;
  color:#fff!important;
}

html[data-admin-theme="night"] .sidebar nav button.active{
  background:#f4f5f6!important;
  color:#111315!important;
}

html[data-admin-theme="night"] .sidebar nav button.active::before{
  color:#111315!important;
}

html[data-admin-theme="night"] .modern-view-store{
  background:#f4f5f6!important;
  color:#111315!important;
}

html[data-admin-theme="night"] button{
  background:#1b1e22!important;
  color:#eef0f2!important;
  border-color:#353940!important;
}

html[data-admin-theme="night"] button:hover{
  background:#25292e!important;
  border-color:#51565e!important;
}

html[data-admin-theme="night"] button.primary,
html[data-admin-theme="night"] .primary{
  background:#f3f4f5!important;
  color:#111315!important;
  border-color:#f3f4f5!important;
}

html[data-admin-theme="night"] button.primary:hover,
html[data-admin-theme="night"] .primary:hover{
  background:#dfe1e4!important;
  color:#111315!important;
}

html[data-admin-theme="night"] input,
html[data-admin-theme="night"] select,
html[data-admin-theme="night"] textarea{
  background:#0f1114!important;
  color:#f2f3f4!important;
  border-color:#34383e!important;
}

html[data-admin-theme="night"] input::placeholder,
html[data-admin-theme="night"] textarea::placeholder{
  color:#747982!important;
}

html[data-admin-theme="night"] input[type=checkbox],
html[data-admin-theme="night"] input[type=radio]{
  accent-color:#f2f3f4!important;
}

html[data-admin-theme="night"] label{
  color:#c4c7cb!important;
}

html[data-admin-theme="night"] h1,
html[data-admin-theme="night"] h2,
html[data-admin-theme="night"] h3,
html[data-admin-theme="night"] h4,
html[data-admin-theme="night"] strong{
  color:inherit;
}

html[data-admin-theme="night"] .eyebrow,
html[data-admin-theme="night"] .muted,
html[data-admin-theme="night"] .modern-period>span,
html[data-admin-theme="night"] .vance-stat-label,
html[data-admin-theme="night"] .vance-stat-note,
html[data-admin-theme="night"] .vrcon-stat span{
  color:#9b9fa6!important;
}

html[data-admin-theme="night"] #message,
html[data-admin-theme="night"] .message{
  background:#17191d!important;
  color:#c7cad0!important;
  border-color:#30343a!important;
}

html[data-admin-theme="night"] #message.error,
html[data-admin-theme="night"] .message.error{
  background:#26191a!important;
  color:#ffb9bd!important;
  border-color:#704247!important;
}

html[data-admin-theme="night"] table,
html[data-admin-theme="night"] .vf-table,
html[data-admin-theme="night"] .vmb-table,
html[data-admin-theme="night"] .vr-table,
html[data-admin-theme="night"] .vrcon-table{
  color:#e9ebed!important;
}

html[data-admin-theme="night"] th,
html[data-admin-theme="night"] .vf-table th{
  background:#1d2024!important;
  color:#9fa4ab!important;
}

html[data-admin-theme="night"] td,
html[data-admin-theme="night"] th,
html[data-admin-theme="night"] .vf-table td,
html[data-admin-theme="night"] .vf-table th,
html[data-admin-theme="night"] .vmb-table td,
html[data-admin-theme="night"] .vmb-table th,
html[data-admin-theme="night"] .vr-table td,
html[data-admin-theme="night"] .vr-table th,
html[data-admin-theme="night"] .vrcon-table td,
html[data-admin-theme="night"] .vrcon-table th{
  border-bottom-color:#2c3035!important;
}

html[data-admin-theme="night"] td small{
  color:#92969d!important;
}

html[data-admin-theme="night"] .badge{
  background:#22262b!important;
  color:#bcd3c3!important;
}

html[data-admin-theme="night"] .modern-status,
html[data-admin-theme="night"] .order>.actions{
  border-color:#2b2f34!important;
}

html[data-admin-theme="night"] .modern-product-thumb,
html[data-admin-theme="night"] .modern-collection-img{
  background:#22252a!important;
}

html[data-admin-theme="night"] .collection-row{
  border-color:#2c3035!important;
  background:#17191d!important;
}

html[data-admin-theme="night"] .collection-row small,
html[data-admin-theme="night"] .modern-collection-img{
  color:#9499a0!important;
}

html[data-admin-theme="night"] .modern-bars span{
  background:#747a82!important;
}

html[data-admin-theme="night"] .modern-bars>div:last-child span{
  background:#f1f2f3!important;
}

/* Analytics */
html[data-admin-theme="night"] #vanceAnalyticsDashboard{
  color:#f4f5f6!important;
}

html[data-admin-theme="night"] .vance-stat-number,
html[data-admin-theme="night"] .vance-analytics-title h2{
  color:#f4f5f6!important;
}

html[data-admin-theme="night"] .vance-analytics-period button,
html[data-admin-theme="night"] .vance-period-btn{
  background:#17191d!important;
  color:#c9ccd1!important;
  border-color:#34383e!important;
}

html[data-admin-theme="night"] .vance-analytics-period button.active,
html[data-admin-theme="night"] .vance-period-btn.active{
  background:#f3f4f5!important;
  color:#111315!important;
}

/* Finance */
html[data-admin-theme="night"] .vf-warning{
  background:#261f12!important;
  border-color:#66562e!important;
  color:#e9d59b!important;
}

/* Returns & refunds */
html[data-admin-theme="night"] #vanceRefunds .vr-warning{
  border-left-color:#f2f3f4!important;
}

html[data-admin-theme="night"] .vr-pending{
  background:#3a321f!important;
  color:#ead89d!important;
}

html[data-admin-theme="night"] .vr-refunded{
  background:#f1f2f3!important;
  color:#111315!important;
}

html[data-admin-theme="night"] .vr-rejected{
  background:#272a2f!important;
  color:#aeb2b8!important;
}

/* Reconciliation */
html[data-admin-theme="night"] .vrcon-stat{
  border-color:#30343a!important;
}

html[data-admin-theme="night"] .vrcon-variance{
  border-color:#d7dade!important;
}

html[data-admin-theme="night"] .vrcon-variance.ok{
  border-color:#55aa78!important;
}

html[data-admin-theme="night"] .vrcon-variance.diff{
  border-color:#db8159!important;
}

html[data-admin-theme="night"] .vrcon-badge{
  border-color:#656a72!important;
  color:#c9ccd1!important;
}

html[data-admin-theme="night"] .vrcon-badge.reconciled{
  border-color:#55aa78!important;
  color:#78cf99!important;
}

html[data-admin-theme="night"] .vrcon-badge.difference{
  border-color:#db8159!important;
  color:#ef9c76!important;
}

/* Manual billing */
html[data-admin-theme="night"] #vanceManualBilling .vmb-item-row{
  background:#111316!important;
  border-color:#2c3035!important;
}

html[data-admin-theme="night"] #vanceManualBilling .vmb-total-box{
  background:#050607!important;
  color:#fff!important;
  border-color:#34383e!important;
}

html[data-admin-theme="night"] #vanceManualBilling .vmb-status{
  background:#292d32!important;
  color:#bdc1c7!important;
}

html[data-admin-theme="night"] #vanceManualBilling .vmb-paid{
  background:#183122!important;
  color:#79d69b!important;
}

html[data-admin-theme="night"] #vanceManualBilling .vmb-unpaid{
  background:#372b15!important;
  color:#e8c77c!important;
}

html[data-admin-theme="night"] #vanceManualBilling .vmb-void{
  background:#292d32!important;
  color:#9da2a9!important;
}

/* New-arrival/media/editor surfaces */
html[data-admin-theme="night"] #vanceNewArrivalsAdmin .vance-na-slot,
html[data-admin-theme="night"] #vanceNewArrivalsAdmin .vance-na-preview{
  background:#111316!important;
  border-color:#30343a!important;
}

html[data-admin-theme="night"] .studio-preview,
html[data-admin-theme="night"] .media-grid img{
  background:#111316!important;
}

/* Mobile cards used by Returns & Refunds. */
@media(max-width:760px){
  .admin-theme-label{display:none!important}
  .admin-theme-toggle{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:50%!important;
  }

  html[data-admin-theme="night"],
  html[data-admin-theme="night"] body{
    background:#0d0f11!important;
  }

  html[data-admin-theme="night"] .topbar{
    background:rgba(16,18,21,.97)!important;
  }

  html[data-admin-theme="night"] .sidebar{
    background:#14161a!important;
    box-shadow:0 20px 70px rgba(0,0,0,.55)!important;
  }

  html[data-admin-theme="night"] .vr-table tr{
    background:#17191d!important;
    border-color:#30343a!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body,.topbar,.sidebar,.glass,button,input,select,textarea,th,td,.vrcon-stat,
  #vanceManualBilling .vmb-item-row,.vance-analytics-panel,.vance-stat-card,.vf-card{
    transition:none!important;
  }
}

/* =========================================================
   VANCE CEYLON — ADMIN THEME TOGGLE VISIBILITY HOTFIX
   Build: 20261014-theme-visible-2
========================================================= */
#adminThemeToggle{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  flex:0 0 auto !important;
}

@media(max-width:760px){
  .topbar>.actions{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    min-width:max-content !important;
  }

  #adminThemeToggle{
    display:grid !important;
    place-items:center !important;
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:50% !important;
    order:1 !important;
    z-index:5 !important;
  }

  .topbar #logout{
    order:2 !important;
    flex:0 0 auto !important;
  }
}

@media(max-width:430px){
  .topbar{
    gap:7px !important;
    padding-left:9px !important;
    padding-right:9px !important;
  }
  .admin-brand-lockup{
    gap:6px !important;
  }
  .admin-brand-lockup img{
    width:32px !important;
    height:32px !important;
    flex-basis:32px !important;
  }
  .admin-brand-copy strong{
    font-size:10px !important;
    letter-spacing:.055em !important;
  }
  .admin-brand-copy small{
    display:none !important;
  }
  .topbar #logout{
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:9px !important;
  }
}