/* Canali eBay (20/10/2026): si aprono nella STESSA vista di WhatsApp (js/views/chat.js + js/views/chat/ebay-motore.js),
   che mette la classe .wa-motore-ebay sul contenitore #wa-app. Qui solo cio' che cambia: il simbolo eBay, le funzioni
   che eBay non ha (nascoste), la schermata "Collega il tuo account venditore" e l'icona nel selettore dei canali. */

/* selettore dei canali in alto: icona dei canali eBay (come .cnp-av-whatsapp in components.css) */
.cnp-av-ebay { background: #fdecec; color: #e53238; }
[data-theme="dark"] .cnp-av-ebay { background: rgba(229, 50, 56, .2); color: #f87171; }

/* simbolo eBay al posto di quello di WhatsApp */
.wa-motore-ebay #wa-my-avatar { background: #fff; color: #e53238; font-size: 22px; }
.wa-motore-ebay .wa-empty-icon i { color: #e53238; }
[data-theme="dark"] .wa-motore-ebay #wa-my-avatar { background: #2a3942; }

/* funzioni che eBay non ha: QR, nuova conversazione (eBay non lascia scrivere per primi), vocali e allegati
   (fase 3), messaggi programmati (fase 2), media della chat, campi dinamici del telefono */
.wa-motore-ebay #wsp-qr-btn,
.wa-motore-ebay #wsp-new-chat-btn,
.wa-motore-ebay #wsp-all-scheduled-btn,
.wa-motore-ebay #wsp-all-scheduled-badge,
.wa-motore-ebay #wa-header-schedule-btn,
.wa-motore-ebay #wa-schedule-btn,
.wa-motore-ebay #wa-media-btn,
.wa-motore-ebay #wa-plus-btn,
.wa-motore-ebay #wa-plus-menu { display: none !important; }

/* schermata "Collega il tuo account venditore" (nella parte destra, al posto del QR di WhatsApp) */
.wa-motore-ebay .ebx-wrap { flex: 1; display: flex; align-items: center; justify-content: center; overflow: auto; padding: 24px 16px; }
.ebx-hero { max-width: 460px; width: 100%; margin: 0 auto; padding: 1.5rem 1rem 1rem; text-align: center; }
.ebx-logo { width: 84px; height: 84px; margin: 0 auto 1rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.6rem; color: #e53238; background: linear-gradient(135deg,#fff5f5,#fde8e8); box-shadow: 0 6px 18px rgba(229,50,56,.18); }
.ebx-badge { display: inline-flex; align-items: center; gap: .4rem; padding: .25rem .75rem; border-radius: 999px; font-size: .8rem; font-weight: 600; background: #fff7e0; color: #8a6d1b; }
.ebx-badge i { font-size: .5rem; }
.ebx-title { margin: .9rem 0 .4rem; font-size: 1.25rem; font-weight: 700; color: #111b21; }
.ebx-sub { margin: 0 0 1.2rem; color: #64748b; line-height: 1.5; }
.ebx-steps { list-style: none; margin: 0 0 1.4rem; padding: 0; text-align: left; display: grid; gap: .55rem; }
.ebx-steps li { display: flex; gap: .7rem; align-items: center; padding: .6rem .8rem; border: 1px solid #eef0f3; border-radius: 10px; background: #fafbfc; font-size: .9rem; color: #111b21; }
.ebx-steps b { flex: 0 0 26px; height: 26px; border-radius: 50%; background: #e53238; color: #fff; display: flex; align-items: center; justify-content: center; font-size: .8rem; }
.ebx-warn { display: flex; gap: .6rem; align-items: flex-start; text-align: left; margin-bottom: 1.2rem; padding: .75rem .9rem; border-radius: 10px; background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; font-size: .88rem; }
.ebx-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; padding: .8rem 1rem; border: 0; border-radius: 10px; background: #e53238; color: #fff; font-weight: 600; font-size: 1rem; cursor: pointer; transition: background .15s, transform .15s; }
.ebx-btn:hover:not(:disabled) { background: #c92b30; transform: translateY(-1px); }
.ebx-btn:disabled { background: #d1d5db; cursor: not-allowed; }
.ebx-note { margin-top: .8rem; font-size: .78rem; color: #94a3b8; }
[data-theme="dark"] .ebx-title { color: #e9edef; }
[data-theme="dark"] .ebx-steps li { background: #202c33; border-color: #2a3942; color: #e9edef; }
[data-theme="dark"] .ebx-logo { background: linear-gradient(135deg,#2a1b1c,#3a2224); }