/**
 * 凤凰阁点餐页 - 完整主题覆盖样式 v3.0
 * 基于 frontend-design 最佳实践
 * - 统一色彩系统
 * - 按钮层级分组
 * - 触摸友好设计
 */

/* ========================================
   1. CSS 变量系统 - 统一色彩
   ======================================== */

/* 夜晚模式 (深色主题) */
.theme-dark {
    /* 背景层次 */
    --bg-primary: #0A0A0A;
    --bg-secondary: #141414;
    --bg-card: #1E1E1E;
    --bg-surface: #252525;
    --bg-hover: #2A2A2A;
    
    /* 文字层次 */
    --text-primary: #FFFDE4;
    --text-secondary: #9A9A9A;
    --text-muted: #5A5A5A;
    --text-on-gold: #0A0A0A;
    
    /* 奢华金 */
    --gold-primary: #D4A96A;
    --gold-light: #E8C88A;
    --gold-dark: #B8944A;
    
    /* 功能色 */
    --success: #5C8702;
    --warning: #E9A000;
    --error: #E90000;
    
    /* 边框 */
    --border-subtle: rgba(255,255,255,0.08);
    --border-gold: rgba(212, 169, 106, 0.3);
}

/* 白天模式 (浅色主题) */
.theme-day {
    /* 背景层次 */
    --bg-primary: #F8F6F1;
    --bg-secondary: #EDEAE3;
    --bg-card: #FFFFFF;
    --bg-surface: #F0EDE6;
    --bg-hover: #E8E4DA;
    
    /* 文字层次 */
    --text-primary: #2C2C2C;
    --text-secondary: #5A5A5A;
    --text-muted: #8A8A8A;
    --text-on-gold: #0A0A0A;
    
    /* 奢华金 */
    --gold-primary: #D4A96A;
    --gold-light: #E8C88A;
    --gold-dark: #B8944A;
    
    /* 功能色 */
    --success: #5C8702;
    --warning: #E9A000;
    --error: #E90000;
    
    /* 边框 */
    --border-subtle: rgba(0,0,0,0.08);
    --border-gold: rgba(212, 169, 106, 0.3);
}

/* 护眼模式 (暖色低蓝光) */
.theme-eye {
    /* 背景层次 - 暖色调降低亮度 */
    --bg-primary: #F4ECD8;
    --bg-secondary: #E8DFC8;
    --bg-card: #F4ECD8;
    --bg-surface: #E8DFC8;
    --bg-hover: #DDD4C0;
    
    /* 文字层次 */
    --text-primary: #3D3425;
    --text-secondary: #5A4A35;
    --text-muted: #7A6A55;
    --text-on-gold: #3D3425;
    
    /* 奢华金 - 降低饱和度 */
    --gold-primary: #C4A070;
    --gold-light: #D4B080;
    --gold-dark: #A88858;
    
    /* 功能色 */
    --success: #5C8702;
    --warning: #E9A000;
    --error: #C70000;
    
    /* 边框 */
    --border-subtle: rgba(61, 52, 37, 0.15);
    --border-gold: rgba(196, 160, 112, 0.4);
}

/* 主题切换 - sysbjh, cancelsp, dzzf 面板 */
body.theme-dark #sysbjh,
body.theme-dark #cancelsp,
body.theme-dark #dzzf {
    background: #141414 !important;
    border-color: rgba(212, 169, 106, 0.3) !important;
}

/* dzzf 面板内部元素 - 黑夜主题 */
body.theme-dark #dzzf input#zzcl_kwname,
body.theme-dark #dzzf input {
    background-color: #333333 !important;
    color: #FFF !important;
    border: 1px solid rgba(212, 169, 106, 0.3) !important;
}

body.theme-dark #dzzf .zzcl_show {
    color: #FFF !important;
}

/* body.theme-day 规则 */
body.theme-day #sysbjh,
body.theme-day #cancelsp,
body.theme-day #dzzf {
    background: #FFFFFF !important;
    border-color: #aaa !important;
}

body.theme-eye #sysbjh,
body.theme-eye #cancelsp,
body.theme-eye #dzzf {
    background: #f4ecd8 !important;
    border-color: rgba(212, 169, 106, 0.4) !important;
}

/* ========================================
   2. 按钮层级系统
   ======================================== */

/* ---------- 主要操作按钮 (Primary) ---------- */
/* 金色渐变，最大最醒目，用于结帐买单等主要操作 */
.theme-dark .btn-primary,
.theme-dark input.btn-primary,
.theme-dark input[type="submit"],
.theme-dark .pure-button-primary {
    background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark)) !important;
    color: var(--text-on-gold) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 14px 28px !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(212, 169, 106, 0.3) !important;
    min-height: 48px !important;
    min-width: 80px !important;
}

.theme-day .btn-primary,
.theme-day input.btn-primary,
.theme-day input[type="submit"],
.theme-day .pure-button-primary,
.theme-eye .btn-primary,
.theme-eye input.btn-primary,
.theme-eye input[type="submit"],
.theme-eye .pure-button-primary {
    background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark)) !important;
    color: var(--text-on-gold) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 14px 28px !important;
    border-radius: 10px !important;
    border: 2px solid var(--gold-dark) !important;
    box-shadow: 0 4px 12px rgba(212, 169, 106, 0.2) !important;
    min-height: 48px !important;
    min-width: 80px !important;
}

/* ---------- 次要操作按钮 (Secondary) ---------- */
/* 描边样式，用于切换语言、管理界面等 */
.theme-dark input.k2-button-b-gl:not([value*="结帐"]):not([value*="买单"]),
.theme-dark .k2-button-b-gl:not([value*="结帐"]):not([value*="买单"]),
.theme-day input.k2-button-b-gl,
.theme-day .k2-button-b-gl,
.theme-eye input.k2-button-b-gl,
.theme-eye .k2-button-b-gl {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    /*padding: 10px 18px !important;*/
    padding: 10px 8px !important;
    border-radius: 8px !important;
    border: 1px solid var(--border-gold) !important;
    box-shadow: none !important;
    min-height: 40px !important;
}

.theme-day input.k2-button-b-gl,
.theme-day .k2-button-b-gl {
    background: rgba(255,255,255,0.9) !important;
    border-color: var(--gold-primary) !important;
}

.theme-eye input.k2-button-b-gl,
.theme-eye .k2-button-b-gl {
    background: rgba(255,255,255,0.85) !important;
    border-color: var(--gold-primary) !important;
}

/* ---------- 辅助操作按钮 (Tertiary) ---------- */
/* 深色扁平样式，用于底部管理操作 */
.theme-dark input.k2-button-b,
.theme-dark .k2-button-b,
.theme-dark input.k2-button-l-b,
.theme-dark .k2-button-l-b,
.theme-day input.k2-button-b,
.theme-day .k2-button-b,
.theme-day input.k2-button-l-b,
.theme-day .k2-button-l-b,
.theme-eye input.k2-button-b,
.theme-eye .k2-button-b,
.theme-eye input.k2-button-l-b,
.theme-eye .k2-button-l-b {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    /*设置了内宽字体多时会超出边框，需要调整padding*/
    /*padding: 8px 14px !important;*/
    border-radius: 6px !important;
    /*
    border: 1px solid var(--border-subtle) !important;
    */
    border: 1px solid var(--border-subtle);
    min-height: 36px !important;
}

/* ---------- 状态按钮 ---------- */
/* 已开台、已点单等状态指示 */
.theme-dark .k2-button-style-a-b,
.theme-dark input.k2-button-style-a-b,
.theme-dark .k2-button-style-a-g,
.theme-dark input.k2-button-style-a-g,
.theme-day .k2-button-style-a-b,
.theme-day input.k2-button-style-a-b,
.theme-day .k2-button-style-a-g,
.theme-day input.k2-button-style-a-g,
.theme-eye .k2-button-style-a-b,
.theme-eye input.k2-button-style-a-b,
.theme-eye .k2-button-style-a-g,
.theme-eye input.k2-button-style-a-g {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-gold) !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    padding: 6px 12px !important;
}

/* 激活状态 */
/*
.theme-dark .k2-button-style-a-b.k2-button-style-a-b,
.theme-dark input.k2-button-style-a-b.k2-button-style-a-b,
.theme-day .k2-button-style-a-b.k2-button-style-a-b,
.theme-day input.k2-button-style-a-b.k2-button-style-a-b,
.theme-eye .k2-button-style-a-b.k2-button-style-a-b,
.theme-eye input.k2-button-style-a-b.k2-button-style-a-b {
    background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark)) !important;
    color: var(--text-on-gold) !important;
    font-weight: 600 !important;
}
*/
/* ========================================
   3. 基础元素覆盖
   ======================================== */

/* 背景 */
.theme-dark body,
.theme-dark { background-color: var(--bg-primary) !important; }

.theme-day body,
.theme-day { background-color: var(--bg-primary) !important; }

.theme-eye body,
.theme-eye { background-color: var(--bg-primary) !important; }

/* 主要文字 */
.theme-dark body * { color: var(--text-primary) !important; }
.theme-day body * { color: var(--text-primary) !important; }
.theme-eye body * { color: var(--text-primary) !important; }

/* 标题金色 */
.theme-dark h1, .theme-dark h2, .theme-dark h3,
.theme-dark .title, .theme-dark .heading,
.theme-dark .font_gold, .theme-dark .gold,
.theme-day h1, .theme-day h2, .theme-day h3,
.theme-day .title, .theme-day .heading,
.theme-day .font_gold, .theme-day .gold,
.theme-eye h1, .theme-eye h2, .theme-eye h3,
.theme-eye .title, .theme-eye .heading,
.theme-eye .font_gold, .theme-eye .gold {
    color: var(--gold-primary) !important;
}

/* ========================================
   4. 组件样式
   ======================================== */

/* 订单磁贴 */
.theme-dark .showtablexxbutton,
.theme-dark input.showtablexxbutton,
.theme-day .showtablexxbutton,
.theme-day input.showtablexxbutton,
.theme-eye .showtablexxbutton,
.theme-eye input.showtablexxbutton {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 2px solid var(--border-gold) !important;
    border-radius: 10px !important;
    /*设置内宽字体多时会超出边框，需要调整padding*/
    /*padding: 12px 16px !important;*/
    font-size: 13px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    transition: all 0.2s ease !important;
}

.theme-dark .showtablexxbutton:hover,
.theme-day .showtablexxbutton:hover,
.theme-eye .showtablexxbutton:hover {
    border-color: var(--gold-primary) !important;
    box-shadow: 0 4px 16px rgba(212, 169, 106, 0.2) !important;
}

/* 左侧菜品大类按钮 */
.theme-dark .qrorder_fldl,
.theme-day .qrorder_fldl,
.theme-eye .qrorder_fldl {
    background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark)) !important;
    color: var(--text-on-gold) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}

/* 表格 */
.theme-dark table th,
.theme-day table th,
.theme-eye table th {
    background: linear-gradient(135deg, rgba(212, 169, 106, 0.25), rgba(212, 169, 106, 0.1)) !important;
    color: var(--gold-primary) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 10px 14px !important;
    border-bottom: 2px solid var(--gold-primary) !important;
}

.theme-dark table td,
.theme-day table td,
.theme-eye table td {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    /*padding: 10px 14px !important;*/
    padding: 1px 5px !important;
    font-size: 13px !important;
}

.theme-dark table,
.theme-day table,
.theme-eye table {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin:10px 0px !important;
}

/* 右侧详情面板 */
.theme-dark .content_box_right_lsd,
.theme-dark .content_box_right_dd,
.theme-day .content_box_right_lsd,
.theme-day .content_box_right_dd,
.theme-eye .content_box_right_lsd,
.theme-eye .content_box_right_dd {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    font-size: 14px !important;
}

/* 输入框 */
.theme-dark input[type="text"],
.theme-dark input[type="number"],
.theme-dark input[type="password"],
.theme-dark select,
.theme-day input[type="text"],
.theme-day input[type="number"],
.theme-day input[type="password"],
.theme-day select,
.theme-eye input[type="text"],
.theme-eye input[type="number"],
.theme-eye input[type="password"],
.theme-eye select {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-gold) !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
}

.theme-dark input:focus,
.theme-day input:focus,
.theme-eye input:focus {
    border-color: var(--gold-primary) !important;
    box-shadow: 0 0 0 3px rgba(212, 169, 106, 0.2) !important;
}

/* 弹窗 */
.theme-dark .cart,
.theme-dark .details,
.theme-dark .cart-content,
.theme-day .cart,
.theme-day .details,
.theme-day .cart-content,
.theme-eye .cart,
.theme-eye .details,
.theme-eye .cart-content {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
}

.theme-dark .cart-header,
.theme-dark .details-header,
.theme-day .cart-header,
.theme-day .details-header,
.theme-eye .cart-header,
.theme-eye .details-header {
    background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark)) !important;
    color: var(--text-on-gold) !important;
    font-weight: 600 !important;
    padding: 14px 18px !important;
    border-radius: 12px 12px 0 0 !important;
}

/* ========================================
   5. 导航和面板
   ======================================== */

/* 顶部导航 */
.theme-dark .top-header,
.theme-dark [class*="top-nav"],
.theme-dark [class*="header-bar"],
.theme-day .top-header,
.theme-day [class*="top-nav"],
.theme-day [class*="header-bar"],
.theme-eye .top-header,
.theme-eye [class*="top-nav"],
.theme-eye [class*="header-bar"] {
    background: var(--bg-secondary) !important;
    border-bottom: 2px solid var(--border-gold) !important;
}

/* 左侧菜单栏 */
.theme-dark .left-sidebar,
.theme-dark [class*="sidebar"],
.theme-dark [class*="menu-bar"],
.theme-day .left-sidebar,
.theme-day [class*="sidebar"],
.theme-day [class*="menu-bar"],
.theme-eye .left-sidebar,
.theme-eye [class*="sidebar"],
.theme-eye [class*="menu-bar"] {
    background: var(--bg-secondary) !important;
}

/* ========================================
   导航标签样式 - 与顶部左侧按钮统一
   ======================================== */

/* 导航标签容器 */
.theme-nav-tabs {
    display: flex !important;
    gap: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    align-items: center !important;
}

/* 导航标签按钮 - 与餐厅点餐等按钮风格一致 */
.theme-nav-tabs .theme-btn,
.theme-nav-tabs .lang-btn {
    /* 强制覆盖内联样式 */
    all: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* 按钮容器风格 */
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    
    /* 统一样式 */
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 12px !important;
    min-height: 32px !important;
    margin: 0 3px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

/* 白天模式适配 */
.theme-day .theme-nav-tabs .theme-btn,
.theme-day .theme-nav-tabs .lang-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(0, 0, 0, 0.7) !important;
}

/* 护眼模式适配 */
.theme-eye .theme-nav-tabs .theme-btn,
.theme-eye .theme-nav-tabs .lang-btn {
    background: rgba(255, 248, 220, 0.8) !important;
    color: rgba(61, 52, 37, 0.8) !important;
}

/* 激活状态 */
.theme-nav-tabs .theme-btn.active,
.theme-nav-tabs .lang-btn.active {
    background: rgba(212, 169, 106, 0.2) !important;
    color: #D4A96A !important;
    border-color: #D4A96A !important;
}

/* 悬停状态 */
.theme-nav-tabs .theme-btn:hover,
.theme-nav-tabs .lang-btn:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

.theme-day .theme-nav-tabs .theme-btn:hover,
.theme-day .theme-nav-tabs .lang-btn:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

/* ========================================
   6. 触摸优化
   ======================================== */

/* 确保按钮最小触摸尺寸 */
.theme-dark input,
.theme-dark button,
.theme-day input,
.theme-day button,
.theme-eye input,
.theme-eye button {
    /*
    min-height: 40px !important;
    min-width: 40px !important;
    */
    /*增加内边距，使文字不太贴边框
    padding: 0px 5px !important;
}

/* 触摸反馈 */
.theme-dark input:active,
.theme-dark button:active,
.theme-day input:active,
.theme-day button:active,
.theme-eye input:active,
.theme-eye button:active {
    transform: scale(0.98) !important;
    transition: transform 0.1s !important;
}

/* ========================================
   7. 修复问题
   ======================================== */

/* 隐藏漂浮的确定/取消按钮 - 已禁用，改用ui-optimization.css中的样式 */
/*
input#close,
input[value="确定"],
input[value="取消"] {
    position: fixed !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}
*/

/* 右侧清单防止溢出 */
.theme-day .content_box_right_lsd,
.theme-eye .content_box_right_lsd {
    overflow-x: visible !important;
}

.theme-day .content_box_right_lsd *,
.theme-eye .content_box_right_lsd * {
    white-space: normal !important;
}

/* 右侧面板 flexbox 布局 */
.content_box_right_lsd {
    display: flex !important;
    flex-direction: column !important;
}

#showrightlsd {
    flex: 1 1 auto !important;
    min-height: 50px !important;
    overflow: auto !important;
}

/* ========================================
   8. 滚动条美化
   ======================================== */

.theme-dark ::-webkit-scrollbar { width: 8px; height: 8px; }
.theme-dark ::-webkit-scrollbar-track { background: var(--bg-secondary); }
.theme-dark ::-webkit-scrollbar-thumb { background: var(--gold-dark); border-radius: 4px; }

.theme-day ::-webkit-scrollbar { width: 8px; height: 8px; }
.theme-day ::-webkit-scrollbar-track { background: var(--bg-secondary); }
.theme-day ::-webkit-scrollbar-thumb { background: var(--gold-primary); border-radius: 4px; }

.theme-eye ::-webkit-scrollbar { width: 8px; height: 8px; }
.theme-eye ::-webkit-scrollbar-track { background: var(--bg-secondary); }
.theme-eye ::-webkit-scrollbar-thumb { background: var(--gold-dark); border-radius: 4px; }

/* ========================================
   9. 弹窗对话框覆盖
   ======================================== */

/* 开台对话框 #layer */
.theme-dark #cancelsp,
.theme-dark #layer,
.theme-dark #layer .spx5px,
.theme-dark .layer-box {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-gold) !important;
}

.theme-day #cancelsp,
.theme-day #layer,
.theme-day #layer .spx5px,
.theme-day .layer-box,
.theme-eye #cancelsp,
.theme-eye #layer,
.theme-eye #layer .spx5px,
.theme-eye .layer-box {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-gold) !important;
}

/* 对话框内表格 */
.theme-dark #layer table,
.theme-dark #layer td,
.theme-dark #tablename2,
.theme-dark #tablename2 * {
    color: var(--text-primary) !important;
    background: transparent !important;
}

.theme-day #layer table,
.theme-day #layer td,
.theme-day #tablename2,
.theme-day #tablename2 *,
.theme-eye #layer table,
.theme-eye #layer td,
.theme-eye #tablename2,
.theme-eye #tablename2 * {
    color: var(--text-primary) !important;
    background: transparent !important;
}

/* 对话框输入框 */
.theme-dark #layer input[type="text"],
.theme-dark #layer input[type="number"],
.theme-dark #layer input[type="password"],
.theme-dark #layer select {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-gold) !important;
}

.theme-day #layer input[type="text"],
.theme-day #layer input[type="number"],
.theme-day #layer input[type="password"],
.theme-day #layer select,
.theme-eye #layer input[type="text"],
.theme-eye #layer input[type="number"],
.theme-eye #layer input[type="password"],
.theme-eye #layer select {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-gold) !important;
}

/* 弹窗背景遮罩 */
.theme-dark .ui-widget-overlay,
.theme-dark .overlay,
.theme-dark #dialog-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
}

/* 弹窗内部按钮（确定/取消） */
.theme-dark #layer input[type="button"],
.theme-dark #layer button,
.theme-day #layer input[type="button"],
.theme-day #layer button,
.theme-eye #layer input[type="button"],
.theme-eye #layer button {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-gold) !important;
    border-radius: 8px !important;
}

/* 主要操作按钮（金色） */
.theme-dark #layer .opentable_but,
.theme-dark #layer input.menubut[value*="确定"],
.theme-dark #layer input.menubut[value*="Sure"] {
    background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark)) !important;
    color: var(--text-on-gold) !important;
    font-weight: 700 !important;
}

/* ========================================
   10. allkeypad 屏幕键盘主题适配
   ======================================== */

/* 白天模式 - 键盘背景 */
body.theme-day #allkeypad {
    background: #F0EDE6 !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
}


/* 护眼模式 - 键盘背景 */
body.theme-eye #allkeypad {
    background: #E8DFC8 !important;
    border: 1px solid rgba(61, 52, 37, 0.15) !important;
}

/* 白天模式 - 键盘内按钮 */
body.theme-day #allkeypad input.menubut-keypad {
    background: #FFFFFF !important;
    color: #2C2C2C !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
}

/* 护眼模式 - 键盘内按钮 */
body.theme-eye #allkeypad input.menubut-keypad {
    background: #F4ECD8 !important;
    color: #3D3425 !important;
    border: 1px solid rgba(61, 52, 37, 0.15) !important;
}

/* 白天模式 - 空值按钮透明 */
.theme-day #allkeypad input[value=""] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* 护眼模式 - 空值按钮透明 */
.theme-eye #allkeypad input[value=""] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* 收银台找零窗口主题支持 */
.theme-day #cashbox_result table,
.theme-dark #cashbox_result table,
.theme-eye #cashbox_result table {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}


/* Keep the open-table dialog from inheriting the legacy dark panel in light themes. */
body.theme-day #layer,
body.theme-day #layer .spx5px,
body[data-theme="day"] #layer,
body[data-theme="day"] #layer .spx5px,
[data-theme="day"] #layer,
[data-theme="day"] #layer .spx5px {
    background: #fff !important;
    color: #2c2c2c !important;
}

body.theme-eye #layer,
body.theme-eye #layer .spx5px,
body[data-theme="eye"] #layer,
body[data-theme="eye"] #layer .spx5px,
[data-theme="eye"] #layer,
[data-theme="eye"] #layer .spx5px {
    background: #f4ecd8 !important;
    color: #3d3425 !important;
}