/*
 * TreeRu Mail - Custom Skin Styles
 * Child skin of Elastic
 * Brand colors: #2f468a (진한파랑), #69c5b0 (밝은연두)
 */

/* ============================================================
   Login Page
   ============================================================ */

/* 로그인 배경 그라데이션 */
.task-login #layout-content {
    background: linear-gradient(135deg, #f0f4f8 0%, #e8edf5 50%, #dfe6f0 100%);
}

/* 로그인 폼 카드 */
.task-login #login-form {
    background: rgba(255, 255, 255, 0.97);
    border-radius: 16px;
    box-shadow: 0 8px 40px rgba(47, 70, 138, 0.12);
    border: 1px solid rgba(47, 70, 138, 0.08);
}

/* 로그인 로고 크기 */
.task-login #logo {
    max-height: 80px;
    width: auto;
    margin-bottom: 1.5rem;
}

/* 로그인 버튼 */
.task-login #rcmloginsubmit {
    background-color: #2f468a;
    border-color: #2f468a;
    border-radius: 8px;
    font-weight: 600;
    padding: 0.6rem 1.5rem;
    transition: background-color 0.2s ease;
}

.task-login #rcmloginsubmit:hover,
.task-login #rcmloginsubmit:focus {
    background-color: #243769;
    border-color: #243769;
}

/* 로그인 input 필드 */
.task-login .input-group .form-control {
    border-radius: 8px;
    border: 1px solid #d0d5dd;
    padding: 0.6rem 0.75rem;
}

.task-login .input-group .form-control:focus {
    border-color: #69c5b0;
    box-shadow: 0 0 0 3px rgba(105, 197, 176, 0.2);
}

/* 로그인 input 아이콘 */
.task-login .input-group .input-group-text {
    border-radius: 8px 0 0 8px;
    background-color: #f7f9fc;
    border: 1px solid #d0d5dd;
    border-right: none;
}

/* ============================================================
   Main UI — 포인트 색상 오버라이드
   ============================================================ */

/* 링크 색상 */
a {
    color: #2f468a;
}

a:hover {
    color: #243769;
}

/* Primary 버튼 */
.btn-primary,
.btn-primary.disabled {
    background-color: #2f468a;
    border-color: #2f468a;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #243769;
    border-color: #243769;
}

/* 좌측 사이드 메뉴 */
#layout-sidebar .header,
.layout-phone .task-menu-button {
    /* 기본 elastic 유지하되 accent만 변경 */
}

/* 좌측 작업 메뉴 (메일/주소록/설정) */
#taskmenu a.selected::before,
#taskmenu a:hover::before {
    background-color: #69c5b0;
}

/* 메일 리스트 — 선택된 행 */
.messagelist tr.selected td,
.messagelist tr.focused td {
    background-color: rgba(47, 70, 138, 0.08);
}

/* 폴더 리스트 — 선택된 항목 */
.folderlist li.selected > a,
.listing li.selected > a,
.treelist li.selected > a {
    background-color: rgba(47, 70, 138, 0.08);
    color: #2f468a;
}

/* 체크박스 (체크 시) */
.custom-control-input:checked ~ .custom-control-label::before,
input[type="checkbox"]:checked + label::before {
    background-color: #2f468a;
    border-color: #2f468a;
}

/* 툴바 버튼 active/hover */
.toolbar a.active,
.toolbar a:hover {
    color: #2f468a;
}

/* ============================================================
   헤더 로고 (메일 화면 상단)
   ============================================================ */
#logo {
    max-height: 36px;
    width: auto;
}

/* ============================================================
   다크모드 보정
   ============================================================ */
@media (prefers-color-scheme: dark) {
    .task-login #layout-content {
        background: linear-gradient(135deg, #1a1f2e 0%, #1e2538 50%, #222a3d 100%);
    }

    .task-login #login-form {
        background: rgba(30, 35, 50, 0.97);
        border-color: rgba(105, 197, 176, 0.15);
        box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3);
    }

    .task-login .input-group .form-control {
        background-color: #2a3040;
        border-color: #3a4055;
        color: #e0e0e0;
    }

    .task-login .input-group .input-group-text {
        background-color: #2a3040;
        border-color: #3a4055;
        color: #e0e0e0;
    }

    .task-login .input-group .form-control:focus {
        border-color: #69c5b0;
        box-shadow: 0 0 0 3px rgba(105, 197, 176, 0.15);
    }

    /* 다크모드 링크 */
    a {
        color: #69c5b0;
    }

    a:hover {
        color: #7fd4bf;
    }

    /* 다크모드 버튼 */
    .btn-primary,
    .btn-primary.disabled {
        background-color: #69c5b0;
        border-color: #69c5b0;
        color: #1a1f2e;
    }

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #7fd4bf;
        border-color: #7fd4bf;
        color: #1a1f2e;
    }

    .task-login #rcmloginsubmit {
        background-color: #69c5b0;
        border-color: #69c5b0;
        color: #1a1f2e;
    }

    .task-login #rcmloginsubmit:hover {
        background-color: #7fd4bf;
        border-color: #7fd4bf;
    }
}

/* ============================================================
   Footer / Copyright
   ============================================================ */
#login-footer {
    color: #8895a7;
    font-size: 0.8rem;
}