/* RM168 A 極簡科技（11-04 換皮，素材包 docs：tokens.css／使用說明.md）：
   同一套 wii789 版程式，BRAND=rm168 時 <html> 多一個 brand-rm168；這檔只蓋「品牌看得到」的部分——登入頁、頂列、公告列、主按鈕、表頭、頁籤、客服鈕。
   資料頁（帳單／KEY 單／明細）維持亮底卡片與表格（素材包第 5 條：純色卡片與表格、不鋪高亮背景；整站深色要另評影響範圍）。 */
html.brand-rm168{--brand:#1260D6;--pri:#1260D6;--brand-dark:#093F95;--brand-mid:#0C50B8;--brand-soft:#E8F0FF;--ink:#0D2F6B;--green:#1260D6;--gold:#2979FF;--gold-lt:#8ABCFF;--tint:#E8F0FF;--info:#1260D6;--ok:#1F9D6A;--accent:#1260D6;--accent-deep:#0D2F6B;--accent-dark:#093F95;--accent-mid:#0C50B8;--accent-bar:#2979FF;--accent-tag:#0C50B8;--accent-line:#B7C5D9;--accent-rgb:18,96,214;--accent-soft:#E8F0FF;--accent-pale:#E8F0FF;--accent-glow:#8ABCFF;--accent-guide:#1260D6;--accent-shot:#093F95;--accent-deep2:#0D2F6B;--ok-bs:#1F9D6A;--ok-deep:#167A52;--ok-lv:#167A52;--ok-dot:#5DDBA0;--ok-ring:#D7F3E6;--ok-bar:#5DDBA0;--ok-done:#1F9D6A;--ok-done-bg:#D7F3E6;--ok-wii:#1F9D6A;--hl-bet:#D7F3E6;--lv-best-bg:#EAF8F1;--win-bg:#E8F0FF;--run-bg:#F2F6FF;--press-bg:#EEF3FC;--grp-line:#C5D5F5;--pyr-bg:#F2F6FF;--pyr-line:#C5D5F5;--row2-line:#C5D5F5;--row2-bg:#F2F6FF;--qk-bg:#EEF3FC;--qk-hover:#DCE7FB;--brand-mid2:#0C50B8;--brand-deep:#0D2F6B;--brand-ink:#0D2F6B;--brand-lt:#2979FF;--brand-x:#8ABCFF;--brand-rgb:18,96,214;--nav-bg:#0B1B33;--nav-line:#243D5D;--nav-shadow-rgb:0,0,0;--tab-ink:#0D2F6B;--focus:#1260D6;--focus-rgb:18,96,214;--line-soft:#C5D5F5;--row-soft:#F2F6FF;--notice-bg:#0D203B;--login-bg:#081429;--login-veil-rgb:8,20,41;--login-shadow-rgb:0,0,0;--login-card-b:#0D203B;--login-bar:linear-gradient(90deg,#1260D6,#2979FF 55%,#8ABCFF);--login-btn-a:#1260D6;--login-btn-b:#0C50B8;--login-btn-edge:#093F95;--login-btn-m-a:#2979FF;--login-btn-m-b:#1260D6;--login-btn-m-edge:#093F95;--cs-hover:#0C50B8;--cs-tx:#8ABCFF;--cs-live:#5DDBA0;--cs-live-rgb:93,219,160;--cs-done:#1F9D6A;
  --rm-bg:#081429;--rm-sidebar:#0B1B33;--rm-surface:#0D203B;--rm-surface-raised:#142D4C;--rm-input:#10243F;--rm-border:#5A759A;--rm-divider:#243D5D;--rm-primary:#1260D6;--rm-primary-hover:#0C50B8;--rm-primary-active:#093F95;--rm-accent:#2979FF;--rm-link:#8ABCFF;--rm-focus:#8ABCFF;--rm-text:#F4F7FC;--rm-text-secondary:#B7C5D9;--rm-placeholder:#91A5C1;--rm-success:#5DDBA0;--rm-warning:#FFC46B;--rm-error:#FF929E;--rm-disabled-bg:#283B55;--rm-disabled-text:#A8B7CB}
/* ---- 登入頁：桌面左表單、右邊留光帶；手機置中用直式背景；背景失敗仍是深藍底 ---- */
html.brand-rm168 body.login-bg{background:var(--rm-bg)}
html.brand-rm168 body.login-bg::before{background:url(background-desktop.webp?v=1) center right/cover no-repeat}
html.brand-rm168 .login{margin:max(40px,12vh) auto 40px max(40px,8vw);max-width:420px;padding:32px;border-radius:16px;background:var(--rm-surface);color:var(--rm-text);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(41,121,255,.35)}
html.brand-rm168 .login::before{display:none}
html.brand-rm168 .login h2{font-size:0;margin:0 0 10px}html.brand-rm168 .login h2 img{height:auto!important;width:260px;max-width:100%;background:transparent;border-radius:0;padding:0;margin:0 auto 10px;object-fit:contain}
html.brand-rm168 .login-sub{color:var(--rm-text);font-size:24px;letter-spacing:2px;margin:0 0 4px}
html.brand-rm168 .login-sub2{text-align:center;color:var(--rm-text-secondary);font-size:15px;margin:0 0 22px}
html.brand-rm168 .login .caps{color:var(--rm-warning)}
html.brand-rm168 .login input:not([type=checkbox]){background:var(--rm-input);border:1px solid var(--rm-border);border-radius:8px;color:var(--rm-text);padding:12px 14px;font-size:17px;min-height:48px;box-sizing:border-box;margin-bottom:20px}
html.brand-rm168 .login input::placeholder{color:var(--rm-placeholder)}
html.brand-rm168 .login input:focus-visible{outline:2px solid var(--rm-focus);outline-offset:3px;border-color:var(--rm-border);box-shadow:none}
html.brand-rm168 .login .pw input{padding-right:40px}html.brand-rm168 .login .eye{color:var(--rm-text-secondary)}
html.brand-rm168 .login button:not(.eye){min-height:48px;border-radius:8px;font-size:18px;font-weight:700;letter-spacing:6px;color:#fff;background:var(--rm-primary);box-shadow:none}
html.brand-rm168 .login button:not(.eye):hover{background:var(--rm-primary-hover)}html.brand-rm168 .login button:not(.eye):active{background:var(--rm-primary-active);transform:none;box-shadow:none}
html.brand-rm168 .login button:not(.eye):disabled{background:var(--rm-disabled-bg);color:var(--rm-disabled-text);opacity:1}
html.brand-rm168 .login .err{color:var(--rm-error)}
html.brand-rm168 .login-foot{color:var(--rm-text-secondary)}html.brand-rm168 .login-foot a{color:var(--rm-link)}
html.brand-rm168:not(.cs-on) .cs-login-tag{display:none}   /* 聯繫客服：RM168 在總控台上傳自己的客服 QR 後（support.js 加 cs-on）才顯示 */
@media(max-width:767px),(orientation:portrait){
  html.brand-rm168 body.login-bg::before{background:url(background-mobile.webp?v=1) center top/cover no-repeat}
  html.brand-rm168 .login{margin:24px auto 24px;width:min(100% - 32px,440px);box-sizing:border-box;padding:24px}
  html.brand-rm168 .login h2 img{width:220px}
}
/* ---- 頂列／公告：深藍底、白字、電光藍細線（取代 wii789 的白底綠金） ---- */
html.brand-rm168 .nav{background:linear-gradient(90deg,#1260D6,#2979FF 55%,#8ABCFF) top/100% 3px no-repeat,var(--rm-sidebar);color:var(--rm-text);box-shadow:0 1px 0 var(--rm-divider),0 4px 14px -6px rgba(0,0,0,.5)}
html.brand-rm168 .nav .brand{color:var(--rm-text)}html.brand-rm168 .nav .brand img{height:30px!important;background:transparent!important;border-radius:0!important;padding:0!important}
html.brand-rm168 .nav .brand small{color:var(--rm-text-secondary)}
html.brand-rm168 .nav .item{color:var(--rm-text)}html.brand-rm168 .nav .item:hover{background:rgba(41,121,255,.18)}html.brand-rm168 .nav .item.on,html.brand-rm168 .nav .menu .item.on{text-decoration-color:var(--rm-accent)}
html.brand-rm168 .nav .user,html.brand-rm168 .nav .expire{color:var(--rm-text-secondary)}
html.brand-rm168 .nav .dd{background:var(--rm-surface);color:var(--rm-text);box-shadow:0 10px 30px rgba(0,0,0,.5)}html.brand-rm168 .nav .dd a{color:var(--rm-text)}html.brand-rm168 .nav .dd a:hover{background:var(--rm-surface-raised)}
html.brand-rm168 .notice{background:var(--rm-surface);color:var(--rm-text);border-bottom:1px solid var(--rm-divider)}html.brand-rm168 .notice i{color:var(--rm-warning)}
/* ---- 內容區：主按鈕深品牌藍白字、連結藍、表頭深藍、頁籤藍 ---- */
/* 11-08 拿掉「所有 button／.btn 一律藍底」「所有 a 一律藍字」：會把淺底按鈕（b-light 日期快捷、分頁、玩法切換）壓成藍底藍字看不見。主色已全走 --pri／--accent 變數，不用再蓋 */
html.brand-rm168 thead th,html.brand-rm168 th.dark,html.brand-rm168 .ptable th,html.brand-rm168 table.ed thead th,html.brand-rm168 table.wd thead th,html.brand-rm168 table.sg-tb thead th,html.brand-rm168 table.ud-table thead th,html.brand-rm168 table.of-table thead th{background:#0D2F6B;color:#fff;border-color:#1F3F7A}
html.brand-rm168 .side-drawer{background:var(--rm-sidebar)}
html.brand-rm168 .tabs a.on,html.brand-rm168 .wd-tab.on{background:var(--rm-primary);color:#fff}
html.brand-rm168 .cs-fab,html.brand-rm168 .cs-panel{background:var(--rm-surface);color:var(--rm-text)}
html.brand-rm168 input:focus,html.brand-rm168 select:focus,html.brand-rm168 textarea:focus{outline:0;border-color:#1260D6;box-shadow:0 0 0 3px rgba(18,96,214,.22)}
html.brand-rm168 .toast{background:#1F9D6A}
/* 線上客服：RM168 沒上傳自己的客服 QR 之前整個不顯示（不會露出 123 的 LINE）；上傳後 support.js 加 cs-on 才出現 */
html.brand-rm168:not(.cs-on) .nav .item.cs,html.brand-rm168:not(.cs-on) .cs-fab,html.brand-rm168:not(.cs-on) .cs-panel{display:none!important}