/*
 * ============================================================
 * LegalDesk LOGIN V6-E
 *
 * Login-only visual redesign.
 * Existing Blade/form/authentication logic remains untouched.
 * ============================================================
 */

body.ld-login-v6-e{
    --login-bg:#0A0B10;
    --login-panel:#0D1118;
    --login-card:#FFFFFF;
    --login-ink:#0D192B;
    --login-copy:#68758A;
    --login-line:#DCE2EB;
    --login-gold:#D9AE66;
    --login-blue:#4F7CFF;

    min-height:100vh !important;

    background:
        radial-gradient(
            circle at 78% 8%,
            rgba(79,124,255,.13),
            transparent 29%
        ),
        radial-gradient(
            circle at 10% 86%,
            rgba(34,211,238,.05),
            transparent 25%
        ),
        #0A0B10
        !important;
}

/* ============================================================
 * OUTER COMPOSITION
 * One elegant dark canvas. No giant gray right slab.
 * ============================================================ */

body.ld-login-v6-e .auth-shell{
    width:
        min(
            1180px,
            calc(100% - 56px)
        )
        !important;

    min-height:
        min(
            760px,
            calc(100vh - 64px)
        )
        !important;

    margin:
        32px
        auto
        !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1.12fr)
        minmax(390px,.72fr)
        !important;

    align-items:stretch !important;

    overflow:hidden !important;

    border:
        1px solid
        rgba(255,255,255,.085)
        !important;

    border-radius:30px !important;

    background:
        linear-gradient(
            135deg,
            rgba(17,21,30,.98),
            rgba(8,11,16,.98)
        )
        !important;

    box-shadow:
        0 38px 100px
        rgba(0,0,0,.34)
        !important;
}

/* ============================================================
 * LEFT / BRAND AREA
 * ============================================================ */

body.ld-login-v6-e .brand-panel{
    position:relative !important;

    min-height:0 !important;

    padding:
        clamp(48px,5.3vw,72px)
        clamp(42px,5.1vw,68px)
        !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    background:
        radial-gradient(
            circle at 15% 18%,
            rgba(79,124,255,.11),
            transparent 31%
        ),
        radial-gradient(
            circle at 78% 88%,
            rgba(34,211,238,.045),
            transparent 28%
        ),
        transparent
        !important;

    color:#F7F8FB !important;
}

body.ld-login-v6-e .brand-panel::before{
    content:"" !important;

    position:absolute !important;
    inset:auto 45px 44px auto !important;

    width:180px !important;
    height:180px !important;

    border:
        1px solid
        rgba(255,255,255,.035)
        !important;

    border-radius:50% !important;

    background:transparent !important;

    pointer-events:none !important;
}

body.ld-login-v6-e .brand-panel::after{
    display:none !important;
}

/* single visible logo */
body.ld-login-v6-e .brand-mark{
    margin-bottom:34px !important;
}

body.ld-login-v6-e .brand-mark .ld-auth-brand-logo{
    width:auto !important;
    max-width:235px !important;
    height:auto !important;

    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* hide duplicate logo inside login card */
body.ld-login-v6-e .login-card-logo{
    display:none !important;
}

/* kicker */
body.ld-login-v6-e .eyebrow{
    margin:
        0
        0
        16px
        !important;

    color:#D9AE66 !important;

    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.15em !important;
}

/* main title */
body.ld-login-v6-e .brand-panel h1{
    max-width:610px !important;

    margin:
        0
        0
        24px
        !important;

    color:#F7F8FB !important;

    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif
        !important;

    font-size:
        clamp(
            46px,
            4.4vw,
            65px
        )
        !important;

    font-weight:650 !important;
    line-height:1.00 !important;
    letter-spacing:-.045em !important;
}

/* gold supporting headline */
body.ld-login-v6-e .slogan{
    margin:
        0
        0
        16px
        !important;

    color:#D9AE66 !important;

    font-size:
        clamp(
            19px,
            1.6vw,
            23px
        )
        !important;

    font-weight:650 !important;
}

/* explanatory copy */
body.ld-login-v6-e .lead{
    max-width:590px !important;

    margin:
        0
        0
        30px
        !important;

    color:#A7B2C5 !important;

    font-size:15px !important;
    line-height:1.72 !important;
}

/* ============================================================
 * BENEFITS
 * Convert previous cards into quiet feature lines.
 * ============================================================ */

body.ld-login-v6-e .feature-row{
    max-width:610px !important;

    display:grid !important;
    grid-template-columns:1fr !important;

    gap:0 !important;

    margin-top:2px !important;

    border-top:
        1px solid
        rgba(255,255,255,.075)
        !important;
}

body.ld-login-v6-e .feature{
    position:relative !important;

    min-height:0 !important;

    padding:
        15px
        0
        15px
        31px
        !important;

    border:
        0
        !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.075)
        !important;

    border-radius:0 !important;

    background:
        transparent
        !important;

    box-shadow:none !important;
}

body.ld-login-v6-e .feature::before{
    content:"✓" !important;

    position:absolute !important;

    left:0 !important;
    top:15px !important;

    color:#D9AE66 !important;

    font-size:13px !important;
    font-weight:800 !important;
}

body.ld-login-v6-e .feature strong{
    display:inline !important;

    color:#F3F5F8 !important;

    font-size:13px !important;
    font-weight:700 !important;
}

body.ld-login-v6-e .feature span,
body.ld-login-v6-e .feature p{
    display:inline !important;

    margin-left:6px !important;

    color:#8591A6 !important;

    font-size:12px !important;
    line-height:1.55 !important;
}

/* ============================================================
 * RIGHT LOGIN AREA
 * No giant gray block. Floating clean white card.
 * ============================================================ */

body.ld-login-v6-e .login-panel{
    position:relative !important;

    min-height:0 !important;

    padding:
        clamp(34px,4vw,52px)
        !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.012)
        )
        !important;

    color:#0D192B !important;
}

body.ld-login-v6-e .login-panel::before{
    content:"" !important;

    position:absolute !important;
    inset:8% 9% !important;

    border-radius:40px !important;

    background:
        radial-gradient(
            circle,
            rgba(79,124,255,.10),
            transparent 66%
        )
        !important;

    filter:blur(10px) !important;

    pointer-events:none !important;
}

/* ============================================================
 * SINGLE LOGIN CARD
 * ============================================================ */

body.ld-login-v6-e .login-card{
    position:relative !important;
    z-index:2 !important;

    width:100% !important;
    max-width:405px !important;

    margin:0 !important;

    overflow:hidden !important;

    border:
        1px solid
        rgba(255,255,255,.70)
        !important;

    border-radius:26px !important;

    background:#FFFFFF !important;

    color:#0D192B !important;

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.26)
        !important;
}

/*
 * Previous login had a dark header inside the card.
 * V6-E makes the whole card a single clean surface.
 */
body.ld-login-v6-e .login-head{
    padding:
        34px
        32px
        8px
        !important;

    border:0 !important;

    background:
        #FFFFFF
        !important;

    color:#0D192B !important;
}

body.ld-login-v6-e .login-head h2{
    margin:
        0
        0
        8px
        !important;

    color:#0D192B !important;

    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif
        !important;

    font-size:
        clamp(
            28px,
            2.5vw,
            34px
        )
        !important;

    font-weight:650 !important;
    letter-spacing:-.035em !important;
}

body.ld-login-v6-e .login-head p{
    margin:0 !important;

    color:#748197 !important;

    font-size:13px !important;
    line-height:1.55 !important;
}

/* body */
body.ld-login-v6-e .login-body{
    padding:
        24px
        32px
        32px
        !important;

    background:
        #FFFFFF
        !important;

    color:#0D192B !important;
}

/* ============================================================
 * FORM
 * ============================================================ */

body.ld-login-v6-e .field{
    margin-bottom:18px !important;
}

body.ld-login-v6-e .field label,
body.ld-login-v6-e .login-body label{
    display:block !important;

    margin-bottom:7px !important;

    color:#25344A !important;

    font-size:12px !important;
    font-weight:700 !important;
}

body.ld-login-v6-e
:is(
    input[type="email"],
    input[type="password"]
){
    width:100% !important;
    min-height:50px !important;

    padding:
        0
        15px
        !important;

    border:
        1px solid
        #D4DBE5
        !important;

    border-radius:12px !important;

    background:#FAFBFC !important;

    color:#111C2E !important;

    font-size:14px !important;

    box-shadow:none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease
        !important;
}

body.ld-login-v6-e
:is(
    input[type="email"],
    input[type="password"]
):hover{
    border-color:#BAC5D3 !important;
}

body.ld-login-v6-e
:is(
    input[type="email"],
    input[type="password"]
):focus{
    border-color:#4F7CFF !important;

    background:#FFFFFF !important;

    box-shadow:
        0 0 0 4px
        rgba(79,124,255,.09)
        !important;

    outline:none !important;
}

/* forgotten password */
body.ld-login-v6-e .password-help{
    margin:
        -5px
        0
        16px
        !important;

    text-align:right !important;
}

body.ld-login-v6-e .password-help a{
    color:#8A6529 !important;

    font-size:11px !important;
    font-weight:700 !important;

    text-decoration:none !important;
}

body.ld-login-v6-e .password-help a:hover{
    color:#644718 !important;
}

/* ============================================================
 * BUTTONS
 * ============================================================ */

body.ld-login-v6-e .login-body .btn{
    width:100% !important;

    min-height:49px !important;

    border-radius:12px !important;

    font-size:13px !important;
    font-weight:800 !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease
        !important;
}

body.ld-login-v6-e
:is(
    .btn-navy,
    button[type="submit"]
){
    border:
        1px solid
        #111A2A
        !important;

    background:
        linear-gradient(
            135deg,
            #111A2A,
            #17253C
        )
        !important;

    color:#FFFFFF !important;

    box-shadow:
        0 12px 28px
        rgba(17,26,42,.16)
        !important;
}

body.ld-login-v6-e
:is(
    .btn-navy,
    button[type="submit"]
):hover{
    transform:
        translateY(-1px)
        !important;

    box-shadow:
        0 16px 34px
        rgba(17,26,42,.21)
        !important;
}

body.ld-login-v6-e .btn-outline{
    margin-top:10px !important;

    border:
        1px solid
        #D3DAE4
        !important;

    background:#FFFFFF !important;

    color:#213048 !important;

    box-shadow:none !important;
}

body.ld-login-v6-e .btn-outline:hover{
    border-color:#B2BDCC !important;

    background:#F8F9FB !important;
}

/* ============================================================
 * FOOT META
 * ============================================================ */

body.ld-login-v6-e .login-body hr{
    margin:
        20px
        0
        18px
        !important;

    border:0 !important;

    border-top:
        1px solid
        #E7EAF0
        !important;
}

body.ld-login-v6-e .meta{
    color:#748197 !important;

    font-size:11px !important;
    line-height:1.75 !important;
}

body.ld-login-v6-e .meta a{
    color:#8A6529 !important;

    font-weight:700 !important;

    text-decoration:none !important;
}

/* ============================================================
 * ALERTS
 * ============================================================ */

body.ld-login-v6-e .alert-error{
    margin-bottom:18px !important;

    border:
        1px solid
        #F0C9CD
        !important;

    border-radius:12px !important;

    background:#FFF3F4 !important;

    color:#982936 !important;
}

body.ld-login-v6-e .alert-success{
    margin-bottom:18px !important;

    border:
        1px solid
        #C4E5D1
        !important;

    border-radius:12px !important;

    background:#F0FAF4 !important;

    color:#286143 !important;
}

/* ============================================================
 * RESPONSIVE
 * ============================================================ */

@media(max-width:980px){

    body.ld-login-v6-e .auth-shell{
        width:
            min(
                100% - 32px,
                760px
            )
            !important;

        min-height:0 !important;

        grid-template-columns:
            1fr
            !important;
    }

    body.ld-login-v6-e .brand-panel{
        padding:
            48px
            42px
            !important;
    }

    body.ld-login-v6-e .brand-panel h1{
        max-width:600px !important;

        font-size:
            clamp(
                43px,
                8vw,
                58px
            )
            !important;
    }

    body.ld-login-v6-e .login-panel{
        padding:
            36px
            32px
            44px
            !important;
    }
}

@media(max-width:600px){

    body.ld-login-v6-e .auth-shell{
        width:
            calc(100% - 20px)
            !important;

        margin:
            10px
            auto
            !important;

        border-radius:20px !important;
    }

    body.ld-login-v6-e .brand-panel{
        padding:
            36px
            24px
            !important;
    }

    body.ld-login-v6-e .brand-panel h1{
        font-size:
            clamp(
                38px,
                11vw,
                48px
            )
            !important;
    }

    body.ld-login-v6-e .feature-row{
        margin-top:0 !important;
    }

    body.ld-login-v6-e .login-panel{
        padding:
            18px
            !important;
    }

    body.ld-login-v6-e .login-head{
        padding:
            28px
            24px
            7px
            !important;
    }

    body.ld-login-v6-e .login-body{
        padding:
            22px
            24px
            27px
            !important;
    }
}