/* POS 模式下的外殼樣式覆寫 — 只在時生效 */ body[data-mode="pos"] #modePicker { display: none !important; } /* v2.25.2:POS 模式隱藏右下角 AI 客服浮動鈕 + 對話視窗 */ body[data-mode="pos"] #aiFloatBtn, body[data-mode="pos"] #aiChatWin { display: none !important; } /* 側欄收窄 + 大圖示 */ body[data-mode="pos"] #sidebar { width: 200px; } body[data-mode="pos"] #mainContent { margin-left: 200px; } /* v2.25.2:POS 模式「收起」= 整個側欄隱藏,主內容全寬 */ body[data-mode="pos"] #sidebar.collapsed { width: 0; overflow: hidden; border-right: 0; } body[data-mode="pos"] #sidebar.collapsed ~ #mainContent, body[data-mode="pos"] #mainContent.expanded { margin-left: 0; } /* 側欄品牌區簡化 */ body[data-mode="pos"] .sidebar-brand .brand-text { font-size: 0.95rem; } body[data-mode="pos"] .sidebar-brand .brand-text small { display: none; } /* 側欄項目放大,觸控友善 */ body[data-mode="pos"] #sidebarNav .nav-item-link { font-size: 1.05rem; padding: 14px 18px; } /* v2.41.2:POS 模式不顯示左側選單項目的 leading icon(保留 .nav-chevron 展開指示) */ body[data-mode="pos"] #sidebarNav .nav-item-link > i:not(.nav-chevron), body[data-mode="pos"] #sidebarNav .nav-group-header > i:not(.nav-chevron) { display: none; } /* 頂部 bar 簡化:隱藏教學、通知、門市切換器(POS 模式假設已綁定門市) */ body[data-mode="pos"] #topbar button[onclick*="help"], body[data-mode="pos"] #topbar #notifBellWrap { display: none !important; } /* 頂部顯示「POS 收銀模式」標籤 */ body[data-mode="pos"] #topbar::before { content: "🧾 POS 收銀模式"; font-weight: 700; color: #FF6B35; margin-left: 8px; font-size: 0.95rem; } /* 模式選擇 hover 效果 */ #modePicker button:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } #modePicker #modePosBtn:hover { background: #FFF4EE !important; } #modePicker #modeAdminBtn:hover { background: #F1F3F5 !important; } /* 手機:模式選擇按鈕改為垂直排列 */ @media (max-width: 600px) { #modePicker button { height: 180px !important; flex: 1 1 100% !important; } }