/* CRITICAL BOOT STYLES - LEONIX ERP */

#login-screen, #tenant-selection-screen {
    background: linear-gradient(135deg, #0f1419 0%, #1a2332 50%, #0a0e1a 100%) !important;
    position: relative;
    overflow: hidden;
    perspective: 1000px;
    min-height: 100vh;
}

#login-screen .background-orb, #tenant-selection-screen .background-orb {
    position: fixed;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(59, 130, 246, .8) 0%, rgba(29, 78, 216, .6) 25%, rgba(30, 58, 138, .4) 50%, rgba(15, 23, 42, .2) 75%, transparent 100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: orbPulse 8s ease-in-out infinite;
    filter: blur(1px);
    z-index: 1;
}

#login-screen .orbital-ring, #tenant-selection-screen .orbital-ring {
    position: fixed;
    border: 2px solid rgba(59, 130, 246, .3);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: rotate 25s linear infinite;
    z-index: 2;
}

.orbital-ring.r1 { width: 400px; height: 400px; animation-duration: 25s; }
.orbital-ring.r2 { width: 500px; height: 500px; animation-duration: 30s; animation-direction: reverse; }
.orbital-ring.r3 { width: 700px; height: 700px; animation-duration: 40s; border-color: rgba(29, 78, 216, .2); }

@keyframes rotate {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes orbPulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: .8 }
    50% { transform: translate(-50%, -50%) scale(1.1); opacity: 1 }
}

/* FOOTER BOOT - Minimal styles to prevent layout shifts */
#app-footer {
    min-height: 40px;
    margin-top: auto;
    width: 100%;
}

/* SHORTCUTS MODAL */
.shortcuts-modal-overlay {
    position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(6px); z-index: 99999;
    display: flex; align-items: center; justify-content: center;
}
.shortcuts-modal-card {
    background: #fff; border-radius: 16px; box-shadow: 0 25px 60px rgba(0,0,0,0.15);
    width: 480px; max-width: 90vw; overflow: hidden;
}