/*Static app.css*/

.eat-action-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.eat-action-row .rz-button,
.eat-rubric-inline-action.rz-button {
    border-radius: 8px !important;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

.eat-action-save.rz-button {
    background: transparent !important;
    border: 1px solid #30d158 !important;
    color: #30d158 !important;
    box-shadow: 0 0 15px rgba(48, 209, 88, 0.2) !important;
}

.eat-action-save.rz-button:hover {
    background: rgba(48, 209, 88, 0.15) !important;
    box-shadow: 0 0 25px rgba(48, 209, 88, 0.35) !important;
}

.eat-action-add.rz-button {
    background: transparent !important;
    border: 1px solid rgba(100, 210, 255, 0.65) !important;
    color: #64d2ff !important;
    box-shadow: 0 0 12px rgba(100, 210, 255, 0.12) !important;
}

.eat-action-add.rz-button:hover {
    background: rgba(100, 210, 255, 0.12) !important;
    border-color: #64d2ff !important;
}

.eat-action-secondary.rz-button {
    background: transparent !important;
    border: 1px solid rgba(100, 210, 255, 0.38) !important;
    color: rgba(180, 230, 255, 0.82) !important;
    box-shadow: none !important;
}

.eat-action-secondary.rz-button:hover {
    background: rgba(100, 210, 255, 0.08) !important;
    border-color: rgba(100, 210, 255, 0.7) !important;
    color: #d8f4ff !important;
}

.eat-action-test.rz-button {
    background: transparent !important;
    border: 1px solid rgba(255, 159, 10, 0.7) !important;
    color: #ffb340 !important;
    box-shadow: 0 0 12px rgba(255, 159, 10, 0.12) !important;
}

.eat-action-test.rz-button:hover {
    background: rgba(255, 159, 10, 0.12) !important;
    border-color: #ff9f0a !important;
}

.eat-action-muted.rz-button {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.62) !important;
    box-shadow: none !important;
}

.eat-action-muted.rz-button:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.42) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

.eat-action-danger.rz-button {
    background: transparent !important;
    border: 1px solid #ff453a !important;
    color: #ff6b62 !important;
    box-shadow: none !important;
}

.eat-action-danger.rz-button:hover {
    background: rgba(255, 69, 58, 0.15) !important;
    color: #ff8a83 !important;
}