/* ===================== ダーク (dark colours for the staff pages) =====================
   Chosen in 設定 → 画面の色, kept on this device (localStorage "gr-theme"), applied as <html data-theme="dark">.
   Deep espresso ground, warm cream type; the coral band, the apricot main buttons and the coral accents stay,
   so the pages keep the same character, only quieter. */
:root[data-theme="dark"]{color-scheme:dark}
:root[data-theme="dark"] body.lux{
  --bg:#16100E; --surface:#211814; --soft:#2B201B; --ink:#F2E4DA; --muted:#B39C91; --line:#3A2B25; --blush:#4A352C;
  --goldline:#8C5A44; --goldtext:#FF8A66; --ok:#E3A86A;
  --gloss-band:radial-gradient(130% 55% at 15% 0%,rgba(255,255,255,.18),rgba(255,255,255,0) 60%),linear-gradient(168deg,#E9532F 0%,#D23F24 45%,#A92F1B 100%);
  --shimmer:linear-gradient(90deg,#6E4434 0%,#C98A6C 35%,#6E4434 60%,#B07A60 85%,#6E4434 100%);
  background:var(--bg); color:var(--ink);
}
:root[data-theme="dark"] .lux{color:var(--ink)}
:root[data-theme="dark"] .lux .muted,:root[data-theme="dark"] .lux .small.muted{color:var(--muted)}

/* headings and links */
:root[data-theme="dark"] .lux h1,:root[data-theme="dark"] .lux h2,:root[data-theme="dark"] .lux h3,:root[data-theme="dark"] .lux .card details.sub > summary,
:root[data-theme="dark"] .lux .adm::before,:root[data-theme="dark"] .lux .ttl,:root[data-theme="dark"] .wl-body h1,:root[data-theme="dark"] .lux .bar-in .evhead .evname,
:root[data-theme="dark"] .lux .pc .b .n,:root[data-theme="dark"] .lux .bar-in .evname{color:#F7E5D8}
:root[data-theme="dark"] .lux .adm::after,:root[data-theme="dark"] .lux .ttl .en{background:linear-gradient(180deg,#FFB08F 0%,#FF7A52 55%,#F0532F 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme="dark"] .lux .brand,:root[data-theme="dark"] .lux .evedit,:root[data-theme="dark"] .lux .linkbtn,:root[data-theme="dark"] .lux .bar-in .linkbtn,:root[data-theme="dark"] .lux a{color:#FF8A66}
:root[data-theme="dark"] .lux .btn,:root[data-theme="dark"] .lux a.btn{color:var(--ink)}

/* header (phones) and band (computers) */
:root[data-theme="dark"] .lux .bar,:root[data-theme="dark"] .lux:not(.adm-page) .bar{background-color:var(--bg)}
@media (min-width:1000px){
  :root[data-theme="dark"] .lux .atabs,:root[data-theme="dark"] .lux:not(.adm-page) .bar,:root[data-theme="dark"] .wl-band{background:var(--gloss-band)}
  :root[data-theme="dark"] .lux:not(.adm-page) .brand,:root[data-theme="dark"] .lux:not(.adm-page) .bar-in .linkbtn,:root[data-theme="dark"] .lux:not(.adm-page) .bar-in a{color:#fff}
}
@media (max-width:999px){
  :root[data-theme="dark"] .lux .atabs{background:var(--bg)}
  :root[data-theme="dark"] .lux .atabs button{color:var(--muted)}
  :root[data-theme="dark"] .lux .atabs button[aria-selected="true"]{color:#FF8A66}
  :root[data-theme="dark"] .wl-band{background:var(--bg)}
}
/* logos in cream where they sat on the light ground */
:root[data-theme="dark"] .lux .brandlogo img.bl-red{content:url(../assets/brand/lockup-plain-ondark.svg)}
:root[data-theme="dark"] .lux img.wl-logo.bl-red{content:url(../assets/brand/lockup-ondark.svg)}
:root[data-theme="dark"] .lux .luxfoot .lf-ink{display:none}
:root[data-theme="dark"] .lux .luxfoot .lf-cream{display:inline-block}
@media (max-width:999px){:root[data-theme="dark"] .lux .brandlogo img.bl-cream{content:url(../assets/brand/lockup-plain-ondark.svg)}}

/* cards, panels */
:root[data-theme="dark"] .lux .card,:root[data-theme="dark"] .lux .keycard,:root[data-theme="dark"] .lux .loginhere{background-color:var(--surface);color:var(--ink);box-shadow:0 1px 0 var(--line)}
:root[data-theme="dark"] .lux .pc{background:var(--surface);box-shadow:0 0 0 1px var(--line),0 6px 18px rgba(0,0,0,.25)}
:root[data-theme="dark"] .lux .pc .b,:root[data-theme="dark"] .lux .pc .b .msg{color:var(--ink)}
:root[data-theme="dark"] .lux .pc .b .tm{color:var(--muted)}
:root[data-theme="dark"] .lux .pc .a .btn:not(.primary){color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] .lux .url,:root[data-theme="dark"] .lux .newkeys{background:#1B1310;border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] .lux .emptybox{background:transparent;border-color:var(--line);color:var(--muted)}
:root[data-theme="dark"] .lux .demo-banner{background:var(--soft);color:var(--ink);border-left-color:#C98A6C}
:root[data-theme="dark"] .lux .staffqr{background:var(--surface);border-color:#E9532F}
:root[data-theme="dark"] .lux .qr{background:#fff}
:root[data-theme="dark"] .lux #toast{background:#F2E4DA;color:#2A1A14}
:root[data-theme="dark"] .lux .confirm{background:var(--soft);border-color:var(--line)}
:root[data-theme="dark"] .lux hr,:root[data-theme="dark"] .lux .sw{border-color:var(--line)}

/* form controls */
:root[data-theme="dark"] .lux input[type=text],:root[data-theme="dark"] .lux input[type=email],:root[data-theme="dark"] .lux input[type=number],:root[data-theme="dark"] .lux input[type=search],
:root[data-theme="dark"] .lux input[type=date],:root[data-theme="dark"] .lux input:not([type]),:root[data-theme="dark"] .lux textarea,:root[data-theme="dark"] .lux select,
:root[data-theme="dark"] .lux .field input[type=text],:root[data-theme="dark"] .lux .field input[type=email],:root[data-theme="dark"] .lux .field input[type=number],
:root[data-theme="dark"] .lux .keycard input,:root[data-theme="dark"] .lux #staffIn,:root[data-theme="dark"] .lux .enedit input,:root[data-theme="dark"] .lux #aMsgText,
:root[data-theme="dark"] .lux #eSearch,:root[data-theme="dark"] .lux .loginpanel .lp-mail,:root[data-theme="dark"] .lux .evform input{background:#1B1310;border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] .lux input::placeholder,:root[data-theme="dark"] .lux textarea::placeholder{color:#7E675C}
:root[data-theme="dark"] .lux input:focus,:root[data-theme="dark"] .lux select:focus,:root[data-theme="dark"] .lux textarea:focus{border-color:#C98A6C;box-shadow:0 0 0 3px rgba(233,83,47,.22)}
:root[data-theme="dark"] .lux .btn{border-color:#4A372F;background-color:transparent}
:root[data-theme="dark"] .lux .btn:not(.primary):hover{background:var(--soft);border-color:#C98A6C;color:var(--ink)}
:root[data-theme="dark"] .lux .btn.primary{color:#5A2412}
:root[data-theme="dark"] .lux .btn.danger{background:#C7432C;border-color:#C7432C;color:#fff}
:root[data-theme="dark"] .lux .seg,:root[data-theme="dark"] .lux .seg button{border-color:var(--line)}
:root[data-theme="dark"] .lux .seg button:not([aria-pressed="true"]){background:transparent;color:var(--muted)}
:root[data-theme="dark"] .lux .seg button[aria-pressed="true"]{color:#fff}
:root[data-theme="dark"] .lux .seg .sw-c{border-color:#4A372F}
:root[data-theme="dark"] .lux .toggle input:not(:checked) + span{background:#3A2B25;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
:root[data-theme="dark"] .lux .chip{background:var(--soft);border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] .lux .tabs button{color:var(--muted)}
:root[data-theme="dark"] .lux .tabs button[aria-pressed="true"]{color:#FF8A66}

/* sign-in page and footer */
:root[data-theme="dark"] .wl-body,:root[data-theme="dark"] .lux .welcome{background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] .lux .luxfoot{background:transparent;border-color:var(--line)}

/* camera relay page */
:root[data-theme="dark"] .campage{--bg:#16100E;--surface:#211814;--ink:#F2E4DA;--muted:#B39C91;--line:#3A2B25;background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] .campage .cam-h{background:var(--bg);border-bottom-color:#6E4434}
:root[data-theme="dark"] .campage .cam-logo{content:url(../assets/brand/lockup-plain-ondark.svg)}
:root[data-theme="dark"] .campage .cam .btn{color:var(--ink);border-color:#4A372F}
:root[data-theme="dark"] .campage .cam .btn.primary{color:#642A02}
:root[data-theme="dark"] .campage .cam .seg button:not([aria-pressed="true"]){color:var(--muted)}
:root[data-theme="dark"] .campage .card,:root[data-theme="dark"] .campage .cam-saved{background:var(--surface);border-top-color:#6E4434}
:root[data-theme="dark"] .campage .cam-st[data-k="standby"]{color:#E3B46A}
:root[data-theme="dark"] .campage .cam-st[data-k="live"]{color:#F0BE6E}
:root[data-theme="dark"] .campage input{background:#1B1310;border-color:var(--line);color:var(--ink)}

/* 設定: the two highlighted cards */
:root[data-theme="dark"] .lux .card.hl-card{background-color:#2A1B16;background-image:linear-gradient(180deg,#33201A 0%,#211814 70%);box-shadow:0 0 0 1px #4A3229,0 14px 34px -20px rgba(0,0,0,.6)}
:root[data-theme="dark"] .lux .hl-en{background:linear-gradient(180deg,#FFB08F 0%,#FF7A52 55%,#F0532F 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

:root[data-theme="dark"] .credit{color:#8E7A70}
:root[data-theme="dark"] .credit b{color:#C9B2A6}