/*
 * Карточка «Продолжить с Nano» над композером. Цвета только из токенов app.css.
 * Служебная карточка интерфейса, не сообщение агента: без аватара и пузыря.
 */

.hermes-dashboard .demo-offer {
    display: grid;
    gap: 0.375rem;
    margin: 0 0 0.5rem;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--hermes-line-strong);
    border-radius: 0.75rem;
    background: rgb(var(--hermes-accent-rgb) / 0.08);
    color: var(--hermes-text);
    font-size: 0.875rem;
    line-height: 1.5;
}

.hermes-dashboard .demo-offer p {
    margin: 0;
}

.hermes-dashboard .demo-offer__title {
    font-weight: 600;
}

.hermes-dashboard .demo-offer__works strong {
    font-weight: 600;
}

.hermes-dashboard .demo-offer__cost,
.hermes-dashboard .demo-offer__reason {
    color: var(--hermes-muted);
}

.hermes-dashboard .demo-offer__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

@media (max-width: 480px) {
    .hermes-dashboard .demo-offer {
        padding: 0.75rem;
    }

    .hermes-dashboard .demo-offer__actions .button--primary {
        flex: 1 1 100%;
    }
}