/* Kole UI SwitchGroup 样式 — 对齐 组件7.txt SwitchGroup：多个开关组合，可分组、全选、联动 */

.kole-switchgroup { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); color: var(--kole-color-text-body); }
.kole-switchgroup-head { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--kole-color-border); margin-bottom: 8px; }
.kole-switchgroup-title { font-size: 14px; font-weight: 500; color: var(--kole-color-text-title); }
.kole-switch-row { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; }
.kole-switch-text { display: flex; flex-direction: column; }
.kole-switch-label { font-size: 14px; color: var(--kole-color-text-body); }
.kole-switch-desc { font-size: 12px; color: var(--kole-color-text-secondary); margin-top: 2px; }
.kole-switch { position: relative; width: 44px; height: 22px; border-radius: 11px; background: var(--kole-color-border); cursor: pointer; transition: background .2s; flex-shrink: 0; }
.kole-switch.is-on { background: var(--kole-color-brand); }
.kole-switch::after { content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: var(--kole-color-card-bg); transition: left .2s; }
.kole-switch.is-on::after { left: 24px; }