/* Global Radzen grid actions. The trigger is injected once per grid by
   grid-export-context.js so every current and future grid shares one export UI. */
.rz-data-grid {
    position: relative;
}

.rz-data-grid > .df-grid-export-trigger {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 8;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(129, 166, 200, .28);
    border-radius: 10px;
    color: #b8cee2;
    background: rgba(15, 36, 57, .94);
    box-shadow: 0 6px 18px rgba(2, 10, 20, .24);
    font-family: "Segoe UI", sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.rz-data-grid > .df-grid-export-trigger:hover,
.rz-data-grid > .df-grid-export-trigger:focus-visible {
    color: #eaf8fb;
    border-color: rgba(24, 214, 232, .72);
    background: #15324d;
    outline: none;
}

[data-df-theme="light"] .rz-data-grid > .df-grid-export-trigger {
    color: #31516e;
    border-color: rgba(49, 81, 110, .25);
    background: rgba(244, 249, 253, .96);
}

@media (max-width: 640px) {
    .rz-data-grid > .df-grid-export-trigger {
        width: 31px;
        height: 31px;
        top: 6px;
        right: 7px;
    }
}