/* Basic responsive adjustments for phones and small screens */
:root {
    --sidebar-width: 280px
}

@media (max-width:1024px) {

    .sidebar,
    .admin-sidebar {
        width: 220px
    }

    .main-content {
        margin-left: 220px
    }

    .admin-main {
        padding: 20px
    }
}

@media (max-width:768px) {

    /* collapse sidebars on small screens */
    .sidebar,
    .admin-sidebar {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 70px;
        padding: 12px;
        overflow: hidden
    }

    .sidebar *,
    .admin-sidebar * {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .main-content {
        margin-left: 0;
        padding: 12px
    }

    .admin-main {
        padding: 12px
    }

    .logo h1,
    .logo h2,
    .logo h3,
    .nav-item .label,
    .user-info p {
        display: none
    }

    .logo-icon {
        width: 40px;
        height: 40px
    }

    .stat-card {
        padding: 16px
    }

    .stats-grid {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))
    }

    .container {
        padding: 12px
    }

    table {
        font-size: 13px
    }
}

@media (max-width:420px) {
    body {
        font-size: 14px
    }

    .stat-value {
        font-size: 20px
    }

    .user-avatar {
        width: 36px;
        height: 36px
    }
}

/* (Dark theme removed) */