/*SISTRACK - LOGIN 2026 Nuevo diseño*/

html, body {
    width:100%;
    min-width:0;
    min-height:100%;
    margin:0;
}

body.sistrack-login-body {
    min-height:100vh;
    overflow-x:hidden;
    background:#05090e !important;
    color:#dce4ed;
    font-family:'Poppins',sans-serif;
}

.sistrack-login-layout {
    --sl-bg:#05090e;
    --sl-panel:#0b131d;
    --sl-panel-2:#101b27;
    --sl-input:#0b1621;
    --sl-border:#25384b;
    --sl-soft:rgba(148,163,184,.12);
    --sl-gold:#e7aa35;
    --sl-gold-2:#f5c65a;
    --sl-text:#e6edf5;
    --sl-muted:#7d8da2;
    --sl-green:#22d3a0;
    --sl-red:#ef5b65;
    width:100%;
    min-height:100vh;
    display:grid !important;
    grid-template-columns:minmax(520px,38vw) minmax(0,1fr);
    background:var(--sl-bg) !important;
}

.sistrack-login-layout *, .sistrack-login-layout *::before, .sistrack-login-layout *::after {
    box-sizing:border-box;
}

/* IZQUIERDA */
.sistrack-login-left {
    position:relative;
    z-index:4;
    min-width:0;
    min-height:100vh;
    display:flex;
    border-right:1px solid rgba(231,170,53,.10);
    background:linear-gradient(180deg,#0c141e 0%,#080e15 100%);
    box-shadow:25px 0 80px rgba(0,0,0,.28);
}

.sistrack-login-left::before {
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 10% 0%,rgba(231,170,53,.10),transparent 27%), radial-gradient(circle at 100% 70%,rgba(64,125,196,.06),transparent 32%);
}

.sistrack-login-left-inner {
    position:relative;
    z-index:1;
    width:100%;
    max-width:580px;
    min-height:100vh;
    margin:0 auto;
    padding:32px 42px 22px;
    display:flex;
    flex-direction:column;
}

/* MARCA */
.sistrack-login-brand {
    min-height:132px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.sistrack-login-logo-link {
    display:inline-flex;
    align-items:center;
    text-decoration:none;
}

.sistrack-login-logo {
    display:block;
    width:auto;
    max-width:330px;
    max-height:124px;
    object-fit:contain;
    filter:drop-shadow(0 10px 22px rgba(0,0,0,.28));
}

.sistrack-brand-caption {
    display:none;
}

/* CONTENIDO / TARJETA */
.sistrack-login-content {
    width:100%;
    flex:1;
    display:flex;
    align-items:center;
    padding:20px 0 28px;
}

.login.login-2 .sistrack-login-form {
    width:100%;
    max-width:none;
    padding:34px 34px !important;
    border:1px solid rgba(148,163,184,.12);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(17,28,40,.88),rgba(9,16,24,.82));
    box-shadow:0 26px 65px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter:blur(12px);
}

.login.login-2 .login-signin,.login.login-2 .login-signup,.login.login-2 .login-forgot {
    display:none;
}

.login.login-2.login-signin-on .login-signin,.login.login-2.login-forgot-on .login-forgot {
    display:block;
}

.login.login-2.login-signin-on .login-signup,.login.login-2.login-signin-on .login-forgot,.login.login-2.login-forgot-on .login-signin,.login.login-2.login-forgot-on .login-signup {
    display:none;
}

.sistrack-login-heading {
    margin-bottom:24px;
}

.sistrack-login-eyebrow {
    display:block;
    margin-bottom:7px;
    color:var(--sl-gold);
    font-size:.60rem;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.sistrack-login-heading h2 {
    margin:0 0 8px;
    color:#fff;
    font-size:2.15rem;
    line-height:1.12;
    font-weight:700;
    letter-spacing:-.04em;
}

.sistrack-login-heading p {
    max-width:390px;
    margin:0;
    color:#7d8da2;
    font-size:.78rem;
    line-height:1.7;
}

.sistrack-login-form .form-group {
    position:relative;
}

.sistrack-login-field {
    margin-bottom:16px !important;
}

.sistrack-login-label {
    display:block !important;
    margin:0 0 7px !important;
    padding:0 !important;
    color:#9aabba !important;
    font-size:.68rem !important;
    line-height:1.3;
    font-weight:500 !important;
}

/* INPUTS */
.sistrack-login-input-wrapper {
    position:relative;
    width:100%;
}

.sistrack-login-input-icon {
    position:absolute;
    left:15px;
    top:50%;
    z-index:4;
    transform:translateY(-50%);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#6f8299;
    pointer-events:none;
    transition:.2s ease;
}

.sistrack-login-input-icon i {
    margin:0;
    font-size:.9rem;
}

.sistrack-login-input {
    width:100% !important;
    height:54px !important;
    min-height:54px !important;
    padding:9px 14px 9px 43px !important;
    background:#0a1520 !important;
    border:1px solid #26394c !important;
    border-radius:10px !important;
    color:#eef3f8 !important;
    font-family:'Poppins',sans-serif !important;
    font-size:1rem !important;
    font-weight:400 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.015) !important;
    outline:none !important;
    transition:.2s ease;
}

.sistrack-login-input:hover {
    background:#0d1a26 !important;
    border-color:#36506a !important;
}

.sistrack-login-input:focus {
    background:#0d1a26 !important;
    border-color:var(--sl-gold) !important;
    box-shadow:0 0 0 3px rgba(231,170,53,.09),0 10px 25px rgba(0,0,0,.10) !important;
}

.sistrack-login-input-wrapper:focus-within .sistrack-login-input-icon {
    color:var(--sl-gold);
}

.sistrack-login-input::placeholder {
    color:#53667c !important;
    opacity:1;
}

.sistrack-login-form .fv-plugins-message-container {
    margin-top:4px;
}

.sistrack-login-form .fv-help-block,.sistrack-login-form .fv-plugins-message-container div {
    color:#ed747c !important;
    font-size:.5rem !important;
    line-height:1.35;
}

.sistrack-login-form .is-invalid,.sistrack-login-form .form-control.is-invalid {
    border-color:var(--sl-red) !important;
}

/* ==========================================
   SISTRACK - MOSTRAR / OCULTAR CONTRASEÑA
========================================== */

.sistrack-password-input {
    padding-right: 55px !important;
}

.sistrack-password-toggle {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    z-index: 5;
    width: 38px;
    height: 38px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #7d8da2;
    cursor: pointer;
    transition: all 0.2s ease;
}

.sistrack-password-toggle i {
    font-size: 21px;
    margin: 0;
    pointer-events: none;
}

.sistrack-password-toggle:hover {
    color: #f5c65a;
    background: rgba(231, 170, 53, 0.08);
}

.sistrack-password-toggle:focus-visible {
    outline: 2px solid #e7aa35;
    outline-offset: 2px;
}

.sistrack-password-toggle.is-visible {
    color: #e7aa35;
}

/* CAPTCHA */
.sistrack-captcha-row {
    min-height:66px;
    margin-bottom:9px;
    padding:8px;
    display:grid;
    grid-template-columns:165px 40px minmax(125px,1fr);
    align-items:center;
    gap:9px;
    background:rgba(3,8,13,.32);
    border:1px solid rgba(148,163,184,.11);
    border-radius:10px;
}

.sistrack-captcha-image {
    width:165px;
    height:52px;
    overflow:hidden;
    display:flex;
    align-items:center;
    border-radius:7px;
    background:#fff;
    box-shadow:0 5px 14px rgba(0,0,0,.16);
}

.sistrack-captcha-image span {
    width:100% !important;
    height:100%;
    display:block !important;
}

.sistrack-captcha-image img {
    width:100%;
    height:52px;
    display:block;
    object-fit:cover;
}

.sistrack-captcha-refresh {
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    margin:0 !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    background:#101d2a !important;
    border:1px solid #2b4055 !important;
    border-radius:9px !important;
    color:var(--sl-gold) !important;
    box-shadow:none !important;
    transition:.2s ease;
}

.sistrack-captcha-refresh:hover {
    transform:rotate(18deg);
    border-color:rgba(231,170,53,.65) !important;
    background:rgba(231,170,53,.08) !important;
}

.sistrack-captcha-refresh i {
    margin:0 !important;
    color:var(--sl-gold) !important;
    font-size:.75rem;
}

.sistrack-captcha-info {
    min-width:0;
    display:flex;
    flex-direction:column;
}

.sistrack-captcha-info strong {
    color:#d4dde7;
    font-size:.62rem;
    font-weight:600;
}

.sistrack-captcha-info span {
    margin-top:2px;
    color:#64778d;
    font-size:.68rem;
}

/* OPCIONES / BOTONES */
.sistrack-login-options {
    margin-top:3px !important;
    margin-bottom:18px !important;
}

.sistrack-login-remember {
    color:#8394a8 !important;
    font-size:.65rem !important;
}

.sistrack-login-remember > span {
    width:18px !important;
    height:18px !important;
    margin-right:7px !important;
    background:#0b1722 !important;
    border-color:#354b62 !important;
    border-radius:5px !important;
}

.sistrack-login-remember > input:checked ~ span {
    background:var(--sl-gold) !important;
    border-color:var(--sl-gold) !important;
}

.sistrack-login-forgot-link {
    color:var(--sl-gold) !important;
    font-size:.65rem;
    font-weight:600;
    text-decoration:none !important;
}

.sistrack-login-forgot-link:hover {
    color:var(--sl-gold-2) !important;
}

.sistrack-login-submit {
    width:100%;
    min-height:54px;
    margin:0 !important;
    padding:9px 16px !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:9px;
    background:linear-gradient(135deg,#f5c75d,#dfa128) !important;
    border:1px solid #f0b944 !important;
    border-radius:10px !important;
    color:#11151a !important;
    font-family:'Poppins',sans-serif !important;
    font-size:.76rem !important;
    font-weight:700 !important;
    box-shadow:0 12px 30px rgba(231,170,53,.16),inset 0 1px 0 rgba(255,255,255,.32) !important;
    transition:.2s ease !important;
}

.sistrack-login-submit:hover,.sistrack-login-submit:focus {
    color:#111 !important;
    filter:brightness(1.04);
    transform:translateY(-2px);
    box-shadow:0 16px 35px rgba(231,170,53,.22) !important;
}

.sistrack-login-submit i {
    margin:0 !important;
    color:#111 !important;
    font-size:.8rem;
    transition:transform .2s ease;
}

.sistrack-login-submit:hover i {
    transform:translateX(3px);
}

.sistrack-login-submit--small {
    width:auto !important;
    min-width:140px;
}

.sistrack-login-secondary {
    min-height:46px;
    min-width:130px;
    margin:0 !important;
    padding:8px 14px !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:7px;
    background:transparent !important;
    border:1px solid var(--sl-border) !important;
    border-radius:10px !important;
    color:#d1dae4 !important;
    font-size:.6rem !important;
    font-weight:600 !important;
    box-shadow:none !important;
}

.sistrack-login-secondary:hover {
    background:var(--sl-panel-2) !important;
    border-color:#3b526a !important;
    color:#fff !important;
}

.sistrack-forgot-actions {
    margin-top:18px;
    display:flex;
    gap:8px;
}

/* ALERTAS */
.sistrack-login-alert {
    padding:9px 11px !important;
    background:rgba(239,83,91,.06) !important;
    border:1px solid rgba(239,83,91,.23) !important;
    border-radius:9px !important;
    color:#e7a0a5 !important;
}

.sistrack-login-alert .alert-icon {
    margin-right:7px !important;
}

.sistrack-login-alert .alert-icon i {
    color:#ef6b73 !important;
    font-size:.82rem !important;
}

.sistrack-login-alert .alert-text {
    color:#e7a0a5 !important;
    font-size:.52rem !important;
}

.sistrack-login-footer {
    min-height:26px;
    display:flex;
    align-items:center;
    gap:7px;
    color:#53667b;
    font-size:.4rem;
    font-weight:600;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.sistrack-login-footer-dot {
    width:3px;
    height:3px;
    border-radius:50%;
    background:rgba(231,170,53,.6);
}

/* DERECHA - CENTRO DE CONTROL */
.sistrack-login-right {
    position:relative;
    min-width:0;
    min-height:100vh;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:64px clamp(42px,6vw,110px);
    background:radial-gradient(circle at 78% 12%,rgba(231,170,53,.10),transparent 25%), radial-gradient(circle at 18% 82%,rgba(45,112,190,.10),transparent 32%), linear-gradient(145deg,#07101a 0%,#0a1520 48%,#060b11 100%);
}

.sistrack-login-right::before {
    content:'';
    position:absolute;
    width:640px;
    height:640px;
    right:-260px;
    top:-300px;
    border:1px solid rgba(231,170,53,.07);
    border-radius:50%;
    box-shadow:0 0 0 90px rgba(231,170,53,.018),0 0 0 180px rgba(231,170,53,.012);
}

.sistrack-login-right::after {
    content:'';
    position:absolute;
    width:480px;
    height:480px;
    left:-250px;
    bottom:-250px;
    border:1px solid rgba(73,139,215,.08);
    border-radius:50%;
}

.sistrack-login-grid {
    position:absolute;
    inset:0;
    opacity:.23;
    background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px);
    background-size:52px 52px;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);
}

.sistrack-login-glow {
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    filter:blur(5px);
}

.sistrack-login-glow--top {
    width:420px;
    height:420px;
    top:-210px;
    right:-120px;
    background:radial-gradient(circle,rgba(231,170,53,.10),transparent 68%);
}

.sistrack-login-glow--bottom {
    width:520px;
    height:520px;
    bottom:-280px;
    left:-180px;
    background:radial-gradient(circle,rgba(65,131,208,.09),transparent 70%);
}

.sistrack-login-right-content {
    position:relative;
    z-index:2;
    width:100%;
    max-width:880px;
}

.sistrack-status-pill {
    width:fit-content;
    min-height:30px;
    margin-bottom:22px;
    padding:6px 11px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(34,211,160,.055);
    border:1px solid rgba(34,211,160,.18);
    border-radius:20px;
    color:#75d9bb;
    font-size:.52rem;
    font-weight:700;
    letter-spacing:.09em;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
}

.sistrack-status-pill > span {
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--sl-green);
    box-shadow:0 0 0 5px rgba(34,211,160,.08),0 0 15px rgba(34,211,160,.35);
    animation:slPulse 2.4s infinite;
}

@keyframes slPulse {
    0%,100% {
        box-shadow:0 0 0 4px rgba(34,211,160,.07),0 0 12px rgba(34,211,160,.25)
    }

    50% {
        box-shadow:0 0 0 7px rgba(34,211,160,.025),0 0 20px rgba(34,211,160,.4)
    }

}

.sistrack-right-copy {
    max-width:720px;
    margin-bottom:34px;
}

.sistrack-right-copy h1 {
    margin:0 0 11px;
    color:#fff;
    font-size:clamp(2.5rem,4.2vw,4.6rem);
    line-height:1.01;
    font-weight:700;
    letter-spacing:-.055em;
    text-shadow:0 12px 35px rgba(0,0,0,.22);
}

.sistrack-right-copy h1::after {
    content:'';
    display:block;
    width:74px;
    height:3px;
    margin-top:20px;
    border-radius:3px;
    background:linear-gradient(90deg,var(--sl-gold),rgba(231,170,53,0));
}

.sistrack-right-copy p {
    max-width:650px;
    margin:15px 0 0;
    color:#8192a7;
    font-size:.72rem;
    line-height:1.75;
}

.sistrack-monitor-card {
    position:relative;
    width:100%;
    padding:22px;
    overflow:hidden;
    background:linear-gradient(155deg,rgba(18,31,45,.92),rgba(8,16,24,.84));
    border:1px solid rgba(148,163,184,.15);
    border-radius:18px;
    box-shadow:0 35px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter:blur(10px);
}

.sistrack-monitor-card::before {
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(110deg,rgba(231,170,53,.035),transparent 30%,transparent 70%,rgba(34,211,160,.025));
}

.sistrack-monitor-header {
    position:relative;
    min-height:48px;
    padding-bottom:15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-bottom:1px solid rgba(148,163,184,.10);
}

.sistrack-monitor-header > div {
    display:flex;
    flex-direction:column;
}

.sistrack-monitor-header small {
    color:#63768d;
    font-size:.41rem;
    letter-spacing:.11em;
}

.sistrack-monitor-header strong {
    margin-top:3px;
    color:#e2e9f1;
    font-size:.66rem;
    font-weight:600;
}

.sistrack-online-badge {
    min-height:23px;
    padding:4px 9px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:rgba(34,211,160,.05);
    border:1px solid rgba(34,211,160,.16);
    border-radius:15px;
    color:#72d5b6;
    font-size:.4rem;
    font-weight:700;
}

.sistrack-online-badge i {
    width:5px;
    height:5px;
    display:block;
    border-radius:50%;
    background:var(--sl-green);
    box-shadow:0 0 10px rgba(34,211,160,.6);
}

.sistrack-monitor-map {
    position:relative;
    min-height:145px;
    display:grid;
    grid-template-columns:auto minmax(70px,1fr) auto;
    align-items:center;
    gap:16px;
}

.sistrack-map-origin,.sistrack-map-destination {
    display:flex;
    align-items:center;
    gap:10px;
}

.sistrack-map-origin > div,.sistrack-map-destination > div {
    display:flex;
    flex-direction:column;
}

.sistrack-map-origin small,.sistrack-map-destination small {
    color:#5f7187;
    font-size:.38rem;
    letter-spacing:.09em;
}

.sistrack-map-origin strong,.sistrack-map-destination strong {
    margin-top:2px;
    color:#c7d2dd;
    font-size:.51rem;
    font-weight:500;
    white-space:nowrap;
}

.sistrack-map-dot {
    width:13px;
    height:13px;
    flex:0 0 13px;
    border-radius:50%;
}

.sistrack-map-dot--origin {
    background:var(--sl-gold);
    box-shadow:0 0 0 6px rgba(231,170,53,.07),0 0 20px rgba(231,170,53,.22);
}

.sistrack-map-dot--destination {
    background:var(--sl-green);
    box-shadow:0 0 0 6px rgba(34,211,160,.07),0 0 20px rgba(34,211,160,.20);
}

.sistrack-map-path {
    position:relative;
    height:1px;
    border-top:1px dashed rgba(231,170,53,.36);
}

.sistrack-map-path::before,.sistrack-map-path::after {
    content:'';
    position:absolute;
    top:-2px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:rgba(231,170,53,.45);
}

.sistrack-map-path::before {
    left:18%;
}

.sistrack-map-path::after {
    right:18%;
}

.sistrack-map-path > span {
    position:absolute;
    left:42%;
    top:50%;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--sl-gold);
    transform:translateY(-50%);
    box-shadow:0 0 0 5px rgba(231,170,53,.06),0 0 14px rgba(231,170,53,.35);
    animation:slRoute 5s ease-in-out infinite;
}

@keyframes slRoute {
    0%,100% {
        left:15%
    }

    50% {
        left:82%
    }

}

.sistrack-monitor-modules {
    position:relative;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.sistrack-monitor-module {
    min-width:0;
    min-height:68px;
    padding:11px;
    display:flex;
    align-items:center;
    gap:10px;
    background:rgba(255,255,255,.018);
    border:1px solid rgba(148,163,184,.10);
    border-radius:11px;
    transition:.22s ease;
}

.sistrack-monitor-module:hover {
    transform:translateY(-2px);
    border-color:rgba(231,170,53,.22);
    background:rgba(231,170,53,.025);
}

.sistrack-monitor-module > span {
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(231,170,53,.065);
    border:1px solid rgba(231,170,53,.08);
    border-radius:9px;
    color:var(--sl-gold);
}

.sistrack-monitor-module > span i {
    margin:0;
    font-size:.86rem;
}

.sistrack-monitor-module > div {
    min-width:0;
    display:flex;
    flex-direction:column;
}

.sistrack-monitor-module small {
    color:#5d7086;
    font-size:.37rem;
    letter-spacing:.08em;
}

.sistrack-monitor-module strong {
    margin-top:3px;
    overflow:hidden;
    color:#c8d3de;
    font-size:.51rem;
    font-weight:600;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.sistrack-login-right-footer {
    position:absolute;
    right:32px;
    bottom:22px;
    left:32px;
    z-index:2;
    display:flex;
    justify-content:space-between;
    gap:15px;
    color:#465a70;
    font-size:.38rem;
    font-weight:600;
    letter-spacing:.10em;
}

/* LAPTOP */
@media (max-width:1350px) {
    .sistrack-login-layout {
        grid-template-columns:520px minmax(0,1fr)
    }

    .sistrack-login-left-inner {
        padding:26px 34px 20px
    }

    .sistrack-login-logo {
        max-width:300px;
        max-height:112px
    }

    .login.login-2 .sistrack-login-form {
        padding:30px 30px !important
    }

    .sistrack-login-right {
        padding:46px
    }

    .sistrack-right-copy h1 {
        font-size:clamp(2.25rem,3.6vw,3.6rem)
    }

}

/* TABLET */
@media (max-width:991.98px) {
    .sistrack-login-layout {
        display:block !important;
        background:radial-gradient(circle at 50% 0%,rgba(231,170,53,.08),transparent 28%),#070c12 !important
    }

    .sistrack-login-left {
        width:100%;
        min-height:100vh;
        border-right:0;
        background:transparent;
        box-shadow:none
    }

    .sistrack-login-left-inner {
        width:100%;
        max-width:560px;
        min-height:100vh;
        padding:28px 28px 20px
    }

    .sistrack-login-brand {
        justify-content:center;
        min-height:105px
    }

    .sistrack-login-logo {
        max-width:260px;
        max-height:100px
    }

    .sistrack-login-content {
        flex:1;
        padding:15px 0 25px
    }

    .login.login-2 .sistrack-login-form {
        padding:28px 30px !important
    }

    .sistrack-login-right {
        display:none
    }

    .sistrack-login-footer {
        justify-content:center
    }

}

/* MÓVIL */
@media (max-width:575.98px) {
    body.sistrack-login-body {
        background:#070d14 !important
    }

    .sistrack-login-left-inner {
        padding:16px 14px 14px
    }

    .sistrack-login-brand {
        min-height:86px
    }

    .sistrack-login-logo {
        max-width:205px;
        max-height:82px
    }

    .sistrack-login-content {
        align-items:flex-start;
        padding:10px 0 18px
    }

    .login.login-2 .sistrack-login-form {
        padding:22px 17px !important;
        border-radius:15px
    }

    .sistrack-login-heading {
        margin-bottom:20px
    }

    .sistrack-login-heading h2 {
        font-size:1.55rem
    }

    .sistrack-login-heading p {
        font-size:.59rem
    }

    .sistrack-login-input {
        height:47px !important;
        min-height:47px !important
    }

    .sistrack-captcha-row {
        grid-template-columns:minmax(0,1fr) 36px
    }

    .sistrack-captcha-image {
        width:100%;
        max-width:170px
    }

    .sistrack-captcha-info {
        grid-column:1/-1;
        padding:2px 2px 0
    }

    .sistrack-login-options {
        align-items:flex-start !important;
        flex-direction:column;
        gap:10px
    }

    .sistrack-forgot-actions {
        display:grid;
        grid-template-columns:1fr
    }

    .sistrack-login-secondary,.sistrack-login-submit--small {
        width:100% !important
    }

    .sistrack-login-footer {
        font-size:.36rem;
        gap:5px
    }

}

@media (max-height:720px) and (min-width:992px) {
    .sistrack-login-left-inner {
        padding-top:18px;
        padding-bottom:14px
    }

    .sistrack-login-brand {
        min-height:78px
    }

    .sistrack-login-logo {
        max-height:72px;
        max-width:210px
    }

    .sistrack-login-content {
        padding:8px 0 14px
    }

    .login.login-2 .sistrack-login-form {
        padding:20px 25px !important
    }

    .sistrack-login-heading {
        margin-bottom:16px
    }

    .sistrack-login-field {
        margin-bottom:11px !important
    }

    .sistrack-login-input {
        height:43px !important;
        min-height:43px !important
    }

    .sistrack-captcha-row {
        min-height:57px
    }

    .sistrack-login-submit {
        min-height:44px
    }

}

@media (prefers-reduced-motion:reduce) {
    .sistrack-status-pill > span,.sistrack-map-path > span {
        animation:none
    }

    .sistrack-login-layout * {
        scroll-behavior:auto !important
    }

}