@charset 'utf-8';

/* ===================================================
   Theme 3 — 登入頁淺色樣式覆蓋
   蓋掉 login.css 的深色預設（僅在 theme 3 載入）
   主色：紫 rgb(145, 103, 245)
   =================================================== */

/* ===== 頁面背景：白底上下淡灰漸層 ===== */
body {
    background: linear-gradient(180deg, #ececec 0%, #ffffff 30%, #ffffff 65%, #dedede 100%) !important;
    color: #212121;
}

.wrapper.login {
    background: transparent !important;
}

/* ===== 標題 ===== */
.page-title {
    color: #212121;
}

/* ===== 主卡片：白底 ===== */
.dark-card {
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

/* ===== 表單左側 Icon ===== */
.form-group .left-icon {
    color: #757575;
}

/* ===== 輸入框 ===== */
.form-control {
    color: #212121 !important;
    border-bottom: 1px solid #c2c2c2 !important;
}

.form-control:focus {
    border-bottom: 1px solid rgb(145, 103, 245) !important;
}

.form-control::placeholder {
    color: #9e9e9e;
}

/* 瀏覽器自動填寫的淺色適配 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
    -webkit-text-fill-color: #212121 !important;
}

/* ===== 右側清除/顯示密碼 Icon ===== */
.form-group .icon_eye,
.form-group .icon_del {
    color: #9e9e9e;
}

/* ===== 記住我 ===== */
.span-remember {
    color: #212121;
}

.span-remember input[type="checkbox"] {
    accent-color: rgb(145, 103, 245);
}

/* ===== 驗證碼區塊（維持原版型，僅調整文字顏色以便在白底閱讀） ===== */
.captcha-label {
    color: #424242;
}

/* ===== 提交按鈕（可點擊時：紫色） ===== */
.btn-submit {
    background-color: rgb(145, 103, 245);
    border: 1px solid rgb(145, 103, 245);
    color: #ffffff;
}

.btn-submit:hover {
    background-color: rgb(126, 82, 235);
    border-color: rgb(126, 82, 235);
}

/* 提交按鈕（不可點擊時：淺灰） */
.btn-submit:disabled {
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    color: #9e9e9e;
}

.btn-submit:disabled:hover {
    background: #e0e0e0;
    color: #9e9e9e;
}

/* ===== 頁面下方切換連結 ===== */
.footer-action {
    color: #212121;
}

/* ===== 客服與下載區塊 ===== */
.cs-header {
    color: #212121;
}

.btn-download {
    background: rgb(145, 103, 245);
    border: 1px solid rgb(145, 103, 245);
    box-shadow: 0 2px 8px rgba(145, 103, 245, 0.45);
    text-shadow: none;
}

.btn-download:hover {
    background: rgb(126, 82, 235);
    border-color: rgb(126, 82, 235);
}

.cs-btn {
    background: #2b2b2b;
}

.cs-btn:hover {
    background: #454545;
}