/* ========== 员工移动工作台（颜色全部走 themes.css 变量） ========== */
#staff-root { padding-bottom: 30px; }
.sw-head { padding: 18px 16px 6px; display:flex; align-items:center; gap:12px; }
.sw-avatar { width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;font-size:26px; }
.sw-name { font-size:18px; font-weight:800; }
.sw-role { display:inline-block;font-size:11px;color:var(--gold-fg);background:var(--gold);border-radius:999px;padding:2px 9px;margin-top:4px;font-weight:700; }
.sw-actions { margin-left:auto; display:flex; flex-direction:column; gap:6px; }
.sw-actions .btn { padding:7px 12px; font-size:12px; }

/* 视角预览条（仅 admin） */
.sw-preview { margin:8px 16px 0; background:var(--card); border:1px dashed var(--line); border-radius:12px; padding:10px 12px; font-size:12px; color:var(--txt2); }
.sw-preview .row { display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; }
.sw-chip { font-size:11px; padding:5px 11px; border-radius:999px; background:var(--card2); border:1px solid var(--line); color:var(--txt2); }
.sw-chip.on { background:var(--red); color:var(--red-fg); border-color:transparent; }

/* 模块宫格 */
.sw-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; padding:14px 16px; }
.sw-mod { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 8px; text-align:center; }
.sw-mod .ic { display:flex; align-items:center; justify-content:center; color:var(--txt); }
.sw-mod .ic svg { width:26px; height:26px; }
.sw-mod .t { font-size:12.5px; margin-top:7px; color:var(--txt); font-weight:600; }

/* 子页 */
.sw-sub { padding:0 0 30px; }
.sw-sub-head { position:sticky; top:0; z-index:5; display:flex; align-items:center; gap:10px; padding:13px 14px; background:var(--bg2); border-bottom:1px solid var(--line); }
.sw-sub-head .back { font-size:20px; color:var(--txt2); padding:4px 8px; }
.sw-sub-head h2 { font-size:16px; flex:1; }
.sw-sub-body { padding:14px 14px; }

/* 指标卡 */
.kpi-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
.kpi { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:13px 14px; }
.kpi .v { font-size:20px; font-weight:800; color:var(--gold); }
.kpi .k { font-size:11.5px; color:var(--txt3); margin-top:3px; }
.kpi.full { grid-column:1 / -1; }
.kpi .v.green{color:var(--green)} .kpi .v.blue{color:var(--blue)} .kpi .v.red{color:var(--danger)}

/* 趋势条 */
.trend { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:14px; margin-bottom:12px; }
.trend h4, .sw-sec h4 { font-size:13px; color:var(--txt2); margin-bottom:10px; }
.trend-bars { display:flex; align-items:flex-end; gap:6px; height:90px; }
.tbar { flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:3px; height:100%; }
.tbar i { width:60%; background:linear-gradient(180deg,var(--gold),var(--gold2)); border-radius:4px 4px 0 0; min-height:2px; }
.tbar .d { font-size:9px; color:var(--txt3); }

.sw-sec { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:13px 14px; margin-bottom:12px; }

/* 列表项 */
.row-item { display:flex; align-items:center; gap:11px; padding:12px 0; border-bottom:1px solid var(--line); }
.row-item:last-child { border-bottom:none; }
.row-item .ri-main { flex:1; min-width:0; }
.row-item .ri-t { font-size:14px; font-weight:600; }
.row-item .ri-s { font-size:11.5px; color:var(--txt3); margin-top:3px; line-height:1.5; }
.row-item .ri-act { display:flex; flex-direction:column; gap:6px; }
.mini { font-size:11px; padding:6px 11px; border-radius:999px; border:1px solid var(--line); background:var(--card2); color:var(--txt2); }
.mini.gold{background:var(--tint-gold);color:var(--gold);border-color:transparent}
.mini.green{background:var(--tint-green);color:var(--green);border-color:transparent}
.mini.red{background:var(--tint-red);color:var(--danger);border-color:transparent}
.mini.blue{background:var(--tint-blue);color:var(--blue);border-color:transparent}

/* 筛选行 */
.sw-filter { display:flex; gap:8px; overflow-x:auto; padding:4px 14px 10px; }
.sw-filter .fchip { flex:0 0 auto; font-size:12px; padding:7px 13px; border-radius:999px; background:var(--card); border:1px solid var(--line); color:var(--txt2); white-space:nowrap; }
.sw-filter .fchip.on { background:var(--red); color:var(--red-fg); border-color:transparent; }

/* 金额键盘友好 */
input[type=number], input[inputmode=numeric] { font-variant-numeric: tabular-nums; }
.money-big { font-size:30px; font-weight:800; color:var(--gold); text-align:center; padding:6px 0; }

/* 表单栅格 */
.grid2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.tagline { font-size:12px; color:var(--txt3); line-height:1.7; margin:6px 0 10px; }
.divider { height:1px; background:var(--line); margin:14px 0; }

/* 海报缩略 */
.thumb { width:54px; height:72px; border-radius:9px; object-fit:cover; background:var(--card2); }
.thumb-ph { width:54px; height:72px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:26px; background:var(--card2); }

/* 角色配置多行 */
.char-edit { width:100%; min-height:120px; background:var(--card); border:1px solid var(--line); border-radius:11px; padding:12px 13px; color:var(--txt); font-size:13px; line-height:1.8; }

/* 门店设置：允许顾客自选主题 开关 */
.allow-row{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.allow-sw{width:46px;height:26px;border-radius:999px;background:var(--prog-bg);border:1px solid var(--line);position:relative;transition:background .2s;flex:0 0 auto}
.allow-sw i{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .2s}
.allow-sw.on{background:var(--gold);border-color:var(--gold)}
.allow-sw.on i{left:22px}