/* Port Intelligence - Mobile Optimized Tactical Styles */
:root {
    --azure: #003B5C;
    --coral: #FF7043;
    --lagoon: #00838F;
    --sand: #F5F5F5;
}

.port-terminal-bg {
    background-color: var(--sand);
    background-image: radial-gradient(#546E7A 0.5px, transparent 0.5px);
    background-size: 24px 24px;
    background-opacity: 0.05;
}

/* Card Improvements */
.intelligence-card {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(0, 59, 92, 0.05);
    display: flex;
    flex-direction: column;
}

/* Antialiasing for high-density mobile screens */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* --- MOBILE OPTIMIZATIONS (Screens under 768px) --- */
@media (max-width: 767px) {
    /* Increase touch targets for ADA compliance */
    .filter-chip {
        padding: 12px 20px !important;
        font-size: 12px !important;
    }

    /* Stack cards with more breathing room */
    .intelligence-card {
        margin-bottom: 1rem;
    }

    /* Header adjustments for smaller displays */
    h1 {
        font-size: 2.5rem !important;
        line-height: 1.1;
    }

    /* Ensure search bar is easy to tap */
    .tactical-search {
        padding: 1.25rem !important;
        font-size: 1rem !important;
    }
}

/* --- TOUCH INTERACTION FIXES --- */
@media (hover: none) {
    .intelligence-card:hover {
        transform: none; /* Prevent "sticky hover" on mobile touch */
    }
    
    .intelligence-card:active {
        background-color: #F0F9FA; /* Subtle visual tap feedback */
        transform: scale(0.98);
    }
}

/* Horizontal scrollbar styling for the region chips */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}