/* ========================================
   Dashboard Floating Widget Mobile Responsive
   ======================================== */

/* Tablet and below (768px) */
@media (max-width: 768px) {
    .jz-admin-bar-compact {
        width: 152px !important;
        right: 16px !important;
        padding: 12px !important;
        gap: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .jz-admin-bar-compact__btn {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
    }

    .jz-admin-bar-compact__btn svg {
        width: 24px !important;
        height: 24px !important;
    }
}

/* Small phone (480px and below) */
@media (max-width: 480px) {
    .jz-admin-bar-compact {
        width: 140px !important;
        right: 8px !important;
        left: auto !important;
        max-width: calc(100vw - 16px) !important;
        box-sizing: border-box !important;
        bottom: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        padding: 10px !important;
        gap: 8px !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .jz-admin-bar-compact__btn {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        border-width: 1.5px !important;
        border-radius: 12px !important;
    }

    .jz-admin-bar-compact__btn svg {
        width: 20px !important;
        height: 20px !important;
    }
}

/* Compact view for very small screens (320px) */
@media (max-width: 360px) {
    .jz-admin-bar-compact {
        width: 130px !important;
        right: 6px !important;
        left: auto !important;
        max-width: calc(100vw - 12px) !important;
        box-sizing: border-box !important;
        padding: 8px !important;
        gap: 6px !important;
    }

    .jz-admin-bar-compact__btn {
        width: 45px !important;
        height: 45px !important;
    }

    .jz-admin-bar-compact__btn svg {
        width: 18px !important;
        height: 18px !important;
    }
}