/*
Theme Name: MK Travel Advisor Portal
Description: A minimalist, high-security portal theme.
Author: Theme Architect
Version: 1.3.0
Text Domain: client-tracking-portal
*/

/* --- CORE ANIMATIONS --- */

/* Smooth entrance for all main containers */
.fade-in { 
    animation: fadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards; 
}

@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(15px); } 
    to { opacity: 1; transform: translateY(0); } 
}

/* Shake effect for login errors to grab attention */
.animate-shake {
    animation: shake 0.4s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
    10%, 90% { transform: translate3d(-1px, 0, 0); }
    20%, 80% { transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-3px, 0, 0); }
    40%, 60% { transform: translate3d(3px, 0, 0); }
}

/* Subtle glow pulse for the Live Status box */
.status-pulse {
    animation: pulse-border 2.5s infinite;
}

@keyframes pulse-border {
    0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.3); }
    70% { box-shadow: 0 0 0 15px rgba(37, 99, 235, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); }
}

/* --- UI COMPONENTS --- */

/* Professional minimalist scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background: transparent; 
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}

/* Smooth transitions for all interactive elements */
button, a, input, textarea {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Backdrop blur for modals to maintain focus */
.backdrop-blur-sm {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* --- MOBILE SPECIFIC OVERRIDES --- */

@media (max-width: 768px) {
    /* Ensure the status text never wraps */
    .whitespace-nowrap {
        white-space: nowrap !important;
    }

    /* Adjust the login container for mobile screens */
    .rounded-\[40px\] {
        border-radius: 28px !important;
    }
    
    .p-12 {
        padding: 2.5rem 1.5rem !important;
    }

    /* Stack grid elements more tightly on mobile */
    .grid-cols-1.md\:grid-cols-2 {
        gap: 1.5rem !important;
    }

    /* Make the unique Secure Access button text stand out on small screens */
    button[type="submit"] span {
        letter-spacing: 0.15em !important;
        font-size: 12px !important;
    }
}

/* --- CLEANUP --- */
/* Remove flag related styling as they are no longer in use */
.flag-icon { display: none !important; }

/* Table cell alignment for logs */
#logs-tbody tr td {
    vertical-align: middle;
}