/* /nfc_whatsapp_ai_agent/static/src/scss/nfc_ai_agent.scss */
 .nf-agent-body{--nf-agent-navy: #071f49; --nf-agent-blue: #0094c8; --nf-agent-blue-strong: #0078ff; --nf-agent-sky: #eaf8ff; --nf-agent-line: #d7e9f5; --nf-agent-text: #061a3d; --nf-agent-muted: #64748b; --nf-agent-green: #18c978; margin: 0; min-height: 100vh; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--nf-agent-text); overflow-x: hidden; background: radial-gradient(circle at 88% 8%, rgba(0, 148, 200, 0.18), transparent 30%), radial-gradient(circle at 0% 100%, rgba(0, 120, 255, 0.13), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f8fcff 46%, #edf8ff 100%);}.nf-agent-body *{box-sizing: border-box;}.nf-agent-page{width: 100%; max-width: 980px; min-height: 100vh; min-width: 0; margin: 0 auto; padding: 28px 22px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 18px; position: relative; overflow: hidden;}.nf-agent-page::before, .nf-agent-page::after{content: ""; position: absolute; pointer-events: none; border-radius: 999px; border: 1px solid rgba(0, 148, 200, 0.18);}.nf-agent-page::before{width: 360px; height: 360px; right: -160px; top: 32px; box-shadow: inset 0 0 0 22px rgba(0, 148, 200, 0.05);}.nf-agent-page::after{width: 520px; height: 520px; left: -260px; bottom: -220px; background: radial-gradient(circle, rgba(0, 148, 200, 0.08), transparent 62%);}.nf-agent-top{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; gap: 16px; position: relative; z-index: 1;}.nf-agent-brand{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}.nf-agent-brand img{display: block; width: 360px; max-width: 58vw; height: auto; object-fit: contain;}.nf-agent-status{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 9px; color: var(--nf-agent-navy); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;}.nf-agent-status-dot{width: 10px; height: 10px; border-radius: 99px; background: var(--nf-agent-green); box-shadow: 0 0 16px rgba(24, 201, 120, 0.65);}.nf-agent-chat{min-height: 70vh; min-width: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; overflow: hidden; border: 1px solid var(--nf-agent-line); border-radius: 30px; background: #fff; position: relative; z-index: 1; box-shadow: 0 24px 80px rgba(7, 31, 73, 0.12);}.nf-agent-chat::before{content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, transparent 0 72%, rgba(0, 148, 200, 0.08) 72% 100%), radial-gradient(circle at right top, rgba(0, 148, 200, 0.11), transparent 28%);}.nf-agent-chat-head{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 16px; min-width: 0; padding: 22px 24px; border-bottom: 1px solid var(--nf-agent-line); background: rgba(255, 255, 255, 0.92); position: relative; z-index: 1;}.nf-agent-avatar{width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; padding: 7px; background: #fff; box-shadow: 0 0 0 6px var(--nf-agent-sky); position: relative; overflow: hidden;}.nf-agent-avatar img{width: 100%; height: 100%; object-fit: contain;}.nf-agent-avatar::after{content: ""; width: 16px; height: 16px; border-radius: 99px; background: var(--nf-agent-green); border: 3px solid #fff; position: absolute; right: 0; bottom: 4px;}.nf-agent-name{font-size: 24px; font-weight: 850; color: var(--nf-agent-navy); letter-spacing: -.03em;}.nf-agent-subtitle{margin-top: 4px; color: var(--nf-agent-blue); font-weight: 800; overflow-wrap: anywhere;}.nf-agent-subtitle span{color: var(--nf-agent-muted); font-weight: 700;}.nf-agent-messages{flex: 1; padding: 30px; overflow: hidden auto; min-width: 0; max-width: 100%; background: radial-gradient(circle at 92% 12%, rgba(0, 148, 200, 0.1), transparent 26%), radial-gradient(circle at 0% 100%, rgba(0, 120, 255, 0.08), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f7fbff 100%); position: relative; z-index: 1;}.nf-agent-messages::after{content: ""; position: absolute; right: -72px; bottom: -104px; width: 280px; height: 280px; border-radius: 50%; border: 1px solid rgba(0, 148, 200, 0.18); box-shadow: inset 0 0 0 20px rgba(0, 148, 200, 0.04); pointer-events: none;}.nf-agent-bubble{max-width: 76%; overflow-wrap: anywhere; word-break: normal; margin-bottom: 14px; padding: 16px 18px; border-radius: 20px; font-size: 18px; line-height: 1.46; box-shadow: 0 10px 28px rgba(7, 31, 73, 0.08); position: relative; z-index: 1;}.nf-agent-bubble-agent{background: #fff; border: 1px solid #dcecf6; border-left: 5px solid var(--nf-agent-blue); color: var(--nf-agent-text);}.nf-agent-bubble-user{margin-left: auto; color: #fff; background: linear-gradient(135deg, var(--nf-agent-blue), var(--nf-agent-navy));}.nf-agent-time{color: #8ca1bf; font-size: 12px; font-weight: 800; letter-spacing: .18em; margin: -4px 0 18px 6px; overflow-wrap: anywhere; position: relative; z-index: 1;}.nf-agent-time-user{text-align: right; margin-right: 6px;}.nf-agent-typing{width: fit-content; display: -webkit-box; display: -webkit-flex; display: flex; gap: 6px; align-items: center; margin-bottom: 14px; padding: 15px 18px; border: 1px solid #dcecf6; border-left: 5px solid var(--nf-agent-blue); border-radius: 20px; background: #fff; box-shadow: 0 10px 28px rgba(7, 31, 73, 0.08); position: relative; z-index: 1;}.nf-agent-typing span{width: 8px; height: 8px; border-radius: 99px; background: #8ca1bf; animation: nf-agent-typing 1s infinite ease-in-out;}.nf-agent-typing span:nth-child(2){animation-delay: .15s;}.nf-agent-typing span:nth-child(3){animation-delay: .3s;}@keyframes nf-agent-typing{0%, 80%, 100%{opacity: .35; transform: translateY(0);}40%{opacity: 1; transform: translateY(-3px);}}.nf-agent-input{padding: 18px; background: #fff; border-top: 1px solid var(--nf-agent-line); display: -webkit-box; display: -webkit-flex; display: flex; gap: 12px; min-width: 0; position: relative; z-index: 1;}.nf-agent-input input{flex: 1; min-width: 0; border: 1px solid #cfe2f1; outline: none; border-radius: 18px; padding: 18px 20px; font-size: 16px; color: var(--nf-agent-text); background: #fff;}.nf-agent-input input:focus{border-color: var(--nf-agent-blue); box-shadow: 0 0 0 4px rgba(0, 148, 200, 0.12);}.nf-agent-input button{width: 60px; flex: 0 0 60px; border: none; border-radius: 18px; color: #fff; background: linear-gradient(135deg, var(--nf-agent-blue-strong), var(--nf-agent-navy)); font-size: 26px; cursor: pointer; box-shadow: 0 12px 26px rgba(0, 120, 255, 0.2);}.nf-agent-whatsapp{align-self: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; color: #fff; text-decoration: none; background: #18b85f; border-radius: 999px; font-weight: 800; box-shadow: 0 14px 32px rgba(24, 184, 95, 0.18); position: relative; z-index: 1;}@media (max-width: 640px){.nf-agent-body{height: 100dvh; overflow: hidden;}.nf-agent-page{height: 100dvh; min-height: 100dvh; max-width: 100vw; padding: 12px 16px 10px; gap: 10px;}.nf-agent-top{align-items: center; flex-direction: row; justify-content: space-between; gap: 10px;}.nf-agent-brand{max-width: 58vw;}.nf-agent-brand img{width: 220px; max-width: 58vw;}.nf-agent-status{gap: 7px; font-size: 9.5px; letter-spacing: .08em; white-space: nowrap;}.nf-agent-status-dot{width: 9px; height: 9px;}.nf-agent-chat{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; border-radius: 20px;}.nf-agent-chat-head{padding: 11px 14px; gap: 11px;}.nf-agent-avatar{width: 44px; height: 44px; padding: 6px; box-shadow: 0 0 0 4px var(--nf-agent-sky);}.nf-agent-avatar::after{width: 14px; height: 14px; border-width: 2px;}.nf-agent-name{font-size: 17px; line-height: 1.12;}.nf-agent-subtitle{font-size: 12.5px;}.nf-agent-messages{padding: 18px 20px; min-height: 0;}.nf-agent-messages::after{right: -150px; bottom: -140px;}.nf-agent-bubble{max-width: 84%; margin-bottom: 10px; padding: 12px 14px; border-radius: 17px; font-size: 14px; line-height: 1.44;}.nf-agent-bubble-user{max-width: 68%;}.nf-agent-time{font-size: 10px; margin: -2px 0 16px 5px;}.nf-agent-typing{padding: 12px 15px; border-radius: 17px;}.nf-agent-input{padding: 11px 12px; gap: 10px;}.nf-agent-input input{padding: 13px 15px; border-radius: 16px; font-size: 14px;}.nf-agent-input button{width: 50px; flex-basis: 50px; border-radius: 16px; font-size: 23px;}.nf-agent-whatsapp{max-width: 100%; min-height: 36px; padding: 0 16px; font-size: 12.5px; box-shadow: 0 10px 24px rgba(24, 184, 95, 0.14);}}