/* ==========================================================================
   theme-light-login.css
   主题层(白天) - 登录页、直接登录页、图标滤镜
   合并自: theme-light-login.css
   ========================================================================== */

/* ============================================================================
   7. 白天模式：login.css 覆盖
   ============================================================================ */

html[data-theme='light'] .login-header {
  background: var(--t-login-header-image) no-repeat center center;
  background-size: auto 100%;
}
html[data-theme='light'] .login-header .header-title {
  background: var(--t-login-title-grad);
  -webkit-background-clip: text;
  background-clip: text;
  filter: var(--t-login-title-shadow);
}
html[data-theme='light'] .form-box {
  background: var(--t-login-card-bg);
  border: var(--t-login-card-border);
  border-radius: 12px;
  box-shadow: var(--t-login-card-shadow);
  box-sizing: border-box;
}
html[data-theme='light'] .form-box-bg {
  display: none;
}
html[data-theme='light'] .form-box .tit {
  color: var(--t-text-5);
}
html[data-theme='light'] .form-box input {
  color: var(--t-text-1);
}
html[data-theme='light'] .form-box input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--t-login-input-bg) inset !important;
  -webkit-text-fill-color: var(--t-text-1) !important;
}
html[data-theme='light'] .form-box input::placeholder {
  color: var(--t-login-input-placeholder);
}
html[data-theme='light'] .login_input_box,
html[data-theme='light'] .login_input_box_code .login_input_code {
  background: var(--t-login-input-bg);
}
html[data-theme='light'] .form-box button {
  background: var(--t-login-btn-image) no-repeat center center;
  color: #ffffff;
}
html[data-theme='light'] .login-tab {
  color: var(--t-login-tab-color);
}
html[data-theme='light'] .login-tab:hover {
  color: var(--t-login-tab-hover);
}
html[data-theme='light'] .login-tab.active {
  color: var(--t-login-tab-active);
  border-bottom: 2px solid var(--t-login-tab-border);
}
html[data-theme='light'] .login-tips {
  color: var(--t-text-4);
}
html[data-theme='light'] .qrcode-wrapper {
  background: var(--t-qrcode-bg-color);
  border: var(--t-qrcode-border);
  box-shadow: var(--t-qrcode-shadow);
  box-sizing: border-box;
}
html[data-theme='light'] .qrcode-tip {
  color: var(--t-text-1);
}
html[data-theme='light'] .qrcode-tip-sub {
  color: var(--t-text-muted);
}
html[data-theme='light'] .qrcode-loading {
  background: var(--t-qrcode-loading-bg);
}
html[data-theme='light'] .qrcode-loading-spinner {
  border: 3px solid var(--t-qrcode-loading-border);
  border-top: 3px solid var(--t-accent);
}
html[data-theme='light'] .qrcode-expired-mask {
  background: rgba(255, 255, 255, 0.94);
}
html[data-theme='light'] .qrcode-expired-mask .refresh-btn {
  color: var(--t-accent);
}
@media (max-width: 1199px) {
  html[data-theme='light'] .login-tabs {
    border-bottom: 1px solid var(--t-login-tab-line);
  }
}

/* 直接登录页（directlogin.html） */
html[data-theme='light'] .login-container .logining-text {
  color: var(--t-text-1);
}

/* ============================================================================
   8. 白天模式：图标适配
   项目内的白色/浅色 SVG 图标在浅色底上不可见，统一压深
   ============================================================================ */
html[data-theme='light'] img[src$='user_icon.svg'],
html[data-theme='light'] img[src$='secret_icon.svg'],
html[data-theme='light'] img[src$='yanzhengma_icon.svg'],
html[data-theme='light'] img[src$='icon_qiehuan.svg'],
html[data-theme='light'] img[src$='icon_clzt.svg'],
html[data-theme='light'] img[src$='icon_tysz.svg'] {
  filter: var(--t-icon-filter);
}

html[data-theme='light'] img[src$='icon_sycw.svg'] {
  filter: var(--t-icon-sycw-filter);
}

/* 图片容器“暂无画面”占位图：本体是平色 #C2CBD6，不是纯白，
   套用上面的压深滤镜会变成近黑色，这里单独走一套压成文字色的滤镜 */
html[data-theme='light'] img[src$='icon_tupian.png'] {
  filter: var(--t-icon-tupian-filter);
}

/* 值班详情页签图标（收费详情 / 差异费用 / 通道事件信息 / 疑似修改车牌）：
   本体是纯白 PNG，白色面板上原样几乎不可见，这里压成与页签文字同色 */
html[data-theme='light'] .duty_fee_switch_title img {
  filter: var(--t-icon-tab-filter);
}

/* ============================================================================
   9. 夜间模式补充：确保默认主题下不引入额外变化
   ============================================================================ */
html[data-theme='dark'] .form-box-bg {
  display: block;
}