/* Qori login panel — polish (loaded after style.css) */

.login-page-dual {
    background:
        radial-gradient(980px 460px at 12% -5%, rgba(212, 175, 55, 0.22), transparent 58%),
        radial-gradient(820px 420px at 92% 8%, rgba(120, 145, 180, 0.16), transparent 52%),
        radial-gradient(640px 320px at 50% 110%, rgba(180, 150, 80, 0.08), transparent 55%),
        linear-gradient(168deg, #f4efe6 0%, #ebe6dc 38%, #e2e7ef 100%) !important;
}

.login-dual-wrap {
    max-width: 980px !important;
}

.login-dual-grid {
    gap: 1.65rem !important;
}

.login-dual-panel {
    border-radius: 20px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.login-dual-card:hover .login-dual-panel {
    transform: translateY(-2px);
}

.login-dual-body {
    padding: 1.75rem 1.6rem 1.45rem !important;
    min-height: 520px;
}

.login-dual-brand {
    margin-bottom: 0.35rem;
}

.login-dual-logo-slot {
    margin-bottom: 0.35rem !important;
}

.login-dual-logo-slot .factora-brand-logo {
    max-width: 200px !important;
    max-height: 128px !important;
    filter: drop-shadow(0 6px 14px rgba(120, 90, 20, 0.18));
}

.login-dual-brand-name {
    margin: 0.15rem 0 0.55rem;
    text-align: center;
    font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    background: linear-gradient(105deg, #8a6910 0%, #c9a227 35%, #f0d060 52%, #b8860b 78%, #6e520c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    line-height: 1.1;
}

.login-dual-rule {
    height: 1px;
    width: 72%;
    max-width: 220px;
    margin: 0 auto 1.15rem;
    border: 0;
}

.login-dual-rule-qori {
    background: linear-gradient(90deg, transparent, rgba(180, 140, 40, 0.55), transparent);
}

.login-dual-rule-yuri {
    background: linear-gradient(90deg, transparent, rgba(180, 200, 230, 0.35), transparent);
}

.login-dual-hint {
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 0.35rem !important;
}

.login-dual-form label {
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
}

.login-dual-form .form-control {
    height: 46px !important;
    border-radius: 11px !important;
}

.login-dual-form .input-group-append .btn {
    height: 46px !important;
    width: 48px !important;
    border-radius: 0 11px 11px 0 !important;
}

.login-dual-submit {
    min-height: 48px !important;
    border-radius: 11px !important;
}

/* Qori panel */
.login-dual-erp .login-dual-panel {
    background:
        radial-gradient(420px 180px at 50% 0%, rgba(240, 208, 96, 0.18), transparent 70%),
        linear-gradient(180deg, #fffef9 0%, #faf4e8 48%, #f3ead8 100%) !important;
    border: 1px solid rgba(180, 145, 50, 0.28) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 22px 48px rgba(90, 70, 20, 0.14) !important;
}

.login-dual-erp:hover .login-dual-panel {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 26px 56px rgba(90, 70, 20, 0.18) !important;
}

.login-dual-erp .login-dual-logo-slot {
    background:
        radial-gradient(circle at 50% 40%, rgba(240, 208, 96, 0.28), transparent 62%),
        linear-gradient(180deg, #f7f0e2 0%, #ebe1cd 100%) !important;
    border: 1px solid rgba(180, 145, 50, 0.22) !important;
    box-shadow: 0 8px 18px rgba(120, 90, 20, 0.08);
}

.login-dual-erp .login-dual-hint {
    color: #8a7348 !important;
}

.login-dual-erp label {
    color: #6b5a38 !important;
}

.login-dual-erp .login-dual-form .form-control {
    background: #f7fafc !important;
    border-color: rgba(160, 130, 60, 0.3) !important;
    box-shadow: 0 1px 2px rgba(90, 70, 20, 0.04) inset;
}

.login-dual-erp .login-dual-form .form-control:focus {
    border-color: rgba(180, 140, 30, 0.6) !important;
    box-shadow: 0 0 0 0.2rem rgba(201, 162, 39, 0.2) !important;
    background: #fff !important;
}

.login-dual-erp .login-dual-submit.factora-login-gold {
    box-shadow:
        0 1px 0 rgba(255, 245, 200, 0.55) inset,
        0 8px 20px rgba(139, 105, 20, 0.28) !important;
}

.login-dual-erp .login-dual-foot a {
    font-weight: 700 !important;
}

.login-dual-yuri:hover .login-dual-panel {
    box-shadow:
        0 1px 0 rgba(220, 230, 245, 0.08) inset,
        0 26px 52px rgba(0, 0, 0, 0.45) !important;
}

@media (max-width: 820px) {
    .login-dual-grid {
        grid-template-columns: 1fr !important;
        max-width: 440px;
        margin: 0 auto;
    }

    .login-dual-body {
        min-height: 0 !important;
    }
}