/* ============================================================================
   012.tw 後台主題（admin.css v1.2.0 · 2026-10-19）
   ----------------------------------------------------------------------------
   後台 UI 重整第一階段：Design tokens + 三處散落樣式收攏。
   - <st_admin_head() 內嵌 <style>（np-fold 折疊卡 + st-side 左欄）> 遷入
   - <admin/index.php adm_modal_css() 的 <style>（ma-modal 浮窗）> 遷入
   - 顏色全部走 :root 變數——後台改膚只動這一段。
   版本號 ?v= 與前台 nav.css 同慣例：內容變更時兩處引用一起升版。
   ========================================================================== */
:root{
	--abg-grad:linear-gradient(180deg,#0d1526 0%,#0b1322 100%);
	--acard:#0b1a2b;
	--aborder:rgba(148,163,184,.16);
	--aborder-strong:rgba(148,163,184,.3);
	--atext:#fff;
	--amuted:#8fa9cd;
	--amuted2:#9fb6d9;
	--ahover:rgba(148,163,184,.08);
	--ahl:rgba(34,211,238,.10);
	--aaccent:#7dd3fc;
	--aaccent2:#22d3ee;
	--agrad:linear-gradient(135deg,#22d3ee,#a78bfa);
	--agrad-v:linear-gradient(180deg,#22d3ee,#a78bfa);
	--adivider:rgba(255,255,255,.1);
	--aradius:16px;
	--ashadow:0 24px 60px rgba(0,0,0,.6);
}

/* ---------- 可折疊卡片（原生 <details>/<summary>，無 JS；預設折疊＝HTML 不加 open） ----------
   ⚠️ .np-card 自己有 padding:18px 20px（css/nav.css）；折疊時只留 summary 一行 →
   這裡把 .np-card 的 padding 歸零，改由 summary 與 .np-fold-body 各自出內距。 */
.np-card.np-fold{padding:0}
.np-fold>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px}
.np-fold>summary::-webkit-details-marker{display:none}
.np-fold>summary>h2{color:var(--atext);font-size:18px;margin:0;display:flex;align-items:center;gap:9px}
.np-fold>summary>h2::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--agrad-v)}
.np-fold>summary .sub{color:var(--amuted);font-size:12.5px}
.np-fold>summary .arw{margin-left:auto;color:var(--aaccent);font-size:12px;transition:transform .2s}
.np-fold[open]>summary .arw{transform:rotate(180deg)}
.np-fold>summary:hover>h2{color:#67e8f9}
.np-fold-body{padding:0 20px 18px}
@media(max-width:520px){.np-fold>summary{padding:14px 16px}.np-fold-body{padding:0 16px 14px}}

/* ---------- 後台左側欄導覽（2026-10-13 站方：頂欄排不下 → 導覽改左邊） ----------
   固定左欄 190px；登入頁不走側欄。刻意不動 css/nav.css（它要連帶升 17 處 ?v=）。 */
.st-side{position:fixed;left:0;top:0;bottom:0;width:190px;overflow-y:auto;
	background:var(--abg-grad);
	border-right:1px solid var(--aborder);padding:14px 0 20px;z-index:60}
.st-logo{display:flex;align-items:center;gap:9px;margin:0 12px 12px;padding:10px 6px 14px;
	border-bottom:1px solid var(--aborder);color:var(--atext);font-weight:700;font-size:15px;text-decoration:none}
.st-logo .dot{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;
	border-radius:8px;background:var(--agrad);color:#0b1220;font-size:13px;flex:none}
.st-logo em{font-style:normal;font-weight:500;font-size:12px;color:var(--amuted)}
.st-lab{padding:12px 18px 5px;color:var(--aaccent);font-size:11.5px;font-weight:700;letter-spacing:.5px}
.st-side nav a{display:block;padding:8px 16px 8px 15px;color:var(--amuted);font-size:13.5px;
	text-decoration:none;border-left:3px solid transparent;white-space:nowrap}
.st-side nav a:hover{color:#e2e8f0;background:var(--ahover)}
.st-side nav a.st-cur{color:var(--atext);font-weight:700;background:var(--ahl);border-left-color:var(--aaccent2)}
.st-out{margin-top:12px;border-top:1px solid var(--aborder)}
.st-main{margin:24px 24px 40px 214px;max-width:none}
.st-main .tbl{max-width:100%;}
.st-with-side .nh-container{max-width:none}
.st-with-side .nh-foot{margin-left:190px}

/* ---------- 浮窗外框（.ma-*） ----------
   「會員詳情」「調整點擊」「會員認證信編輯」共用（adm_modal_render／adm_settings_html）。
   ⚠️ 容器必須有 display:none——/admin/nav 在 st_admin_head() 之前就 st_admin_foot()+exit 過，
   沒有 none 的話整塊掉頁面最底部（2026-09-22 踩過）。 */
.ma-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9800;display:none;align-items:flex-start;
	justify-content:center;padding:24px 16px;background:rgba(3,8,18,.72);overflow:auto;
	-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ma-modal.on{display:flex}
.ma-modal-card{width:min(880px,100%);margin:auto;display:flex;flex-direction:column;border-radius:var(--aradius);
	background:var(--acard);border:1px solid var(--aborder-strong);box-shadow:var(--ashadow);
	max-height:calc(100vh - 48px)}
.ma-modal-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;
	padding:12px 16px;border-bottom:1px solid var(--adivider)}
.ma-modal-hd b{color:var(--atext);font-size:15px}
.ma-modal-bd{padding:2px 16px 16px;overflow:auto}
/* 浮窗裡的 .np-card 改成「區塊」而不是卡片（卡片疊卡片很醜） */
.ma-modal-bd .np-card{background:transparent;border:0;box-shadow:none;border-radius:0;
	padding:14px 0 4px;margin:0;border-bottom:1px solid rgba(255,255,255,.08)}
.ma-modal-bd .np-card:last-child{border-bottom:0}
.ma-modal-bd .np-card>h2{font-size:15px}
.ma-modal-bd .ma-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.ma-load{color:var(--amuted2);font-size:13px;padding:16px 2px;text-align:center}
@media(max-width:640px){
	.ma-modal{padding:10px}
	.ma-modal-card{max-height:calc(100vh - 20px)}
}

/* ==========================================================================
   九、捲軸統一網站風格（★ v1.2.1，2026-10-20 站方指示「後台上下滑動區沒有加網站風格」）
   --------------------------------------------------------------------------
   後台所有豎向／橫向捲動區（側欄 .st-side、浮窗 .ma-modal-bd／.ma-modal-card、
   會員詳情表格 .ma-tblwrap、log 檢視 pre 等）原本都是瀏覽器預設淺色捲軸，跟暗色後台不搭。
   這裡**全域**套用（admin.css 只在後台載入，不會污染前台）；數值與前台 css/tools.css
   的 `.nh-sb` 刻意一字不差——同一個站要同一種捲軸，改這裡就要一起改那份（反之亦然）。
   Firefox 走 scrollbar-width／scrollbar-color；WebKit／Blink 走 ::-webkit-scrollbar。
   ========================================================================== */
*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border:2px solid transparent;border-radius:999px;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:rgba(103,232,249,.6);border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}