.row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .3rem;
    white-space: nowrap;
}

.row-actions form { margin: 0; }

.compact-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.8rem;
    padding: .28rem .58rem;
    border: 1px solid #a9cec8;
    border-radius: .48rem;
    background: #f0f8f7;
    color: #087568;
    font: inherit;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s, transform .15s;
}

.compact-action:hover {
    transform: translateY(-1px);
    border-color: #6daf9f;
    background: #e4f4f0;
    color: #075e55;
}

.compact-action.deactivate {
    border-color: #efc0bb;
    background: #fff5f3;
    color: #a83c32;
}

.compact-action.deactivate:hover {
    border-color: #dc8f87;
    background: #fde9e6;
    color: #8f2d25;
}

.compact-action.activate {
    border-color: #86cbb4;
    background: #e9f8f1;
    color: #08744f;
}

.compact-action:focus-visible {
    outline: 3px solid rgba(8, 127, 114, .18);
    outline-offset: 2px;
}
