/*
 * Banto global action-group policy.
 * - action labels never wrap;
 * - action controls in managed action groups occupy one row each;
 * - groups with more than three actions are compacted by banto-action-groups.js.
 */
.btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.banto-action-control,
.banto-action-overflow > summary {
    white-space: nowrap;
}

.banto-action-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.banto-action-stack > .banto-action-unit,
.banto-action-overflow-menu > .banto-action-unit {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    max-width: 100%;
}

.banto-action-stack > form.banto-action-unit,
.banto-action-overflow-menu > form.banto-action-unit {
    width: auto;
}

.banto-action-stack > .banto-action-unit .btn,
.banto-action-overflow-menu > .banto-action-unit .btn,
.banto-action-stack > a.banto-action-unit,
.banto-action-stack > button.banto-action-unit,
.banto-action-overflow-menu > a.banto-action-unit,
.banto-action-overflow-menu > button.banto-action-unit {
    max-width: 100%;
}

.banto-action-overflow {
    display: block;
    margin: 0;
    max-width: 100%;
}

.banto-action-overflow > summary {
    cursor: pointer;
    display: inline-block;
    list-style: none;
    user-select: none;
}

.banto-action-overflow > summary::-webkit-details-marker {
    display: none;
}

.banto-action-overflow > summary::after {
    content: " \25BE";
    font-size: .85em;
}

.banto-action-overflow[open] > summary::after {
    content: " \25B4";
}

.banto-action-overflow-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-top: 6px;
    max-width: 100%;
}

/* Table action columns are an automatic global action context. */
td.banto-action-stack {
    min-width: min-content;
}

@media (max-width: 767px) {
    .banto-action-stack,
    .banto-action-overflow-menu {
        align-items: stretch;
    }

    .banto-action-stack > .banto-action-unit,
    .banto-action-overflow-menu > .banto-action-unit,
    .banto-action-overflow > summary {
        max-width: 100%;
    }
}

.banto-action-form-stack > .banto-action-control,
.banto-action-form-stack > .banto-action-form-overflow {
    display: block;
    float: none;
    margin-top: 6px;
    margin-right: 0;
    margin-left: 0;
}