.er-quick-actions {
    display: grid;
    gap: .42rem;
    padding: .58rem .72rem .66rem;
    border-top: 1px solid rgba(255,255,255,.065);
    background: linear-gradient(180deg, rgba(9,12,17,.38), rgba(9,12,17,.68));
}

.er-quick-actions__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .65rem;
    min-width: 0;
}

.er-quick-actions__head > span {
    color: rgba(242,223,181,.94);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .105em;
    text-transform: uppercase;
}

.er-quick-actions__head > small {
    overflow: hidden;
    color: rgba(203,208,219,.58);
    font-size: .66rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.er-quick-actions__chips {
    display: flex;
    gap: .38rem;
    overflow-x: auto;
    padding: .02rem 0 .08rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(210,184,127,.22) transparent;
}

.er-quick-action {
    flex: 0 0 auto;
    min-height: 30px;
    padding: .34rem .66rem;
    border: 1px solid rgba(210,184,127,.2);
    border-radius: 999px;
    background: rgba(255,255,255,.035);
    color: rgba(239,239,242,.88);
    font: inherit;
    font-size: .72rem;
    font-weight: 680;
    letter-spacing: .005em;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease, transform 140ms ease;
}

.er-quick-action:hover,
.er-quick-action:focus-visible {
    border-color: rgba(222,193,132,.52);
    background: rgba(210,184,127,.105);
    color: #fff7e6;
    outline: none;
    transform: translateY(-1px);
}

.er-quick-action:active {
    transform: translateY(0);
}

.er-chat-panel.is-thinking .er-quick-action {
    pointer-events: none;
    opacity: .48;
}

@media (max-width: 720px) {
    .er-quick-actions {
        padding: .5rem .56rem .58rem;
    }

    .er-quick-actions__head > small {
        display: none;
    }

    .er-quick-action {
        min-height: 34px;
        padding-inline: .72rem;
        font-size: .75rem;
    }
}