.support-resource-card {
    display: flex;
    height: 100%;
    min-height: 104px;
    padding: var(--space-4) var(--space-3);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    color: var(--color-text);
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    transition: border-color .15s ease, background-color .15s ease;
}

.support-resource-card:hover {
    border-color: var(--color-primary);
    background: var(--color-muted);
    color: var(--color-primary);
}

.support-ticket-notifications { min-height: 260px; }
.support-ticket-notifications-scroll { overflow-y: auto; border-top: 1px solid var(--color-border); }
.support-ticket-notification { display: flex; align-items: center; gap: 10px; padding: 12px 4px; border-bottom: 1px solid var(--color-border); color: var(--color-text); }
.support-ticket-notification:hover { color: var(--color-primary); }
.support-ticket-notification-unread { background: var(--color-primary-light); }

/* ==========================================================================
   Offcanvas "Guida e supporto" (FormOffCanvasSupport + SupportTicketPanel)
   ========================================================================== */
.support-offcanvas { display: flex; flex-direction: column; }
.support-offcanvas .offcanvas-header,
.support-offcanvas .offcanvas-footer { flex: 0 0 auto; }
.support-offcanvas-body { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; overflow: hidden; }

/* Home: risorse in alto, notifiche ticket in basso a tutta altezza */
.support-tickets-section { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.support-tickets-list { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.support-tickets-empty { display: flex; flex: 1 1 auto; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2); padding: var(--space-8) var(--space-4); text-align: center; }

.support-link { color: var(--color-primary); font-weight: var(--font-weight-medium); }
.support-link:hover { color: var(--color-primary-hover); }

/* Conversazione del ticket */
.support-ticket-panel,
.support-ticket-form { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.support-ticket-title { color: var(--color-heading); font-size: var(--text-sm); font-weight: var(--font-weight-semibold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket-chat { flex: 1 1 auto; min-height: 0; }
.support-ticket-chat .ticket-chat { gap: var(--space-4); }
.support-ticket-chat .ticket-chat-message { max-width: 92%; }
.support-ticket-panel .ticket-composer { position: relative; margin-top: 0 !important; }
.support-ticket-panel .ticket-chat-editor .e-content { min-height: 64px; }
.support-ticket-new .ticket-chat-editor .e-content { min-height: 160px; }
.support-ticket-new .ticket-composer { margin-top: var(--space-2) !important; margin-bottom: var(--space-3); }
.ticket-send-button i { font-size: 18px; line-height: 1; }
.ticket-send-button:disabled { opacity: .5; }