/* Actions are buttons, not status pills. Standard compact controls are 40px. */
.console-body .app-content .button.small {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    min-height:40px; height:auto; padding:8px 14px; border-radius:10px; font-size:14px; font-weight:650;
    line-height:20px; text-align:center; text-decoration:none; letter-spacing:0;
}
.console-body .app-content .button.small>svg {width:16px;height:16px;flex:0 0 16px}
.console-body .app-content .button.small:focus-visible {outline:2px solid #287447;outline-offset:3px}
.console-body .app-content :is(.event-flag-button,.event-clear-flag) {
    display:inline-flex; align-items:center; justify-content:center;
    min-height:36px; padding:6px 10px; border-width:1px; border-radius:9px;
    font-family:inherit; font-size:12px; line-height:18px; font-weight:600;
}
.console-body .app-content .event-flag-button.flag-green {border-color:var(--ui-success-border);color:var(--ui-success-text)}
.console-body .app-content .event-flag-button.flag-yellow {border-color:var(--ui-warning-border);color:var(--ui-warning-text)}
.console-body .app-content .event-flag-button.flag-red {border-color:var(--ui-danger-border);color:var(--ui-danger-text)}
.console-body .app-content .event-flag-button.is-active.flag-green {background:var(--ui-success-bg)}
.console-body .app-content .event-flag-button.is-active.flag-yellow {background:var(--ui-warning-bg)}
.console-body .app-content .event-flag-button.is-active.flag-red {background:var(--ui-danger-bg)}
.console-body .app-content :is(.event-flag-button,.event-clear-flag):focus-visible {outline:2px solid currentColor;outline-offset:3px}
.console-body .app-content .button.intent-enable {border-color:var(--ui-success-border);background:var(--ui-success-bg);color:var(--ui-success-text)}
.console-body .app-content .button:is(.intent-disable,.danger-outline) {border-color:var(--ui-danger-border);background:var(--ui-danger-bg);color:var(--ui-danger-text)}
.console-body .app-content .button:is(.intent-enable,.intent-disable,.danger-outline):hover {filter:brightness(.97)}
.console-body .app-content .button.small {white-space:normal;overflow-wrap:anywhere;max-width:100%}
.console-body .app-content .button.small>span {min-width:0}
.console-body .app-content .view-availability-toggle {min-width:0}
.console-body .app-content .view-availability-toggle input[type=checkbox] {width:1px;height:1px;min-height:0;max-width:1px;flex:none;padding:0}
.console-body .app-content .button.small:has(input:focus-visible) {outline:2px solid #287447;outline-offset:3px}
.console-body .app-content .view-availability-toggle:has(input:disabled) {cursor:not-allowed;opacity:.55}
@container view-card (max-width:280px) {
    .console-body .app-content :is(.image-console-actions,.device-view-card-actions) .button.small {width:40px;padding-inline:0}
}
@media(pointer:coarse) {
    .console-body .app-content .button.small,
    .console-body .app-content :is(.event-flag-button,.event-clear-flag) {min-height:44px;min-width:44px}
}