#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:660px; height:calc(100vh - 270px); 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-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 { display:grid; grid-template-rows:auto minmax(0,1fr) auto; min-width:0; min-height:0; 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 { max-width:min(76%,650px); padding:10px 12px 7px; border-radius:15px; box-shadow:0 3px 12px rgba(25,66,62,.07); }
.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:relative; z-index:4; display:flex; flex:0 0 auto; 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-composer textarea { flex:1; min-height:43px; max-height:130px; resize:vertical; border:1px solid var(--wa-line); border-radius:14px; padding:11px 13px; outline:0; color:var(--wa-ink); font:inherit; }
.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-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-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-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}}
@media(max-width:800px){.wa-inbox{padding:14px 10px}.wa-page-head{align-items:flex-start}.wa-secure{display:none}.wa-workspace{grid-template-columns:1fr;height:auto;min-height:640px}.wa-sidebar{border-right:0;border-bottom:1px solid var(--wa-line);max-height:310px}.wa-chat-panel{min-height:520px}.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}.wa-chat-tools{margin-left:0}.wa-chat-tools select{max-width:105px}.wa-scheduled-head,.wa-automation-head{padding:20px;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-form-row{grid-template-columns:1fr}}
[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; }