/* public/css/public/live-chat-align.css
   Gli ultimi tre <style> del widget — allineamento al sistema, altezza del
   pannello, stato del pulsante. Stavano in fondo al corpo della pagina e
   vincono per ordine, non per specificita': il link resta nello stesso punto. */

body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel {
        border: 1px solid var(--sw-line, #e4e9f0) !important;
        border-radius: var(--sw-radius-lg, 20px) !important;
        background: var(--sw-surface, #fff) !important;
        color: var(--sw-body, #46566d) !important;
        box-shadow: var(--sw-shadow-lg) !important;
        overflow: hidden !important;
    }

    /* L'intestazione era l'unica fascia piena di rosso del sito: il brand qui
       torna a essere accento, non superficie. */
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel__header {
        padding: 14px 16px !important;
        background: var(--sw-surface, #fff) !important;
        color: var(--sw-ink, #0e1b2e) !important;
        border-bottom: 1px solid var(--sw-line, #e4e9f0) !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel__header .fw-bold {
        color: var(--sw-ink, #0e1b2e) !important;
        font-size: var(--sw-control-fs, 15px) !important;
        font-weight: var(--sw-weight-semi, 600) !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel__avatar {
        width: 40px !important; height: 40px !important;
        display: inline-flex !important; align-items: center; justify-content: center;
        color: var(--sw-brand-600) !important;
        background: var(--sw-brand-50, #fff2f2) !important;
        border: 1px solid var(--sw-brand-100, #ffe3e4) !important;
        border-radius: 12px !important;
        font-size: 1.05rem !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel__status {
        display: flex !important; align-items: center; gap: .4rem;
        color: var(--sw-muted, #617087) !important;
        font-size: var(--sw-text-sm, 13px) !important;
        font-weight: var(--sw-weight-medium, 500) !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel__status span {
        width: 8px !important; height: 8px !important; border-radius: 50% !important;
        background: var(--sw-success, #0d7d55) !important;
        box-shadow: none !important; flex: 0 0 auto;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel__close {
        width: 36px !important; height: 36px !important;
        color: var(--sw-muted, #617087) !important;
        background: transparent !important;
        border: 0 !important; border-radius: 10px !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel__close:hover {
        color: var(--sw-ink) !important;
        background: var(--sw-canvas, #f0f4f9) !important;
    }

    /* Lo stato vuoto occupava 324px di nulla. */
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel__body { padding: 16px !important; }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-empty { padding: 24px 8px !important; gap: .5rem !important; }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-empty__icon {
        width: 44px !important; height: 44px !important;
        color: var(--sw-brand-600) !important;
        background: var(--sw-brand-50, #fff2f2) !important;
        border-radius: 14px !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-empty strong {
        color: var(--sw-ink) !important;
        font-size: var(--sw-control-fs, 15px) !important;
        font-weight: var(--sw-weight-semi, 600) !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-empty span {
        color: var(--sw-muted) !important;
        font-size: var(--sw-text-sm, 14px) !important;
    }

    /* Etichetta e nota stavano sulla stessa riga e si contendevano lo spazio. */
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-identity__title {
        display: flex !important; flex-direction: column !important;
        align-items: flex-start !important; gap: 2px !important; margin-bottom: 8px !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-identity__title strong {
        color: var(--sw-label-ink, #617087) !important;
        font-size: var(--sw-label-fs, 11px) !important;
        font-weight: var(--sw-label-weight, 600) !important;
        letter-spacing: var(--sw-label-track, .04em) !important;
        text-transform: uppercase !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-identity__title span {
        color: var(--sw-muted) !important;
        font-size: var(--sw-text-sm, 13px) !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-identity__grid .form-control {
        min-height: var(--sw-control-h-sm, 40px) !important;
        padding: 0 12px !important;
        font-size: var(--sw-control-fs, 15px) !important;
        border: 1px solid var(--sw-field-border, #7690b2) !important;
        border-radius: var(--sw-control-r, 10px) !important;
        background: var(--sw-field-bg, #fff) !important;
    }

    /* La riga di scrittura E' il campo: dentro c'era una seconda scatola con
       bordo proprio, piu' la maniglia di ridimensionamento. */
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-input-row {
        gap: 8px !important;
        padding: 6px 6px 6px 12px !important;
        background: var(--sw-field-bg, #fff) !important;
        border: 1px solid var(--sw-field-border, #7690b2) !important;
        border-radius: var(--sw-control-r, 10px) !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-input-row:focus-within {
        border-color: var(--sw-brand-500) !important;
        box-shadow: var(--sw-focus-ring, 0 0 0 3px rgba(217,35,54,.18)) !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-input-row textarea {
        resize: none !important;
        border: 0 !important; border-radius: 0 !important;
        background: transparent !important; box-shadow: none !important;
        padding: 8px 0 !important;
        min-height: 40px !important;
        font-size: var(--sw-control-fs, 15px) !important;
        color: var(--sw-ink) !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-input-row textarea:focus { box-shadow: none !important; }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-attach {
        width: 36px !important; height: 36px !important;
        color: var(--sw-muted) !important;
        background: transparent !important; border: 0 !important; border-radius: 8px !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-attach:hover {
        color: var(--sw-brand-600) !important;
        background: var(--sw-brand-50) !important;
    }

    /* Su schermo stretto il pannello prende la larghezza utile invece di
       restare una finestrella fissa. */
    @media (max-width: 575.98px) {
        body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel {
            width: calc(100vw - 1.5rem) !important;
            max-width: 420px !important;
            border-radius: var(--sw-radius-lg, 20px) !important;
        }
    }

/* Il pannello aveva altezza fissa (45rem) a prescindere dal contenuto: a
       chat vuota restavano ~200px di nulla sotto il saluto. Ora si adatta e
       cresce fino al massimo man mano che arrivano i messaggi. */
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel {
        height: auto !important;
        max-height: min(45rem, calc(100vh - 6rem)) !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-empty {
        height: auto !important;
        min-height: 0 !important;
        padding: 28px 12px !important;
    }
    /* Il saluto si centra solo finche' e' l'unico contenuto: quando arrivano i
       messaggi il corpo torna a scorrere dall'alto. */
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel__body:has(> .nedate-chat-empty:only-child) {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    @media (max-width: 575.98px) {
        /* su telefono la chat resta a tutto schermo: e' la scelta giusta per
           leggere e scrivere, ma senza angoli arrotondati che galleggiano */
        body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel {
            height: 100dvh !important;
            max-height: none !important;
            width: 100dvw !important;
            max-width: none !important;
            border-radius: 0 !important;
            border: 0 !important;
        }
    }

/* A pannello aperto il launcher si limitava a spostarsi accanto alla
       finestra: un pulsante rotondo che galleggia a fianco di una chat gia'
       aperta non ha piu' un compito — chiudere lo fa il suo bottone. */
    body.nedate-ui-standard #nedate-live-chat-widget:has(.nedate-chat-panel:not([hidden])) .nedate-chat-launcher {
        opacity: 0 !important;
        pointer-events: none !important;
        transform: scale(.9) !important;
    }
    body.nedate-ui-standard #nedate-live-chat-widget .nedate-chat-panel__status {
        white-space: nowrap !important;
    }