/* ===================================================
   AGENTICS ADMIN — Responsive
   =================================================== */

@media (max-width: 768px) {
    :root {
        --ag-topbar-h: 56px;
    }

    .ag-topbar__toggle {
        display: flex;
    }

    .ag-sidebar {
        transform: translateX(-100%);
        width: var(--ag-sidebar-w) !important;
    }

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

    .ag-app--collapsed .ag-sidebar {
        width: var(--ag-sidebar-w) !important;
    }

    .ag-app--collapsed .ag-logo__text,
    .ag-app--collapsed .ag-sidebar__label,
    .ag-app--collapsed .ag-nav-link__text {
        display: block;
        opacity: 1;
        width: auto;
        overflow: visible;
    }

    .ag-app--collapsed .ag-nav-link__arrow {
        display: flex;
        opacity: 1;
        width: auto;
        overflow: visible;
    }

    .ag-app--collapsed .ag-nav-link {
        justify-content: flex-start;
        gap: 12px;
        width: 100%;
        height: auto;
        padding: 11px 14px;
        margin: 0;
    }

    .ag-app--collapsed .ag-sidebar__list > li {
        justify-content: flex-start;
    }

    .ag-app--collapsed .ag-nav-link--logout {
        width: 100%;
        height: auto;
        padding: 11px 14px;
    }

    .ag-app--collapsed .ag-nav-sub {
        display: block;
    }

    .ag-main {
        margin-left: 0 !important;
    }

    .ag-topbar__collapse {
        display: none;
    }

    .ag-topbar {
        padding: 0 16px;
    }

    .ag-topbar__profile-name {
        display: none;
    }

    .ag-topbar__profile-btn {
        padding: 4px;
        border: none;
        background: transparent;
    }

    .ag-content {
        padding: 16px;
    }
}

@media (max-width: 480px) {
    .ag-topbar__action-btn {
        width: 36px;
        height: 36px;
    }

    .ag-topbar__action-btn svg {
        width: 18px;
        height: 18px;
    }

    .ag-dropdown {
        min-width: 200px;
        right: -8px;
    }
}