/* ==========================================================================
   Noxmail 品牌主题
   只覆盖视觉，不动布局 —— 升级 Roundcube 不会丢
   换主色：改下面三个 --nox-* 变量
   换背景图：替换 /var/www/roundcube/public_html/login-bg.jpg
   ========================================================================== */

:root {
  --nox-primary: #2563eb;          /* 主色：按钮、链接、焦点 */
  --nox-primary-dark: #1d4ed8;     /* 主色悬停 */
  --nox-primary-soft: rgba(37, 99, 235, .15);
  --nox-radius: 10px;
}

/* ---- 链接 ---- */
a { color: var(--nox-primary); }
a:hover, a:focus { color: var(--nox-primary-dark); }

/* ---- 主按钮：登录、发送 ---- */
.button.mainaction,
button.mainaction,
.btn-primary {
  background-color: var(--nox-primary) !important;
  border-color: var(--nox-primary) !important;
  border-radius: var(--nox-radius) !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, .22);
}
.button.mainaction:hover,
button.mainaction:hover,
.btn-primary:hover {
  background-color: var(--nox-primary-dark) !important;
  border-color: var(--nox-primary-dark) !important;
}

/* ---- 输入框 ---- */
.form-control {
  border-radius: var(--nox-radius);
}
.form-control:focus {
  border-color: var(--nox-primary) !important;
  box-shadow: 0 0 0 3px var(--nox-primary-soft) !important;
}

/* ==========================================================================
   登录页：背景图 + 居中白卡片 + 浅色 Logo
   ========================================================================== */
body.task-login {
  background-color: #0b1220;
  background-image: url('/login-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body.task-login #layout-content {
  background: transparent;
}

/* 表单做成浮起的白色卡片 */
body.task-login #login-form,
body.task-login .propform {
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(2, 8, 23, .38);
  border: 1px solid rgba(255, 255, 255, .08);
}

body.task-login #login-form input.form-control {
  height: 42px;
}

/* 深色背景上用浅色版的 Logo */
body.task-login #logo {
  content: url('/noxmail-logo-light.svg');
}

/* 底部版权行跟着背景走 */
body.task-login #login-footer {
  color: rgba(255, 255, 255, .72);
}
body.task-login #login-footer a {
  color: #93c5fd;
}

/* ---- 深色模式下的卡片 ---- */
html.dark-mode body.task-login #login-form,
html.dark-mode body.task-login .propform,
body.dark-mode.task-login #login-form,
body.dark-mode.task-login .propform {
  background: #1d2329;
  border-color: rgba(255, 255, 255, .08);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .5);
}