/* ==================== Mobile Responsive ==================== */
@media (max-width: 768px) {
    .mobile-header { display: flex; }

    .sidebar {
        transform: translateX(-100%);
        transition: transform 0.3s;
    }

    .sidebar.open { transform: translateX(0); }

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

    .manual-layout {
        flex-direction: column;
    }

    .manual-toc {
        position: static;
        width: 100%;
        min-width: auto;
        max-height: none;
        border-right: none;
        border-bottom: 1px solid var(--color-border);
        padding-right: 0;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .diff-container {
        grid-template-columns: 1fr;
    }

    .audit-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .sop-meta-bar {
        flex-direction: column;
        gap: 4px;
    }

    .sop-action-bar {
        flex-wrap: wrap;
    }

    .admin-table { font-size: 0.8rem; }
    .admin-table th, .admin-table td { padding: 6px 8px; }
}

@media (max-width: 480px) {
    .login-card { padding: 24px; margin: 16px; }
    .view-header h1 { font-size: 1.3rem; }
    .section-heading { font-size: 1.2rem; }
    .audit-stats { grid-template-columns: 1fr 1fr; }
}