/* Test-chat media: a familiar desktop messaging experience without copying
   WhatsApp assets or source. */
.wa-media-engine,.wa-media-probe{position:fixed!important;left:-9999px!important;bottom:0!important;width:1px!important;height:1px!important;opacity:.001!important;pointer-events:none!important}
.wa-message-log>.wa-bubble{flex:0 0 auto;align-self:flex-start;width:fit-content;max-width:min(78%,560px)}.wa-message-log>.wa-bubble.outbound{align-self:flex-end}.wa-message-log>.wa-bubble.has-media{max-width:min(78%,360px)}
.chat-page-shell:has(.wa-chat-header){position:relative;grid-template-columns:minmax(270px,32%) minmax(0,1fr)}.chat-page-shell:has(.wa-chat-header)>.chat-config-panel{display:none;position:absolute;z-index:18;top:0;right:0;bottom:0;width:min(330px,85%);box-sizing:border-box;box-shadow:-15px 0 36px rgba(11,20,26,.16)}.chat-page-shell.chat-info-open>.chat-config-panel{display:block}.chat-main-panel{position:relative}.wa-message-log{background-color:#efeae2;background-image:radial-gradient(rgba(107,97,80,.055) 1px,transparent 1px)}.wa-bubble.outbound{background:#d9fdd3}.wa-bubble p{font-size:14px}.chat-info-toggle{margin-left:4px!important;padding:8px!important}.chat-info-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.chat-info-close{display:grid;place-items:center;width:32px;height:32px;margin:0 0 12px auto;padding:0;border:0;border-radius:50%;background:#edf3f1;color:#526b70;cursor:pointer}.chat-info-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
#chatAttachmentPreview[hidden]{display:none!important}#chatAttachmentPreview:not([hidden]){position:absolute;z-index:22;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:66px minmax(0,1fr) auto;gap:0;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:#e9edef;box-shadow:none}.chat-draft-head{display:flex;align-items:center;gap:18px;padding:12px 20px;background:#f0f2f5;color:#293942}.chat-draft-head>div{display:grid;gap:3px;min-width:0}.chat-draft-head strong{font-size:15px}.chat-draft-head small{overflow:hidden;color:#667781;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.chat-draft-head .chat-attachment-remove{flex:none;width:36px;height:36px;border:0;background:transparent;color:#54656f}.chat-draft-head .chat-attachment-remove svg{width:22px;height:22px}.chat-draft-stage{display:grid;min-height:0;place-items:center;overflow:hidden;padding:22px 30px;background:#e9edef}.chat-draft-media{display:block;max-width:100%;max-height:100%;min-width:0;width:auto;height:auto;border-radius:3px;object-fit:contain;box-shadow:0 5px 18px rgba(11,20,26,.12)}.chat-draft-stage .wa-media-player{width:min(440px,100%)}.chat-draft-file{display:grid;justify-items:center;gap:12px;max-width:85%;padding:30px;color:#46555d;text-align:center}.chat-draft-file svg{width:84px;height:84px;fill:none;stroke:#8cabb0;stroke-width:1.4}.chat-draft-file strong{overflow-wrap:anywhere;font-size:14px}.chat-draft-file small{font-size:12px}.chat-draft-footer{display:flex;align-items:center;justify-content:center;gap:14px;min-height:92px;padding:14px 24px;background:#f0f2f5}.chat-draft-caption{display:block;width:min(560px,calc(100% - 72px))}.chat-draft-caption input{box-sizing:border-box;width:100%;padding:13px 16px;border:0;border-radius:9px;background:#fff;color:#283943;font:14px inherit}.chat-draft-audio-note{width:min(560px,calc(100% - 72px));color:#667781;font-size:13px}.chat-draft-send{display:grid;place-items:center;flex:none;width:48px;height:48px;border:0;border-radius:50%;background:#00a884;color:#fff;box-shadow:0 4px 12px rgba(0,168,132,.25);cursor:pointer}.chat-draft-send svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.wa-bubble.has-media{min-width:min(286px,78%);padding:6px 7px 5px;overflow:hidden}.wa-bubble.has-voice{min-width:min(330px,78%)}.wa-bubble.has-media>p{margin:7px 4px 2px}
.wa-media-thumbnail,.chat-draft-thumbnail{position:relative;display:grid;width:100%;min-width:252px;aspect-ratio:1.38;overflow:hidden;border:0;border-radius:9px;background:linear-gradient(145deg,#dce9e6,#c6d8d4);color:#fff;isolation:isolate;cursor:zoom-in}.wa-media-thumbnail:hover,.chat-draft-thumbnail:hover{filter:brightness(1.015)}.wa-media-thumbnail img,.wa-media-thumbnail video,.chat-draft-thumbnail img,.chat-draft-thumbnail video{width:100%;height:100%;object-fit:cover;background:#cadad6;transition:opacity .18s ease,transform .24s ease}.wa-media-thumbnail:hover img,.wa-media-thumbnail:hover video,.chat-draft-thumbnail:hover img,.chat-draft-thumbnail:hover video{transform:scale(1.012)}.wa-media-thumbnail.is-sticker img{object-fit:contain;background:linear-gradient(145deg,#e9f4f0,#dce9e5)}
.wa-media-loader{position:absolute;z-index:2;top:50%;left:50%;width:27px;height:27px;margin:-13px;border:3px solid rgba(255,255,255,.55);border-top-color:#fff;border-radius:50%;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));animation:chatMediaSpin .8s linear infinite}.is-media-ready>.wa-media-loader,.is-media-error>.wa-media-loader{display:none}@keyframes chatMediaSpin{to{transform:rotate(1turn)}}
.wa-media-fallback{position:absolute;z-index:3;inset:0;display:none;place-items:center;padding:18px;background:linear-gradient(135deg,rgba(20,53,60,.92),rgba(35,82,83,.93));color:#f4fffd;font-size:11px;font-weight:700;line-height:1.45;text-align:center}.is-media-error .wa-media-fallback{display:grid}.is-media-error>img,.is-media-error>video{opacity:.1}
.wa-video-thumbnail:after,.chat-draft-thumbnail.is-video:after{position:absolute;inset:auto 0 0;height:42%;z-index:1;background:linear-gradient(transparent,rgba(4,26,31,.62));content:""}.wa-video-play{position:absolute;z-index:2;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;margin:-24px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(11,46,51,.44);backdrop-filter:blur(4px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.wa-video-play svg{width:21px;height:21px;margin-left:2px;fill:#fff;stroke:#fff;stroke-linejoin:round}.wa-video-duration{position:absolute;z-index:2;right:8px;bottom:7px;padding:3px 5px;border-radius:5px;background:rgba(0,0,0,.58);color:#fff;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.wa-media-player{display:grid;grid-template-columns:40px minmax(0,1fr) 33px 28px;gap:8px;align-items:center;width:min(358px,100%);min-height:66px;padding:9px 8px 8px;border:1px solid rgba(27,97,92,.11);border-radius:12px;background:rgba(255,255,255,.42);color:#24545a}.wa-bubble.inbound .wa-media-player{background:rgba(246,252,250,.79)}.wa-media-player.is-audio-file{grid-template-columns:40px minmax(0,1fr) 34px 28px;min-height:73px;border-color:rgba(27,97,92,.17);background:rgba(248,253,251,.72)}.wa-media-player.is-media-error{border-color:#d7958f;background:#fff3f1}.wa-media-player.is-media-error .wa-media-body:after{display:block;margin-top:3px;color:#a34c45;font-size:9px;font-weight:700;content:"El archivo no se pudo cargar. Intenta de nuevo."}
.wa-media-play,.wa-media-speed,.wa-media-open{display:grid;place-items:center;padding:0;border:0;cursor:pointer}.wa-media-play{width:38px;height:38px;border-radius:50%;background:#168a82;color:#fff;box-shadow:0 3px 9px rgba(18,113,107,.22);transition:transform .14s ease,background .14s ease}.wa-media-play:hover{background:#0e7874;transform:scale(1.045)}.wa-media-play svg,.wa-media-open svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.wa-media-play svg{width:18px;height:18px;fill:currentColor;stroke:currentColor}.wa-media-body{display:grid;min-width:0;gap:4px}.wa-media-label{display:flex;align-items:center;gap:4px;overflow:hidden;color:#34736f;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.wa-media-label svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.wa-audio-name{overflow:hidden;color:#285259;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.wa-media-timeline{position:relative;display:block;height:21px;min-width:0;cursor:pointer}.wa-media-timeline:has(input:focus-visible){outline:2px solid rgba(20,155,155,.5);outline-offset:2px;border-radius:4px}.wa-waveform{position:absolute;inset:2px 0;display:grid;grid-template-columns:repeat(31,minmax(1px,1fr));gap:2px;align-items:center;overflow:hidden}.wa-waveform i{display:block;height:var(--wave);max-height:17px;border-radius:99px;background:rgba(42,113,111,.36);transition:background .12s ease,transform .12s ease}.is-playing .wa-waveform i{background:#168a82;animation:chatWave .72s ease-in-out infinite alternate}.is-playing .wa-waveform i:nth-child(3n){animation-delay:-.31s}.is-playing .wa-waveform i:nth-child(4n){animation-delay:-.5s}@keyframes chatWave{to{transform:scaleY(.58)}}.wa-media-timeline input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:.001;cursor:pointer}.wa-media-meta{display:flex;align-items:center;gap:3px;overflow:hidden;color:#638385;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.wa-audio-file-meta{overflow:hidden;margin-left:2px;text-overflow:ellipsis}.wa-media-speed{width:31px;height:26px;border-radius:7px;background:transparent;color:#2b706f;font-size:10px;font-weight:900}.wa-media-speed:hover{background:rgba(21,122,117,.11)}.wa-media-open{width:26px;height:26px;border-radius:7px;background:transparent;color:#437a7c}.wa-media-open:hover{background:rgba(21,122,117,.12);color:#126f70}
.wa-media-player.is-voice{grid-template-columns:40px minmax(0,1fr) 34px 38px;min-height:62px;border:0;background:transparent;box-shadow:none}.wa-media-player.is-voice .wa-media-body{gap:2px}.wa-media-player.is-voice .wa-media-speed{visibility:hidden}.wa-media-player.is-voice.is-playing .wa-media-speed{visibility:visible}.wa-voice-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#d4e9e5;color:#168a82}.wa-voice-avatar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.wa-media-unavailable{display:flex;align-items:center;gap:8px;min-width:225px;padding:12px;border:1px dashed #c79b72;border-radius:10px;background:#fff8ed;color:#805c38;font-size:11px;line-height:1.35}.wa-media-unavailable svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.wa-document-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;width:min(340px,100%);padding:10px;border:1px solid rgba(36,105,101,.16);border-radius:10px;background:rgba(250,255,253,.61);color:#254f57;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease}.wa-document-card:hover{border-color:#67afa5;background:#f9fffd}.wa-document-card .chat-file-mark{width:40px;height:40px;background:#d4eee8}.wa-document-card strong,.wa-document-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-document-card strong{font-size:11px}.wa-document-card small{margin-top:3px;color:#69868a;font-size:9px}.wa-document-open{padding:5px 6px;border-radius:6px;background:#e2f4ef;color:#176b70;font-size:9px;font-weight:900}
.chat-draft-thumbnail{width:96px;min-width:96px;height:68px;aspect-ratio:auto;border:1px solid #bee0d8;border-radius:10px}.chat-draft-thumbnail .wa-video-play{width:31px;height:31px;margin:-16px}.chat-draft-thumbnail .wa-video-play svg{width:15px;height:15px}.chat-draft-thumbnail .wa-media-fallback{padding:7px;font-size:8px}.chat-attachment-content:has(.wa-media-player){display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.chat-attachment-content .wa-media-player{width:min(358px,100%);background:rgba(255,255,255,.65)}.chat-attachment-content:has(.chat-draft-thumbnail){align-items:center}
.chat-media-backdrop{background:rgba(3,16,22,.82);backdrop-filter:blur(4px)}.chat-media-viewer{width:min(1080px,calc(100vw - 28px));height:min(830px,calc(100dvh - 28px));border:1px solid rgba(214,238,234,.18);border-radius:16px;background:#10262c;color:#e8f7f5;box-shadow:0 28px 95px rgba(0,0,0,.55)}.chat-media-viewer .modal-head{padding:13px 16px;border-color:rgba(214,238,234,.13);background:#17343a}.chat-media-viewer .modal-head h3{overflow:hidden;max-width:58vw;color:#f0fbfa;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.chat-media-viewer .modal-kicker{color:#85cbc1}.chat-viewer-actions{display:flex;align-items:center;gap:5px}.chat-viewer-tool{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(220,245,241,.2);border-radius:8px;background:rgba(255,255,255,.07);color:#e4fbf8}.chat-viewer-tool:hover{background:rgba(126,215,203,.16)}.chat-viewer-tool svg,.chat-media-viewer .modal-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.chat-media-viewer .modal-close{display:grid;place-items:center;width:34px;height:34px;padding:0;color:#d9f0ed}.chat-media-viewer-body{position:relative;overflow:hidden;padding:0;background:#07171b}.chat-viewer-stage{position:relative;display:grid;width:100%;height:100%;min-height:0;place-items:center;overflow:hidden}.chat-viewer-stage.is-image{background:radial-gradient(circle at 50% 32%,#1a3e43,#091a1f 68%)}.chat-media-modal-image{transition:transform .18s ease;transform-origin:center;cursor:zoom-in}.chat-media-modal-image,.chat-media-modal-video{max-width:100%;max-height:100%;object-fit:contain}.chat-viewer-error{position:absolute;top:50%;left:50%;width:min(330px,85%);margin:0;padding:12px;border:1px solid rgba(238,169,158,.5);border-radius:9px;background:rgba(85,35,31,.88);color:#ffece8;font-size:12px;line-height:1.45;text-align:center;transform:translate(-50%,-50%)}.chat-viewer-controls{position:absolute;right:18px;bottom:16px;left:18px;display:grid;grid-template-columns:34px minmax(0,1fr) auto 88px 34px;gap:10px;align-items:center;padding:9px 11px;border:1px solid rgba(238,255,252,.15);border-radius:11px;background:rgba(5,25,29,.8);backdrop-filter:blur(8px);color:#edfdfb}.chat-viewer-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:7px;background:transparent;color:#fff}.chat-viewer-controls button:hover{background:rgba(255,255,255,.12)}.chat-viewer-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.chat-viewer-controls input{accent-color:#66d1c3}.chat-viewer-controls output{min-width:82px;color:#d9efec;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.chat-viewer-audio{display:grid;width:min(520px,calc(100% - 32px));padding:18px;border:1px solid rgba(207,239,233,.14);border-radius:15px;background:#e7f4f0}.chat-viewer-audio .wa-media-player{width:100%;background:#f8fdfb}.chat-viewer-document{display:grid;gap:12px;max-width:390px;padding:28px;color:#d9eeeb;text-align:center}.chat-viewer-document svg{width:48px;height:48px;justify-self:center;fill:none;stroke:#8cd5c9;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}.chat-viewer-document strong{overflow-wrap:anywhere;font-size:14px}.chat-viewer-document span{color:#9bbeb9;font-size:12px;line-height:1.5}.chat-media-viewer .modal-foot{align-items:center;border-color:rgba(214,238,234,.13);background:#17343a}.chat-media-viewer .modal-foot-note{color:#9dbdb9}.chat-media-viewer .btn-secondary{background:#d9f0eb;color:#155d62}.chat-media-viewer .btn-secondary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.chat-media-backdrop{display:block;padding:0;background:#0b141a;backdrop-filter:none}.chat-media-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:#0b141a;box-shadow:none}.chat-media-viewer .modal-head,.chat-media-viewer .modal-foot{background:#202c33}.chat-media-viewer-body,.chat-viewer-stage.is-image{background:#0b141a}
.chat-media-viewer{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.chat-media-viewer::before{display:none}
@media(max-width:620px){.wa-bubble.has-media,.wa-bubble.has-voice{min-width:min(255px,90%)}.wa-media-thumbnail{min-width:230px}.wa-media-player{grid-template-columns:38px minmax(0,1fr) 31px 25px;gap:5px;width:100%;padding:8px 6px}.wa-media-play{width:35px;height:35px}.wa-media-speed{width:28px;font-size:9px}.wa-media-open{width:24px}.chat-media-viewer{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:12px}.chat-media-viewer .modal-head{padding:10px 11px}.chat-media-viewer .modal-head h3{max-width:47vw}.chat-media-viewer .modal-foot{padding:10px 11px}.chat-media-viewer .modal-foot-note{display:none}.chat-viewer-controls{right:9px;bottom:9px;left:9px;grid-template-columns:32px minmax(0,1fr) auto 32px;gap:7px}.chat-viewer-controls input[data-viewer-volume]{display:none}.chat-viewer-controls output{min-width:70px;font-size:9px}.chat-attachment-content .wa-media-player{width:100%}}
@media(prefers-reduced-motion:reduce){.wa-media-loader,.is-playing .wa-waveform i{animation:none}}

/* Conversation list and recording controls follow the compact Web chat layout. */
.chat-page-shell:has(.wa-chat-header){background:#111b21;border-color:#29363d}
.chat-page-shell:has(.wa-chat-header) .chat-conversations{border-color:#26353c;background:#111b21;color:#e9edef}
.chat-page-shell:has(.wa-chat-header) .chat-brand-row{padding:20px 20px 16px}
.chat-page-shell:has(.wa-chat-header) .chat-brand-row h2{color:#f4f7f8;font-family:inherit;font-size:26px;font-weight:700}
.chat-page-shell:has(.wa-chat-header) .chat-new{width:42px;height:42px;background:#1ec667;color:#07170e}
.chat-page-shell:has(.wa-chat-header) .chat-app-select{padding:0 20px 12px;color:#8696a0}
.chat-page-shell:has(.wa-chat-header) .chat-app-select select{border-color:#35454c;background:#202c33;color:#e9edef}
.chat-list-search{display:flex;align-items:center;gap:12px;height:42px;margin:0 14px 12px;padding:0 13px;border-radius:22px;background:#202c33;color:#8696a0}
.chat-list-search svg{flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.chat-list-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#e9edef;font:13px inherit}
.chat-list-search input::placeholder{color:#aab5ba}
.chat-list-search:focus-within{outline:2px solid #00a884;outline-offset:2px}
.chat-list-filters{display:flex;gap:7px;padding:0 14px 12px}
.chat-list-filters button{padding:7px 13px;border:1px solid #39494e;border-radius:20px;background:transparent;color:#b7c4c9;font-size:12px;cursor:pointer}
.chat-list-filters button.active{border-color:#0b4939;background:#0b4939;color:#c9f7de}
.chat-page-shell:has(.wa-chat-header) .chat-sandbox-note{margin:0 14px 7px;padding:6px 9px;border-radius:7px;background:#202c33;color:#aebcc0;font-size:10px}
.chat-page-shell:has(.wa-chat-header) .chat-session-list{border-color:#26353c}
.chat-page-shell:has(.wa-chat-header) .chat-session{grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:74px;padding:10px 14px;border-color:#243239;background:#111b21;color:#e9edef}
.chat-page-shell:has(.wa-chat-header) .chat-session:hover,.chat-page-shell:has(.wa-chat-header) .chat-session.active{background:#2a3942}
.chat-session-avatar{width:46px;height:46px;font-size:13px}
.chat-session-content{display:grid;min-width:0;gap:4px}
.chat-page-shell:has(.wa-chat-header) .chat-session strong{color:#e9edef;font-size:14px;font-weight:600}
.chat-page-shell:has(.wa-chat-header) .chat-session small{display:flex;align-items:center;gap:4px;min-width:0;margin:0;color:#8696a0;font-size:12px}
.chat-session-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-session-kind{display:inline-flex;flex:none}.chat-session-kind svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.chat-session-trailing{display:grid;justify-items:end;align-self:stretch;align-content:space-between;gap:7px;min-width:45px}
.chat-page-shell:has(.wa-chat-header) .chat-session time{color:#8696a0;font-size:10px;white-space:nowrap}
.chat-session.has-unread time{color:#1ec667!important}
.chat-session-unread{display:grid;place-items:center;min-width:19px;height:19px;padding:0 3px;border-radius:11px;background:#1ec667;color:#06301c;font-size:11px;font-weight:800}
.chat-session small .wa-tick{display:inline-block;flex:none;margin-right:2px;font-size:12px}
.chat-page-shell:has(.wa-chat-header) .chat-empty-list{color:#a9b8bd}
.chat-page-shell:has(.wa-chat-header) .wa-chat-header{border-color:#2a3942;background:#202c33}
.chat-page-shell:has(.wa-chat-header) .wa-chat-header strong{color:#f1f5f6;font-size:15px}
.chat-page-shell:has(.wa-chat-header) .wa-chat-header small{color:#a0aeb4}
.chat-page-shell:has(.wa-chat-header) .wa-message-log{background-color:#0b141a;background-image:radial-gradient(rgba(196,211,211,.055) 1px,transparent 1px)}
.chat-page-shell:has(.wa-chat-header) .wa-bubble{background:#202c33;color:#e9edef}
.chat-page-shell:has(.wa-chat-header) .wa-bubble.outbound{background:#005c4b}
.chat-page-shell:has(.wa-chat-header) .wa-bubble footer{color:#aab8bd}
.chat-page-shell:has(.wa-chat-header) .wa-bubble .wa-media-player{color:#e9edef}
.chat-page-shell:has(.wa-chat-header) .wa-bubble.inbound .wa-media-player,.chat-page-shell:has(.wa-chat-header) .wa-bubble .wa-media-player.is-audio-file{border-color:#45585d;background:rgba(255,255,255,.08)}
.chat-page-shell:has(.wa-chat-header) .wa-bubble .wa-audio-name{color:#e9edef}
.chat-page-shell:has(.wa-chat-header) .wa-bubble .wa-media-meta{color:#a8bdc0}
.chat-page-shell:has(.wa-chat-header) .wa-bubble .wa-waveform i{background:#8ca3a7}
.chat-page-shell:has(.wa-chat-header) .wa-bubble .wa-media-speed{color:#a8dbd1}
.chat-page-shell:has(.wa-chat-header) .wa-composer-v3{position:static;border-color:#27373d;background:#202c33}
.chat-page-shell:has(.wa-chat-header) .wa-composer-row{background:#202c33}
.chat-page-shell:has(.wa-chat-header) .chat-message-field textarea{background:#2a3942;color:#e9edef}
.chat-page-shell:has(.wa-chat-header) .chat-message-field textarea::placeholder{color:#aab8bd}
.chat-page-shell:has(.wa-chat-header) .chat-composer-tool{color:#aebdc3}
.chat-page-shell:has(.wa-chat-header) .chat-composer-tool:hover{background:#34454d;color:#fff}
.chat-page-shell:has(.wa-chat-header) .wa-send{background:#1ec667;color:#092719}

/* The saved choice defaults to Avantu's light palette; dark is optional. */
.chat-page-shell[data-chat-theme="light"]{background:#f7fbfa;border-color:#d2e2df}
.chat-page-shell[data-chat-theme="light"] .chat-conversations{border-color:#d8e7e4;background:#fff;color:#224a54}
.chat-page-shell[data-chat-theme="light"] .chat-brand-row h2{color:#173f4b}
.chat-page-shell[data-chat-theme="light"] .chat-new{background:#0a837f;color:#fff}
.chat-page-shell[data-chat-theme="light"] .chat-app-select{color:#52747a}
.chat-page-shell[data-chat-theme="light"] .chat-app-select select{border-color:#d1e4df;background:#f7fbfa;color:#264f57}
.chat-page-shell[data-chat-theme="light"] .chat-list-search{background:#edf4f2;color:#66868b}
.chat-page-shell[data-chat-theme="light"] .chat-list-search input{color:#224a54}
.chat-page-shell[data-chat-theme="light"] .chat-list-search input::placeholder{color:#68848a}
.chat-page-shell[data-chat-theme="light"] .chat-list-filters button{border-color:#d6e7e3;color:#52777d}
.chat-page-shell[data-chat-theme="light"] .chat-list-filters button.active{border-color:#bde4d8;background:#dcf5ec;color:#0b7359}
.chat-page-shell[data-chat-theme="light"] .chat-sandbox-note{background:#edf8f5;color:#54757a}
.chat-page-shell[data-chat-theme="light"] .chat-session-list{border-color:#edf3f1}
.chat-page-shell[data-chat-theme="light"] .chat-session{border-color:#edf2f0;background:#fff;color:#224a54}
.chat-page-shell[data-chat-theme="light"] .chat-session:hover,.chat-page-shell[data-chat-theme="light"] .chat-session.active{background:#eaf6f2}
.chat-page-shell[data-chat-theme="light"] .chat-session strong{color:#214b55}
.chat-page-shell[data-chat-theme="light"] .chat-session small,.chat-page-shell[data-chat-theme="light"] .chat-session time{color:#718c90}
.chat-page-shell[data-chat-theme="light"] .chat-empty-list{color:#789296}
.chat-page-shell[data-chat-theme="light"] .wa-chat-header{border-color:#d7e6e3;background:#f9fcfb}
.chat-page-shell[data-chat-theme="light"] .wa-chat-header strong{color:#204a55}
.chat-page-shell[data-chat-theme="light"] .wa-chat-header small{color:#759095}
.chat-page-shell[data-chat-theme="light"] .wa-message-log{background-color:#e9f2ef;background-image:radial-gradient(rgba(36,92,81,.055) 1px,transparent 1px)}
.chat-page-shell[data-chat-theme="light"] .wa-bubble{background:#fff;color:#25454b}
.chat-page-shell[data-chat-theme="light"] .wa-bubble.outbound{background:#d9fdd3}
.chat-page-shell[data-chat-theme="light"] .wa-bubble footer{color:#6f8587}
.chat-page-shell[data-chat-theme="light"] .wa-bubble .wa-media-player{color:#24545a}
.chat-page-shell[data-chat-theme="light"] .wa-bubble.inbound .wa-media-player,.chat-page-shell[data-chat-theme="light"] .wa-bubble .wa-media-player.is-audio-file{border-color:rgba(27,97,92,.17);background:rgba(248,253,251,.72)}
.chat-page-shell[data-chat-theme="light"] .wa-bubble .wa-audio-name{color:#285259}
.chat-page-shell[data-chat-theme="light"] .wa-bubble .wa-media-meta{color:#638385}
.chat-page-shell[data-chat-theme="light"] .wa-bubble .wa-waveform i{background:rgba(42,113,111,.36)}
.chat-page-shell[data-chat-theme="light"] .wa-bubble .wa-media-speed{color:#2b706f}
.chat-page-shell[data-chat-theme="light"] .wa-composer-v3,.chat-page-shell[data-chat-theme="light"] .wa-composer-row{border-color:#d8e7e3;background:#f5f9f8}
.chat-page-shell[data-chat-theme="light"] .chat-message-field textarea{background:#fff;color:#224b55}
.chat-page-shell[data-chat-theme="light"] .chat-message-field textarea::placeholder{color:#718c90}
.chat-page-shell[data-chat-theme="light"] .chat-composer-tool{color:#416e74}
.chat-page-shell[data-chat-theme="light"] .chat-composer-tool:hover{background:#e0f2ee;color:#087f80}
.chat-page-shell[data-chat-theme="light"] .wa-send{background:#0a837f;color:#fff}

.chat-theme-setting{display:grid;gap:9px;margin:4px 0 20px;padding:16px 0;border-top:1px solid #e4eeeb;border-bottom:1px solid #e4eeeb}
.chat-theme-setting>span{color:#52747a;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.chat-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chat-theme-options button{padding:10px;border:1px solid #d0e2dd;border-radius:9px;background:#f7fbfa;color:#37616a;font-size:12px;font-weight:700;cursor:pointer}
.chat-theme-options button[aria-pressed="true"]{border-color:#0a837f;background:#dff5ed;color:#086953;box-shadow:inset 0 0 0 1px #0a837f}
.chat-theme-options button:focus-visible{outline:3px solid rgba(16,164,154,.32);outline-offset:2px}
.chat-theme-options button:disabled{opacity:.65;cursor:wait}
.chat-theme-setting small{color:#6d888c;font-size:10px;line-height:1.4}

.wa-composer-v3 .wa-composer-row{align-items:center}
.wa-composer-v3 .chat-attach-control{display:grid;place-items:center;align-self:center}
.wa-composer-v3 .chat-composer-tool,.wa-composer-v3 .wa-send{align-self:center}

#chatRecordingBar[hidden]{display:none!important}
.wa-composer-v3.is-recording,.wa-composer-v3:has(#chatAttachmentPreview.is-voice-draft:not([hidden])){position:relative!important}
.wa-composer-v3.is-recording .wa-composer-row,.wa-composer-v3:has(#chatAttachmentPreview.is-voice-draft:not([hidden])) .wa-composer-row{visibility:hidden}
.chat-recording-bar:not([hidden]){position:absolute;z-index:24;inset:0;display:grid;grid-template-columns:38px 8px auto minmax(0,1fr) 42px;gap:13px;align-items:center;padding:10px 18px;background:#202c33;color:#e9edef}
.chat-recording-bar button,.chat-voice-discard{display:grid;place-items:center;width:37px;height:37px;padding:0;border:0;border-radius:50%;background:transparent;color:#e9edef;cursor:pointer}
.chat-recording-bar button:hover,.chat-voice-discard:hover{background:#364750;color:#ffb3ad}
.chat-recording-bar button svg,.chat-voice-discard svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.chat-recording-dot{width:8px;height:8px;border-radius:50%;background:#ef5861;animation:chatRecordBlink 1s ease-in-out infinite alternate}
.chat-recording-bar time{font-size:16px;font-variant-numeric:tabular-nums}
.chat-recording-wave{display:grid;grid-template-columns:repeat(31,minmax(1px,1fr));gap:2px;align-items:center;height:28px;overflow:hidden}
.chat-recording-wave i{height:var(--wave);border-radius:5px;background:#74888e;animation:chatWave .8s ease-in-out infinite alternate}
.chat-recording-wave i:nth-child(3n){animation-delay:-.2s}.chat-recording-wave i:nth-child(4n){animation-delay:-.45s}
.chat-recording-bar #finishChatRecording{background:#00a884;color:#08241d}
@keyframes chatRecordBlink{to{opacity:.25}}
#chatAttachmentPreview.is-voice-draft:not([hidden]){position:absolute;z-index:25;inset:0;display:flex;align-items:center;grid-template-rows:none;min-height:70px;padding:8px 14px;border:0;background:#202c33;color:#e9edef}
.chat-voice-draft-inner{display:grid;grid-template-columns:40px minmax(0,1fr) 48px;gap:10px;align-items:center;width:100%;min-width:0}
.chat-voice-draft-inner .wa-media-player.is-voice{width:100%;min-width:0;min-height:50px;padding:0;color:#e9edef}
.chat-voice-draft-inner .wa-media-play{width:32px;height:32px;background:transparent;box-shadow:none}
.chat-voice-draft-inner .wa-media-play:hover{background:#35464f}
.chat-voice-draft-inner .wa-media-speed{display:none}
.chat-voice-draft-inner .wa-media-player.is-voice{grid-template-columns:34px minmax(0,1fr) 30px}
.chat-voice-draft-inner .wa-media-body{display:flex!important;align-items:center;gap:9px}
.chat-voice-draft-inner .wa-media-timeline{flex:0 1 220px;min-width:70px}
.chat-voice-draft-inner .wa-media-meta{flex:none;margin-left:10px}
.chat-voice-draft-inner .wa-voice-avatar{width:29px;height:29px;background:transparent;color:#e6768f}
.chat-voice-draft-inner .wa-waveform i{background:#6e8187}
.chat-voice-draft-inner .wa-media-meta{color:#f1f5f6;font-size:12px}
.chat-voice-draft-inner .wa-media-meta [data-media-time],.chat-voice-draft-inner .wa-media-meta [aria-hidden]{display:none}
.chat-voice-draft-inner .chat-draft-send{width:46px;height:46px;background:#1ec667;color:#082619;box-shadow:none}
.chat-page-shell[data-chat-theme="light"] .chat-recording-bar:not([hidden]),.chat-page-shell[data-chat-theme="light"] #chatAttachmentPreview.is-voice-draft:not([hidden]){background:#f5f9f8;color:#224b55}
.chat-page-shell[data-chat-theme="light"] .chat-recording-bar button,.chat-page-shell[data-chat-theme="light"] .chat-voice-discard,.chat-page-shell[data-chat-theme="light"] .chat-voice-draft-inner .wa-media-player.is-voice{color:#224b55}
.chat-page-shell[data-chat-theme="light"] .chat-voice-draft-inner .wa-media-meta{color:#224b55}
.chat-page-shell[data-chat-theme="light"] .chat-voice-draft-inner .wa-media-play:hover{background:#dcebe7}
.chat-page-shell[data-chat-theme="light"] .chat-voice-draft-inner .wa-waveform i{background:#779b9c}
.chat-page-shell[data-chat-theme="light"] .chat-voice-draft-inner .chat-draft-send{background:#0a837f;color:#fff}
@media(max-width:950px){.chat-page-shell:has(.wa-chat-header){display:block;height:auto;max-height:none}.chat-page-shell:has(.wa-chat-header) .chat-conversations{max-height:270px;border-right:0;border-bottom:1px solid #29363d}.chat-page-shell:has(.wa-chat-header) .chat-main-panel{min-height:550px}.chat-page-shell:has(.wa-chat-header) .chat-session-list{max-height:140px}}
@media(min-width:721px) and (max-width:950px){.main:has(.chat-page-shell){height:auto;min-height:100dvh;overflow:auto}.content:has(.chat-page-shell){display:block;flex:none;overflow:visible}.content:has(.chat-page-shell) .chat-page-shell{height:auto;max-height:none}.chat-page-shell:has(.wa-chat-header) .chat-conversations{max-height:none}.chat-page-shell:has(.wa-chat-header) .chat-session-list{flex:none;min-height:74px;max-height:220px;overflow:auto}.chat-page-shell:has(.wa-chat-header) .chat-main-panel{height:600px;min-height:600px}}
@media(min-width:721px) and (max-width:950px){.main:has(.chat-page-shell) .topbar{gap:10px;padding:0 14px}.main:has(.chat-page-shell) .topbar-title{min-width:0;flex:1}.main:has(.chat-page-shell) .topbar h1{font-size:17px;line-height:1.08}.main:has(.chat-page-shell) #systemStatus{display:none}}
@media(max-width:620px){.chat-recording-bar:not([hidden]){grid-template-columns:34px 7px auto minmax(0,1fr) 38px;gap:7px;padding:8px}.chat-voice-draft-inner{grid-template-columns:34px minmax(0,1fr) 42px;gap:5px}}
@media(prefers-reduced-motion:reduce){.chat-recording-dot,.chat-recording-wave i{animation:none}}