/* Client chat uses its own stable list/thread renderer; no card hover transforms. */
.client-action-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.client-action-metrics .btn{display:flex;flex-direction:column;gap:10px;padding:20px}.client-action-metrics strong{font-size:28px}.client-action-list{display:grid;gap:18px;margin:20px 0}.client-action-card,.client-action-form{padding:24px;background:#211728;border:1px solid #b9429555;border-radius:18px;min-width:0}.client-action-card p{line-height:1.65;overflow-wrap:anywhere}.client-action-card small{display:block;color:#dfc9dc;margin:12px 0}.client-action-form{display:grid;gap:16px;max-width:850px;margin-top:24px}.client-chat-selector{max-width:450px;margin-bottom:16px}
.client-wa-page-title{margin-bottom:20px}.client-wa-page-title h2{margin:0 0 8px}.client-wa-page-title p{color:#ddc8db;margin:0}.client-wa-shell{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:460px;border:1px solid #69435f;border-radius:18px;overflow:hidden;background:#170f1f}.client-wa-home{display:block;min-height:0;max-width:850px}.client-wa-sidebar{background:#201526;min-width:0;padding:18px;display:flex;flex-direction:column;gap:14px;border-right:1px solid #61415b;overflow:auto}.client-wa-home .client-wa-sidebar{border:0}.client-wa-list-heading{font-size:18px;color:#fff}.client-wa-sidebar input{width:100%;min-height:44px;background:#2b1c32;color:#fff;border:1px solid #745067;border-radius:12px;padding:10px 14px}.client-wa-list{display:flex;flex-direction:column;gap:0;margin:0}.client-wa-thread{display:flex;align-items:center;gap:14px;min-width:0;width:100%;min-height:94px;margin:0;padding:15px 8px;border:0;border-bottom:1px solid #ffffff14;border-radius:0;color:#fff;background:transparent;text-align:left;font:inherit;box-shadow:none;transform:none!important;transition:background .15s;cursor:pointer}.client-wa-thread:hover,.client-wa-thread[aria-current=true]{background:#f367b918;border-radius:12px}.client-wa-thread:focus-visible{outline:2px solid #f178c2;outline-offset:-2px}.client-wa-avatar{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;background:#51273f;color:#ff83cb;font-size:25px}.client-wa-thread-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:5px}.client-wa-thread-top{display:flex;align-items:baseline;gap:10px;min-width:0}.client-wa-thread-top strong{flex:1;min-width:0;font-size:15px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-wa-thread-top time{font-size:12px;color:#d2aec6;flex:none}.client-wa-preview{font-size:14px;color:#ddc8db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-wa-last-seen{font-size:12px;color:#bca3b6;line-height:1.4}.client-unread-badge{display:grid;place-items:center;flex:none;min-width:24px;height:24px;padding:0 6px;border-radius:30px;background:#d958a3;color:#fff;font-size:12px}.client-wa-tasks{margin-top:8px;font-size:12px;white-space:normal}.client-wa-panel{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:radial-gradient(ellipse at top right,#ab46740b,transparent 65%),#140f1b}.client-chat-heading{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #68425d;background:#25192c;flex:none}.client-chat-heading .btn{height:40px;min-height:40px;min-width:40px;padding:8px;flex:none}.client-wa-identity{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.client-wa-identity strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere;color:#fff}.client-wa-identity small{font-size:12px;color:#d6bad0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-wa-tools,.client-wa-message-menu{position:relative;flex:none}.client-wa-tools>summary,.client-wa-message-menu>summary{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #8c5576;border-radius:10px;background:#321f36;color:#f4dcea;font-size:24px;line-height:1;list-style:none;cursor:pointer;text-align:center}.client-wa-tools>summary::-webkit-details-marker,.client-wa-message-menu>summary::-webkit-details-marker{display:none}.client-wa-options{position:absolute;top:calc(100% + 8px);right:0;z-index:100;width:250px;max-width:calc(100vw - 40px);padding:8px;border:1px solid #9b5f85;border-radius:12px;background:#302039;box-shadow:0 14px 40px #0009;display:flex;flex-direction:column;gap:4px}.client-wa-options .btn{display:block;width:100%;min-height:42px;text-align:left;white-space:normal;font-size:13px;line-height:1.5;padding:9px 12px;box-shadow:none;transform:none!important}.client-chat-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;background:#231728;border-bottom:1px solid #704563;max-height:180px;overflow:auto;flex:none}.client-chat-members>div{display:flex;flex-direction:column;gap:5px;min-width:0}.client-chat-members strong{font-size:14px}.client-chat-members small{font-size:12px;color:#d4bace}.client-wa-search{display:flex;align-items:center;gap:10px;padding:10px 16px;flex:none}.client-wa-search input{flex:1;min-width:0;width:100%;height:42px}.client-wa-log{display:flex;flex-direction:column;gap:12px;padding:24px;flex:1 1 0;min-height:200px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#d65ba4 #271a30;scrollbar-width:thin}.client-wa-day{align-self:center;padding:5px 10px;border-radius:8px;background:#352439;color:#dbc5d6;font-size:12px}.client-wa-message{position:relative;align-self:flex-start;width:fit-content;max-width:min(78%,620px);padding:12px 48px 12px 16px;border-radius:4px 16px 16px;background:#2c2035;color:#f7eaf3;box-shadow:0 3px 10px #0002;min-width:130px;transform:none!important;transition:none!important}.client-wa-message.mine{align-self:flex-end;background:#62334f;border-radius:16px 4px 16px 16px}.client-wa-author{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline}.client-wa-author strong{font-size:13px;color:#f7bfdf;line-height:1.5}.client-wa-author time{font-size:11px;color:#dcc6d6}.client-wa-message p{font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.client-wa-message-menu{position:absolute;top:7px;right:7px}.client-wa-message-menu>summary{width:28px;height:28px;font-size:20px;border:0;background:#ffffff0a}.client-wa-message-menu .client-wa-options{top:auto;bottom:calc(100% + 6px)}.client-wa-media{display:grid;gap:8px;margin-top:10px}.client-wa-media img,.client-wa-media video{display:block;width:100%;max-width:360px;max-height:380px;object-fit:contain;border-radius:10px}.client-wa-media a{font-size:12px;color:#ffd0eb}.client-wa-status{font-size:12px;color:#f5c9e5;padding:0 16px;margin:0;flex:none}.client-wa-status:not(:empty){padding:10px 16px}.client-wa-composer{display:flex;align-items:flex-end;gap:10px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid #63405a;background:#211627;flex:none;margin:0}.client-wa-composer textarea{flex:1;min-width:0;resize:none;height:46px;min-height:46px;max-height:120px;border:1px solid #83576f;border-radius:14px;padding:11px 14px;font-size:16px!important;line-height:1.45;background:#312139;color:#fff;margin:0}.client-wa-composer .btn{height:46px;min-height:46px;margin:0;flex:none;padding:10px 16px;font-size:14px}.client-wa-composer .client-wa-attach{width:46px;padding:0;font-size:27px}.client-wa-draft-status{font-size:11px;color:#d0a9c2;background:#211627;flex:none;padding:0 16px 6px}.client-wa-draft-status:empty{display:none}.client-wa-reply{border:0;border-left:3px solid #ed7fc0;margin:8px 16px;padding:10px 12px;background:#3a2340;color:#f6dcea;font:13px inherit;text-align:left;overflow-wrap:anywhere;flex:none}.client-wa-empty{margin:auto;padding:30px;text-align:center;font-size:14px;color:#d4bccc;line-height:1.7;max-width:420px}.client-wa-welcome{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;min-height:400px}.client-wa-welcome h3{margin:0;color:#fbe6f3}.client-wa-welcome p{font-size:15px;color:#ceb3c6;max-width:400px;line-height:1.7}.client-wa-welcome-icon{font-size:58px;color:#ee77bf}.client-wa-simulation-control{padding:8px 16px;font-size:12px;flex:none;display:flex;align-items:center;gap:10px}.client-wa-simulation-control input{width:18px;height:18px;min-height:18px}
.client-wa-shell [hidden]{display:none!important}.portal-chat-screen .chat-screen-root .client-wa-shell{grid-template-columns:340px minmax(0,1fr)!important}.portal-chat-screen .client-wa-panel{height:100%;min-height:0}.portal-chat-screen .chat-screen-root .client-wa-log{padding:20px 24px!important}.portal-chat-screen .client-wa-welcome{min-height:0!important}.portal-chat-screen .client-wa-shell .client-wa-sidebar{height:100%;max-height:100%;overflow:auto}.portal-chat-screen .chat-screen-root .client-wa-shell{flex:1!important;min-height:0!important;height:auto!important;margin:0!important;border:0!important;display:grid!important;overflow:hidden!important}.portal-chat-screen .client-wa-log{min-height:0!important;flex:1 1 0!important;height:auto!important}.portal-chat-screen .chat-screen-root .client-wa-composer{display:flex!important;position:relative!important;padding:12px 16px!important}.portal-chat-screen .client-wa-message{animation:none!important;transform:none!important}.client-wa-shell button:focus-visible,.client-wa-shell summary:focus-visible{outline:2px solid #ff87cb;outline-offset:2px}
@media(max-width:700px){.client-action-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.client-action-card{padding:18px}.client-wa-shell{display:block;min-height:0}.client-wa-sidebar{padding:14px}.client-wa-panel{display:none}.client-wa-selected .client-wa-sidebar{display:none}.client-wa-selected .client-wa-panel{display:flex;min-height:70dvh}.client-wa-avatar{width:44px;height:44px;flex-basis:44px}.client-wa-thread-top strong{font-size:15px}.client-wa-thread{gap:10px;padding:14px 4px;min-height:90px}.client-chat-heading{padding:12px;gap:10px}.client-wa-identity strong{font-size:15px}.client-wa-log{padding:16px}.client-wa-message{max-width:90%;padding:10px 42px 10px 12px}.client-wa-message p{font-size:15px}.client-wa-composer{gap:8px;padding:10px}.client-wa-composer .btn{padding:10px 12px}.client-wa-composer .client-wa-attach{width:42px}.client-wa-media img,.client-wa-media video{max-height:280px}.portal-chat-screen .chat-screen-root .client-wa-shell{display:block!important}.portal-chat-screen .client-wa-shell .client-wa-panel{height:100%;min-height:0!important}.portal-chat-screen .client-wa-shell:not(.client-wa-selected) .client-wa-panel{display:none!important}.portal-chat-screen .client-wa-selected .client-wa-panel{display:flex!important}.portal-chat-screen .chat-screen-root .client-wa-log{padding:14px!important}.portal-chat-screen .chat-screen-root .client-wa-composer{padding:10px!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}.portal-chat-screen .client-wa-selected .client-wa-sidebar{display:none!important}}

.client-wa-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.client-wa-draft-files{display:flex;gap:12px;padding:10px 16px;background:#23172b;overflow:auto;flex:none;max-height:150px}.client-wa-draft-file{position:relative;width:120px;flex:none;padding:8px;background:#35223c;border-radius:10px}.client-wa-draft-file>.btn{position:absolute;right:2px;top:2px;width:26px;height:26px;min-height:26px;padding:0;z-index:2}.client-wa-draft-file img,.client-wa-draft-file video{max-height:75px}.client-wa-draft-file .client-wa-media{margin:0}.client-wa-draft-file a{font-size:11px}.client-wa-dialog{width:min(560px,calc(100vw - 32px));padding:24px;background:#281a31;color:#fff;border:1px solid #dc71b7;border-radius:18px}.client-wa-dialog::backdrop{background:#0009}.client-wa-dialog textarea{width:100%;min-height:160px;margin:16px 0;padding:12px;font:16px system-ui}.client-wa-dialog .btn{margin:8px 12px 0 0}.client-wa-translation{margin-top:12px;padding:10px 0 0;border-top:1px solid #ffffff30}.client-wa-translation small{color:#e4bdd6;font-size:11px}.client-wa-author small{font-size:10px;color:#d5b4ca}.client-wa-options .btn:hover{background:#784366}
/* WhatsApp-style hierarchy: compact rows, neutral avatars, aligned bubbles. */
.client-wa-avatar{background:#342b3a;color:#eddfeb;font-size:17px;font-weight:600;border:1px solid #ffffff18}.client-wa-thread{border-bottom:0;margin:2px 0;min-height:82px;padding:12px 10px;border-radius:12px}.client-wa-thread-copy{gap:6px}.client-wa-thread-top strong{font-size:15px}.client-wa-preview{font-size:13px}.client-wa-sidebar{padding:14px 10px;gap:10px}.client-wa-thread[aria-current=true]{background:#ffffff0d;box-shadow:inset 3px 0 #de66ad}.client-chat-heading{position:relative;min-height:72px}.client-chat-heading .client-wa-identity{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;height:auto!important;min-width:0!important;text-align:left!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex:1!important;transform:none!important}.client-wa-identity small{white-space:normal;line-height:1.5;max-height:3em;overflow:auto;font-size:12px;color:#d2bbcb}.client-wa-log{background-image:radial-gradient(#cc84ad0b 1px,transparent 1px);background-size:24px 24px}.client-wa-message{border-radius:8px 16px 16px;background:#302a36;padding:12px 44px 10px 14px;min-width:130px;max-width:min(80%,650px)}.client-wa-message.mine{background:#583049;border-radius:16px 8px 16px 16px}.client-wa-author{position:relative;margin-bottom:3px}.client-wa-author time{margin-left:auto;font-size:11px;color:#c9b8c4}.client-wa-message p{font-size:14px;line-height:1.65;margin:4px 0 0}.client-wa-new-messages{position:absolute;bottom:110px;right:24px;z-index:20;min-height:44px;padding:10px 18px;border-radius:24px;border:1px solid #f891cc;background:#77395e;color:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 20px #0007}.client-wa-panel{position:relative}.client-wa-replies{display:block;font-size:12px;min-height:32px!important;margin-top:10px!important;padding:6px 10px!important;border-color:#ffffff25!important;box-shadow:none!important;transform:none!important}.client-wa-message-menu[open]{z-index:30}.client-wa-message-menu>summary{border:0;background:transparent;width:28px;height:28px;color:#d7bacd}.client-wa-message-menu .client-wa-options{bottom:auto;top:calc(100% + 5px);max-height:min(420px,60dvh);overflow:auto;box-shadow:0 12px 35px #000a}.client-wa-message.other .client-wa-options{right:auto;left:0}.client-wa-message.mine .client-wa-options{right:0;left:auto}.client-wa-options .btn{border:0!important;background:transparent;font-weight:400;text-align:left;min-height:40px;line-height:1.5}.client-wa-options .btn:hover{background:#6e3d58}.client-wa-forwarded{display:block;font-size:11px;color:#c5a5bb;font-style:italic}.client-wa-mark{font-size:11px;color:#f9cce7}.client-wa-load-older{align-self:center;min-height:36px;font-size:12px}.client-wa-thread-drawer{position:absolute;inset:0 0 0 auto;width:min(440px,100%);z-index:60;background:#241b2b;border-left:1px solid #aa658e;box-shadow:-10px 0 40px #0007;display:flex;flex-direction:column;min-height:0}.client-wa-thread-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #75516a;flex:none}.client-wa-thread-drawer-head .btn{width:40px;height:40px;min-height:40px;padding:0;font-size:24px}.client-wa-thread-original{margin:14px;padding:14px;border-left:3px solid #d878b2;background:#35233e;font-size:13px;max-height:150px;overflow:auto;flex:none}.client-wa-thread-original p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.client-wa-thread-log{flex:1;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.client-wa-thread-reply{background:#342a3c;border-radius:12px;padding:12px;width:fit-content;max-width:90%;align-self:flex-start}.client-wa-thread-reply.mine{align-self:flex-end;background:#603c52}.client-wa-thread-reply strong{font-size:12px;color:#fac5e4}.client-wa-thread-reply p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.client-wa-thread-reply time{display:block;text-align:right;font-size:11px;color:#d1b5c7}.client-wa-thread-form{display:flex;flex-wrap:wrap;gap:10px;padding:14px;flex:none;border-top:1px solid #705168}.client-wa-thread-form textarea{width:100%;height:64px;min-height:64px;max-height:140px;font-size:16px;padding:12px;resize:none}.client-wa-thread-form .btn{margin-left:auto;min-height:44px}.client-wa-search select{max-width:180px;font-size:13px;min-height:42px}.client-wa-author strong{color:#ebb7d4}.client-wa-dialog{max-height:80dvh;overflow:auto}@media(max-width:700px){.client-wa-thread{min-height:80px}.client-wa-message{max-width:88%;font-size:14px}.client-wa-log{gap:10px}.client-wa-new-messages{right:14px;bottom:95px;font-size:13px}.client-wa-search{flex-wrap:wrap}.client-wa-search select{max-width:none;width:100%}.client-wa-thread-drawer{width:100%;border-left:0}.client-chat-heading{min-height:66px}}
/* Shared internal-chat list and bottom unread counter. */
.team-chat-panel{position:relative}.team-new-messages{position:absolute;right:22px;bottom:110px;z-index:25;min-height:42px;padding:10px 16px;border:1px solid #f391cb;border-radius:24px;background:#733856;color:#fff;font-size:13px;box-shadow:0 6px 20px #0008}.team-new-messages[hidden]{display:none!important}.chat-screen-root .team-sidebar .team-thread{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:82px!important;width:100%!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:12px!important;padding:12px 8px!important;transform:none!important}.chat-screen-root .team-sidebar .team-thread.selected{background:#ffffff0c!important;box-shadow:inset 3px 0 #db67ad!important}.chat-screen-root .team-thread-info{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 10px!important;min-width:0!important}.chat-screen-root .team-thread-info strong{grid-column:1!important;grid-row:1!important;font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-screen-root .team-thread-info small{grid-column:1/-1!important;grid-row:2!important;font-size:13px!important;color:#c9b4c3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-screen-root .team-thread-info .chat-list-time{grid-column:2!important;grid-row:1!important;position:static!important;font-size:11px!important;color:#c9acc0!important;margin:0!important}.chat-screen-root .team-sidebar .team-thread .premium-avatar{width:44px!important;height:44px!important;min-width:44px!important;background:#352b3b!important;color:#eddaea!important;border:1px solid #ffffff14!important}.chat-screen-root .team-sidebar .team-thread .presence-dot{display:none!important}.chat-screen-root .team-sidebar .team-thread .premium-unread{min-width:24px;height:24px;font-size:12px;margin:0}.chat-screen-root .team-chat-head p{max-height:70px;overflow:auto;line-height:1.6!important;white-space:normal!important}@media(max-width:700px){.team-new-messages{right:14px;bottom:100px}.chat-screen-root .team-sidebar .team-thread{gap:10px!important}}

.client-wa-options .btn{display:flex!important;align-items:center;gap:12px}.client-wa-options .btn svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* One client entry; service choices expand beneath the name. */
.client-wa-client-item{margin:0;border-bottom:1px solid #ffffff14;min-width:0;padding:4px 0}
.client-wa-client-item .client-wa-client-name{min-height:66px;padding:14px 12px;border:0;gap:12px;align-items:center;white-space:normal}
.client-wa-client-name strong{flex:1;min-width:0;font-size:16px;line-height:1.5;overflow-wrap:anywhere;text-overflow:clip;white-space:normal;color:#fff0fa}
.client-wa-expand{font-size:22px;flex:0 0 22px;text-align:center;color:#ec87c5}
.client-wa-service-choices{display:grid;gap:8px;padding:2px 12px 14px 22px;border-left:2px solid #ca5e9d;margin:0 10px 8px 16px}
.client-wa-service-choices[hidden]{display:none!important}
.client-wa-service-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 12px;border:1px solid #bd649944;border-radius:12px;background:#302037;color:#f9e9f5;font:inherit;font-size:14px;text-align:left;box-shadow:none;transform:none!important}
.client-wa-service-choice>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.client-wa-service-choice:hover,.client-wa-service-choice[aria-current=true]{background:#49283f;border-color:#ed87c4}
.client-wa-service-icon{width:25px;height:25px;flex:0 0 25px;color:#ee94cd}
.client-wa-service-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.client-wa-service-choice:focus-visible{outline:2px solid #ff9cd7;outline-offset:2px}

.client-wa-tools>summary{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;line-height:1!important;font-family:Arial,sans-serif!important;font-size:24px!important;letter-spacing:0!important;text-indent:0!important;box-sizing:border-box!important;list-style:none!important}
.client-wa-tools>summary::-webkit-details-marker{display:none}.client-wa-tools>summary::before,.client-wa-tools>summary::after{display:none!important;content:none!important}
.client-wa-options .btn{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:48px!important;width:100%!important;white-space:normal!important;text-align:left!important;padding:12px!important;line-height:1.45!important}
.client-wa-options .btn svg{width:20px!important;height:20px!important;flex:none!important}
.client-wa-heading-tasks{display:flex!important;align-items:center!important;gap:12px!important;min-height:44px!important;flex:none;white-space:normal;font-size:11px!important;max-width:260px}
.client-home-title{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:26px}.client-home-title h2{font-size:clamp(28px,3.5vw,44px)!important;line-height:1.2!important;margin:0!important}.client-home-exit{flex:none}
.client-home-conversations{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:22px;width:100%;margin-bottom:24px}
.client-home-conversation{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-height:220px;padding:28px;border:1px solid #bd679450;border-radius:20px;color:#fff0fa;background:linear-gradient(125deg,#302035,#201626);text-align:left;font:inherit;transform:none!important;box-shadow:inset 0 1px #ffffff0a,0 12px 32px #0003;cursor:pointer}
.client-home-conversation:hover{border-color:#e785c0;box-shadow:0 0 24px #dc65ab15}.client-home-conversation-top{display:flex;align-items:center;gap:16px}.client-home-conversation-top>strong{flex:1;font-size:23px}.client-home-author{color:#f0b9d8;font-size:14px;font-weight:600}.client-home-last{font-size:16px;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.client-home-open{margin-top:auto;color:#f5a9d4;font-size:14px;font-weight:600}
.client-home-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.client-home-summary>.btn{display:flex!important;align-items:flex-start!important;flex-direction:column;gap:12px;padding:22px!important;text-align:left;border-radius:16px!important}.client-home-summary strong{font-size:28px;color:#f2a5d3;line-height:1}.client-home-summary span{font-size:14px;line-height:1.5}
.client-home-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.client-home-link{padding:26px;border:1px solid #bd67943d;border-radius:18px;background:#24192d}.client-home-link h3{margin:0 0 12px;font-size:20px}.client-home-link p{font-size:15px;line-height:1.7;margin-bottom:20px;color:#d8c4d3}.client-home-link-pending{color:#d3b4c9;font-size:14px}
@media(max-width:700px){.client-home-title{align-items:flex-start;flex-direction:column}.client-home-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.client-home-links{grid-template-columns:1fr}.client-home-conversation{padding:22px;min-height:210px}.client-chat-heading{flex-wrap:wrap}.client-wa-heading-tasks{order:4;max-width:none;width:100%;justify-content:space-between}.client-wa-tools{margin-left:auto}.client-home-summary>.btn{padding:16px!important}}
.client-wa-message-menu>summary{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;line-height:1!important;letter-spacing:0!important;text-indent:0!important;font-family:Arial,sans-serif!important;font-size:22px!important;box-sizing:border-box!important;list-style:none!important}
.client-wa-message-menu>summary::before,.client-wa-message-menu>summary::after{content:none!important;display:none!important}.client-wa-message-menu>summary::-webkit-details-marker{display:none}

/* Portal preview follows the compact conversation list; the opened chat keeps its full-screen layout. */
.client-home-conversations{display:flex;flex-direction:column;gap:0;padding:18px;border:1px solid #a861914d;border-radius:18px;background:#211628;width:100%;margin:0 0 24px}
.client-home-chat-title{font-size:20px!important;margin:0 0 16px!important}
.client-home-search{width:100%;min-height:44px;border:1px solid #945980;border-radius:12px;background:#302037;color:#fff;padding:12px 14px;font:inherit;margin-bottom:12px}
.client-home-conversation{display:flex;flex-direction:row;align-items:center;gap:16px;min-height:100px;padding:18px 12px;border:0;border-bottom:1px solid #ffffff10;border-radius:0;background:transparent;box-shadow:none}
.client-home-conversation[hidden]{display:none!important}.client-home-conversation:hover{background:#d576ae0b;box-shadow:none;border-color:#ffffff10;border-radius:12px}.client-home-conversation:last-child{border-bottom:0}
.client-home-avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;background:#352a3c;color:#f0dcec;border:1px solid #8f668344;border-radius:50%;font-size:16px;font-weight:600}
.client-home-conversation-copy{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.client-home-conversation-top>strong{font-size:17px}.client-home-author{display:none}.client-home-last{font-size:14px;color:#d3bbcc;display:-webkit-box;-webkit-line-clamp:2;line-height:1.5}.client-home-open{display:none}
body.portal-chat-screen .chat-screen-root .client-wa-shell{grid-template-columns:278px minmax(0,1fr)!important;background:#1e1426}
.client-wa-panel{background:linear-gradient(120deg,#24182b,#170f1e)}.client-wa-sidebar{background:#1b1223;padding:18px}.client-chat-heading{background:#25182c;border-bottom:1px solid #b16b9333;min-height:66px}.client-wa-composer{background:#24172b;border-top:1px solid #b16b9333}
@media(max-width:700px){.client-home-conversations{padding:14px}.client-home-conversation{padding:16px 4px;gap:12px}.client-home-conversation-top>strong{font-size:16px}.client-home-last{font-size:14px}.client-home-links{gap:16px}}

.client-wa-manager-heading{display:flex;flex-direction:column;gap:6px;padding:18px 12px 12px;border-bottom:1px solid #d580b432;margin-top:12px}.client-wa-manager-heading:first-child{margin-top:0}.client-wa-manager-heading small{font-size:11px;color:#cda9c1}.client-wa-manager-heading strong{font-size:16px;line-height:1.5;color:#f3c5e0;overflow-wrap:anywhere}
.client-chat-members{gap:16px!important;padding:18px!important}.client-chat-members article{display:flex;flex-direction:column;gap:9px;min-width:0;padding:16px;border:1px solid #b86d9833;border-radius:12px;background:#2c1d32}.client-chat-members article strong{font-size:16px}.client-chat-members article small{font-size:13px;line-height:1.6;overflow-wrap:anywhere;color:#dfc8d8}
body .client-wa-tools,body .client-wa-message-menu{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
body .client-wa-tools::before,body .client-wa-tools::after,body .client-wa-message-menu::before,body .client-wa-message-menu::after{content:none!important;display:none!important}
body .client-wa-tools>summary,body .client-wa-message-menu>summary{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;color:#f1b7d8!important}
.client-wa-options>.btn{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:12px 14px!important}.client-wa-option-label{display:block;line-height:1.5;text-align:left;min-width:0;white-space:normal}

body .client-wa-heading-tasks{min-height:72px!important;max-width:520px!important;min-width:420px;padding:18px 24px!important;font-size:20px!important;line-height:1.4!important;border:1px solid #ec79bc!important;border-radius:15px!important;background:linear-gradient(120deg,#55273f,#342037)!important;box-shadow:0 0 18px #e960a721,inset 0 0 0 3px #ed7bbb0b!important;gap:20px!important;justify-content:space-between!important;color:#fff1fa!important}
body .client-wa-heading-tasks .client-unread-badge{width:36px;height:36px;min-width:36px;font-size:18px;display:grid;place-items:center;background:#d655a0;color:white;border-radius:50%;padding:0}
body .client-wa-tools>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;min-width:48px!important;height:48px!important;padding:12px!important;box-sizing:border-box!important;overflow:hidden!important}
body .client-wa-tools>summary>svg{display:block!important;width:24px!important;height:24px!important;flex:0 0 24px!important;margin:0!important;fill:currentColor!important;stroke:none!important;transform:none!important;position:static!important}
.client-wa-identity small{display:block;margin-top:6px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:700px){body .client-wa-heading-tasks{min-width:0!important;max-width:none!important;width:100%!important;font-size:18px!important;min-height:72px!important;padding:16px 18px!important}.client-chat-heading{gap:12px!important}}
@media(min-width:701px) and (max-width:1100px){.client-chat-heading{flex-wrap:wrap!important}.client-wa-identity{flex:1;min-width:0}body .client-wa-heading-tasks{order:4;min-width:0!important;width:100%!important;max-width:none!important}.client-wa-tools{margin-left:auto}}

/* 71: client-only full-screen conversation and an independent reply column. */
.portal-chat-screen .chat-screen-root .client-wa-client-view.client-wa-selected{grid-template-columns:minmax(0,1fr)!important}
.client-wa-client-view.client-wa-selected>.client-wa-sidebar{display:none!important}
.client-wa-client-view .client-chat-heading{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px;gap:16px!important;align-items:center;padding:20px!important}
.client-wa-client-view .client-chat-heading>.client-wa-tools{grid-column:3;grid-row:1;justify-self:center}
.client-wa-client-view .client-wa-heading-tasks{grid-column:1/-1;grid-row:2;justify-self:center!important;margin:4px auto!important;min-width:0!important;width:min(760px,100%)!important;min-height:110px!important;padding:20px 28px!important;font-size:clamp(23px,2.5vw,40px)!important;line-height:1.25!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:20px!important;text-align:center!important;border:2px solid #df66ae!important;background:#492337!important;box-shadow:0 0 22px #df66ae25!important}
.client-wa-client-view .client-wa-heading-tasks .client-unread-badge{flex:none!important;width:52px;height:52px;min-width:52px!important;display:grid!important;place-items:center!important;font-size:26px!important;margin:0!important}
.client-wa-panel.client-wa-thread-open{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,38%);gap:0!important;overflow:hidden!important}
.client-wa-main-stream{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;height:100%}
.client-wa-main-stream>.client-wa-log{flex:1;min-height:0}
.client-wa-panel.client-wa-thread-open>.client-wa-thread-drawer{position:relative!important;inset:auto!important;grid-column:2;grid-row:1;width:100%!important;height:100%;min-height:0;box-shadow:none!important;background:#201725}
.client-wa-thread-original{margin:0!important;padding:20px!important;max-height:28%;border-left:0!important;background:#392334!important}
.client-wa-thread-author{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px}
.client-wa-thread-author strong{font-size:14px;color:#f4c3df}
.client-wa-thread-author time{font-size:12px;color:#d5bdcf;margin-left:auto}
.client-wa-thread-count{padding:12px 20px;border-bottom:1px solid #ffffff16;color:#d6bacc}
.client-wa-thread-log{padding:20px!important;gap:16px!important}
.client-wa-thread-reply{max-width:100%;width:100%;border-radius:10px}
.client-wa-thread-form{gap:12px!important;padding:16px!important;background:#2d2032}
.client-wa-thread-form textarea{border:1px solid #af6f99;border-radius:12px;min-height:84px!important;background:#1c1421;color:#fff}
.client-wa-thread-selected{outline:1px solid #df66ae;box-shadow:0 0 14px #df66ae20}
@media(max-width:900px){.client-wa-panel.client-wa-thread-open{grid-template-columns:minmax(0,1fr)!important}.client-wa-panel.client-wa-thread-open>.client-wa-main-stream{display:none!important}.client-wa-panel.client-wa-thread-open>.client-wa-thread-drawer{grid-column:1!important;border-left:0!important}.client-wa-client-view .client-chat-heading{padding:12px!important;gap:10px!important}.client-wa-client-view .client-wa-heading-tasks{font-size:24px!important;min-height:96px!important;padding:16px!important;gap:12px!important}.client-wa-client-view .client-wa-heading-tasks .client-unread-badge{width:44px;height:44px;min-width:44px!important;font-size:23px!important}}

/* 72: message previews for agency users, with stable name/preview spacing. */
.client-wa-client-name{align-items:center!important;min-height:92px!important;gap:12px!important;position:relative}
.client-wa-client-name .client-wa-thread-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1;text-align:left}
.client-wa-client-name .client-wa-thread-copy>strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.client-wa-client-name .client-wa-preview{display:block;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d8bdd0;max-width:100%}
.client-wa-list-time{font-size:11px;color:#bca3b6}
.client-wa-service-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1;text-align:left}
.client-wa-service-copy strong{font-size:13px;line-height:1.4}
.client-wa-service-copy small{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cdb3c5;max-width:100%}
.client-wa-service-choice{min-height:68px!important;gap:10px!important}

/* 73: Slack-style thread hierarchy; brand palette stays consistent. */
.client-wa-replies{display:flex!important;align-items:center;gap:8px;border:0!important;background:transparent!important;padding:6px 0!important;min-height:28px!important;box-shadow:none!important;color:#f19bd0!important;text-align:left}
.client-wa-replies strong{font-size:13px;color:#f19bd0}.client-wa-replies small{font-size:11px;color:#c7aebf}
.client-wa-thread-avatar{width:32px;height:32px;flex:none;border-radius:7px;background:#503044;color:#fff;display:grid;place-items:center;overflow:hidden;font-size:12px;font-weight:600}
.client-wa-thread-avatar img{width:100%;height:100%;object-fit:cover}.client-wa-replies>.client-wa-thread-avatar{width:23px;height:23px}
.client-wa-thread-original,.client-wa-thread-reply{display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:4px 10px;align-content:start;position:relative}
.client-wa-thread-original>.client-wa-thread-avatar,.client-wa-thread-reply>.client-wa-thread-avatar{grid-column:1;grid-row:1/3}
.client-wa-thread-original>.client-wa-thread-author,.client-wa-thread-reply>.client-wa-thread-author{grid-column:2;grid-row:1}
.client-wa-thread-original>p,.client-wa-thread-reply>p,.client-wa-thread-original>.client-wa-media,.client-wa-thread-reply>.client-wa-media{grid-column:2;margin:0!important}
.client-wa-thread-reply,.client-wa-thread-reply.mine{align-self:stretch!important;background:transparent!important;padding:8px 0!important;border-radius:0!important}
.client-wa-thread-reply p{line-height:1.6;font-size:14px;color:#f2e9ef}
.client-wa-thread-drawer-head{height:60px;padding:14px 20px!important}.client-wa-thread-drawer-head>strong{font-size:18px}
.client-wa-thread-log{gap:12px!important}.client-wa-thread-author time{font-size:11px}
.client-wa-thread-form{margin:0 16px 16px!important;padding:12px!important;border:1px solid #a56791!important;border-radius:12px!important}
.client-wa-thread-form textarea{background:transparent!important;border:0!important;padding:4px!important;min-height:66px!important}
.client-wa-thread-form .btn{min-height:38px!important;font-size:13px!important}

/* 74: restore the approved desktop sidebar and compact client header. */
.portal-chat-screen .chat-screen-root .client-wa-client-view.client-wa-selected{grid-template-columns:278px minmax(0,1fr)!important}
.client-wa-client-view.client-wa-selected>.client-wa-sidebar{display:flex!important}
.client-wa-client-view .client-chat-heading{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;padding:18px!important;gap:14px!important;min-height:90px!important}
.client-wa-client-view .client-chat-heading .client-wa-identity{flex:1!important}
.client-wa-client-view .client-wa-heading-tasks{flex:none!important;width:auto!important;min-width:0!important;max-width:360px!important;min-height:52px!important;font-size:14px!important;line-height:1.4!important;padding:12px 16px!important;gap:12px!important;margin:0!important;justify-content:center!important;text-align:center!important;border-width:1px!important}
.client-wa-client-view .client-wa-heading-tasks .client-unread-badge{width:28px!important;height:28px!important;min-width:28px!important;font-size:14px!important}
@media(max-width:1100px){.client-wa-client-view .client-chat-heading{flex-wrap:wrap!important}.client-wa-client-view .client-wa-heading-tasks{order:4!important;flex-basis:100%!important;max-width:none!important;margin:0 auto!important}}
@media(max-width:700px){.portal-chat-screen .chat-screen-root .client-wa-client-view.client-wa-selected{display:block!important}.client-wa-client-view.client-wa-selected>.client-wa-sidebar{display:none!important}.client-wa-client-view .client-chat-heading{min-height:72px!important;padding:12px!important}.client-wa-client-view .client-wa-heading-tasks{min-height:50px!important;font-size:14px!important}}

/* 75: client header centered independently of the name length. */
.client-wa-client-view .client-chat-heading{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto minmax(0,1fr) 48px;gap:12px!important;align-items:center!important}
.client-wa-client-view .client-chat-heading>.client-wa-identity{grid-column:2;grid-row:1;min-width:0!important}
.client-wa-client-view .client-chat-heading>.client-wa-heading-tasks{grid-column:3;grid-row:1;justify-self:center!important;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;margin:0!important;flex-basis:auto!important;max-width:360px!important}
.client-wa-client-view .client-chat-heading>.client-wa-tools{grid-column:5;grid-row:1;justify-self:center}
.client-wa-client-view .client-wa-heading-tasks>span{line-height:1.4;display:block}
.client-wa-client-view .client-wa-heading-tasks>.client-unread-badge{display:grid!important;place-items:center!important;margin:0!important;line-height:1!important;flex:none!important}
.client-wa-manager-heading strong{text-transform:uppercase;letter-spacing:.035em}
.client-wa-client-name .client-wa-list-time{align-self:flex-end;margin-top:-2px}
.client-wa-client-name .client-wa-preview{font-size:13px!important;color:#dbc4d3!important}
@media(max-width:1100px){.client-wa-client-view .client-chat-heading{grid-template-columns:48px minmax(0,1fr) 48px!important}.client-wa-client-view .client-chat-heading>.client-wa-tools{grid-column:3!important}.client-wa-client-view .client-chat-heading>.client-wa-heading-tasks{grid-column:1/-1!important;grid-row:2!important;width:min(420px,100%)!important;max-width:100%!important;justify-self:center!important}}