/* Ruta: /assets/css/auth/login.css */
/* EIES — EDESSIS Industrial Enterprise Suite (SIMEX 365) */
/* Pantalla de login — diseño premium navy + dorado */

:root{
    --eies-navy:#0A1230;
    --eies-navy-2:#131C45;
    --eies-navy-3:#1B2559;
    --eies-gold:#F5B544;
    --eies-gold-2:#FFB020;
    --eies-light:#E8ECFB;
    --eies-muted:#9AA4C8;
    --eies-ink:#0F1733;
    --eies-ink-2:#5B6388;
    --eies-line:#E3E7F2;
    --eies-field-bg:#FAFBFE;
}

*{box-sizing:border-box;}
html,body{height:100%;}
body{
    margin:0;
    font-family:'Plus Jakarta Sans','Inter',-apple-system,'Segoe UI',sans-serif;
    background:var(--eies-navy);
    color:var(--eies-ink);
    -webkit-font-smoothing:antialiased;
}

.eies-login{display:flex;min-height:100vh;}

/* ─── Panel de marca (izquierda) ─── */
.eies-brand{
    flex:1.15;
    position:relative;
    overflow:hidden;
    padding:48px 46px;
    color:var(--eies-light);
    display:flex;flex-direction:column;justify-content:space-between;
    background:
        radial-gradient(1200px 600px at 15% 0%, rgba(245,181,68,.10), transparent 55%),
        radial-gradient(900px 500px at 90% 100%, rgba(46,125,255,.10), transparent 50%),
        linear-gradient(150deg,#0A1230 0%,#101A40 45%,#0A1230 100%);
}
.eies-brand::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:
        linear-gradient(rgba(245,181,68,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(245,181,68,.045) 1px,transparent 1px);
    background-size:38px 38px;
    mask-image:radial-gradient(80% 80% at 50% 40%,#000 60%,transparent 100%);
}
.eies-brand>*{position:relative;z-index:1;}

.eies-logo{display:flex;align-items:center;gap:14px;}
.eies-logo-mark{
    width:100px;height:100px;border-radius:14px;
    background:linear-gradient(135deg,var(--eies-gold),var(--eies-gold-2));
    color:var(--eies-navy);
    display:flex;align-items:center;justify-content:center;
    font-size:26px;font-weight:800;
    box-shadow:0 8px 24px rgba(245,181,68,.30);
}
.eies-logo-name{font-size:85px;font-weight:700;letter-spacing:.5px;color:#fff;line-height:1;}
.eies-logo-name span{color:var(--eies-gold);}
.eies-logo-sub{font-size:26px;letter-spacing:1.5px;color:var(--eies-muted);margin-top:5px;}

.eies-tagline{font-size:30px;font-weight:600;line-height:1.28;color:#fff;margin-bottom:14px;}
.eies-lead{font-size:14px;line-height:1.75;color:var(--eies-muted);max-width:360px;margin-bottom:26px;}
.eies-features{display:flex;flex-direction:column;gap:14px;}
.eies-feature{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--eies-light);}
.eies-feature i{color:var(--eies-gold);font-size:20px;}

.eies-brand-foot{font-size:12px;color:#6B739C;line-height:1.7;}

/* ─── Panel del formulario (derecha) ─── */
.eies-form-side{
    flex:1;background:#fff;
    display:flex;align-items:center;justify-content:center;
    padding:48px 44px;
}
.eies-form{width:100%;max-width:360px;animation:eies-rise .5s ease both;}
.eies-form h1{font-size:25px;font-weight:700;color:var(--eies-ink);margin:0 0 6px;}
.eies-form .eies-subtitle{font-size:14px;color:#7A82A6;margin:0 0 30px;}

.eies-field{margin-bottom:18px;}
.eies-field label{display:block;font-size:12px;font-weight:600;color:var(--eies-ink-2);margin-bottom:8px;}
.eies-input-wrap{
    display:flex;align-items:center;gap:11px;height:48px;padding:0 15px;
    background:var(--eies-field-bg);border:1.5px solid var(--eies-line);border-radius:11px;
    transition:border-color .18s, box-shadow .18s, background .18s;
}
.eies-input-wrap:focus-within{
    border-color:var(--eies-gold);background:#fff;
    box-shadow:0 0 0 4px rgba(245,181,68,.15);
}
.eies-input-wrap i{color:var(--eies-muted);font-size:19px;transition:color .18s;}
.eies-input-wrap:focus-within i.eies-lead-icon{color:var(--eies-gold);}
.eies-input-wrap input{
    flex:1;border:0;outline:0;background:transparent;
    font-size:14.5px;color:var(--eies-ink);font-family:inherit;
}
.eies-input-wrap input::placeholder{color:#B4BAD2;}
.eies-toggle-pass{cursor:pointer;color:var(--eies-muted);}
.eies-toggle-pass:hover{color:var(--eies-ink-2);}

.eies-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0 26px;}
.eies-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--eies-ink-2);cursor:pointer;user-select:none;}
.eies-remember input{position:absolute;opacity:0;width:0;height:0;}
.eies-check{
    width:18px;height:18px;border-radius:6px;border:1.5px solid var(--eies-line);
    display:inline-flex;align-items:center;justify-content:center;transition:.15s;
}
.eies-check i{font-size:13px;color:transparent;}
.eies-remember input:checked + .eies-check{background:var(--eies-navy);border-color:var(--eies-navy);}
.eies-remember input:checked + .eies-check i{color:var(--eies-gold);}
.eies-forgot{font-size:13px;font-weight:600;color:var(--eies-navy-3);text-decoration:none;}
.eies-forgot:hover{color:var(--eies-gold-2);}

.eies-btn{
    width:100%;height:50px;border:0;border-radius:11px;cursor:pointer;
    background:linear-gradient(135deg,var(--eies-navy) 0%,var(--eies-navy-3) 100%);
    color:#fff;font-size:15px;font-weight:600;font-family:inherit;
    display:flex;align-items:center;justify-content:center;gap:9px;
    transition:transform .15s, box-shadow .2s, filter .2s;
    box-shadow:0 8px 22px rgba(10,18,48,.25);
}
.eies-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,18,48,.32);}
.eies-btn:active{transform:translateY(0);}
.eies-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;}
.eies-btn i{font-size:19px;}
.eies-spinner{
    width:19px;height:19px;border:2.5px solid rgba(255,255,255,.35);
    border-top-color:var(--eies-gold);border-radius:50%;
    animation:eies-spin .7s linear infinite;display:none;
}
.eies-btn.loading .eies-btn-label,.eies-btn.loading i.ti-arrow-right{display:none;}
.eies-btn.loading .eies-spinner{display:inline-block;}

.eies-secure{
    display:flex;align-items:center;justify-content:center;gap:8px;
    margin-top:24px;font-size:12px;color:var(--eies-muted);
}
.eies-secure i{font-size:16px;}

@keyframes eies-spin{to{transform:rotate(360deg);}}
@keyframes eies-rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

/* ─── Responsive ─── */
@media (max-width:900px){
    .eies-login{flex-direction:column;}
    .eies-brand{flex:none;padding:34px 28px;gap:26px;}
    .eies-tagline{font-size:24px;}
    .eies-form-side{flex:none;padding:34px 24px 48px;}
}
@media (max-width:560px){
    .eies-features{display:none;}
}