#view-whatsapp { padding: 0 !important; }
#whatsapp-inbox-root { --wa-ink:#173b3a; --wa-muted:#718684; --wa-line:#dfe9e6; --wa-green:#0d756a; --wa-soft:#eef8f5; min-height:calc(100vh - 150px); color:var(--wa-ink); font-family:Inter,system-ui,sans-serif; }
.wa-inbox { max-width:1540px; margin:0 auto; padding:22px 24px 30px; }
.wa-page-head { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:18px; }
.wa-page-head h1 { margin:3px 0 2px; font-size:clamp(1.7rem,3vw,2.35rem); letter-spacing:-.04em; }
.wa-page-head p { margin:0; color:var(--wa-muted); }
.wa-eyebrow { color:#718684; font-size:.68rem; font-weight:900; letter-spacing:.18em; }
.wa-page-actions,.wa-primary,.wa-secure { display:flex; align-items:center; gap:9px; }
.wa-primary { border:0; border-radius:13px; padding:11px 16px; background:var(--wa-green); color:#fff; font:inherit; font-weight:800; cursor:pointer; box-shadow:0 9px 22px rgba(13,117,106,.2); }
.wa-primary:hover { filter:brightness(.96); transform:translateY(-1px); }
.wa-primary .material-symbols-outlined { font-size:19px; }
.wa-secure { color:#37736d; font-size:.78rem; font-weight:800; }
.wa-secure .material-symbols-outlined { font-size:18px; }
.wa-sections { display:flex; gap:6px; margin-bottom:12px; }
.wa-sections button { display:flex; align-items:center; gap:7px; border:0; border-radius:12px; padding:9px 13px; background:transparent; color:#718684; font:inherit; font-weight:800; cursor:pointer; }
.wa-sections button.active { background:#e5f4f0; color:#08675f; }
.wa-sections .material-symbols-outlined { font-size:19px; }
.wa-workspace { display:grid; grid-template-columns:minmax(270px,330px) minmax(0,1fr) minmax(250px,285px); min-height:500px; height:clamp(500px,calc(100dvh - 225px),820px); border:1px solid var(--wa-line); border-radius:23px; overflow:hidden; background:#fff; box-shadow:0 18px 55px rgba(25,66,62,.08); }
.wa-workspace.is-scheduled { height:auto; min-height:0; overflow:visible; }
.wa-workspace.is-scheduled>.wa-scheduled { min-height:660px; overflow:visible; }
.wa-sidebar { display:flex; flex-direction:column; min-width:0; border-right:1px solid var(--wa-line); background:#fbfdfc; }
.wa-search { display:flex; align-items:center; gap:8px; margin:18px 16px 10px; padding:10px 12px; border:1px solid var(--wa-line); border-radius:13px; background:#fff; }
.wa-search .material-symbols-outlined { color:#879b99; font-size:20px; }
.wa-search input { width:100%; border:0; outline:0; background:transparent; color:var(--wa-ink); font:inherit; }
.wa-filter-row { display:flex; justify-content:space-between; align-items:center; padding:8px 18px 11px; font-size:.8rem; }
.wa-filter-row button { display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:10px; background:transparent; color:#708684; cursor:pointer; }
.wa-filter-row button:hover { background:#edf5f3; }
.wa-filter-row .material-symbols-outlined { font-size:18px; }
.wa-filter-tabs { display:flex; gap:5px; overflow:auto; padding:0 14px 11px; scrollbar-width:none; }
.wa-filter-tabs::-webkit-scrollbar { display:none; }
.wa-filter-tabs button { flex:0 0 auto; border:0; border-radius:999px; padding:6px 9px; background:transparent; color:#718684; font:inherit; font-size:.68rem; font-weight:800; cursor:pointer; }
.wa-filter-tabs button.active { background:#e1f2ee; color:#08675f; }
.wa-conversation-list { overflow:auto; padding:0 9px 12px; }
.wa-conversation { display:flex; width:100%; gap:11px; align-items:center; padding:12px 10px; border:0; border-radius:15px; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.wa-conversation:hover { background:#f0f7f5; }
.wa-conversation.active { background:#dff2ed; }
.wa-avatar { flex:0 0 auto; display:grid; place-items:center; width:43px; height:43px; border-radius:14px; background:#b97859; color:#fff; font-size:.82rem; font-weight:900; }
.wa-avatar.has-photo { overflow:hidden; background:#e8f1ef; }
.wa-avatar img,.wa-patient-avatar img { width:100%; height:100%; object-fit:cover; }
.wa-conversation:nth-child(3n+2) .wa-avatar { background:#4e7c81; }
.wa-conversation:nth-child(3n+3) .wa-avatar { background:#7d6ba3; }
.wa-conversation-copy { min-width:0; flex:1; }
.wa-conversation-top,.wa-conversation-bottom { display:flex; justify-content:space-between; gap:8px; min-width:0; }
.wa-conversation-top strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.88rem; }
.wa-pin { margin-right:4px; color:#0d756a; font-size:14px!important; vertical-align:-2px; }
.wa-conversation-top time { color:#8a9b99; font-size:.69rem; }
.wa-conversation-bottom { margin-top:4px; align-items:center; color:#7b8f8d; font-size:.76rem; }
.wa-conversation-bottom>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wa-conversation-bottom b { display:grid; place-items:center; min-width:20px; height:20px; padding:0 5px; border-radius:10px; background:#19a974; color:#fff; font-size:.66rem; }
.wa-status-dot { flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:#f0a629; }
.wa-status-dot.resolved { background:#7b8b89; }
.wa-list-empty,.wa-empty-chat,.wa-scheduled-empty { display:grid; place-items:center; align-content:center; min-height:220px; padding:28px; text-align:center; color:#819492; }
.wa-list-empty .material-symbols-outlined,.wa-empty-chat .material-symbols-outlined,.wa-scheduled-empty .material-symbols-outlined { font-size:44px; color:#9cbab5; }
.wa-list-empty p,.wa-empty-chat p,.wa-scheduled-empty p { margin:5px 0 0; }
.wa-list-empty button { margin-top:10px; border:0; border-radius:10px; padding:8px 12px; background:#e5f4f0; color:#08675f; font-weight:800; cursor:pointer; }
.wa-chat-panel { position:relative; display:grid; grid-template-rows:auto minmax(0,1fr) auto; min-width:0; min-height:0; height:100%; max-height:100%; overflow:hidden; background-color:#f5faf8; background-image:radial-gradient(rgba(13,117,106,.07) 1px,transparent 1px); background-size:18px 18px; }
.wa-chat-panel>.wa-empty-chat { grid-row:1/-1; }
.wa-empty-chat h3 { margin:12px 0 0; color:#315451; }
.wa-chat-head { display:flex; align-items:center; gap:12px; padding:13px 18px; border-bottom:1px solid var(--wa-line); background:rgba(255,255,255,.94); backdrop-filter:blur(12px); }
.wa-chat-head>div { min-width:0; }
.wa-chat-head strong,.wa-chat-head small { display:block; }
.wa-chat-head small { margin-top:2px; color:#829492; font-size:.74rem; }
.wa-window-status { display:inline-flex; align-items:center; gap:5px; margin-left:auto; padding:6px 9px; border-radius:16px; font-size:.68rem; font-weight:800; white-space:nowrap; }
.wa-window-status .material-symbols-outlined { font-size:16px; }
.wa-window-status.open { color:#176b5e; background:#e5f7f1; }
.wa-window-status.closed { color:#8b6505; background:#fff3d9; }
.wa-window-status+.wa-patient-link { margin-left:0; }
.wa-patient-link { display:flex; align-items:center; gap:5px; margin-left:auto; height:36px; padding:0 10px; border:1px solid #cbdcd9; border-radius:10px; background:#fff; color:#55716e; font:inherit; font-size:.7rem; font-weight:800; cursor:pointer; }
.wa-patient-link.linked { border-color:#a9dcc0; background:#effbf4; color:#246d3f; }
.wa-patient-link .material-symbols-outlined { font-size:18px; }
.wa-chat-tools { display:flex; align-items:center; gap:8px; }
.wa-chat-tools select,.wa-chat-tools button { height:36px; border:1px solid var(--wa-line); border-radius:10px; background:#fff; color:#496663; font:inherit; font-size:.72rem; font-weight:800; }
.wa-chat-tools select { padding:0 28px 0 10px; }
.wa-chat-tools button { display:flex; align-items:center; gap:5px; padding:0 10px; cursor:pointer; }
.wa-chat-tools button:hover { background:#edf7f4; }
.wa-chat-tools .material-symbols-outlined { font-size:18px; }
.wa-messages { display:flex; flex-direction:column; gap:7px; min-height:0; overflow:auto; overscroll-behavior:contain; padding:22px clamp(18px,4vw,52px); }
.wa-message { position:relative; max-width:min(76%,650px); padding:10px 34px 7px 12px; border-radius:15px; box-shadow:0 3px 12px rgba(25,66,62,.07); transition:box-shadow .2s,transform .2s; }
.wa-message.highlight { transform:scale(1.015); box-shadow:0 0 0 3px rgba(13,117,106,.25),0 6px 18px rgba(25,66,62,.14); }
.wa-message-menu { position:absolute; top:4px; right:5px; display:grid; place-items:center; width:27px; height:27px; border:0; border-radius:50%; background:transparent; color:#718684; cursor:pointer; opacity:.35; }
.wa-message:hover .wa-message-menu,.wa-message-menu:focus-visible { opacity:1; background:rgba(255,255,255,.6); }
.wa-message-menu .material-symbols-outlined { font-size:18px; }
.wa-reply-quote { display:block; width:100%; margin:0 0 7px; padding:7px 9px; overflow:hidden; border:0; border-left:3px solid #159b89; border-radius:7px; background:rgba(255,255,255,.55); color:#365a56; text-align:left; cursor:pointer; }
.wa-reply-quote strong,.wa-reply-quote span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wa-reply-quote strong { color:#0d756a; font-size:.68rem; }
.wa-reply-quote span { margin-top:2px; font-size:.7rem; }
.wa-message p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.45; }
.wa-open-media { display:flex; align-items:center; gap:6px; margin-top:8px; padding:7px 9px; border:1px solid rgba(13,117,106,.2); border-radius:9px; background:rgba(255,255,255,.55); color:#176c63; font:inherit; font-size:.72rem; font-weight:800; cursor:pointer; }
.wa-open-media .material-symbols-outlined { font-size:17px; }
.wa-inline-media { display:grid; place-items:center; min-width:190px; min-height:90px; margin-top:8px; overflow:hidden; border-radius:11px; background:rgba(255,255,255,.45); color:#6b827f; }
.wa-inline-media>span { animation:wa-spin 1s linear infinite; }
.wa-inline-media img,.wa-inline-media video { display:block; width:min(100%,420px); max-height:340px; object-fit:contain; background:#0d1d1b; }
.wa-inline-media audio { width:min(100%,340px); margin:8px; }
.wa-inline-media small { padding:8px; }
@keyframes wa-spin { to { transform:rotate(360deg); } }
.wa-message small { display:block; margin-top:4px; color:#7d918e; font-size:.65rem; text-align:right; }
.wa-message.inbound { align-self:flex-start; border-bottom-left-radius:4px; background:#fff; }
.wa-message.outbound { align-self:flex-end; border-bottom-right-radius:4px; background:#d9f4ea; }
.wa-no-messages { margin:auto; padding:8px 13px; border-radius:20px; background:rgba(255,255,255,.8); color:#829492; font-size:.78rem; }
.wa-composer { position:sticky; bottom:0; z-index:4; display:flex; flex:0 0 auto; flex-wrap:wrap; gap:10px; align-items:flex-end; min-height:70px; padding:12px 16px; border-top:1px solid var(--wa-line); background:#fff; box-shadow:0 -8px 22px rgba(25,66,62,.06); }
.wa-replying { order:-1; display:flex; align-items:center; gap:9px; width:100%; min-width:0; padding:8px 10px; border-left:4px solid #0d8275; border-radius:9px; background:#eef8f5; box-sizing:border-box; color:#315652; }
.wa-replying>span { color:#0d8275; }
.wa-replying>div { min-width:0; flex:1; }
.wa-replying strong,.wa-replying small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wa-replying strong { font-size:.72rem; }.wa-replying small { margin-top:2px; color:#718684; font-size:.68rem; }
.wa-replying>button { width:30px!important; height:30px!important; background:transparent!important; color:#607774; }
.wa-composer textarea { flex:1; min-height:43px; max-height:130px; resize:none; overflow-y:auto; border:1px solid var(--wa-line); border-radius:14px; padding:11px 13px; outline:0; color:var(--wa-ink); font:inherit; text-transform:none!important; letter-spacing:normal; caret-color:var(--wa-green); }
.wa-composer textarea:focus { border-color:#6bb5aa; box-shadow:0 0 0 3px rgba(13,117,106,.1); }
.wa-composer button { display:grid; place-items:center; width:45px; height:45px; border:0; border-radius:14px; cursor:pointer; }
.wa-composer .wa-send { background:var(--wa-green); color:#fff; }
.wa-composer .wa-attach { background:#edf6f4; color:#52736f; }
.wa-composer .wa-attach:hover { background:#dfeeea; }
.wa-composer button:disabled { opacity:.55; cursor:wait; }
.wa-workspace>.wa-scheduled { grid-column:1/-1; width:100%; min-width:0; box-sizing:border-box; }
.wa-context-panel { min-width:0; overflow:auto; border-left:1px solid var(--wa-line); background:#fbfdfc; }
.wa-context-empty { display:grid; place-items:center; align-content:center; height:100%; padding:26px; color:#809390; text-align:center; }
.wa-context-empty span { font-size:42px; color:#a1bbb7; }
.wa-profile-card { display:grid; justify-items:center; padding:25px 18px 20px; text-align:center; background:linear-gradient(180deg,#edf8f5 0,#fbfdfc 100%); }
.wa-profile-avatar { display:grid; place-items:center; width:76px; height:76px; overflow:hidden; border-radius:24px; background:linear-gradient(135deg,#0d756a,#6aa99f); color:#fff; font-size:1.2rem; font-weight:900; box-shadow:0 10px 25px rgba(13,117,106,.18); }
.wa-profile-avatar img { width:100%; height:100%; object-fit:cover; }
.wa-profile-card h3 { margin:12px 0 2px; font-size:1rem; }
.wa-profile-card p { margin:0; color:#748986; font-size:.76rem; }
.wa-profile-badge { display:flex; align-items:center; gap:5px; margin-top:10px; padding:5px 9px; border-radius:999px; background:#f2f4f4; color:#74817f; font-size:.64rem; font-weight:800; }
.wa-profile-badge.linked { background:#e2f6ea; color:#277044; }
.wa-profile-badge .material-symbols-outlined { font-size:15px; }
.wa-context-section { padding:18px; border-top:1px solid var(--wa-line); }
.wa-context-section>small { color:#718684; font-size:.63rem; font-weight:900; letter-spacing:.13em; }
.wa-context-section>p { color:#758986; font-size:.75rem; line-height:1.45; }
.wa-context-section dl { margin:10px 0; }
.wa-context-section dl div { display:flex; justify-content:space-between; gap:8px; padding:6px 0; font-size:.72rem; }
.wa-context-section dt { color:#80918f; }
.wa-context-section dd { max-width:145px; margin:0; overflow:hidden; color:#294d49; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.wa-context-action { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; margin-top:12px; padding:9px; border:1px solid #b8d8d2; border-radius:11px; background:#eef8f5; color:#0b6e64; font:inherit; font-size:.72rem; font-weight:800; cursor:pointer; }
.wa-context-action .material-symbols-outlined { font-size:18px; }
.wa-next-appointment { display:flex; gap:9px; margin-top:10px; padding:10px; border-radius:12px; background:#f0f6ff; color:#315a82; }
.wa-next-appointment>span { font-size:21px; }
.wa-next-appointment strong { font-size:.72rem; }
.wa-next-appointment p { margin:3px 0 0; font-size:.68rem; }
.wa-context-link { margin-top:8px; border:0; background:transparent; color:#0d756a; font:inherit; font-size:.7rem; font-weight:800; cursor:pointer; }
.wa-scheduled { min-height:600px; border:1px solid var(--wa-line); border-radius:23px; overflow:hidden; background:#fff; box-shadow:0 18px 55px rgba(25,66,62,.08); }
.wa-scheduled-head { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:26px 30px; border-bottom:1px solid var(--wa-line); }
.wa-scheduled-head>div:first-child { min-width:0; }
.wa-scheduled-head small { color:#718684; font-weight:900; letter-spacing:.14em; }
.wa-scheduled-head h2 { margin:4px 0; }
.wa-scheduled-head p { margin:0; color:#718684; }
.wa-scheduled-actions { display:flex; flex:0 0 auto; gap:9px; align-items:center; }
.wa-secondary { display:inline-flex; align-items:center; gap:7px; border:1px solid #b9d7d2; border-radius:12px; padding:10px 13px; background:#fff; color:#0d756a; font-weight:800; cursor:pointer; }
.wa-secondary .material-symbols-outlined { font-size:19px; }
.wa-scheduled-list { padding:16px; }
.wa-template-summary { display:flex; align-items:center; gap:12px; margin:16px 16px 0; padding:13px 15px; border-radius:14px; background:#fff7df; color:#8a6200; }
.wa-template-summary.ready { background:#e9f8ef; color:#246d3f; }
.wa-template-summary>span { font-size:27px; }
.wa-template-summary strong,.wa-template-summary small { display:block; }
.wa-template-summary small { margin-top:2px; opacity:.8; }
.wa-template-catalog { display:flex; flex-wrap:wrap; gap:8px; padding:12px 16px 0; }
.wa-template-catalog>span { min-width:180px; padding:9px 11px; border:1px solid #e5ecea; border-radius:11px; background:#fafcfc; }
.wa-template-catalog strong,.wa-template-catalog small { display:block; }
.wa-template-catalog small { margin-top:2px; color:#718684; font-size:.66rem; }
.wa-template-catalog>span.status-approved { border-color:#a9dcc0; background:#effbf4; }
.wa-template-catalog>span.status-pending { border-color:#f2d58b; background:#fff9e8; }
.wa-automation-panel { margin:18px 16px 6px; padding:18px; border:1px solid #dcebe8; border-radius:18px; background:#f8fcfb; }
.wa-automation-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:14px; }
.wa-automation-head h3,.wa-scheduled-subtitle h3 { margin:3px 0; }
.wa-automation-head p { margin:0; color:#718684; }
.wa-automation-head>span { flex:0 0 auto; padding:7px 11px; border-radius:18px; background:#dff5ed; color:#176b5e; font-weight:800; font-size:.75rem; }
.wa-automation-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; }
.wa-automation-card { padding:14px; border:1px solid #e0ebe9; border-radius:14px; background:#fff; }
.wa-automation-title { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin-bottom:10px; }
.wa-automation-title strong,.wa-automation-title small { display:block; }
.wa-automation-title small { margin-top:3px; color:#80918f; font-size:.66rem; }
.wa-automation-card>label { display:block; margin-top:9px; color:#617573; font-size:.72rem; font-weight:800; }
.wa-automation-card select,.wa-automation-card input[type="number"] { width:100%; box-sizing:border-box; margin-top:5px; padding:9px 10px; border:1px solid #d8e4e2; border-radius:9px; background:#fff; color:#173c38; }
.wa-automation-card>button { width:100%; justify-content:center; margin-top:11px; padding:9px 12px; }
.wa-switch { position:relative; flex:0 0 auto; width:42px; height:24px; }
.wa-switch input { position:absolute; opacity:0; }
.wa-switch span { display:block; width:42px; height:24px; border-radius:15px; background:#cbd5d3; cursor:pointer; transition:.2s; }
.wa-switch span::after { content:""; display:block; width:18px; height:18px; margin:3px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.2); transition:.2s; }
.wa-switch input:checked+span { background:#0d8275; }
.wa-switch input:checked+span::after { transform:translateX(18px); }
.wa-scheduled-subtitle { display:flex; align-items:center; justify-content:space-between; padding:20px 20px 0; }
.wa-scheduled-subtitle small { color:#718684; font-weight:900; letter-spacing:.13em; }
.wa-automation-events { padding-bottom:4px; }
.wa-scheduled-empty.compact { min-height:150px; }
.wa-template-form { display:grid; gap:9px; text-align:left; }
.wa-template-form label { display:grid; gap:3px; color:#3e5552; font-size:.78rem; font-weight:800; }
.wa-template-form .swal2-input,.wa-template-form .swal2-select,.wa-template-form .swal2-textarea { width:100%; margin:0; box-sizing:border-box; }
.wa-template-form-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.wa-template-form>small { color:#718684; }
.wa-schedule-form { display:grid; gap:11px; text-align:left; }
.wa-schedule-form>label,#wa-sch-variables label { display:grid; gap:4px; color:#3e5552; font-size:.78rem; font-weight:800; }
.wa-schedule-form .swal2-input,.wa-schedule-form .swal2-select { width:100%; margin:0; box-sizing:border-box; }
#wa-sch-variables { display:grid; gap:8px; }
#wa-sch-variables>p,#wa-sch-variables>small { margin:0; color:#718684; }
.wa-template-preview { padding:12px 14px; border-radius:12px; background:#e7f6ef; color:#285952; white-space:pre-wrap; overflow-wrap:anywhere; font-size:.82rem; }
.wa-campaigns { margin:16px; border:1px solid #dcebe8; border-radius:18px; background:#f8fcfb; overflow:hidden; }
.wa-campaigns .wa-scheduled-subtitle { padding:16px 18px 8px; }
.wa-campaign-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:10px; padding:10px 14px 16px; }
.wa-campaign-grid article { display:grid; grid-template-columns:42px 1fr auto; gap:11px; align-items:center; padding:13px; border:1px solid #deebe8; border-radius:13px; background:#fff; cursor:pointer; transition:border-color .18s,transform .18s,box-shadow .18s; }
.wa-campaign-grid article:hover,.wa-campaign-grid article:focus-visible { border-color:#84bdb4; transform:translateY(-1px); box-shadow:0 8px 24px rgba(25,66,62,.09); outline:0; }
.wa-campaign-grid article>span { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:#e2f4ef; color:#0d756a; }
.wa-campaign-grid strong,.wa-campaign-grid small { display:block; }
.wa-campaign-grid small { margin-top:3px; color:#718684; font-size:.68rem; }
.wa-campaign-grid p { margin:5px 0 0; color:#496663; font-size:.7rem; }
.wa-campaign-grid em { display:block; margin-top:5px; color:#0d756a; font-size:.68rem; font-style:normal; font-weight:900; }
.wa-campaign-grid article>b { display:grid; place-items:center; min-width:34px; height:34px; border-radius:17px; background:#0d756a; color:#fff; font-size:.75rem; }
.wa-campaign-responses { display:grid; gap:8px; max-height:460px; overflow:auto; text-align:left; }
.wa-campaign-responses article { display:grid; grid-template-columns:38px 1fr; gap:10px; align-items:start; padding:12px; border:1px solid #deebe8; border-radius:12px; background:#f8fcfb; }
.wa-campaign-responses article>span { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:#e2f4ef; color:#0d756a; }
.wa-campaign-responses strong,.wa-campaign-responses small { display:block; }
.wa-campaign-responses small { margin-top:2px; color:#718684; font-size:.72rem; }
.wa-campaign-responses p { margin:6px 0 0; color:#294b47; white-space:pre-wrap; overflow-wrap:anywhere; }
.wa-bulk-form { display:grid; gap:12px; text-align:left; }
.wa-bulk-form>label,.wa-bulk-top>label,.wa-bulk-variables label { display:grid; gap:4px; color:#3e5552; font-size:.76rem; font-weight:800; }
.wa-bulk-form .swal2-input,.wa-bulk-form .swal2-select { width:100%; margin:0; box-sizing:border-box; }
.wa-bulk-top { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.wa-bulk-variables { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.wa-bulk-variables .wa-template-preview,.wa-bulk-variables>small { grid-column:1/-1; }
.wa-bulk-picker-head { display:flex; align-items:center; gap:10px; }
.wa-bulk-picker-head .wa-patient-search { flex:1; }
.wa-bulk-picker-head>b { flex:0 0 auto; color:#0d756a; font-size:.74rem; }
.wa-bulk-selected { display:flex; gap:6px; min-height:28px; overflow-x:auto; padding:2px; }
.wa-bulk-selected button { flex:0 0 auto; border:1px solid #b9d7d2; border-radius:15px; padding:5px 9px; background:#eef8f5; color:#176b5e; font-size:.68rem; font-weight:800; cursor:pointer; }
.wa-bulk-selected small { color:#718684; }
.wa-bulk-consent { display:flex!important; grid-template-columns:none!important; align-items:flex-start; gap:8px!important; padding:11px; border-radius:11px; background:#fff8e5; color:#705400!important; }
.wa-bulk-consent input { margin-top:2px; }
.wa-notes-dialog { display:grid; gap:12px; text-align:left; }
.wa-notes-history { display:grid; gap:8px; max-height:280px; overflow:auto; }
.wa-note-item { padding:11px 13px; border:1px solid #e4ecea; border-radius:12px; background:#f8fbfa; }
.wa-note-item p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.wa-note-item small,.wa-notes-dialog>small { display:block; margin-top:5px; color:#718684; }
.wa-notes-dialog label { color:#3e5552; font-size:.78rem; font-weight:800; }
.wa-notes-dialog .swal2-textarea { width:100%; margin:6px 0 0; box-sizing:border-box; }
.wa-action-sheet { display:grid; gap:7px; text-align:left; }
.wa-action-sheet button { display:flex; align-items:center; gap:11px; width:100%; padding:12px 13px; border:1px solid #dce8e6; border-radius:12px; background:#f8fbfa; color:#294d49; font:inherit; font-weight:750; cursor:pointer; }
.wa-action-sheet button:hover { border-color:#91c6bd; background:#eef8f5; }
.wa-action-sheet button.danger { border-color:#f0c8cc; background:#fff6f7; color:#a52e3a; }
.wa-action-sheet .material-symbols-outlined { font-size:20px; }
.wa-bot-config textarea,.wa-template-form input,.wa-template-form textarea,.wa-schedule-form input,.wa-bulk-form input,.wa-bulk-form textarea,.wa-notes-dialog textarea { text-transform:none!important; letter-spacing:normal; caret-color:var(--wa-green); user-select:text; -webkit-user-select:text; }
.wa-notes-empty { margin:0; padding:22px; text-align:center; color:#819492; }
.wa-link-help { margin:0 0 12px; color:#718684; font-size:.85rem; }
.wa-patient-picker { display:grid; gap:11px; text-align:left; }
.wa-patient-search { display:flex; align-items:center; gap:8px; padding:11px 13px; border:1px solid #bdd7d2; border-radius:13px; background:#fff; box-shadow:0 0 0 3px rgba(13,117,106,.06); }
.wa-patient-search span { color:#66827e; }
.wa-patient-search input { flex:1; min-width:0; border:0; outline:0; background:transparent; font:inherit; }
.wa-patient-results { display:grid; gap:6px; max-height:390px; overflow:auto; padding:2px; }
.wa-patient-load-status { display:flex; align-items:center; gap:5px; color:#718684; font-size:.68rem; }
.wa-patient-load-status .material-symbols-outlined { font-size:15px; }
.wa-patient-result { display:flex; align-items:center; gap:11px; width:100%; padding:10px 12px; border:1px solid #e0eae8; border-radius:13px; background:#fff; color:#214542; text-align:left; cursor:pointer; }
.wa-patient-result:hover,.wa-patient-result.selected { border-color:#62aa9f; background:#eef9f6; }
.wa-patient-avatar { flex:0 0 auto; display:grid; place-items:center; width:40px; height:40px; overflow:hidden; border-radius:12px; background:#dcefeb; color:#176c63; font-size:.72rem; font-weight:900; }
.wa-patient-result>span:nth-child(2) { flex:1; min-width:0; }
.wa-patient-result strong,.wa-patient-result small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wa-patient-result small { margin-top:3px; color:#788d8a; font-size:.7rem; }
.wa-patient-result>i { color:#7ba39d; font-style:normal; }
.wa-patient-no-results { display:grid; justify-items:center; gap:4px; padding:30px 16px; color:#7a8f8c; text-align:center; }
.wa-patient-no-results>span { font-size:38px; color:#9cbab5; }
.wa-file-dialog { display:grid; justify-items:center; gap:7px; }
.wa-file-dialog>span { font-size:44px; color:#0d756a; }
.wa-file-dialog>small { color:#718684; }
.wa-file-dialog .swal2-textarea { width:100%; box-sizing:border-box; }
.wa-scheduled-list article { display:flex; align-items:center; gap:14px; padding:15px; border-bottom:1px solid #edf2f1; }
.wa-scheduled-list article>.material-symbols-outlined { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:#edf7f4; color:#0d756a; }
.wa-scheduled-list article div { flex:1; }
.wa-scheduled-list article strong,.wa-scheduled-list article small { display:block; }
.wa-scheduled-list article small { margin-top:3px; color:#7b8f8d; }
.wa-scheduled-list article em { display:block; margin-top:5px; color:#b42318; font-size:.7rem; font-style:normal; }
.wa-scheduled-list article>b { padding:6px 10px; border-radius:20px; background:#fff3d9; color:#9c6a00; font-size:.7rem; }
.wa-scheduled-list article>b.status-sent,.wa-scheduled-list article>b.status-delivered,.wa-scheduled-list article>b.status-read { background:#e5f7eb; color:#267342; }
.wa-scheduled-list article>b.status-failed { background:#fee4e2; color:#b42318; }
.wa-scheduled-list article>b.status-cancelled { background:#edf0f2; color:#667085; }
.wa-scheduled-list article>b.status-waiting_template { background:#fff3d9; color:#8b6505; }
.wa-mobile-back { display:none; }
.wa-workspace.is-bot { display:block; height:auto; min-height:660px; overflow:visible; }
.wa-bot-panel { min-height:660px; border-radius:23px; background:#fff; overflow:hidden; }
.wa-bot-head { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:26px 30px; border-bottom:1px solid var(--wa-line); background:linear-gradient(135deg,#f8fcfb,#eff9f6); }
.wa-bot-head small,.wa-bot-requests-head small { color:#718684; font-size:.68rem; font-weight:900; letter-spacing:.14em; }
.wa-bot-head h2 { margin:4px 0; }
.wa-bot-head p { margin:0; color:#718684; }
.wa-bot-master { display:flex; align-items:center; gap:9px; padding:9px 12px; border-radius:16px; background:#fff; box-shadow:0 6px 18px rgba(25,66,62,.1); }
.wa-bot-master input { position:absolute; opacity:0; }
.wa-bot-master span { width:42px; height:24px; border-radius:14px; background:#cbd5d3; cursor:pointer; }
.wa-bot-master span::after { content:""; display:block; width:18px; height:18px; margin:3px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.2); transition:.2s; }
.wa-bot-master input:checked+span { background:#0d8275; }
.wa-bot-master input:checked+span::after { transform:translateX(18px); }
.wa-bot-master b { font-size:.76rem; }
.wa-bot-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:20px; padding:22px; }
.wa-bot-config { display:grid; gap:14px; }
.wa-bot-config>label { display:grid; gap:6px; color:#496663; font-size:.76rem; font-weight:850; }
.wa-bot-config textarea { box-sizing:border-box; width:100%; min-height:82px; resize:vertical; padding:12px 13px; border:1px solid #d8e6e3; border-radius:12px; color:#173b3a; font:inherit; font-weight:500; }
.wa-ai-settings { display:grid; gap:10px; padding:15px; border:1px solid #cde4df; border-radius:15px; background:linear-gradient(135deg,#edf9f6,#f8fbff); }
.wa-ai-settings>div { display:flex; align-items:center; gap:10px; }
.wa-ai-settings>div>span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#0d8275; color:#fff; }
.wa-ai-settings strong,.wa-ai-settings small { display:block; }
.wa-ai-settings small { margin-top:2px; color:#718684; }
.wa-ai-settings label { display:grid; gap:5px; color:#496663; font-size:.76rem; font-weight:850; }
.wa-ai-settings select { width:100%; padding:10px 12px; border:1px solid #bdd8d3; border-radius:10px; background:#fff; color:#173b3a; font:inherit; }
.wa-ai-settings p { margin:0; color:#496663; font-size:.72rem; line-height:1.45; }
.wa-bot-config textarea:focus { outline:0; border-color:#6bb5aa; box-shadow:0 0 0 3px rgba(13,117,106,.1); }
.wa-bot-config-actions { display:flex; gap:9px; flex-wrap:wrap; }
.wa-ai-test-result { text-align:left; }
.wa-ai-test-result p { padding:13px; border-radius:12px; background:#eef9f6; color:#214844; white-space:pre-wrap; }
.wa-ai-test-result small { color:#718684; }
.wa-bot-flow { display:flex; align-items:center; gap:10px; overflow:auto; padding:14px; border:1px solid #dcebe8; border-radius:15px; background:#f8fcfb; }
.wa-bot-flow>strong { flex:0 0 auto; }
.wa-bot-flow div { display:flex; align-items:center; gap:7px; flex:0 0 auto; color:#496663; font-size:.73rem; font-weight:800; }
.wa-bot-flow div span { display:grid; place-items:center; width:25px; height:25px; border-radius:9px; background:#0d8275; color:#fff; }
.wa-bot-flow i { flex:0 0 20px; height:1px; background:#bdd6d1; }
.wa-bot-requests { min-width:0; border:1px solid #e0ebe9; border-radius:16px; overflow:hidden; align-self:start; }
.wa-bot-requests-head { display:flex; justify-content:space-between; align-items:center; padding:16px; background:#f8fbfa; }
.wa-bot-requests-head h3 { margin:3px 0 0; }
.wa-bot-requests-head>b { display:grid; place-items:center; min-width:30px; height:30px; border-radius:15px; background:#0d8275; color:#fff; }
.wa-bot-request-list { max-height:650px; overflow:auto; }
.wa-bot-request-list article { display:grid; grid-template-columns:38px 1fr auto; gap:10px; align-items:center; padding:13px 14px; border-top:1px solid #edf2f1; }
.wa-bot-request-list article>span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#e8f5f2; color:#0d756a; }
.wa-bot-request-list strong,.wa-bot-request-list small { display:block; }
.wa-bot-request-list small { margin-top:3px; color:#7c8f8d; font-size:.66rem; }
.wa-bot-request-list p { margin:5px 0 0; color:#496663; font-size:.72rem; }
.wa-bot-request-list blockquote { margin:8px 0 5px; padding:9px 11px; border-left:3px solid #36a795; border-radius:0 9px 9px 0; background:#eef9f6; color:#214844; font-size:.75rem; line-height:1.45; }
.wa-bot-request-list button { border:0; border-radius:9px; padding:7px 9px; background:#e1f3ed; color:#096b61; font-weight:850; cursor:pointer; }
.wa-request-actions { display:grid; gap:6px; justify-items:stretch; }
.wa-bot-request-list .wa-request-actions button.muted { background:#f0f3f3; color:#667a77; }
.wa-bot-request-list article.resolved { opacity:.62; }
.wa-bot-request-list article>b { color:#718684; font-size:.68rem; }
.wa-cancel-scheduled { display:grid; place-items:center; width:31px; height:31px; border:0; border-radius:9px; background:#f4f6f6; color:#607774; cursor:pointer; }
.wa-cancel-scheduled span { font-size:18px; }
@media(max-width:1180px){.wa-workspace{grid-template-columns:minmax(270px,330px) minmax(0,1fr)}.wa-context-panel{display:none}.wa-bot-layout{grid-template-columns:1fr}}
@media(max-width:800px){#view-whatsapp{overflow:visible!important}.wa-inbox{padding:10px 8px 22px}.wa-page-head{align-items:flex-start;margin-bottom:12px}.wa-page-head h1{font-size:1.65rem}.wa-page-head p{font-size:.8rem}.wa-secure{display:none}.wa-sections{position:sticky;top:0;z-index:20;padding:5px;border-radius:13px;background:rgba(248,252,251,.96);backdrop-filter:blur(10px);overflow-x:auto}.wa-sections button{flex:1;justify-content:center;white-space:nowrap}.wa-workspace{display:block;height:calc(100dvh - 205px);min-height:540px;border-radius:17px;overflow:hidden}.wa-sidebar{height:100%;max-height:none;border:0}.wa-chat-panel{display:none;height:100%;min-height:0}.wa-workspace.mobile-chat-open .wa-sidebar{display:none}.wa-workspace.mobile-chat-open .wa-chat-panel{display:grid}.wa-mobile-back{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border:0;border-radius:10px;background:#edf6f4;color:#325d58}.wa-chat-head{gap:8px;padding:10px}.wa-chat-head .wa-avatar{width:36px;height:36px;border-radius:11px}.wa-window-status{font-size:0;padding:6px}.wa-window-status .material-symbols-outlined{font-size:18px}.wa-page-actions .wa-primary{font-size:0;width:44px;padding:11px;justify-content:center}.wa-page-actions .wa-primary .material-symbols-outlined{font-size:21px}.wa-message{max-width:88%}.wa-patient-link span:last-child,.wa-chat-tools button span:last-child{display:none}.wa-patient-link{margin-left:auto;padding:0 8px}.wa-chat-tools{margin-left:0}.wa-chat-tools select{max-width:92px;padding-left:7px}.wa-composer{min-height:62px;padding:9px;gap:7px}.wa-composer button{width:42px;height:42px}.wa-messages{padding:16px 12px}.wa-workspace.is-scheduled,.wa-workspace.is-bot{height:auto;overflow:visible}.wa-scheduled,.wa-bot-panel{min-height:0;border-radius:17px}.wa-scheduled-head,.wa-automation-head,.wa-bot-head{padding:18px;align-items:flex-start;flex-direction:column}.wa-automation-head{padding:0}.wa-scheduled-actions{width:100%;flex-wrap:wrap}.wa-scheduled-actions button{flex:1;justify-content:center}.wa-template-catalog{display:grid;grid-template-columns:1fr}.wa-template-catalog>span{min-width:0}.wa-automation-panel{margin:14px 10px;padding:12px}.wa-automation-grid{grid-template-columns:1fr}.wa-scheduled-list article{align-items:flex-start;flex-wrap:wrap}.wa-scheduled-list article div{min-width:180px}.wa-template-form-row,.wa-bulk-top,.wa-bulk-variables{grid-template-columns:1fr}.wa-bulk-picker-head{align-items:stretch;flex-direction:column}.wa-bulk-picker-head>b{align-self:flex-start}.wa-campaigns{margin:12px 10px}.wa-campaign-grid{grid-template-columns:1fr}.wa-bot-layout{display:block;padding:12px}.wa-bot-config-actions>*{flex:1;justify-content:center}.wa-bot-flow{margin-bottom:12px}.wa-bot-requests{margin-top:16px}.wa-bot-request-list{max-height:none}.wa-bot-master{align-self:flex-end}.wa-bot-request-list article{grid-template-columns:38px 1fr}.wa-bot-request-list article .wa-request-actions,.wa-bot-request-list article>b{grid-column:2;justify-self:start}}
@media(max-width:800px){.wa-workspace:not(.is-scheduled):not(.is-bot){height:calc(100dvh - 185px);min-height:420px}.wa-composer textarea,.wa-bot-config textarea{font-size:16px!important;text-transform:none!important}}
[data-theme="dark"] #whatsapp-inbox-root { --wa-ink:#e5f1ef; --wa-muted:#9db0ad; --wa-line:#304b48; }
[data-theme="dark"] .wa-workspace,[data-theme="dark"] .wa-sidebar,[data-theme="dark"] .wa-scheduled,[data-theme="dark"] .wa-search,[data-theme="dark"] .wa-chat-head,[data-theme="dark"] .wa-composer { background:#172826; }
[data-theme="dark"] .wa-context-panel { background:#172826; }
[data-theme="dark"] .wa-chat-panel { background-color:#10201e; }
[data-theme="dark"] .wa-conversation:hover { background:#203a36; }
[data-theme="dark"] .wa-conversation.active { background:#244b45; }
[data-theme="dark"] .wa-message.inbound { background:#253b38; }
[data-theme="dark"] .wa-message.outbound { background:#175c50; }
[data-theme="dark"] .wa-chat-tools select,[data-theme="dark"] .wa-chat-tools button,[data-theme="dark"] .wa-note-item { background:#203a36; color:#dfece9; }
[data-theme="dark"] .wa-patient-link { background:#203a36; color:#dfece9; }