.record-row-actions {
    display: grid;
    grid-template-columns: 24px 24px;
    gap: 8px;
    width: 56px;
    min-width: 56px;
    height: 24px;
    margin-inline: auto;
    direction: rtl;
    position: relative;
    align-items: center;
}

.record-row-actions .record-row-action-slot {
    width: 24px;
    height: 24px;
    min-width: 24px;
}

.record-row-actions [data-record-slot="attachments"] { grid-column: 1; }
.record-row-actions [data-record-slot="documents"] { grid-column: 2; }

.record-row-actions .record-row-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    min-height: 24px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: none;
    font: inherit;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
}

.record-row-actions .record-row-action--attachments {
    color: #1463b6;
    background: #e7f0ff;
}

.record-row-actions .record-row-action--documents {
    color: #1463b6;
    background: #e7f0ff;
}

.record-row-actions .record-row-action--attachments:hover { background: #d2e4ff; }
.record-row-actions .record-row-action--documents:hover { background: #d2e4ff; }
.record-row-actions .record-row-action:focus-visible {
    outline: 2px solid #1463b6;
    outline-offset: 2px;
}

:is(.k-selected, .k-state-selected) .record-row-actions .record-row-action--attachments {
    color: #1463b6;
    background: #e7f0ff;
}

:is(.k-selected, .k-state-selected) .record-row-actions .record-row-action--documents {
    color: #1463b6;
    background: #e7f0ff;
}

:is(.k-selected, .k-state-selected) .record-row-actions .record-row-action:focus-visible {
    outline-color: #fff;
}

.record-row-actions .record-row-action .k-svg-icon {
    width: 16px;
    height: 16px;
    color: inherit;
}

.record-row-actions .record-row-document-icon {
    position: relative;
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.record-row-actions .record-row-document-icon .record-row-document-arrow {
    position: absolute;
    width: 9px;
    height: 9px;
    inset-inline-end: 0;
    bottom: 0;
    background: #e7f0ff;
    border-radius: 2px;
}

.record-row-actions .record-row-action:hover .record-row-document-arrow { background: #d2e4ff; }
.record-row-actions .record-row-action-warning {
    grid-column: 1 / -1;
    justify-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 1.1rem;
    line-height: 1;
}

.record-row-actions-tooltip {
    position: fixed;
    z-index: 2147483646;
    max-width: calc(100vw - 16px);
    padding: 6px 9px;
    border-radius: 4px;
    background: #202b35;
    color: #fff;
    box-shadow: 0 2px 8px #0003;
    font: 13px/1.4 Arial, sans-serif;
    direction: rtl;
    white-space: nowrap;
    pointer-events: none;
}
.record-row-actions-tooltip[hidden] { display: none; }

@media (forced-colors: active) {
    .record-row-actions .record-row-action {
        color: ButtonText;
        background: ButtonFace;
        border-color: ButtonText;
    }
    .record-row-actions .record-row-action:focus-visible { outline-color: Highlight; }
}