/* MintManager Custom Styles */

/* Base styles */
.nav-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    color: #9ca3af;
    border-radius: 0.375rem;
    transition: all 0.15s;
    white-space: nowrap;
}
.nav-link:hover {
    color: #e5e7eb;
    background-color: rgba(55, 65, 81, 0.5);
}
.nav-link.active {
    color: #e94560;
    background-color: #1a1a2e;
}

#members-table tbody tr {
    transition: background-color 0.15s;
}
#members-table tbody tr:hover {
    background-color: rgba(15, 52, 96, 0.3);
}

.stat-value {
    font-variant-numeric: tabular-nums;
}

.status-okay { color: #4ecca3; }
.status-hospital { color: #f87171; }
.status-traveling { color: #60a5fa; }
.status-jail { color: #fb923c; }
.status-fallen { color: #f87171; }

.cooldown-active { color: #e94560; font-weight: 500; }
.cooldown-ready { color: #4ecca3; }

.unregistered-row { opacity: 0.45; }
.unregistered-row:hover { opacity: 0.7; }

.fade-in { animation: fadeIn 0.3s ease-in; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* Mobile hamburger menu */
.mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    color: #9ca3af;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
}

/* Mobile responsive */
@media (max-width: 1024px) {
    .mobile-menu-btn {
        display: block !important;
    }
    
    #nav-links {
        display: none !important;
        width: 100%;
        flex-direction: column;
        padding: 0.5rem 0;
    }
    
    #nav-links.open {
        display: flex !important;
    }
    
    #nav-links .nav-link {
        width: 100%;
        padding: 0.75rem 1rem;
    }
    
    #nav-links .relative {
        position: static !important;
    }
    
    #nav-links .dropdown-menu {
        position: static !important;
        left: 0 !important;
        top: auto !important;
        margin-top: 0 !important;
        box-shadow: none !important;
        border: none !important;
        border-top: 1px solid rgba(55, 65, 81, 0.3) !important;
        background: rgba(22, 33, 62, 0.5) !important;
        width: 100% !important;
    }
    
    #nav-links .dropdown-menu a {
        padding-left: 2rem !important;
    }
    
    /* Tables */
    .overflow-x-auto {
        -webkit-overflow-scrolling: touch;
    }
    
    table {
        min-width: 800px;
    }
    
    /* Stats cards */
    .grid-cols-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .grid-cols-3 {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Chart container */
    .chart-container {
        height: 250px !important;
    }
    
    /* Main content */
    main {
        padding: 1rem;
    }
    
    /* OC table */
    #oc-table {
        min-width: 1200px;
    }
    
    /* Member table */
    #members-table {
        min-width: 1000px;
    }
    
    /* Targets table */
    #targets-table {
        min-width: 600px;
    }
    
    /* War chart legend */
    #war-chart-legend {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    /* Admin sections */
    .admin-section {
        padding: 0.75rem;
    }
}

@media (max-width: 640px) {
    /* Extra small screens */
    .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    h2 {
        font-size: 1.25rem;
    }
    
    h3 {
        font-size: 0.875rem;
    }
    
    .px-4 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    
    .py-3 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}