/** Liste içi bitişik aksiyon grubu. */
html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group {
    display: inline-flex;
    width: auto;
    height: var(--ccrm-row-action-height);
    min-height: var(--ccrm-row-action-height);
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group > form {
    display: contents;
    margin: 0;
    padding: 0;
}

html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group__button,
html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group > :is(button, a),
html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group > form > :is(button, a, input[type="button"], input[type="submit"]) {
    appearance: none;
    box-sizing: border-box;
    display: inline-flex;
    width: auto;
    min-width: 0;
    height: var(--ccrm-row-action-height);
    min-height: var(--ccrm-row-action-height);
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 8px;
    border: 1px solid #bfdbfe;
    border-radius: 0;
    background: var(--ccrm-surface);
    color: var(--ccrm-primary-hover);
    box-shadow: none;
    font-family: var(--ccrm-font);
    font-size: 10.5px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group__button:first-child,
html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group > :first-child:is(button, a),
html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group > :first-child:is(form) > :first-child {
    border-radius: var(--ccrm-radius-xs) 0 0 var(--ccrm-radius-xs);
}

html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group__button:last-child,
html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group > :last-child:is(button, a),
html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group > :last-child:is(form) > :last-child {
    border-radius: 0 var(--ccrm-radius-xs) var(--ccrm-radius-xs) 0;
}

html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group__button + .ccrm-ui-action-group__button,
html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group > :is(button, a, form) + :is(button, a, form) {
    margin-left: -1px;
}

html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group__button--primary:hover,
html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group__button--primary:focus-visible {
    position: relative;
    z-index: 1;
    border-color: var(--ccrm-primary);
    background: var(--ccrm-primary);
    color: #fff;
}

html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group__button--danger {
    border-color: #fecaca;
    color: var(--ccrm-danger);
}

html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group__button--danger:hover,
html body.ccrm-app.ccrm-ui-v4 .ccrm-ui-action-group__button--danger:focus-visible {
    position: relative;
    z-index: 1;
    border-color: var(--ccrm-danger-hover);
    background: var(--ccrm-danger-hover);
    color: #fff;
}