/* Keep the existing upload arrow and native file picker in the toolbar's 25px slot. */
.RadAsyncUpload.csa-compact-upload {
    position: relative;
    box-sizing: border-box;
    width: 25px !important;
    height: 25px;
    min-height: 25px;
}

.csa-compact-upload .ruInputs > .csa-upload-row,
.csa-compact-upload .ruUploadProgress,
.csa-compact-upload .ruCancel,
.csa-compact-upload .ruRemove {
    display: none !important;
}

.csa-compact-upload.csa-upload-busy > .material-icons,
.csa-compact-upload.csa-upload-busy > .ruInputs {
    visibility: hidden;
}

.csa-compact-upload .csa-upload-glass {
    display: none;
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 25px;
    height: 25px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 3px;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    line-height: 1;
}

.csa-compact-upload.csa-upload-busy .csa-upload-glass {
    display: block;
}

.csa-upload-glass .csa-upload-meter,
.csa-upload-glass svg {
    display: block;
    width: 24px;
    height: 24px;
}

.csa-upload-glass svg svg {
    width: 14px;
    height: 16px;
}

.csa-upload-glass .csa-upload-water {
    opacity: .7;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 180ms ease-out;
}

.csa-compact-upload .csa-upload-glass:hover {
    background: rgba(127, 127, 127, .15);
}

.csa-compact-upload .csa-upload-glass:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.csa-compact-upload .csa-upload-glass:disabled {
    cursor: wait;
    background: transparent;
}

.csa-upload-notice:empty {
    display: none;
}

.csa-upload-notice {
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 10;
    width: 240px;
    padding: 8px 10px;
    border: 1px solid #e1a47a;
    border-radius: 4px;
    background: #281e19;
    color: #fff2e8;
    font: 12px/1.5 sans-serif;
    white-space: normal;
}

@media (prefers-reduced-motion: reduce) {
    .csa-upload-glass .csa-upload-water { transition: none; }
}
