/* Shared button primitives beyond Bootstrap variants. */

.btn.app-icon-button {
    display: inline-grid;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0;
    place-items: center;
}

.btn.app-compact-action-button {
    min-width: 1.7rem;
    min-height: 1.7rem;
    padding: 0 0.4rem;
    border-radius: 0.55rem;
    border: 1px solid var(--app-control-border);
    background: var(--app-white-alpha-05);
    color: var(--app-text);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    box-shadow: inset 0 1px 0 var(--app-white-alpha-06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
}

.btn.app-compact-action-button:hover,
.btn.app-compact-action-button:focus {
    background: var(--app-accent-soft);
    color: var(--app-text);
    border-color: var(--app-accent-border-strong);
    box-shadow: none;
}