/* ==================== 无治WZ电源 — 首页卡片样式 ==================== */
/* 详情页样式由 wz-power-detail.js 动态注入，此文件仅管理首页卡片 */

/* ===== 首页卡片 - 与其他设备卡片统一风格 ===== */
.sensor-card.wz-power-card {
    background: #fafafa;
    color: #333;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}
.sensor-card.wz-power-card h3 {
    color: #333;
    position: relative;
    z-index: 1;
}
.sensor-card.wz-power-card .status-badge {
    position: relative;
    z-index: 1;
}
.sensor-card.wz-power-card .wz-card-metric {
    position: relative;
    z-index: 1;
    font-size: 35px;
    font-weight: 700;
    font-family: 'Courier New', monospace;
}
.sensor-card.wz-power-card .wz-card-unit {
    font-size: 15px;
    color: #999;
}
.sensor-card.wz-power-card .wz-card-setpoint {
    position: relative;
    z-index: 1;
    color: #666;
    border-top: 1px dashed #ddd;
    border-radius: 0;
    padding: 6px 0;
    font-size: 15px;
    margin-top: 6px;
}
.sensor-card.wz-power-card .wz-card-time {
    position: relative;
    z-index: 1;
    font-size: 13px;
    color: #999;
    margin-top: 4px;
}

/* 深色主题 */
body.dark-skin .sensor-card.wz-power-card {
    background: #2a2a2a !important;
    color: #fff;
    border-color: #444;
}
body.dark-skin .sensor-card.wz-power-card h3 { color: #fff; }
body.dark-skin .sensor-card.wz-power-card .wz-card-unit { color: #888; }
body.dark-skin .sensor-card.wz-power-card .wz-card-setpoint { color: #aaa; border-color: #444; }
body.dark-skin .sensor-card.wz-power-card .wz-card-time { color: #777; }
body.dark-skin .sensor-card.wz-power-card .wz-card-temp { color: #e0e0e0 !important; }

/* ===== 迷你横向条 (首页卡片用) ===== */
.wz-mini-bar {
    width: 100%;
    height: 6px;
    background: #f0f0f0;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 4px;
    position: relative;
    z-index: 1;
}
.wz-mini-bar-fill {
    height: 100%;
    border-radius: 3px;
    transition: width 0.6s ease;
}
.wz-mini-bar-fill.v { background: linear-gradient(90deg, #1890ff, #4fc3f7); }
.wz-mini-bar-fill.i { background: linear-gradient(90deg, #52c41a, #81c784); }

body.dark-skin .wz-mini-bar { background: #444; }