/* =====================================================================
   營運管理｜和 AI 大店長一致的外觀：白底深色字、綠色點綴、淺灰底、無襯線字
   這份放在內嵌樣式之後，蓋掉原本的酒紅奶茶色系
   ===================================================================== */
:root{
  --maroon-900:#1d2125;   /* 標題、主要文字 */
  --maroon-700:#05a948;   /* 強調文字 */
  --maroon-500:#06c755;
  --caramel:#06c755; --caramel-light:#b9efcf;
  --cream:#f4f5f7; --cream-deep:#e9ecef;
  --ink:#1d2125; --ink-soft:#6b7280;
  --jade:#05a948; --jade-light:#e7f8ee;
  --alert:#e5484d; --alert-light:#fdecec;
  --line:#e4e6ea; --white:#ffffff;
  --shadow:0 1px 2px rgba(0,0,0,.05);
  --g:#06c755; --g2:#05a948; --gs:#e7f8ee;
}
body{background:var(--cream) !important; font-family:-apple-system,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;}
h1,h2,h3,#brandInput,.hero .subtitle,.stat-card .num,.kpi-num,.rate-cell,.panel-head .idx{font-family:-apple-system,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif !important;}

/* 上方抬頭：白底深色字，綠色只用在重點（不刺眼） */
.hero{background:#ffffff !important; color:#1d2125 !important; padding:24px 6vw 0 !important; border-bottom:1px solid #e4e6ea; box-shadow:none !important;}
.hero::after,.hero::before{display:none !important;}
.hero .eyebrow{color:#05a948 !important; letter-spacing:.08em;}
.tianyi-logo{filter:none !important;}
#brandInput{color:#1d2125 !important; font-weight:800; border-bottom:2px dashed #d5d9df !important;}
#brandInput:focus{border-bottom-color:#06c755 !important;}
.client-logo-upload{background:#f4f5f7 !important; border-color:#d5d9df !important;}
.client-logo-upload:hover{border-color:#06c755 !important;}
.client-logo-placeholder{color:#8a9099 !important;}
.client-logo-remove{background:#f4f5f7 !important; color:#4b5563 !important;}
.hero .subtitle{color:#4b5563 !important; font-weight:600;}
.hero p.sub{color:#6b7280 !important;}
.stat-card{background:#f8f9fa !important; border:1px solid #e4e6ea !important; border-radius:12px;}
.stat-card:hover{background:#f1f3f5 !important;}
.stat-card .num{color:#1d2125 !important;}
.stat-card .lbl{color:#6b7280 !important;}
.io-btn{background:#fff !important; border:1px solid #d5d9df !important; color:#1d2125 !important; border-radius:9px;}
.io-btn:hover{background:#f4f5f7 !important;}
.io-btn.primary{background:#06c755 !important; color:#fff !important; border-color:#06c755 !important;}
.io-btn.primary:hover{background:#05a948 !important;}
.io-btn.soft{background:#fff !important; color:#1d2125 !important;}
.io-hint,.hero .ext-muted,.hero small{color:#6b7280 !important;}
.hero a{color:#05a948;}

/* 分頁：白底灰字，選到的變綠色底線 */
.tabbar{margin-top:18px !important; gap:4px !important;}
.tab-btn{background:transparent !important; border:0 !important; border-bottom:3px solid transparent !important; color:#4b5563 !important; border-radius:0 !important; padding:11px 14px !important; font-size:14.5px !important;}
.tab-btn:not(.active):hover{background:#f4f5f7 !important; color:#1d2125 !important;}
.tab-btn.active{background:transparent !important; color:#05a948 !important; border-bottom-color:#06c755 !important;}

/* 白色卡片 */
section.panel{background:#fff !important; border:1px solid var(--line) !important; border-radius:14px !important; box-shadow:var(--shadow) !important; padding:20px 20px 22px !important; margin-top:18px !important;}
section.panel:hover{box-shadow:0 4px 14px rgba(0,0,0,.06) !important;}
.panel-head h2{font-size:18px !important; font-weight:800 !important; color:#1d2125 !important;}
.panel-head .idx{background:#e7f8ee !important; color:#05a948 !important; border-radius:8px !important; font-weight:800 !important;}
.panel-head .chev{color:#8a9099 !important;}
.panel-desc{color:#6b7280 !important;}

/* 表格：淺灰表頭 */
table.editable thead th{background:#f4f5f7 !important; color:#4b5563 !important; font-weight:700 !important; border-bottom:1px solid var(--line);}
table.editable tbody tr:nth-child(even){background:#fafbfc !important;}
table.editable input:focus,table.editable select:focus,input:focus,select:focus,textarea:focus{border-color:#06c755 !important; outline:none;}
.table-scroll{border-radius:12px !important;}
.add-row-btn{border-color:#06c755 !important; color:#05a948 !important; border-radius:9px !important;}
.add-row-btn:hover{background:#e7f8ee !important;}
.item-card{background:#fff !important; border-radius:12px !important;}
.del-btn{background:#fdecec; color:#e5484d;}

/* 按鈕：綠色主要、白色次要 */
.ext-btn{background:#06c755 !important; border-radius:9px !important;}
.ext-btn:hover{background:#05a948 !important;}
.ext-btn.ghost{background:#fff !important; color:#1d2125 !important; border:1px solid var(--line) !important;}
.ext-btn.ghost:hover{background:#f4f5f7 !important;}
#backToTopBtn{background:#06c755 !important; box-shadow:0 6px 18px rgba(6,199,85,.35) !important;}
#backToTopBtn:hover{background:#05a948 !important;}
.ext-modal{border-radius:14px !important;}
.kpi{background:#fff !important; border-radius:12px !important;}
.home-card{border-radius:12px !important;}
footer b{color:#05a948 !important;}

/* ===== 廣告欄位：小小一條，不搶版面 ===== */
.ad-slot{display:flex; align-items:center; gap:10px; margin:0 0 14px; padding:9px 10px 9px 12px; border:1px dashed #b9efcf; background:#f3fcf6; border-radius:12px; font-size:13px;}
.ad-slot .ad-ico{font-size:20px; flex:none;}
.ad-slot .ad-txt{flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.45;}
.ad-slot .ad-txt small{font-size:11px; color:#05a948; font-weight:700;}
.ad-slot .ad-txt b{font-size:13.5px; color:#1d2125;}
.ad-slot .ad-txt em{font-style:normal; color:#6b7280; font-size:12.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ad-slot .ad-x{flex:none; border:0; background:transparent; color:#9aa0a6; cursor:pointer; font-size:13px; width:26px; height:26px; border-radius:7px;}
.ad-slot .ad-x:hover{background:#e9ecef; color:#1d2125;}
.ad-form label{display:block; font-size:13px; color:#4b5563; margin:10px 0 4px; font-weight:600;}
.ad-form .ext-input{width:100%; padding:9px 11px; border:1px solid var(--line); border-radius:9px; font:inherit;}
@media (max-width:520px){ .ad-slot .ad-txt em{white-space:normal;} }
/* 其餘原本用襯線字的數字、標題，全部改成無襯線 */
[class*="num"],[class*="kpi"],[class*="stat"],[class*="total"],[class*="val"],.sum,.big,b,strong{font-family:inherit;}
*{font-family:inherit;}
body{font-family:-apple-system,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif !important;}

/* 手機：抬頭精簡、分頁一排左右滑、表格第一欄不要擠成直排 */
@media (max-width:640px){
  .hero{padding:18px 16px 0 !important;}
  .hero p.sub{display:none;}
  .stats{display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px !important; margin-top:14px !important;}
  .stat-card{min-width:0 !important; padding:9px 10px !important;}
  .stat-card .num{font-size:17px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .stat-card .lbl{font-size:11px !important;}
  .io-bar{gap:6px !important; margin-top:12px !important;}
  .io-btn{padding:7px 10px !important; font-size:12px !important;}
  .tabbar{flex-wrap:nowrap !important; margin-left:-16px; margin-right:-16px; padding:0 16px;}
  .tab-btn{padding:10px 14px !important; font-size:13.5px !important;}
  .wrap{padding:0 12px !important;}
  section.panel{padding:16px 14px 18px !important;}
  table.editable th:first-child, table.editable td:first-child{min-width:76px;}
}

/* 抬頭裡的帳號列、同步狀態、操作說明 */
.cloud-sync-badge.synced{background:#e7f8ee !important; color:#05a948 !important;}
.cloud-sync-badge.syncing{background:#fef3e2 !important; color:#b45309 !important;}
.cloud-sync-badge.offline{background:#fdecec !important; color:#e5484d !important;}
.top-account-bar .acc-email{color:#4b5563 !important;}
.top-account-bar .logout-btn{background:#fff !important; color:#1d2125 !important; border:1px solid #d5d9df !important;}
.top-account-bar .logout-btn:hover{background:#f4f5f7 !important;}
.guide-toggle{background:#fff !important; color:#1d2125 !important; border:1px solid #d5d9df !important;}
.guide-toggle:hover{background:#f4f5f7 !important;}
.top-account-bar .logout-btn.line-switch{background:#06c755 !important; color:#fff !important; border-color:#06c755 !important;}
.top-account-bar .logout-btn.line-switch:hover{background:#05a948 !important;}