.button:disabled {
    cursor: default;
}

.document-panel-actions {
    justify-content: flex-end;
}

.panel-action-controls {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .7rem;
}

.status-grid {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}


.icon-button.delete-confirmation {
    color: #fff1f2;
    border-color: #f87171;
    background: #7f1d1d;
    box-shadow: 0 0 0 3px #ef444433;
}

.delete-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.document-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 1rem;
}

.document-action-button {
    color: #d7e5f7;
    border-color: #587397;
}

.document-action-button:hover:not(:disabled) {
    color: #ffffff;
    background: #183451;
    border-color: #7dd3fc;
}