/* Override styles for chat widget content (loaded inside iframe) */

/* Back button positioned absolutely in top-right corner of product details */
.dxbl-btn.dxbl-btn-standalone.back-to-grid-absolute,
.dxbl-btn.back-to-grid-absolute,
.back-to-grid-absolute {
    /* Positioning - needs !important to override DevExpress */
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 100;
    
    /* Sizing - needs !important to override DevExpress */
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    
    /* Spacing - needs !important to override DevExpress */
    padding: 0 !important;
    margin: 0 !important;
    
    /* Visual styles - needs !important to override DevExpress */
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    
    /* Interaction styles - don't need !important */
    cursor: pointer;
    transform-origin: center;
    transition: transform 0.2s ease, background 0.2s ease, border-radius 0.2s ease;
    box-sizing: border-box;
}

/* Match expand button hover effect */
.dxbl-btn.dxbl-btn-standalone.back-to-grid-absolute:hover,
.dxbl-btn.back-to-grid-absolute:hover,
.back-to-grid-absolute:hover {
    background: rgba(9, 14, 21, 0.1) !important;
    border-radius: 6px !important;
    transform: scale(1.05) !important;
}