/* ════════════════════════════════════════════════
   hzgl 品牌覆盖层 (基于 gqxxh wande.css 适配河闸主题)
   主色: 水利蓝 #1c84c6 / 生态绿 #1ab394
   ════════════════════════════════════════════════ */

:root {
  --hz-primary: #1c84c6;   /* 水利蓝(主色) */
  --hz-success: #1ab394;   /* 生态绿 */
  --hz-warn:    #f8ac59;   /* 警告橙 */
  --hz-danger:  #ed5565;   /* 危急红 */
  --hz-info:    #23c6c8;   /* 青蓝 */
  --hz-dark-bg: #0a1929;   /* 大屏深蓝底 */
}

/* ── KPI 渐变卡片 (顶部指标行) ── */
.stat-card {
  border-radius: 6px; padding: 16px 18px; color: #fff;
  position: relative; overflow: hidden;
}
.stat-card .sc-icon  { position: absolute; right: 14px; top: 12px; font-size: 40px; opacity: .18; }
.stat-card .sc-label { font-size: 12px; opacity: .88; margin-bottom: 4px; }
.stat-card .sc-value { font-size: 26px; font-weight: 700; line-height: 1.2; }
.stat-card .sc-value small { font-size: 12px; font-weight: 400; }
.stat-card .sc-sub   { font-size: 11px; margin-top: 5px; opacity: .75; }

.sc-blue   { background: linear-gradient(135deg, #1c84c6, #3daee9); }
.sc-cyan   { background: linear-gradient(135deg, #0e9aa7, #23c6c8); }
.sc-green  { background: linear-gradient(135deg, #27ae60, #52c97a); }
.sc-teal   { background: linear-gradient(135deg, #13887a, #1ab394); }
.sc-orange { background: linear-gradient(135deg, #e8872a, #f5a742); }
.sc-red    { background: linear-gradient(135deg, #c0392b, #e74c3c); }
.sc-purple { background: linear-gradient(135deg, #6f42c1, #a084e8); }
.sc-gray   { background: linear-gradient(135deg, #607d8b, #90a4ae); }

/* ── ibox 标题微调 ── */
.ibox-title h5 i { margin-right: 4px; }
.ibox-title h5 small { font-size: 11px; margin-left: 8px; color: #999; font-weight: 400; }

/* ── 紧凑表格 ── */
.wd-tbl thead th { background: #f5f7fa; font-size: 12px; text-align: center; }
.wd-tbl tbody td { font-size: 13px; text-align: center; padding: 6px 8px; }

/* ── 工具栏 ── */
.wd-toolbar { display: flex; align-items: center; gap: 6px; padding: 6px 0; flex-wrap: wrap; }
.wd-toolbar .wd-tbtn.active { background: var(--hz-primary); color: #fff; border-color: var(--hz-primary); }
.wd-toolbar .wd-sep { color: #ddd; padding: 0 4px; }

/* ── 侧栏品牌区 ── */
.hzgl-brand {
  color: #fff; padding: 14px 18px; font-size: 15px; font-weight: 600;
  border-bottom: 1px solid rgba(255,255,255,0.06); letter-spacing: 1px;
}
.hzgl-brand i { color: var(--hz-info); margin-right: 6px; }
.hzgl-brand small { display: block; color: #9fc0df; font-size: 11px; margin-top: 3px; font-weight: 400; }

/* ── 告警行 ── */
.alert-row { padding: 8px 10px; border-left: 3px solid #ddd; background: #fafafa; font-size: 13px; border-radius: 2px; margin-bottom: 6px; }
.alert-row.level-danger { border-left-color: var(--hz-danger); background: #fef5f5; }
.alert-row.level-warning { border-left-color: var(--hz-warn); background: #fef9f0; }
.alert-row.level-info { border-left-color: var(--hz-info); background: #edfafa; }

/* ── 登录页 (深蓝渐变 + 毛玻璃) ── */
.hzgl-login-body { overflow: hidden; }
.hzgl-login-wrapper {
  position: fixed; inset: 0; color: #fff;
  background: linear-gradient(135deg, #0a1929 0%, #144870 60%, #1c84c6 100%);
  display: flex; align-items: center; justify-content: center;
}
.hzgl-login-box {
  position: relative; width: 400px; padding: 36px 40px;
  background: rgba(10,25,41,0.55);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 6px; backdrop-filter: blur(8px);
  box-shadow: 0 12px 50px rgba(0,0,0,.4);
}
.hzgl-login-title h2 { color: #fff; text-align: center; margin: 0 0 6px; font-size: 22px; }
.hzgl-login-title h2 i { color: var(--hz-info); margin-right: 8px; }
.hzgl-login-title p { text-align: center; color: #9fc0df; font-size: 12px; margin-bottom: 22px; }
.hzgl-login-box .form-control {
  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2);
  color: #fff; height: 42px;
}
.hzgl-login-box .form-control:focus { border-color: var(--hz-primary); box-shadow: none; }
.hzgl-login-box .form-control::placeholder { color: rgba(255,255,255,0.5); }
.hzgl-login-box .btn-login {
  width: 100%; background: var(--hz-primary); color: #fff; border: 0;
  padding: 11px 0; border-radius: 3px; letter-spacing: 6px; font-size: 15px;
}
.hzgl-login-box .btn-login:hover { background: #187aae; }
.hzgl-login-foot { text-align: center; color: rgba(255,255,255,0.4); margin-top: 20px; font-size: 12px; }
.hzgl-captcha-group { display: flex; gap: 8px; }
.hzgl-captcha-img { width: 100px; height: 42px; cursor: pointer; border-radius: 3px; border: 1px solid rgba(255,255,255,0.2); }

/* ── 项目切换器 (顶栏) ── */
.project-switcher select {
  background: rgba(255,255,255,0.12); color: #fff;
  border: 1px solid rgba(255,255,255,0.2); height: 32px; border-radius: 3px;
}
.project-switcher select option { color: #333; }

/* ── 登录页 APP 下载二维码 ── */
.hzgl-login-row { display: flex; align-items: stretch; gap: 18px; }
.hzgl-login-qr {
  width: 190px; padding: 22px 16px;
  background: rgba(10,25,41,0.55);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 6px; backdrop-filter: blur(8px);
  box-shadow: 0 12px 50px rgba(0,0,0,.4);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.hzgl-login-qr-icon {
  width: 38px; height: 38px; border-radius: 9px; margin-bottom: 8px;
  background: linear-gradient(135deg, #134b7e, #2e86de);
  display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.hzgl-login-qr-name { color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.hzgl-login-qr-canvas { background: #fff; padding: 8px; border-radius: 6px; line-height: 0; }
.hzgl-login-qr-tip { color: #9fc0df; font-size: 11px; margin-top: 10px; }
@media (max-width: 860px) { .hzgl-login-qr { display: none; } .hzgl-login-row { flex-direction: column; } }

/* ── 顶栏 APP 下载下拉 ── */
.hzgl-app-qr-menu { min-width: 190px; }