/**
 * Admin login (simple layout) only.
 * Does not change logged-in dashboard backgrounds.
 */

.fi-body.fi-panel-admin:has(.fi-simple-main),
.fi-body.fi-panel-admin.fi-simple-layout,
.fi-simple-layout {
    min-height: 100dvh;
    width: 100%;
    background-color: #0b2e1f !important;
    background-image:
        linear-gradient(rgba(3, 21, 13, 0.45), rgba(3, 21, 13, 0.58)),
        url('/images/background-bhuguard.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.fi-panel-admin .fi-simple-layout,
.fi-simple-layout {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1rem, 3vw, 2rem);
}

/* Remove logo watermark + wave pattern from login card area */
.fi-panel-admin .fi-simple-main::before {
    display: none !important;
    content: none !important;
    background: none !important;
}

.fi-panel-admin .fi-simple-main-ctn {
    width: 100%;
    display: flex;
    justify-content: center;
}

.fi-panel-admin .fi-simple-main {
    position: relative;
    z-index: 1;
    width: min(420px, 92vw) !important;
    max-width: 420px !important;
    margin-inline: auto;
    padding: 1.65rem 1.55rem 1.45rem !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    background: rgba(255, 252, 245, 0.94) !important;
    box-shadow:
        0 18px 48px rgba(3, 21, 13, 0.28),
        0 2px 8px rgba(3, 21, 13, 0.12) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.fi-panel-admin .fi-simple-header {
    margin-bottom: 1.15rem;
}

.fi-panel-admin .fi-logo,
.fi-panel-admin .fi-simple-header .fi-logo {
    height: 2.75rem !important;
    width: auto !important;
    max-width: 180px;
    object-fit: contain;
}

.fi-panel-admin .fi-simple-header-heading {
    margin-top: 0.85rem !important;
    color: #0b2e1f !important;
    font-size: 1.55rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.fi-panel-admin .fi-simple-header-subheading {
    margin-top: 0.35rem !important;
    color: #5f6f66 !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
}

.fi-panel-admin .fi-simple-main .fi-input-wrp,
.fi-panel-admin .fi-simple-main .fi-fo-field-wrp {
    margin-bottom: 0.15rem;
}

.fi-panel-admin .fi-simple-main .fi-input,
.fi-panel-admin .fi-simple-main input[type='email'],
.fi-panel-admin .fi-simple-main input[type='password'],
.fi-panel-admin .fi-simple-main input[type='text'] {
    min-height: 2.75rem;
    border-radius: 0.75rem !important;
    border-color: rgba(11, 46, 31, 0.14) !important;
    background: #ffffff !important;
    color: #0b2e1f !important;
    box-shadow: none !important;
}

.fi-panel-admin .fi-simple-main .fi-input:focus,
.fi-panel-admin .fi-simple-main input:focus {
    border-color: #85c95c !important;
    outline: 2px solid rgba(133, 201, 92, 0.28);
    outline-offset: 0;
}

.fi-panel-admin .fi-simple-main .fi-btn-primary,
.fi-panel-admin .fi-simple-main button[type='submit'] {
    width: 100%;
    min-height: 2.85rem;
    border-radius: 0.85rem !important;
    background: #0b2e1f !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: 0 !important;
    box-shadow: 0 8px 18px rgba(11, 46, 31, 0.22) !important;
    transition: transform 0.12s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.fi-panel-admin .fi-simple-main .fi-btn-primary:hover,
.fi-panel-admin .fi-simple-main button[type='submit']:hover {
    background: #143d2a !important;
    box-shadow: 0 10px 22px rgba(11, 46, 31, 0.28) !important;
}

.fi-panel-admin .fi-simple-main .fi-btn-primary:active,
.fi-panel-admin .fi-simple-main button[type='submit']:active {
    transform: translateY(1px) scale(0.992);
}

.fi-panel-admin .fi-simple-main .fi-fo-checkbox,
.fi-panel-admin .fi-simple-main .fi-checkbox {
    color: #0b2e1f;
}

.bhuguard-demo-login-hint {
    margin-top: 1rem;
    padding: 0.7rem 0.85rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(47, 125, 50, 0.18);
    background: rgba(233, 243, 232, 0.92);
    color: #355245;
    font-size: 0.78rem;
    line-height: 1.45;
}

.bhuguard-demo-login-hint strong {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #0b2e1f;
}

.bhuguard-demo-login-hint code,
.bhuguard-demo-login-hint .font-mono {
    font-size: 0.75rem;
    color: #0b2e1f;
}

@media (max-width: 640px) {
    .fi-panel-admin .fi-simple-layout {
        padding: 0.85rem;
        align-items: flex-start;
        padding-top: max(0.85rem, env(safe-area-inset-top));
        padding-bottom: max(0.85rem, env(safe-area-inset-bottom));
    }

    .fi-panel-admin .fi-simple-main {
        width: 92vw !important;
        max-width: 92vw !important;
        padding: 1.35rem 1.15rem 1.2rem !important;
        border-radius: 20px !important;
    }

    .fi-panel-admin .fi-simple-header-heading {
        font-size: 1.4rem !important;
    }
}