/* Responsive Design Styles */

@media (max-width: 1024px) {
    .max {
        padding: 0 1.5rem;
    }

    .projectsView .projectsContent {
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 15px;
    }

    .max {
        padding: 0 1rem;
    }

    main {
        padding: 1.5rem 0;
    }

    #header .header {
        flex-direction: column;
        gap: 1rem;
    }

    #header .nav {
        width: 100%;
        flex-direction: column;
        gap: 1rem;
    }

    #header .navigation ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .projectsView .projectsContent {
        grid-template-columns: 1fr;
    }

    .pc_sidebarBefore {
        order: 2;
    }

    .pc_content {
        order: 1;
    }

    .admin-table {
        font-size: 0.875rem;
    }

    .admin-table th,
    .admin-table td {
        padding: 0.75rem 0.5rem;
    }

    .form-item input,
    .form-item textarea,
    .form-item select {
        padding: 0.625rem;
    }

    .btn {
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
    }

    .authViewForm {
        padding: 1.5rem;
    }

    .authtabs {
        gap: 0.5rem;
        margin-bottom: 1.5rem;
    }

    .authtabs li {
        font-size: 0.875rem;
    }
}

@media (max-width: 480px) {
    .max {
        padding: 0 0.75rem;
    }

    main {
        padding: 1rem 0;
    }

    #header .logo {
        gap: 0.25rem;
    }

    #header .logo span {
        display: none;
    }

    .projectsView .projectsContent {
        gap: 1rem;
    }

    .authViewForm {
        padding: 1rem;
    }

    .form-item {
        margin-bottom: 1rem;
    }

    .btn {
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
    }

    .admin-table {
        font-size: 0.75rem;
    }

    .admin-table th,
    .admin-table td {
        padding: 0.5rem 0.25rem;
    }

    .alert {
        padding: 0.75rem;
        margin-bottom: 0.75rem;
    }

    h1 {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 1.25rem;
    }

    h3 {
        font-size: 1rem;
    }
}

/* Print Styles */
@media print {
    #header,
    #footer,
    .admin-table .admin-table thead {
        display: none;
    }

    body {
        background: white;
    }

    .max {
        max-width: 100%;
    }
}