/* common.css - V10.19 公共状态类 */
/* 这些类名可在任何页面使用,不带页面前缀 */

/* ========== 显示状态 ========== */
.show { 
    display: block !important; 
}
.hidden { 
    display: none !important; 
}

/* ========== 交互状态 ========== */
.active {
    /* 激活状态样式由各页面CSS定义 */
}
.selected {
    /* 选中状态样式由各页面CSS定义 */
}
.expanded {
    /* 展开状态样式由各页面CSS定义 */
}
.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #f5f5f5 !important;  /* V1.0.0: 更淡的灰色背景 */
    color: #aaa !important;                /* V1.0.0: 更淡的灰色文字 */
    border-color: #ddd !important;         /* V1.0.0: 更淡的灰色边框 */
    box-shadow: none !important;           /* V1.0.0: 去除阴影 */
}

/* V1.0.0: 禁用状态阻止hover效果 */
.disabled:hover {
    background-color: #f5f5f5 !important;
}

/* ========== 开关状态 ========== */
.on {
    /* 开启状态样式由组件定义 */
}
.off {
    /* 关闭状态样式由组件定义 */
}
.checked {
    /* 勾选状态样式由组件定义 */
}

/* ========== 加载状态 ========== */
.loading {
    opacity: 0.6;
}
.refreshing {
    /* 刷新中状态样式由refresh组件定义 */
}

/* ========== 错误状态 ========== */
.error {
    color: #ef4444;
}
.warning {
    color: #f59e0b;
}
.success {
    color: #22c55e;
}