/* CIVELIQ Chat · V8.17.268 R76DG · identidad visual propia CIVELIQ */ .civChatPage{display:grid;gap:16px;min-height:calc(100vh - 150px);padding-bottom:18px}.civChatHero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid #d7e3e8;border-radius:24px;background:linear-gradient(135deg,#f9fcfd 0%,#edf5f7 55%,#e5eef1 100%);box-shadow:0 12px 30px rgba(27,61,81,.07)}.civChatHero h2{margin:4px 0 6px;display:flex;align-items:center;gap:10px;color:#173d57;font-size:26px}.civChatHero h2 img{width:31px;height:31px;object-fit:contain}.civChatHero p{margin:0;color:#617582}.civChatHeroActions{display:flex;gap:10px;flex-wrap:wrap}.civChatHeroActions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px}.civChatHeroActions svg,.civChatComposer svg,.civChatConversationHead svg,.civChatWelcomeFeatures svg,.civChatFormalSeal svg,.civChatSecurity svg,.civChatSearchBar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.civChatSearchBar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce6eb;border-radius:18px;padding:9px 12px;box-shadow:0 7px 20px rgba(25,58,78,.06)}.civChatSearchBar span{display:grid;place-items:center;color:#507082}.civChatSearchBar input{flex:1;border:0!important;box-shadow:none!important;outline:0;background:transparent!important;min-height:36px}.civChatSearchBar button{border:0;background:transparent;color:#456678;font-weight:750}.civChatRailWrap{position:relative;overflow:hidden}.civChatRail{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.civChatRailEmpty{min-width:100%;padding:18px 20px;border:1px dashed #cad9e1;border-radius:18px;color:#6d808c;background:#fbfdfe}.civChatPerson{scroll-snap-align:start;flex:0 0 min(310px,78vw);display:flex;align-items:center;gap:11px;position:relative;text-align:left;border:1px solid #d8e4e9;background:#fff;border-radius:18px;padding:11px 13px;box-shadow:0 5px 16px rgba(28,62,82,.055);color:#233f50;transition:.18s ease}.civChatPerson:hover,.civChatPerson.active{border-color:#b8cad5;transform:translateY(-1px);box-shadow:0 10px 25px rgba(28,62,82,.09)}.civChatPerson.active{background:linear-gradient(135deg,#fff,#eef6f8)}.civChatPerson>em{margin-left:auto;display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#d6b16a;color:#173d57;font-style:normal;font-weight:850;font-size:11px}.civChatAvatar{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:50%;background:linear-gradient(145deg,#dce9ed,#f7fbfc);border:1px solid #c8d8df;color:#173d57;font-weight:900;font-size:12px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.7)}.civChatAvatarBig{width:46px;height:46px;font-size:13px}.civChatPersonText{min-width:0;display:grid;gap:3px}.civChatPersonText b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.civChatPersonText small{font-size:11px;color:#728590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.civChatStage{min-height:540px;border:1px solid #d7e3e8;background:linear-gradient(180deg,#f7fafb,#eef4f5);border-radius:26px;overflow:hidden;box-shadow:0 16px 35px rgba(24,58,78,.08)}.civChatWelcome{min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;max-width:760px;margin:auto}.civChatWelcomeMark{width:76px;height:76px;border-radius:24px;background:#fff;border:1px solid #d6e3e8;box-shadow:0 14px 38px rgba(31,68,90,.12);display:grid;place-items:center;margin-bottom:18px}.civChatWelcomeMark img{width:55px;height:55px;object-fit:contain}.civChatWelcome>span,.civChatFormalModal>span{font-size:11px;letter-spacing:.18em;font-weight:900;color:#9d7d3f}.civChatWelcome h2{font-size:28px;color:#173d57;margin:8px 0}.civChatWelcome p{color:#677b87;max-width:620px;line-height:1.55}.civChatWelcomeFeatures{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0 22px}.civChatWelcomeFeatures span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #d8e4e9;border-radius:999px;padding:8px 12px;color:#426174;font-size:12px;font-weight:750}.civChatWelcomeNew{display:inline-flex!important;align-items:center;gap:8px}.civChatWelcomeNew svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.civChatConversation{height:min(700px,calc(100vh - 230px));min-height:540px;display:grid;grid-template-rows:auto auto 1fr auto auto;background:linear-gradient(180deg,#f8fbfc,#edf4f6)}.civChatConversationHead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:rgba(255,255,255,.94);border-bottom:1px solid #dce6ea;backdrop-filter:blur(10px)}.civChatPeer{display:flex;align-items:center;gap:11px;min-width:0}.civChatPeer>div{display:grid;gap:3px;min-width:0}.civChatPeer b{color:#173d57;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.civChatPeer small{color:#728590;font-size:11px;display:flex;align-items:center;gap:5px}.civChatOnlineDot{width:7px;height:7px;border-radius:50%;background:#6da287;box-shadow:0 0 0 3px rgba(109,162,135,.13)}.civChatHeadActions{display:flex;align-items:center;gap:7px}.civChatHeadActions button{min-width:40px;height:40px;border-radius:13px;border:1px solid #d7e3e8;background:#f8fbfc;color:#274d63;display:flex;align-items:center;justify-content:center;gap:7px}.civChatHeadActions button:hover{background:#edf5f7}.civChatHeadActions .civChatFormalizeBtn{padding:0 12px;border-color:#d9c394;background:#fffaf0;color:#6d5427;font-weight:850}.civChatHeadActions .civChatFormalizeBtn span{font-size:12px}.civChatSelectBar{display:flex;align-items:center;gap:9px;padding:9px 14px;background:#fff8e8;border-bottom:1px solid #ead6a7;color:#55431f}.civChatSelectBar strong{margin-right:auto}.civChatSelectBar button{border:1px solid #ddca9a;background:#fff;border-radius:10px;padding:7px 10px;color:#5b4927;font-weight:750}.civChatMessages{overflow-y:auto;padding:22px clamp(12px,3vw,34px);scroll-behavior:smooth;overscroll-behavior:contain}.civChatDay{display:flex;justify-content:center;margin:8px 0 18px}.civChatDay span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#788994;background:rgba(255,255,255,.76);border:1px solid #dce6ea;padding:6px 10px;border-radius:999px}.civChatEmptyThread{height:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#71848e;text-align:center}.civChatEmptyThread img{width:48px;opacity:.72;margin-bottom:9px}.civChatEmptyThread b{color:#456375}.civChatEmptyThread small{margin-top:4px}.civChatMessage{position:relative;display:flex;margin:7px 0;padding-left:28px}.civChatMessage.mine{justify-content:flex-end;padding-left:0;padding-right:28px}.civChatBubble{max-width:min(72%,720px);border:1px solid #d8e3e8;background:#fff;border-radius:18px 18px 18px 6px;padding:10px 12px 7px;box-shadow:0 4px 12px rgba(28,58,77,.055);color:#263f4e;line-height:1.42;word-break:break-word}.civChatMessage.mine .civChatBubble{background:linear-gradient(135deg,#e8f3f6,#f7fbfc);border-color:#c9dce4;border-radius:18px 18px 6px 18px}.civChatBubble footer{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:4px;min-width:56px}.civChatBubble time{font-size:9px;color:#84949d}.civChatChecks{font-size:10px;letter-spacing:-2px;color:#8aa0ac}.civChatChecks.read{color:#8b723a}.civChatSelectDot{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:19px;height:19px;border-radius:50%;border:1.5px solid #aebfc8;background:rgba(255,255,255,.7);opacity:0;transition:.15s}.civChatMessage.mine .civChatSelectDot{left:auto;right:2px}.civChatMessage:hover .civChatSelectDot,.civChatMessage.selected .civChatSelectDot{opacity:1}.civChatMessage.selected .civChatSelectDot{background:#d6b16a;border-color:#9f7d3e;box-shadow:inset 0 0 0 4px #fff}.civChatMessage.selected .civChatBubble{outline:2px solid rgba(202,163,88,.4)}.civChatMessage.searchHit .civChatBubble{animation:civChatHit 1.6s ease}.civChatTextBody{white-space:normal;font-size:14px}.civChatFileCard,.civChatVoice{border:0;background:transparent;padding:2px;display:flex;align-items:center;gap:9px;color:#294c60;text-align:left;min-width:220px}.civChatFileCard>svg,.civChatVoice>svg{width:27px;height:27px;fill:none;stroke:#997a3d;stroke-width:1.5}.civChatFileCard>span{display:grid}.civChatFileCard small{font-size:10px;color:#7c8d96}.civChatFileCard>i,.civChatVoice>i{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;color:#866d38}.civChatTyping{min-height:18px;padding:0 18px;font-size:10px;color:#748994;font-style:italic}.civChatComposer{display:flex;align-items:flex-end;gap:8px;padding:11px 13px;background:#fff;border-top:1px solid #dae5ea}.civChatComposer textarea{flex:1;min-height:42px;max-height:132px;resize:none;border:1px solid #d2e0e6!important;background:#f7fafb!important;border-radius:15px!important;padding:10px 12px!important;line-height:1.35!important;box-shadow:none!important;color:#243f50!important}.civChatComposerIcon,.civChatSend{width:42px;height:42px;flex:none;border-radius:14px;display:grid;place-items:center}.civChatComposerIcon{border:1px solid #d6e2e7;background:#f7fafb;color:#355b70}.civChatSend{border:1px solid #d0b06e;background:linear-gradient(145deg,#e9ce94,#cfaa60);color:#173d57}.civChatComposerIcon.recording{background:#fff0ef;border-color:#d8a09a;color:#a13d36;animation:civChatPulse 1s infinite}.civChatSecurity{display:flex;justify-content:center;align-items:center;gap:7px;padding:7px 12px;background:#f6f9fa;color:#7b8b94;font-size:9px;border-top:1px solid #e2eaed}.civChatSecurity svg{width:14px;height:14px;color:#9d7c3f}.civChatError{min-height:540px;display:grid;place-content:center;text-align:center;padding:28px;color:#6b7d88}.civChatError b{color:#173d57;font-size:18px}.civChatFormalModal{text-align:center;max-width:640px;padding:10px 4px 6px}.civChatFormalSeal{margin:0 auto 10px;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#fff8e9;border:1px solid #e2cc9b;color:#92743a}.civChatFormalSeal svg{width:28px;height:28px}.civChatFormalModal h2{color:#173d57;margin:6px 0 8px}.civChatFormalModal p{color:#6e7f89;line-height:1.5}.civChatFormalChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.civChatFormalChoices button{border:1px solid #d7e3e8;background:#f8fbfc;border-radius:17px;padding:16px 10px;color:#23465b;display:grid;gap:5px}.civChatFormalChoices button:hover{border-color:#d4ba82;background:#fffaf0}.civChatFormalChoices b{font-size:13px}.civChatFormalChoices small{font-size:10px;color:#758892}.civChatCallOverlay{position:fixed;inset:0;z-index:2147482000;background:radial-gradient(circle at 50% 10%,rgba(76,117,139,.95),rgba(13,40,57,.98) 58%,#081d2a);display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));color:#fff}.civChatCallCard{width:min(920px,100%);height:min(780px,95vh);display:grid;grid-template-rows:auto 1fr auto auto;gap:16px}.civChatCallBrand{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;letter-spacing:.16em;font-weight:900;color:#d8c18c}.civChatCallBrand img{width:28px;height:28px}.civChatRemoteStage{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(145deg,#173e56,#0b293b);box-shadow:0 28px 70px rgba(0,0,0,.3);display:grid;place-items:center;min-height:360px}.civChatRemoteStage>video#civChatRemoteVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0b293b}.civChatCallOverlay.audio #civChatRemoteVideo{opacity:0}.civChatCallIdentity{position:relative;z-index:2;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.25)}.civChatCallIdentity>span{display:grid;place-items:center;width:104px;height:104px;margin:auto;border-radius:34px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);font-size:27px;font-weight:900}.civChatCallIdentity h2{font-size:28px;margin:14px 0 4px}.civChatCallIdentity p{margin:0;color:#d6e1e7}.civChatCallOverlay.video .civChatCallIdentity{opacity:.15}.civChatRemoteStage>video#civChatLocalVideo{position:absolute;right:18px;bottom:18px;width:min(180px,28%);aspect-ratio:3/4;object-fit:cover;border-radius:18px;background:#102f42;border:1px solid rgba(255,255,255,.3);z-index:3}.civChatCallOverlay.audio #civChatLocalVideo{display:none}.civChatCallControls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.civChatCallControls button{width:72px;height:62px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;border-radius:20px;display:grid;place-items:center;gap:2px;padding:7px}.civChatCallControls button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.civChatCallControls button span{font-size:9px}.civChatCallControls button.hang{background:#a93e3a;border-color:#c76660}.civChatCallControls button.accept{background:#3f8064;border-color:#6ba288}.civChatCallControls button.off{background:#8a6b3e}.civChatCallPrivacy{text-align:center;color:#a9bac4}.bottomNav #bottomChatBadge{position:absolute;top:-5px;right:-6px;display:none;min-width:18px;height:18px;border-radius:999px;background:#d6b16a;color:#173d57;font-size:9px;font-weight:900;place-items:center}.bottomNav #bottomChatBadge.show{display:grid} @keyframes civChatPulse{50%{box-shadow:0 0 0 7px rgba(181,77,67,.1)}}@keyframes civChatHit{0%,100%{box-shadow:0 4px 12px rgba(28,58,77,.055)}35%{box-shadow:0 0 0 5px rgba(210,173,99,.35)}} @media(max-width:940px){.civChatPage{min-height:calc(100dvh - 130px)}.civChatHero{padding:17px 18px;border-radius:20px}.civChatHero h2{font-size:22px}.civChatConversation{height:calc(100dvh - 238px);min-height:500px}.civChatStage{min-height:500px}.civChatHeadActions .civChatFormalizeBtn span{display:none}.civChatBubble{max-width:80%}.civChatFormalChoices{grid-template-columns:1fr}.civChatCallCard{height:92dvh}.civChatRemoteStage{min-height:300px}} @media(max-width:600px){.civChatPage{gap:10px;padding-bottom:4px}.civChatHero{align-items:flex-start;padding:14px;border-radius:17px}.civChatHero p{font-size:11px}.civChatHeroActions .soft span{display:none}.civChatHeroActions button{min-width:40px;padding:0 11px}.civChatRail{gap:8px}.civChatPerson{flex-basis:82vw;padding:9px 10px;border-radius:15px}.civChatStage{border-radius:18px;min-height:460px}.civChatConversation{height:calc(100dvh - 222px);min-height:460px}.civChatConversationHead{padding:10px}.civChatPeer small{max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.civChatHeadActions{gap:4px}.civChatHeadActions button{width:36px;min-width:36px;height:36px;border-radius:11px}.civChatHeadActions button[data-chat-action="search"]{display:none}.civChatMessages{padding:15px 8px}.civChatBubble{max-width:86%;font-size:13px}.civChatMessage{padding-left:20px}.civChatMessage.mine{padding-right:20px}.civChatSelectDot{width:16px;height:16px}.civChatComposer{padding:8px;gap:5px}.civChatComposerIcon,.civChatSend{width:38px;height:38px;border-radius:12px}.civChatComposer textarea{min-height:38px!important;padding:8px 9px!important}.civChatSecurity{font-size:8px}.civChatWelcome{min-height:460px;padding:24px 16px}.civChatWelcome h2{font-size:22px}.civChatWelcomeFeatures{gap:6px}.civChatWelcomeFeatures span{font-size:10px;padding:7px 9px}.civChatCallIdentity h2{font-size:23px}.civChatCallIdentity>span{width:88px;height:88px;border-radius:28px}.civChatCallControls{gap:8px}.civChatCallControls button{width:60px;height:58px;border-radius:18px}.civChatRemoteStage>video#civChatLocalVideo{right:10px;bottom:10px;width:30%}} /* CIVELIQ_V8_17_268_R76DG_CHAT_STYLE */ .bottomNav #bottomChatBtn .navIcon{position:relative} /* CIVELIQ V8.17.269 · R76DH · CHAT SIDEBAR RESPONSIVE + CONTACTOS */ .civChatNewPrompt .civChatLoadContacts{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;font-weight:800} .civChatNewContactStatus{margin:-2px 0 0;padding:10px 12px;border:1px solid #dbe6ea;border-radius:13px;background:#f7fafb;color:#6c7f8a;font-size:11px;line-height:1.4} .civChatNewContactStatus.ok{border-color:#d9c58f;background:#fffaf0;color:#5c4b29} html:not(.civeliqMobileApp) body.civeliqSendFocusExpanded[data-page="chat"] #page, html:not(.civeliqMobileApp) body.civeliqSendFocusExpanded[data-page="chat"] .civChatPage, html.civeliqTabletApp body.civeliqSendFocusExpanded[data-page="chat"] #page, html.civeliqTabletApp body.civeliqSendFocusExpanded[data-page="chat"] .civChatPage{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important} html:not(.civeliqMobileApp) body.civeliqSendFocusExpanded[data-page="chat"] .civChatStage, html:not(.civeliqMobileApp) body.civeliqSendFocusExpanded[data-page="chat"] .civChatHero, html:not(.civeliqMobileApp) body.civeliqSendFocusExpanded[data-page="chat"] .civChatRailWrap{width:100%!important;max-width:none!important;min-width:0!important} /* CIVELIQ_V8_17_269_R76DH_CHAT_SIDEBAR_CONTACTS_VERSION */ /* ===================================================================== CIVELIQ V8.17.271 · R76DJ · CHAT APROBADO FINAL ===================================================================== */ /* CIVELIQ_V8_17_271_R76DJ_CHAT_APPROVED_FINAL */ body[data-page="chat"] #page{min-width:0!important} .civChatPage{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important} .civChatWorkspace{width:100%;max-width:none;min-width:0;height:calc(100dvh - 132px);min-height:600px;display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid #d8e4e9;border-radius:22px;overflow:hidden;background:#f6fafc;box-shadow:0 14px 34px rgba(23,61,87,.08)} .civChatListPane{min-width:0;overflow:hidden;background:#fff;border-right:1px solid #dbe6eb;padding:14px 11px 10px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px} .civChatListHead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 3px}.civChatListHead h2{margin:2px 0 0;color:#173d57;font-size:20px}.civChatListHead .mini{color:#9d7d3f;font-weight:900;letter-spacing:.12em;font-size:9px}.civChatNewMini{min-height:38px!important;padding:0 12px!important;border-radius:12px!important;display:flex!important;align-items:center;gap:6px;color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatNewMini svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2}.civChatNewMini span{font-size:11px;color:#fff!important;-webkit-text-fill-color:#fff!important} .civChatSearchBar{border-radius:13px!important;padding:5px 9px!important;box-shadow:none!important;min-width:0}.civChatSearchBar input{min-width:0!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important;font-size:12px!important}.civChatSearchBar input::placeholder{color:#7f919c!important;-webkit-text-fill-color:#7f919c!important;opacity:1} .civChatRail{display:block!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 4px!important;scroll-snap-type:none!important;min-width:0}.civChatRailEmpty{min-width:0!important;padding:14px 12px!important;border-radius:13px!important;font-size:11px}.civChatPerson{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;margin:0 0 5px!important;padding:9px 8px!important;border-radius:13px!important;box-shadow:none!important;transform:none!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatPerson.active{background:#e9f5fb!important;border-color:#b7d8e8!important}.civChatPersonText{min-width:0!important;overflow:hidden}.civChatPersonText b{color:#173d57!important;-webkit-text-fill-color:#173d57!important;font-size:12px!important}.civChatPersonText small{color:#6b7e89!important;-webkit-text-fill-color:#6b7e89!important;font-size:10px!important}.civChatPerson>em{background:#1683cf!important;color:#fff!important;-webkit-text-fill-color:#fff!important} .civChatStage{display:block!important;min-width:0!important;width:auto!important;max-width:none!important;min-height:0!important;height:100%!important;border:0!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important;background:linear-gradient(180deg,#f6fafc,#edf5f8)!important;margin:0!important;padding:0!important} .civChatWelcome{height:100%;min-height:0!important;padding:24px}.civChatWelcomeMark{width:64px;height:64px;border-radius:18px}.civChatWelcomeMark img{width:46px;height:46px}.civChatWelcome h2{font-size:24px}.civChatWelcome p{font-size:12px} .civChatConversation{width:100%!important;max-width:none!important;min-width:0!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;background:linear-gradient(180deg,#f8fbfc,#edf4f6)!important} .civChatConversationHead{min-width:0;padding:10px 12px!important;gap:8px!important;background:#fff!important}.civChatMobileBack{display:none;width:36px;height:36px;border:1px solid #d8e5ea;border-radius:11px;background:#f7fbfc;color:#23516b}.civChatMobileBack svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.civChatPeer{min-width:0;flex:1}.civChatPeer>div{min-width:0}.civChatPeer b{font-size:13px!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatPeer small{font-size:9px!important;color:#6c818e!important;-webkit-text-fill-color:#6c818e!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.civChatAvatar{overflow:hidden;background:#e9f3f7;color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatAvatarBig{width:42px!important;height:42px!important}.avatarSlot img{width:100%;height:100%;object-fit:cover;border-radius:inherit} .civChatHeadActions{flex:none;gap:5px!important}.civChatHeadActions button{width:38px;min-width:38px;height:38px;padding:0!important;border-radius:12px!important;background:#167fbe!important;border-color:#167fbe!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatHeadActions button *{color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatHeadActions button svg{stroke:#fff!important}.civChatHeadActions .civChatFormalizeBtn{width:auto!important;padding:0 10px!important;background:#173d57!important;border-color:#173d57!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatHeadActions .civChatFormalizeBtn span{font-size:10px!important;color:#fff!important;-webkit-text-fill-color:#fff!important} .civChatMessages{min-width:0;overflow-y:auto!important;overflow-x:hidden!important;padding:16px clamp(12px,2.3vw,28px)!important}.civChatMessage{min-width:0;display:flex!important;align-items:flex-end!important;gap:7px!important;margin:8px 0!important;padding:0!important}.civChatMessage.mine{justify-content:flex-end!important}.civChatMessageAvatar{width:28px!important;height:28px!important;font-size:8px!important;flex:none!important}.civChatBubble{min-width:0!important;max-width:min(74%,680px)!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important;background:#fff!important;border-color:#d6e3e9!important;word-break:break-word!important;overflow-wrap:anywhere!important}.civChatTextBody{color:inherit!important;-webkit-text-fill-color:inherit!important}.civChatMessage.mine .civChatBubble{background:#167fbe!important;border-color:#167fbe!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatMessage.mine .civChatBubble *{color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatMessage.mine .civChatBubble time{color:#e1f3fb!important;-webkit-text-fill-color:#e1f3fb!important}.civChatMessage.mine .civChatChecks{color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatBubble footer{min-width:0!important}.civChatFileCard,.civChatVoice{max-width:100%;min-width:0!important}.civChatMessage.mine .civChatFileCard,.civChatMessage.mine .civChatVoice,.civChatMessage.mine .civChatFileCard *,.civChatMessage.mine .civChatVoice *{color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatMessage.mine .civChatFileCard svg,.civChatMessage.mine .civChatVoice svg{stroke:#fff!important} .civChatTyping{min-height:18px;padding:0 12px 2px;color:#5f7b8a!important;-webkit-text-fill-color:#5f7b8a!important} .civChatComposer{position:relative;display:flex!important;align-items:flex-end!important;gap:6px!important;padding:8px 10px!important;background:#fff!important;border-top:1px solid #d8e5ea!important;min-width:0!important}.civChatComposer textarea{flex:1!important;min-width:0!important;min-height:38px!important;max-height:110px!important;padding:9px 11px!important;border-radius:15px!important;background:#f8fbfc!important;border-color:#cfdee5!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important;font-size:13px!important}.civChatComposer textarea::placeholder{color:#80939e!important;-webkit-text-fill-color:#80939e!important;opacity:1}.civChatComposerIcon,.civChatSend{width:38px!important;height:38px!important;min-width:38px!important;flex:none!important;border-radius:12px!important;display:grid!important;place-items:center!important}.civChatComposerIcon{background:#edf6fa!important;border:1px solid #cfe0e8!important;color:#176c9b!important;-webkit-text-fill-color:#176c9b!important}.civChatComposerIcon svg{stroke:currentColor!important}.civChatPlus{background:#167fbe!important;border-color:#167fbe!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatPlus svg{stroke:#fff!important}.civChatSend{background:#173d57!important;border:1px solid #173d57!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatSend svg{stroke:#fff!important} .civChatPlusWrap,.civChatEmojiWrap{position:relative;display:flex}.civChatPlusMenu{position:absolute;left:0;bottom:46px;z-index:60;width:225px;padding:7px;border:1px solid #d7e4ea;border-radius:15px;background:#fff;box-shadow:0 18px 44px rgba(17,55,76,.2);display:grid;gap:3px}.civChatPlusMenu.hidden,.civChatEmojiPanel.hidden{display:none!important}.civChatPlusMenu button{display:flex;align-items:center;gap:9px;border:0;border-radius:10px;background:transparent;padding:9px 10px;color:#173d57!important;-webkit-text-fill-color:#173d57!important;text-align:left;font-weight:750}.civChatPlusMenu button:hover{background:#eef6fa}.civChatPlusMenu svg{width:19px;height:19px;fill:none;stroke:#167fbe!important;stroke-width:1.8}.civChatEmojiPanel{position:absolute;left:0;bottom:46px;z-index:60;width:236px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:7px;border:1px solid #d8e4e9;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(22,61,83,.18)}.civChatEmojiPanel button{border:0;background:transparent;border-radius:8px;font-size:20px;line-height:1;padding:6px}.civChatEmojiPanel button:hover{background:#eff7fb} .civChatSecurity{display:none!important} .civChatFormalChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.civChatFormalChoices button{border:1px solid #173d57!important;background:#173d57!important;border-radius:16px!important;padding:15px 10px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;display:grid!important;gap:5px!important}.civChatFormalChoices button *{color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatFormalChoices button small{color:#dfeef5!important;-webkit-text-fill-color:#dfeef5!important}.civChatFormalChoices button:hover{background:#235875!important;border-color:#235875!important} .civChatIncomingNotice{position:fixed;z-index:2147481500;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));width:min(390px,calc(100vw - 24px));display:flex;align-items:center;gap:11px;text-align:left;padding:12px 14px;border:1px solid rgba(255,255,255,.24);border-radius:17px;background:#123b58!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 18px 48px rgba(4,28,45,.28)}.civChatIncomingNotice *{color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatIncomingNotice>span:last-child{display:grid;gap:2px}.civChatIncomingNotice small{font-size:8px;letter-spacing:.12em;font-weight:900;color:#f0d89f!important;-webkit-text-fill-color:#f0d89f!important}.civChatIncomingNotice em{font-size:9px;font-style:normal;color:#d7e7ef!important;-webkit-text-fill-color:#d7e7ef!important}.civChatNoticeIcon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.13)}.civChatNoticeIcon svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.8} .civChatPermissionHelp{text-align:center;padding:10px 4px}.civChatPermissionHelp h2{color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatPermissionHelp p{color:#607683!important;-webkit-text-fill-color:#607683!important;line-height:1.55}.civChatPermissionHelp .primary{color:#fff!important;-webkit-text-fill-color:#fff!important} .civChatCallOverlay,.civChatCallOverlay *{color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatCallIdentity b{display:block;margin-top:4px;font-size:11px;color:#e8cf95!important;-webkit-text-fill-color:#e8cf95!important}.civChatCallAvatar{width:96px!important;height:96px!important;margin:auto!important;border-radius:30px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:24px!important}.civChatCallOverlay svg{stroke:currentColor!important} .civChatDocPicker h2{color:#173d57!important}.civChatDocList{display:grid;gap:7px;max-height:52vh;overflow:auto;margin-top:12px}.civChatDocList button{display:grid;gap:3px;text-align:left;border:1px solid #dbe6eb;background:#f8fbfc;border-radius:12px;padding:10px;color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatDocList small{color:#6e828e!important;-webkit-text-fill-color:#6e828e!important} /* El control lateral existente de CIVELIQ es el único botón de columna. */ html:not(.civeliqMobileApp) body.civeliqSendFocusExpanded[data-page="chat"] #page,html:not(.civeliqMobileApp) body.civeliqSendFocusExpanded[data-page="chat"] .civChatPage,html:not(.civeliqMobileApp) body.civeliqSendFocusExpanded[data-page="chat"] .civChatWorkspace,html.civeliqTabletApp body.civeliqSendFocusExpanded[data-page="chat"] #page,html.civeliqTabletApp body.civeliqSendFocusExpanded[data-page="chat"] .civChatPage,html.civeliqTabletApp body.civeliqSendFocusExpanded[data-page="chat"] .civChatWorkspace{width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important} @media(max-width:1120px){.civChatWorkspace{grid-template-columns:245px minmax(0,1fr)}.civChatHeadActions .civChatFormalizeBtn span{display:none}.civChatHeadActions .civChatFormalizeBtn{width:38px!important;padding:0!important}.civChatBubble{max-width:80%!important}} html.civeliqTabletApp body[data-page="chat"] #page{padding-left:6px!important;padding-right:6px!important}html.civeliqTabletApp .civChatWorkspace{grid-template-columns:minmax(205px,34%) minmax(0,1fr);height:calc(100dvh - 126px);min-height:540px}html.civeliqTabletApp .civChatListPane{padding:10px 8px 8px}html.civeliqTabletApp .civChatConversationHead{padding:9px 9px!important}html.civeliqTabletApp .civChatMessages{padding:13px 9px!important}html.civeliqTabletApp .civChatComposer{padding:7px 8px!important} @media(max-width:700px){body[data-page="chat"] #page{padding:0!important}.civChatPage{height:100%!important}.civChatWorkspace{display:block!important;height:calc(100dvh - 116px)!important;min-height:470px!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important;position:relative!important;overflow:hidden!important}.civChatListPane,.civChatStage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transition:transform .22s ease,opacity .18s ease!important}.civChatListPane{z-index:2!important;border:0!important;padding:10px 11px 8px!important;background:#fff!important}.civChatStage{z-index:3!important;transform:translateX(102%)!important;opacity:0!important;pointer-events:none!important}.civChatWorkspace.threadOpen .civChatListPane{transform:translateX(-18%)!important;opacity:0!important;pointer-events:none!important}.civChatWorkspace.threadOpen .civChatStage{transform:none!important;opacity:1!important;pointer-events:auto!important}.civChatMobileBack{display:grid!important;place-items:center!important;flex:none!important}.civChatListHead h2{font-size:21px!important}.civChatNewMini span{display:none}.civChatNewMini{width:40px!important;min-width:40px!important;padding:0!important}.civChatConversationHead{padding:7px 7px!important}.civChatPeer{gap:6px!important}.civChatAvatarBig{width:36px!important;height:36px!important}.civChatPeer b{font-size:11px!important}.civChatPeer small{font-size:8px!important;max-width:112px}.civChatHeadActions{gap:3px!important}.civChatHeadActions button{width:32px!important;min-width:32px!important;height:32px!important;border-radius:10px!important}.civChatHeadActions button[data-chat-action="search"],.civChatHeadActions .civChatFormalizeBtn{display:none!important}.civChatMessages{padding:11px 7px 7px!important}.civChatBubble{max-width:78%!important;font-size:12.5px!important}.civChatMessageAvatar{width:25px!important;height:25px!important}.civChatComposer{gap:4px!important;padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important}.civChatComposerIcon,.civChatSend{width:35px!important;height:35px!important;min-width:35px!important}.civChatComposer textarea{min-height:35px!important;padding:8px 8px!important;font-size:12.5px!important}.civChatPlusMenu{left:0!important;bottom:42px!important;width:210px!important}.civChatEmojiPanel{left:-39px!important;bottom:42px!important;width:216px!important}.civChatIncomingNotice{top:max(10px,env(safe-area-inset-top));right:10px;width:calc(100vw - 20px)}.civChatFormalChoices{grid-template-columns:1fr!important}.civChatCallCard{height:94dvh}.civChatRemoteStage{min-height:280px}} /* ===================================================================== CIVELIQ V8.17.272 · R76DK · AVATARES / PRESENCIA / ADJUNTOS / APP-TABLET ===================================================================== */ /* CIVELIQ_V8_17_272_R76DK_CHAT_AVATAR_PRESENCE_MEDIA_FINAL */ .civChatComposer>.civeliqDropzone,.civChatComposer .civeliqDropzone{display:none!important} .civChatListHead h2{font-size:17px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.civChatNewMini{min-width:92px!important;padding:0 9px!important}.civChatNewMini span{font-size:9.5px!important;line-height:1.05!important}.civChatPersonText b{font-size:11px!important}.civChatPersonText small{font-size:9px!important} .civChatAvatar,.civChatAvatar.avatarSlot,.civChatMessageAvatar,.civChatAvatarBig{box-sizing:border-box!important;display:grid!important;place-items:center!important;aspect-ratio:1/1!important;overflow:hidden!important;border-radius:50%!important;padding:0!important;margin:0!important;line-height:1!important;background:#eef5f8!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important;border:1px solid #c8d9e2!important;box-shadow:none!important;flex:0 0 auto!important}.civChatAvatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important}.civChatAvatarBig{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important}.civChatMessageAvatar{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;font-size:8px!important}.civChatAvatar.hasAvatar,.civChatAvatar.avatarSlot.hasAvatar{padding:0!important;background:#fff!important}.civChatAvatar img,.civChatAvatar.avatarSlot.hasAvatar img,.civChatMessageAvatar img,.civChatAvatarBig img{display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;margin:0!important;padding:0!important;transform:none!important} .civChatPresenceLine{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}.civChatOnlineDot{display:inline-block!important;flex:0 0 8px!important;width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;max-width:8px!important;max-height:8px!important;border-radius:50%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.civChatOnlineDot.isOnline{background:#28b66f!important;border:1px solid #179151!important;box-shadow:0 0 0 2px rgba(40,182,111,.13)!important}.civChatOnlineDot.isOffline{background:#a7b5bd!important;border:1px solid #8b9aa3!important;box-shadow:none!important}.civChatPeerCode{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#708591!important;-webkit-text-fill-color:#708591!important} .civChatFileCompact{min-width:0!important;width:min(310px,58vw)!important;max-width:310px!important;padding:4px 2px!important;gap:7px!important}.civChatFileCompact>svg{width:21px!important;height:21px!important}.civChatFileCompact>span{min-width:0!important}.civChatFileCompact b{display:block!important;max-width:210px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important}.civChatFileCompact small{font-size:8.5px!important}.civChatFileCompact>i{font-size:8.5px!important} .civChatMediaThumb{position:relative!important;display:block!important;width:180px!important;max-width:min(46vw,180px)!important;min-width:0!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:14px!important;background:#dbe8ee!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important;text-align:left!important}.civChatMediaThumb img,.civChatMediaThumb video{display:block!important;width:100%!important;height:124px!important;object-fit:cover!important;background:#dce8ed!important}.civChatMediaThumb small{display:block!important;padding:5px 7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:8.5px!important;color:inherit!important;-webkit-text-fill-color:inherit!important;background:rgba(255,255,255,.9)!important}.civChatMessage.mine .civChatMediaThumb small{background:rgba(15,72,106,.85)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatMediaPlaceholder{position:absolute!important;inset:0 0 24px!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:800!important;color:#4e7183!important;-webkit-text-fill-color:#4e7183!important}.civChatMediaThumb.mediaReady .civChatMediaPlaceholder{display:none!important} .civChatMediaViewer{position:fixed!important;inset:0!important;z-index:2147483000!important;background:rgba(4,19,31,.88)!important;display:grid!important;place-items:center!important;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important}.civChatMediaViewerBody{max-width:min(1100px,94vw)!important;max-height:92vh!important;display:grid!important;gap:7px!important;place-items:center!important}.civChatMediaViewerBody img,.civChatMediaViewerBody video{max-width:94vw!important;max-height:84vh!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:14px!important;background:#071725!important}.civChatMediaViewerBody small{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:11px!important}.civChatMediaViewerClose{position:fixed!important;top:max(12px,env(safe-area-inset-top))!important;right:max(12px,env(safe-area-inset-right))!important;width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.3)!important;background:rgba(8,39,59,.92)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:27px!important;line-height:1!important} .civChatPlusMenu{background:#fff!important;border-color:#d5e3e9!important}.civChatPlusMenu button{background:#fff!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatPlusMenu button span{color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatPlusMenu button:hover{background:#edf6fa!important}.civChatPlusMenu button svg{stroke:#167fbe!important} /* Tablet: mismas funciones y jerarquia visual de Web, en proporción de tablet. */ html.civeliqTabletApp .civChatWorkspace{grid-template-columns:minmax(220px,31%) minmax(0,1fr)!important}.civeliqTabletApp .civChatListHead h2{font-size:16px!important}.civeliqTabletApp .civChatNewMini{min-width:82px!important}.civeliqTabletApp .civChatAvatar{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important}.civeliqTabletApp .civChatAvatarBig{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}.civeliqTabletApp .civChatFileCompact{width:min(270px,52vw)!important}.civeliqTabletApp .civChatMediaThumb{width:160px!important}.civeliqTabletApp .civChatMediaThumb img,.civeliqTabletApp .civChatMediaThumb video{height:110px!important} /* App: mismas funciones de Web, adaptadas a pantalla completa móvil. */ @media(max-width:700px){.civChatListHead h2{font-size:17px!important}.civChatNewMini{width:auto!important;min-width:74px!important;padding:0 8px!important}.civChatNewMini span{display:inline!important;font-size:8.5px!important}.civChatPerson{padding:8px 9px!important}.civChatPersonText b{font-size:11px!important}.civChatPersonText small{font-size:8.5px!important}.civChatAvatar{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important}.civChatAvatarBig{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}.civChatMessageAvatar{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;max-width:25px!important;max-height:25px!important}.civChatHeadActions .civChatFormalizeBtn{display:flex!important;width:32px!important;min-width:32px!important;padding:0!important}.civChatHeadActions .civChatFormalizeBtn span{display:none!important}.civChatHeadActions button[data-chat-action="search"]{display:none!important}.civChatPresenceLine{max-width:150px!important}.civChatPeerCode{display:none!important}.civChatBubble{max-width:82%!important}.civChatFileCompact{width:min(235px,64vw)!important;max-width:235px!important}.civChatFileCompact b{max-width:145px!important;font-size:10px!important}.civChatMediaThumb{width:145px!important;max-width:54vw!important}.civChatMediaThumb img,.civChatMediaThumb video{height:100px!important}.civChatPlusMenu{width:205px!important}.civChatMediaViewerBody img,.civChatMediaViewerBody video{max-width:96vw!important;max-height:80vh!important}} /* ===================================================================== CIVELIQ V8.17.273 · R76DL · PREMIUM / CONTRASTE / AVATARES / SCROLL ===================================================================== */ /* CIVELIQ_V8_17_273_R76DL_CHAT_PREMIUM_AVATAR_SCROLL_MEDIA_PERMISSIONS */ .civChatWorkspace{background:linear-gradient(180deg,#f4f9fc 0%,#eaf4f8 100%)!important;border-color:#cfe0e8!important;box-shadow:0 18px 42px rgba(17,62,88,.11)!important} .civChatListPane{background:radial-gradient(circle at 8% 2%,rgba(214,177,106,.13),transparent 27%),radial-gradient(circle at 92% 5%,rgba(25,134,196,.13),transparent 34%),linear-gradient(180deg,#fbfdfe 0%,#edf6fa 100%)!important;border-right:1px solid #cfe1e8!important} .civChatStage{background:radial-gradient(circle at 85% 8%,rgba(66,169,220,.13),transparent 33%),radial-gradient(circle at 16% 90%,rgba(214,177,106,.09),transparent 30%),linear-gradient(180deg,#f8fcfe 0%,#eaf5f9 100%)!important} .civChatConversation{background:transparent!important} .civChatMessages{background:radial-gradient(circle at 82% 8%,rgba(96,190,229,.13),transparent 28%),radial-gradient(circle at 15% 88%,rgba(214,177,106,.08),transparent 30%),linear-gradient(180deg,rgba(250,253,254,.88),rgba(235,246,250,.92))!important;overscroll-behavior-y:auto!important;touch-action:pan-y!important} .civChatListHead{padding:5px 5px 2px!important}.civChatListHead h2{font-size:16px!important;letter-spacing:-.02em!important}.civChatListHead .mini{font-size:8px!important}.civChatNewMini{min-width:86px!important;height:36px!important;background:#123f5c!important;border-color:#123f5c!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatNewMini span{font-size:9px!important;color:#fff!important;-webkit-text-fill-color:#fff!important} .civChatSearchBar{background:rgba(255,255,255,.92)!important;border-color:#cfe0e7!important;box-shadow:0 5px 15px rgba(18,70,98,.06)!important}.civChatSearchBar span,.civChatSearchBar svg{color:#176f9f!important;stroke:#176f9f!important} .civChatPerson{background:rgba(255,255,255,.9)!important;border-color:#d5e4ea!important;box-shadow:0 4px 12px rgba(20,67,94,.045)!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatPerson:hover{background:#f8fcfe!important;border-color:#bcd7e3!important}.civChatPerson.active{background:linear-gradient(135deg,#0e4f78 0%,#167fbe 100%)!important;border-color:#0c628f!important;box-shadow:0 9px 20px rgba(16,86,126,.2)!important}.civChatPerson.active .civChatPersonText b,.civChatPerson.active .civChatPersonText small{color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatPerson.active .civChatPersonText small{opacity:.86!important}.civChatPerson.active>em{background:#fff!important;color:#0e5d8d!important;-webkit-text-fill-color:#0e5d8d!important}.civChatRailAvatarWrap{position:relative!important;display:block!important;flex:0 0 auto!important}.civChatRailPresence{position:absolute!important;right:-1px!important;bottom:-1px!important;width:10px!important;height:10px!important;border-radius:50%!important;border:2px solid #fff!important;box-sizing:border-box!important}.civChatRailPresence.isOnline{background:#24b66d!important}.civChatRailPresence.isOffline{background:#a6b4bc!important} .civChatAvatar,.civChatMessageAvatar,.civChatAvatarBig{border-radius:50%!important;overflow:hidden!important;aspect-ratio:1/1!important;background:#f5fafc!important;border:1px solid #bfd5df!important;color:#123e59!important;-webkit-text-fill-color:#123e59!important}.civChatPerson.active .civChatAvatar{background:#fff!important;border-color:rgba(255,255,255,.86)!important;color:#123e59!important;-webkit-text-fill-color:#123e59!important}.civChatAvatar img,.civChatMessageAvatar img,.civChatAvatarBig img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;display:block!important} .civChatConversationHead{padding:9px 12px!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(232,246,251,.97))!important;border-bottom:1px solid #cfe0e8!important;box-shadow:0 7px 18px rgba(18,72,101,.07)!important;backdrop-filter:blur(12px)!important}.civChatPeerPremium{min-width:0!important;background:rgba(255,255,255,.64)!important;border:1px solid rgba(189,216,228,.8)!important;border-radius:16px!important;padding:5px 9px 5px 5px!important;box-shadow:0 3px 10px rgba(23,78,105,.05)!important}.civChatPeerText{min-width:0!important;display:grid!important;gap:3px!important}.civChatPeerNameLine{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}.civChatPeerNameLine>b{font-size:13px!important;max-width:min(34vw,420px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#113a54!important;-webkit-text-fill-color:#113a54!important}.civChatPresenceBadge{display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:0!important;max-width:220px!important;padding:3px 7px!important;border-radius:999px!important;font-size:8.5px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.civChatPresenceBadge i{width:7px!important;height:7px!important;min-width:7px!important;border-radius:50%!important;display:block!important}.civChatPresenceBadge.isOnline{background:#e7f7ef!important;color:#177449!important;-webkit-text-fill-color:#177449!important}.civChatPresenceBadge.isOnline i{background:#28b66f!important}.civChatPresenceBadge.isOffline{background:#eef3f5!important;color:#607681!important;-webkit-text-fill-color:#607681!important}.civChatPresenceBadge.isOffline i{background:#98a9b2!important}.civChatPeerCode{font-size:8.5px!important;color:#5f7886!important;-webkit-text-fill-color:#5f7886!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .civChatHeadActions button{background:#106d9f!important;border-color:#106d9f!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 4px 10px rgba(12,86,127,.14)!important}.civChatHeadActions button *{color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatHeadActions button svg{stroke:#fff!important}.civChatHeadActions .civChatFormalizeBtn{background:#123f5c!important;border-color:#123f5c!important}.civChatHeadActions button:hover{background:#0b5c88!important} .civChatMessage.mine .civChatBubble{background:linear-gradient(135deg,#1686c9,#0f6fa8)!important;border-color:#0f6fa8!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatMessage.mine .civChatBubble *{color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatMessage.theirs .civChatBubble{background:#fff!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatMessage.theirs .civChatBubble *:not(svg){color:inherit!important;-webkit-text-fill-color:inherit!important} .civChatFileCompact{width:min(255px,50vw)!important;max-width:255px!important;padding:3px 0!important;gap:6px!important}.civChatFileCompact>svg{width:18px!important;height:18px!important}.civChatFileCompact b{max-width:165px!important;font-size:10px!important}.civChatFileCompact small,.civChatFileCompact>i{font-size:8px!important}.civChatMediaThumb{width:152px!important;max-width:min(42vw,152px)!important;border-radius:12px!important}.civChatMediaThumb img,.civChatMediaThumb video{height:102px!important}.civChatMediaThumb small{font-size:8px!important;padding:4px 6px!important} .civChatPlusMenu{background:#fff!important;border-color:#cfe0e8!important;box-shadow:0 18px 42px rgba(13,62,89,.22)!important}.civChatPlusMenu button{background:#fff!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatPlusMenu button span{color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatPlusMenu button:hover{background:#eaf5fa!important} .civChatComposer{background:rgba(255,255,255,.96)!important;border-top-color:#cfe0e8!important;box-shadow:0 -4px 16px rgba(19,70,96,.05)!important}.civChatComposer textarea{color:#173d57!important;-webkit-text-fill-color:#173d57!important;background:#f8fcfe!important} .civChatMessages{scrollbar-color:#9fc2d2 transparent!important;scrollbar-width:thin!important}.civChatRail{scrollbar-color:#adc8d5 transparent!important;scrollbar-width:thin!important} @media(max-width:1120px){.civChatPeerNameLine>b{max-width:28vw!important}.civChatPresenceBadge{max-width:150px!important}.civChatFileCompact{width:min(230px,48vw)!important}.civChatMediaThumb{width:142px!important}.civChatMediaThumb img,.civChatMediaThumb video{height:96px!important}} html.civeliqTabletApp .civChatListPane{background:radial-gradient(circle at 10% 0%,rgba(214,177,106,.12),transparent 28%),linear-gradient(180deg,#fbfdfe,#edf6fa)!important}html.civeliqTabletApp .civChatStage{background:radial-gradient(circle at 88% 8%,rgba(52,158,211,.12),transparent 32%),linear-gradient(180deg,#f8fcfe,#ebf6fa)!important}html.civeliqTabletApp .civChatPeerNameLine>b{max-width:24vw!important;font-size:11px!important}html.civeliqTabletApp .civChatPresenceBadge{max-width:128px!important;font-size:7.5px!important}html.civeliqTabletApp .civChatPeerCode{font-size:7.5px!important}html.civeliqTabletApp .civChatFileCompact{width:min(215px,44vw)!important}html.civeliqTabletApp .civChatMediaThumb{width:138px!important}html.civeliqTabletApp .civChatMediaThumb img,html.civeliqTabletApp .civChatMediaThumb video{height:92px!important} @media(max-width:700px){.civChatListPane{background:radial-gradient(circle at 8% 0%,rgba(214,177,106,.12),transparent 30%),linear-gradient(180deg,#fbfdfe,#edf6fa)!important}.civChatStage{background:radial-gradient(circle at 88% 7%,rgba(52,158,211,.13),transparent 34%),linear-gradient(180deg,#f8fcfe,#eaf5f9)!important}.civChatConversationHead{padding:7px 7px!important}.civChatPeerPremium{padding:4px 6px 4px 4px!important;border-radius:13px!important}.civChatPeerNameLine{gap:4px!important}.civChatPeerNameLine>b{max-width:34vw!important;font-size:10.5px!important}.civChatPresenceBadge{max-width:88px!important;font-size:7px!important;padding:2px 5px!important}.civChatPeerCode{font-size:7px!important;max-width:150px!important}.civChatHeadActions button{width:31px!important;min-width:31px!important;height:31px!important}.civChatFileCompact{width:min(205px,58vw)!important;max-width:205px!important}.civChatFileCompact b{max-width:125px!important}.civChatMediaThumb{width:128px!important;max-width:48vw!important}.civChatMediaThumb img,.civChatMediaThumb video{height:86px!important}.civChatPerson.active{background:linear-gradient(135deg,#0e4f78,#167fbe)!important}.civChatPerson.active .civChatPersonText b,.civChatPerson.active .civChatPersonText small{color:#fff!important;-webkit-text-fill-color:#fff!important}} /* ===================================================================== CIVELIQ V8.17.278 · R76DQ · CHAT PANTALLA FIJA SEGURA Mantiene intacta la columna CIVELIQ y la rejilla/lista del Chat. Solo fija el viewport de la página y deja scroll interno en listas/mensajes. ===================================================================== */ /* CIVELIQ_V8_17_278_R76DQ_CHAT_FIXED_VIEWPORT_SAFE */ @media (min-width:701px){ body[data-page="chat"]{overflow:hidden!important} body[data-page="chat"] #app.shell:not(.hidden){height:100dvh!important;min-height:0!important;overflow:hidden!important} body[data-page="chat"] #app.shell:not(.hidden)>main{ height:100dvh!important;min-height:0!important;max-height:100dvh!important; overflow:hidden!important;display:flex!important;flex-direction:column!important } body[data-page="chat"] #app.shell:not(.hidden)>main>.top, body[data-page="chat"] #app.shell:not(.hidden)>main>#certAlert{flex:0 0 auto!important} body[data-page="chat"] #page{ flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important; overflow:hidden!important;width:100%!important } body[data-page="chat"] .civChatPage{ height:100%!important;min-height:0!important;max-height:none!important; overflow:hidden!important;padding-bottom:0!important } body[data-page="chat"] .civChatWorkspace{ height:100%!important;min-height:0!important;max-height:none!important; overflow:hidden!important } body[data-page="chat"] .civChatListPane, body[data-page="chat"] .civChatStage, body[data-page="chat"] .civChatConversation{min-height:0!important;height:100%!important;max-height:none!important;overflow:hidden!important} body[data-page="chat"] .civChatRail{ min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important; overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important } body[data-page="chat"] .civChatMessages{ min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important; overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important } } /* App móvil conserva su layout propio aprobado. */ /* ===================================================================== CIVELIQ V8.17.279 · R76DR · CHAT LIMPIO / MÁS ESPACIO / PANTALLA FIJA - Columna CIVELIQ intacta - Oculta solo buscador global + bloque global de cuenta en Chat - Más altura útil para conversaciones y mensajes - Lista sin caja azul; avatar + LED + nombre + última conversación - Menú de adjuntos claro y micrófono dentro de la barra de escritura ===================================================================== */ /* CIVELIQ_V8_17_279_R76DR_CHAT_CLEAN_EXPANDED_FIXED */ @media (min-width:701px){ body[data-page="chat"] #app.shell:not(.hidden)>main>.top{margin-bottom:8px!important;min-height:48px!important} body[data-page="chat"] #app.shell:not(.hidden)>main>.top .globalSearch, body[data-page="chat"] #app.shell:not(.hidden)>main>.top .profilePill{display:none!important} body[data-page="chat"] #app.shell:not(.hidden)>main{padding-top:14px!important;padding-bottom:14px!important} body[data-page="chat"] #page{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important} body[data-page="chat"] .civChatPage, body[data-page="chat"] .civChatWorkspace{height:100%!important;min-height:0!important;max-height:none!important} body[data-page="chat"] .civChatWorkspace{grid-template-columns:300px minmax(0,1fr)!important} body[data-page="chat"] .civChatListPane, body[data-page="chat"] .civChatStage{height:100%!important;min-height:0!important} } html.civeliqTabletApp body[data-page="chat"] .civChatWorkspace{grid-template-columns:minmax(220px,31%) minmax(0,1fr)!important} /* Lista de conversaciones: sin tarjeta azul/grande. */ .civChatRail{gap:2px!important;padding:2px 2px 8px!important} .civChatPerson,.civChatPerson.active,.civChatPerson:hover{ background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important; border-radius:12px!important;padding:8px 5px!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important } .civChatPerson.active .civChatPersonText b,.civChatPerson.active .civChatPersonText small, .civChatPerson:hover .civChatPersonText b,.civChatPerson:hover .civChatPersonText small{color:#173d57!important;-webkit-text-fill-color:#173d57!important} .civChatPersonText{gap:2px!important}.civChatPersonText b{font-size:11.5px!important;font-weight:900!important}.civChatPersonText small{font-size:9px!important;color:#728590!important;-webkit-text-fill-color:#728590!important} .civChatPerson>em{background:#e9f5fb!important;color:#0c6f9f!important;-webkit-text-fill-color:#0c6f9f!important} .civChatRailAvatarWrap{position:relative!important}.civChatRailPresence{width:10px!important;height:10px!important;border-radius:50%!important} /* Avatares: siempre circulares y legibles, incluso si no hay foto. */ .civChatAvatar,.civChatMessageAvatar,.civChatAvatarBig{display:grid!important;place-items:center!important;border-radius:50%!important;overflow:hidden!important;background:#f7fbfd!important;border:1px solid #bfd5df!important;color:#123e59!important;-webkit-text-fill-color:#123e59!important;font-weight:900!important;line-height:1!important} .civChatMessageAvatar{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;max-width:29px!important;max-height:29px!important;font-size:8.5px!important;margin-top:2px!important} .civChatMessage{align-items:flex-end!important;gap:7px!important;padding-left:0!important;padding-right:0!important}.civChatMessage.mine{padding-left:0!important;padding-right:0!important} .civChatAvatar img,.civChatMessageAvatar img,.civChatAvatarBig img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important} /* Cabecera compacta/premium del contacto, sin hacerse gigante. */ .civChatConversationHead{min-height:58px!important;padding:8px 10px!important;background:linear-gradient(135deg,#fff 0%,#f4fbff 100%)!important;border-bottom:1px solid #d7e7ef!important;box-shadow:0 5px 16px rgba(22,77,105,.06)!important}.civChatPeerPremium{padding:4px 7px 4px 4px!important;border-radius:14px!important}.civChatPresenceBadge{border-radius:999px!important}.civChatPresenceBadge i{border-radius:50%!important} /* Menú adjuntos luminoso/premium. */ .civChatPlusMenu{background:#fff!important;border:1px solid #cfe2ec!important;border-radius:16px!important;padding:6px!important;box-shadow:0 18px 42px rgba(13,62,89,.18)!important} .civChatPlusMenu button{background:#f9fcfe!important;border:1px solid transparent!important;border-radius:11px!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important;min-height:38px!important} .civChatPlusMenu button span,.civChatPlusMenu button b,.civChatPlusMenu button small{color:#173d57!important;-webkit-text-fill-color:#173d57!important}.civChatPlusMenu button svg{stroke:#167fbe!important}.civChatPlusMenu button:hover{background:#eaf6fc!important;border-color:#cfe4ef!important} /* Composer como el boceto: + · emoji · campo con micro dentro · enviar. */ .civChatComposer{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;padding:9px 11px!important} .civChatTextWrap{position:relative!important;min-width:0!important;width:100%!important}.civChatTextWrap textarea{width:100%!important;min-height:42px!important;max-height:120px!important;padding:10px 47px 10px 12px!important;border-radius:15px!important} .civChatComposerMic{position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#35667f!important;display:grid!important;place-items:center!important;padding:0!important}.civChatComposerMic svg{width:19px!important;height:19px!important}.civChatComposerMic:hover{background:#edf7fb!important}.civChatComposerMic.recording{background:#fff0ef!important;color:#a13d36!important} .civChatSend{width:42px!important;height:42px!important} /* Burbujas y textos con contraste. */ .civChatMessage.mine .civChatBubble{background:linear-gradient(135deg,#1686c9,#0f6fa8)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatMessage.mine .civChatBubble *{color:#fff!important;-webkit-text-fill-color:#fff!important}.civChatMessage.theirs .civChatBubble{background:#fff!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important} @media(max-width:700px){ .civChatComposer{grid-template-columns:auto auto minmax(0,1fr) auto!important;gap:4px!important;padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important} .civChatTextWrap textarea{min-height:35px!important;padding:8px 40px 8px 9px!important;font-size:12.5px!important}.civChatComposerMic{width:30px!important;height:30px!important;right:3px!important}.civChatSend{width:35px!important;height:35px!important} .civChatPerson,.civChatPerson.active,.civChatPerson:hover{padding:8px 6px!important;background:transparent!important}.civChatMessageAvatar{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;max-width:25px!important;max-height:25px!important} } /* CIVELIQ_V8_17_279_R76DR_CHAT_CLEAN_EXPANDED_FIXED */ /* ===================================================================== CIVELIQ V8.17.280 · R76DS · AJUSTES FINALES CHAT ===================================================================== */ /* CIVELIQ_V8_17_280_R76DS_CHAT_AVATAR_COMPACT_AI_TOP */ /* Conversaciones: sin caja/tarjeta; solo avatar + LED + nombre + última conversación. */ .civChatPerson,.civChatPerson.active,.civChatPerson:hover,.civChatPerson:focus{ background:transparent!important;background-image:none!important;border:0!important;outline:0!important; box-shadow:none!important;transform:none!important;padding:8px 4px!important;border-radius:10px!important; color:#173d57!important;-webkit-text-fill-color:#173d57!important } .civChatPerson.active:before,.civChatPerson.active:after{display:none!important;content:none!important} .civChatPersonText b{color:#173d57!important;-webkit-text-fill-color:#173d57!important;font-size:12px!important;font-weight:900!important} .civChatPersonText small{color:#6c8290!important;-webkit-text-fill-color:#6c8290!important;font-size:10px!important} .civChatRailAvatarWrap{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 auto!important} .civChatRailAvatarWrap .civChatAvatar{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important} .civChatRailPresence{position:absolute!important;right:0!important;bottom:0!important;width:11px!important;height:11px!important;border-radius:50%!important;border:2px solid #fff!important;background:#9aaab3!important;box-sizing:border-box!important} .civChatRailPresence.isOnline{background:#28b76b!important;box-shadow:0 0 0 2px rgba(40,183,107,.12)!important} .civChatRailPresence.isOffline{background:#a5b2b9!important} /* Avatar siempre circular, foto centrada; fallback visible con iniciales. */ .civChatAvatar,.civChatMessageAvatar,.civChatAvatarBig{position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:50%!important;background:#f5fafc!important;border:1px solid #c6dce6!important;color:#103f5b!important;-webkit-text-fill-color:#103f5b!important;font-weight:900!important} .civChatAvatar.hasAvatar,.civChatMessageAvatar.hasAvatar,.civChatAvatarBig.hasAvatar{color:transparent!important;-webkit-text-fill-color:transparent!important} .civChatAvatar img,.civChatMessageAvatar img,.civChatAvatarBig img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important} .civChatMessageAvatar{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;margin:0 2px 2px!important} /* Menú adjuntos: claro, legible, premium. */ .civChatPlusMenu{background:#fff!important;border:1px solid #d2e6ef!important;box-shadow:0 18px 42px rgba(15,63,91,.18)!important} .civChatPlusMenu button{background:#f8fcfe!important;color:#123f59!important;-webkit-text-fill-color:#123f59!important;border:1px solid #edf5f8!important;min-height:37px!important} .civChatPlusMenu button:hover{background:#eaf7fc!important;border-color:#cfe6f0!important}.civChatPlusMenu button svg{stroke:#1886c4!important} /* Barra de escribir más compacta; micrófono centrado en la esquina derecha del campo. */ .civChatComposer{gap:6px!important;padding:7px 10px!important;align-items:center!important} .civChatTextWrap{position:relative!important;min-width:0!important;width:100%!important} .civChatTextWrap textarea{min-height:36px!important;height:36px!important;max-height:94px!important;padding:8px 42px 8px 11px!important;border-radius:13px!important;font-size:12.5px!important;line-height:20px!important;box-sizing:border-box!important} .civChatComposerMic{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#1680ba!important} .civChatComposerMic svg{width:18px!important;height:18px!important;margin:auto!important}.civChatComposerMic:hover{background:#edf8fc!important} .civChatComposerIcon,.civChatSend{width:36px!important;height:36px!important;border-radius:12px!important} /* CIVELIQ Assist: en Chat arriba a la derecha, no abajo. */ body[data-page="chat"] #civeliqAssistFab{top:18px!important;right:18px!important;bottom:auto!important;left:auto!important;width:50px!important;height:50px!important;border-radius:16px!important;z-index:1250!important} body[data-page="chat"] #civeliqAssistFab img{width:30px!important;height:30px!important} @media(max-width:700px){ body[data-page="chat"] #civeliqAssistFab{top:calc(10px + env(safe-area-inset-top))!important;right:10px!important;bottom:auto!important;width:44px!important;height:44px!important;border-radius:14px!important} .civChatTextWrap textarea{min-height:34px!important;height:34px!important;padding:7px 38px 7px 9px!important;font-size:12px!important}.civChatComposerMic{right:2px!important;width:30px!important;height:30px!important}.civChatComposerIcon,.civChatSend{width:34px!important;height:34px!important} .civChatRailAvatarWrap .civChatAvatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important} .civChatMessageAvatar{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important} } /* CIVELIQ_V8_17_280_R76DS_CHAT_AVATAR_COMPACT_AI_TOP */ \n\n/* ===================================================================== CIVELIQ V8.17.281 · R76DT · LIMPIEZA VISUAL CHAT - Barra inferior: botones blancos + iconos azules CIVELIQ - Avatar circular limpio, sin bloque azul detrás - Selección de mensaje reducida a un punto circular discreto - Mensajes/adjuntos más compactos, sin cambiar funciones ===================================================================== */ /* CIVELIQ_V8_17_281_R76DT_CHAT_COMPOSER_WHITE_BLUE_AVATAR_CLEAN */ /* 1) Barra inferior: limpia, blanca y azul CIVELIQ. */ .civChatComposer{ background:#ffffff!important; border-top:1px solid #d8e8ef!important; gap:7px!important; padding:7px 10px!important; align-items:center!important; box-shadow:0 -4px 14px rgba(25,85,118,.035)!important; } .civChatComposerIcon,.civChatPlus,.civChatSend{ width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important; padding:0!important;border-radius:12px!important; background:#ffffff!important;background-image:none!important; border:1px solid #cfe4ee!important; color:#147fbd!important;-webkit-text-fill-color:#147fbd!important; box-shadow:0 3px 10px rgba(23,111,161,.07)!important; display:grid!important;place-items:center!important; } .civChatComposerIcon svg,.civChatPlus svg,.civChatSend svg{ width:18px!important;height:18px!important; stroke:#147fbd!important;color:#147fbd!important;fill:none!important; } .civChatComposerIcon:hover,.civChatPlus:hover,.civChatSend:hover{ background:#f1f9fd!important;border-color:#a9d2e5!important; } .civChatComposerIcon.recording{ background:#fff6f5!important;border-color:#e3b8b4!important;color:#ad4942!important;-webkit-text-fill-color:#ad4942!important; } .civChatComposerIcon.recording svg{stroke:#ad4942!important} /* Campo más compacto. Micrófono centrado dentro de la esquina derecha. */ .civChatTextWrap{position:relative!important;min-width:0!important;width:100%!important;flex:1 1 auto!important} .civChatTextWrap textarea{ width:100%!important;min-height:36px!important;height:36px!important;max-height:92px!important; padding:8px 42px 8px 11px!important;border-radius:13px!important; background:#ffffff!important;border:1px solid #d1e3eb!important; color:#173d57!important;-webkit-text-fill-color:#173d57!important; font-size:12.5px!important;line-height:19px!important;box-sizing:border-box!important; box-shadow:none!important; } .civChatTextWrap textarea::placeholder{color:#8298a5!important;-webkit-text-fill-color:#8298a5!important;opacity:1!important} .civChatComposerMic{ position:absolute!important;right:3px!important;top:50%!important;transform:translateY(-50%)!important; width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important; margin:0!important;padding:0!important;border:0!important;border-radius:10px!important; background:transparent!important;background-image:none!important; color:#147fbd!important;-webkit-text-fill-color:#147fbd!important; display:grid!important;place-items:center!important;box-shadow:none!important; } .civChatComposerMic svg{width:18px!important;height:18px!important;stroke:#147fbd!important;margin:auto!important} .civChatComposerMic:hover{background:#eff8fc!important} /* 2) Avatar de mensajes: solo el círculo/foto, sin rectángulo o fondo azul detrás. */ .civChatMessage{background:transparent!important;background-image:none!important;box-shadow:none!important} .civChatMessage::before,.civChatMessage::after, .civChatMessageAvatar::before,.civChatMessageAvatar::after{content:none!important;display:none!important} .civChatMessageAvatar{ width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important; max-width:30px!important;max-height:30px!important;flex:0 0 30px!important; padding:0!important;margin:0 3px 2px!important; border-radius:50%!important;overflow:hidden!important; background:#f7fbfd!important;background-image:none!important; border:1px solid #c8dde6!important;box-shadow:none!important; color:#123e59!important;-webkit-text-fill-color:#123e59!important; } .civChatMessageAvatar.hasAvatar{ background:transparent!important;background-image:none!important;border-color:transparent!important; color:transparent!important;-webkit-text-fill-color:transparent!important;box-shadow:none!important; } .civChatMessageAvatar img{ display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important; object-fit:cover!important;object-position:center!important; border:0!important;border-radius:50%!important;margin:0!important;padding:0!important; clip-path:circle(50% at 50% 50%)!important; } /* El selector de mensaje nunca puede parecer un bloque azul detrás del avatar. */ button.civChatSelectDot{ width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important; padding:0!important;margin:0!important;border-radius:50%!important; background:#ffffff!important;background-image:none!important;border:1.5px solid #98b9c8!important; box-shadow:none!important;opacity:0!important; } .civChatMessage:hover button.civChatSelectDot{opacity:.48!important} .civChatMessage.selected button.civChatSelectDot{opacity:1!important;background:#1686c9!important;border-color:#1686c9!important;box-shadow:inset 0 0 0 3px #fff!important} /* 3) Conversación algo más compacta y natural. */ .civChatMessages{padding-top:12px!important;padding-bottom:10px!important} .civChatMessage{gap:6px!important;margin:4px 0!important;align-items:flex-end!important} .civChatBubble{padding:8px 10px 6px!important;border-radius:15px 15px 15px 5px!important;box-shadow:0 2px 8px rgba(28,70,95,.045)!important} .civChatMessage.mine .civChatBubble{border-radius:15px 15px 5px 15px!important} .civChatTextBody{font-size:13px!important;line-height:1.35!important} .civChatBubble footer{margin-top:2px!important} .civChatFileCompact{max-width:min(290px,56vw)!important} .civChatMediaThumb{max-width:min(175px,44vw)!important} @media(max-width:700px){ .civChatComposer{gap:5px!important;padding:6px max(7px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important} .civChatComposerIcon,.civChatPlus,.civChatSend{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:11px!important} .civChatTextWrap textarea{height:34px!important;min-height:34px!important;padding:7px 38px 7px 9px!important;font-size:12px!important} .civChatComposerMic{right:2px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important} .civChatMessageAvatar{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important;flex-basis:26px!important} .civChatMessage{gap:5px!important;margin:3px 0!important} .civChatBubble{padding:7px 9px 5px!important} } /* CIVELIQ_V8_17_282_R76DW_CHAT_FORCE_FRESH_UI_STRUCTURE */ body[data-page="chat"] .civChatPerson,body[data-page="chat"] .civChatPerson[data-current="1"]{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;} body[data-page="chat"] .civChatMessage>.civChatSelectDot{display:none!important;} body[data-page="chat"] .civChatComposerIcon,body[data-page="chat"] .civChatPlus,body[data-page="chat"] .civChatSend{background:#fff!important;background-image:none!important;color:#147fbd!important;-webkit-text-fill-color:#147fbd!important;border:1px solid #cfe4ee!important;} body[data-page="chat"] .civChatComposerIcon svg,body[data-page="chat"] .civChatPlus svg,body[data-page="chat"] .civChatSend svg{stroke:#147fbd!important;color:#147fbd!important;fill:none!important;} body[data-page="chat"] .civChatMessageAvatar.hasAvatar{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;} /* CIVELIQ_V8_17_283_R76DW_CHAT_NO_MESSAGE_SELECTOR */ body[data-page="chat"] .civChatSelectDot{display:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;} body[data-page="chat"] .civChatMessage{background:transparent!important;background-image:none!important;box-shadow:none!important;} body[data-page="chat"] .civChatMessageAvatar,body[data-page="chat"] .civChatMessageAvatar.hasAvatar{border-radius:50%!important;overflow:hidden!important;box-shadow:none!important;} /* ===================================================================== CIVELIQ V8.17.284 · R76DW · PREMIUM CLOUD / MEDIA CLEAN / ICON ONLY ===================================================================== */ /* CIVELIQ_V8_17_284_R76DW_CHAT_PREMIUM_CLOUD_MEDIA_ICON_ONLY */ body[data-page="chat"] .civChatMessages{ background: radial-gradient(ellipse at 14% 14%,rgba(255,255,255,.90) 0 6%,rgba(255,255,255,.50) 7% 12%,transparent 13%), radial-gradient(ellipse at 26% 20%,rgba(255,255,255,.68) 0 5%,transparent 12%), radial-gradient(ellipse at 83% 18%,rgba(255,255,255,.78) 0 7%,rgba(255,255,255,.30) 8% 13%,transparent 14%), radial-gradient(ellipse at 72% 62%,rgba(255,255,255,.56) 0 7%,transparent 15%), radial-gradient(ellipse at 18% 78%,rgba(255,255,255,.62) 0 8%,transparent 16%), linear-gradient(180deg,#eef9ff 0%,#e3f4fc 47%,#edf9ff 100%)!important; background-attachment:local!important; } body[data-page="chat"] .civChatConversation{background:#eaf7fd!important;} body[data-page="chat"] .civChatConversationHead{background:rgba(255,255,255,.90)!important;backdrop-filter:blur(16px)!important;} body[data-page="chat"] .civChatListPane{background:linear-gradient(180deg,#f8fcff,#f1f9fd)!important;} /* Cabecera: iconos puros, sin caja/ventana detrás. */ body[data-page="chat"] .civChatHeadActionsIconOnly{gap:8px!important;} body[data-page="chat"] .civChatHeadActionsIconOnly .civChatActionGlyph, body[data-page="chat"] .civChatHeadActionsIconOnly .civChatFormalizeBtn{ width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important; padding:0!important;margin:0!important;border:0!important;border-radius:50%!important; background:transparent!important;background-image:none!important;box-shadow:none!important; color:#167fbd!important;-webkit-text-fill-color:#167fbd!important; display:grid!important;place-items:center!important; } body[data-page="chat"] .civChatHeadActionsIconOnly .civChatActionGlyph:hover, body[data-page="chat"] .civChatHeadActionsIconOnly .civChatFormalizeBtn:hover{background:rgba(22,127,189,.08)!important;} body[data-page="chat"] .civChatHeadActionsIconOnly svg{width:22px!important;height:22px!important;stroke:#167fbd!important;stroke-width:1.8!important;fill:none!important;} body[data-page="chat"] .civChatHeadActionsIconOnly .civChatFormalizeBtn span{display:none!important;} /* Adjuntos: nunca una burbuja azul grande detrás. */ body[data-page="chat"] .civChatBubble:has(.civChatMediaThumb), body[data-page="chat"] .civChatBubble:has(.civChatFileCard), body[data-page="chat"] .civChatBubble:has(.civChatVoice){ background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important; } body[data-page="chat"] .civChatBubble:has(.civChatMediaThumb) footer, body[data-page="chat"] .civChatBubble:has(.civChatFileCard) footer, body[data-page="chat"] .civChatBubble:has(.civChatVoice) footer{padding:2px 4px 0!important;} /* Fotos/vídeos: solo el contenido visual. */ body[data-page="chat"] .civChatMediaOnly{ position:relative!important;display:block!important;min-width:0!important;max-width:min(300px,62vw)!important; padding:0!important;margin:0!important;border:0!important;background:transparent!important;background-image:none!important; box-shadow:none!important;border-radius:15px!important;overflow:hidden!important;color:inherit!important; } body[data-page="chat"] .civChatMediaOnly img, body[data-page="chat"] .civChatMediaOnly video{ display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:300px!important; object-fit:cover!important;border-radius:15px!important;border:0!important;box-shadow:0 6px 18px rgba(28,89,126,.10)!important; } body[data-page="chat"] .civChatMediaOnly .civChatVideoPlay{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:42px!important;height:42px!important;border-radius:50%!important;background:rgba(255,255,255,.88)!important;color:#167fbd!important;display:grid!important;place-items:center!important;font-size:18px!important;box-shadow:0 4px 14px rgba(14,77,112,.16)!important;} body[data-page="chat"] .civChatMediaThumb small, body[data-page="chat"] .civChatMediaPlaceholder{display:none!important;} /* Archivos: tarjeta blanca compacta, sin azul exterior. */ body[data-page="chat"] .civChatFileClean, body[data-page="chat"] .civChatVoiceClean{ min-width:210px!important;max-width:min(340px,70vw)!important;padding:9px 11px!important;border-radius:13px!important; border:1px solid #d7e8f1!important;background:#fff!important;background-image:none!important;color:#173d57!important; box-shadow:0 5px 14px rgba(30,95,133,.08)!important; } body[data-page="chat"] .civChatFileClean>svg, body[data-page="chat"] .civChatVoiceClean>svg{stroke:#167fbd!important;color:#167fbd!important;} body[data-page="chat"] .civChatFileClean>i, body[data-page="chat"] .civChatVoiceClean>i{color:#167fbd!important;-webkit-text-fill-color:#167fbd!important;} body[data-page="chat"] .civChatFileClean small{color:#708895!important;-webkit-text-fill-color:#708895!important;} /* Composer: iconos blancos/azules coherentes, sin cuadrados azules pesados. */ body[data-page="chat"] .civChatComposer{background:rgba(248,252,255,.96)!important;backdrop-filter:blur(12px)!important;gap:7px!important;padding:9px 12px!important;} body[data-page="chat"] .civChatComposerIcon, body[data-page="chat"] .civChatPlus, body[data-page="chat"] .civChatSend{ width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:50%!important; background:#fff!important;background-image:none!important;border:1px solid #d3e8f2!important;color:#167fbd!important;-webkit-text-fill-color:#167fbd!important; box-shadow:0 3px 10px rgba(25,104,149,.06)!important; } body[data-page="chat"] .civChatComposerIcon svg, body[data-page="chat"] .civChatPlus svg, body[data-page="chat"] .civChatSend svg{stroke:#167fbd!important;color:#167fbd!important;fill:none!important;width:19px!important;height:19px!important;} body[data-page="chat"] .civChatTextWrap textarea{height:36px!important;min-height:36px!important;border-radius:18px!important;background:#fff!important;border:1px solid #d5e7ef!important;} body[data-page="chat"] .civChatComposerMic{right:7px!important;color:#167fbd!important;} body[data-page="chat"] .civChatComposerMic svg{stroke:#167fbd!important;width:19px!important;height:19px!important;} /* Menú + : mismo lenguaje de iconos blanco/azul. */ body[data-page="chat"] .civChatPlusMenu{background:#fff!important;border:1px solid #d9e9f1!important;box-shadow:0 14px 34px rgba(27,86,121,.13)!important;} body[data-page="chat"] .civChatPlusMenu button{background:#fff!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important;border:0!important;} body[data-page="chat"] .civChatPlusMenu button:hover{background:#f1f9fd!important;} body[data-page="chat"] .civChatPlusMenu button svg{stroke:#167fbd!important;color:#167fbd!important;fill:none!important;} /* Logo real en la cabecera del módulo, sin texto dorado. */ body[data-page="chat"] #eyebrow.chatLogoEyebrow{display:flex!important;align-items:center!important;height:32px!important;margin:0 0 2px!important;color:transparent!important;font-size:0!important;letter-spacing:0!important;} body[data-page="chat"] #eyebrow.chatLogoEyebrow .civChatTopLogo{display:block!important;width:30px!important;height:30px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(24,75,105,.10))!important;} body[data-page="chat"] .civChatListHead .mini{color:#173d57!important;-webkit-text-fill-color:#173d57!important;} @media(max-width:700px){ body[data-page="chat"] .civChatHeadActionsIconOnly .civChatActionGlyph,body[data-page="chat"] .civChatHeadActionsIconOnly .civChatFormalizeBtn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;} body[data-page="chat"] .civChatMediaOnly{max-width:74vw!important;} body[data-page="chat"] .civChatFileClean,body[data-page="chat"] .civChatVoiceClean{min-width:180px!important;max-width:76vw!important;} } /* ===================================================================== CIVELIQ V8.17.285 · R76DX · CHECKLIST CHAT CLEAN UI ===================================================================== */ /* CIVELIQ_V8_17_285_R76DX_CHAT_CHECKLIST_CLEAN_UI */ /* Marca principal: logo oficial grande DELANTE de CIVELIQ Chat. */ body[data-page="chat"] #eyebrow.civChatEyebrowHiddenR76DX{display:none!important;} body[data-page="chat"] #title .civChatGlobalBrand{display:inline-flex!important;align-items:center!important;gap:12px!important;vertical-align:middle!important;} body[data-page="chat"] #title .civChatGlobalBrand img{display:block!important;width:46px!important;height:46px!important;min-width:46px!important;object-fit:contain!important;filter:drop-shadow(0 4px 10px rgba(20,91,130,.14))!important;} body[data-page="chat"] #title .civChatGlobalBrand>span{display:block!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important;font-weight:900!important;letter-spacing:-.035em!important;} /* Columna de conversaciones: SIN barra de búsqueda. */ body[data-page="chat"] .civChatListHeadNoSearch{margin-bottom:10px!important;} body[data-page="chat"] .civChatListHeadNoSearch .civChatListTitle{display:flex!important;align-items:center!important;min-width:0!important;} body[data-page="chat"] .civChatListHeadNoSearch h2{margin:0!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important;} body[data-page="chat"] .civChatSearchBar{display:none!important;} /* Iconos = iconos. Sin ventana, cuadrado, círculo ni caja detrás. */ body[data-page="chat"] .civChatBareIcon, body[data-page="chat"] .civChatHeadActionsIconOnly .civChatActionGlyph, body[data-page="chat"] .civChatHeadActionsIconOnly .civChatFormalizeBtn, body[data-page="chat"] .civChatComposerIcon, body[data-page="chat"] .civChatPlus, body[data-page="chat"] .civChatSend, body[data-page="chat"] .civChatComposerMic{ appearance:none!important;-webkit-appearance:none!important; background:transparent!important;background-image:none!important; border:0!important;outline:0!important;box-shadow:none!important; color:#147fbd!important;-webkit-text-fill-color:#147fbd!important; border-radius:0!important;padding:0!important; } body[data-page="chat"] .civChatHeadActionsIconOnly{gap:9px!important;} body[data-page="chat"] .civChatHeadActionsIconOnly .civChatActionGlyph, body[data-page="chat"] .civChatHeadActionsIconOnly .civChatFormalizeBtn{width:30px!important;height:34px!important;min-width:30px!important;min-height:34px!important;display:grid!important;place-items:center!important;} body[data-page="chat"] .civChatHeadActionsIconOnly .civChatActionGlyph:hover, body[data-page="chat"] .civChatHeadActionsIconOnly .civChatFormalizeBtn:hover, body[data-page="chat"] .civChatComposerIcon:hover, body[data-page="chat"] .civChatPlus:hover, body[data-page="chat"] .civChatSend:hover, body[data-page="chat"] .civChatComposerMic:hover{background:transparent!important;filter:brightness(.88)!important;} body[data-page="chat"] .civChatHeadActionsIconOnly svg{width:23px!important;height:23px!important;stroke:#147fbd!important;stroke-width:1.75!important;fill:none!important;} body[data-page="chat"] .civChatHeadActionsIconOnly .civChatFormalizeBtn span{display:none!important;} body[data-page="chat"] .civChatComposerIcon, body[data-page="chat"] .civChatPlus, body[data-page="chat"] .civChatSend{width:30px!important;height:36px!important;min-width:30px!important;min-height:36px!important;display:grid!important;place-items:center!important;} body[data-page="chat"] .civChatComposerIcon svg, body[data-page="chat"] .civChatPlus svg, body[data-page="chat"] .civChatSend svg, body[data-page="chat"] .civChatComposerMic svg{width:21px!important;height:21px!important;stroke:#147fbd!important;stroke-width:1.8!important;fill:none!important;} body[data-page="chat"] .civChatComposer{background:rgba(250,253,255,.96)!important;box-shadow:none!important;border-top:1px solid #dcebf2!important;} /* FOTO/VIDEO: físicamente fuera de civChatBubble. Solo contenido visual, CERO marco/fondo azul. */ body[data-page="chat"] .civChatMediaMessage{display:flex!important;flex-direction:column!important;align-items:flex-end!important;max-width:min(320px,64vw)!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;} body[data-page="chat"] .civChatMessage.theirs .civChatMediaMessage{align-items:flex-start!important;} body[data-page="chat"] .civChatPhotoOnly, body[data-page="chat"] .civChatMediaOnly, body[data-page="chat"] .civChatMediaThumb{ display:block!important;line-height:0!important;padding:0!important;margin:0!important; background:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important; border-radius:14px!important;overflow:hidden!important;min-width:0!important;max-width:min(300px,62vw)!important; } body[data-page="chat"] .civChatPhotoOnly img, body[data-page="chat"] .civChatPhotoOnly video, body[data-page="chat"] .civChatMediaOnly img, body[data-page="chat"] .civChatMediaOnly video{ display:block!important;width:auto!important;max-width:min(300px,62vw)!important;height:auto!important;max-height:300px!important; object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:14px!important;background:transparent!important; } body[data-page="chat"] .civChatMediaMessage footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;margin-top:3px!important;padding:0 2px!important;background:transparent!important;border:0!important;box-shadow:none!important;} body[data-page="chat"] .civChatMessage.theirs .civChatMediaMessage footer{justify-content:flex-start!important;} body[data-page="chat"] .civChatMediaMessage footer time{font-size:9px!important;color:#6d8796!important;} body[data-page="chat"] .civChatMediaMessage .civChatVideoPlay{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(255,255,255,.90)!important;color:#147fbd!important;display:grid!important;place-items:center!important;} /* ARCHIVOS/AUDIO: sin burbuja azul exterior. Solo tarjeta clara compacta. */ body[data-page="chat"] .civChatAttachmentMessage{display:flex!important;flex-direction:column!important;align-items:flex-end!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;max-width:min(350px,72vw)!important;} body[data-page="chat"] .civChatMessage.theirs .civChatAttachmentMessage{align-items:flex-start!important;} body[data-page="chat"] .civChatAttachmentMessage .civChatFileClean, body[data-page="chat"] .civChatAttachmentMessage .civChatVoiceClean{ min-width:210px!important;max-width:min(330px,68vw)!important;padding:8px 10px!important; background:rgba(255,255,255,.96)!important;background-image:none!important; border:1px solid #d8e8f0!important;border-radius:11px!important;box-shadow:none!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important; } body[data-page="chat"] .civChatAttachmentMessage footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;margin-top:3px!important;padding:0 2px!important;background:transparent!important;} body[data-page="chat"] .civChatMessage.theirs .civChatAttachmentMessage footer{justify-content:flex-start!important;} body[data-page="chat"] .civChatAttachmentMessage footer time{font-size:9px!important;color:#6d8796!important;} /* Texto conserva burbujas; avatares totalmente limpios. */ body[data-page="chat"] .civChatMessageAvatar,body[data-page="chat"] .civChatMessageAvatar.hasAvatar{background:transparent!important;background-image:none!important;box-shadow:none!important;} body[data-page="chat"] .civChatMessageAvatar.hasAvatar{border:0!important;} body[data-page="chat"] .civChatMessageAvatar img{border:0!important;box-shadow:none!important;} @media(max-width:900px){ body[data-page="chat"] #title .civChatGlobalBrand img{width:40px!important;height:40px!important;min-width:40px!important;} } @media(max-width:700px){ body[data-page="chat"] #title .civChatGlobalBrand{gap:8px!important;} body[data-page="chat"] #title .civChatGlobalBrand img{width:32px!important;height:32px!important;min-width:32px!important;} body[data-page="chat"] .civChatHeadActionsIconOnly{gap:6px!important;} body[data-page="chat"] .civChatHeadActionsIconOnly .civChatActionGlyph,body[data-page="chat"] .civChatHeadActionsIconOnly .civChatFormalizeBtn{width:28px!important;height:32px!important;min-width:28px!important;min-height:32px!important;} body[data-page="chat"] .civChatMediaMessage{max-width:76vw!important;} body[data-page="chat"] .civChatPhotoOnly img,body[data-page="chat"] .civChatPhotoOnly video{max-width:74vw!important;max-height:260px!important;} } /* ===================================================================== CIVELIQ V8.17.286 · R76DY · FINAL CHECKLIST VISUAL SYSTEM ===================================================================== */ /* CIVELIQ_V8_17_286_R76DY_FINAL_CHECKLIST_VISUAL */ body[data-page="chat"] #eyebrow.civChatEyebrowHiddenR76DX{display:none!important} body[data-page="chat"] .topTitleText{display:flex!important;align-items:center!important;min-width:0!important} body[data-page="chat"] #title{margin:0!important;line-height:1!important} body[data-page="chat"] .civChatGlobalBrandR76DY{display:inline-flex!important;align-items:center!important;gap:13px!important;color:#113f63!important;font-weight:800!important;font-size:clamp(30px,2.7vw,46px)!important;letter-spacing:-1.1px!important;white-space:nowrap!important} body[data-page="chat"] .civChatGlobalBrandR76DY img{width:52px!important;height:52px!important;object-fit:cover!important;border-radius:15px!important;box-shadow:0 7px 19px rgba(19,96,139,.14)!important;border:1px solid rgba(122,184,213,.38)!important} body[data-page="chat"] .civChatGlobalBrandR76DY span{display:inline-flex!important;gap:8px!important;align-items:baseline!important} body[data-page="chat"] .civChatGlobalBrandR76DY b{font:inherit!important;color:#113f63!important} /* Keep the conversations search bar: user explicitly requested it. */ body[data-page="chat"] .civChatSearchBar,body[data-page="chat"] .civChatSearchRestored{display:flex!important;align-items:center!important;gap:10px!important;margin:8px 10px 10px!important;padding:8px 12px!important;min-height:44px!important;background:rgba(255,255,255,.94)!important;border:1px solid #cfe2ec!important;border-radius:18px!important;box-shadow:0 5px 16px rgba(33,90,118,.06)!important} body[data-page="chat"] .civChatSearchBar input{min-width:0!important;min-height:30px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#173f5a!important;-webkit-text-fill-color:#173f5a!important} body[data-page="chat"] .civChatSearchBar svg{width:19px!important;height:19px!important;stroke:#1781ba!important;fill:none!important} /* Fixed premium chat viewport. */ body[data-page="chat"] #page{overflow:hidden!important} body[data-page="chat"] .civChatPage{height:calc(100dvh - 118px)!important;min-height:560px!important;padding:0!important;overflow:hidden!important} body[data-page="chat"] .civChatWorkspace{height:100%!important;min-height:0!important;overflow:hidden!important;border:1px solid rgba(162,197,214,.60)!important;border-radius:24px!important;background:rgba(249,253,255,.76)!important;box-shadow:0 18px 45px rgba(19,70,96,.08)!important} body[data-page="chat"] .civChatListPane{min-height:0!important;overflow:hidden!important;background:rgba(252,254,255,.90)!important;border-right:1px solid rgba(175,205,219,.65)!important} body[data-page="chat"] .civChatRail{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;padding:5px 8px 16px!important} body[data-page="chat"] .civChatStage,body[data-page="chat"] .civChatConversation{min-height:0!important;height:100%!important;overflow:hidden!important} /* REAL SKY + REAL CLOUDS asset, softly veiled for message readability. */ body[data-page="chat"] .civChatSkyStage,body[data-page="chat"] .civChatStage{position:relative!important;background-image:linear-gradient(rgba(239,249,254,.48),rgba(247,252,255,.60)),url('/assets/civeliq-home-sky-v81736.webp')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important} body[data-page="chat"] .civChatConversation{background:transparent!important} body[data-page="chat"] .civChatMessages{background:transparent!important;background-image:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:18px 18px 12px!important;scrollbar-color:rgba(70,148,188,.50) transparent!important} body[data-page="chat"] .civChatDay span{background:rgba(255,255,255,.78)!important;color:#486879!important;border:1px solid rgba(190,215,225,.70)!important;backdrop-filter:blur(8px)!important} /* Conversation list: no giant blue selection card. */ body[data-page="chat"] .civChatPerson,body[data-page="chat"] .civChatPerson.active{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:62px!important;padding:8px 9px!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:15px!important;box-shadow:none!important;color:#153e59!important;text-align:left!important} body[data-page="chat"] .civChatPerson:hover,body[data-page="chat"] .civChatPerson.active{background:rgba(225,244,252,.58)!important} body[data-page="chat"] .civChatPerson .civChatAvatar{flex:0 0 auto!important} body[data-page="chat"] .civChatPersonText b{color:#173f5a!important;font-size:13px!important} body[data-page="chat"] .civChatPersonText small{color:#698392!important;font-size:11px!important} /* Header action controls are ICONS, not dark windows/buttons. */ body[data-page="chat"] .civChatHeadActions{display:flex!important;align-items:center!important;gap:7px!important} body[data-page="chat"] .civChatHeadActions button,body[data-page="chat"] .civChatIconOnly,body[data-page="chat"] .civChatHeadActions .civChatFormalizeBtn{appearance:none!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;background:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;color:#147fbd!important;-webkit-text-fill-color:#147fbd!important;border-radius:50%!important;font-size:0!important} body[data-page="chat"] .civChatHeadActions button svg,body[data-page="chat"] .civChatIconOnly svg{width:22px!important;height:22px!important;stroke:#147fbd!important;color:#147fbd!important;fill:none!important;stroke-width:1.8!important} body[data-page="chat"] .civChatHeadActions button:hover,body[data-page="chat"] .civChatIconOnly:hover{background:rgba(222,243,253,.72)!important} body[data-page="chat"] .civChatHeadMenuWrap{position:relative!important} body[data-page="chat"] .civChatHeadMenu{position:absolute!important;right:0!important;top:45px!important;width:245px!important;padding:7px!important;background:rgba(255,255,255,.98)!important;border:1px solid #d8e8ef!important;border-radius:17px!important;box-shadow:0 18px 48px rgba(25,68,91,.18)!important;z-index:40!important} body[data-page="chat"] .civChatHeadMenu button{width:100%!important;height:auto!important;min-height:40px!important;display:flex!important;justify-content:flex-start!important;grid-template-columns:none!important;gap:10px!important;padding:9px 10px!important;border-radius:12px!important;font-size:12px!important;color:#244f69!important;-webkit-text-fill-color:#244f69!important;background:transparent!important} body[data-page="chat"] .civChatHeadMenu button svg{width:18px!important;height:18px!important;flex:none!important;stroke:#147fbd!important} body[data-page="chat"] .civChatHeadMenu button.danger{color:#9c413f!important;-webkit-text-fill-color:#9c413f!important} /* Composer: compact, white/light, icon glyphs only. */ body[data-page="chat"] .civChatComposer{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;background:rgba(250,253,255,.94)!important;border-top:1px solid rgba(183,211,224,.75)!important;box-shadow:none!important;backdrop-filter:blur(13px)!important} body[data-page="chat"] .civChatComposerIcon,body[data-page="chat"] .civChatPlus,body[data-page="chat"] .civChatSend{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:50%!important;color:#147fbd!important;-webkit-text-fill-color:#147fbd!important;display:grid!important;place-items:center!important;font-size:0!important} body[data-page="chat"] .civChatComposerIcon svg,body[data-page="chat"] .civChatPlus svg,body[data-page="chat"] .civChatSend svg{width:22px!important;height:22px!important;stroke:#147fbd!important;fill:none!important;stroke-width:1.8!important} body[data-page="chat"] .civChatComposerIcon:hover,body[data-page="chat"] .civChatPlus:hover,body[data-page="chat"] .civChatSend:hover{background:rgba(222,243,253,.70)!important} body[data-page="chat"] .civChatTextWrap{position:relative!important;min-width:0!important} body[data-page="chat"] .civChatTextWrap textarea{width:100%!important;min-height:38px!important;max-height:126px!important;padding:9px 42px 9px 13px!important;border:1px solid #d6e7ef!important;border-radius:19px!important;background:#fff!important;color:#173f5a!important;-webkit-text-fill-color:#173f5a!important;box-shadow:inset 0 1px 2px rgba(23,78,107,.025)!important;resize:none!important} body[data-page="chat"] .civChatComposerMic{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:50%!important;display:grid!important;place-items:center!important} body[data-page="chat"] .civChatComposerMic svg{width:19px!important;height:19px!important;stroke:#147fbd!important;fill:none!important} /* Attachment menu light/premium. */ body[data-page="chat"] .civChatPlusMenu{background:rgba(255,255,255,.98)!important;border:1px solid #d7e8ef!important;box-shadow:0 18px 45px rgba(24,71,96,.17)!important;border-radius:17px!important;padding:7px!important} body[data-page="chat"] .civChatPlusMenu button{background:transparent!important;color:#244f69!important;-webkit-text-fill-color:#244f69!important;border:0!important;border-radius:11px!important} body[data-page="chat"] .civChatPlusMenu button:hover{background:#edf8fc!important} body[data-page="chat"] .civChatPlusMenu svg{stroke:#147fbd!important;fill:none!important} /* Photos/videos: JUST the media. Absolutely no blue frame/card. */ body[data-page="chat"] .civChatMessageCore:has(.civChatMediaMessage),body[data-page="chat"] .civChatMediaMessage,body[data-page="chat"] .civChatMediaOnly,body[data-page="chat"] .civChatPhotoOnly,body[data-page="chat"] .civChatMediaThumb{background:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important} body[data-page="chat"] .civChatPhotoOnly::before,body[data-page="chat"] .civChatPhotoOnly::after,body[data-page="chat"] .civChatMediaMessage::before,body[data-page="chat"] .civChatMediaMessage::after{display:none!important;content:none!important} body[data-page="chat"] .civChatPhotoOnly img,body[data-page="chat"] .civChatPhotoOnly video,body[data-page="chat"] .civChatMediaThumb img,body[data-page="chat"] .civChatMediaThumb video{display:block!important;width:auto!important;max-width:min(330px,64vw)!important;max-height:310px!important;object-fit:contain!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:12px!important} body[data-page="chat"] .civChatMediaMessage footer{background:transparent!important;border:0!important;box-shadow:none!important;padding:2px 1px 0!important;margin:0!important;color:#5f7d8d!important} /* Documents/voice: compact light cards, no outer blue bubble. */ body[data-page="chat"] .civChatMessageCore:has(.civChatAttachmentMessage),body[data-page="chat"] .civChatAttachmentMessage{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important} body[data-page="chat"] .civChatFileCard,body[data-page="chat"] .civChatFileCompact,body[data-page="chat"] .civChatVoiceClean{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-width:220px!important;max-width:min(360px,68vw)!important;padding:9px 11px!important;background:rgba(255,255,255,.92)!important;background-image:none!important;border:1px solid rgba(184,214,227,.82)!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(22,78,107,.07)!important;color:#244f69!important;-webkit-text-fill-color:#244f69!important;text-align:left!important} body[data-page="chat"] .civChatFileCard svg,body[data-page="chat"] .civChatVoiceClean svg{width:20px!important;height:20px!important;stroke:#147fbd!important;fill:none!important} body[data-page="chat"] .civChatFileCard b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;color:#173f5a!important} body[data-page="chat"] .civChatFileCard small{font-size:10px!important;color:#758d9a!important} body[data-page="chat"] .civChatFileCard i,body[data-page="chat"] .civChatVoiceClean i{font-style:normal!important;color:#147fbd!important;font-size:11px!important;font-weight:700!important} body[data-page="chat"] .civChatAttachmentMessage footer{background:transparent!important;border:0!important;box-shadow:none!important;margin-top:2px!important} /* Message bubbles stay CIVELIQ, avatars float cleanly. */ body[data-page="chat"] .civChatMessage{gap:7px!important} body[data-page="chat"] .civChatMessageAvatar{width:29px!important;height:29px!important;border-radius:50%!important;object-fit:cover!important;background:#fff!important;border:1px solid rgba(191,215,225,.8)!important;box-shadow:0 2px 8px rgba(29,81,107,.08)!important} body[data-page="chat"] .civChatBubble{border-radius:16px!important;box-shadow:0 3px 10px rgba(31,83,109,.06)!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble{background:#dff3fd!important;color:#173f5a!important;border:1px solid #c4e7f6!important} body[data-page="chat"] .civChatMessage.theirs .civChatBubble{background:rgba(255,255,255,.91)!important;color:#173f5a!important;border:1px solid rgba(211,228,236,.92)!important} body[data-page="chat"] .civChatMsgMore{opacity:.56!important;width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;background:transparent!important;border:0!important;box-shadow:none!important} body[data-page="chat"] .civChatMsgMore:hover{opacity:1!important;background:rgba(255,255,255,.72)!important} /* Full emoji keyboard: categories + native emoji + all generated flags, no blue squares. */ body[data-page="chat"] .civChatEmojiPanel{width:min(470px,calc(100vw - 28px))!important;height:min(520px,68vh)!important;padding:0!important;background:rgba(255,255,255,.985)!important;border:1px solid #d4e5ed!important;border-radius:22px!important;box-shadow:0 24px 60px rgba(18,63,87,.20)!important;overflow:hidden!important;z-index:70!important} body[data-page="chat"] .civChatEmojiTop{position:sticky!important;top:0!important;z-index:2!important;padding:10px 10px 7px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e4eff4!important} body[data-page="chat"] .civChatEmojiTop input{width:100%!important;height:36px!important;border:1px solid #d7e8ef!important;border-radius:16px!important;background:#f7fbfd!important;color:#244f69!important;padding:0 12px!important} body[data-page="chat"] .civChatEmojiTabs{display:flex!important;gap:2px!important;overflow-x:auto!important;margin-top:7px!important;padding-bottom:2px!important;scrollbar-width:none!important} body[data-page="chat"] .civChatEmojiTabs button{flex:0 0 37px!important;width:37px!important;height:34px!important;padding:0!important;border:0!important;border-radius:11px!important;background:transparent!important;font-size:20px!important;line-height:1!important} body[data-page="chat"] .civChatEmojiTabs button.active{background:#eaf6fb!important} body[data-page="chat"] .civChatEmojiGrid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:2px!important;align-content:start!important;height:calc(100% - 92px)!important;overflow-y:auto!important;padding:9px!important} body[data-page="chat"] .civChatEmojiGrid button{width:100%!important;aspect-ratio:1!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;font-size:25px!important;display:grid!important;place-items:center!important} body[data-page="chat"] .civChatEmojiGrid button:hover{background:#edf8fc!important;transform:scale(1.08)!important} /* Menus/actions. */ body[data-page="chat"] .civChatMsgMenu{background:#fff!important;border:1px solid #d7e8ef!important;border-radius:17px!important;box-shadow:0 18px 46px rgba(23,68,92,.20)!important;padding:7px!important;z-index:9999!important} body[data-page="chat"] .civChatMsgMenu>button{background:transparent!important;color:#274f67!important;border:0!important;border-radius:11px!important} body[data-page="chat"] .civChatMsgMenu>button:hover{background:#edf8fc!important} body[data-page="chat"] .civChatMsgMenu svg{stroke:#147fbd!important;fill:none!important} body[data-page="chat"] .civChatQuickReact button{background:transparent!important;border:0!important;font-size:20px!important} body[data-page="chat"] .civChatPinned,body[data-page="chat"] .civChatComposerContext{background:rgba(255,255,255,.93)!important;border-color:#d6e8ef!important;color:#234d65!important} body[data-page="chat"] .civChatSelectBar{background:rgba(250,253,255,.97)!important;color:#234d65!important;border-color:#d6e8ef!important} body[data-page="chat"] .civChatSelectBar button{background:#fff!important;color:#176f9f!important;border:1px solid #cde2ec!important;border-radius:12px!important} body[data-page="chat"] .civChatSelectBar button.danger{color:#9c413f!important} @media(max-width:860px){ body[data-page="chat"] .civChatPage{height:calc(100dvh - 112px)!important;min-height:480px!important} body[data-page="chat"] .civChatGlobalBrandR76DY{font-size:29px!important;gap:9px!important} body[data-page="chat"] .civChatGlobalBrandR76DY img{width:42px!important;height:42px!important;border-radius:13px!important} body[data-page="chat"] .civChatMessages{padding:12px 8px 8px!important} body[data-page="chat"] .civChatHeadActions{gap:2px!important} body[data-page="chat"] .civChatHeadActions button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important} body[data-page="chat"] .civChatPhotoOnly img,body[data-page="chat"] .civChatPhotoOnly video{max-width:76vw!important;max-height:300px!important} body[data-page="chat"] .civChatEmojiPanel{left:auto!important;right:-48px!important;width:min(390px,calc(100vw - 16px))!important;height:min(480px,62vh)!important} body[data-page="chat"] .civChatEmojiGrid{grid-template-columns:repeat(7,minmax(0,1fr))!important} } @media(max-width:520px){ body[data-page="chat"] .civChatGlobalBrandR76DY{font-size:24px!important} body[data-page="chat"] .civChatGlobalBrandR76DY img{width:38px!important;height:38px!important;border-radius:12px!important} body[data-page="chat"] .civChatSearchBar{margin:6px 7px 8px!important;min-height:40px!important} body[data-page="chat"] .civChatComposer{padding:6px 7px calc(6px + env(safe-area-inset-bottom))!important;gap:3px!important} body[data-page="chat"] .civChatComposerIcon,body[data-page="chat"] .civChatPlus,body[data-page="chat"] .civChatSend{width:33px!important;height:33px!important;min-width:33px!important;min-height:33px!important} body[data-page="chat"] .civChatTextWrap textarea{min-height:36px!important;font-size:13px!important} body[data-page="chat"] .civChatEmojiPanel{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;width:auto!important;height:min(460px,60vh)!important} body[data-page="chat"] .civChatEmojiGrid{grid-template-columns:repeat(6,minmax(0,1fr))!important} } /* One Assist access only on Chat: the premium header icon is used; hide the legacy floating FAB here. */ body[data-page="chat"] #civeliqAssistFab{display:none!important} /* END CIVELIQ_V8_17_286_R76DY_FINAL_CHECKLIST_VISUAL */ /* ===================================================================== CIVELIQ V8.17.287 · R76DZ · PREMIUM FINAL OVERRIDES ===================================================================== */ /* CIVELIQ_V8_17_287_R76DZ_CHAT_PREMIUM_FINAL_VISUAL */ body[data-page="chat"] #globalBackBtn{transform:translateY(-7px)!important} body[data-page="chat"] .civChatGlobalBrandR76DZ{display:inline-flex!important;align-items:center!important;gap:11px!important;font-size:36px!important;line-height:1!important;letter-spacing:-.6px!important;color:#122b42!important} body[data-page="chat"] .civChatGlobalBrandR76DZ img{width:50px!important;height:50px!important;object-fit:cover!important;border-radius:15px!important;background:#fff!important;border:1px solid rgba(160,186,200,.45)!important;box-shadow:0 5px 18px rgba(17,54,76,.10)!important} body[data-page="chat"] .civChatGlobalBrandR76DZ b{font-weight:900!important} /* Real sky + real clouds. Keep the photo visible; only a very light veil for legibility. */ body[data-page="chat"] .civChatStage,body[data-page="chat"] .civChatSkyStage,body[data-page="chat"] .civChatMessages{background-color:#dff3ff!important} body[data-page="chat"] .civChatStage,body[data-page="chat"] .civChatSkyStage{background-image:linear-gradient(rgba(246,252,255,.10),rgba(246,252,255,.10)),url('/assets/civeliq-home-sky-v81736.webp')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important} body[data-page="chat"] .civChatMessages{background:transparent!important} /* Conversation list remains immediate, clean and without a giant active card. */ body[data-page="chat"] .civChatPerson,body[data-page="chat"] .civChatPerson.active,body[data-page="chat"] .civChatPerson[data-current="1"]{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-bottom:1px solid rgba(196,214,223,.55)!important;border-radius:0!important;color:#173248!important} body[data-page="chat"] .civChatPerson:hover{background:rgba(255,255,255,.58)!important} body[data-page="chat"] .civChatPerson.active{background:rgba(239,247,251,.78)!important} body[data-page="chat"] .civChatPerson .civChatAvatar{width:42px!important;height:42px!important;min-width:42px!important;border:0!important;box-shadow:none!important;background:#eef5f8!important} /* Header: only graphite line glyphs, never blue blocks/windows. */ body[data-page="chat"] .civChatConversationHead{background:rgba(255,255,255,.91)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(183,207,219,.70)!important} body[data-page="chat"] .civChatHeadActionsR76DZ{display:flex!important;align-items:center!important;gap:5px!important;margin-left:auto!important} body[data-page="chat"] .civChatGlyph,body[data-page="chat"] .civChatHeadActionsR76DZ button,body[data-page="chat"] .civChatCallToggle{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#18242f!important;-webkit-text-fill-color:#18242f!important;padding:0!important;border-radius:50%!important} body[data-page="chat"] .civChatGlyph svg,body[data-page="chat"] .civChatHeadActionsR76DZ button svg,body[data-page="chat"] .civChatCallToggle svg{width:23px!important;height:23px!important;stroke:#18242f!important;fill:none!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button,body[data-page="chat"] .civChatCallToggle,body[data-page="chat"] #civChatHeadMore{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;display:grid!important;place-items:center!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button:hover,body[data-page="chat"] .civChatCallToggle:hover,body[data-page="chat"] #civChatHeadMore:hover{background:rgba(237,243,246,.88)!important} body[data-page="chat"] .civChatCallToggle{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;gap:1px!important;border-radius:20px!important} body[data-page="chat"] .civChatCallToggle svg:last-child{width:14px!important;height:14px!important} body[data-page="chat"] .civChatAvatarBig{width:43px!important;height:43px!important;min-width:43px!important;border:0!important;box-shadow:none!important;image-rendering:auto!important} body[data-page="chat"] .civChatAvatarBig img{width:100%!important;height:100%!important;object-fit:cover!important;image-rendering:auto!important} /* Premium call menu. */ body[data-page="chat"] .civChatCallMenuWrap{position:relative!important} body[data-page="chat"] .civChatCallMenu{position:absolute!important;right:0!important;top:46px!important;width:285px!important;padding:9px!important;background:rgba(255,255,255,.985)!important;border:1px solid rgba(197,214,223,.85)!important;border-radius:22px!important;box-shadow:0 22px 56px rgba(18,45,62,.18)!important;z-index:90!important} body[data-page="chat"] .civChatCallMenu button{width:100%!important;min-height:48px!important;padding:7px 12px!important;display:flex!important;align-items:center!important;gap:13px!important;background:transparent!important;border:0!important;border-radius:14px!important;color:#17232e!important;font-size:14px!important;font-weight:650!important;text-align:left!important} body[data-page="chat"] .civChatCallMenu button:hover{background:#f2f6f8!important} body[data-page="chat"] .civChatCallMenu button svg{width:23px!important;height:23px!important;stroke:#17232e!important;fill:none!important} body[data-page="chat"] .civChatCallMenu hr{border:0!important;border-top:1px solid #e4ebef!important;margin:6px 8px!important} /* Plus menu: CIVELIQ own 4x2 visual language. */ body[data-page="chat"] .civChatPlusMenuR76DZ{position:absolute!important;left:0!important;bottom:50px!important;width:min(430px,calc(100vw - 36px))!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px 5px!important;padding:15px!important;background:rgba(247,249,250,.985)!important;border:1px solid rgba(199,214,222,.9)!important;border-radius:25px!important;box-shadow:0 22px 56px rgba(19,48,65,.18)!important;z-index:92!important} body[data-page="chat"] .civChatPlusMenuR76DZ.hidden{display:none!important} body[data-page="chat"] .civChatPlusMenuR76DZ button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-width:0!important;padding:5px 2px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#17232e!important;font-size:11px!important;font-weight:650!important;text-align:center!important} body[data-page="chat"] .civChatPlusMenuR76DZ .accent{width:54px!important;height:54px!important;border-radius:50%!important;background:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 3px 10px rgba(31,61,78,.07)!important;border:1px solid rgba(217,225,229,.8)!important} body[data-page="chat"] .civChatPlusMenuR76DZ .accent svg{width:27px!important;height:27px!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important} body[data-page="chat"] .civChatPlusMenuR76DZ .photos svg{stroke:#336fc9!important}body[data-page="chat"] .civChatPlusMenuR76DZ .camera svg{stroke:#303942!important}body[data-page="chat"] .civChatPlusMenuR76DZ .location svg{stroke:#159f7c!important}body[data-page="chat"] .civChatPlusMenuR76DZ .contact svg{stroke:#6d7780!important}body[data-page="chat"] .civChatPlusMenuR76DZ .document svg{stroke:#209bc8!important}body[data-page="chat"] .civChatPlusMenuR76DZ .poll svg{stroke:#d39a28!important}body[data-page="chat"] .civChatPlusMenuR76DZ .event svg{stroke:#cc3655!important}body[data-page="chat"] .civChatPlusMenuR76DZ .ai svg{stroke:#5d6fd4!important} /* Organic message bubbles, CIVELIQ colors (not WhatsApp green). */ body[data-page="chat"] .civChatMessage{gap:8px!important;margin:7px 0!important;align-items:flex-end!important} body[data-page="chat"] .civChatMessageAvatar{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;border:0!important;outline:0!important;box-shadow:none!important;background:#eef4f7!important;object-fit:cover!important;overflow:hidden!important;image-rendering:auto!important} body[data-page="chat"] .civChatMessageAvatar img{width:100%!important;height:100%!important;object-fit:cover!important;image-rendering:auto!important} body[data-page="chat"] .civChatMessageCore{position:relative!important;display:flex!important;align-items:flex-end!important;gap:3px!important;max-width:min(74%,720px)!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important} body[data-page="chat"] .civChatBubble{padding:9px 12px 6px!important;border:1px solid rgba(189,207,216,.58)!important;box-shadow:0 4px 13px rgba(18,60,83,.06)!important;color:#162d3f!important;line-height:1.38!important} body[data-page="chat"] .civChatMessage.theirs .civChatBubble{background:rgba(255,255,255,.95)!important;border-radius:18px 18px 18px 5px!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble{background:rgba(225,239,246,.96)!important;border-color:rgba(184,208,221,.70)!important;border-radius:18px 18px 5px 18px!important} body[data-page="chat"] .civChatBubble footer{background:transparent!important;border:0!important;color:#6d8290!important} /* Photos/videos: image itself only. No blue frame, no card, no padding. */ body[data-page="chat"] .civChatMessageCore:has(.civChatMediaMessage),body[data-page="chat"] .civChatMediaMessage,body[data-page="chat"] .civChatMediaOnly,body[data-page="chat"] .civChatPhotoOnly,body[data-page="chat"] button.civChatMediaThumb{background:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important} body[data-page="chat"] .civChatMediaMessage{position:relative!important;display:block!important;width:auto!important;max-width:min(390px,65vw)!important} body[data-page="chat"] button.civChatMediaThumb{display:block!important;width:auto!important;height:auto!important;appearance:none!important;-webkit-appearance:none!important} body[data-page="chat"] .civChatPhotoOnly img,body[data-page="chat"] .civChatMediaThumb img,body[data-page="chat"] .civChatMediaThumb video{display:block!important;width:auto!important;max-width:min(390px,65vw)!important;max-height:410px!important;object-fit:contain!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:18px!important} body[data-page="chat"] .civChatMediaMessage footer{position:absolute!important;right:8px!important;bottom:6px!important;z-index:2!important;padding:2px 5px!important;margin:0!important;background:rgba(18,32,42,.36)!important;border:0!important;border-radius:8px!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.4)!important;font-size:10px!important} body[data-page="chat"] .civChatMediaMessage footer .civChatChecks{color:#fff!important} /* Documents remain compact and light, not a blue message block. */ body[data-page="chat"] .civChatMessageCore:has(.civChatAttachmentMessage),body[data-page="chat"] .civChatAttachmentMessage{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important} body[data-page="chat"] .civChatFileCard,body[data-page="chat"] .civChatVoiceClean{background:rgba(255,255,255,.96)!important;border:1px solid rgba(190,208,217,.75)!important;box-shadow:0 4px 14px rgba(24,59,78,.06)!important;color:#1d3445!important;border-radius:16px!important} body[data-page="chat"] .civChatFileCard svg,body[data-page="chat"] .civChatVoiceClean svg{stroke:#263846!important;fill:none!important} body[data-page="chat"] .civChatFileCard i,body[data-page="chat"] .civChatVoiceClean i{color:#263846!important} /* Message option is a subtle graphite glyph only; appears on hover/focus, plus right-click/long-press. */ body[data-page="chat"] .civChatMsgMoreR76DZ{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:.18!important;color:#26333c!important;border-radius:50%!important} body[data-page="chat"] .civChatMessage:hover .civChatMsgMoreR76DZ,body[data-page="chat"] .civChatMsgMoreR76DZ:focus{opacity:.8!important} body[data-page="chat"] .civChatMsgMoreR76DZ svg{width:18px!important;height:18px!important;fill:#26333c!important;stroke:none!important} /* Context menus stay white/graphite. */ body[data-page="chat"] .civChatMsgMenu,body[data-page="chat"] .civChatHeadMenu{background:rgba(255,255,255,.99)!important;border:1px solid #d7e2e8!important;border-radius:18px!important;box-shadow:0 20px 52px rgba(18,42,57,.18)!important} body[data-page="chat"] .civChatMsgMenu>button,body[data-page="chat"] .civChatHeadMenu>button{color:#1d2b35!important;background:transparent!important;border:0!important} body[data-page="chat"] .civChatMsgMenu svg,body[data-page="chat"] .civChatHeadMenu svg{stroke:#24323c!important;fill:none!important} /* Composer: white, light, no blue square buttons, mic at input right. */ body[data-page="chat"] .civChatComposerR76DZ{background:rgba(255,255,255,.94)!important;border-top:1px solid rgba(188,207,216,.68)!important;box-shadow:0 -8px 28px rgba(23,62,83,.05)!important;gap:6px!important} body[data-page="chat"] .civChatComposerR76DZ .civChatGlyph{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#24333d!important;display:grid!important;place-items:center!important} body[data-page="chat"] .civChatComposerR76DZ .civChatGlyph svg{width:22px!important;height:22px!important;stroke:#24333d!important;fill:none!important} body[data-page="chat"] .civChatTextWrap{background:#fff!important;border:1px solid #d7e3e9!important;border-radius:20px!important;box-shadow:0 2px 10px rgba(23,55,73,.04)!important} body[data-page="chat"] .civChatTextWrap textarea{background:transparent!important;color:#1d303d!important;-webkit-text-fill-color:#1d303d!important} body[data-page="chat"] .civChatComposerMic{position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important} body[data-page="chat"] .civChatSendR76DZ{border:1px solid #d5e0e6!important;background:#fff!important;border-radius:50%!important} body[data-page="chat"] .civChatSendR76DZ:hover{background:#f1f5f7!important} body[data-page="chat"] .civChatSendR76DZ svg{stroke-width:2!important} /* Native high quality colour emoji in Web too; no coloured square tiles. */ body[data-page="chat"] .civChatEmojiPanel,body[data-page="chat"] .civChatEmojiGrid button,body[data-page="chat"] .civChatEmojiTabs button{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Segoe UI Symbol",sans-serif!important;font-variant-emoji:emoji!important} body[data-page="chat"] .civChatEmojiGrid button{font-size:29px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:10px!important} body[data-page="chat"] .civChatEmojiGrid button:hover{background:#f1f6f8!important} body[data-page="chat"] .civChatEmojiTabs button.active{background:#edf3f6!important} /* Selection bar is neutral, not blue blocks. */ body[data-page="chat"] .civChatSelectBar{background:rgba(255,255,255,.98)!important;border-color:#d8e3e8!important;color:#1e3341!important} body[data-page="chat"] .civChatSelectBar button{background:#fff!important;color:#263946!important;border:1px solid #d7e2e8!important;border-radius:12px!important} @media(max-width:860px){ body[data-page="chat"] .civChatGlobalBrandR76DZ{font-size:29px!important}body[data-page="chat"] .civChatGlobalBrandR76DZ img{width:42px!important;height:42px!important;border-radius:13px!important} body[data-page="chat"] .civChatPlusMenuR76DZ{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:min(390px,calc(100vw - 20px))!important} body[data-page="chat"] .civChatPhotoOnly img,body[data-page="chat"] .civChatMediaThumb img,body[data-page="chat"] .civChatMediaThumb video{max-width:76vw!important;max-height:360px!important} body[data-page="chat"] .civChatMessageCore{max-width:80%!important} } @media(max-width:520px){ body[data-page="chat"] .civChatGlobalBrandR76DZ{font-size:24px!important}body[data-page="chat"] .civChatGlobalBrandR76DZ img{width:38px!important;height:38px!important;border-radius:12px!important} body[data-page="chat"] .civChatPlusMenuR76DZ{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;width:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:12px 8px!important} body[data-page="chat"] .civChatPlusMenuR76DZ .accent{width:48px!important;height:48px!important} body[data-page="chat"] .civChatCallMenu{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;width:auto!important} body[data-page="chat"] .civChatMessageAvatar{width:32px!important;height:32px!important;min-width:32px!important} body[data-page="chat"] .civChatMessageCore{max-width:82%!important} } /* END CIVELIQ_V8_17_287_R76DZ_CHAT_PREMIUM_FINAL_VISUAL */ /* ===================================================================== CIVELIQ V8.17.288 · R76EA · READ CHECKS + CHAT MANAGEMENT VISUAL ===================================================================== */ /* CIVELIQ_V8_17_288_R76EA_CHAT_READ_ACTIONS_VISUAL */ body[data-page="chat"] .civChatChecks.sent{color:#708694!important;-webkit-text-fill-color:#708694!important;font-weight:850!important;letter-spacing:-1px!important} body[data-page="chat"] .civChatChecks.read,body[data-page="chat"] .civChatMessage.mine .civChatChecks.read{color:#168cff!important;-webkit-text-fill-color:#168cff!important;font-weight:950!important;letter-spacing:-2px!important;text-shadow:none!important} body[data-page="chat"] .civChatMediaMessage footer .civChatChecks.read{color:#39a6ff!important;-webkit-text-fill-color:#39a6ff!important} body[data-page="chat"] .civChatListHead{position:relative!important} body[data-page="chat"] .civChatListHead .civChatListTitle{min-width:0!important;flex:1 1 auto!important} body[data-page="chat"] .civChatListHead .civChatNewMini{flex:0 0 auto!important} body[data-page="chat"] .civChatListMenuWrap{position:relative!important;display:flex!important;align-items:center!important;flex:0 0 auto!important} body[data-page="chat"] .civChatListMore{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:50%!important;color:#26343e!important} body[data-page="chat"] .civChatListMore:hover{background:rgba(237,243,246,.9)!important} body[data-page="chat"] .civChatListMore svg{width:19px!important;height:19px!important;fill:#26343e!important;stroke:none!important} body[data-page="chat"] .civChatListMenu{position:absolute!important;right:0!important;top:42px!important;width:230px!important;padding:8px!important;background:rgba(255,255,255,.99)!important;border:1px solid #d7e2e8!important;border-radius:16px!important;box-shadow:0 18px 46px rgba(18,42,57,.17)!important;z-index:110!important} body[data-page="chat"] .civChatListMenu.hidden{display:none!important} body[data-page="chat"] .civChatListMenu button{width:100%!important;min-height:44px!important;padding:8px 11px!important;display:flex!important;align-items:center!important;gap:11px!important;background:transparent!important;border:0!important;border-radius:12px!important;color:#1d2b35!important;font-size:13px!important;font-weight:700!important;text-align:left!important} body[data-page="chat"] .civChatListMenu button:hover{background:#f2f6f8!important} body[data-page="chat"] .civChatListMenu button svg{width:20px!important;height:20px!important;stroke:#24323c!important;fill:none!important;stroke-width:1.8!important} body[data-page="chat"] .civChatMsgMenu{min-width:235px!important} @media(max-width:520px){body[data-page="chat"] .civChatListMenu{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;width:auto!important}} /* END CIVELIQ_V8_17_288_R76EA_CHAT_READ_ACTIONS_VISUAL */ /* ===================================================================== CIVELIQ V8.17.289 · R76EB · CHAT MOCKUP PARITY Ajuste solicitado tras validación visual: acercar la interfaz real al boceto aprobado sin alterar la lógica de mensajería existente. ===================================================================== */ /* CIVELIQ_V8_17_289_R76EB_CHAT_MOCKUP_PARITY */ /* Desktop/Web: proporciones del boceto. */ @media (min-width: 941px){ body[data-page="chat"] .civChatPage{ height:calc(100dvh - 116px)!important; min-height:610px!important; padding:0!important; overflow:hidden!important; } body[data-page="chat"] .civChatWorkspace{ display:grid!important; grid-template-columns:360px minmax(0,1fr)!important; height:100%!important; min-height:0!important; overflow:hidden!important; border:1px solid #d6e5ed!important; border-radius:24px!important; background:#fff!important; box-shadow:0 14px 42px rgba(27,73,97,.08)!important; } body[data-page="chat"] .civChatListPane{ min-width:0!important; min-height:0!important; padding:14px 14px 10px!important; background:rgba(255,255,255,.97)!important; border-right:1px solid #dce8ee!important; overflow:hidden!important; } body[data-page="chat"] .civChatListHead{ display:flex!important; align-items:center!important; gap:8px!important; min-height:48px!important; margin:0 0 9px!important; } body[data-page="chat"] .civChatListTitle h2{ margin:0!important; color:#113f63!important; font-size:18px!important; line-height:1.15!important; font-weight:850!important; white-space:nowrap!important; } body[data-page="chat"] .civChatNewMini{ height:42px!important; min-height:42px!important; padding:0 15px!important; gap:7px!important; border:0!important; border-radius:13px!important; background:linear-gradient(145deg,#0d5368,#0a4355)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:0 6px 16px rgba(10,67,85,.18)!important; font-size:12px!important; font-weight:800!important; } body[data-page="chat"] .civChatNewMini svg{width:18px!important;height:18px!important;stroke:#fff!important} body[data-page="chat"] .civChatListMore{ width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important; border:1px solid #d5e6ee!important;border-radius:13px!important; background:#eef8fc!important;box-shadow:none!important; } body[data-page="chat"] .civChatListMore svg{width:19px!important;height:19px!important;fill:#123f5a!important} body[data-page="chat"] .civChatSearchBar, body[data-page="chat"] .civChatSearchRestored{ min-height:48px!important; margin:0 0 12px!important; padding:8px 13px!important; border:1px solid #d7e5ec!important; border-radius:18px!important; background:#fff!important; box-shadow:0 3px 12px rgba(30,76,99,.04)!important; } body[data-page="chat"] .civChatRail{padding:0 0 16px!important;gap:2px!important} body[data-page="chat"] .civChatPerson, body[data-page="chat"] .civChatPerson.active, body[data-page="chat"] .civChatPerson[data-current="1"]{ min-height:72px!important; padding:10px 8px!important; gap:11px!important; border:0!important; border-bottom:1px solid #e0e9ee!important; border-radius:14px!important; background:transparent!important; box-shadow:none!important; } body[data-page="chat"] .civChatPerson.active{background:#eaf6fd!important} body[data-page="chat"] .civChatPerson .civChatAvatar{width:48px!important;height:48px!important;min-width:48px!important} body[data-page="chat"] .civChatPersonText b{font-size:13.5px!important;color:#123d5d!important} body[data-page="chat"] .civChatPersonText small{font-size:11px!important;color:#718795!important} /* Área principal: fondo azul suave del boceto, sin bloque azul plano. */ body[data-page="chat"] .civChatStage, body[data-page="chat"] .civChatSkyStage{ position:relative!important; min-width:0!important; min-height:0!important; overflow:hidden!important; background:transparent!important; background-image:none!important; } body[data-page="chat"] .civChatStage::before, body[data-page="chat"] .civChatStage::after{ content:none!important; display:none!important; position:absolute!important; pointer-events:none!important; z-index:0!important; border-radius:50%!important; background:rgba(255,255,255,.22)!important; filter:none!important; } body[data-page="chat"] .civChatStage::before{ width:92%!important;height:46%!important;left:-12%!important;bottom:-16%!important; transform:rotate(-12deg)!important; } body[data-page="chat"] .civChatStage::after{ width:78%!important;height:38%!important;right:-18%!important;top:18%!important; transform:rotate(-12deg)!important;background:rgba(255,255,255,.14)!important; } body[data-page="chat"] .civChatConversation{ position:relative!important;z-index:1!important; height:100%!important;min-height:0!important; display:grid!important; grid-template-rows:auto auto minmax(0,1fr) auto auto!important; background:transparent!important; overflow:hidden!important; } body[data-page="chat"] .civChatConversationHead{ min-height:72px!important; padding:9px 12px!important; background:rgba(255,255,255,.94)!important; border-bottom:1px solid #dbe8ee!important; backdrop-filter:blur(12px)!important; box-shadow:none!important; } body[data-page="chat"] .civChatPeer{gap:10px!important;min-width:0!important} body[data-page="chat"] .civChatAvatarBig{width:48px!important;height:48px!important;min-width:48px!important} body[data-page="chat"] .civChatPeerNameLine{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important} body[data-page="chat"] .civChatPeerNameLine>b{font-size:14px!important;color:#102f4c!important;max-width:min(390px,42vw)!important} body[data-page="chat"] .civChatPeerCode{display:block!important;margin-top:2px!important;font-size:10px!important;color:#738696!important} body[data-page="chat"] .civChatPresenceBadge{ padding:4px 9px!important;border:0!important;border-radius:999px!important; background:#f0f5f7!important;color:#536f80!important;font-size:10px!important;box-shadow:none!important; } body[data-page="chat"] .civChatPresenceBadge i{width:7px!important;height:7px!important} body[data-page="chat"] .civChatHeadActionsR76DZ{gap:8px!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, body[data-page="chat"] #civChatHeadMore{ width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important; display:grid!important;place-items:center!important; border:0!important;border-radius:13px!important; background:linear-gradient(145deg,#0d5368,#0a4355)!important; color:#fff!important;-webkit-text-fill-color:#fff!important; box-shadow:0 5px 14px rgba(10,67,85,.14)!important; } body[data-page="chat"] .civChatHeadActionsR76DZ>button svg, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction svg, body[data-page="chat"] #civChatHeadMore svg{ width:21px!important;height:21px!important;stroke:#fff!important;fill:none!important;stroke-width:1.8!important; } body[data-page="chat"] #civChatHeadMore svg circle{fill:#fff!important;stroke:none!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button:hover, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction:hover, body[data-page="chat"] #civChatHeadMore:hover{background:linear-gradient(145deg,#12637b,#0c4c60)!important} /* Mensajes: ancho orgánico, laterales correctos y aire como en el boceto. */ body[data-page="chat"] .civChatMessages{ position:relative!important;z-index:1!important; min-height:0!important; padding:18px 20px 14px!important; background:transparent!important;background-image:none!important; overflow-y:auto!important;overflow-x:hidden!important; } body[data-page="chat"] .civChatDay{margin:2px 0 16px!important} body[data-page="chat"] .civChatDay span{ padding:5px 11px!important;border-radius:999px!important; background:rgba(255,255,255,.78)!important;border:1px solid rgba(202,221,231,.78)!important; color:#698091!important;font-size:10px!important;text-transform:none!important;letter-spacing:0!important; } body[data-page="chat"] .civChatMessage{ width:100%!important;max-width:none!important; display:flex!important;align-items:flex-end!important;gap:9px!important; margin:10px 0!important;padding:0!important; background:transparent!important; } body[data-page="chat"] .civChatMessage.theirs{justify-content:flex-start!important} body[data-page="chat"] .civChatMessage.mine{justify-content:flex-end!important} body[data-page="chat"] .civChatMessageAvatar{ width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important; margin:0 0 2px!important;border:0!important;background:#eef5f8!important;box-shadow:none!important; } body[data-page="chat"] .civChatMessageCore{ flex:0 1 auto!important; width:auto!important; max-width:min(62%,720px)!important; min-width:0!important; display:flex!important;align-items:flex-end!important;gap:4px!important; padding:0!important;margin:0!important; } body[data-page="chat"] .civChatMessage.mine .civChatMessageCore{flex-direction:row!important} body[data-page="chat"] .civChatBubble{ width:auto!important;max-width:100%!important;min-width:0!important; padding:10px 13px 7px!important; border:1px solid rgba(187,209,220,.68)!important; border-radius:17px!important; box-shadow:0 4px 13px rgba(19,60,81,.055)!important; color:#17364d!important;-webkit-text-fill-color:#17364d!important; line-height:1.38!important;word-break:break-word!important; } body[data-page="chat"] .civChatMessage.theirs .civChatBubble{ background:rgba(255,255,255,.94)!important;border-radius:17px 17px 17px 6px!important; } body[data-page="chat"] .civChatMessage.mine .civChatBubble{ background:rgba(226,241,250,.95)!important;border-radius:17px 17px 6px 17px!important; } body[data-page="chat"] .civChatTextBody{font-size:13.5px!important;white-space:pre-wrap!important} body[data-page="chat"] .civChatBubble footer{ display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important; margin-top:4px!important;color:#718594!important; } body[data-page="chat"] .civChatBubble footer time{font-size:9px!important;color:#718594!important} body[data-page="chat"] .civChatChecks{font-size:11px!important;line-height:1!important} body[data-page="chat"] .civChatMsgMoreR76DZ{ width:26px!important;height:32px!important;min-width:26px!important;min-height:32px!important; border:1px solid #dbe7ed!important;border-radius:11px!important; background:rgba(255,255,255,.82)!important;opacity:.25!important;color:#1d4058!important; } body[data-page="chat"] .civChatMessage:hover .civChatMsgMoreR76DZ, body[data-page="chat"] .civChatMsgMoreR76DZ:focus{opacity:1!important} body[data-page="chat"] .civChatMsgMoreR76DZ svg{width:17px!important;height:17px!important;fill:#1d4058!important} /* Composer del boceto. */ body[data-page="chat"] .civChatComposerR76DZ{ min-height:72px!important; display:grid!important;grid-template-columns:46px 46px minmax(0,1fr) 48px!important; align-items:center!important;gap:8px!important; padding:9px 12px!important; background:rgba(255,255,255,.96)!important; border-top:1px solid #dce8ee!important;box-shadow:none!important; } body[data-page="chat"] .civChatComposerR76DZ .civChatPlus, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji{ width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important; border:0!important;border-radius:14px!important;background:#edf5f8!important; } body[data-page="chat"] .civChatComposerR76DZ .civChatPlus svg, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji svg{width:22px!important;height:22px!important;stroke:#164f70!important} body[data-page="chat"] .civChatTextWrap{ height:46px!important;min-height:46px!important;border:1px solid #d7e3e9!important; border-radius:18px!important;background:#fff!important;box-shadow:none!important; } body[data-page="chat"] .civChatTextWrap textarea{ height:44px!important;min-height:44px!important;max-height:112px!important; padding:11px 45px 9px 14px!important;border:0!important;border-radius:18px!important; font-size:13px!important;background:transparent!important;box-shadow:none!important; } body[data-page="chat"] .civChatComposerMic{ right:7px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important; } body[data-page="chat"] .civChatComposerMic svg{width:20px!important;height:20px!important;stroke:#164f70!important} body[data-page="chat"] .civChatSendR76DZ{ width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important; border:0!important;border-radius:14px!important; background:linear-gradient(145deg,#0d5368,#0a4355)!important; box-shadow:0 6px 15px rgba(10,67,85,.17)!important; } body[data-page="chat"] .civChatSendR76DZ svg{width:22px!important;height:22px!important;stroke:#fff!important} /* Menús exactamente legibles como en el boceto. */ body[data-page="chat"] .civChatHeadMenu, body[data-page="chat"] .civChatListMenu, body[data-page="chat"] .civChatMsgMenu{ background:#fff!important;border:1px solid #d7e3e9!important;border-radius:15px!important; box-shadow:0 16px 42px rgba(21,55,75,.16)!important; } body[data-page="chat"] .civChatHeadMenu{top:53px!important;right:0!important} body[data-page="chat"] .civChatListMenu{top:49px!important;right:0!important} } /* Tablet: mismo lenguaje visual, sin romper la adaptación aprobada. */ @media (min-width:701px) and (max-width:940px){ body[data-page="chat"] .civChatWorkspace{grid-template-columns:minmax(250px,33%) minmax(0,1fr)!important} body[data-page="chat"] .civChatStage,body[data-page="chat"] .civChatSkyStage{background:linear-gradient(145deg,#dff2ff,#c9e9fb 50%,#e0f3ff)!important;background-image:none!important} body[data-page="chat"] .civChatMessageCore{max-width:72%!important} body[data-page="chat"] .civChatHeadActionsR76DZ{gap:5px!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button,body[data-page="chat"] #civChatHeadMore{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:12px!important;background:#0b4c61!important} body[data-page="chat"] .civChatListPane{padding:10px!important} } /* App/PWA móvil: conserva navegación propia y aplica burbujas/composer del mismo diseño. */ @media (max-width:700px){ body[data-page="chat"] .civChatStage,body[data-page="chat"] .civChatSkyStage{background:linear-gradient(145deg,#dff2ff,#c9e9fb 50%,#e0f3ff)!important;background-image:none!important} body[data-page="chat"] .civChatConversationHead{background:rgba(255,255,255,.96)!important} body[data-page="chat"] .civChatMessage{width:100%!important;display:flex!important;gap:6px!important;margin:7px 0!important;padding:0!important} body[data-page="chat"] .civChatMessage.theirs{justify-content:flex-start!important} body[data-page="chat"] .civChatMessage.mine{justify-content:flex-end!important} body[data-page="chat"] .civChatMessageCore{width:auto!important;max-width:82%!important;flex:0 1 auto!important} body[data-page="chat"] .civChatBubble{width:auto!important;max-width:100%!important;background:rgba(255,255,255,.95)!important;color:#17364d!important;-webkit-text-fill-color:#17364d!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble{background:rgba(226,241,250,.96)!important} body[data-page="chat"] .civChatComposerR76DZ{background:#fff!important} body[data-page="chat"] .civChatSendR76DZ{background:#0b4c61!important;border-radius:13px!important} body[data-page="chat"] .civChatSendR76DZ svg{stroke:#fff!important} } /* END CIVELIQ_V8_17_289_R76EB_CHAT_MOCKUP_PARITY */ /* R76EB legibility/geometry hardening after visual render check. */ @media (min-width:701px){ body[data-page="chat"] .civChatListHead{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px!important} body[data-page="chat"] .civChatListTitle{min-width:0!important;display:block!important} body[data-page="chat"] .civChatNewMini{width:auto!important;min-width:118px!important;max-width:140px!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble, body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatTextBody, body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatEdited, body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatMarkers{ color:#17364d!important;-webkit-text-fill-color:#17364d!important } body[data-page="chat"] .civChatMessage.mine .civChatBubble time{color:#718594!important;-webkit-text-fill-color:#718594!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatChecks.sent{color:#708694!important;-webkit-text-fill-color:#708694!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatChecks.read{color:#168cff!important;-webkit-text-fill-color:#168cff!important} } @media (max-width:700px){ body[data-page="chat"] .civChatMessage.mine .civChatBubble, body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatTextBody{color:#17364d!important;-webkit-text-fill-color:#17364d!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble time{color:#718594!important;-webkit-text-fill-color:#718594!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatChecks.sent{color:#708694!important;-webkit-text-fill-color:#708694!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatChecks.read{color:#168cff!important;-webkit-text-fill-color:#168cff!important} } /* R76EB global safeguards: avoid inherited white text and old sky skin. */ body[data-page="chat"] .civChatStage,body[data-page="chat"] .civChatSkyStage{background-image:none!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble, body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatTextBody, body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatEdited, body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatMarkers{color:#17364d!important;-webkit-text-fill-color:#17364d!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble time{color:#718594!important;-webkit-text-fill-color:#718594!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatChecks.sent{color:#708694!important;-webkit-text-fill-color:#708694!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble .civChatChecks.read{color:#168cff!important;-webkit-text-fill-color:#168cff!important} /* R76EB parity refinements after side-by-side comparison with approved mockup. */ @media (min-width:941px){ body[data-page="chat"] .civChatPage{height:calc(100dvh - 150px)!important;min-height:560px!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="search"], body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="audio"], body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="video"]{ background:rgba(255,255,255,.94)!important; border:1px solid #d5e4ec!important; color:#103f63!important;-webkit-text-fill-color:#103f63!important; box-shadow:0 4px 12px rgba(20,67,93,.06)!important; } body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="search"] svg, body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="audio"] svg, body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="video"] svg{ stroke:#103f63!important;color:#103f63!important;fill:none!important; } body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="search"]:hover, body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="audio"]:hover, body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="video"]:hover{background:#f4fbff!important} body[data-page="chat"] #civChatHeadMore{background:linear-gradient(145deg,#0d5368,#0a4355)!important;border:0!important} body[data-page="chat"] .civChatComposerR76DZ{ grid-template-columns:46px 46px minmax(0,1fr) 46px 48px!important; } body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic{ position:static!important;inset:auto!important; width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important; border:0!important;border-radius:14px!important;background:#edf5f8!important; display:grid!important;place-items:center!important; } body[data-page="chat"] .civChatTextWrap textarea{padding-right:14px!important} } @media (min-width:701px) and (max-width:940px){ body[data-page="chat"] .civChatComposerR76DZ{grid-template-columns:42px 42px minmax(0,1fr) 42px 44px!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic{position:static!important;inset:auto!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:12px!important;background:#edf5f8!important} body[data-page="chat"] .civChatTextWrap textarea{padding-right:12px!important} } @media (max-width:700px){ body[data-page="chat"] .civChatComposerR76DZ{grid-template-columns:38px 38px minmax(0,1fr) 38px 42px!important;gap:4px!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic{position:static!important;inset:auto!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:11px!important;background:#edf5f8!important} body[data-page="chat"] .civChatTextWrap textarea{padding-right:10px!important} } /* ===================================================================== CIVELIQ V8.17.290 · R76EC · CHAT VISUAL CLEANUP ===================================================================== */ /* CIVELIQ_V8_17_290_R76EC_CHAT_VISUAL_CLEANUP_VISUAL */ /* Fondo azul claro premium del boceto: suave, luminoso y sin marco oscuro. */ body[data-page="chat"] .civChatStage, body[data-page="chat"] .civChatSkyStage, body[data-page="chat"] .civChatConversation{ background: radial-gradient(ellipse at 18% 18%,rgba(255,255,255,.72) 0 16%,transparent 42%), radial-gradient(ellipse at 78% 26%,rgba(255,255,255,.30) 0 17%,transparent 46%), radial-gradient(ellipse at 62% 82%,rgba(158,214,247,.27) 0 24%,transparent 55%), linear-gradient(145deg,#edf9ff 0%,#dff3ff 39%,#cfeaf9 68%,#e9f7ff 100%)!important; background-image: radial-gradient(ellipse at 18% 18%,rgba(255,255,255,.72) 0 16%,transparent 42%), radial-gradient(ellipse at 78% 26%,rgba(255,255,255,.30) 0 17%,transparent 46%), radial-gradient(ellipse at 62% 82%,rgba(158,214,247,.27) 0 24%,transparent 55%), linear-gradient(145deg,#edf9ff 0%,#dff3ff 39%,#cfeaf9 68%,#e9f7ff 100%)!important; } /* Cabecera: TODOS los botones secundarios claros/premium; sin cuadrados azules macizos. */ body[data-page="chat"] .civChatHeadActionsR76DZ>button, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, body[data-page="chat"] #civChatHeadMore, body[data-page="chat"] .civChatListMore, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic{ background:rgba(255,255,255,.94)!important; background-image:none!important; border:1px solid #d5e5ed!important; color:#164b69!important;-webkit-text-fill-color:#164b69!important; box-shadow:0 4px 12px rgba(23,73,99,.06)!important; } body[data-page="chat"] .civChatHeadActionsR76DZ>button svg, body[data-page="chat"] #civChatHeadMore svg, body[data-page="chat"] .civChatListMore svg, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus svg, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji svg, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic svg{ stroke:#164b69!important;fill:none!important;color:#164b69!important; } body[data-page="chat"] .civChatHeadActionsR76DZ>button:hover, body[data-page="chat"] #civChatHeadMore:hover, body[data-page="chat"] .civChatListMore:hover, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus:hover, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji:hover, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic:hover{background:#f5fbfe!important} /* Los botones de opción de cada mensaje quedan como icono claro, nunca bloque azul. */ body[data-page="chat"] button.civChatMsgMore, body[data-page="chat"] button.civChatMsgMoreR76DZ, body[data-page="chat"] .civChatMessage button[data-msg-more]{ width:28px!important;height:32px!important;min-width:28px!important;min-height:32px!important; background:rgba(255,255,255,.90)!important;background-image:none!important; border:1px solid #d9e7ee!important;border-radius:11px!important; box-shadow:0 3px 10px rgba(24,70,95,.06)!important; color:#164b69!important;-webkit-text-fill-color:#164b69!important; opacity:.78!important; } body[data-page="chat"] button.civChatMsgMore svg, body[data-page="chat"] button.civChatMsgMoreR76DZ svg, body[data-page="chat"] .civChatMessage button[data-msg-more] svg{fill:#164b69!important;stroke:#164b69!important} body[data-page="chat"] .civChatMessage:hover button[data-msg-more]{opacity:1!important;background:#f8fcfe!important} /* Menús: blancos, claros y legibles. */ body[data-page="chat"] .civChatHeadMenu, body[data-page="chat"] .civChatListMenu, body[data-page="chat"] .civChatMsgMenu, body[data-page="chat"] .civChatCallMenu{ background:rgba(255,255,255,.995)!important;background-image:none!important; border:1px solid #d7e5ec!important; box-shadow:0 18px 46px rgba(20,57,77,.14)!important; } body[data-page="chat"] .civChatHeadMenu>button, body[data-page="chat"] .civChatListMenu>button, body[data-page="chat"] .civChatMsgMenu>button, body[data-page="chat"] .civChatCallMenu>button{ background:#fff!important;background-image:none!important;color:#173f58!important;-webkit-text-fill-color:#173f58!important; } body[data-page="chat"] .civChatHeadMenu>button:hover, body[data-page="chat"] .civChatListMenu>button:hover, body[data-page="chat"] .civChatMsgMenu>button:hover, body[data-page="chat"] .civChatCallMenu>button:hover{background:#f2f8fb!important} /* +: SOLO Fotos y Documentos, panel pequeño, claro y premium. */ body[data-page="chat"] .civChatPlusMenuR76DZ{ width:260px!important;max-width:calc(100vw - 24px)!important; display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important;padding:11px!important; background:rgba(255,255,255,.995)!important;background-image:none!important; border:1px solid #d7e6ed!important;border-radius:18px!important; box-shadow:0 18px 44px rgba(19,57,78,.14)!important; } body[data-page="chat"] .civChatPlusMenuR76DZ button{ min-height:88px!important;padding:10px 7px!important;gap:7px!important; background:#f8fcfe!important;background-image:none!important; border:1px solid #dceaf0!important;border-radius:15px!important; color:#173f58!important;-webkit-text-fill-color:#173f58!important; box-shadow:none!important; } body[data-page="chat"] .civChatPlusMenuR76DZ button:hover{background:#eef8fc!important;border-color:#c7e1ed!important} body[data-page="chat"] .civChatPlusMenuR76DZ .accent{ width:46px!important;height:46px!important;border-radius:14px!important; background:#fff!important;border:1px solid #d7e7ee!important; box-shadow:0 3px 10px rgba(26,76,101,.05)!important; } body[data-page="chat"] .civChatPlusMenuR76DZ .accent svg{width:24px!important;height:24px!important;stroke:#257da8!important} /* Fotos: imagen sola, sin marco, sin tarjeta azul, sin relleno. */ body[data-page="chat"] .civChatMessageCore:has(.civChatMediaMessage), body[data-page="chat"] .civChatMediaMessage, body[data-page="chat"] .civChatMediaOnly, body[data-page="chat"] .civChatPhotoOnly, body[data-page="chat"] button.civChatMediaThumb, body[data-page="chat"] button.civChatMediaThumb:hover, body[data-page="chat"] button.civChatMediaThumb:focus, body[data-page="chat"] button.civChatMediaThumb:active{ background:transparent!important;background-image:none!important; border:0!important;outline:0!important;box-shadow:none!important; padding:0!important;margin:0!important; } body[data-page="chat"] .civChatPhotoOnly img, body[data-page="chat"] .civChatMediaThumb img, body[data-page="chat"] .civChatMediaThumb video{ background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important; padding:0!important;margin:0!important;border-radius:14px!important; } /* Emoji: teclado completo, varias filas visibles, scroll y botones transparentes. */ body[data-page="chat"] .civChatEmojiPanel{ width:min(500px,calc(100vw - 28px))!important;height:min(560px,70vh)!important; background:rgba(255,255,255,.995)!important;border:1px solid #d5e5ed!important; } body[data-page="chat"] .civChatEmojiGrid{ grid-template-columns:repeat(9,minmax(0,1fr))!important; height:calc(100% - 96px)!important;min-height:240px!important; overflow-y:auto!important;overscroll-behavior:contain!important; padding:10px!important; } body[data-page="chat"] .civChatEmojiGrid button, body[data-page="chat"] .civChatEmojiTabs button{ background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important; } body[data-page="chat"] .civChatEmojiGrid button{font-size:27px!important;min-height:42px!important} body[data-page="chat"] .civChatEmojiGrid button:hover{background:#f0f8fc!important} @media(max-width:940px){ body[data-page="chat"] .civChatPlusMenuR76DZ{width:238px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} body[data-page="chat"] .civChatEmojiGrid{grid-template-columns:repeat(7,minmax(0,1fr))!important} } @media(max-width:520px){ body[data-page="chat"] .civChatPlusMenuR76DZ{left:8px!important;right:auto!important;width:220px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:9px!important} body[data-page="chat"] .civChatPlusMenuR76DZ button{min-height:78px!important} body[data-page="chat"] .civChatEmojiGrid{grid-template-columns:repeat(6,minmax(0,1fr))!important} } /* END CIVELIQ_V8_17_290_R76EC_CHAT_VISUAL_CLEANUP_VISUAL */ /* ===================================================================== CIVELIQ V8.17.291 · R76ED · CHAT FINISH POLISH ===================================================================== */ /* CIVELIQ_V8_17_291_R76ED_CHAT_FINISH_POLISH_VISUAL */ /* Referencia aprobada: iconos de cabecera limpios, sin bloques azules. */ body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="search"], body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="audio"], body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="video"]{ background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important; color:#234f6f!important;-webkit-text-fill-color:#234f6f!important; width:46px!important;height:46px!important;min-width:46px!important;border-radius:13px!important; } body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="search"]:hover, body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="audio"]:hover, body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="video"]:hover{background:rgba(255,255,255,.72)!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button svg{stroke:#234f6f!important;fill:none!important} /* El cuarto botón superior (Más/...) queda eliminado visualmente, como pidió el usuario. */ body[data-page="chat"] #civChatHeadMore{display:none!important} body[data-page="chat"] .civChatHeadMenuWrap:has(#civChatHeadMore){width:0!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important} body[data-page="chat"] #civChatHeadMenu{display:none!important} /* No más cuadrados azules macizos en los controles secundarios. */ body[data-page="chat"] .civChatListMore, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic, body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ, body[data-page="chat"] button.civChatMsgMore, body[data-page="chat"] button.civChatMsgMoreR76DZ{ background:rgba(255,255,255,.78)!important;background-image:none!important; border:1px solid rgba(201,220,230,.92)!important;color:#23516f!important;-webkit-text-fill-color:#23516f!important; box-shadow:0 3px 10px rgba(27,73,97,.045)!important; } body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ svg, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic svg, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus svg, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji svg{stroke:#23516f!important;fill:none!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ{display:grid!important;place-items:center!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ svg{width:22px!important;height:22px!important;opacity:1!important} /* +: exactamente dos opciones, claras y premium. */ body[data-page="chat"] .civChatPlusMenuR76DZ{width:224px!important;padding:8px!important;gap:8px!important;background:#fff!important;border:1px solid #d8e6ed!important;box-shadow:0 15px 38px rgba(26,66,87,.12)!important} body[data-page="chat"] .civChatPlusMenuR76DZ button{min-height:70px!important;background:#f9fcfd!important;border:1px solid #dce9ef!important;color:#244b63!important;box-shadow:none!important;border-radius:14px!important} body[data-page="chat"] .civChatPlusMenuR76DZ button:hover{background:#eef8fb!important} body[data-page="chat"] .civChatPlusMenuR76DZ .accent{background:#fff!important;border:1px solid #dce8ee!important;width:40px!important;height:40px!important;border-radius:12px!important} /* Foto real: reset duro del botón y de todos sus contenedores para que NO exista marco. */ body[data-page="chat"] .civChatMessage:has(.civChatPhotoOnly) .civChatMessageCore, body[data-page="chat"] .civChatMessage:has(.civChatPhotoOnly) .civChatMediaMessage, body[data-page="chat"] .civChatMessage:has(.civChatPhotoOnly) .civChatMediaOnly, body[data-page="chat"] .civChatMessage:has(.civChatPhotoOnly) .civChatPhotoOnly, body[data-page="chat"] button.civChatMediaThumb.civChatPhotoOnly.isImage{ background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;margin:0!important; border-radius:0!important;filter:none!important; } body[data-page="chat"] button.civChatMediaThumb.civChatPhotoOnly.isImage{appearance:none!important;-webkit-appearance:none!important;overflow:visible!important} body[data-page="chat"] button.civChatMediaThumb.civChatPhotoOnly.isImage::before, body[data-page="chat"] button.civChatMediaThumb.civChatPhotoOnly.isImage::after, body[data-page="chat"] .civChatMediaMessage::before, body[data-page="chat"] .civChatMediaMessage::after{display:none!important;content:none!important;border:0!important;box-shadow:none!important} body[data-page="chat"] button.civChatMediaThumb.civChatPhotoOnly.isImage>img{ display:block!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important; padding:0!important;margin:0!important;border-radius:13px!important;filter:none!important; } /* Audio tipo mensaje de voz: play + onda + duración; la hora/check siguen en el footer. */ body[data-page="chat"] .civChatAttachmentMessage:has(.civChatVoiceR76ED){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important} body[data-page="chat"] .civChatVoiceR76ED{ display:grid!important;grid-template-columns:38px minmax(120px,1fr) auto!important;align-items:center!important;gap:10px!important; min-width:280px!important;max-width:min(430px,68vw)!important;padding:11px 13px!important; background:rgba(255,255,255,.96)!important;border:1px solid #d7e4ea!important;border-radius:20px!important; box-shadow:0 4px 14px rgba(25,64,83,.055)!important;color:#385564!important;-webkit-text-fill-color:#385564!important; } body[data-page="chat"] .civChatMessage.mine .civChatVoiceR76ED{background:rgba(232,246,252,.96)!important} body[data-page="chat"] .civChatVoicePlay{width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#4b6574!important;font-size:20px!important;line-height:1!important} body[data-page="chat"] .civChatVoiceWave{height:34px!important;display:flex!important;align-items:center!important;gap:3px!important;overflow:hidden!important} body[data-page="chat"] .civChatVoiceWave>span{display:block!important;width:3px!important;height:var(--h)!important;min-height:5px!important;max-height:31px!important;border-radius:999px!important;background:#aeb8be!important} body[data-page="chat"] .civChatVoiceWave>span:first-child{background:#58aef0!important} body[data-page="chat"] .civChatVoiceDuration{font-size:11px!important;color:#617987!important;-webkit-text-fill-color:#617987!important;white-space:nowrap!important} body[data-page="chat"] .civChatMessage:has(.civChatVoiceR76ED) .civChatMessageAvatar{position:relative!important} body[data-page="chat"] .civChatMessage:has(.civChatVoiceR76ED) .civChatMessageAvatar::after{content:'🎙';position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:9px;box-shadow:0 1px 4px rgba(0,0,0,.08)} /* Marca temporal en la lista de conversaciones. */ body[data-page="chat"] .civChatPersonR76ED{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:9px!important} body[data-page="chat"] .civChatPersonR76ED .civChatPersonText{min-width:0!important} body[data-page="chat"] .civChatPersonWhen{align-self:center!important;justify-self:end!important;font-size:10px!important;color:#6f8592!important;-webkit-text-fill-color:#6f8592!important;white-space:nowrap!important;font-weight:650!important} body[data-page="chat"] .civChatPersonR76ED>em{position:static!important;grid-column:4!important;grid-row:1!important;margin:0!important} @media(max-width:700px){ body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="search"], body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="audio"], body[data-page="chat"] .civChatHeadActionsR76DZ>button[data-chat-action="video"]{width:34px!important;height:34px!important;min-width:34px!important} body[data-page="chat"] .civChatVoiceR76ED{min-width:220px!important;max-width:72vw!important;grid-template-columns:34px minmax(92px,1fr) auto!important;padding:9px 10px!important} body[data-page="chat"] .civChatVoicePlay{width:34px!important;height:34px!important} body[data-page="chat"] .civChatPersonWhen{font-size:9px!important} } /* END CIVELIQ_V8_17_291_R76ED_CHAT_FINISH_POLISH_VISUAL */ /* ===================================================================== CIVELIQ V8.17.292 · R76EE · CHAT STABILITY + FINAL UI FIXES ===================================================================== */ /* CIVELIQ_V8_17_292_R76EE_CHAT_STABILITY_FINAL_VISUAL */ /* Ningún botón secundario oscuro: referencia clara/premium aprobada. */ body[data-page="chat"] .civChatNewMini, body[data-page="chat"] .civChatListMore, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic, body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ{ background:#f8fcfe!important;background-image:none!important; border:1px solid #d5e5ed!important; color:#235674!important;-webkit-text-fill-color:#235674!important; box-shadow:0 3px 10px rgba(23,70,94,.045)!important; } body[data-page="chat"] .civChatNewMini:hover, body[data-page="chat"] .civChatListMore:hover, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus:hover, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji:hover, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic:hover, body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ:hover{background:#eef8fc!important} body[data-page="chat"] .civChatNewMini svg, body[data-page="chat"] .civChatListMore svg, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus svg, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji svg, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic svg, body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ svg{ stroke:#235674!important;fill:none!important;color:#235674!important;opacity:1!important; } body[data-page="chat"] .civChatNewMini{font-weight:800!important;border-radius:13px!important} body[data-page="chat"] .civChatNewMini span{color:#235674!important;-webkit-text-fill-color:#235674!important} /* El segundo control de la derecha es Enviar y queda claramente visible, nunca bloque azul vacío. */ body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ{ display:grid!important;place-items:center!important; background:#eaf6fb!important;border-color:#c9e1ec!important; width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important; border-radius:14px!important; } body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ svg{width:23px!important;height:23px!important;stroke-width:2!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic{ width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:14px!important; } /* El punto/tres-puntos por mensaje desaparece. Las acciones siguen por clic derecho o pulsación larga. */ body[data-page="chat"] button.civChatMsgMore, body[data-page="chat"] button.civChatMsgMoreR76DZ, body[data-page="chat"] .civChatMessage button[data-msg-more]{display:none!important} /* Menú de conversaciones y opciones: siempre claro y legible. */ body[data-page="chat"] .civChatListMenu, body[data-page="chat"] .civChatHeadMenu, body[data-page="chat"] .civChatMsgMenu, body[data-page="chat"] .civChatCallMenu{ background:#fff!important;background-image:none!important;border:1px solid #d7e5ec!important; box-shadow:0 15px 38px rgba(24,60,80,.13)!important;color:#173f58!important; } body[data-page="chat"] .civChatListMenu>button, body[data-page="chat"] .civChatHeadMenu>button, body[data-page="chat"] .civChatMsgMenu>button, body[data-page="chat"] .civChatCallMenu>button{ background:#fff!important;background-image:none!important;color:#173f58!important;-webkit-text-fill-color:#173f58!important; } body[data-page="chat"] .civChatListMenu>button:hover, body[data-page="chat"] .civChatHeadMenu>button:hover, body[data-page="chat"] .civChatMsgMenu>button:hover, body[data-page="chat"] .civChatCallMenu>button:hover{background:#f2f8fb!important} /* Mensajes: geometría estable, sin solaparse y con hueco fijo para avatar. */ body[data-page="chat"] .civChatMessages{scroll-behavior:auto!important;overflow-y:auto!important;overflow-x:hidden!important} body[data-page="chat"] .civChatMessage{ position:relative!important;width:100%!important;max-width:100%!important; display:flex!important;align-items:flex-end!important;gap:9px!important; margin:12px 0!important;padding:0!important;min-height:40px!important; clear:both!important;isolation:isolate!important;box-sizing:border-box!important; } body[data-page="chat"] .civChatMessage.theirs{justify-content:flex-start!important} body[data-page="chat"] .civChatMessage.mine{justify-content:flex-end!important} body[data-page="chat"] .civChatMessageAvatar{ flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important; max-width:38px!important;max-height:38px!important;margin:0 0 2px!important;align-self:flex-end!important; } body[data-page="chat"] .civChatMessageAvatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important} body[data-page="chat"] .civChatMessageCore{ display:block!important;position:relative!important;flex:0 1 auto!important;width:auto!important; max-width:min(68%,760px)!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important; } body[data-page="chat"] .civChatFrameHost{display:block!important;position:relative!important;width:auto!important;max-width:100%!important;min-width:0!important;overflow:visible!important} body[data-page="chat"] .civChatBubble, body[data-page="chat"] .civChatAttachmentMessage, body[data-page="chat"] .civChatMediaMessage{position:relative!important;float:none!important;clear:both!important;box-sizing:border-box!important;margin:0!important} body[data-page="chat"] .civChatBubble{max-width:100%!important;word-break:break-word!important;overflow-wrap:anywhere!important} /* Fotos: imagen directa, sin marco, sin tarjeta ni halo azul. */ body[data-page="chat"] .civChatMessage:has(.civChatPhotoOnly) .civChatMessageCore, body[data-page="chat"] .civChatMessage:has(.civChatPhotoOnly) .civChatFrameHost, body[data-page="chat"] .civChatMessage:has(.civChatPhotoOnly) .civChatMediaMessage, body[data-page="chat"] .civChatMessage:has(.civChatPhotoOnly) .civChatMediaOnly, body[data-page="chat"] .civChatMessage:has(.civChatPhotoOnly) .civChatPhotoOnly, body[data-page="chat"] button.civChatMediaThumb.civChatPhotoOnly.isImage, body[data-page="chat"] button.civChatMediaThumb.civChatPhotoOnly.isImage:hover, body[data-page="chat"] button.civChatMediaThumb.civChatPhotoOnly.isImage:focus, body[data-page="chat"] button.civChatMediaThumb.civChatPhotoOnly.isImage:active{ background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;margin:0!important; border-radius:0!important;filter:none!important;appearance:none!important;-webkit-appearance:none!important; } body[data-page="chat"] button.civChatMediaThumb.civChatPhotoOnly.isImage>img{ display:block!important;width:auto!important;height:auto!important;max-width:min(390px,65vw)!important;max-height:410px!important; object-fit:contain!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important; padding:0!important;margin:0!important;border-radius:13px!important;filter:none!important; } /* +: únicamente Fotos y Documentos; panel claro y realmente utilizable. */ body[data-page="chat"] .civChatPlusMenuR76DZ{ width:222px!important;max-width:calc(100vw - 24px)!important;display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:8px!important; background:#fff!important;background-image:none!important;border:1px solid #d8e6ed!important;border-radius:16px!important; box-shadow:0 14px 34px rgba(24,64,85,.12)!important;z-index:80!important; } body[data-page="chat"] .civChatPlusMenuR76DZ button{ min-height:68px!important;background:#f8fcfe!important;background-image:none!important;border:1px solid #dbe9ef!important; border-radius:13px!important;color:#244d65!important;-webkit-text-fill-color:#244d65!important;box-shadow:none!important; } body[data-page="chat"] .civChatPlusMenuR76DZ button:hover{background:#eef8fc!important} body[data-page="chat"] .civChatPlusMenuR76DZ .accent{background:#fff!important;border:1px solid #dbe8ee!important;box-shadow:none!important} /* Fondo aprobado del chat. */ body[data-page="chat"] .civChatStage, body[data-page="chat"] .civChatSkyStage, body[data-page="chat"] .civChatConversation{ background:radial-gradient(ellipse at 18% 18%,rgba(255,255,255,.72) 0 16%,transparent 42%),radial-gradient(ellipse at 78% 26%,rgba(255,255,255,.30) 0 17%,transparent 46%),linear-gradient(145deg,#edf9ff 0%,#dff3ff 42%,#cfeaf9 72%,#e9f7ff 100%)!important; } /* Responsive: misma estabilidad y botones claros en tablet/app. */ @media (min-width:701px) and (max-width:940px){ body[data-page="chat"] .civChatHeadActionsR76DZ>button{background:transparent!important;border:0!important;color:#234f6f!important;-webkit-text-fill-color:#234f6f!important;box-shadow:none!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button svg{stroke:#234f6f!important} body[data-page="chat"] .civChatMessageCore{max-width:74%!important} body[data-page="chat"] .civChatNewMini,body[data-page="chat"] .civChatListMore{background:#f8fcfe!important;color:#235674!important;-webkit-text-fill-color:#235674!important} } @media (max-width:700px){ body[data-page="chat"] .civChatMessage{gap:6px!important;margin:9px 0!important;min-height:31px!important} body[data-page="chat"] .civChatMessageAvatar{flex-basis:30px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important} body[data-page="chat"] .civChatMessageCore{max-width:82%!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:11px!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:12px!important} body[data-page="chat"] .civChatNewMini,body[data-page="chat"] .civChatListMore{background:#f8fcfe!important;color:#235674!important;-webkit-text-fill-color:#235674!important} } /* END CIVELIQ_V8_17_292_R76EE_CHAT_STABILITY_FINAL_VISUAL */ /* ===================================================================== CIVELIQ V8.17.293 · R76EF · WHITE CONTROLS + MOBILE ADAPTATION ===================================================================== */ /* CIVELIQ_V8_17_293_R76EF_CHAT_MOBILE_WHITE_CONTROLS */ /* Botones solicitados: fondo blanco y símbolos/texto azules. */ body[data-page="chat"] .civChatNewMini, body[data-page="chat"] .civChatListMore, body[data-page="chat"] .civChatHeadActionsR76DZ>button, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, body[data-page="chat"] #civChatHeadMore, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic, body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ{ background:#fff!important;background-color:#fff!important;background-image:none!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important; border:1px solid #cfe0e9!important;box-shadow:0 3px 10px rgba(19,79,110,.055)!important; } body[data-page="chat"] .civChatNewMini *, body[data-page="chat"] .civChatListMore *, body[data-page="chat"] .civChatHeadActionsR76DZ>button *, body[data-page="chat"] #civChatHeadMore *, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus *, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji *, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic *, body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ *{ color:#17618c!important;-webkit-text-fill-color:#17618c!important;stroke:#17618c!important;fill:none!important; } body[data-page="chat"] .civChatNewMini:hover, body[data-page="chat"] .civChatListMore:hover, body[data-page="chat"] .civChatHeadActionsR76DZ>button:hover, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus:hover, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji:hover, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic:hover, body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ:hover{background:#f5fbff!important} /* Mantener fuera el cuarto botón superior que ya se pidió retirar. */ body[data-page="chat"] #civChatHeadMore{display:none!important} /* Fotos / Documentos: panel y tarjetas completamente blancos. */ body[data-page="chat"] .civChatPlusMenuR76DZ{ width:246px!important;max-width:calc(100vw - 24px)!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:9px!important; background:#fff!important;background-color:#fff!important;background-image:none!important; border:1px solid #d1e1e9!important;border-radius:16px!important; box-shadow:0 15px 34px rgba(20,67,92,.14)!important;z-index:150!important; } body[data-page="chat"] .civChatPlusMenuR76DZ.hidden{display:none!important} body[data-page="chat"] .civChatPlusMenuR76DZ:not(.hidden){display:grid!important} body[data-page="chat"] .civChatPlusMenuR76DZ button{ min-height:76px!important;background:#fff!important;background-color:#fff!important;background-image:none!important; border:1px solid #d8e6ed!important;border-radius:14px!important;box-shadow:0 3px 9px rgba(22,72,98,.04)!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important;font-weight:800!important; } body[data-page="chat"] .civChatPlusMenuR76DZ button:hover{background:#f6fbfe!important} body[data-page="chat"] .civChatPlusMenuR76DZ .accent{ background:#fff!important;background-image:none!important;border:1px solid #d8e6ed!important;box-shadow:none!important;color:#17618c!important; } body[data-page="chat"] .civChatPlusMenuR76DZ .accent svg{stroke:#17618c!important;fill:none!important} body[data-page="chat"] .civChatPlusMenuR76DZ button span{color:#17618c!important;-webkit-text-fill-color:#17618c!important} /* Input nativo temporal de Fotos/Documentos: invisible pero válido también en iOS/PWA. */ .civChatNativePickerR76EF{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} /* Envío optimista: nada se desplaza mientras llega la confirmación del servidor. */ body[data-page="chat"] .civChatMessage.civChatPendingR76EF{opacity:.86!important} body[data-page="chat"] .civChatMessage.civChatPendingR76EF .civChatBubble{transition:none!important} body[data-page="chat"] .civChatMessages, body[data-page="chat"] .civChatMessage, body[data-page="chat"] .civChatMessageCore, body[data-page="chat"] .civChatMessageAvatar{transition:none!important;animation:none!important} /* Móvil/App: el chat ocupa el espacio REAL entre cabecera y navegación inferior. */ @media (max-width:700px){ body[data-page="chat"] #app.shell:not(.hidden)>main{ height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important; display:flex!important;flex-direction:column!important;overflow:hidden!important; padding-left:10px!important;padding-right:10px!important; padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important; } body[data-page="chat"] #app.shell:not(.hidden)>main>.top{flex:0 0 auto!important;margin-bottom:8px!important} body[data-page="chat"] #page{ flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important; width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;overflow:hidden!important; } body[data-page="chat"] .civChatPage{display:block!important;gap:0!important;padding:0!important;} body[data-page="chat"] .civChatPage, body[data-page="chat"] .civChatWorkspace, body[data-page="chat"] .civChatStage, body[data-page="chat"] .civChatConversation{ height:100%!important;min-height:0!important;max-height:none!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important; } body[data-page="chat"] .civChatWorkspace{border-radius:20px!important;overflow:hidden!important} body[data-page="chat"] .civChatStage{inset:0!important;border-radius:20px!important} body[data-page="chat"] .civChatConversation{grid-template-rows:auto auto minmax(0,1fr) auto auto!important;overflow:hidden!important} body[data-page="chat"] .civChatConversationHead{min-height:58px!important;padding:7px 7px!important;gap:5px!important;overflow:hidden!important} body[data-page="chat"] .civChatMobileBack{width:38px!important;min-width:38px!important;height:38px!important;border-radius:12px!important} body[data-page="chat"] .civChatPeerPremium{min-width:0!important;flex:1 1 auto!important;max-width:none!important;padding:2px 4px!important} body[data-page="chat"] .civChatAvatarBig{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important} body[data-page="chat"] .civChatPeerNameLine>b{max-width:31vw!important;font-size:10.5px!important} body[data-page="chat"] .civChatPresenceBadge{max-width:72px!important;font-size:6.8px!important;padding:2px 5px!important} body[data-page="chat"] .civChatPeerCode{display:none!important} body[data-page="chat"] .civChatHeadActionsR76DZ{flex:0 0 auto!important;gap:3px!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;border-radius:10px!important;padding:0!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button svg, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction svg{width:19px!important;height:19px!important} body[data-page="chat"] .civChatMessages{ min-height:0!important;padding:10px 7px 8px!important;overflow-y:auto!important;overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;scroll-behavior:auto!important; } body[data-page="chat"] .civChatMessage{margin:7px 0!important;gap:5px!important;min-height:31px!important} body[data-page="chat"] .civChatMessageAvatar{flex:0 0 29px!important;width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;max-width:29px!important;max-height:29px!important} body[data-page="chat"] .civChatMessageCore{max-width:calc(100% - 39px)!important;min-width:0!important} body[data-page="chat"] .civChatBubble{font-size:13px!important;max-width:100%!important;padding:8px 10px 6px!important} body[data-page="chat"] button.civChatMediaThumb.civChatPhotoOnly.isImage>img{max-width:min(72vw,310px)!important;max-height:42vh!important} body[data-page="chat"] .civChatComposerR76DZ{ position:relative!important;z-index:30!important;flex:0 0 auto!important; min-height:58px!important;grid-template-columns:38px 38px minmax(0,1fr) 38px 40px!important; gap:4px!important;padding:7px!important;background:#fff!important; } body[data-page="chat"] .civChatComposerR76DZ .civChatPlus, body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji, body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic, body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:11px!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ{width:40px!important;min-width:40px!important} body[data-page="chat"] .civChatTextWrap{height:40px!important;min-height:40px!important;border-radius:14px!important;min-width:0!important} body[data-page="chat"] .civChatTextWrap textarea{height:38px!important;min-height:38px!important;max-height:88px!important;font-size:13px!important;padding:9px 10px!important} body[data-page="chat"] .civChatPlusMenuR76DZ{position:absolute!important;left:0!important;right:auto!important;bottom:calc(100% + 7px)!important;width:226px!important;max-width:calc(100vw - 28px)!important} body[data-page="chat"] .civChatEmojiPanel{bottom:calc(100% + 7px)!important;max-width:calc(100vw - 28px)!important} } /* Tablet: controles blancos y panel de adjuntos realmente utilizable. */ @media (min-width:701px) and (max-width:940px){ body[data-page="chat"] .civChatHeadActionsR76DZ>button, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction{background:#fff!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important;border:1px solid #cfe0e9!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button svg, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction svg{stroke:#17618c!important} } /* END CIVELIQ_V8_17_293_R76EF_CHAT_MOBILE_WHITE_CONTROLS */ /* R76EF mobile/tablet viewport guard: composer always stays above CIVELIQ bottom nav. */ @media (max-width:940px){ body[data-page="chat"] #app.shell:not(.hidden)>main{ height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important; display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important; } body[data-page="chat"] #app.shell:not(.hidden)>main>.top{flex:0 0 auto!important} body[data-page="chat"] #page{ flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important; overflow:hidden!important;box-sizing:border-box!important; } body[data-page="chat"] .civChatPage, body[data-page="chat"] .civChatWorkspace, body[data-page="chat"] .civChatStage{ height:100%!important;min-height:0!important;max-height:100%!important;box-sizing:border-box!important; } body[data-page="chat"] .civChatWorkspace, body[data-page="chat"] .civChatStage{overflow:hidden!important} body[data-page="chat"] .civChatConversation{ height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important; display:grid!important; grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto!important; } body[data-page="chat"] .civChatConversationHead{grid-row:1!important} body[data-page="chat"] .civChatPinned{grid-row:2!important} body[data-page="chat"] .civChatSelectBar{grid-row:3!important} body[data-page="chat"] .civChatMessages{grid-row:4!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important} body[data-page="chat"] .civChatTyping{grid-row:5!important} body[data-page="chat"] .civChatComposerContext{grid-row:6!important} body[data-page="chat"] .civChatComposerR76DZ{grid-row:7!important;position:relative!important;inset:auto!important;transform:none!important;margin:0!important} } /* END R76EF mobile/tablet viewport guard */ /* ===================================================================== CIVELIQ V8.17.294 · R76EG · FINAL CHAT COLOR / COMPOSER / TRAY OVERRIDES ===================================================================== */ /* CIVELIQ_V8_17_294_R76EG_CHAT_FINAL_VISUAL */ /* Sin depender de data-page: los controles del Chat quedan SIEMPRE blancos con azul CIVELIQ. */ .civChatPage .civChatNewMini, .civChatPage .civChatListMore, .civChatPage .civChatHeadActionsR76DZ>button, .civChatPage .civChatHeadActionsR76DZ .civChatDirectAction, .civChatPage .civChatComposerR76DZ .civChatPlus, .civChatPage .civChatComposerR76DZ #civChatEmoji, .civChatPage .civChatComposerR76DZ>.civChatComposerMic, .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ{ background:#fff!important;background-color:#fff!important;background-image:none!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important; border:1px solid #cfe0e9!important;box-shadow:0 3px 10px rgba(18,74,104,.05)!important; } .civChatPage .civChatNewMini *, .civChatPage .civChatListMore *, .civChatPage .civChatHeadActionsR76DZ>button *, .civChatPage .civChatHeadActionsR76DZ .civChatDirectAction *, .civChatPage .civChatComposerR76DZ .civChatPlus *, .civChatPage .civChatComposerR76DZ #civChatEmoji *, .civChatPage .civChatComposerR76DZ>.civChatComposerMic *, .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ *{ color:#17618c!important;-webkit-text-fill-color:#17618c!important;stroke:#17618c!important;fill:none!important; } .civChatPage .civChatNewMini span{color:#17618c!important;-webkit-text-fill-color:#17618c!important} .civChatPage #civChatHeadMore{display:none!important} /* Campo de escritura: un solo borde. El micrófono de nota de voz vive FUERA del campo. */ .civChatPage .civChatTextWrap{ position:relative!important;display:flex!important;align-items:center!important; min-width:0!important;background:#fff!important;border:1px solid #cfe0e9!important; border-radius:16px!important;box-shadow:none!important;outline:0!important;overflow:hidden!important; } .civChatPage .civChatTextWrap textarea, .civChatPage .civChatTextWrap .voiceFieldWrap textarea{ width:100%!important;min-width:0!important;background:transparent!important;background-color:transparent!important; border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important; padding:10px 12px!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important; } .civChatPage .civChatTextWrap .voiceDictateBtn{display:none!important} .civChatPage .civChatComposerR76DZ>.civChatComposerMic{ position:static!important;inset:auto!important;transform:none!important;align-self:center!important; display:grid!important;place-items:center!important; } .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ{align-self:center!important;display:grid!important;place-items:center!important} /* Fotos / Documentos: bandeja real, blanca, integrada y SIN tapar los mensajes. */ .civChatConversation{ display:grid!important; grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto auto!important; min-height:0!important; } .civChatConversation>.civChatConversationHead{grid-row:1!important} .civChatConversation>.civChatPinned{grid-row:2!important} .civChatConversation>.civChatSelectBar{grid-row:3!important} .civChatConversation>.civChatMessages{grid-row:4!important;min-height:0!important} .civChatConversation>.civChatTyping{grid-row:5!important} .civChatConversation>.civChatComposerContext{grid-row:6!important} .civChatConversation>.civChatAttachmentTrayR76EG{ grid-row:7!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important; width:auto!important;max-width:none!important;margin:7px 10px 0!important;padding:7px!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important; background:#fff!important;background-color:#fff!important;background-image:none!important; border:1px solid #d7e5ec!important;border-radius:15px!important;box-shadow:0 5px 16px rgba(20,67,92,.06)!important;z-index:4!important; } .civChatConversation>.civChatAttachmentTrayR76EG.hidden{display:none!important} .civChatConversation>.civChatAttachmentTrayR76EG:not(.hidden){display:grid!important} .civChatConversation>.civChatAttachmentTrayR76EG button{ min-height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important; background:#fff!important;background-color:#fff!important;background-image:none!important; border:1px solid #d6e5ec!important;border-radius:13px!important;box-shadow:none!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important;font-weight:800!important; } .civChatConversation>.civChatAttachmentTrayR76EG button *, .civChatConversation>.civChatAttachmentTrayR76EG button span{ color:#17618c!important;-webkit-text-fill-color:#17618c!important;stroke:#17618c!important; } .civChatConversation>.civChatAttachmentTrayR76EG .accent{ width:35px!important;height:35px!important;display:grid!important;place-items:center!important; background:#fff!important;background-color:#fff!important;background-image:none!important; border:1px solid #d8e7ee!important;border-radius:10px!important;box-shadow:none!important; } .civChatConversation>.civChatComposerR76DZ{grid-row:8!important;position:relative!important;inset:auto!important;margin:0!important} /* Inputs nativos persistentes: fuera de pantalla pero clicables por gesto real. */ .civChatNativePickerR76EG{position:fixed!important;left:-120px!important;top:-120px!important;width:2px!important;height:2px!important;opacity:.001!important;z-index:-1!important} /* Web/Tablet/App: no hay controles oscuros ni cuadros azules vacíos. */ .civChatPage .civChatComposerR76DZ .civChatPlus, .civChatPage .civChatComposerR76DZ #civChatEmoji, .civChatPage .civChatComposerR76DZ>.civChatComposerMic, .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ{ width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:13px!important; } @media (max-width:700px){ .civChatPage .civChatConversationHead{min-height:58px!important} .civChatPage .civChatHeadActionsR76DZ>button, .civChatPage .civChatHeadActionsR76DZ .civChatDirectAction{background:#fff!important;border-color:#cfe0e9!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important} .civChatPage .civChatHeadActionsR76DZ>button svg, .civChatPage .civChatHeadActionsR76DZ .civChatDirectAction svg{stroke:#17618c!important} .civChatPage .civChatComposerR76DZ{ grid-template-columns:42px 42px minmax(0,1fr) 42px 42px!important; align-items:center!important;gap:5px!important;padding:7px!important;background:#fff!important; } .civChatPage .civChatTextWrap{height:42px!important;min-height:42px!important} .civChatPage .civChatTextWrap textarea{height:40px!important;min-height:40px!important;max-height:86px!important;font-size:13px!important;padding:9px 11px!important} .civChatConversation>.civChatAttachmentTrayR76EG{margin:6px 7px 0!important;padding:6px!important;gap:6px!important} .civChatConversation>.civChatAttachmentTrayR76EG button{min-height:54px!important;font-size:12px!important} .civChatConversation>.civChatMessages{padding-bottom:10px!important} } @media (min-width:701px){ .civChatPage .civChatNewMini, .civChatPage .civChatListMore, .civChatPage .civChatHeadActionsR76DZ>button, .civChatPage .civChatHeadActionsR76DZ .civChatDirectAction{background:#fff!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important;border-color:#cfe0e9!important} .civChatPage .civChatNewMini svg, .civChatPage .civChatListMore svg, .civChatPage .civChatHeadActionsR76DZ>button svg, .civChatPage .civChatHeadActionsR76DZ .civChatDirectAction svg{stroke:#17618c!important} } /* END CIVELIQ_V8_17_294_R76EG_CHAT_FINAL_VISUAL */ /* R76EG hard guard: un único borde en la caja de escritura, incluso frente a reglas históricas !important. */ body[data-page="chat"] .civChatPage .civChatTextWrap{background:#fff!important;border:1px solid #cfe0e9!important;box-shadow:none!important;outline:0!important} body[data-page="chat"] .civChatPage .civChatTextWrap textarea{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important} body[data-page="chat"] .civChatPage .civChatTextWrap .voiceDictateBtn{display:none!important} /* R76EG hard guard: la bandeja de adjuntos ocupa su propia fila; jamás flota sobre mensajes/compositor. */ body[data-page="chat"] .civChatConversation > .civChatAttachmentTrayR76EG{ grid-row:7!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important; transform:none!important;width:auto!important;max-width:none!important;margin:7px 10px 0!important;padding:7px!important; display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important; background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #d7e5ec!important;border-radius:15px!important; box-shadow:0 5px 16px rgba(20,67,92,.06)!important;z-index:4!important; } body[data-page="chat"] .civChatConversation > .civChatAttachmentTrayR76EG.hidden{display:none!important} body[data-page="chat"] .civChatConversation > .civChatComposerR76DZ{grid-row:8!important;position:relative!important;inset:auto!important;transform:none!important;margin:0!important} /* R76EG final color guard: todos los controles interactivos del Chat usan fondo blanco e iconografía azul. */ .civChatPage .civChatMobileBack, .civChatPage .civChatListMenu button, .civChatPage .civChatHeadMenu button, .civChatPage .civChatCallMenu button{ background:#fff!important;background-color:#fff!important;background-image:none!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important;border-color:#cfe0e9!important; } .civChatPage .civChatMobileBack svg, .civChatPage .civChatListMenu button svg, .civChatPage .civChatHeadMenu button svg, .civChatPage .civChatCallMenu button svg{ stroke:#17618c!important;color:#17618c!important;fill:none!important; } .civChatPage .civChatListMenu button span, .civChatPage .civChatHeadMenu button span, .civChatPage .civChatCallMenu button span{color:#17618c!important;-webkit-text-fill-color:#17618c!important} /* CIVELIQ V8.17.295 · R76EH · VACÍAR CONVERSACIONES CLARO */ body[data-page="chat"] #civChatClearAllConversations{ background:#fff!important;background-color:#fff!important;background-image:none!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important; border:1px solid #cfe0e9!important;box-shadow:none!important; } body[data-page="chat"] #civChatClearAllConversations span{color:#17618c!important;-webkit-text-fill-color:#17618c!important} body[data-page="chat"] #civChatClearAllConversations svg{stroke:#17618c!important;color:#17618c!important;fill:none!important} body[data-page="chat"] #civChatClearAllConversations:hover{background:#f4faff!important} /* END CIVELIQ_V8_17_295_R76EH_CHAT_CLEAR */ /* ===================================================================== CIVELIQ V8.17.297 · R76EJ · MEDIA PROGRESS + CLEAN VIEWER ===================================================================== */ /* CIVELIQ_V8_17_297_R76EJ_MEDIA_UI */ body[data-page="chat"] .civChatUploadPreviewR76EJ{position:relative!important;display:block!important;overflow:hidden!important;border-radius:16px!important;background:transparent!important;border:0!important;box-shadow:none!important} body[data-page="chat"] .civChatUploadPreviewR76EJ img,body[data-page="chat"] .civChatUploadPreviewR76EJ video{display:block!important;max-width:min(390px,65vw)!important;max-height:410px!important;object-fit:contain!important;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important} body[data-page="chat"] .civChatUploadVeilR76EJ{position:absolute!important;inset:0!important;display:grid!important;place-content:center!important;justify-items:center!important;gap:8px!important;background:rgba(7,37,55,.20)!important;backdrop-filter:blur(1.5px)!important;color:#fff!important;-webkit-text-fill-color:#fff!important} body[data-page="chat"] .civChatUploadVeilR76EJ b{font-size:11px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.45)!important} body[data-page="chat"] .civChatUploadRingR76EJ{--p:0;position:relative!important;width:62px!important;height:62px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:conic-gradient(#fff calc(var(--p)*1%),rgba(255,255,255,.28) 0)!important;box-shadow:0 8px 24px rgba(0,0,0,.20)!important} body[data-page="chat"] .civChatUploadRingR76EJ::after{content:""!important;position:absolute!important;inset:5px!important;border-radius:50%!important;background:rgba(12,56,78,.80)!important} body[data-page="chat"] .civChatUploadRingR76EJ i{position:relative!important;z-index:1!important;font-style:normal!important;font-size:12px!important;font-weight:900!important;color:#fff!important;-webkit-text-fill-color:#fff!important} .civChatMediaViewerR76EJ{position:fixed!important;inset:0!important;z-index:10050!important;display:grid!important;place-items:center!important;background:rgba(8,24,35,.76)!important;backdrop-filter:blur(12px)!important;padding:24px!important} .civChatMediaViewerR76EJ .civChatMediaViewerBody{display:grid!important;place-items:center!important;max-width:min(1100px,94vw)!important;max-height:88vh!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important} .civChatMediaViewerR76EJ .civChatMediaViewerBody img,.civChatMediaViewerR76EJ .civChatMediaViewerBody video{display:block!important;max-width:94vw!important;max-height:86vh!important;object-fit:contain!important;border:0!important;border-radius:15px!important;box-shadow:0 22px 70px rgba(0,0,0,.32)!important;background:#091824!important} .civChatMediaViewerChromeR76EJ{position:fixed!important;top:18px!important;right:18px!important;z-index:10052!important;display:flex!important;align-items:center!important;gap:8px!important} .civChatMediaViewerR76EJ .civChatMediaViewerClose,.civChatMediaViewerMoreR76EJ{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.36)!important;border-radius:13px!important;background:rgba(255,255,255,.94)!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important;box-shadow:0 10px 30px rgba(0,0,0,.20)!important;font-weight:900!important;font-size:22px!important;line-height:1!important} .civChatMediaViewerMoreR76EJ{font-size:17px!important;letter-spacing:1px!important} .civChatMediaViewerMenuWrapR76EJ{position:relative!important} .civChatMediaViewerMenuR76EJ{position:absolute!important;right:0!important;top:50px!important;width:180px!important;padding:7px!important;background:#fff!important;border:1px solid #d7e6ed!important;border-radius:15px!important;box-shadow:0 18px 50px rgba(0,0,0,.20)!important} .civChatMediaViewerMenuR76EJ.hidden{display:none!important} .civChatMediaViewerMenuR76EJ button{width:100%!important;min-height:43px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border:0!important;border-radius:11px!important;background:#fff!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important;font-weight:800!important;text-align:left!important} .civChatMediaViewerMenuR76EJ button:hover{background:#f1f8fc!important} .civChatMediaViewerMenuR76EJ button.danger{color:#a33d45!important;-webkit-text-fill-color:#a33d45!important} .civChatMediaViewerMenuR76EJ svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important} .civChatMediaViewerMenuR76EJ span{color:inherit!important;-webkit-text-fill-color:inherit!important} /* El visor multimedia nunca activa la barra grande de acciones de selección. */ body:has(.civChatMediaViewerR76EJ) .civChatSelectBar{display:none!important} @media(max-width:700px){ body[data-page="chat"] .civChatUploadPreviewR76EJ img,body[data-page="chat"] .civChatUploadPreviewR76EJ video{max-width:74vw!important;max-height:42vh!important} .civChatMediaViewerR76EJ{padding:10px!important}.civChatMediaViewerChromeR76EJ{top:calc(10px + env(safe-area-inset-top))!important;right:10px!important}.civChatMediaViewerR76EJ .civChatMediaViewerBody img,.civChatMediaViewerR76EJ .civChatMediaViewerBody video{max-width:96vw!important;max-height:82vh!important} } /* END CIVELIQ_V8_17_297_R76EJ_MEDIA_UI */ /* R76EJ visor: neutraliza la posición fixed heredada del cierre antiguo para que X y ⋯ no se solapen. */ .civChatMediaViewerR76EJ .civChatMediaViewerClose, .civChatMediaViewerR76EJ .civChatMediaViewerMoreR76EJ{ position:static!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;margin:0!important; } /* ===================================================================== CIVELIQ V8.17.298 · R76EK · TABLET WEB PARITY + AVATAR NO FLICKER Única tanda: Tablet visualmente igual a Web + avatar estable sin parpadeos. ===================================================================== */ /* CIVELIQ_V8_17_298_R76EK_TABLET_WEB_PARITY_AVATAR_NO_FLICKER */ /* TABLET = WEB. Mantiene el botón de ocultar/mostrar columna tal como ya fue validado. */ @media (min-width:701px) and (max-width:1100px){ html.civeliqTabletApp body[data-page="chat"] .civChatPage{ height:calc(100dvh - 150px)!important;min-height:560px!important;padding:0!important;overflow:hidden!important; } html.civeliqTabletApp body[data-page="chat"] .civChatWorkspace{ display:grid!important; grid-template-columns:clamp(270px,33%,360px) minmax(0,1fr)!important; height:100%!important;min-height:0!important;overflow:hidden!important; border:1px solid #d6e5ed!important;border-radius:24px!important;background:#fff!important; box-shadow:0 14px 42px rgba(27,73,97,.08)!important; } html.civeliqTabletApp body[data-page="chat"] .civChatListPane{ min-width:0!important;min-height:0!important;padding:14px 14px 10px!important; background:rgba(255,255,255,.97)!important;border-right:1px solid #dce8ee!important;overflow:hidden!important; } html.civeliqTabletApp body[data-page="chat"] .civChatListHead{ display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important; gap:8px!important;min-height:48px!important;margin:0 0 9px!important; } html.civeliqTabletApp body[data-page="chat"] .civChatListTitle h2{ margin:0!important;color:#113f63!important;font-size:18px!important;line-height:1.15!important;font-weight:850!important;white-space:nowrap!important; } html.civeliqTabletApp body[data-page="chat"] .civChatNewMini{ width:auto!important;min-width:118px!important;max-width:140px!important;height:42px!important;min-height:42px!important; padding:0 15px!important;gap:7px!important;border:1px solid #cfe0e9!important;border-radius:13px!important; background:#fff!important;background-image:none!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important; box-shadow:none!important;font-size:12px!important;font-weight:800!important; } html.civeliqTabletApp body[data-page="chat"] .civChatNewMini svg{width:18px!important;height:18px!important;stroke:#17618c!important} html.civeliqTabletApp body[data-page="chat"] .civChatListMore{ width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important; border:1px solid #cfe0e9!important;border-radius:13px!important;background:#fff!important;color:#17618c!important;box-shadow:none!important; } html.civeliqTabletApp body[data-page="chat"] .civChatListMore svg{width:19px!important;height:19px!important;fill:#17618c!important;stroke:none!important} html.civeliqTabletApp body[data-page="chat"] .civChatSearchBar, html.civeliqTabletApp body[data-page="chat"] .civChatSearchRestored{ min-height:48px!important;margin:0 0 12px!important;padding:8px 13px!important;border:1px solid #d7e5ec!important; border-radius:18px!important;background:#fff!important;box-shadow:0 3px 12px rgba(30,76,99,.04)!important; } html.civeliqTabletApp body[data-page="chat"] .civChatRail{padding:0 0 16px!important;gap:2px!important} html.civeliqTabletApp body[data-page="chat"] .civChatPerson, html.civeliqTabletApp body[data-page="chat"] .civChatPerson.active, html.civeliqTabletApp body[data-page="chat"] .civChatPerson[data-current="1"]{ min-height:72px!important;padding:10px 8px!important;gap:11px!important;border:0!important;border-bottom:1px solid #e0e9ee!important; border-radius:14px!important;background:transparent!important;box-shadow:none!important; } html.civeliqTabletApp body[data-page="chat"] .civChatPerson.active{background:#eaf6fd!important} html.civeliqTabletApp body[data-page="chat"] .civChatPerson .civChatAvatar{width:48px!important;height:48px!important;min-width:48px!important} html.civeliqTabletApp body[data-page="chat"] .civChatPersonText b{font-size:13.5px!important;color:#123d5d!important} html.civeliqTabletApp body[data-page="chat"] .civChatPersonText small{font-size:11px!important;color:#718795!important} html.civeliqTabletApp body[data-page="chat"] .civChatStage, html.civeliqTabletApp body[data-page="chat"] .civChatSkyStage{ position:relative!important;min-width:0!important;min-height:0!important;overflow:hidden!important; } html.civeliqTabletApp body[data-page="chat"] .civChatConversation{ position:relative!important;z-index:1!important;height:100%!important;min-height:0!important;overflow:hidden!important; } html.civeliqTabletApp body[data-page="chat"] .civChatConversationHead{ min-height:72px!important;padding:9px 12px!important;background:rgba(255,255,255,.94)!important; border-bottom:1px solid #dbe8ee!important;backdrop-filter:blur(12px)!important;box-shadow:none!important; } html.civeliqTabletApp body[data-page="chat"] .civChatAvatarBig{width:48px!important;height:48px!important;min-width:48px!important} html.civeliqTabletApp body[data-page="chat"] .civChatPeerNameLine{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important} html.civeliqTabletApp body[data-page="chat"] .civChatPeerNameLine>b{font-size:14px!important;color:#102f4c!important;max-width:min(390px,42vw)!important} html.civeliqTabletApp body[data-page="chat"] .civChatPeerCode{display:block!important;margin-top:2px!important;font-size:10px!important;color:#738696!important} html.civeliqTabletApp body[data-page="chat"] .civChatPresenceBadge{ padding:4px 9px!important;border:0!important;border-radius:999px!important;background:#f0f5f7!important;color:#536f80!important;font-size:10px!important;box-shadow:none!important; } html.civeliqTabletApp body[data-page="chat"] .civChatHeadActionsR76DZ{gap:8px!important} html.civeliqTabletApp body[data-page="chat"] .civChatHeadActionsR76DZ>button, html.civeliqTabletApp body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, html.civeliqTabletApp body[data-page="chat"] #civChatHeadMore{ width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important; display:grid!important;place-items:center!important;border:1px solid #d5e4ec!important;border-radius:13px!important; background:#fff!important;background-image:none!important;color:#103f63!important;-webkit-text-fill-color:#103f63!important; box-shadow:0 4px 12px rgba(20,67,93,.06)!important; } html.civeliqTabletApp body[data-page="chat"] .civChatHeadActionsR76DZ>button svg, html.civeliqTabletApp body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction svg, html.civeliqTabletApp body[data-page="chat"] #civChatHeadMore svg{ width:21px!important;height:21px!important;stroke:#103f63!important;fill:none!important;stroke-width:1.8!important; } html.civeliqTabletApp body[data-page="chat"] #civChatHeadMore svg circle{fill:#103f63!important;stroke:none!important} html.civeliqTabletApp body[data-page="chat"] .civChatMessages{padding:12px clamp(12px,3vw,34px) 10px!important} html.civeliqTabletApp body[data-page="chat"] .civChatComposerR76DZ{ grid-template-columns:46px 46px minmax(0,1fr) 46px 48px!important;align-items:center!important;gap:6px!important; padding:8px 12px!important;background:rgba(255,255,255,.96)!important;border-top:1px solid rgba(183,211,224,.75)!important; } html.civeliqTabletApp body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic{ position:static!important;inset:auto!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important; border:1px solid #cfe0e9!important;border-radius:14px!important;background:#fff!important;color:#17618c!important;display:grid!important;place-items:center!important; } html.civeliqTabletApp body[data-page="chat"] .civChatSendR76DZ, html.civeliqTabletApp body[data-page="chat"] .civChatComposerR76DZ .civChatPlus, html.civeliqTabletApp body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji{ background:#fff!important;background-image:none!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important;border:1px solid #cfe0e9!important; } html.civeliqTabletApp body[data-page="chat"] .civChatSendR76DZ svg, html.civeliqTabletApp body[data-page="chat"] .civChatComposerR76DZ .civChatPlus svg, html.civeliqTabletApp body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji svg, html.civeliqTabletApp body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic svg{stroke:#17618c!important;color:#17618c!important;fill:none!important} } /* Avatares: el contenedor y su imagen no participan en transiciones/animaciones. */ body[data-page="chat"] .civChatAvatar, body[data-page="chat"] .civChatAvatar img{ transition:none!important;animation:none!important;opacity:1!important; } body[data-page="chat"] .civChatAvatar img{visibility:visible!important} /* END CIVELIQ_V8_17_298_R76EK_TABLET_WEB_PARITY_AVATAR_NO_FLICKER */ /* ===================================================================== CIVELIQ V8.17.299 · R76EL · TABLET CHAT = WEB REAL La Tablet usa la misma composición visual de Web. Solo se adapta el ancho. Se aplica tanto a PWA Tablet como a navegador Tablet real. ===================================================================== */ /* CIVELIQ_V8_17_299_R76EL_TABLET_CHAT_WEB_REAL */ @media (min-width:941px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage{ height:calc(100dvh - 116px)!important;min-height:610px!important;padding:0!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ display:grid!important;grid-template-columns:360px minmax(0,1fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important; border:1px solid #d6e5ed!important;border-radius:24px!important;background:#fff!important;box-shadow:0 14px 42px rgba(27,73,97,.08)!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListPane{ min-width:0!important;min-height:0!important;padding:14px 14px 10px!important;background:rgba(255,255,255,.97)!important;border-right:1px solid #dce8ee!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListHead{display:flex!important;align-items:center!important;gap:8px!important;min-height:48px!important;margin:0 0 9px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListTitle h2{margin:0!important;font-size:18px!important;line-height:1.15!important;white-space:nowrap!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatNewMini{width:auto!important;min-width:118px!important;max-width:none!important;height:42px!important;min-height:42px!important;padding:0 15px!important;gap:7px!important;font-size:12px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListMore{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatSearchBar, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatSearchRestored{min-height:48px!important;margin:0 0 12px!important;padding:8px 13px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRail{padding:0 0 16px!important;gap:2px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPerson, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPerson.active, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPerson[data-current="1"]{min-height:72px!important;padding:10px 8px!important;gap:11px!important;border-radius:14px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPerson .civChatAvatar{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatStage, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatSkyStage{position:relative!important;min-width:0!important;min-height:0!important;height:100%!important;margin:0!important;padding:0!important;transform:none!important;overflow:hidden!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversation{height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{min-height:72px!important;padding:9px 12px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatAvatarBig{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatMessages{padding:18px 20px 14px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ{grid-template-columns:46px 46px minmax(0,1fr) 46px 48px!important;align-items:center!important;gap:8px!important;padding:9px 12px!important} } @media (min-width:701px) and (max-width:940px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage{height:calc(100dvh - 108px)!important;min-height:560px!important;padding:0!important;overflow:hidden!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{display:grid!important;grid-template-columns:minmax(280px,35%) minmax(0,1fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important;border:1px solid #d6e5ed!important;border-radius:22px!important;background:#fff!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListPane{padding:12px!important;min-width:0!important;min-height:0!important;overflow:hidden!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatStage, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversation{height:100%!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;overflow:hidden!important} } /* Avatar: sin animación, sin transición, imagen siempre opaca y estable. */ body[data-page="chat"] .civChatAvatar, body[data-page="chat"] .civChatAvatar img, body[data-page="chat"] .civChatMessageAvatar, body[data-page="chat"] .civChatMessageAvatar img, body[data-page="chat"] .civChatAvatarBig, body[data-page="chat"] .civChatAvatarBig img{animation:none!important;transition:none!important;opacity:1!important;visibility:visible!important;will-change:auto!important} /* END CIVELIQ_V8_17_299_R76EL_TABLET_CHAT_WEB_REAL */ /* ===================================================================== CIVELIQ V8.17.300 · R76EM · EMOJI COMPLETO SIN SOLAPE ===================================================================== */ /* CIVELIQ_V8_17_300_R76EM_EMOJI_PANEL */ body[data-page="chat"] .civChatEmojiPanel{ position:fixed!important; display:flex!important; flex-direction:column!important; z-index:2500!important; max-width:calc(100vw - 16px)!important; max-height:calc(100dvh - 24px)!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#fff!important; border:1px solid #cfe1ea!important; border-radius:20px!important; box-shadow:0 22px 70px rgba(17,55,76,.24)!important; transform:none!important; } body[data-page="chat"] .civChatEmojiPanel.hidden{display:none!important} body[data-page="chat"] .civChatEmojiTopR76EM{ flex:0 0 auto!important; position:relative!important; top:auto!important; padding:10px 10px 6px!important; background:#fff!important; border-bottom:1px solid #e2edf2!important; } body[data-page="chat"] .civChatEmojiSearchRowR76EM{display:flex!important;align-items:center!important;gap:6px!important} body[data-page="chat"] .civChatEmojiSearchRowR76EM input{ width:100%!important;height:38px!important;min-height:38px!important; border:1px solid #d4e5ed!important;border-radius:14px!important; background:#f8fbfd!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important; padding:0 12px!important;font-size:13px!important;outline:none!important; } body[data-page="chat"] .civChatEmojiTabs{ display:flex!important;gap:3px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important; margin:7px 0 0!important;padding:0 0 2px!important;scrollbar-width:none!important; } body[data-page="chat"] .civChatEmojiTabs::-webkit-scrollbar{display:none!important} body[data-page="chat"] .civChatEmojiTabs button{ flex:0 0 36px!important;width:36px!important;height:34px!important;min-height:34px!important; padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important; box-shadow:none!important;font-size:20px!important;line-height:1!important; } body[data-page="chat"] .civChatEmojiTabs button.active{background:#eaf5fa!important} body[data-page="chat"] .civChatEmojiGridR76EM{ flex:1 1 auto!important;min-height:0!important;height:auto!important; display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important; align-content:start!important;gap:3px!important;overflow-y:auto!important;overscroll-behavior:contain!important; padding:10px!important;background:#fff!important; } body[data-page="chat"] .civChatEmojiGridR76EM button{ width:100%!important;min-width:0!important;min-height:42px!important;aspect-ratio:1!important; display:grid!important;place-items:center!important;padding:0!important;margin:0!important; border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important; font-size:27px!important;line-height:1!important; } body[data-page="chat"] .civChatEmojiGridR76EM button:hover{background:#eff8fc!important} body[data-page="chat"] .civChatEmojiPagerR76EM{ flex:0 0 48px!important;display:grid!important;grid-template-columns:52px 1fr 52px!important;align-items:center!important; gap:8px!important;padding:6px 10px 8px!important;background:#fff!important;border-top:1px solid #e2edf2!important; } body[data-page="chat"] .civChatEmojiPagerR76EM span{text-align:center!important;color:#5e7888!important;font-size:12px!important;font-weight:800!important} body[data-page="chat"] .civChatEmojiPagerR76EM button{ width:46px!important;height:34px!important;min-height:34px!important;border:1px solid #cfe1ea!important;border-radius:11px!important; background:#fff!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important; font-size:27px!important;line-height:1!important;box-shadow:0 3px 10px rgba(17,55,76,.06)!important; } body[data-page="chat"] .civChatEmojiPagerR76EM button:disabled{opacity:.3!important} @media(max-width:940px){body[data-page="chat"] .civChatEmojiGridR76EM{grid-template-columns:repeat(7,minmax(0,1fr))!important}} @media(max-width:520px){ body[data-page="chat"] .civChatEmojiGridR76EM{grid-template-columns:repeat(6,minmax(0,1fr))!important;padding:8px!important} body[data-page="chat"] .civChatEmojiGridR76EM button{font-size:25px!important;min-height:40px!important} body[data-page="chat"] .civChatEmojiPanel{border-radius:17px!important} } /* END CIVELIQ_V8_17_300_R76EM_EMOJI_PANEL */ /* ===================================================================== CIVELIQ V8.17.301 · R76EN · TABLET = COMPOSICIÓN WEB ACTIVA Mantiene la misma rejilla Web y evita que Tablet caiga en una vista vacía o en reglas compactas anteriores. App móvil (<700px) no se modifica. ===================================================================== */ /* CIVELIQ_V8_17_301_R76EN_TABLET_WEB_ACTIVE */ @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ display:grid!important; grid-template-columns:360px minmax(0,1fr)!important; align-items:stretch!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListPane, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatStage{ position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;pointer-events:auto!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListPane{ width:auto!important;height:100%!important;padding:14px 14px 10px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatStage{ width:auto!important;height:100%!important;margin:0!important; } } @media (min-width:701px) and (max-width:940px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ grid-template-columns:minmax(280px,35%) minmax(0,1fr)!important; } } /* END CIVELIQ_V8_17_301_R76EN_TABLET_WEB_ACTIVE */ /* ===================================================================== CIVELIQ V8.17.302 · R76EO · EMOJI + IR AL ÚLTIMO MENSAJE ===================================================================== */ /* CIVELIQ_V8_17_302_R76EO_EMOJI_SCROLL_LATEST */ body[data-page="chat"] .civChatConversation{position:relative!important} body[data-page="chat"] .civChatJumpLatestR76EO{ position:absolute!important;right:18px!important;bottom:72px!important;z-index:95!important; width:48px!important;height:48px!important;border-radius:50%!important; display:grid!important;place-items:center!important;border:1px solid #d7e5ec!important; background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important; box-shadow:0 8px 24px rgba(17,55,76,.18)!important; opacity:0!important;transform:translateY(8px) scale(.96)!important;pointer-events:none!important; transition:opacity .16s ease,transform .16s ease!important; } body[data-page="chat"] .civChatJumpLatestR76EO.show{opacity:1!important;transform:none!important;pointer-events:auto!important} body[data-page="chat"] .civChatJumpLatestR76EO svg{width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important} body[data-page="chat"] #civChatEmoji{pointer-events:auto!important;touch-action:manipulation!important;position:relative!important;z-index:5!important} body[data-page="chat"] #civChatEmojiPanel:not(.hidden){display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important} @media(max-width:700px){body[data-page="chat"] .civChatJumpLatestR76EO{right:14px!important;bottom:68px!important;width:46px!important;height:46px!important}} /* END CIVELIQ_V8_17_302_R76EO_EMOJI_SCROLL_LATEST */ /* ===================================================================== CIVELIQ V8.17.303 · R76EP · TABLET COMO WEB + CONTROLES COMPACTOS Regla final: neutraliza únicamente las reglas antiguas que comprimían Chat. ===================================================================== */ body[data-page="chat"] .civChatJumpLatestR76EO{ right:16px!important;bottom:70px!important;width:42px!important;height:42px!important; border:1px solid rgba(24,62,84,.12)!important;background:rgba(255,255,255,.96)!important; box-shadow:0 5px 18px rgba(17,55,76,.14)!important; } body[data-page="chat"] .civChatJumpLatestR76EO svg{width:23px!important;height:23px!important;stroke-width:2.2!important} body[data-page="chat"] .civChatEmojiSearchRowR76EM input{min-width:0!important;flex:1 1 auto!important} body[data-page="chat"] .civChatEmojiCloseR76EP{ flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important; display:grid!important;place-items:center!important;padding:0!important;border:1px solid #d7e5ec!important;border-radius:50%!important; background:#fff!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important;box-shadow:none!important;font-size:24px!important;line-height:1!important; } body[data-page="chat"] .civChatEmojiPagerR76EP{grid-template-columns:52px 52px 1fr 52px!important} body[data-page="chat"] .civChatEmojiPagerR76EP .civChatEmojiDeleteR76EP{font-size:22px!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important} @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #side, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #app.shell:not(.hidden)>aside{ display:flex!important;width:210px!important;max-width:210px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #app.shell:not(.hidden)>main{ margin-left:210px!important;width:calc(100vw - 210px)!important;max-width:calc(100vw - 210px)!important; padding-left:10px!important;padding-right:10px!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage{ height:calc(100dvh - 116px)!important;min-height:0!important;width:100%!important;padding:0!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ display:grid!important;grid-template-columns:clamp(245px,32%,300px) minmax(0,1fr)!important; width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListPane{width:auto!important;min-width:0!important;padding:11px 10px 9px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatStage, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversation{ position:relative!important;inset:auto!important;width:auto!important;height:100%!important;min-width:0!important;min-height:0!important; transform:none!important;opacity:1!important;pointer-events:auto!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{min-height:62px!important;padding:7px 9px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ{gap:4px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>button, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMore{ width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:12px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ{ grid-template-columns:40px 40px minmax(0,1fr) 40px!important;gap:5px!important;padding:7px 9px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ .civChatPlus, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatSendR76DZ{ width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body.civeliqSendFocusExpanded[data-page="chat"] #side, html:is(.civeliqTabletApp,.civeliqTabletDevice) body.civeliqSendFocusExpanded[data-page="chat"] #app.shell:not(.hidden)>aside{ transform:translateX(-104%)!important;opacity:0!important;pointer-events:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body.civeliqSendFocusExpanded[data-page="chat"] #app.shell:not(.hidden)>main{ margin-left:0!important;width:100vw!important;max-width:100vw!important;padding-left:14px!important;padding-right:14px!important; } } @media (min-width:701px) and (max-width:820px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #side, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #app.shell:not(.hidden)>aside{width:190px!important;max-width:190px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #app.shell:not(.hidden)>main{margin-left:190px!important;width:calc(100vw - 190px)!important;max-width:calc(100vw - 190px)!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{grid-template-columns:minmax(230px,34%) minmax(0,1fr)!important} } @media(max-width:700px){body[data-page="chat"] .civChatJumpLatestR76EO{right:12px!important;bottom:64px!important;width:40px!important;height:40px!important}} /* END CIVELIQ_V8_17_303_R76EP */ /* ===================================================================== CIVELIQ V8.17.305 · R76ER · CHAT EMOJI PREMIUM + CONTROLES RESPONSIVE Capa final: solo Chat. Web / App / Tablet. ===================================================================== */ /* CIVELIQ_V8_17_305_R76ER_CHAT_EMOJI_PREMIUM_CONTROLS */ body[data-page="chat"] .civChatEmojiPanel{ width:min(410px,calc(100vw - 16px))!important;height:auto!important;max-height:min(400px,calc(100dvh - 20px))!important; border-radius:18px!important;border:1px solid rgba(190,211,222,.9)!important; box-shadow:0 18px 52px rgba(18,55,76,.18)!important;background:#fff!important; } body[data-page="chat"] .civChatEmojiTopR76EM{padding:8px 8px 5px!important} body[data-page="chat"] .civChatEmojiSearchRowR76EM{display:grid!important;grid-template-columns:minmax(0,1fr) 32px!important;align-items:center!important;gap:6px!important} body[data-page="chat"] .civChatEmojiSearchRowR76EM input{height:34px!important;min-height:34px!important;border-radius:12px!important;padding:0 11px!important;font-size:12.5px!important} body[data-page="chat"] .civChatEmojiCloseR76EP{ width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;margin:0!important; display:grid!important;place-items:center!important;align-self:center!important;justify-self:center!important; border-radius:50%!important;border:1px solid #d9e6ec!important;background:#fff!important;color:#17242d!important;-webkit-text-fill-color:#17242d!important; font-size:21px!important;font-weight:500!important;line-height:1!important;touch-action:manipulation!important;cursor:pointer!important; } body[data-page="chat"] .civChatEmojiTabs{gap:2px!important;margin:5px 0 0!important;padding-bottom:1px!important} body[data-page="chat"] .civChatEmojiTabs button{flex:0 0 32px!important;width:32px!important;height:30px!important;min-height:30px!important;border-radius:9px!important;font-size:18px!important;display:grid!important;place-items:center!important;padding:0!important} body[data-page="chat"] .civChatEmojiGridR76EM{ grid-template-columns:repeat(8,minmax(0,1fr))!important;align-content:start!important;justify-content:stretch!important; gap:2px!important;padding:7px 8px!important;overflow-y:auto!important; } body[data-page="chat"] .civChatEmojiGridR76EM button{ min-height:36px!important;height:36px!important;aspect-ratio:auto!important;border-radius:9px!important;font-size:24px!important; display:grid!important;place-items:center!important;padding:0!important;margin:0!important;line-height:1!important; } body[data-page="chat"] .civChatEmojiPagerR76EM,body[data-page="chat"] .civChatEmojiPagerR76EP{ flex:0 0 42px!important;min-height:42px!important;grid-template-columns:38px 38px minmax(64px,1fr) 38px!important; align-items:center!important;justify-items:center!important;gap:5px!important;padding:4px 8px 6px!important; } body[data-page="chat"] .civChatEmojiPagerR76EM button,body[data-page="chat"] .civChatEmojiPagerR76EP button{ width:34px!important;height:30px!important;min-width:34px!important;min-height:30px!important;padding:0!important;margin:0!important; display:grid!important;place-items:center!important;border-radius:10px!important;font-size:22px!important;line-height:1!important; } body[data-page="chat"] .civChatEmojiPagerR76EP .civChatEmojiDeleteR76EP{font-size:20px!important;line-height:1!important} body[data-page="chat"] .civChatEmojiPagerR76EM span,body[data-page="chat"] .civChatEmojiPagerR76EP>span{ display:flex!important;align-items:center!important;justify-content:center!important;min-width:64px!important;text-align:center!important;line-height:1!important; } /* Todos los controles del compositor se centran en una rejilla real de cinco columnas. */ body[data-page="chat"] .civChatComposerR76DZ{ display:grid!important;grid-template-columns:40px 40px minmax(0,1fr) 40px 42px!important;align-items:center!important;gap:6px!important;padding:7px 9px!important; } body[data-page="chat"] .civChatComposerR76DZ>.civChatPlusWrap,body[data-page="chat"] .civChatComposerR76DZ>.civChatEmojiWrap{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;align-self:center!important} body[data-page="chat"] .civChatComposerR76DZ .civChatPlus,body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji,body[data-page="chat"] .civChatComposerR76DZ #civChatMic{ width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;align-self:center!important;border-radius:12px!important; } body[data-page="chat"] .civChatComposerR76DZ .civChatSendR76DZ{ width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;align-self:center!important;border-radius:13px!important; } body[data-page="chat"] .civChatComposerR76DZ .civChatPlus svg,body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji svg,body[data-page="chat"] .civChatComposerR76DZ #civChatMic svg,body[data-page="chat"] .civChatComposerR76DZ .civChatSendR76DZ svg{display:block!important;margin:auto!important;width:20px!important;height:20px!important} body[data-page="chat"] .civChatTextWrap{min-width:0!important;align-self:center!important} body[data-page="chat"] .civChatHeadActionsR76DZ{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button,body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction,body[data-page="chat"] #civChatHeadMore{ width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important; } /* Botón bajar estilo chat: pequeño, blanco, flecha negra y centrado sobre escritura. */ body[data-page="chat"] .civChatJumpLatestR76EO{ left:50%!important;right:auto!important;bottom:var(--civ-chat-jump-bottom,62px)!important; width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;margin:0!important; border-radius:50%!important;border:1px solid #dce3e7!important;background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important; box-shadow:0 4px 14px rgba(17,45,61,.14)!important;display:grid!important;place-items:center!important; transform:translate(-50%,6px) scale(.96)!important; } body[data-page="chat"] .civChatJumpLatestR76EO.show{transform:translate(-50%,0) scale(1)!important} body[data-page="chat"] .civChatJumpLatestR76EO svg{width:18px!important;height:18px!important;display:block!important;margin:auto!important;stroke:#111!important;stroke-width:2.1!important} @media (min-width:701px) and (max-width:940px){ body[data-page="chat"] .civChatEmojiPanel{width:min(390px,calc(100vw - 16px))!important;max-height:min(390px,calc(100dvh - 20px))!important} body[data-page="chat"] .civChatEmojiGridR76EM{grid-template-columns:repeat(7,minmax(0,1fr))!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ, body[data-page="chat"] .civChatComposerR76DZ{grid-template-columns:38px 38px minmax(0,1fr) 38px 40px!important;gap:5px!important;padding:7px 8px!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatPlusWrap,body[data-page="chat"] .civChatComposerR76DZ>.civChatEmojiWrap, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus,body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji,body[data-page="chat"] .civChatComposerR76DZ #civChatMic{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important} body[data-page="chat"] .civChatComposerR76DZ .civChatSendR76DZ{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button,body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction,body[data-page="chat"] #civChatHeadMore{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important} } @media (max-width:700px){ body[data-page="chat"] .civChatEmojiPanel{width:min(360px,calc(100vw - 16px))!important;max-height:min(370px,calc(100dvh - 20px))!important;border-radius:16px!important} body[data-page="chat"] .civChatEmojiGridR76EM{grid-template-columns:repeat(6,minmax(0,1fr))!important;padding:6px!important;gap:2px!important} body[data-page="chat"] .civChatEmojiGridR76EM button{height:35px!important;min-height:35px!important;font-size:23px!important} body[data-page="chat"] .civChatComposerR76DZ{grid-template-columns:36px 36px minmax(0,1fr) 36px 38px!important;gap:4px!important;padding:6px!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatPlusWrap,body[data-page="chat"] .civChatComposerR76DZ>.civChatEmojiWrap, body[data-page="chat"] .civChatComposerR76DZ .civChatPlus,body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji,body[data-page="chat"] .civChatComposerR76DZ #civChatMic{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:11px!important} body[data-page="chat"] .civChatComposerR76DZ .civChatSendR76DZ{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:12px!important} body[data-page="chat"] .civChatHeadActionsR76DZ{gap:2px!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button,body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction,body[data-page="chat"] #civChatHeadMore{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important} body[data-page="chat"] .civChatJumpLatestR76EO{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important} body[data-page="chat"] .civChatJumpLatestR76EO svg{width:17px!important;height:17px!important} } /* END CIVELIQ_V8_17_305_R76ER_CHAT_EMOJI_PREMIUM_CONTROLS */ /* ===================================================================== CIVELIQ V8.17.306 · R76ES · CHAT FINAL ALIGNMENT Tanda solicitada: Emoji premium/cierre real, botón bajar circular blanco, iconos completos y Chat adaptado de verdad a Web / App / Tablet. ===================================================================== */ /* CIVELIQ_V8_17_306_R76ES_CHAT_FINAL_ALIGNMENT */ /* --- Emoji: compacto, proporcionado y con todos los controles centrados --- */ body[data-page="chat"] .civChatEmojiPanel{ width:min(356px,calc(100vw - 16px))!important; height:auto!important; max-height:min(346px,calc(100dvh - 20px))!important; border:1px solid #d6e4eb!important; border-radius:17px!important; background:#fff!important; box-shadow:0 16px 44px rgba(18,55,76,.18)!important; overflow:hidden!important; } body[data-page="chat"] .civChatEmojiPanel.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important} body[data-page="chat"] .civChatEmojiTopR76EM{padding:7px 8px 5px!important;background:#fff!important} body[data-page="chat"] .civChatEmojiSearchRowR76EM{ display:grid!important;grid-template-columns:minmax(0,1fr) 32px!important; align-items:center!important;gap:6px!important;min-height:34px!important; } body[data-page="chat"] .civChatEmojiSearchRowR76EM .voiceFieldWrap{ position:relative!important;display:block!important;width:100%!important;height:34px!important;min-width:0!important;margin:0!important; } body[data-page="chat"] .civChatEmojiSearchRowR76EM input, body[data-page="chat"] .civChatEmojiSearchRowR76EM .voiceFieldWrap>input{ width:100%!important;height:34px!important;min-height:34px!important;margin:0!important; padding:0 38px 0 11px!important;border:1px solid #d8e6ed!important;border-radius:11px!important; background:#f8fbfd!important;color:#24495f!important;-webkit-text-fill-color:#24495f!important; font-size:12.5px!important;line-height:34px!important;box-shadow:none!important; } body[data-page="chat"] .civChatEmojiSearchRowR76EM .voiceFieldWrap>.voiceDictateBtn{ position:absolute!important;right:3px!important;top:50%!important;left:auto!important;bottom:auto!important; transform:translateY(-50%)!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important; margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important; box-shadow:none!important;display:grid!important;place-items:center!important;color:#315f79!important;-webkit-text-fill-color:#315f79!important; } body[data-page="chat"] .civChatEmojiSearchRowR76EM .voiceFieldWrap>.voiceDictateBtn .voiceMicIcon, body[data-page="chat"] .civChatEmojiSearchRowR76EM .voiceFieldWrap>.voiceDictateBtn svg{ width:17px!important;height:17px!important;display:block!important;margin:auto!important;color:#315f79!important;stroke:#315f79!important; } body[data-page="chat"] .civChatEmojiCloseR76EP{ width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0!important;padding:0!important; border:0!important;border-radius:50%!important;background:transparent!important;color:#1c3545!important;-webkit-text-fill-color:#1c3545!important; display:grid!important;place-items:center!important;align-self:center!important;justify-self:center!important; box-shadow:none!important;line-height:1!important;touch-action:manipulation!important;cursor:pointer!important; } body[data-page="chat"] .civChatEmojiCloseR76EP:hover{background:#eef6fa!important} body[data-page="chat"] .civChatEmojiCloseR76EP svg{width:19px!important;height:19px!important;display:block!important;stroke:#1c3545!important;stroke-width:2!important;fill:none!important} body[data-page="chat"] .civChatEmojiTabs{ display:grid!important;grid-template-columns:repeat(11,minmax(0,1fr))!important;align-items:center!important; gap:1px!important;width:100%!important;margin:5px 0 0!important;padding:0!important;overflow:hidden!important; } body[data-page="chat"] .civChatEmojiTabs button{ width:100%!important;min-width:0!important;height:28px!important;min-height:28px!important;padding:0!important;margin:0!important; border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important; display:grid!important;place-items:center!important;font-size:17px!important;line-height:1!important; } body[data-page="chat"] .civChatEmojiTabs button.active{background:#eaf5fa!important} body[data-page="chat"] .civChatEmojiGridR76EM{ flex:1 1 auto!important;min-height:0!important;height:auto!important; display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;align-content:start!important; gap:2px!important;padding:6px 8px!important;background:#fff!important;overflow-y:auto!important;overflow-x:hidden!important; } body[data-page="chat"] .civChatEmojiGridR76EM button{ width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;aspect-ratio:auto!important; padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important; display:grid!important;place-items:center!important;font-size:23px!important;line-height:1!important; } body[data-page="chat"] .civChatEmojiGridR76EM button:hover{background:#f0f7fa!important} body[data-page="chat"] .civChatEmojiPagerR76EM, body[data-page="chat"] .civChatEmojiPagerR76EP{ flex:0 0 40px!important;min-height:40px!important; display:grid!important;grid-template-columns:34px 34px minmax(62px,1fr) 34px!important; align-items:center!important;justify-items:center!important;gap:4px!important;padding:4px 8px 6px!important; border-top:1px solid #e5edf1!important;background:#fff!important; } body[data-page="chat"] .civChatEmojiPagerR76EM button, body[data-page="chat"] .civChatEmojiPagerR76EP button{ width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;margin:0!important; border:0!important;border-radius:9px!important;background:transparent!important;color:#274f68!important;-webkit-text-fill-color:#274f68!important; box-shadow:none!important;display:grid!important;place-items:center!important;line-height:1!important; } body[data-page="chat"] .civChatEmojiPagerR76EM button:hover, body[data-page="chat"] .civChatEmojiPagerR76EP button:hover{background:#eef6fa!important} body[data-page="chat"] .civChatEmojiPagerR76EM button svg, body[data-page="chat"] .civChatEmojiPagerR76EP button svg{width:18px!important;height:18px!important;display:block!important;margin:auto!important;stroke:#274f68!important;stroke-width:2!important;fill:none!important} body[data-page="chat"] .civChatEmojiPagerR76EP .civChatEmojiDeleteR76EP svg{width:19px!important;height:19px!important} body[data-page="chat"] .civChatEmojiPagerR76EM span, body[data-page="chat"] .civChatEmojiPagerR76EP>span{ min-width:62px!important;height:30px!important;margin:0!important;padding:0!important; display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important; color:#5f7786!important;font-size:11.5px!important;font-weight:800!important;line-height:1!important; } /* --- Cabecera: Buscar · Llamada · Vídeo · Más siempre juntos y visibles --- */ body[data-page="chat"] .civChatConversationHead{min-width:0!important;overflow:visible!important} body[data-page="chat"] .civChatPeer{flex:1 1 0!important;min-width:0!important;max-width:100%!important} body[data-page="chat"] .civChatPeerText, body[data-page="chat"] .civChatPeerNameLine{min-width:0!important} body[data-page="chat"] .civChatPeerNameLine>b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} body[data-page="chat"] .civChatHeadActionsR76DZ{ flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(4,38px)!important; grid-auto-flow:column!important;align-items:center!important;justify-content:end!important;gap:5px!important; width:max-content!important;min-width:max-content!important;max-width:none!important;overflow:visible!important;margin-left:auto!important; } body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap{ width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;margin:0!important;padding:0!important;position:relative!important; } body[data-page="chat"] .civChatHeadActionsR76DZ>button, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, body[data-page="chat"] #civChatHeadMore{ width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;margin:0!important;padding:0!important; display:grid!important;place-items:center!important;border-radius:11px!important; } /* --- Compositor: cinco posiciones fijas, sin controles desperdigados --- */ body[data-page="chat"] .civChatComposerR76DZ{ box-sizing:border-box!important;width:100%!important;min-width:0!important;overflow:visible!important; display:grid!important;grid-template-columns:40px 40px minmax(0,1fr) 40px 42px!important; grid-template-areas:"plus emoji text mic send"!important;align-items:center!important;gap:6px!important;padding:7px 9px!important; } body[data-page="chat"] .civChatComposerR76DZ>.civChatPlusWrap{grid-area:plus!important;min-width:0!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatEmojiWrap{grid-area:emoji!important;min-width:0!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatTextWrap{grid-area:text!important;width:100%!important;min-width:0!important;margin:0!important} body[data-page="chat"] .civChatComposerR76DZ>#civChatMic{grid-area:mic!important;position:static!important;inset:auto!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ{grid-area:send!important} body[data-page="chat"] .civChatComposerR76DZ .civChatTextWrap textarea{width:100%!important;min-width:0!important;box-sizing:border-box!important} /* --- Bajar: círculo blanco real y flecha algo mayor --- */ body[data-page="chat"] button.civChatJumpLatestR76EO, body[data-page="chat"] #civChatJumpLatestR76EO{ left:50%!important;right:auto!important;bottom:var(--civ-chat-jump-bottom,62px)!important; width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;aspect-ratio:1!important; margin:0!important;padding:0!important;border:1px solid #d8e2e7!important;border-radius:999px!important; background:#fff!important;background-image:none!important;color:#111!important;-webkit-text-fill-color:#111!important; box-shadow:0 4px 14px rgba(17,45,61,.15)!important;appearance:none!important;-webkit-appearance:none!important; display:grid!important;place-items:center!important;overflow:hidden!important; transform:translate(-50%,6px) scale(.96)!important; } body[data-page="chat"] button.civChatJumpLatestR76EO.show, body[data-page="chat"] #civChatJumpLatestR76EO.show{transform:translate(-50%,0) scale(1)!important} body[data-page="chat"] .civChatJumpLatestR76EO svg{ width:22px!important;height:22px!important;display:block!important;margin:auto!important; fill:none!important;stroke:#111!important;stroke-width:2.35!important;stroke-linecap:round!important;stroke-linejoin:round!important; } /* --- Tablet: más espacio para la conversación y barras ordenadas --- */ @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ grid-template-columns:clamp(220px,30%,290px) minmax(0,1fr)!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{ min-width:0!important;padding:7px 8px!important;gap:8px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeerNameLine>b{max-width:clamp(110px,20vw,250px)!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ{ grid-template-columns:repeat(4,34px)!important;gap:4px!important;min-width:148px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>button, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMore{ width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:10px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ{ grid-template-columns:38px 38px minmax(0,1fr) 38px 40px!important; grid-template-areas:"plus emoji text mic send"!important;gap:5px!important;padding:7px 8px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>.civChatPlusWrap, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>.civChatEmojiWrap, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ .civChatPlus, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ #civChatEmoji, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ #civChatMic{ width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ .civChatSendR76DZ{ width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important; } body[data-page="chat"] .civChatEmojiPanel{width:min(342px,calc(100vw - 16px))!important;max-height:min(344px,calc(100dvh - 20px))!important} } @media (min-width:701px) and (max-width:820px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{grid-template-columns:minmax(210px,28%) minmax(0,1fr)!important} } /* --- App móvil: mismos controles, más compactos pero completos --- */ @media (max-width:700px){ body[data-page="chat"] .civChatEmojiPanel{width:min(324px,calc(100vw - 12px))!important;max-height:min(336px,calc(100dvh - 16px))!important;border-radius:15px!important} body[data-page="chat"] .civChatEmojiGridR76EM{grid-template-columns:repeat(7,minmax(0,1fr))!important;padding:5px 7px!important} body[data-page="chat"] .civChatEmojiGridR76EM button{height:33px!important;min-height:33px!important;font-size:22px!important} body[data-page="chat"] .civChatHeadActionsR76DZ{grid-template-columns:repeat(4,32px)!important;gap:3px!important;min-width:137px!important} body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap, body[data-page="chat"] .civChatHeadActionsR76DZ>button, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, body[data-page="chat"] #civChatHeadMore{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:9px!important} body[data-page="chat"] .civChatPeerNameLine>b{max-width:110px!important} body[data-page="chat"] .civChatComposerR76DZ{ grid-template-columns:36px 36px minmax(0,1fr) 36px 38px!important; grid-template-areas:"plus emoji text mic send"!important;gap:4px!important;padding:6px!important; } body[data-page="chat"] button.civChatJumpLatestR76EO, body[data-page="chat"] #civChatJumpLatestR76EO{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important} body[data-page="chat"] .civChatJumpLatestR76EO svg{width:21px!important;height:21px!important} } /* END CIVELIQ_V8_17_306_R76ES_CHAT_FINAL_ALIGNMENT */ /* ===================================================================== CIVELIQ V8.17.307 · R76ET · CHAT APP FLUID + TABLET PARITY ===================================================================== */ /* CIVELIQ_V8_17_307_R76ET_CHAT_APP_FLUID_TABLET_PARITY */ /* 1) Cuarto botón: solo el icono. Ningún marco aparece en reposo, hover, focus o active. */ .civChatPage #civChatHeadMore, .civChatPage #civChatHeadMore:hover, .civChatPage #civChatHeadMore:focus, .civChatPage #civChatHeadMore:focus-visible, .civChatPage #civChatHeadMore:active, body[data-page="chat"] .civChatPage #civChatHeadMore, body[data-page="chat"] .civChatPage #civChatHeadMore:hover, body[data-page="chat"] .civChatPage #civChatHeadMore:focus, body[data-page="chat"] .civChatPage #civChatHeadMore:focus-visible, body[data-page="chat"] .civChatPage #civChatHeadMore:active{ width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important; padding:0!important;margin:0!important;border:0!important;outline:0!important;border-radius:50%!important; background:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important; appearance:none!important;-webkit-appearance:none!important;-webkit-tap-highlight-color:transparent!important; touch-action:manipulation!important;position:relative!important;z-index:3!important;overflow:hidden!important; } .civChatPage #civChatHeadMore:hover, .civChatPage #civChatHeadMore:focus-visible{background:transparent!important;opacity:.88!important} .civChatPage #civChatHeadMore:active{background:transparent!important;transform:scale(.94)!important;opacity:.78!important} .civChatPage #civChatHeadMore svg{width:22px!important;height:22px!important;display:block!important;margin:auto!important;overflow:visible!important} .civChatPage #civChatHeadMore svg circle{fill:#17618c!important;stroke:none!important} body[data-page="chat"] .civChatPage .civChatHeadActionsR76DZ #civChatHeadMore svg circle, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage .civChatHeadActionsR76DZ #civChatHeadMore svg circle{fill:#17618c!important;stroke:none!important} .civChatPage .civChatHeadMenuWrap{overflow:visible!important;isolation:isolate!important} .civChatPage .civChatHeadMenuWrap>#civChatHeadMenu{z-index:200!important} /* 2) Emoji: menos caja vacía, controles y grid alineados. */ body[data-page="chat"] .civChatEmojiPanel{ width:min(336px,calc(100vw - 12px))!important;max-height:min(316px,calc(100dvh - 14px))!important; border-radius:15px!important;box-shadow:0 12px 34px rgba(18,55,76,.16)!important; } body[data-page="chat"] .civChatEmojiTopR76EM{padding:6px 7px 4px!important} body[data-page="chat"] .civChatEmojiSearchRowR76EM{grid-template-columns:minmax(0,1fr) 30px!important;gap:4px!important;min-height:32px!important} body[data-page="chat"] .civChatEmojiSearchRowR76EM .voiceFieldWrap{height:32px!important} body[data-page="chat"] .civChatEmojiSearchRowR76EM input, body[data-page="chat"] .civChatEmojiSearchRowR76EM .voiceFieldWrap>input{height:32px!important;min-height:32px!important;line-height:32px!important;font-size:12px!important;padding:0 34px 0 10px!important;border-radius:10px!important} body[data-page="chat"] .civChatEmojiSearchRowR76EM .voiceFieldWrap>.voiceDictateBtn{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;right:2px!important} body[data-page="chat"] .civChatEmojiSearchRowR76EM .voiceFieldWrap>.voiceDictateBtn svg{width:16px!important;height:16px!important} body[data-page="chat"] .civChatEmojiCloseR76EP{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important} body[data-page="chat"] .civChatEmojiCloseR76EP svg{width:18px!important;height:18px!important} body[data-page="chat"] .civChatEmojiTabs{margin:3px 0 0!important;gap:0!important} body[data-page="chat"] .civChatEmojiTabs button{height:25px!important;min-height:25px!important;border-radius:7px!important;font-size:16px!important} body[data-page="chat"] .civChatEmojiGridR76EM{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:1px!important;padding:4px 7px!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important} body[data-page="chat"] .civChatEmojiGridR76EM button{height:31px!important;min-height:31px!important;border-radius:7px!important;font-size:21px!important} body[data-page="chat"] .civChatEmojiPagerR76EM, body[data-page="chat"] .civChatEmojiPagerR76EP{flex-basis:35px!important;min-height:35px!important;grid-template-columns:30px 30px minmax(56px,1fr) 30px!important;gap:3px!important;padding:2px 7px 4px!important} body[data-page="chat"] .civChatEmojiPagerR76EM button, body[data-page="chat"] .civChatEmojiPagerR76EP button{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:8px!important} body[data-page="chat"] .civChatEmojiPagerR76EM span, body[data-page="chat"] .civChatEmojiPagerR76EP>span{height:28px!important;min-width:56px!important;font-size:11px!important} /* 3) Cabecera y compositor: cinco posiciones estables, sin recortes ni solapes. */ body[data-page="chat"] .civChatConversationHead{min-width:0!important} body[data-page="chat"] .civChatHeadActionsR76DZ{grid-template-columns:repeat(4,36px)!important;gap:5px!important;min-width:159px!important;overflow:visible!important} body[data-page="chat"] .civChatHeadActionsR76DZ>button, body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important} body[data-page="chat"] .civChatComposerR76DZ{grid-template-columns:40px 40px minmax(0,1fr) 40px 42px!important;grid-template-areas:"plus emoji text mic send"!important;gap:6px!important} /* 4) Botón bajar aprobado: círculo blanco, flecha negra grande y clic/touch inmediato. */ body[data-page="chat"] #civChatJumpLatestR76EO{ width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important; border:1px solid #d8e2e7!important;border-radius:50%!important;background:#fff!important;background-image:none!important; color:#111!important;box-shadow:0 4px 14px rgba(17,45,61,.14)!important;touch-action:manipulation!important; } body[data-page="chat"] #civChatJumpLatestR76EO svg{width:24px!important;height:24px!important;stroke:#111!important;stroke-width:2.45!important} /* 5) Tablet = Web, solo más compacto. Se aplica también en navegador Tablet real. */ @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ grid-template-columns:clamp(250px,29%,310px) minmax(0,1fr)!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListHead{ display:grid!important;grid-template-columns:minmax(0,1fr) auto 34px!important;align-items:center!important;gap:6px!important; padding:9px 8px 7px!important;overflow:visible!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListTitle{min-width:0!important;overflow:hidden!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListTitle h2{font-size:15px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatNewMini{ width:auto!important;min-width:92px!important;max-width:108px!important;height:36px!important;min-height:36px!important; padding:0 9px!important;gap:5px!important;border-radius:11px!important;font-size:10.5px!important;white-space:nowrap!important;overflow:visible!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatNewMini svg{width:15px!important;height:15px!important;flex:0 0 15px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatNewMini span{display:inline!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListMenuWrap{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;position:relative!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListMore{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border-radius:10px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatSearchBar{margin:0 9px 8px!important;padding:6px 8px!important;border-radius:12px!important;min-width:0!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatSearchBar input{font-size:11px!important;min-height:32px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRail{overflow-x:hidden!important;overflow-y:auto!important;padding:0 8px 10px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPerson{width:100%!important;max-width:100%!important;min-width:0!important;padding:8px!important;gap:8px!important;overflow:hidden!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRailAvatarWrap{width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;overflow:visible!important;position:relative!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRailAvatarWrap .civChatAvatar, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRailAvatarWrap img{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;overflow:hidden!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPersonText{min-width:0!important;overflow:hidden!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPersonText b{font-size:11.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPersonText small{font-size:9.5px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{padding:7px 8px!important;gap:7px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatAvatarBig, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatAvatarBig img{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;object-fit:cover!important;border-radius:50%!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeer{gap:7px!important;min-width:0!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeerNameLine>b{max-width:clamp(90px,17vw,205px)!important;font-size:11.5px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPresenceBadge{font-size:8.5px!important;padding:3px 5px!important;gap:3px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeerCode{font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ{grid-template-columns:repeat(4,34px)!important;gap:4px!important;min-width:148px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>button, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage #civChatHeadMore{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ{grid-template-columns:38px 38px minmax(0,1fr) 38px 40px!important;gap:5px!important;padding:7px 8px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatEmojiPanel{width:min(326px,calc(100vw - 12px))!important;max-height:min(312px,calc(100dvh - 14px))!important} } @media (min-width:701px) and (max-width:820px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{grid-template-columns:250px minmax(0,1fr)!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeerCode{display:none!important} } /* 6) App: hilo inmersivo. La barra de navegación solo desaparece dentro de una conversación. */ @media (max-width:700px){ body[data-page="chat"] .civChatEmojiPanel{width:min(308px,calc(100vw - 10px))!important;max-height:min(304px,calc(100dvh - 12px))!important} body[data-page="chat"] .civChatEmojiGridR76EM{grid-template-columns:repeat(7,minmax(0,1fr))!important;padding:4px 6px!important} body[data-page="chat"] .civChatHeadActionsR76DZ{grid-template-columns:repeat(4,32px)!important;gap:3px!important;min-width:137px!important} body[data-page="chat"] .civChatComposerR76DZ{grid-template-columns:36px 36px minmax(0,1fr) 36px 38px!important;gap:4px!important;padding:6px!important} } html.civeliqMobileApp body.civChatThreadOpenR76ET[data-page="chat"] .bottomNav{ display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important; } html.civeliqMobileApp body.civChatThreadOpenR76ET[data-page="chat"] #app main{ padding-bottom:0!important;overflow:hidden!important; } html.civeliqMobileApp body.civChatThreadOpenR76ET[data-page="chat"] #page{ height:calc(var(--civ-chat-app-vvh,100dvh) - var(--civ-mobile-head) - env(safe-area-inset-top) - 12px)!important; min-height:0!important;overflow:hidden!important; } html.civeliqMobileApp body.civChatThreadOpenR76ET[data-page="chat"] .civChatPage, html.civeliqMobileApp body.civChatThreadOpenR76ET[data-page="chat"] .civChatWorkspace, html.civeliqMobileApp body.civChatThreadOpenR76ET[data-page="chat"] .civChatStage, html.civeliqMobileApp body.civChatThreadOpenR76ET[data-page="chat"] .civChatConversation{ height:100%!important;min-height:0!important;max-height:none!important;padding-bottom:0!important; } html.civeliqMobileApp body.civChatThreadOpenR76ET[data-page="chat"] .civChatConversation{ grid-template-rows:auto auto minmax(0,1fr) auto auto!important; } html.civeliqMobileApp body.civChatThreadOpenR76ET[data-page="chat"] .civChatMessages{ min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:auto!important; -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior-y:contain!important; contain:layout paint style!important;will-change:scroll-position!important; } html.civeliqMobileApp body.civChatThreadOpenR76ET[data-page="chat"] .civChatComposerR76DZ{ padding-bottom:max(7px,env(safe-area-inset-bottom))!important;flex:0 0 auto!important; } /* Menos trabajo gráfico durante el gesto en App, sin cambiar el diseño de Web/Tablet. */ html.civeliqMobileApp body[data-page="chat"] .civChatConversationHead{backdrop-filter:none!important;-webkit-backdrop-filter:none!important} html.civeliqMobileApp body[data-page="chat"] .civChatMessage, html.civeliqMobileApp body[data-page="chat"] .civChatBubble, html.civeliqMobileApp body[data-page="chat"] .civChatPerson{transition:none!important;animation-duration:.01ms!important} html.civeliqMobileApp body[data-page="chat"] .civChatMediaThumb img{content-visibility:auto!important} /* END CIVELIQ_V8_17_307_R76ET_CHAT_APP_FLUID_TABLET_PARITY */ /* ===================================================================== CIVELIQ V8.17.308 · R76EU · CHAT FUNCTIONAL FINAL + WEBRTC + MEDIA ===================================================================== */ /* CIVELIQ_V8_17_308_R76EU_CHAT_FUNCTIONAL_WEBRTC_MEDIA */ /* Más: visualmente solo icono, pero área táctil propia de 36/34/32 px. */ body[data-page="chat"] .civChatPage #civChatHeadMore, body[data-page="chat"] .civChatPage #civChatHeadMore:hover, body[data-page="chat"] .civChatPage #civChatHeadMore:focus, body[data-page="chat"] .civChatPage #civChatHeadMore:focus-visible, body[data-page="chat"] .civChatPage #civChatHeadMore:active{ border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;background-image:none!important; -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;isolation:isolate!important;overflow:visible!important; } body[data-page="chat"] .civChatPage #civChatHeadMore::before, body[data-page="chat"] .civChatPage #civChatHeadMore::after{display:none!important;content:none!important} body[data-page="chat"] .civChatHeadMenuWrap{pointer-events:auto!important;overflow:visible!important} body[data-page="chat"] #civChatHeadMore{pointer-events:auto!important;cursor:pointer!important} body[data-page="chat"] #civChatHeadMore *{pointer-events:none!important} body[data-page="chat"] #civChatHeadMenu{pointer-events:auto!important;z-index:2147482000!important} /* Emoji: botón siempre recibe gesto en App/Tablet/Web. */ body[data-page="chat"] #civChatEmoji{pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important} body[data-page="chat"] #civChatEmoji *{pointer-events:none!important} body[data-page="chat"] .civChatEmojiPanel{pointer-events:auto!important} body[data-page="chat"] .civChatEmojiPanel.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important} /* Tablet: nada del compositor queda por debajo del viewport ni se corta. */ @media (min-width:701px) and (max-width:1366px){ body[data-page="chat"] .civChatPage, body[data-page="chat"] .civChatWorkspace, body[data-page="chat"] .civChatStage, body[data-page="chat"] .civChatConversation{min-height:0!important;max-height:100%!important;box-sizing:border-box!important;overflow:hidden!important} body[data-page="chat"] .civChatConversation{height:100%!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important} body[data-page="chat"] .civChatMessages{min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important} body[data-page="chat"] .civChatComposerR76DZ{ width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important; margin:0!important;flex:0 0 auto!important;overflow:visible!important;padding:7px 9px!important; } body[data-page="chat"] .civChatTextWrap{min-width:0!important;max-width:100%!important;overflow:hidden!important} body[data-page="chat"] .civChatTextWrap textarea{min-width:0!important;max-width:100%!important} } /* Multimedia en carga: se elimina el velo/barra gigante. */ body[data-page="chat"] .civChatUploadVeilR76EJ, body[data-page="chat"] .civChatUploadRingR76EJ{display:none!important} body[data-page="chat"] .civChatUploadPreviewR76EU{ position:relative!important;display:block!important;overflow:hidden!important;border-radius:16px!important; background:transparent!important;border:0!important;box-shadow:none!important;line-height:0!important; } body[data-page="chat"] .civChatUploadPreviewR76EU img, body[data-page="chat"] .civChatUploadPreviewR76EU video{ display:block!important;max-width:min(390px,65vw)!important;max-height:410px!important;object-fit:contain!important; border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important; } body[data-page="chat"] .civChatUploadProgressR76EU{ position:absolute!important;left:7px!important;bottom:7px!important;z-index:4!important; min-width:38px!important;height:24px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important; border:1px solid rgba(255,255,255,.62)!important;border-radius:999px!important;background:rgba(10,42,60,.74)!important; color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:1!important; box-shadow:0 3px 12px rgba(0,0,0,.18)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important; } /* Hora/checks de fotos y vídeos, en la esquina inferior derecha. */ body[data-page="chat"] .civChatMediaMessage{position:relative!important;display:inline-block!important;max-width:100%!important} body[data-page="chat"] .civChatMediaMessage>footer{ position:absolute!important;right:7px!important;bottom:7px!important;z-index:5!important;margin:0!important;padding:3px 7px!important; display:flex!important;align-items:center!important;gap:3px!important;border-radius:999px!important;background:rgba(10,42,60,.68)!important; color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.16)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important; } body[data-page="chat"] .civChatMediaMessage>footer time, body[data-page="chat"] .civChatMediaMessage>footer span{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:10px!important;line-height:1!important} @media (max-width:700px){ body[data-page="chat"] .civChatUploadPreviewR76EU img,body[data-page="chat"] .civChatUploadPreviewR76EU video{max-width:74vw!important;max-height:42vh!important} body[data-page="chat"] .civChatUploadProgressR76EU{left:6px!important;bottom:6px!important;height:22px!important;font-size:10.5px!important} } /* END CIVELIQ_V8_17_308_R76EU_CHAT_FUNCTIONAL_WEBRTC_MEDIA */ /* ===================================================================== CIVELIQ V8.17.309 · R76EV · CHAT MORE MENU REAL FIX ===================================================================== */ /* CIVELIQ_V8_17_309_R76EV_CHAT_MORE_MENU_REAL_FIX */ /* Causa real R76EU: versiones anteriores conservaban display:none!important sobre #civChatHeadMenu. Esta capa final restaura explícitamente botón y menú. */ body[data-page="chat"] .civChatPage #civChatHeadMore, body[data-page="chat"] .civChatPage #civChatHeadMore:hover, body[data-page="chat"] .civChatPage #civChatHeadMore:focus, body[data-page="chat"] .civChatPage #civChatHeadMore:focus-visible, body[data-page="chat"] .civChatPage #civChatHeadMore:active{ display:grid!important;place-items:center!important; background:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important; pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important; } body[data-page="chat"] .civChatPage #civChatHeadMore:active{transform:scale(.96)!important;opacity:.82!important} body[data-page="chat"] .civChatPage #civChatHeadMore svg{display:block!important;margin:auto!important} body[data-page="chat"] .civChatPage #civChatHeadMenu.hidden{ display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important; } body[data-page="chat"] .civChatPage #civChatHeadMenu:not(.hidden){ display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important; grid-template-columns:minmax(0,1fr)!important;gap:2px!important; padding:7px!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important; background:#fff!important;background-image:none!important;border:1px solid #d8e6ed!important;border-radius:17px!important; box-shadow:0 18px 48px rgba(20,57,78,.18)!important;z-index:2147483000!important; color:#185d86!important;-webkit-text-fill-color:#185d86!important; overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important; } body[data-page="chat"] .civChatPage #civChatHeadMenu>button, body[data-page="chat"] .civChatPage #civChatHeadMenu>button.danger{ width:100%!important;min-height:40px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important; gap:10px!important;padding:9px 10px!important;margin:0!important;border:0!important;border-radius:11px!important; background:#fff!important;background-image:none!important;box-shadow:none!important; color:#185d86!important;-webkit-text-fill-color:#185d86!important;font-size:12px!important;font-weight:760!important;text-align:left!important; touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important; } body[data-page="chat"] .civChatPage #civChatHeadMenu>button:hover, body[data-page="chat"] .civChatPage #civChatHeadMenu>button:focus-visible, body[data-page="chat"] .civChatPage #civChatHeadMenu>button:active{ background:#eef7fc!important;color:#124f78!important;-webkit-text-fill-color:#124f78!important;outline:0!important; } body[data-page="chat"] .civChatPage #civChatHeadMenu>button svg, body[data-page="chat"] .civChatPage #civChatHeadMenu>button.danger svg{ width:18px!important;height:18px!important;min-width:18px!important;flex:none!important; stroke:#167fbe!important;fill:none!important;stroke-width:1.8!important; } body[data-page="chat"] .civChatPage #civChatHeadMenu>button span, body[data-page="chat"] .civChatPage #civChatHeadMenu>button.danger span{ color:#185d86!important;-webkit-text-fill-color:#185d86!important; } /* Flecha aprobada: mismo tamaño/posición; solo un pelín menos gruesa. */ body[data-page="chat"] #civChatJumpLatestR76EO svg{stroke-width:2.25!important} @media (max-width:700px){ body[data-page="chat"] .civChatPage #civChatHeadMenu:not(.hidden){border-radius:15px!important;padding:6px!important} body[data-page="chat"] .civChatPage #civChatHeadMenu>button{min-height:39px!important;padding:8px 9px!important;font-size:11.5px!important} } /* END CIVELIQ_V8_17_309_R76EV_CHAT_MORE_MENU_REAL_FIX */ /* ===================================================================== CIVELIQ V8.17.310 · R76EW · CHAT MORE MENU STAY OPEN + NO OVERLAP ===================================================================== */ /* CIVELIQ_V8_17_310_R76EW_CHAT_MORE_MENU_STAY_OPEN_NO_OVERLAP */ body[data-page="chat"] .civChatPage .civChatMoreDockR76EW.hidden{display:none!important} body[data-page="chat"] .civChatPage .civChatMoreDockR76EW{ position:relative!important;display:flex!important;justify-content:flex-end!important; width:100%!important;min-width:0!important;height:auto!important;min-height:0!important; margin:0!important;padding:0 8px 8px!important;box-sizing:border-box!important; overflow:visible!important;z-index:60!important;background:transparent!important; } body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu.hidden{display:none!important} body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu:not(.hidden){ position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important; width:min(620px,100%)!important;max-width:100%!important;max-height:none!important; display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important; margin:0!important;padding:7px!important;box-sizing:border-box!important;overflow:visible!important; visibility:visible!important;opacity:1!important;pointer-events:auto!important; background:#fff!important;background-image:none!important;border:1px solid #d8e6ed!important;border-radius:16px!important; box-shadow:0 10px 28px rgba(20,57,78,.12)!important;color:#185d86!important;-webkit-text-fill-color:#185d86!important; } body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu>button, body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu>button.danger{ min-width:0!important;min-height:40px!important;width:100%!important;height:auto!important; display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important; margin:0!important;padding:8px 9px!important;box-sizing:border-box!important;border:1px solid #edf3f6!important;border-radius:11px!important; background:#fff!important;background-image:none!important;box-shadow:none!important; color:#185d86!important;-webkit-text-fill-color:#185d86!important;font-size:11.5px!important;font-weight:760!important;line-height:1.15!important;text-align:left!important; } body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu>button:hover, body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu>button:focus-visible, body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu>button:active{ background:#eef7fc!important;border-color:#dcecf5!important;color:#124f78!important;-webkit-text-fill-color:#124f78!important;outline:0!important; } body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu>button svg, body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu>button.danger svg{ width:17px!important;height:17px!important;min-width:17px!important;flex:none!important;stroke:#167fbe!important;fill:none!important;stroke-width:1.8!important; } body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu>button span, body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu>button.danger span{ min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;color:#185d86!important;-webkit-text-fill-color:#185d86!important; } /* La bandeja entra en flujo entre cabecera y mensajes: no tapa mensajes ni compositor. */ body[data-page="chat"] .civChatConversation.civChatMoreOpenR76EW #civChatMessages{min-height:0!important} @media (min-width:701px) and (max-width:1366px){ body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu:not(.hidden){width:min(560px,100%)!important} } @media (max-width:700px){ body[data-page="chat"] .civChatPage .civChatMoreDockR76EW{padding:0 6px 6px!important} body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu:not(.hidden){ width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:6px!important;border-radius:14px!important; } body[data-page="chat"] .civChatPage .civChatMoreDockR76EW #civChatHeadMenu>button{min-height:38px!important;padding:7px 8px!important;font-size:11px!important} } /* END CIVELIQ_V8_17_310_R76EW_CHAT_MORE_MENU_STAY_OPEN_NO_OVERLAP */ /* ===================================================================== CIVELIQ V8.17.311 · R76EX · SEND BUTTON + ACTION POLISH ===================================================================== */ /* CIVELIQ_V8_17_311_R76EX_SEND_BUTTON */ /* Conserva exactamente la caja/marco redondeado actual: no se convierte en círculo. */ body[data-page="chat"] .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ, body[data-page="chat"] .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ:hover, body[data-page="chat"] .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ:focus-visible, body[data-page="chat"] .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ:active{ background:#72bfee!important;background-color:#72bfee!important;background-image:none!important; border:1px solid #63b3e3!important;border-radius:13px!important;box-shadow:0 4px 12px rgba(46,139,196,.16)!important; color:#fff!important;-webkit-text-fill-color:#fff!important;transform:none!important; } body[data-page="chat"] .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ:hover{background:#68b8e8!important} body[data-page="chat"] .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ:active{background:#5eafe0!important;transform:scale(.97)!important} body[data-page="chat"] .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ svg, body[data-page="chat"] .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ svg *{ width:22px!important;height:22px!important;fill:none!important;stroke:#fff!important;color:#fff!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important; } @media (max-width:700px){ body[data-page="chat"] .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ{border-radius:12px!important} } /* Estado bloqueado: solo una señal visual discreta; Server mantiene la protección real. */ body[data-page="chat"] .civChatConversation.civChatPeerBlockedR76EX .civChatPeerCode:after{content:" · bloqueado";color:#9b5b64!important;font-weight:800!important} /* END CIVELIQ_V8_17_311_R76EX_SEND_BUTTON */ /* ===================================================================== CIVELIQ V8.17.312 · R76EY · SEND + MEDIA DELETE CHOICES ===================================================================== */ /* CIVELIQ_V8_17_312_R76EY_SEND_MEDIA */ .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ{ background:#8fcff2!important;background-color:#8fcff2!important;background-image:none!important; border-color:#78bfe7!important;color:#fff!important;-webkit-text-fill-color:#fff!important; } .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ svg, .civChatPage .civChatComposerR76DZ>.civChatSendR76DZ svg *{fill:none!important;stroke:#fff!important;color:#fff!important;stroke-width:2.05!important} .civChatMediaViewerMenuR76EJ .civChatMediaViewerMainActionsR76EY.hidden, .civChatMediaViewerMenuR76EJ .civChatMediaDeleteChoicesR76EY.hidden{display:none!important} .civChatMediaDeleteChoicesR76EY{display:grid;gap:4px;min-width:190px} .civChatMediaDeleteChoicesR76EY>small{padding:5px 9px 3px;color:#5a7484;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase} .civChatMediaDeleteChoicesR76EY>button{width:100%;display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 11px;border:0;background:#fff;color:#315e77;text-align:left;border-radius:10px} .civChatMediaDeleteChoicesR76EY>button:hover{background:#f2f8fb} .civChatMediaDeleteChoicesR76EY>button.danger{color:#9c4f59} .civChatMediaDeleteChoicesR76EY svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7} /* END CIVELIQ_V8_17_312_R76EY_SEND_MEDIA */ /* ===================================================================== CIVELIQ V8.17.313 · R76EZ · SHARED GALLERY + DELETE CHOICES ===================================================================== */ /* CIVELIQ_V8_17_313_R76EZ_SHARED_GALLERY_DELETE_CHOICES */ .civChatSharedR76EZ{width:min(860px,calc(100vw - 72px));max-width:100%;padding:4px 2px 10px} .civChatSharedR76EZ>h2{margin:8px 0 16px;color:#183f58;font-size:clamp(20px,2.2vw,30px)} .civChatSharedGridR76EZ{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px!important;align-items:start!important} .civChatSharedCardR76EZ{display:grid!important;grid-template-rows:auto auto!important;gap:7px!important;min-width:0!important;padding:7px!important;border:1px solid #d7e6ed!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 14px rgba(28,75,98,.06)!important;color:#244e67!important;text-align:left!important;overflow:hidden!important} .civChatSharedCardR76EZ:hover{background:#f6fbfd!important;border-color:#b9d8e7!important} .civChatSharedThumbR76EZ{display:grid!important;place-items:center!important;width:100%!important;aspect-ratio:1/1!important;min-height:0!important;border-radius:11px!important;overflow:hidden!important;background:#eef6fa!important;color:#4384a7!important} .civChatSharedThumbR76EZ>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;border-radius:11px!important;background:#eef6fa!important} .civChatSharedThumbR76EZ>svg{width:34px!important;height:34px!important;stroke:#4384a7!important;fill:none!important} .civChatSharedThumbLoadingR76EZ{width:22px;height:22px;border:2px solid #c9e1ec;border-top-color:#3c92bd;border-radius:50%;animation:civChatSharedSpinR76EZ .8s linear infinite} @keyframes civChatSharedSpinR76EZ{to{transform:rotate(360deg)}} .civChatSharedMetaR76EZ{display:grid!important;gap:2px!important;min-width:0!important;padding:0 2px 2px!important} .civChatSharedMetaR76EZ>b{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;line-height:1.25!important;color:#234d65!important;-webkit-text-fill-color:#234d65!important} .civChatSharedMetaR76EZ>small{font-size:9px!important;color:#758c99!important;-webkit-text-fill-color:#758c99!important;white-space:nowrap!important} .civChatSharedEmptyR76EZ{grid-column:1/-1;margin:8px 0;color:#698391} @media(max-width:700px){.civChatSharedR76EZ{width:min(94vw,620px)}.civChatSharedGridR76EZ{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.civChatSharedCardR76EZ{padding:5px!important;border-radius:12px!important}.civChatSharedMetaR76EZ>b{font-size:10px!important}.civChatSharedMetaR76EZ>small{font-size:8px!important}} @media(min-width:701px) and (max-width:1366px){.civChatSharedGridR76EZ{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))!important;gap:10px!important}} .civChatMediaViewerMenuR76EJ .civChatMediaViewerMainActionsR76EZ{display:grid;gap:4px} .civChatMediaViewerMenuR76EJ .civChatMediaDeleteChoicesR76EZ{display:none;gap:4px;min-width:205px} .civChatMediaDeleteChoicesR76EZ>small{padding:5px 9px 3px;color:#5a7484;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase} .civChatMediaDeleteChoicesR76EZ>button{width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:9px 11px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:#315e77!important;-webkit-text-fill-color:#315e77!important;text-align:left!important} .civChatMediaDeleteChoicesR76EZ>button:hover{background:#f2f8fb!important} .civChatMediaDeleteChoicesR76EZ>button.danger{color:#9c4f59!important;-webkit-text-fill-color:#9c4f59!important} .civChatMediaDeleteChoicesR76EZ svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important} /* END CIVELIQ_V8_17_313_R76EZ_SHARED_GALLERY_DELETE_CHOICES */ /* ===================================================================== CIVELIQ V8.17.315 · R76FB · VOICE HOLD + LIGHT AUDIO + NO SELECT BAR ===================================================================== */ /* CIVELIQ_V8_17_315_R76FB_VALIDATOR_READY_RECHECK_FIX */ body[data-page="chat"] #civChatSelectBar, body[data-page="chat"] .civChatSelectBar{ display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important; padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important; } /* Grabación integrada en el campo, clara y tipo pulsar/mantener. */ body[data-page="chat"] .civChatVoiceInputHiddenR76FB{opacity:0!important;pointer-events:none!important} body[data-page="chat"] .civChatVoiceHoldUiR76FB{ position:absolute!important;inset:0!important;z-index:4!important;display:flex!important;align-items:center!important;gap:8px!important; min-width:0!important;padding:4px 7px!important;border-radius:inherit!important;background:rgba(248,252,254,.98)!important;color:#315d74!important; -webkit-text-fill-color:#315d74!important;box-sizing:border-box!important; } body[data-page="chat"] .civChatVoiceHoldUiR76FB[data-mode="recording"]{justify-content:flex-start!important} body[data-page="chat"] .civChatVoiceRecDotR76FB{width:9px!important;height:9px!important;flex:none!important;border-radius:50%!important;background:#d96a72!important;box-shadow:0 0 0 4px rgba(217,106,114,.10)!important} body[data-page="chat"] .civChatVoiceTimerR76FB{font-size:12px!important;min-width:34px!important;color:#385d72!important;-webkit-text-fill-color:#385d72!important} body[data-page="chat"] .civChatVoiceCancelHintR76FB{margin-left:auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;color:#78909d!important;-webkit-text-fill-color:#78909d!important} body[data-page="chat"] .civChatVoiceHoldUiR76FB.isCancelR76FB{background:#fff5f5!important} body[data-page="chat"] .civChatVoiceHoldUiR76FB.isCancelR76FB .civChatVoiceCancelHintR76FB{color:#b05d65!important;-webkit-text-fill-color:#b05d65!important;font-weight:800!important} body[data-page="chat"] #civChatMic.civChatMicHoldR76FB{background:#eaf6fb!important;color:#287ca6!important;box-shadow:0 0 0 3px rgba(105,181,216,.12)!important} body[data-page="chat"] .civChatVoiceHoldUiR76FB[data-mode="ready"]{gap:6px!important} body[data-page="chat"] .civChatVoicePreviewPlayR76FB, body[data-page="chat"] .civChatVoicePreviewDeleteR76FB, body[data-page="chat"] .civChatVoicePreviewSendR76FB{ width:29px!important;height:29px!important;min-width:29px!important;border-radius:10px!important;border:0!important;display:grid!important;place-items:center!important; padding:0!important;font-size:15px!important;line-height:1!important;background:#eef7fb!important;color:#2b789c!important;-webkit-text-fill-color:#2b789c!important; } body[data-page="chat"] .civChatVoicePreviewDeleteR76FB{background:#fff4f4!important;color:#a65e66!important;-webkit-text-fill-color:#a65e66!important} body[data-page="chat"] .civChatVoicePreviewSendR76FB{background:#8fcff2!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:17px!important} body[data-page="chat"] .civChatVoicePreviewWaveR76FB{flex:1!important;min-width:34px!important;height:28px!important;display:flex!important;align-items:center!important;gap:2px!important;overflow:hidden!important} body[data-page="chat"] .civChatVoicePreviewWaveR76FB>i{display:block!important;width:2.5px!important;height:var(--h)!important;max-height:25px!important;min-height:4px!important;border-radius:999px!important;background:#84b4ca!important} body[data-page="chat"] .civChatVoicePreviewTimeR76FB{font-size:10px!important;white-space:nowrap!important;color:#688696!important;-webkit-text-fill-color:#688696!important} /* Notas de voz: tono claro ambiental y legible en Web/App/Tablet; jamás azul oscuro. */ body[data-page="chat"] .civChatVoiceR76FB, body[data-page="chat"] .civChatMessage.mine .civChatVoiceR76FB, body[data-page="chat"] .civChatMessage.theirs .civChatVoiceR76FB{ display:grid!important;grid-template-columns:34px minmax(110px,1fr) auto!important;align-items:center!important;gap:9px!important; min-width:245px!important;max-width:min(390px,70vw)!important;padding:9px 11px!important;border:1px solid #cee3ed!important;border-radius:15px!important; background:#f7fbfd!important;background-image:linear-gradient(135deg,#fbfdfe,#eef8fc)!important;box-shadow:0 4px 14px rgba(39,91,116,.07)!important; color:#315d74!important;-webkit-text-fill-color:#315d74!important;text-align:left!important; } body[data-page="chat"] .civChatMessage.mine .civChatVoiceR76FB{background:#edf8fc!important;background-image:linear-gradient(135deg,#f5fbfe,#e7f5fb)!important} body[data-page="chat"] .civChatVoicePlayR76FB{width:32px!important;height:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff!important;color:#3d8db5!important;-webkit-text-fill-color:#3d8db5!important;box-shadow:0 2px 8px rgba(35,102,137,.08)!important;font-size:16px!important} body[data-page="chat"] .civChatVoiceWaveR76FB{height:30px!important;display:flex!important;align-items:center!important;gap:2.5px!important;overflow:hidden!important} body[data-page="chat"] .civChatVoiceWaveR76FB>i{display:block!important;width:2.7px!important;height:var(--h)!important;max-height:27px!important;min-height:4px!important;border-radius:999px!important;background:#8ab6ca!important} body[data-page="chat"] .civChatVoiceWaveR76FB>i:first-child{background:#4d9fc6!important} body[data-page="chat"] .civChatVoiceDurationR76FB{font-size:10px!important;color:#678493!important;-webkit-text-fill-color:#678493!important;white-space:nowrap!important} body[data-page="chat"] .civChatBubble:has(.civChatVoiceR76FB), body[data-page="chat"] .civChatAttachmentMessage:has(.civChatVoiceR76FB){background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important} @media (min-width:701px) and (max-width:1366px){ body[data-page="chat"] .civChatVoiceR76FB{min-width:220px!important;max-width:min(350px,72vw)!important;grid-template-columns:32px minmax(90px,1fr) auto!important;padding:8px 10px!important} } @media (max-width:700px){ body[data-page="chat"] .civChatVoiceR76FB{min-width:190px!important;max-width:76vw!important;grid-template-columns:30px minmax(76px,1fr) auto!important;gap:7px!important;padding:8px 9px!important;border-radius:14px!important} body[data-page="chat"] .civChatVoicePlayR76FB{width:29px!important;height:29px!important;font-size:14px!important} body[data-page="chat"] .civChatVoiceWaveR76FB{height:27px!important;gap:2px!important} body[data-page="chat"] .civChatVoiceHoldUiR76FB{padding:4px 5px!important;gap:5px!important} body[data-page="chat"] .civChatVoiceCancelHintR76FB{font-size:9px!important} body[data-page="chat"] .civChatVoicePreviewPlayR76FB, body[data-page="chat"] .civChatVoicePreviewDeleteR76FB, body[data-page="chat"] .civChatVoicePreviewSendR76FB{width:27px!important;height:27px!important;min-width:27px!important} } /* END CIVELIQ_V8_17_315_R76FB_VALIDATOR_READY_RECHECK_FIX */ /* ===================================================================== CIVELIQ V8.17.316 · R76FC · AUDIO / BUBBLES / SHARED / CONTEXT ===================================================================== */ /* CIVELIQ_V8_17_316_R76FC_AUDIO_CONTEXT_SHARED */ body[data-page="chat"] .civChatMessages{background:transparent!important;background-image:none!important} /* Emisor y destinatario claramente diferenciados sin tonos oscuros. */ body[data-page="chat"] .civChatMessage.mine .civChatBubble{background:#f8fcfe!important;background-image:linear-gradient(135deg,#ffffff,#edf8fd)!important;border:1px solid #cfe8f3!important;color:#17364d!important;-webkit-text-fill-color:#17364d!important;box-shadow:0 4px 14px rgba(47,112,145,.06)!important} body[data-page="chat"] .civChatMessage.theirs .civChatBubble{background:#fff5df!important;background-image:linear-gradient(135deg,#fffaf0,#f8e9c9)!important;border:1px solid #ead7aa!important;color:#17364d!important;-webkit-text-fill-color:#17364d!important;box-shadow:0 4px 14px rgba(133,104,48,.07)!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble *,body[data-page="chat"] .civChatMessage.theirs .civChatBubble *{color:inherit!important;-webkit-text-fill-color:inherit!important} body[data-page="chat"] .civChatMessage.mine .civChatBubble time,body[data-page="chat"] .civChatMessage.theirs .civChatBubble time{color:#718594!important;-webkit-text-fill-color:#718594!important} body[data-page="chat"] .civChatMessage.mine .civChatChecks.read{color:#168cff!important;-webkit-text-fill-color:#168cff!important} /* Nota de voz fina, tipo CIVELIQ. */ body[data-page="chat"] .civChatBubble:has(.civChatVoiceR76FC){padding:0!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important} body[data-page="chat"] .civChatVoiceR76FC{display:grid!important;grid-template-columns:30px minmax(120px,1fr) auto!important;align-items:center!important;gap:9px!important;min-width:240px!important;max-width:min(380px,76vw)!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(31,90,120,.06)!important;color:#1e5978!important;-webkit-text-fill-color:#1e5978!important} body[data-page="chat"] .civChatMessage.mine .civChatVoiceR76FC{background:linear-gradient(135deg,#ffffff,#edf8fd)!important;border-color:#cfe8f3!important} body[data-page="chat"] .civChatMessage.theirs .civChatVoiceR76FC{background:linear-gradient(135deg,#fffaf0,#f8e9c9)!important;border-color:#ead7aa!important} body[data-page="chat"] .civChatVoicePlayR76FC{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;color:#2388bf!important;-webkit-text-fill-color:#2388bf!important;font-size:19px!important;line-height:1!important;background:transparent!important} body[data-page="chat"] .civChatVoiceWaveR76FC{height:32px!important;display:flex!important;align-items:center!important;gap:2.5px!important;overflow:hidden!important} body[data-page="chat"] .civChatVoiceWaveR76FC>i{display:block!important;width:3px!important;height:var(--h)!important;max-height:29px!important;min-height:4px!important;border-radius:999px!important;background:#79bddd!important} body[data-page="chat"] .civChatMessage.theirs .civChatVoiceWaveR76FC>i{background:#c5a65f!important} body[data-page="chat"] .civChatVoiceLabelR76FC{font-size:11px!important;font-weight:800!important;white-space:nowrap!important;color:#2e7194!important;-webkit-text-fill-color:#2e7194!important} body[data-page="chat"] .civChatMessage.theirs .civChatVoiceLabelR76FC{color:#806632!important;-webkit-text-fill-color:#806632!important} /* Grabador integrado: se mantiene el botón Enviar CIVELIQ existente. */ body[data-page="chat"] .civChatVoiceInputHiddenR76FC{opacity:0!important;pointer-events:none!important} body[data-page="chat"] .civChatVoicePanelR76FC{position:absolute!important;inset:2px 3px!important;z-index:6!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;padding:4px 7px!important;border-radius:14px!important;background:#f8fcfe!important;border:1px solid #d9ebf3!important;box-shadow:0 3px 12px rgba(36,103,137,.06)!important} body[data-page="chat"] .civChatVoicePanelR76FC.isCancelR76FC{background:#fff3f3!important;border-color:#efcaca!important} body[data-page="chat"] .civChatVoiceTimerR76FC,body[data-page="chat"] .civChatVoiceReadyTimeR76FC{flex:none!important;min-width:38px!important;font-size:12px!important;font-weight:800!important;color:#294f66!important;-webkit-text-fill-color:#294f66!important} body[data-page="chat"] .civChatVoiceLiveWaveR76FC,body[data-page="chat"] .civChatVoiceReadyWaveR76FC{flex:1!important;min-width:50px!important;height:31px!important;display:flex!important;align-items:center!important;gap:2px!important;overflow:hidden!important} body[data-page="chat"] .civChatVoiceLiveWaveR76FC>i,body[data-page="chat"] .civChatVoiceReadyWaveR76FC>i{display:block!important;width:2.7px!important;height:var(--h)!important;min-height:4px!important;max-height:28px!important;border-radius:999px!important;background:#75badd!important;transform-origin:center!important} body[data-page="chat"] .civChatVoiceLiveWaveR76FC:not(.paused)>i{animation:civChatVoiceLiveR76FC .72s ease-in-out infinite alternate;animation-delay:var(--d)!important} @keyframes civChatVoiceLiveR76FC{from{transform:scaleY(.45);opacity:.55}to{transform:scaleY(1);opacity:1}} body[data-page="chat"] .civChatVoiceTrashR76FC,body[data-page="chat"] .civChatVoicePauseR76FC,body[data-page="chat"] .civChatVoiceReadyPlayR76FC{flex:none!important;width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;border:0!important;display:grid!important;place-items:center!important;background:#fff!important;color:#2a80aa!important;-webkit-text-fill-color:#2a80aa!important;box-shadow:0 2px 8px rgba(35,91,121,.08)!important;padding:0!important} body[data-page="chat"] .civChatVoiceTrashR76FC{color:#c34e58!important;-webkit-text-fill-color:#c34e58!important;background:#fff5f5!important} body[data-page="chat"] .civChatVoiceTrashR76FC svg,body[data-page="chat"] .civChatVoicePauseR76FC svg,body[data-page="chat"] .civChatVoiceReadyPlayR76FC svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important} body[data-page="chat"] .civChatRecordingR76FC #civChatPlus,body[data-page="chat"] .civChatRecordingR76FC #civChatEmoji,body[data-page="chat"] .civChatRecordingR76FC #civChatMic,body[data-page="chat"] .civChatVoiceReadyR76FC #civChatPlus,body[data-page="chat"] .civChatVoiceReadyR76FC #civChatEmoji,body[data-page="chat"] .civChatVoiceReadyR76FC #civChatMic{display:none!important} body[data-page="chat"] .civChatRecordingR76FC .civChatTextWrap,body[data-page="chat"] .civChatVoiceReadyR76FC .civChatTextWrap{flex:1!important;min-width:0!important;position:relative!important} /* Archivos compartidos: sin marco azul grueso. */ body[data-page="chat"] .civChatSharedCardR76EZ{padding:3px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:13px!important;overflow:visible!important} body[data-page="chat"] .civChatSharedCardR76EZ:hover{background:rgba(241,248,251,.65)!important;border:0!important;box-shadow:none!important} body[data-page="chat"] .civChatSharedThumbR76EZ{border:1px solid #e1eaee!important;background:#f7fbfc!important;box-shadow:0 2px 8px rgba(31,82,108,.04)!important} body[data-page="chat"] .civChatSharedCardR76EZ.isImage .civChatSharedThumbR76EZ{border:0!important;background:transparent!important;box-shadow:none!important} body[data-page="chat"] .civChatSharedMetaR76EZ{padding:2px 3px 4px!important} /* Menú contextual premium: cinco acciones, sin “Más…”. */ body[data-page="chat"] .civChatMsgMenuR76FC{min-width:220px!important;padding:7px!important;background:rgba(255,255,255,.99)!important;border:1px solid #dce8ee!important;border-radius:20px!important;box-shadow:0 18px 50px rgba(23,55,73,.18)!important;backdrop-filter:blur(12px)!important;z-index:10050!important} body[data-page="chat"] .civChatMsgMenuR76FC>button,body[data-page="chat"] .civChatDeletePaneR76FC>button{width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;gap:12px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#213f52!important;-webkit-text-fill-color:#213f52!important;padding:9px 11px!important;text-align:left!important;font-size:14px!important;font-weight:700!important} body[data-page="chat"] .civChatMsgMenuR76FC>button:hover,body[data-page="chat"] .civChatDeletePaneR76FC>button:hover{background:#f0f8fb!important} body[data-page="chat"] .civChatMsgMenuR76FC svg,body[data-page="chat"] .civChatDeletePaneR76FC svg{width:21px!important;height:21px!important;fill:none!important;stroke:#318bb7!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important} body[data-page="chat"] .civChatMsgMenuR76FC .danger,body[data-page="chat"] .civChatMsgMenuR76FC .danger span,body[data-page="chat"] .civChatDeletePaneR76FC .danger,body[data-page="chat"] .civChatDeletePaneR76FC .danger span{color:#c83b4b!important;-webkit-text-fill-color:#c83b4b!important} body[data-page="chat"] .civChatMsgMenuR76FC .danger svg,body[data-page="chat"] .civChatDeletePaneR76FC .danger svg{stroke:#c83b4b!important} body[data-page="chat"] .civChatDeletePaneR76FC{display:grid!important;gap:4px!important} body[data-page="chat"] .civChatDeletePaneR76FC>small{padding:4px 10px 7px!important;color:#6e8795!important;-webkit-text-fill-color:#6e8795!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important} @media(max-width:700px){ body[data-page="chat"] .civChatVoiceR76FC{min-width:190px!important;max-width:78vw!important;grid-template-columns:27px minmax(82px,1fr) auto!important;gap:7px!important;padding:8px 9px!important;border-radius:14px!important} body[data-page="chat"] .civChatVoicePlayR76FC{width:27px!important;height:27px!important;font-size:17px!important} body[data-page="chat"] .civChatVoiceWaveR76FC{height:28px!important;gap:2px!important} body[data-page="chat"] .civChatVoicePanelR76FC{gap:5px!important;padding:3px 5px!important} body[data-page="chat"] .civChatVoiceTrashR76FC,body[data-page="chat"] .civChatVoicePauseR76FC,body[data-page="chat"] .civChatVoiceReadyPlayR76FC{width:28px!important;height:28px!important;min-width:28px!important} body[data-page="chat"] .civChatMsgMenuR76FC{min-width:min(240px,82vw)!important} } /* END CIVELIQ_V8_17_316_R76FC_AUDIO_CONTEXT_SHARED */ /* ===================================================================== CIVELIQ V8.17.318 · R76FE · AUDIO PLAY / PAUSE REAL ===================================================================== */ /* CIVELIQ_V8_17_317_R76FE_AUDIO_PLAY_PAUSE */ body[data-page="chat"] .civChatVoicePlayR76FE{display:grid!important;place-items:center!important} body[data-page="chat"] .civChatVoicePlayR76FE svg{width:22px!important;height:22px!important;fill:none!important;stroke:#2388bf!important;stroke-width:2.35!important;stroke-linecap:round!important;stroke-linejoin:round!important} body[data-page="chat"] .civChatMessage.theirs .civChatVoicePlayR76FE svg{stroke:#9a7a37!important} body[data-page="chat"] .civChatVoiceR76FE.isPlayingR76FE .civChatVoiceWaveR76FC>i{animation:civChatVoicePlayingR76FE .66s ease-in-out infinite alternate;animation-delay:calc((var(--h) * .008s) - .12s)!important} body[data-page="chat"] .civChatVoiceR76FE.isLoadingR76FE .civChatVoicePlayR76FE{opacity:.45!important} @keyframes civChatVoicePlayingR76FE{from{transform:scaleY(.62);opacity:.66}to{transform:scaleY(1);opacity:1}} @media(max-width:700px){body[data-page="chat"] .civChatVoicePlayR76FE svg{width:20px!important;height:20px!important}} /* END CIVELIQ_V8_17_317_R76FE_AUDIO_PLAY_PAUSE */ /* ===================================================================== CIVELIQ V8.17.318 · R76FE · REAL DEVICE FIX ===================================================================== */ /* CIVELIQ_V8_17_318_R76FE_CHAT_REAL_FIX */ body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE{align-items:center!important;gap:8px!important;min-height:62px!important;padding:9px 12px!important;overflow:visible!important} body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE .civChatPlusWrap, body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE .civChatEmojiWrap, body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE #civChatMic, body[data-page="chat"] #civChatComposer .civChatVoiceTextWrapHiddenR76FE{display:none!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE{position:relative!important;inset:auto!important;z-index:2!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;height:44px!important;display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;padding:5px 9px!important;border:1px solid #d7eaf3!important;border-radius:17px!important;background:#f8fcfe!important;box-shadow:none!important;overflow:hidden!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceLiveWaveR76FC, body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceReadyWaveR76FC{flex:1 1 auto!important;min-width:36px!important;max-width:none!important;height:30px!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceTimerR76FC, body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceReadyTimeR76FC{opacity:1!important;color:#244f67!important;-webkit-text-fill-color:#244f67!important;font-size:12px!important;font-weight:850!important} body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE>.civChatSendR76DZ, body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE>.civChatSend{display:grid!important;visibility:visible!important;opacity:1!important;flex:0 0 42px!important;width:42px!important;height:42px!important} body[data-page="chat"] .civChatPauseGlyphR76FE{display:block!important;position:relative!important;width:14px!important;height:18px!important} body[data-page="chat"] .civChatPauseGlyphR76FE:before,body[data-page="chat"] .civChatPauseGlyphR76FE:after{content:"";position:absolute;top:1px;bottom:1px;width:4px;border-radius:2px;background:currentColor} body[data-page="chat"] .civChatPauseGlyphR76FE:before{left:1px}body[data-page="chat"] .civChatPauseGlyphR76FE:after{right:1px} body[data-page="chat"] .civChatVoicePauseR76FC.isResumeR76FE .civChatPauseGlyphR76FE:before{left:3px;top:1px;bottom:auto;width:0;height:0;background:transparent;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor;border-radius:0} body[data-page="chat"] .civChatVoicePauseR76FC.isResumeR76FE .civChatPauseGlyphR76FE:after{display:none} body[data-page="chat"] .civChatReadyPlayR76FE .civChatPlayGlyphR76FE,body[data-page="chat"] .civChatVoicePlayR76FE .civChatPlayGlyphR76FE{display:block!important;width:0!important;height:0!important;border-top:7px solid transparent!important;border-bottom:7px solid transparent!important;border-left:11px solid #2388bf!important;margin-left:2px!important} body[data-page="chat"] .civChatReadyPlayR76FE.isPlayingR76FE .civChatPlayGlyphR76FE,body[data-page="chat"] .civChatVoiceR76FE.isPlayingR76FE .civChatPlayGlyphR76FE{width:13px!important;height:16px!important;border:0!important;margin-left:0!important;position:relative!important} body[data-page="chat"] .civChatReadyPlayR76FE.isPlayingR76FE .civChatPlayGlyphR76FE:before,body[data-page="chat"] .civChatReadyPlayR76FE.isPlayingR76FE .civChatPlayGlyphR76FE:after,body[data-page="chat"] .civChatVoiceR76FE.isPlayingR76FE .civChatPlayGlyphR76FE:before,body[data-page="chat"] .civChatVoiceR76FE.isPlayingR76FE .civChatPlayGlyphR76FE:after{content:"";position:absolute;top:0;bottom:0;width:4px;border-radius:2px;background:#2388bf} body[data-page="chat"] .civChatReadyPlayR76FE.isPlayingR76FE .civChatPlayGlyphR76FE:before,body[data-page="chat"] .civChatVoiceR76FE.isPlayingR76FE .civChatPlayGlyphR76FE:before{left:1px}body[data-page="chat"] .civChatReadyPlayR76FE.isPlayingR76FE .civChatPlayGlyphR76FE:after,body[data-page="chat"] .civChatVoiceR76FE.isPlayingR76FE .civChatPlayGlyphR76FE:after{right:1px} body[data-page="chat"] .civChatVoicePlayR76FE{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;opacity:1!important;visibility:visible!important} body[data-page="chat"] .civChatVoiceLabelR76FE{opacity:1!important;visibility:visible!important;color:#155e86!important;-webkit-text-fill-color:#155e86!important;font-weight:850!important;text-shadow:none!important;filter:none!important} body[data-page="chat"] .civChatMessage.theirs .civChatVoiceLabelR76FE{color:#71551f!important;-webkit-text-fill-color:#71551f!important} body[data-page="chat"] .civChatAttachmentMessage:has(.civChatVoiceR76FE) footer,body[data-page="chat"] .civChatAttachmentMessage:has(.civChatVoiceR76FE) footer *{opacity:1!important;visibility:visible!important;filter:none!important;text-shadow:none!important} body[data-page="chat"] .civChatAttachmentMessage:has(.civChatVoiceR76FE) footer time{color:#496b7d!important;-webkit-text-fill-color:#496b7d!important;font-size:10px!important;font-weight:700!important} body[data-page="chat"] .civChatAttachmentMessage:has(.civChatVoiceR76FE) .civChatChecks{color:#2684b9!important;-webkit-text-fill-color:#2684b9!important;opacity:1!important} body[data-page="chat"] .civChatVoiceR76FE{opacity:1!important;filter:none!important} /* Compartidos: ninguna tarjeta puede recuperar un marco azul grueso. */ body[data-page="chat"] .civChatSharedR76EZ .civChatSharedCardR76EZ{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:3px!important} body[data-page="chat"] .civChatSharedR76EZ .civChatSharedThumbR76EZ{border:1px solid #e4edf1!important;outline:0!important;box-shadow:0 2px 8px rgba(31,82,108,.035)!important;background:#fbfdfe!important} body[data-page="chat"] .civChatSharedR76EZ .civChatSharedCardR76EZ.isImage .civChatSharedThumbR76EZ{border:0!important;box-shadow:none!important;background:transparent!important} /* Menú contextual: siempre visible sobre el chat. */ body[data-page="chat"] .civChatMsgMenuR76FE{position:fixed!important;z-index:2147483000!important;min-width:224px!important;max-width:min(280px,88vw)!important;opacity:1!important;visibility:visible!important} @media(max-width:700px){body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE{gap:6px!important;padding:7px 8px!important}body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE{height:42px!important;gap:6px!important;padding:4px 6px!important}body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceTrashR76FC,body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoicePauseR76FC,body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceReadyPlayR76FC{width:30px!important;height:30px!important;min-width:30px!important}body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceTimerR76FC,body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceReadyTimeR76FC{min-width:32px!important;font-size:11px!important}body[data-page="chat"] .civChatVoiceR76FE{min-width:210px!important;max-width:78vw!important}} body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;grid-template-rows:auto!important;grid-auto-flow:row!important} body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE>.civChatVoicePanelR76FE{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;box-sizing:border-box!important} body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE>.civChatSendR76DZ,body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE>.civChatSend{grid-column:2!important;grid-row:1!important} /* END CIVELIQ_V8_17_318_R76FE_CHAT_REAL_FIX */ /* ===================================================================== CIVELIQ V8.17.319 · R76FF · CHAT POLISH + CIVELIQ MULTISELECT ===================================================================== */ /* CIVELIQ_V8_17_319_R76FF_CHAT_POLISH_MULTISELECT */ /* Respuesta / cita: clara y premium. */ body[data-page="chat"] .civChatComposerContext{background:#f8fcfe!important;background-image:none!important;border:1px solid #dbeaf1!important;border-left:3px solid #5aaed7!important;color:#214e67!important;-webkit-text-fill-color:#214e67!important;box-shadow:0 3px 12px rgba(35,82,107,.05)!important;padding:7px 9px!important} body[data-page="chat"] .civChatComposerContext b{color:#176f9d!important;-webkit-text-fill-color:#176f9d!important;font-weight:850!important} body[data-page="chat"] .civChatComposerContext span{color:#526f7f!important;-webkit-text-fill-color:#526f7f!important;opacity:1!important} body[data-page="chat"] #civChatContextClose{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:9px!important;border:1px solid #d8e7ee!important;background:#fff!important;background-image:none!important;color:#327fa6!important;-webkit-text-fill-color:#327fa6!important;box-shadow:0 2px 7px rgba(35,82,107,.05)!important;padding:0!important;display:grid!important;place-items:center!important} body[data-page="chat"] #civChatContextClose:hover{background:#f3f9fc!important} body[data-page="chat"] #civChatContextClose svg{width:14px!important;height:14px!important;stroke:#327fa6!important;stroke-width:1.8!important;fill:none!important} body[data-page="chat"] .civChatReplyPreview{display:grid!important;gap:2px!important;width:100%!important;max-width:100%!important;margin:0 0 6px!important;padding:6px 8px!important;border:0!important;border-left:3px solid #5aaed7!important;border-radius:8px!important;background:#f4fafe!important;background-image:none!important;color:#244f67!important;-webkit-text-fill-color:#244f67!important;text-align:left!important;box-shadow:none!important;opacity:1!important} body[data-page="chat"] .civChatReplyPreview b{font-size:10px!important;color:#17709e!important;-webkit-text-fill-color:#17709e!important;opacity:1!important} body[data-page="chat"] .civChatReplyPreview span{font-size:10.5px!important;color:#526e7d!important;-webkit-text-fill-color:#526e7d!important;opacity:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body[data-page="chat"] .civChatMessage.theirs .civChatReplyPreview{border-left-color:#c7a35a!important;background:#fffaf0!important} body[data-page="chat"] .civChatMessage.theirs .civChatReplyPreview b{color:#80622b!important;-webkit-text-fill-color:#80622b!important} /* Sin selección/copiar/traducir nativo al tocar viñetas o grabador. */ body[data-page="chat"] .civChatMessage,body[data-page="chat"] .civChatMessage *,body[data-page="chat"] .civChatVoicePanelR76FE,body[data-page="chat"] .civChatVoicePanelR76FE *,body[data-page="chat"] #civChatMic{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important} body[data-page="chat"] .civChatMessage{touch-action:pan-y!important} body[data-page="chat"] .civChatVoicePanelR76FE,body[data-page="chat"] #civChatMic{touch-action:none!important} /* Selección múltiple CIVELIQ propia. */ body[data-page="chat"] #civChatSelectBar.civChatSelectBarR76FF.hidden{display:none!important;visibility:hidden!important} body[data-page="chat"] #civChatSelectBar.civChatSelectBarR76FF:not(.hidden){display:flex!important;visibility:visible!important;height:auto!important;min-height:48px!important;max-height:none!important;align-items:center!important;gap:10px!important;margin:0!important;padding:7px 10px!important;overflow:visible!important;pointer-events:auto!important;border:0!important;border-bottom:1px solid #e2edf2!important;background:rgba(255,255,255,.98)!important;color:#244e66!important;-webkit-text-fill-color:#244e66!important;box-shadow:0 3px 12px rgba(31,77,101,.04)!important} body[data-page="chat"] .civChatSelectLeadR76FF{display:grid!important;gap:0!important;min-width:104px!important;margin-right:auto!important} body[data-page="chat"] .civChatSelectLeadR76FF strong{font-size:12px!important;color:#1e5f82!important;-webkit-text-fill-color:#1e5f82!important} body[data-page="chat"] .civChatSelectLeadR76FF small{font-size:8.5px!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:#80939e!important;-webkit-text-fill-color:#80939e!important} body[data-page="chat"] .civChatSelectActionsR76FF{display:flex!important;align-items:center!important;gap:5px!important} body[data-page="chat"] .civChatSelectActionsR76FF>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:32px!important;padding:5px 8px!important;border:1px solid #dceaf0!important;border-radius:10px!important;background:#fff!important;color:#276e94!important;-webkit-text-fill-color:#276e94!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important} body[data-page="chat"] .civChatSelectActionsR76FF>button svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important} body[data-page="chat"] .civChatSelectActionsR76FF>button.danger{color:#b44f5b!important;-webkit-text-fill-color:#b44f5b!important;background:#fff8f8!important;border-color:#f0dfe2!important} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FF .civChatMessage{cursor:pointer!important;padding-left:38px!important} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FF .civChatMessage.mine{padding-left:0!important;padding-right:38px!important} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FF .civChatMessage::before{content:"";position:absolute;left:7px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:1.7px solid #8cb9cf;background:#fff;box-sizing:border-box;box-shadow:0 1px 5px rgba(31,81,105,.06)} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FF .civChatMessage.mine::before{left:auto;right:7px} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FF .civChatMessage.selected::before{background:#3a9dce;border-color:#3a9dce;box-shadow:inset 0 0 0 4px #fff,0 1px 5px rgba(31,81,105,.06)} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FF .civChatMessage.selected .civChatBubble,body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FF .civChatMessage.selected .civChatAttachmentMessage,body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FF .civChatMessage.selected .civChatMediaMessage{outline:1.5px solid rgba(58,157,206,.28)!important;outline-offset:2px!important} .civChatSelectedDeleteR76FF{position:fixed;z-index:2147483100;display:grid;gap:4px;min-width:220px;max-width:min(280px,88vw);padding:7px;border:1px solid #dce9ef;border-radius:15px;background:#fff;box-shadow:0 14px 34px rgba(28,68,89,.16)} .civChatSelectedDeleteR76FF>small{padding:4px 7px;color:#78909c;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em} .civChatSelectedDeleteR76FF>button{min-height:38px;width:100%;display:flex;align-items:center;gap:8px;padding:8px 9px;border:0;border-radius:10px;background:#fff;color:#315f77;text-align:left;font-weight:760} .civChatSelectedDeleteR76FF>button:hover{background:#f4f9fb}.civChatSelectedDeleteR76FF>button.danger{color:#b34f5b}.civChatSelectedDeleteR76FF svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8} /* Menú contextual: visual CIVELIQ, opción Seleccionar y nunca “Más…”. */ body[data-page="chat"] .civChatMsgMenuR76FF{padding:7px!important;border-radius:15px!important;background:#fff!important;border:1px solid #dceaf0!important;box-shadow:0 14px 34px rgba(27,67,88,.16)!important} body[data-page="chat"] .civChatMsgMenuR76FF>button{min-height:39px!important;border-radius:10px!important;color:#285f7c!important;-webkit-text-fill-color:#285f7c!important} body[data-page="chat"] .civChatMsgMenuR76FF>button svg{width:17px!important;height:17px!important;stroke:#2888b7!important} body[data-page="chat"] .civChatMsgMenuR76FF>button.danger{color:#b44f5b!important;-webkit-text-fill-color:#b44f5b!important} body[data-page="chat"] .civChatMsgMenuR76FF>button.danger svg{stroke:#b44f5b!important} /* Audio previo: papelera más visible y Play visualmente centrado. */ body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceTrashR76FC{width:36px!important;height:36px!important;min-width:36px!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceTrashR76FC svg{width:22px!important;height:22px!important;stroke-width:1.85!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceReadyPlayR76FC{display:grid!important;place-items:center!important;text-align:center!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceReadyPlayR76FC .civChatPlayGlyphR76FE{margin:0!important;transform:translateX(1px)!important;transform-origin:center!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceReadyPlayR76FC.isPlayingR76FE .civChatPlayGlyphR76FE{transform:none!important} /* Doble check fino, redondeado y pegado a la hora. */ body[data-page="chat"] .civChatChecksR76FF{display:inline-grid!important;place-items:center!important;width:19px!important;height:13px!important;margin-left:-1px!important;letter-spacing:0!important;line-height:1!important;opacity:1!important} body[data-page="chat"] .civChatChecksR76FF svg{display:block!important;width:19px!important;height:13px!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important} body[data-page="chat"] .civChatChecksR76FF.sent{width:13px!important;color:#78909d!important;-webkit-text-fill-color:#78909d!important} body[data-page="chat"] .civChatChecksR76FF.sent svg{width:13px!important} body[data-page="chat"] .civChatChecksR76FF.delivered{color:#78909d!important;-webkit-text-fill-color:#78909d!important} body[data-page="chat"] .civChatChecksR76FF.read{color:#148cf0!important;-webkit-text-fill-color:#148cf0!important} /* Quita la línea/franja azul inferior en Web/App/Tablet. */ body[data-page="chat"] .civChatTyping:empty{display:none!important;min-height:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important} body[data-page="chat"] .civChatComposer,body[data-page="chat"] .civChatComposerR76DZ{border-top:0!important;box-shadow:none!important} /* Tablet: solo crecen los iconos interiores; los botones mantienen su caja. */ @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>button svg, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction svg, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage #civChatHeadMore svg{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;stroke-width:1.85!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage #civChatHeadMore svg circle{r:2!important} } @media(max-width:700px){body[data-page="chat"] #civChatSelectBar.civChatSelectBarR76FF:not(.hidden){padding:6px 7px!important;gap:5px!important}.civChatSelectActionsR76FF>button span{display:none!important}body[data-page="chat"] .civChatSelectActionsR76FF>button{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important}.civChatSelectLeadR76FF{min-width:92px!important}body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceTrashR76FC{width:34px!important;height:34px!important;min-width:34px!important}body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceTrashR76FC svg{width:21px!important;height:21px!important}} /* END CIVELIQ_V8_17_319_R76FF_CHAT_POLISH_MULTISELECT */ /* ===================================================================== CIVELIQ V8.17.320 · R76FG · REPLY LINK + MULTISELECT ACTIONS + AUDIO ALIGN ===================================================================== */ /* CIVELIQ_V8_17_320_R76FG_REPLY_LINK_MULTISELECT_AUDIO */ /* Respuesta citada: siempre clara, blanca y perfectamente legible. */ body[data-page="chat"] .civChatReplyPreview, body[data-page="chat"] .civChatMessage.mine .civChatReplyPreview, body[data-page="chat"] .civChatMessage.theirs .civChatReplyPreview, body[data-page="chat"] .civChatReplyPreviewR76FG{ -webkit-appearance:none!important;appearance:none!important; display:grid!important;gap:2px!important;width:100%!important;max-width:100%!important; margin:0 0 6px!important;padding:7px 9px!important; border:1px solid #d8e9f0!important;border-left:3px solid #55a9d4!important;border-radius:9px!important; background:#fff!important;background-color:#fff!important;background-image:none!important; color:#244d64!important;-webkit-text-fill-color:#244d64!important; box-shadow:0 1px 5px rgba(34,83,107,.05)!important;opacity:1!important;text-align:left!important; } body[data-page="chat"] .civChatReplyPreview b, body[data-page="chat"] .civChatMessage.theirs .civChatReplyPreview b, body[data-page="chat"] .civChatMessage.mine .civChatReplyPreview b{ color:#1775a6!important;-webkit-text-fill-color:#1775a6!important;opacity:1!important;font-weight:850!important;font-size:10.5px!important; } body[data-page="chat"] .civChatReplyPreview span, body[data-page="chat"] .civChatMessage.theirs .civChatReplyPreview span, body[data-page="chat"] .civChatMessage.mine .civChatReplyPreview span{ color:#354f5e!important;-webkit-text-fill-color:#354f5e!important;opacity:1!important;font-size:11px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } body[data-page="chat"] .civChatReplyPreview:hover{background:#f8fcfe!important;border-color:#c8e1ec!important} body[data-page="chat"] .civChatMessage.civChatReplyTargetR76FG .civChatBubble, body[data-page="chat"] .civChatMessage.civChatReplyTargetR76FG .civChatAttachmentMessage, body[data-page="chat"] .civChatMessage.civChatReplyTargetR76FG .civChatMediaMessage{ animation:civChatReplyTargetFlashR76FG 1.65s ease!important; } @keyframes civChatReplyTargetFlashR76FG{0%,100%{box-shadow:0 0 0 0 rgba(63,157,205,0)}22%,62%{box-shadow:0 0 0 4px rgba(63,157,205,.20)}} /* El panel de selección mantiene checks junto a cada viñeta; acciones reducidas a lo pedido. */ body[data-page="chat"] #civChatSelectBar.civChatSelectBarR76FG:not(.hidden){background:#fff!important;border-bottom:1px solid #e3edf2!important} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FG .civChatMessage::before{opacity:1!important} /* Web + Tablet: papelera un pelín mayor; la caja de pausa se mantiene y su glifo queda centrado. */ @media(min-width:701px){ body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceTrashR76FC{width:38px!important;height:38px!important;min-width:38px!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoiceTrashR76FC svg{width:24px!important;height:24px!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatVoicePauseR76FC{display:grid!important;place-items:center!important;padding:0!important;text-align:center!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatPauseGlyphR76FE{width:13px!important;height:18px!important;margin:0!important;transform:none!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatPauseGlyphR76FE:before{left:1.5px!important;width:3.5px!important} body[data-page="chat"] #civChatComposer>.civChatVoicePanelR76FE .civChatPauseGlyphR76FE:after{right:1.5px!important;width:3.5px!important} } /* END CIVELIQ_V8_17_320_R76FG_REPLY_LINK_MULTISELECT_AUDIO */ /* ===================================================================== CIVELIQ V8.17.322 · R76FI · CHAT FIRST-PAINT NO-FLASH ===================================================================== */ /* CIVELIQ_V8_17_322_R76FI_CHAT_FIRST_PAINT_NO_FLASH */ #civChatNew,#civChatListMore{ background:#fff!important;background-color:#fff!important;background-image:none!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important; border-color:#cfe0e9!important;box-shadow:none!important;filter:none!important; transition:none!important;animation:none!important; } #civChatNew span{color:#17618c!important;-webkit-text-fill-color:#17618c!important} #civChatNew svg{stroke:#17618c!important;fill:none!important;color:#17618c!important} #civChatListMore svg,#civChatListMore svg circle{stroke:#17618c!important;fill:#17618c!important;color:#17618c!important} /* END CIVELIQ_V8_17_322_R76FI_CHAT_FIRST_PAINT_NO_FLASH */ /* ===================================================================== CIVELIQ V8.17.323 · R76FJ · SELECCIÓN VISIBLE + REPLY LOCATOR ===================================================================== */ /* CIVELIQ_V8_17_323_R76FJ_SELECTION_REPLY_LOCATOR */ body[data-page="chat"] .civChatConversation{position:relative!important} body[data-page="chat"] .civChatMessages{scrollbar-width:none!important;-ms-overflow-style:none!important} body[data-page="chat"] .civChatMessages::-webkit-scrollbar{width:0!important;height:0!important;display:none!important} /* Círculos CIVELIQ reales al lado de cada viñeta: no dependen de pseudo-elementos heredados. */ body[data-page="chat"] .civChatSelectCircleR76FJ{ position:absolute!important;z-index:25!important;top:50%!important;left:4px!important;transform:translateY(-50%)!important; width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;margin:0!important; display:grid!important;place-items:center!important;border-radius:50%!important;border:1.7px solid #73aeca!important; background:#fff!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important; box-shadow:0 2px 8px rgba(31,89,118,.10)!important;opacity:1!important;visibility:visible!important; } body[data-page="chat"] .civChatMessage.mine>.civChatSelectCircleR76FJ{left:auto!important;right:4px!important} body[data-page="chat"] .civChatSelectCircleR76FJ svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:0!important} body[data-page="chat"] .civChatSelectCircleR76FJ.selected{background:#3398cb!important;border-color:#3398cb!important;color:#fff!important} body[data-page="chat"] .civChatSelectCircleR76FJ.selected svg{opacity:1!important} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FJ .civChatMessage{padding-left:34px!important;cursor:pointer!important} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FJ .civChatMessage.mine{padding-left:0!important;padding-right:34px!important} /* Bandeja propia CIVELIQ: compacta y flotante sobre el compositor. */ body[data-page="chat"] #civChatSelectBar.civChatSelectBarR76FJ:not(.hidden){ position:absolute!important;z-index:80!important;left:50%!important;right:auto!important;top:auto!important;bottom:66px!important;transform:translateX(-50%)!important; width:min(560px,calc(100% - 24px))!important;min-height:52px!important;height:auto!important;display:flex!important;align-items:center!important;gap:10px!important; padding:7px 9px!important;margin:0!important;border:1px solid #d5e7ef!important;border-radius:17px!important;background:rgba(255,255,255,.97)!important; box-shadow:0 10px 28px rgba(31,79,103,.16)!important;backdrop-filter:blur(10px)!important;overflow:visible!important; } body[data-page="chat"] .civChatSelectLeadR76FJ{display:grid!important;gap:0!important;min-width:96px!important;margin-right:auto!important} body[data-page="chat"] .civChatSelectLeadR76FJ strong{font-size:12px!important;color:#1d678c!important;-webkit-text-fill-color:#1d678c!important} body[data-page="chat"] .civChatSelectLeadR76FJ small{font-size:8.5px!important;color:#7f96a2!important;-webkit-text-fill-color:#7f96a2!important} body[data-page="chat"] .civChatSelectActionsR76FJ{display:flex!important;align-items:center!important;gap:6px!important} body[data-page="chat"] .civChatSelectActionsR76FJ>button{height:36px!important;min-height:36px!important;min-width:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0 10px!important;border-radius:11px!important;border:1px solid #d8e8ef!important;background:#fff!important;color:#24759c!important;-webkit-text-fill-color:#24759c!important;font-size:10px!important;font-weight:850!important;box-shadow:none!important} body[data-page="chat"] .civChatSelectActionsR76FJ>button svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important} body[data-page="chat"] .civChatSelectActionsR76FJ>button.danger{color:#b74c58!important;-webkit-text-fill-color:#b74c58!important;background:#fff8f8!important;border-color:#efdadf!important} body[data-page="chat"] .civChatSelectActionsR76FJ>button:disabled{opacity:.35!important;pointer-events:none!important} /* Cita clara + localizador visible: 3 pulsos suaves sobre la viñeta original. */ body[data-page="chat"] .civChatReplyPreviewR76FG,body[data-page="chat"] .civChatReplyPreview{ background:#fff!important;background-color:#fff!important;background-image:none!important;color:#294d61!important;-webkit-text-fill-color:#294d61!important;opacity:1!important; border-color:#d5e8f0!important;border-left-color:#3f9dcd!important;box-shadow:0 1px 6px rgba(31,84,109,.06)!important; } body[data-page="chat"] .civChatMessage.civChatReplyTargetR76FJ .civChatBubble, body[data-page="chat"] .civChatMessage.civChatReplyTargetR76FJ .civChatAttachmentMessage, body[data-page="chat"] .civChatMessage.civChatReplyTargetR76FJ .civChatMediaMessage{ animation:civChatReplyTargetFlashR76FJ 2.45s ease-in-out!important; } @keyframes civChatReplyTargetFlashR76FJ{ 0%,100%{filter:brightness(1)} 12%,35%,58%{filter:brightness(1.07)} 23%,46%,72%{filter:brightness(1)} } body[data-page="chat"] .civChatReplyFlashHostR76FJ{position:relative!important} body[data-page="chat"] .civChatReplyFlashR76FJ{position:absolute!important;z-index:7!important;inset:-4px!important;border-radius:inherit!important;border:2px solid rgba(42,155,210,.58)!important;box-shadow:0 0 0 4px rgba(42,155,210,.16)!important;pointer-events:none!important;animation:civChatReplyFlashOverlayR76FJ 2.45s ease-in-out!important} @keyframes civChatReplyFlashOverlayR76FJ{0%,100%{opacity:0}12%,35%,58%{opacity:1}23%,46%,72%{opacity:.14}} @media(max-width:700px){ body[data-page="chat"] #civChatSelectBar.civChatSelectBarR76FJ:not(.hidden){bottom:58px!important;width:calc(100% - 14px)!important;padding:6px!important;border-radius:15px!important} body[data-page="chat"] .civChatSelectActionsR76FJ>button{width:36px!important;min-width:36px!important;padding:0!important} body[data-page="chat"] .civChatSelectActionsR76FJ>button span{display:none!important} body[data-page="chat"] .civChatSelectLeadR76FJ{min-width:88px!important} body[data-page="chat"] .civChatSelectCircleR76FJ{width:22px!important;height:22px!important;min-width:22px!important} } /* END CIVELIQ_V8_17_323_R76FJ_SELECTION_REPLY_LOCATOR */ /* ===================================================================== CIVELIQ V8.17.324 · R76FK · TABLET FIXED + CHAT LAYOUT POLISH - Chat Tablet: Conversaciones completa; controles debajo. - Chat Tablet: acciones superiores sin marco. - Chat: Enviar restaurado azul cielo + flecha blanca en Web/App/Tablet. - Chat Tablet: control ocultar columna alineado dinámicamente con Certificadas. ===================================================================== */ /* CIVELIQ_V8_17_324_R76FK_TABLET_FIXED_CHAT_LAYOUT */ /* Enviar aprobado: misma caja, azul cielo y flecha blanca; no circular. */ body[data-page="chat"] #civChatComposer .civChatSend, body[data-page="chat"] #civChatComposer .civChatSendR76DZ, body[data-page="chat"] .civChatComposer .civChatSend, body[data-page="chat"] .civChatComposer .civChatSendR76DZ{ background:#8fcff2!important; background-image:none!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border:1px solid #78bfe7!important; border-radius:11px!important; box-shadow:0 3px 9px rgba(52,135,183,.16)!important; opacity:1!important; visibility:visible!important; } body[data-page="chat"] #civChatComposer .civChatSend svg, body[data-page="chat"] #civChatComposer .civChatSendR76DZ svg, body[data-page="chat"] .civChatComposer .civChatSend svg, body[data-page="chat"] .civChatComposer .civChatSendR76DZ svg, body[data-page="chat"] #civChatComposer .civChatSend svg *, body[data-page="chat"] #civChatComposer .civChatSendR76DZ svg *{ stroke:#fff!important; color:#fff!important; fill:none!important; opacity:1!important; } body[data-page="chat"] #civChatComposer .civChatSend:hover, body[data-page="chat"] #civChatComposer .civChatSendR76DZ:hover{background:#83c8ee!important} @media (min-width:701px) and (max-width:1366px){ /* Conversaciones completa arriba; Nuevo chat y ··· debajo; buscador permanece debajo. */ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListHead{ display:grid!important; grid-template-columns:minmax(0,1fr) 38px!important; grid-template-areas:"title title" "new more"!important; align-items:center!important; column-gap:7px!important; row-gap:7px!important; min-height:auto!important; height:auto!important; padding:10px 9px 8px!important; overflow:visible!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListTitle{ grid-area:title!important; min-width:0!important; width:100%!important; overflow:visible!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListTitle h2{ margin:0!important; width:100%!important; max-width:none!important; font-size:16px!important; line-height:1.15!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatNewMini{ grid-area:new!important; justify-self:start!important; width:auto!important; min-width:118px!important; max-width:none!important; height:36px!important; min-height:36px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListMenuWrap{ grid-area:more!important; justify-self:start!important; width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; } /* Cabecera conversación: solo iconos, sin cajas/marcos en Tablet. */ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsIconOnly{ gap:8px!important; overflow:visible!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>button, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsIconOnly .civChatActionGlyph, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsIconOnly .civChatFormalizeBtn, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMore{ background:transparent!important; background-image:none!important; border:0!important; outline:0!important; box-shadow:none!important; border-radius:0!important; filter:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ button:hover, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMore:hover{ background:transparent!important; box-shadow:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ svg, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMore svg{ width:24px!important; height:24px!important; } /* El top se calcula por JS usando la posición real de #certNav. */ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"].civeliqSendFocusPage #sendFocusToggle{ transition:none!important; } } /* END CIVELIQ_V8_17_324_R76FK_TABLET_FIXED_CHAT_LAYOUT */ /* ===================================================================== CIVELIQ V8.17.325 · R76FL · SELECTION + LOCATOR + TABLET TOGGLE FIX ===================================================================== */ /* CIVELIQ_V8_17_325_R76FL_SELECTION_LOCATOR_TOGGLE */ body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FF .civChatMessage::before,body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FG .civChatMessage::before,body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FL .civChatMessage::before,body[data-page="chat"] .civChatSelectDot,body[data-page="chat"] .civChatSelectCircleR76FJ{display:none!important;content:none!important;width:0!important;height:0!important;border:0!important;background:transparent!important;box-shadow:none!important} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FL .civChatMessage{padding-left:40px!important;cursor:pointer!important} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FL .civChatMessage.mine{padding-left:0!important;padding-right:40px!important} body[data-page="chat"] button.civChatSelectCircleR76FL{position:absolute!important;z-index:30!important;left:7px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;aspect-ratio:1/1!important;padding:0!important;margin:0!important;border-radius:999px!important;border:2px solid #78abc4!important;background:#fff!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 8px rgba(27,80,106,.10)!important;opacity:1!important;visibility:visible!important;overflow:hidden!important} body[data-page="chat"] .civChatMessage.mine>button.civChatSelectCircleR76FL{left:auto!important;right:7px!important} body[data-page="chat"] button.civChatSelectCircleR76FL svg{display:block!important;width:15px!important;height:15px!important;fill:none!important;stroke:#fff!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:0!important} body[data-page="chat"] button.civChatSelectCircleR76FL.selected{background:#2f98ca!important;border-color:#2f98ca!important} body[data-page="chat"] button.civChatSelectCircleR76FL.selected svg{opacity:1!important} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FL .civChatMessage.selected :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){outline:0!important;box-shadow:0 4px 12px rgba(28,58,77,.055)!important} html body[data-page="chat"] #civChatSelectBar.civChatSelectBarR76FL:not(.hidden){position:absolute!important;z-index:80!important;left:50%!important;right:auto!important;top:auto!important;bottom:66px!important;transform:translateX(-50%)!important;width:min(560px,calc(100% - 24px))!important;min-height:52px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:7px 9px!important;border:1px solid #d5e7ef!important;border-radius:17px!important;background:rgba(255,255,255,.98)!important;background-image:none!important;box-shadow:0 10px 28px rgba(31,79,103,.13)!important} body[data-page="chat"] .civChatSelectLeadR76FL{display:grid!important;gap:0!important;min-width:96px!important;margin-right:auto!important}body[data-page="chat"] .civChatSelectLeadR76FL strong{font-size:12px!important;color:#1d678c!important}body[data-page="chat"] .civChatSelectLeadR76FL small{font-size:8.5px!important;color:#7f96a2!important} html body[data-page="chat"] #civChatSelectBar .civChatSelectActionsR76FL{display:flex!important;align-items:center!important;gap:7px!important} html body[data-page="chat"] #civChatSelectBar .civChatSelectActionsR76FL>button{height:36px!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 11px!important;border-radius:11px!important;border:1px solid #cfe4ef!important;background:#eef8fd!important;background-image:none!important;color:#23779f!important;-webkit-text-fill-color:#23779f!important;box-shadow:none!important;filter:none!important;font-size:10px!important;font-weight:850!important} html body[data-page="chat"] #civChatSelectBar .civChatSelectActionsR76FL>button svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important} html body[data-page="chat"] #civChatSelectBar .civChatSelectActionsR76FL>button.danger{background:#fff9f7!important;border-color:#efd8d6!important;color:#b94b55!important;-webkit-text-fill-color:#b94b55!important} html body[data-page="chat"] #civChatSelectBar .civChatSelectActionsR76FL>#civChatSelectCancelR76FL{background:#f8fbfd!important;border-color:#dce9ef!important;color:#34708e!important;-webkit-text-fill-color:#34708e!important} html body[data-page="chat"] #civChatSelectBar .civChatSelectActionsR76FL>button:disabled{opacity:.36!important} body[data-page="chat"] .civChatVoiceR76FE,body[data-page="chat"] .civChatVoiceR76FE:focus,body[data-page="chat"] .civChatVoiceR76FE:focus-visible,body[data-page="chat"] .civChatVoiceR76FE:active{outline:0!important;outline-offset:0!important;box-shadow:none!important;border-color:transparent!important;-webkit-tap-highlight-color:transparent!important} body[data-page="chat"] .civChatMessage.civChatReplyTargetR76FJ :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){animation:none!important;filter:none!important;outline:0!important} body[data-page="chat"] .civChatReplyFlashR76FJ{display:none!important} body[data-page="chat"] .civChatMessage.civChatReplyTargetR76FL :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage,.civChatMessageCore){outline:0!important;border-color:inherit!important;animation:civChatReplyNudgeR76FL 2s ease-in-out!important;transform-origin:center!important} @keyframes civChatReplyNudgeR76FL{0%,100%{transform:translateX(0);filter:brightness(1)}12%{transform:translateX(-4px);filter:brightness(.91)}24%{transform:translateX(4px);filter:brightness(.91)}36%{transform:translateX(-3px);filter:brightness(.93)}48%{transform:translateX(3px);filter:brightness(.93)}62%{transform:translateX(0);filter:brightness(.94)}80%{transform:translateX(0);filter:brightness(.98)}} @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer .civChatSend,html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer .civChatSendR76DZ{display:grid!important;place-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;background:#8fcff2!important;background-image:none!important;border:1px solid #78bfe7!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;visibility:visible!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer .civChatSend svg,html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer .civChatSendR76DZ svg{display:block!important;width:21px!important;height:21px!important;opacity:1!important;visibility:visible!important;stroke:#fff!important;fill:none!important;color:#fff!important;transform:none!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer .civChatSend svg *,html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer .civChatSendR76DZ svg *{stroke:#fff!important;fill:none!important;opacity:1!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"].civeliqSendFocusPage #sendFocusToggle,html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"].civeliqSendFocusExpanded #sendFocusToggle{position:fixed!important;transition:none!important;transform:none!important} } @media(max-width:700px){html body[data-page="chat"] #civChatSelectBar.civChatSelectBarR76FL:not(.hidden){bottom:58px!important;width:calc(100% - 14px)!important;padding:6px!important}html body[data-page="chat"] #civChatSelectBar .civChatSelectActionsR76FL>button{width:38px!important;min-width:38px!important;padding:0!important}html body[data-page="chat"] #civChatSelectBar .civChatSelectActionsR76FL>button span{display:none!important}} /* END CIVELIQ_V8_17_325_R76FL_SELECTION_LOCATOR_TOGGLE */ /* ===================================================================== CIVELIQ V8.17.326 · R76FM · SIMPLE MENU + FIXED TOGGLE + CLEAN MEDIA ===================================================================== */ /* CIVELIQ_V8_17_326_R76FM_SIMPLE_MENU_FIXED_TOGGLE_SHARED */ /* Selección eliminada: ningún círculo, barra, contador o estado puede reaparecer. */ body[data-page="chat"] #civChatSelectBar, body[data-page="chat"] .civChatSelectCircleR76FL, body[data-page="chat"] .civChatSelectCircleR76FJ, body[data-page="chat"] .civChatSelectDot{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important} body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FF .civChatMessage, body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FG .civChatMessage, body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FJ .civChatMessage, body[data-page="chat"] .civChatConversation.civChatSelectionModeR76FL .civChatMessage{padding-left:0!important;padding-right:0!important} /* Audio: nunca marco/focus azul por tocar Play/Pausa. */ body[data-page="chat"] :is(.civChatVoice,.civChatVoiceR76FB,.civChatVoiceR76FC):focus, body[data-page="chat"] :is(.civChatVoice,.civChatVoiceR76FB,.civChatVoiceR76FC):focus-visible, body[data-page="chat"] :is(.civChatVoice,.civChatVoiceR76FB,.civChatVoiceR76FC):active{outline:0!important;box-shadow:none!important} /* Localizador de respuesta: solo movimiento + tinte suave. No borde ni marco azul. */ body[data-page="chat"] .civChatMessage:is(.civChatReplyTargetR76FG,.civChatReplyTargetR76FJ,.civChatReplyTargetR76FL) :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage,.civChatMessageCore,.civChatVoice){outline:0!important;box-shadow:none!important;border-color:inherit!important} body[data-page="chat"] .civChatMessage.civChatReplyTargetR76FL :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage,.civChatMessageCore,.civChatVoice){animation:civChatReplyNudgeR76FM 1.9s ease-in-out!important;transform-origin:center!important} @keyframes civChatReplyNudgeR76FM{0%,100%{transform:translateX(0) scale(1);filter:brightness(1)}14%{transform:translateX(-4px) scale(1.012);filter:brightness(.90)}28%{transform:translateX(4px) scale(1.012);filter:brightness(.90)}42%{transform:translateX(-3px) scale(1.008);filter:brightness(.92)}58%{transform:translateX(3px) scale(1.006);filter:brightness(.94)}76%{transform:translateX(0) scale(1.003);filter:brightness(.97)}} /* Archivos compartidos: nada de marco general. */ body[data-page="chat"] .civChatSharedR76EZ .civChatSharedCardR76EZ{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:3px!important} body[data-page="chat"] .civChatSharedR76EZ .civChatSharedCardR76EZ :is(.civChatSharedThumbR76EZ){outline:0!important} body[data-page="chat"] .civChatSharedR76EZ .civChatSharedCardR76EZ:is(.isImage,.isFile) .civChatSharedThumbR76EZ{border:0!important;background:transparent!important;box-shadow:none!important} /* Audio y vídeo: marco azul MUY ligero, solo como icono/tarjeta. */ body[data-page="chat"] .civChatSharedR76EZ .civChatSharedCardR76EZ:is(.isVoice,.isVideo) .civChatSharedThumbR76EZ{border:1px solid rgba(73,153,194,.34)!important;background:#f7fbfd!important;box-shadow:0 2px 8px rgba(42,112,148,.045)!important;border-radius:11px!important} /* Tablet: Enviar siempre azul cielo con flecha blanca visible. */ @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer :is(.civChatSend,.civChatSendR76DZ){display:grid!important;place-items:center!important;background:#8fcff2!important;background-image:none!important;border-color:#78bfe7!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;visibility:visible!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer :is(.civChatSend,.civChatSendR76DZ)>svg{display:block!important;width:21px!important;height:21px!important;opacity:1!important;visibility:visible!important;stroke:#fff!important;fill:none!important;color:#fff!important;margin:auto!important;transform:none!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer :is(.civChatSend,.civChatSendR76DZ)>svg *{stroke:#fff!important;fill:none!important;opacity:1!important} /* El toggle no depende de columna abierta/cerrada: JS fija left/top inline en la misma coordenada. */ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #sendFocusToggle{position:fixed!important;transition:none!important;transform:none!important} } /* END CIVELIQ_V8_17_326_R76FM_SIMPLE_MENU_FIXED_TOGGLE_SHARED */ /* ===================================================================== CIVELIQ V8.17.327 · R76FN · CHAT TABLET TOGGLE EDGE LOCK ===================================================================== */ /* CIVELIQ_V8_17_327_R76FN_CHAT_TOGGLE_EDGE_LOCK */ @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #sendFocusToggle{position:fixed!important;right:auto!important;transform:none!important;transition:none!important;z-index:220!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"].civeliqSendFocusExpanded #sendFocusToggle{left:18px!important} } /* END CIVELIQ_V8_17_327_R76FN_CHAT_TOGGLE_EDGE_LOCK */ /* ===================================================================== CIVELIQ V8.17.328 · R76FO · SHARED FRAMELESS + CHAT ROW TOGGLE ===================================================================== */ /* CIVELIQ_V8_17_328_R76FO_SHARED_FRAMELESS_CHAT_ROW_TOGGLE */ body[data-page="chat"] .civChatSharedR76FO .civChatSharedCardR76EZ, body[data-page="chat"] .civChatSharedR76FO .civChatSharedThumbR76EZ{ border:0!important; outline:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important; } body[data-page="chat"] .civChatSharedR76FO .civChatSharedMetaR76EZ small{display:none!important} body[data-page="chat"] .civChatSharedR76FO .civChatSharedThumbR76EZ svg{ color:#4d93b7!important; stroke:#4d93b7!important; } @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #sendFocusToggle{ position:fixed!important; right:auto!important; transform:none!important; transition:none!important; z-index:220!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"].civeliqSendFocusExpanded #sendFocusToggle{left:18px!important} } /* END CIVELIQ_V8_17_328_R76FO_SHARED_FRAMELESS_CHAT_ROW_TOGGLE */ /* ===================================================================== CIVELIQ V8.17.329 · R76FP · SHARED ABSOLUTELY FRAMELESS ===================================================================== */ /* CIVELIQ_V8_17_329_R76FP_SHARED_ABSOLUTELY_FRAMELESS */ body[data-page="chat"] .civChatSharedR76FP .civChatSharedCardR76EZ, body[data-page="chat"] .civChatSharedR76FP .civChatSharedThumbR76EZ, body[data-page="chat"] .civChatSharedR76FP .civChatSharedCardR76FP, body[data-page="chat"] .civChatSharedR76FP .civChatSharedThumbR76FP{ border:0!important;outline:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important; } body[data-page="chat"] .civChatSharedR76FP .civChatSharedCardR76EZ:hover{border:0!important;outline:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important} body[data-page="chat"] .civChatSharedR76FP .civChatSharedThumbR76EZ>img{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important} body[data-page="chat"] .civChatSharedR76FP .civChatSharedMetaR76EZ small{display:none!important} body[data-page="chat"] .civChatSharedR76FP .civChatSharedThumbR76EZ svg{color:#4d93b7!important;stroke:#4d93b7!important} /* END CIVELIQ_V8_17_329_R76FP_SHARED_ABSOLUTELY_FRAMELESS */ /* ===================================================================== CIVELIQ V8.17.334 · R76FU · LLAMADA / VIDEOLLAMADA PREMIUM ===================================================================== */ /* CIVELIQ_V8_17_334_R76FU_CALL_VIDEO_FULLSCREEN_MOVABLE_PREVIEW */ .civChatCallOverlay.video.mode-active .civChatCallIdentity{display:none!important} .civChatLocalPreviewR76FU{position:absolute;right:18px;bottom:18px;width:min(180px,28%);aspect-ratio:3/4;border-radius:18px;background:#102f42;border:1px solid rgba(255,255,255,.30);box-shadow:0 12px 30px rgba(0,0,0,.28);z-index:4;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none} .civChatLocalPreviewR76FU.dragging{cursor:grabbing;box-shadow:0 18px 38px rgba(0,0,0,.38)} .civChatLocalPreviewR76FU[hidden]{display:none!important} .civChatLocalPreviewR76FU #civChatLocalVideo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;border-radius:0!important;background:#102f42!important;z-index:1!important} .civChatLocalPreviewHideR76FU{position:absolute;top:7px;right:7px;z-index:3;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.30)!important;background:rgba(8,29,42,.62)!important;backdrop-filter:blur(8px);display:grid!important;place-items:center!important;color:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.20)!important} .civChatLocalPreviewHideR76FU svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important} .civChatLocalPreviewRestoreR76FU{position:absolute;right:16px;bottom:16px;z-index:4;min-width:0!important;width:auto!important;height:38px!important;padding:0 11px!important;border-radius:19px!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(8,29,42,.64)!important;backdrop-filter:blur(9px);display:flex!important;align-items:center!important;gap:6px!important;color:#fff!important;box-shadow:0 6px 18px rgba(0,0,0,.22)!important} .civChatLocalPreviewRestoreR76FU[hidden]{display:none!important} .civChatLocalPreviewRestoreR76FU svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important} .civChatLocalPreviewRestoreR76FU span{font-size:9px!important;font-weight:800!important} .civChatCallControls [data-call="fullscreen"].active{background:rgba(214,177,106,.25)!important;border-color:rgba(232,207,149,.62)!important} .civChatCallOverlay:fullscreen,.civChatCallOverlay.civChatPseudoFullscreenR76FU{padding:0!important;background:#081d2a!important} .civChatCallOverlay:fullscreen .civChatCallCard,.civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatCallCard{width:100%!important;height:100%!important;max-width:none!important;display:grid!important;grid-template-rows:auto 1fr auto!important;gap:0!important} .civChatCallOverlay:fullscreen .civChatCallBrand,.civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatCallBrand{position:absolute!important;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:7;padding:7px 11px;border-radius:18px;background:rgba(8,29,42,.36);backdrop-filter:blur(8px)} .civChatCallOverlay:fullscreen .civChatRemoteStage,.civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatRemoteStage{min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important} .civChatCallOverlay:fullscreen .civChatCallControls,.civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatCallControls{position:absolute!important;left:50%;bottom:max(16px,calc(env(safe-area-inset-bottom) + 8px));transform:translateX(-50%);z-index:8;padding:8px 10px;border-radius:22px;background:rgba(8,29,42,.42);backdrop-filter:blur(10px);flex-wrap:nowrap!important} .civChatCallOverlay:fullscreen .civChatLocalPreviewR76FU,.civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatLocalPreviewR76FU{bottom:100px} .civChatCallOverlay:fullscreen .civChatLocalPreviewRestoreR76FU,.civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatLocalPreviewRestoreR76FU{bottom:100px} @media(max-width:600px){.civChatLocalPreviewR76FU{right:10px;bottom:10px;width:30%;min-width:96px;max-width:138px;border-radius:15px}.civChatLocalPreviewHideR76FU{top:5px;right:5px;width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}.civChatLocalPreviewRestoreR76FU{right:10px;bottom:10px;height:34px!important;padding:0 9px!important}.civChatCallOverlay:fullscreen .civChatLocalPreviewR76FU,.civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatLocalPreviewR76FU,.civChatCallOverlay:fullscreen .civChatLocalPreviewRestoreR76FU,.civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatLocalPreviewRestoreR76FU{bottom:88px}.civChatCallOverlay:fullscreen .civChatCallControls,.civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatCallControls{max-width:calc(100vw - 12px);gap:5px!important;padding:6px!important}.civChatCallOverlay:fullscreen .civChatCallControls button,.civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatCallControls button{width:56px!important;height:54px!important;min-width:56px!important}} /* END CIVELIQ_V8_17_334_R76FU_CALL_VIDEO_FULLSCREEN_MOVABLE_PREVIEW */ /* ===================================================================== CIVELIQ V8.17.335 · R76FV · PANTALLA GRANDE FIABLE Solo corrige el modo Pantalla completa de Videollamada. ===================================================================== */ /* CIVELIQ_V8_17_335_R76FV_FULLSCREEN_RELIABLE_VIEWPORT */ .civChatCallOverlay.civChatPseudoFullscreenR76FU{ position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important; padding:0!important;margin:0!important;display:block!important;overflow:hidden!important;background:#081d2a!important; } .civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatCallCard{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important; margin:0!important;padding:0!important;display:block!important;overflow:hidden!important; } .civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatRemoteStage{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important; border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important; } .civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatRemoteStage>video#civChatRemoteVideo{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important; } .civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatCallBrand{ position:absolute!important;top:max(10px,env(safe-area-inset-top));left:50%!important;transform:translateX(-50%)!important;z-index:7!important; padding:7px 11px!important;border-radius:18px!important;background:rgba(8,29,42,.36)!important;backdrop-filter:blur(8px); } .civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatCallControls{ position:absolute!important;left:50%!important;bottom:max(16px,calc(env(safe-area-inset-bottom) + 8px))!important;transform:translateX(-50%)!important; z-index:8!important;display:flex!important;justify-content:center!important;flex-wrap:nowrap!important;padding:8px 10px!important;border-radius:22px!important; background:rgba(8,29,42,.42)!important;backdrop-filter:blur(10px);max-width:calc(100vw - 12px)!important; } .civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatLocalPreviewR76FU, .civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatLocalPreviewRestoreR76FU{bottom:100px} @media(max-width:600px){ .civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatCallControls{gap:5px!important;padding:6px!important} .civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatCallControls button{width:56px!important;height:54px!important;min-width:56px!important} .civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatLocalPreviewR76FU, .civChatCallOverlay.civChatPseudoFullscreenR76FU .civChatLocalPreviewRestoreR76FU{bottom:88px} } /* END CIVELIQ_V8_17_335_R76FV_FULLSCREEN_RELIABLE_VIEWPORT */ /* ===================================================================== CIVELIQ V8.17.336 · R76FW · CHAT SEND + FILE CARD + PHOTO PROGRESS ===================================================================== */ /* CIVELIQ_V8_17_336_R76FW_CHAT_SEND_FILE_PROGRESS */ body[data-page="chat"] #civChatComposer{ overflow:visible!important; min-width:0!important; } body[data-page="chat"] #civChatComposer>.civChatSendR76FW, body[data-page="chat"] #civChatComposer>.civChatSendR76DZ, body[data-page="chat"] #civChatComposer>.civChatSend{ display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important; position:relative!important;inset:auto!important;transform:none!important;z-index:8!important; width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex:0 0 42px!important; background:#8fcff2!important;background-image:none!important;border:1px solid #78bfe7!important;color:#fff!important;-webkit-text-fill-color:#fff!important; } body[data-page="chat"] #civChatComposer>.civChatSendR76FW svg, body[data-page="chat"] #civChatComposer>.civChatSendR76FW svg *, body[data-page="chat"] #civChatComposer>.civChatSendR76DZ svg, body[data-page="chat"] #civChatComposer>.civChatSendR76DZ svg *{stroke:#fff!important;fill:none!important;color:#fff!important;opacity:1!important;visibility:visible!important} /* Referencia aprobada de archivos: azul/turquesa + tipografía blanca. */ body[data-page="chat"] .civChatFileCard, body[data-page="chat"] .civChatFileCard.civChatFileCompact, body[data-page="chat"] .civChatFileCard.civChatFileClean{ background:#4d98b4!important;background-color:#4d98b4!important;background-image:none!important; border:1px solid #448ba7!important;box-shadow:0 5px 14px rgba(30,95,125,.13)!important; color:#fff!important;-webkit-text-fill-color:#fff!important; } body[data-page="chat"] .civChatFileCard span, body[data-page="chat"] .civChatFileCard b, body[data-page="chat"] .civChatFileCard small, body[data-page="chat"] .civChatFileCard i{ color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important; } body[data-page="chat"] .civChatFileCard svg, body[data-page="chat"] .civChatFileCard svg *{stroke:#fff!important;color:#fff!important;fill:none!important;opacity:1!important} /* Mientras una foto todavía se descarga al dispositivo receptor, mostrar % y nunca bloque verde. */ body[data-page="chat"] button.civChatMediaThumb.isImage.civChatMediaLoadingR76FW{ position:relative!important;width:min(320px,65vw)!important;max-width:min(320px,65vw)!important;aspect-ratio:4/3!important; min-height:132px!important;overflow:hidden!important;border-radius:18px!important;background:#eef8fc!important;background-image:none!important; } body[data-page="chat"] button.civChatMediaThumb.isImage.civChatMediaLoadingR76FW>img{opacity:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important} body[data-page="chat"] .civChatMediaProgressR76FW{ position:absolute!important;inset:0!important;z-index:5!important;display:grid!important;place-items:center!important; border-radius:18px!important;background:#eef8fc!important;background-image:linear-gradient(90deg,rgba(123,199,235,.18) 0 var(--civ-chat-progress,0%),transparent var(--civ-chat-progress,0%) 100%)!important; color:#2b7fa6!important;-webkit-text-fill-color:#2b7fa6!important;font-size:18px!important;font-weight:900!important;letter-spacing:.02em!important; text-shadow:none!important;box-shadow:inset 0 0 0 1px rgba(93,166,199,.16)!important;pointer-events:none!important; } body[data-page="chat"] button.civChatMediaThumb.isImage.mediaReady>.civChatMediaProgressR76FW{display:none!important} body[data-page="chat"] button.civChatMediaThumb.isImage.mediaReady>img{opacity:1!important} body[data-page="chat"] button.civChatMediaThumb.isImage.mediaError>.civChatMediaProgressR76FW{background:#f7fbfd!important;color:#6b8390!important;-webkit-text-fill-color:#6b8390!important} @media(max-width:700px){body[data-page="chat"] button.civChatMediaThumb.isImage.civChatMediaLoadingR76FW{width:min(260px,72vw)!important;max-width:min(260px,72vw)!important;min-height:112px!important}.civChatMediaProgressR76FW{font-size:16px!important}} /* END CIVELIQ_V8_17_336_R76FW_CHAT_SEND_FILE_PROGRESS */ /* ===================================================================== CIVELIQ V8.17.338 · R76FY · CHAT SEND BUTTON FUNCTIONAL FIX ===================================================================== */ /* CIVELIQ_V8_17_338_R76FY_CHAT_SEND_FUNCTIONAL_FIX */ body[data-page="chat"] #civChatComposer>.civChatSendR76FY, body[data-page="chat"] #civChatComposer>.civChatSendR76FW, body[data-page="chat"] #civChatComposer>.civChatSendR76DZ, body[data-page="chat"] #civChatComposer>.civChatSend{ pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important; } /* END CIVELIQ_V8_17_338_R76FY_CHAT_SEND_FUNCTIONAL_FIX */ /* ===================================================================== CIVELIQ V8.17.339 · R76FZ · SEND BUTTON NEVER BLOCKED BY AUDIO ===================================================================== */ /* CIVELIQ_V8_17_339_R76FZ_AUDIO_SEND_RECOVERY */ body[data-page="chat"] #civChatComposer>.civChatSendR76FZ, body[data-page="chat"] #civChatComposer>.civChatSendR76FY, body[data-page="chat"] #civChatComposer>.civChatSendR76FW, body[data-page="chat"] #civChatComposer>.civChatSendR76DZ, body[data-page="chat"] #civChatComposer>.civChatSend{ pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important; opacity:1!important;filter:none!important; } body[data-page="chat"] #civChatComposer>.civChatSendR76FZ[aria-busy="true"]{ cursor:progress!important;opacity:.92!important; } /* END CIVELIQ_V8_17_339_R76FZ_AUDIO_SEND_RECOVERY */ /* CIVELIQ V8.17.358 · R76GS · CLOUD PARITY FRAMELESS WEB TABLET APP DEEP STABILITY */ body[data-page="chat"]{ background-color:#9edcff!important; background-image:url('/assets/civeliq-chat-clouds-exact-r76jm.webp')!important; background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important; } body[data-page="chat"] #app.shell:not(.hidden),body[data-page="chat"] #app.shell:not(.hidden)>main, body[data-page="chat"] #app.shell:not(.hidden)>main>#page,body[data-page="chat"] #app.shell:not(.hidden)>main>.top, body[data-page="chat"] .civChatPage,body[data-page="chat"] .civChatWorkspace,body[data-page="chat"] .civChatStage, body[data-page="chat"] .civChatSkyStage,body[data-page="chat"] .civChatConversation,body[data-page="chat"] .civChatMessages{ background-color:transparent!important;background-image:none!important; } body[data-page="chat"] #app.shell:not(.hidden)>main{ background-color:transparent!important;background-image:url('/assets/civeliq-chat-clouds-exact-r76jm.webp')!important; background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important; } body[data-page="chat"] :is(.civChatStage,.civChatConversation,.civChatMessages)::before, body[data-page="chat"] :is(.civChatStage,.civChatConversation,.civChatMessages)::after{ content:none!important;display:none!important;background:none!important;box-shadow:none!important;filter:none!important; } body[data-page="chat"] .civChatListPane{background:rgba(246,252,255,.72)!important;border-color:rgba(157,201,224,.42)!important;box-shadow:none!important;} body[data-page="chat"] :is(.civChatListHead,.civChatSearchBar,#civChatComposer,.civChatComposerR76DZ,.civChatSecurity){background:rgba(248,253,255,.80)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;} body[data-page="chat"] .civChatPerson{background:rgba(250,253,255,.62)!important;box-shadow:none!important;} body[data-page="chat"] .civChatPerson.active,body[data-page="chat"] .civChatPerson[data-current="1"]{background:rgba(225,245,255,.80)!important;} /* Web + Tablet: los iconos superiores flotan directamente sobre el paisaje. Ningún wrapper puede volver a pintar blanco. */ @media(min-width:701px){ html body[data-page="chat"] .civChatConversationHead, html body[data-page="chat"] .civChatConversationHead::before, html body[data-page="chat"] .civChatConversationHead::after, html body[data-page="chat"] .civChatConversationHead>.civChatHeadActionsR76DZ, html body[data-page="chat"] .civChatConversationHead>.civChatHeadActionsIconOnly, html body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap, html body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatCallMenuWrap, html body[data-page="chat"] .civChatHeadActionsIconOnly>.civChatHeadMenuWrap{ background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;outline:0!important;box-shadow:none!important;filter:none!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important; } html body[data-page="chat"] .civChatConversationHead::before,html body[data-page="chat"] .civChatConversationHead::after, html body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap::before,html body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap::after{ content:none!important;display:none!important; } html body[data-page="chat"] .civChatHeadActionsR76DZ>button, html body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatDirectAction, html body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap>#civChatHeadMore, html body[data-page="chat"] .civChatHeadActionsIconOnly>.civChatActionGlyph, html body[data-page="chat"] .civChatHeadActionsIconOnly>.civChatFormalizeBtn, html body[data-page="chat"] .civChatHeadActionsR76DZ>button:hover, html body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatDirectAction:hover, html body[data-page="chat"] #civChatHeadMore:hover{ background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;outline:0!important;box-shadow:none!important;filter:none!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important; } } /* App: mismo cielo que Web, pero con composición vertical para que siempre haya nubes reconocibles. */ @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"], html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] #app.shell:not(.hidden)>main{ background-image:url('/assets/civeliq-chat-clouds-exact-r76jm.webp')!important; background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:scroll!important; } html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] :is(.civChatPage,.civChatWorkspace,.civChatStage,.civChatSkyStage,.civChatConversation,.civChatMessages,.civChatConversationHead){ background-color:transparent!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] .civChatMessages{ scroll-behavior:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important; } html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] .civChatMessage{ contain:layout style paint!important;content-visibility:auto!important;contain-intrinsic-size:auto 78px!important; } html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE{ display:grid!important;grid-template-columns:minmax(0,1fr) var(--civ-r76gs-control,42px)!important;grid-template-rows:auto!important; align-items:center!important;gap:6px!important;min-height:56px!important;padding:6px 7px calc(6px + env(safe-area-inset-bottom))!important;overflow:hidden!important; } html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE>.civChatVoicePanelR76FE{ grid-column:1!important;grid-row:1!important;width:100%!important;max-width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important; margin:0!important;padding:4px 6px!important;display:flex!important;align-items:center!important;gap:5px!important;overflow:hidden!important;border-radius:14px!important;box-shadow:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE>.civChatVoicePanelR76FE :is(.civChatVoiceTrashR76FC,.civChatVoicePauseR76FC,.civChatVoiceReadyPlayR76FC){ flex:0 0 30px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;padding:0!important;margin:0!important;border-radius:10px!important;box-shadow:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE>.civChatSendR76DZ, html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] #civChatComposer.civChatVoiceActiveR76FE>.civChatSend{ grid-column:2!important;grid-row:1!important;width:var(--civ-r76gs-control,42px)!important;height:var(--civ-r76gs-control,42px)!important; min-width:var(--civ-r76gs-control,42px)!important;min-height:var(--civ-r76gs-control,42px)!important;max-width:var(--civ-r76gs-control,42px)!important;max-height:var(--civ-r76gs-control,42px)!important; flex:0 0 var(--civ-r76gs-control,42px)!important;margin:0!important;padding:0!important;align-self:center!important;justify-self:center!important; } } /* END R76GS CLOUD PARITY FRAMELESS WEB TABLET APP DEEP STABILITY */ /* CIVELIQ V8.17.359 · R76GT · SMALL SIDEBAR TOGGLE WEB TABLET */ @media (min-width:701px){ html:not(.civeliqMobileApp) body[data-page="chat"].civeliqSendFocusPage #sendFocusToggle, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"].civeliqSendFocusPage #sendFocusToggle{ width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; max-width:32px!important; max-height:32px!important; padding:0!important; border-radius:9px!important; border-width:1px!important; box-shadow:0 4px 12px rgba(23,68,94,.09)!important; } html:not(.civeliqMobileApp) body[data-page="chat"].civeliqSendFocusPage #sendFocusToggle svg, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"].civeliqSendFocusPage #sendFocusToggle svg{ width:18px!important;height:18px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #app.shell:not(.hidden)>main{ padding-bottom:0!important;margin-bottom:0!important;border-bottom:0!important; } } /* END R76GT SMALL SIDEBAR TOGGLE WEB TABLET */ /* CIVELIQ V8.17.360 · R76GU · TABLET CHAT WEB PARITY SEND SAFE */ /* Solo Tablet/iPad. La Web sigue siendo la referencia y no recibe cambios de layout. */ @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"]{ background-color:#9edcff!important; background-image:url('/assets/civeliq-chat-clouds-exact-r76jm.webp')!important; background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #app.shell:not(.hidden)>main{ padding-top:10px!important;padding-bottom:0!important;overflow:hidden!important; background-color:transparent!important;background-image:url('/assets/civeliq-chat-clouds-exact-r76jm.webp')!important; background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #app.shell:not(.hidden)>main>#page{ flex:1 1 auto!important;height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important;background:transparent!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage{ height:100%!important;min-height:0!important;max-height:100%!important;padding:0!important;overflow:hidden!important;background:transparent!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ display:grid!important;grid-template-columns:clamp(218px,29%,286px) minmax(0,1fr)!important; width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-height:100%!important;overflow:hidden!important; background-color:transparent!important;background-image:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListPane{ min-width:0!important;min-height:0!important;height:100%!important;overflow:hidden!important; background:rgba(246,252,255,.56)!important;border-right:1px solid rgba(157,201,224,.42)!important;box-shadow:none!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] :is(.civChatListHead,.civChatSearchBar){ background:rgba(248,253,255,.68)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRail{ min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:transparent!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPerson{background:rgba(250,253,255,.55)!important;} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPerson.active, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPerson[data-current="1"]{background:rgba(225,245,255,.76)!important;} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] :is(.civChatStage,.civChatSkyStage,.civChatConversation,.civChatMessages){ min-width:0!important;min-height:0!important;background-color:transparent!important;background-image:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatStage{ height:100%!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversation{ height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important; display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{ min-height:58px!important;padding:7px 9px!important;background:rgba(248,253,255,.62)!important;border-bottom:1px solid rgba(157,201,224,.38)!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatMessages{ overflow-y:auto!important;overflow-x:hidden!important;padding:12px 9px 8px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ{ width:100%!important;max-width:100%!important;min-width:0!important;min-height:56px!important; display:grid!important;grid-template-columns:auto auto minmax(0,1fr) 42px!important;align-items:center!important;gap:6px!important; padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;margin:0!important;overflow:visible!important; background:rgba(248,253,255,.76)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer .civChatTextWrap{min-width:0!important;max-width:100%!important;} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer > :is(.civChatSend,.civChatSendR76DZ,.civChatSendR76FW,.civChatSendR76FY,.civChatSendR76FZ){ display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important; width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important; position:relative!important;inset:auto!important;transform:none!important;z-index:20!important;pointer-events:auto!important;touch-action:manipulation!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatGlobalBrandR76DZ{ font-size:clamp(27px,3.3vw,34px)!important;gap:9px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatGlobalBrandR76DZ img{ width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important; } } @media (min-width:701px) and (max-width:940px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"]:not(.civeliqSendFocusExpanded) #side, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"]:not(.civeliqSendFocusExpanded) #app.shell:not(.hidden)>aside{ width:190px!important;max-width:190px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"]:not(.civeliqSendFocusExpanded) #app.shell:not(.hidden)>main{ margin-left:190px!important;width:calc(100vw - 190px)!important;max-width:calc(100vw - 190px)!important;padding-left:10px!important;padding-right:10px!important; } } @media (min-width:941px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"]:not(.civeliqSendFocusExpanded) #side, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"]:not(.civeliqSendFocusExpanded) #app.shell:not(.hidden)>aside{ width:205px!important;max-width:205px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"]:not(.civeliqSendFocusExpanded) #app.shell:not(.hidden)>main{ margin-left:205px!important;width:calc(100vw - 205px)!important;max-width:calc(100vw - 205px)!important;padding-left:12px!important;padding-right:12px!important; } } @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body.civeliqSendFocusExpanded[data-page="chat"] #app.shell:not(.hidden)>main{ margin-left:0!important;width:100vw!important;max-width:100vw!important;padding-left:12px!important;padding-right:12px!important; } } @media (max-width:700px){ html.civeliqMobileApp body[data-page="chat"] #civChatRail :is(.civChatRailAvatarWrap,.civChatAvatar), html.civeliqStandalone:not(.civeliqTabletApp) body[data-page="chat"] #civChatRail :is(.civChatRailAvatarWrap,.civChatAvatar){ cursor:pointer!important;touch-action:manipulation!important;pointer-events:auto!important; } } /* END R76GU TABLET CHAT WEB PARITY SEND SAFE */ /* CIVELIQ V8.17.363 · R76GX · APP SEND COLOR LOCK LIGHTWEIGHT */ @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] #civChatComposer > :is(.civChatSend,.civChatSendR76DZ,.civChatSendR76FW,.civChatSendR76FY,.civChatSendR76FZ), html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] #civChatComposer > :is(.civChatSend,.civChatSendR76DZ,.civChatSendR76FW,.civChatSendR76FY,.civChatSendR76FZ):is(:hover,:focus,:focus-visible,:active,:disabled){ -webkit-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important;background:#8fcff2!important;background-color:#8fcff2!important;background-image:none!important;border-color:#78bfe7!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;filter:none!important;visibility:visible!important; } html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] #civChatComposer > :is(.civChatSend,.civChatSendR76DZ,.civChatSendR76FW,.civChatSendR76FY,.civChatSendR76FZ) svg, html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] #civChatComposer > :is(.civChatSend,.civChatSendR76DZ,.civChatSendR76FW,.civChatSendR76FY,.civChatSendR76FZ) svg *{stroke:#fff!important;fill:none!important;color:#fff!important;opacity:1!important} } /* END R76GX APP SEND COLOR LOCK LIGHTWEIGHT */ /* CIVELIQ V8.17.365 · R76GZ · MOBILE CHAT NATIVE SCROLL PARITY */ @media (max-width:700px){ html:is(.civeliqMobileApp,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp) body[data-page="chat"] .civChatPage, html:is(.civeliqMobileApp,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp) body[data-page="chat"] .civChatWorkspace, html:is(.civeliqMobileApp,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp) body[data-page="chat"] .civChatStage, html:is(.civeliqMobileApp,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp) body[data-page="chat"] .civChatConversation{ min-width:0!important;min-height:0!important; } html:is(.civeliqMobileApp,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp) body[data-page="chat"] .civChatRail, html:is(.civeliqMobileApp,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp) body[data-page="chat"] .civChatMessages{ min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important; overscroll-behavior-y:contain!important;scroll-behavior:auto!important; will-change:auto!important; } html:is(.civeliqMobileApp,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp) body[data-page="chat"] .civChatListPane{ min-height:0!important;overflow:hidden!important;touch-action:pan-y!important; } html:is(.civeliqMobileApp,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp) body.civChatThreadOpenR76ET[data-page="chat"] #app main{ overflow:hidden!important;touch-action:auto!important; } html:is(.civeliqMobileApp,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp) body[data-page="chat"] :is(.civChatPerson,.civChatMessage){ -webkit-tap-highlight-color:transparent!important; } } /* END R76GZ MOBILE CHAT NATIVE SCROLL PARITY */ /* CIVELIQ V8.17.367 · R76HB · MOBILE CONVERSATION HEADER WEB PARITY */ @media (max-width:700px){ html:not(.civeliqTabletApp) body[data-page="chat"] .civChatListPane{ display:flex!important;flex-direction:column!important;overflow:hidden!important; } html:not(.civeliqTabletApp) body[data-page="chat"] .civChatListHead{ display:grid!important;grid-template-columns:minmax(0,1fr) auto 38px!important;align-items:center!important; gap:7px!important;width:100%!important;min-height:44px!important;margin:0 0 8px!important;padding:2px 1px 0!important; visibility:visible!important;opacity:1!important;overflow:visible!important;transform:none!important; } html:not(.civeliqTabletApp) body[data-page="chat"] .civChatListTitle{display:block!important;min-width:0!important;visibility:visible!important;opacity:1!important} html:not(.civeliqTabletApp) body[data-page="chat"] .civChatListTitle h2{ display:block!important;margin:0!important;font-size:16px!important;line-height:1.1!important;font-weight:850!important; color:#173d57!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } html:not(.civeliqTabletApp) body[data-page="chat"] .civChatNewMini{ display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important; width:auto!important;min-width:98px!important;max-width:none!important;height:38px!important;min-height:38px!important;padding:0 10px!important;gap:5px!important; border:1px solid #cfe0e9!important;border-radius:12px!important;background:#fff!important;background-image:none!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important;box-shadow:0 3px 10px rgba(18,74,104,.05)!important;touch-action:manipulation!important; } html:not(.civeliqTabletApp) body[data-page="chat"] .civChatNewMini span{display:inline!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important} html:not(.civeliqTabletApp) body[data-page="chat"] .civChatNewMini svg{display:block!important;width:16px!important;height:16px!important;flex:0 0 16px!important;stroke:#17618c!important;fill:none!important} html:not(.civeliqTabletApp) body[data-page="chat"] .civChatListMenuWrap{display:block!important;position:relative!important;width:38px!important;height:38px!important;min-width:38px!important;visibility:visible!important;opacity:1!important;overflow:visible!important} html:not(.civeliqTabletApp) body[data-page="chat"] #civChatListMore{ display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important; width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border:0!important;border-radius:0!important; background:transparent!important;background-image:none!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important;box-shadow:none!important;touch-action:manipulation!important; } html:not(.civeliqTabletApp) body[data-page="chat"] #civChatListMore svg{width:20px!important;height:20px!important;stroke:#17618c!important;fill:#17618c!important} html:not(.civeliqTabletApp) body[data-page="chat"] .civChatSearchBar{flex:0 0 auto!important;margin:0 0 8px!important} html:not(.civeliqTabletApp) body[data-page="chat"] .civChatRail{ flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior-y:auto!important; } } @media (max-width:360px){ html:not(.civeliqTabletApp) body[data-page="chat"] .civChatListHead{grid-template-columns:minmax(0,1fr) auto 34px!important;gap:5px!important} html:not(.civeliqTabletApp) body[data-page="chat"] .civChatListTitle h2{font-size:14px!important} html:not(.civeliqTabletApp) body[data-page="chat"] .civChatNewMini{min-width:88px!important;height:36px!important;min-height:36px!important;padding:0 8px!important} html:not(.civeliqTabletApp) body[data-page="chat"] .civChatNewMini span{font-size:9px!important} html:not(.civeliqTabletApp) body[data-page="chat"] .civChatListMenuWrap, html:not(.civeliqTabletApp) body[data-page="chat"] #civChatListMore{width:34px!important;height:36px!important;min-width:34px!important;min-height:36px!important} } /* END R76HB MOBILE CONVERSATION HEADER WEB PARITY */ /* ===================================================================== CIVELIQ V8.17.368 · R76HC · IOS/ANDROID CHAT TOP HEADER APPROVED ===================================================================== */ /* CIVELIQ_V8_17_368_R76HC_IOS_ANDROID_CHAT_TOP_HEADER */ @media (max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{ min-height:66px!important;padding:9px 11px!important;background:#bfeaff!important;background-color:#bfeaff!important;background-image:none!important; border-bottom:1px solid rgba(53,128,169,.16)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatMobileBack{display:none!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatPeer{max-width:100%!important;min-width:0!important;padding-right:0!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ{ position:fixed!important;top:calc(env(safe-area-inset-top) + 11px)!important;right:8px!important;z-index:995!important; display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;width:auto!important;min-width:0!important;height:42px!important; margin:0!important;padding:0!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>[data-chat-action="search"]{display:none!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatDirectAction, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMore{ width:36px!important;height:40px!important;min-width:36px!important;min-height:40px!important;max-width:36px!important;max-height:40px!important; margin:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;filter:none!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatDirectAction:hover, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMore:hover{ background:transparent!important;border:0!important;box-shadow:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ svg, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMore svg{ width:23px!important;height:23px!important;stroke:#17618c!important;color:#17618c!important;fill:none!important;stroke-width:1.85!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMore svg circle{fill:#17618c!important;stroke:#17618c!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMenu .civChatMobileSearchMenuR76HC{display:flex!important} } @media (min-width:701px){body[data-page="chat"] #civChatHeadMenu .civChatMobileSearchMenuR76HC{display:none!important}} /* END R76HC IOS/ANDROID CHAT TOP HEADER */ /* ===================================================================== CIVELIQ V8.17.370 · R76HE · MOBILE CHAT HEADER ROBUST FIX ===================================================================== */ /* CIVELIQ_V8_17_370_R76HE_MOBILE_CHAT_HEADER_ROBUST */ @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile{ display:flex!important;align-items:center!important;justify-content:space-between!important;position:fixed!important; background:#bfeaff!important;background-color:#bfeaff!important;background-image:none!important; padding-left:10px!important;padding-right:8px!important;overflow:visible!important; } /* CIVELIQ logo + text geometrically centered in the full phone width. */ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile>div{ position:absolute!important;left:50%!important;top:calc(env(safe-area-inset-top) + (var(--civ-mobile-head) / 2))!important; transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important; width:max-content!important;max-width:calc(100% - 190px)!important;margin:0!important;padding:0!important;z-index:1!important; overflow:hidden!important;white-space:nowrap!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #menu{ position:relative!important;z-index:4!important;flex:0 0 42px!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile>.mobileSpacer.civChatMobileTopHostR76HE{ position:relative!important;z-index:5!important;margin-left:auto!important;width:116px!important;min-width:116px!important;max-width:116px!important;height:42px!important; display:flex!important;align-items:center!important;justify-content:flex-end!important;overflow:visible!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE{ position:static!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important; gap:2px!important;width:auto!important;min-width:0!important;height:42px!important;margin:0!important;padding:0!important; background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;overflow:visible!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="search"]{display:none!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatDirectAction, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE #civChatHeadMore{ display:grid!important;place-items:center!important;width:36px!important;height:40px!important;min-width:36px!important;min-height:40px!important;max-width:36px!important; margin:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important; visibility:visible!important;opacity:1!important;pointer-events:auto!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap{position:relative!important;overflow:visible!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE svg{ display:block!important;width:23px!important;height:23px!important;stroke:#17618c!important;color:#17618c!important;fill:none!important;stroke-width:1.85!important;opacity:1!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE #civChatHeadMore svg circle{fill:#17618c!important;stroke:#17618c!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE .civChatHeadMenu{ right:0!important;left:auto!important;top:44px!important;z-index:10020!important; } } /* END R76HE MOBILE CHAT HEADER ROBUST FIX */ /* ===================================================================== CIVELIQ V8.17.372 · R76HG · MOBILE CHAT CLEAN HEADER + FRAMELESS iOS + Android only. - Phone / video / more use exactly the same sky background as topbar. - No white squares, borders or shadows around those icons. - Three-dots forced visible. - Remove the outer Chat frame on mobile. ===================================================================== */ /* CIVELIQ_V8_17_372_R76HG_MOBILE_CHAT_CLEAN */ @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile{ background:#bfeaff!important;background-color:#bfeaff!important;background-image:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile>.mobileSpacer.civChatMobileTopHostR76HE{ width:122px!important;min-width:122px!important;max-width:122px!important;overflow:visible!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE{ width:122px!important;min-width:122px!important;max-width:122px!important;gap:5px!important; background:#bfeaff!important;background-color:#bfeaff!important;background-image:none!important;border:0!important;box-shadow:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="audio"], html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="video"], html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE #civChatHeadMore{ display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important; width:34px!important;height:42px!important;min-width:34px!important;min-height:42px!important;max-width:34px!important; margin:0!important;padding:0!important;background:#bfeaff!important;background-color:#bfeaff!important;background-image:none!important; border:0!important;border-color:transparent!important;border-radius:0!important;outline:0!important;box-shadow:none!important;filter:none!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap{ position:relative!important;overflow:visible!important;background:#bfeaff!important;background-color:#bfeaff!important;border:0!important;box-shadow:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="search"]{display:none!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE svg{ width:23px!important;height:23px!important;stroke:#17618c!important;color:#17618c!important;fill:none!important;opacity:1!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE #civChatHeadMore svg circle{ fill:#17618c!important;stroke:#17618c!important;opacity:1!important; } /* Remove the rounded outer frame visible around the whole mobile chat. */ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatStage{ border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important; } } /* END CIVELIQ_V8_17_372_R76HG_MOBILE_CHAT_CLEAN */ /* ===================================================================== CIVELIQ V8.17.373 · R76HH · MOBILE HEADER + CONTACT ISLAND + WEB/TABLET SEARCH Exact scope requested in this batch: - iOS/Android Chat topbar integrated into the sky: Back | centered CIVELIQ | phone + video + dots. - No boxes, white frames, shadows or blue strip around top actions. - Compact centered contact island: avatar/name/presence in one line, no large outer rectangle. - Web/Tablet conversation search uses the normal CIVELIQ desktop/tablet proportions. ===================================================================== */ /* CIVELIQ_V8_17_373_R76HH_CHAT_HEADER_ISLAND_SEARCH */ @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile{ background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-bottom:0!important;box-shadow:none!important;outline:0!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile>.mobileSpacer.civChatMobileTopHostR76HE{ width:122px!important;min-width:122px!important;max-width:122px!important;height:42px!important; background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;box-shadow:none!important;outline:0!important;overflow:visible!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE{ width:122px!important;min-width:122px!important;max-width:122px!important;gap:5px!important; background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;box-shadow:none!important;outline:0!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatDirectAction, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE #civChatHeadMore, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatDirectAction:is(:hover,:focus,:focus-visible,:active), html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE #civChatHeadMore:is(:hover,:focus,:focus-visible,:active){ display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important; width:34px!important;height:42px!important;min-width:34px!important;min-height:42px!important;max-width:34px!important;max-height:42px!important; margin:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-color:transparent!important;border-radius:0!important;outline:0!important;box-shadow:none!important;filter:none!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap{ position:relative!important;overflow:visible!important;background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="search"]{display:none!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE svg{ display:block!important;width:23px!important;height:23px!important;stroke:#17618c!important;color:#17618c!important;fill:none!important;opacity:1!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE #civChatHeadMore svg circle{ fill:#17618c!important;stroke:#17618c!important;opacity:1!important; } /* Contact identity is an island sized only to its content and centered. */ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{ min-height:52px!important;height:auto!important;padding:6px 10px 4px!important;margin:0!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important; background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-bottom:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead>.civChatPeer.civChatPeerPremium{ flex:0 1 auto!important;width:auto!important;max-width:calc(100vw - 24px)!important;min-width:0!important; margin:0 auto!important;padding:5px 11px 5px 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important; background:rgba(248,252,255,.78)!important;background-image:none!important;border:1px solid rgba(178,214,232,.55)!important; border-radius:999px!important;outline:0!important;box-shadow:0 2px 8px rgba(31,91,121,.035)!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:hidden!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatAvatarBig{ width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important; margin:0!important;font-size:10px!important;border-radius:50%!important;box-shadow:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPeerText{ display:block!important;min-width:0!important;margin:0!important;padding:0!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPeerNameLine{ display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important;white-space:nowrap!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPeerNameLine>b{ max-width:44vw!important;min-width:0!important;margin:0!important;font-size:11.5px!important;line-height:1.15!important;font-weight:850!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPresenceBadge{ display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:39vw!important;min-width:0!important;margin:0!important;padding:0!important; background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important; font-size:8.5px!important;line-height:1.15!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; color:#6f8290!important;-webkit-text-fill-color:#6f8290!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPresenceBadge i{ width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;flex:0 0 7px!important;background:#8ea3b0!important;box-shadow:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPeerCode{display:none!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead>.civChatHeadActionsR76DZ{display:none!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] :is(.civChatWorkspace,.civChatStage){ border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important; } } /* Web and Tablet keep the standard CIVELIQ search field, not the compact/mobile bubble. */ @media(min-width:701px){ body[data-page="chat"] .civChatSearchBar, body[data-page="chat"] .civChatSearchRestored, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatSearchBar, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatSearchRestored{ display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important; min-height:42px!important;height:42px!important;margin:0 0 10px!important;padding:0 12px!important; background:#fff!important;background-color:#fff!important;background-image:none!important; border:1px solid #d2e0e8!important;border-radius:12px!important;box-shadow:0 5px 16px rgba(22,66,93,.05)!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important; } body[data-page="chat"] .civChatSearchBar input, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatSearchBar input{ flex:1 1 auto!important;min-width:0!important;min-height:0!important;height:40px!important;margin:0!important;padding:0!important; background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;font-size:12px!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important; } body[data-page="chat"] .civChatSearchBar svg, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatSearchBar svg{width:18px!important;height:18px!important;flex:0 0 18px!important} } /* END CIVELIQ_V8_17_373_R76HH_CHAT_HEADER_ISLAND_SEARCH */ /* ===================================================================== CIVELIQ V8.17.374 · R76HI · MOBILE SKY TO TOP + HEADER ACTIONS + SEARCH FOCUS ===================================================================== */ /* CIVELIQ_V8_17_374_R76HI_CHAT_TOP_SEARCH_CLEAN */ @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice), html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"], html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app{ background:#bfeaff!important;background-color:#bfeaff!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile{ top:0!important;background:#bfeaff!important;background-color:#bfeaff!important;background-image:none!important; border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE{ display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important; background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="audio"], html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="video"], html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE #civChatHeadMore{ display:grid!important;visibility:visible!important;opacity:1!important;place-items:center!important; background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;filter:none!important; } } @media(min-width:701px){ body[data-page="chat"] .civChatSearchBar, body[data-page="chat"] .civChatSearchBar:hover, body[data-page="chat"] .civChatSearchBar:focus, body[data-page="chat"] .civChatSearchBar:focus-within, body[data-page="chat"] .civChatSearchBar:active{ outline:0!important;border-color:#cfe2ec!important;box-shadow:0 5px 16px rgba(33,90,118,.06)!important; background:rgba(255,255,255,.94)!important;background-image:none!important; } body[data-page="chat"] .civChatSearchBar input, body[data-page="chat"] .civChatSearchBar input:hover, body[data-page="chat"] .civChatSearchBar input:focus, body[data-page="chat"] .civChatSearchBar input:focus-visible, body[data-page="chat"] .civChatSearchBar input:active{ outline:0!important;border:0!important;box-shadow:none!important;background:transparent!important;background-image:none!important; } } /* END CIVELIQ_V8_17_374_R76HI_CHAT_TOP_SEARCH_CLEAN */ /* ===================================================================== CIVELIQ V8.17.375 · R76HJ · CHAT EXACT MOBILE HEADER / ISLAND / SEARCH ===================================================================== */ /* CIVELIQ_V8_17_375_R76HJ_CHAT */ @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice), html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"], html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app{ background:#bfeaff!important;background-color:#bfeaff!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile{ display:grid!important;grid-template-columns:48px minmax(0,1fr) 116px!important;align-items:center!important; top:0!important;padding-left:8px!important;padding-right:8px!important;background:#bfeaff!important;background-color:#bfeaff!important;background-image:none!important; border:0!important;border-bottom:0!important;outline:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile>div:not(.mobileSpacer){ position:absolute!important;left:50%!important;transform:translateX(-50%)!important;justify-self:auto!important;width:max-content!important;max-width:150px!important;overflow:visible!important;z-index:2!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #menu{ justify-self:start!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important; background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .mobileSpacer.civChatMobileTopHostR76HE{ justify-self:end!important;width:116px!important;min-width:116px!important;max-width:116px!important;height:42px!important;padding:0!important;margin:0!important;overflow:visible!important; background:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE{ display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;width:116px!important;min-width:116px!important;max-width:116px!important;height:42px!important;margin:0!important;padding:0!important; background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;filter:none!important;overflow:visible!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="audio"], html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="video"], html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE #civChatHeadMore, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE :is(button,.civChatHeadMenuWrap):is(:hover,:focus,:focus-visible,:active){ position:relative!important;display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important; width:34px!important;height:42px!important;min-width:34px!important;min-height:42px!important;max-width:34px!important;max-height:42px!important; margin:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-color:transparent!important;border-radius:0!important;outline:0!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="search"]{display:none!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE svg{width:22px!important;height:22px!important;display:block!important;stroke:#17618c!important;color:#17618c!important;fill:none!important;opacity:1!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE #civChatHeadMore svg circle{fill:#17618c!important;stroke:#17618c!important} /* La fila completa deja de ser una faja; solo queda la isla central. */ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{ min-height:50px!important;height:auto!important;padding:6px 8px 4px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important; background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;overflow:visible!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead>.civChatPeer.civChatPeerPremium{ flex:0 0 auto!important;width:max-content!important;min-width:0!important;max-width:calc(100vw - 16px)!important;margin:0 auto!important;padding:5px 10px 5px 5px!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:rgba(249,252,255,.82)!important;background-image:none!important; border:1px solid rgba(178,214,232,.58)!important;border-radius:999px!important;outline:0!important;box-shadow:0 2px 7px rgba(31,91,121,.03)!important;overflow:visible!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatAvatarBig{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;margin:0!important;font-size:9px!important;box-shadow:none!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPeerText{display:block!important;min-width:0!important;width:auto!important;max-width:none!important;overflow:visible!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPeerNameLine{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPeerNameLine>b{ display:block!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;font-size:10px!important;line-height:1.15!important;font-weight:850!important;letter-spacing:0!important; white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPresenceBadge{ display:inline-flex!important;align-items:center!important;gap:4px!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important; background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important; font-size:7.5px!important;line-height:1.15!important;font-weight:750!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;color:#6f8290!important;-webkit-text-fill-color:#6f8290!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPresenceBadge i{width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important;flex:0 0 6px!important;background:#8ea3b0!important;box-shadow:none!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPeerCode, html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead>.civChatHeadActionsR76DZ{display:none!important} } /* Web y Tablet: foco limpio del buscador del Chat sin aro/cerco adicional. */ @media(min-width:701px){ body[data-page="chat"] :is(.civChatSearchBar,.civChatSearchRestored), body[data-page="chat"] :is(.civChatSearchBar,.civChatSearchRestored):is(:hover,:focus,:focus-visible,:focus-within,:active){ outline:0!important;background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #d2e0e8!important;border-color:#d2e0e8!important;box-shadow:0 5px 16px rgba(22,66,93,.05)!important; } body[data-page="chat"] .civChatSearchBar input, body[data-page="chat"] .civChatSearchBar input:is(:hover,:focus,:focus-visible,:active), body[data-page="chat"] .civChatSearchBar input:-webkit-autofill, body[data-page="chat"] .civChatSearchBar input:autofill{ outline:0!important;border:0!important;background:#fff!important;background-color:#fff!important;background-image:none!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important; } } /* END CIVELIQ_V8_17_375_R76HJ_CHAT */ /* R76HJ validation hardening: beat legacy :is(...,#civChatComposer) specificity. */ @media(min-width:701px){ html body[data-page="chat"] #app .civChatSearchBar, html body[data-page="chat"] #app .civChatSearchRestored, html body[data-page="chat"] #app .civChatSearchBar:is(:hover,:focus,:focus-visible,:focus-within,:active), html body[data-page="chat"] #app .civChatSearchRestored:is(:hover,:focus,:focus-visible,:focus-within,:active){ background:#fff!important;background-color:#fff!important;background-image:none!important; border:1px solid #d2e0e8!important;border-color:#d2e0e8!important;outline:0!important;box-shadow:0 5px 16px rgba(22,66,93,.05)!important; } html body[data-page="chat"] #app .civChatSearchBar input, html body[data-page="chat"] #app .civChatSearchBar input:is(:hover,:focus,:focus-visible,:active), html body[data-page="chat"] #app .civChatSearchBar input:-webkit-autofill{ background:#fff!important;background-color:#fff!important;background-image:none!important;border:0!important;outline:0!important; box-shadow:0 0 0 1000px #fff inset!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important; } } /* END R76HJ validation hardening */ /* ===================================================================== CIVELIQ V8.17.376 · R76HK · MOBILE CHAT HEADER POSITION FIX Solo Chat móvil: coloca llamada/vídeo/menú en el extremo derecho y sube ligeramente la marca CIVELIQ sin tocar el resto de la pantalla. ===================================================================== */ /* CIVELIQ_V8_17_376_R76HK_MOBILE_HEADER_POSITION */ @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile{ grid-template-columns:48px minmax(0,1fr) 110px!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile>#menu{ grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:start!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile>div:not(.mobileSpacer){ top:calc(env(safe-area-inset-top) + (var(--civ-mobile-head,64px) / 2) - 4px)!important; left:50%!important;transform:translate(-50%,-50%)!important; margin:0!important;align-self:auto!important;justify-self:auto!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .mobile>.mobileSpacer.civChatMobileTopHostR76HE{ grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important; width:110px!important;min-width:110px!important;max-width:110px!important;z-index:3!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE{ justify-content:flex-end!important;gap:2px!important;width:110px!important;min-width:110px!important;max-width:110px!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="audio"], html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>[data-chat-action="video"], html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap{ flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap>#civChatHeadMore{ width:34px!important;min-width:34px!important;max-width:34px!important; } } /* END CIVELIQ_V8_17_376_R76HK_MOBILE_HEADER_POSITION */ /* ===================================================================== CIVELIQ V8.17.381 · R76HP · APP CHAT MOBILE ONLY ===================================================================== */ /* CIVELIQ_V8_17_381_R76HP_APP_CHAT_MOBILE_CSS */ @media (max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatEmoji{pointer-events:auto!important;touch-action:manipulation!important;position:relative!important;z-index:22!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatEmojiPanel:not(.hidden){visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:10080!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMsgMenuR76HP [data-r76hp-action="info"]{color:#17618c!important;-webkit-text-fill-color:#17618c!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMsgMenuR76HP [data-r76hp-action="info"] svg{stroke:#3097c8!important;fill:none!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMessage.theirs>.civChatIncomingPhotoTimeR76HP{ position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:3!important;flex:0 0 auto!important;align-self:flex-end!important; display:flex!important;align-items:center!important;gap:2px!important;margin:0 0 7px -2px!important;padding:3px 7px!important;border-radius:999px!important;background:rgba(10,42,60,.68)!important; color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.14)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatMessage.theirs>.civChatIncomingPhotoTimeR76HP time{font-size:10px!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important} } body:has(> .civChatMessageInfoR76HP){overflow:hidden!important} .civChatMessageInfoR76HP{position:fixed!important;inset:0!important;z-index:2147482000!important;background:#f7f5ef!important;color:#17364d!important;-webkit-text-fill-color:#17364d!important;overflow:auto!important;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important} .civChatMessageInfoR76HP>header{height:72px!important;display:grid!important;grid-template-columns:58px 1fr 58px!important;align-items:center!important;border-bottom:1px solid rgba(46,93,119,.10)!important;background:rgba(255,255,255,.92)!important;position:sticky!important;top:0!important;z-index:4!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important} .civChatMessageInfoR76HP>header b{grid-column:2!important;text-align:center!important;font-size:20px!important;color:#152c3d!important;-webkit-text-fill-color:#152c3d!important} .civChatInfoBackR76HP{grid-column:1!important;width:46px!important;height:46px!important;margin-left:8px!important;border:1px solid #d7e1e7!important;border-radius:50%!important;background:#fff!important;color:#17364d!important;-webkit-text-fill-color:#17364d!important;font-size:38px!important;line-height:38px!important;display:grid!important;place-items:center!important;padding:0 0 5px!important;box-shadow:0 3px 12px rgba(28,58,77,.05)!important} .civChatMessageInfoR76HP>main{padding:34px 16px 30px!important;max-width:760px!important;margin:0 auto!important} .civChatInfoPreviewHostR76HP{min-height:110px!important;display:flex!important;justify-content:flex-end!important;align-items:flex-end!important;padding:8px 0 28px!important} .civChatInfoPreviewR76HP{width:100%!important;margin:0!important;pointer-events:none!important} .civChatInfoPreviewR76HP .civChatMessageCore{max-width:82%!important} .civChatInfoRowsR76HP{overflow:hidden!important;border-radius:24px!important;background:#fff!important;box-shadow:0 1px 0 rgba(28,58,77,.04)!important} .civChatInfoRowR76HP{min-height:84px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;column-gap:8px!important;padding:0 22px!important;border-bottom:1px solid #e4e9ec!important} .civChatInfoRowR76HP:last-child{border-bottom:0!important}.civChatInfoRowR76HP strong{font-size:20px!important;color:#172d3e!important;-webkit-text-fill-color:#172d3e!important}.civChatInfoRowR76HP em{font-style:normal!important;font-size:15px!important;color:#65737d!important;-webkit-text-fill-color:#65737d!important;text-align:right!important;white-space:nowrap!important} .civChatInfoChecksR76HP{font-size:26px!important;letter-spacing:-7px!important;padding-right:7px!important;color:#7f8b91!important;-webkit-text-fill-color:#7f8b91!important}.civChatInfoRowR76HP.isRead.active .civChatInfoChecksR76HP{color:#168cff!important;-webkit-text-fill-color:#168cff!important}.civChatInfoRowR76HP.isDelivered.active .civChatInfoChecksR76HP{color:#75828a!important;-webkit-text-fill-color:#75828a!important} /* END CIVELIQ_V8_17_381_R76HP_APP_CHAT_MOBILE_CSS */ /* ===================================================================== CIVELIQ V8.17.382 · R76HQ · PHOTO TIME MIRROR · WEB / APP / TABLET ===================================================================== */ /* CIVELIQ_V8_17_382_R76HQ_PHOTO_TIME_MIRROR_ALL_PLATFORMS_CSS */ body[data-page="chat"] .civChatMessage.theirs>.civChatIncomingPhotoTimeR76HQ{ position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:3!important; flex:0 0 auto!important;align-self:flex-end!important;display:flex!important;align-items:center!important;gap:2px!important; margin:0 0 7px -2px!important;padding:3px 7px!important;border-radius:999px!important;background:rgba(10,42,60,.68)!important; color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.14)!important; backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important; } body[data-page="chat"] .civChatMessage.theirs>.civChatIncomingPhotoTimeR76HQ time{ font-size:10px!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important; } /* La foto enviada (lado derecho) conserva exactamente su maquetación actual. */ /* END CIVELIQ_V8_17_382_R76HQ_PHOTO_TIME_MIRROR_ALL_PLATFORMS_CSS */ /* ===================================================================== CIVELIQ V8.17.383 · R76HR · PHOTO TIME CORNER + APP EMOJI ===================================================================== */ /* CIVELIQ_V8_17_383_R76HR_CHAT_FIXES_CSS */ /* Recibidas: hora dentro de la foto, esquina inferior IZQUIERDA. El avatar ya vive fuera a la izquierda. */ body[data-page="chat"] .civChatMessage.theirs .civChatMediaMessage>footer.civChatIncomingPhotoTimeR76HR{ position:absolute!important;left:7px!important;right:auto!important;bottom:7px!important;top:auto!important;z-index:5!important; margin:0!important;padding:3px 7px!important;display:flex!important;align-items:center!important;gap:3px!important; border-radius:999px!important;background:rgba(10,42,60,.68)!important;color:#fff!important;-webkit-text-fill-color:#fff!important; box-shadow:0 2px 10px rgba(0,0,0,.16)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important; } body[data-page="chat"] .civChatMessage.theirs .civChatMediaMessage>footer.civChatIncomingPhotoTimeR76HR time, body[data-page="chat"] .civChatMessage.theirs .civChatMediaMessage>footer.civChatIncomingPhotoTimeR76HR span{ color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:10px!important;line-height:1!important; } /* Enviadas: conserva la regla base (esquina inferior derecha) sin cambios. */ @media(max-width:760px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatEmojiPanel:not(.hidden){ display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:10080!important; } } /* END CIVELIQ_V8_17_383_R76HR_CHAT_FIXES_CSS */ /* ===================================================================== CIVELIQ V8.17.384 · R76HS · PRESENCIA + EMOJI APP ===================================================================== */ /* CIVELIQ_V8_17_384_R76HS_PRESENCE_EMOJI_CSS */ /* Web + App + Tablet: fuera de línea siempre rojo. */ body[data-page="chat"] .civChatPresenceBadge.isOffline{background:#fdebec!important;color:#b4232f!important;-webkit-text-fill-color:#b4232f!important;border-color:#f7c8cc!important} body[data-page="chat"] .civChatPresenceBadge.isOffline i, body[data-page="chat"] .civChatOnlineDot.isOffline, body[data-page="chat"] .civChatRailPresence.isOffline{background:#d92d20!important;box-shadow:0 0 0 2px rgba(217,45,32,.12)!important} /* En línea conserva verde. */ body[data-page="chat"] .civChatPresenceBadge.isOnline i, body[data-page="chat"] .civChatOnlineDot.isOnline, body[data-page="chat"] .civChatRailPresence.isOnline{background:#28b76b!important} @media(max-width:699px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatEmojiPanel:not(.hidden){display:flex!important;position:fixed!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:2147483000!important} } /* END CIVELIQ_V8_17_384_R76HS_PRESENCE_EMOJI_CSS */ /* ===================================================================== CIVELIQ V8.17.413 · R76IV · APP EMOJI VISIBLE CSS Solo teléfono App/PWA: superficie real del selector, nunca sombra vacía. ===================================================================== */ /* CIVELIQ_V8_17_413_R76IV_APP_EMOJI_VISIBLE_CSS */ @media(max-width:699px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatEmojiPanel.civChatEmojiVisibleR76IV:not(.hidden){ display:flex!important;flex-direction:column!important;position:fixed!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important; z-index:2147483600!important;box-sizing:border-box!important;background:#fff!important;background-color:#fff!important;background-image:none!important; border:1px solid #d6e4eb!important;border-radius:16px!important;box-shadow:0 18px 52px rgba(18,55,76,.24)!important;overflow:hidden!important; margin:0!important;padding:0!important;transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important;isolation:isolate!important; } html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatEmojiPanel.civChatEmojiVisibleR76IV:not(.hidden)>*{visibility:visible!important;opacity:1!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #civChatEmojiPanel.civChatEmojiVisibleR76IV .civChatEmojiGridR76EM{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;background:#fff!important} } /* END CIVELIQ_V8_17_413_R76IV_APP_EMOJI_VISIBLE_CSS */ /* CIVELIQ_V8_17_414_R76IW_APP_EMOJI_SEARCH_CLOSE_CSS */ @media(max-width:699px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] .civChatEmojiNoResultsR76IW{grid-column:1/-1;padding:26px 8px;text-align:center;color:#6b8290;font-size:14px;font-weight:700} } /* END CIVELIQ_V8_17_414_R76IW_APP_EMOJI_SEARCH_CLOSE_CSS */ /* CIVELIQ_V8_17_415_R76IX_EMOJI_SEARCH_ALL_CSS */ body[data-page="chat"] .civChatEmojiNoResultsR76IW{grid-column:1/-1;padding:26px 8px;text-align:center;color:#6b8290;font-size:14px;font-weight:700} /* END CIVELIQ_V8_17_415_R76IX_EMOJI_SEARCH_ALL_CSS */ /* CIVELIQ_V8_17_417_R76IZ_MISSED_CALL_CHAT_CSS */ .civChatMissedCallEventR76IZ{width:max-content;max-width:min(92%,420px);margin:12px auto;display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:16px;border:1px solid rgba(185,42,52,.18);background:rgba(255,255,255,.86);box-shadow:0 8px 24px rgba(34,55,77,.08);color:#8e2731;pointer-events:none;user-select:none;-webkit-user-select:none} .civChatMissedCallIconR76IZ{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(193,43,54,.10);flex:0 0 30px} .civChatMissedCallIconR76IZ svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .civChatMissedCallTextR76IZ{display:grid;gap:1px;line-height:1.15;text-align:left} .civChatMissedCallTextR76IZ b{font-size:13px;font-weight:800;letter-spacing:.01em} .civChatMissedCallTextR76IZ small{font-size:11px;font-weight:650;color:#707985} .civChatMissedCallEventR76IZ.isVideo .civChatMissedCallIconR76IZ{background:rgba(169,48,66,.11)} @media(max-width:700px){.civChatMissedCallEventR76IZ{max-width:88%;padding:8px 12px;margin:10px auto}.civChatMissedCallIconR76IZ{width:28px;height:28px;flex-basis:28px}.civChatMissedCallTextR76IZ b{font-size:12.5px}.civChatMissedCallTextR76IZ small{font-size:10.5px}} /* END CIVELIQ_V8_17_417_R76IZ_MISSED_CALL_CHAT_CSS */ /* ===================================================================== CIVELIQ V8.17.422 · R76JE · FOTO ESTABLE SIN RECOMPOSICION WEB · TABLET · iOS · ANDROID ===================================================================== */ /* CIVELIQ_V8_17_422_R76JE_CHAT_PHOTO_FIXED_CSS */ body[data-page="chat"] .civChatMediaThumb.isImage>img, body[data-page="chat"] .civChatPhotoOnly.isImage>img, html.civeliqMobileApp body[data-page="chat"] .civChatMediaThumb img, html.civeliqStandalone body[data-page="chat"] .civChatMediaThumb img, html.civeliqTabletApp body[data-page="chat"] .civChatMediaThumb img, html.civeliqTabletDevice body[data-page="chat"] .civChatMediaThumb img{ content-visibility:visible!important; visibility:visible!important; } /* En App la base 418 virtualiza mensajes para ahorrar pintura. Los mensajes con foto quedan fuera de esa virtualización: así una imagen ya decodificada no desaparece del árbol de pintura al salir/entrar del viewport durante scroll. */ @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] .civChatMessage:has(.civChatMediaThumb.isImage), html:is(.civeliqMobileApp,.civeliqStandalone):not(.civeliqTabletApp) body[data-page="chat"] .civChatMessage:has(.civChatMediaThumb[data-media-kind="image"]){ content-visibility:visible!important; contain-intrinsic-size:none!important; } } /* Una foto ya resuelta nunca vuelve al estado visual de descarga. */ body[data-page="chat"] .civChatMediaThumb.isImage.mediaReady>img, body[data-page="chat"] .civChatMediaThumb.isImage>img[data-civeliq-photo-fixed-r76je="1"]{ opacity:1!important; } /* END CIVELIQ_V8_17_422_R76JE_CHAT_PHOTO_FIXED_CSS */ /* ===================================================================== CIVELIQ V8.17.423 · R76JF · VIDEO PREVIEW TIPO CHAT Miniatura real + Play + duración + hora. Web/Tablet/iOS/Android. ===================================================================== */ /* CIVELIQ_V8_17_423_R76JF_MULTIMEDIA_VIDEO_PREVIEW_CSS */ body[data-page="chat"] button.civChatVideoCardR76JF{ position:relative!important;overflow:hidden!important;border-radius:18px!important; background:#d7dee2!important;min-width:min(290px,64vw)!important; } body[data-page="chat"] button.civChatVideoCardR76JF>video{ display:block!important;width:min(390px,65vw)!important;max-width:min(390px,65vw)!important; min-width:min(290px,64vw)!important;max-height:410px!important;aspect-ratio:var(--civ-video-ratio,9/12)!important; object-fit:cover!important;border-radius:18px!important;background:#d7dee2!important; } body[data-page="chat"] button.civChatVideoCardR76JF .civChatVideoPlay{ position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important; width:58px!important;height:58px!important;border-radius:50%!important;background:rgba(250,248,241,.92)!important; color:#5d6265!important;-webkit-text-fill-color:#5d6265!important;display:grid!important;place-items:center!important; font-size:26px!important;line-height:1!important;padding-left:4px!important;box-shadow:0 4px 18px rgba(0,0,0,.12)!important; z-index:5!important;pointer-events:none!important; } body[data-page="chat"] .civChatVideoDurationR76JF{ position:absolute!important;left:10px!important;bottom:9px!important;z-index:6!important;display:flex!important;align-items:center!important;gap:6px!important; color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.72)!important; font-size:13px!important;font-weight:700!important;line-height:1!important;pointer-events:none!important; } body[data-page="chat"] .civChatVideoDurationR76JF.isPending{opacity:0!important} body[data-page="chat"] .civChatVideoDurationR76JF svg{width:20px!important;height:20px!important;fill:#fff!important;stroke:#fff!important;stroke-width:1.7!important} body[data-page="chat"] .civChatVideoDurationR76JF b{color:inherit!important;-webkit-text-fill-color:inherit!important;font:inherit!important} body[data-page="chat"] .civChatMediaMessage:has(.civChatVideoCardR76JF)>footer{right:8px!important;bottom:7px!important;z-index:7!important;background:transparent!important;padding:2px!important;text-shadow:0 1px 4px rgba(0,0,0,.72)!important} body[data-page="chat"] .civChatMediaMessage:has(.civChatVideoCardR76JF)>footer time, body[data-page="chat"] .civChatMediaMessage:has(.civChatVideoCardR76JF)>footer span{color:#fff!important;-webkit-text-fill-color:#fff!important} @media(max-width:700px){ body[data-page="chat"] button.civChatVideoCardR76JF{min-width:min(280px,76vw)!important;max-width:76vw!important} body[data-page="chat"] button.civChatVideoCardR76JF>video{width:76vw!important;max-width:76vw!important;min-width:min(280px,76vw)!important;max-height:58vh!important} body[data-page="chat"] button.civChatVideoCardR76JF .civChatVideoPlay{width:56px!important;height:56px!important;font-size:25px!important} body[data-page="chat"] .civChatVideoDurationR76JF{font-size:12px!important;left:9px!important;bottom:8px!important} } /* END CIVELIQ_V8_17_423_R76JF_MULTIMEDIA_VIDEO_PREVIEW_CSS */ /* CIVELIQ_V8_17_430_R76JM_CHAT_NUBES_EXACTAS_POINTER - SOLO CIVELIQ Chat: nubes exactas de la referencia del usuario. - Inicio conserva su cielo fotográfico original. - Toda fila de conversación usa cursor de acción, nunca cursor de texto. */ body[data-page="chat"] #civChatRail [data-chat-id], body[data-page="chat"] #civChatRail [data-chat-id] *{ cursor:pointer!important; -webkit-user-select:none!important; user-select:none!important; } /* END CIVELIQ_V8_17_430_R76JM_CHAT_NUBES_EXACTAS_POINTER */ /* CIVELIQ_V8_17_431_R76JN_CHAT_SKY_PARITY - Web + Tablet: mismo color base de cielo que iOS/Android (#bfeaff). - Nubes R76JM intactas. Inicio fuera de este cambio. */ @media (min-width:701px){ html body[data-page="chat"]{ background-color:#bfeaff!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"]{ background-color:#bfeaff!important; } } /* END CIVELIQ_V8_17_431_R76JN_CHAT_SKY_PARITY */ /* CIVELIQ_V8_17_432_R76JO_CHAT_SKY_TRUE_APP_PARITY WEB + TABLET ONLY. The App is the visual reference: one #bfeaff sky layer + exact R76JM clouds. Removes old tablet gradients / white wrappers that washed out the sky. Inicio and phone App are outside this rule. */ @media (min-width:701px){ html:not(.civeliqMobileApp) body[data-page="chat"], html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"]{ background:#bfeaff!important; background-color:#bfeaff!important; background-image:none!important; } html:not(.civeliqMobileApp) body[data-page="chat"] #app.shell:not(.hidden), html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #app.shell:not(.hidden){ background:#bfeaff!important; background-color:#bfeaff!important; background-image:none!important; } html:not(.civeliqMobileApp) body[data-page="chat"] #app.shell:not(.hidden)>main, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #app.shell:not(.hidden)>main{ background-color:#bfeaff!important; background-image:url('/assets/civeliq-chat-clouds-exact-r76jm.webp')!important; background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; background-attachment:scroll!important; } html:not(.civeliqMobileApp) body[data-page="chat"] #app.shell:not(.hidden)>main>#page, html:not(.civeliqMobileApp) body[data-page="chat"] :is(.civChatPage,.civChatWorkspace,.civChatStage,.civChatSkyStage,.civChatConversation,.civChatMessages), html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #app.shell:not(.hidden)>main>#page, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] :is(.civChatPage,.civChatWorkspace,.civChatStage,.civChatSkyStage,.civChatConversation,.civChatMessages){ background-color:transparent!important; background-image:none!important; } html:not(.civeliqMobileApp) body[data-page="chat"] :is(.civChatStage,.civChatSkyStage,.civChatConversation,.civChatMessages)::before, html:not(.civeliqMobileApp) body[data-page="chat"] :is(.civChatStage,.civChatSkyStage,.civChatConversation,.civChatMessages)::after, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] :is(.civChatStage,.civChatSkyStage,.civChatConversation,.civChatMessages)::before, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] :is(.civChatStage,.civChatSkyStage,.civChatConversation,.civChatMessages)::after{ content:none!important;display:none!important;background:none!important;filter:none!important;box-shadow:none!important; } } /* END CIVELIQ_V8_17_432_R76JO_CHAT_SKY_TRUE_APP_PARITY */ /* CIVELIQ_V8_17_451_R76KH_APP_CHAT_SEARCH_FOCUS_CLEAN */ @media(max-width:700px){html:is(.civeliqMobileApp,.civeliqAndroidPhoneR76GZ):not(.civeliqTabletApp):not(.civeliqTabletDevice) body[data-page="chat"] #app .civChatSearchBar input:is(:focus,:focus-visible,:active){-webkit-appearance:none!important;appearance:none!important;outline:0!important;outline-offset:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-box-shadow:none!important;background:transparent!important;background-image:none!important;-webkit-tap-highlight-color:transparent!important}} /* ===================================================================== CIVELIQ V8.17.460 · R76KQ · BOTÓN ASSIST UNIFICADO EN CHAT ===================================================================== */ /* CIVELIQ_V8_17_460_R76KQ_CHAT_ASSIST_UNIFIED_CSS */ body[data-page="chat"] .civChatComposerR76DZ{ grid-template-columns:40px 40px 94px minmax(0,1fr) 40px 42px!important; grid-template-areas:"plus emoji assist text mic send"!important; } body[data-page="chat"] .civChatComposerR76DZ>.civChatAssistR76KQ{grid-area:assist!important;align-self:center!important;width:94px!important;min-width:94px!important;height:40px!important;min-height:40px!important;border-radius:12px!important;padding:0 10px!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatAssistR76KQ svg{width:17px!important;height:17px!important} @media(max-width:900px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ{grid-template-columns:38px 38px 88px minmax(0,1fr) 38px 40px!important;grid-template-areas:"plus emoji assist text mic send"!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>.civChatAssistR76KQ{width:88px!important;min-width:88px!important;height:38px!important;min-height:38px!important} } @media(max-width:520px){ body[data-page="chat"] .civChatComposerR76DZ{grid-template-columns:36px 36px 38px minmax(0,1fr) 36px 38px!important;grid-template-areas:"plus emoji assist text mic send"!important;gap:4px!important;padding:6px!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatAssistR76KQ{width:38px!important;min-width:38px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:11px!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatAssistR76KQ span{display:none!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatAssistR76KQ svg{width:18px!important;height:18px!important} } @media(max-width:360px){ body[data-page="chat"] .civChatComposerR76DZ{grid-template-columns:34px 34px 36px minmax(0,1fr) 34px 36px!important;gap:3px!important;padding:5px!important} body[data-page="chat"] .civChatComposerR76DZ>.civChatAssistR76KQ{width:36px!important;min-width:36px!important;height:34px!important;min-height:34px!important} } /* END CIVELIQ_V8_17_460_R76KQ_CHAT_ASSIST_UNIFIED_CSS */ /* CIVELIQ_V8_17_461_R76KR_CHAT_ASSIST_WHITE_TEXT_INHERITED */ /* ===================================================================== CIVELIQ V8.17.464 · R76KU · CHAT ORO + SCROLL + REACCIONES ===================================================================== */ /* CIVELIQ_V8_17_464_R76KU_CHAT_GOLD_SCROLL_REACTIONS */ @media (min-width:701px){ html:not(.civeliqMobileApp) body[data-page="chat"] .civChatWorkspace, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ border:2px solid #d2aa52!important;border-radius:24px!important;overflow:hidden!important; box-shadow:0 16px 38px rgba(126,88,24,.10)!important; } html:not(.civeliqMobileApp) body[data-page="chat"] .civChatListPane, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListPane{ display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important; border-right:1px solid rgba(210,170,82,.72)!important; } html:not(.civeliqMobileApp) body[data-page="chat"] :is(.civChatListHead,.civChatSearchBar), html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] :is(.civChatListHead,.civChatSearchBar){flex:0 0 auto!important} html:not(.civeliqMobileApp) body[data-page="chat"] .civChatRail, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRail{ display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:7px!important;min-height:0!important; overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important; scrollbar-gutter:stable!important;padding-right:3px!important; } html:not(.civeliqMobileApp) body[data-page="chat"] .civChatRail .civChatPerson, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRail .civChatPerson{ flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important; } } body[data-page="chat"] .civChatMsgMenuR76KU{max-width:min(360px,94vw)!important;overflow:visible!important} body[data-page="chat"] .civChatQuickReactR76KU{display:flex!important;align-items:center!important;gap:3px!important;padding:4px 3px 8px!important;margin-bottom:4px!important;border-bottom:1px solid #edf1f4!important;overflow-x:auto!important;scrollbar-width:none!important} body[data-page="chat"] .civChatQuickReactR76KU::-webkit-scrollbar{display:none!important} body[data-page="chat"] .civChatQuickReactR76KU>button{flex:0 0 auto!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;font-size:22px!important;line-height:1!important;display:grid!important;place-items:center!important;color:initial!important;-webkit-text-fill-color:initial!important} body[data-page="chat"] .civChatQuickReactR76KU>button:hover,body[data-page="chat"] .civChatQuickReactR76KU>button:focus-visible{background:#f3f7fa!important;outline:0!important} body[data-page="chat"] .civChatQuickReactR76KU>.civChatReactionMoreR76KU{font-size:25px!important;font-weight:450!important;color:#567386!important;-webkit-text-fill-color:#567386!important;border:1px solid #dce7ed!important;background:#f8fbfc!important} body[data-page="chat"] .civChatReactionPickerR76KU{display:grid!important;grid-template-columns:repeat(7,36px)!important;gap:3px!important;max-height:220px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:7px 4px 5px!important;margin:0 0 5px!important;border-bottom:1px solid #edf1f4!important;overscroll-behavior:contain!important} body[data-page="chat"] .civChatReactionPickerR76KU>button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;font-size:21px!important;display:grid!important;place-items:center!important;color:initial!important;-webkit-text-fill-color:initial!important} body[data-page="chat"] .civChatReactionPickerR76KU>button:hover,body[data-page="chat"] .civChatReactionPickerR76KU>button:focus-visible{background:#eef5f8!important;outline:0!important} body[data-page="chat"] .civChatReactionRow button[title]{cursor:pointer!important} @media(max-width:700px){body[data-page="chat"] .civChatMsgMenuR76KU{width:min(318px,90vw)!important;max-width:90vw!important}body[data-page="chat"] .civChatReactionPickerR76KU{grid-template-columns:repeat(6,36px)!important;max-height:200px!important}} /* END CIVELIQ_V8_17_464_R76KU_CHAT_GOLD_SCROLL_REACTIONS */ /* ===================================================================== CIVELIQ V8.17.467 · R76KX · MARCO CHAT AZUL CORPORATIVO Sustituye exclusivamente el marco oro anterior en Web y Tablet. Conserva grosor, radio, scroll y resto de comportamiento. ===================================================================== */ /* CIVELIQ_V8_17_467_R76KX_CHAT_FRAME_BRAND_BLUE */ @media (min-width:701px){ html:not(.civeliqMobileApp) body[data-page="chat"] .civChatWorkspace, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ border:2px solid #173d57!important; border-radius:24px!important; overflow:hidden!important; box-shadow:0 16px 38px rgba(23,61,87,.10)!important; } html:not(.civeliqMobileApp) body[data-page="chat"] .civChatListPane, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListPane{ border-right:1px solid rgba(23,61,87,.48)!important; } } /* END CIVELIQ_V8_17_467_R76KX_CHAT_FRAME_BRAND_BLUE */ /* CIVELIQ_V8_17_468_R76KY_CHAT_BUTTON_FEEDBACK_ALL */ @media(hover:hover) and (pointer:fine){body[data-page="chat"] button:not(:disabled):hover,body[data-page="chat"] [role="button"]:not([aria-disabled="true"]):hover{filter:brightness(1.045) saturate(1.02)!important}} body[data-page="chat"] button:not(:disabled):active,body[data-page="chat"] [role="button"]:not([aria-disabled="true"]):active{filter:brightness(.94) saturate(.98)!important} /* END CIVELIQ_V8_17_468_R76KY_CHAT_BUTTON_FEEDBACK_ALL */ /* ===================================================================== CIVELIQ V8.17.475 · R76LF · TABLET CHAT = WEB Reaplica al final de cascada la composición Web real. Tablet solo responde al ancho disponible; no usa la variante compacta histórica. ===================================================================== */ /* CIVELIQ_V8_17_475_R76LF_TABLET_CHAT_WEB_PARITY */ @media (min-width:701px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage{ width:100%!important;padding:0!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ display:grid!important;width:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListPane{ min-width:0!important;min-height:0!important;padding:14px 14px 10px!important;overflow:hidden!important; background:rgba(255,255,255,.97)!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListHead{ display:flex!important;align-items:center!important;gap:8px!important;min-height:48px!important; margin:0 0 9px!important;padding:5px 5px 2px!important;width:auto!important; visibility:visible!important;opacity:1!important;overflow:visible!important;transform:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListTitle{min-width:0!important;flex:1 1 auto!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListTitle h2{ margin:0!important;font-size:18px!important;line-height:1.15!important;font-weight:850!important;white-space:nowrap!important; overflow:hidden!important;text-overflow:ellipsis!important;color:#113f63!important;-webkit-text-fill-color:#113f63!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatNewMini{ display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:118px!important;max-width:140px!important; height:42px!important;min-height:42px!important;padding:0 15px!important;gap:7px!important;border-radius:13px!important;font-size:12px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatNewMini span{display:inline!important;font-size:12px!important;white-space:nowrap!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatNewMini svg{width:18px!important;height:18px!important;flex:0 0 18px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] :is(.civChatListMenuWrap,#civChatListMore,.civChatListMore){ width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:13px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] :is(.civChatSearchBar,.civChatSearchRestored){ min-height:48px!important;margin:0 0 12px!important;padding:8px 13px!important;border-radius:18px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatSearchBar input{font-size:inherit!important;min-height:36px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRail{ padding:0 0 16px!important;gap:2px!important;overflow-y:auto!important;overflow-x:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPerson, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPerson.active, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPerson[data-current="1"]{ width:100%!important;max-width:100%!important;min-width:0!important;min-height:72px!important; padding:10px 8px!important;gap:11px!important;border-radius:14px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRailAvatarWrap, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRailAvatarWrap .civChatAvatar, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatRailAvatarWrap img{ width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPersonText b{font-size:12px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPersonText small{font-size:10px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatStage, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversation{ position:relative!important;inset:auto!important;width:auto!important;height:100%!important;min-width:0!important;min-height:0!important; transform:none!important;opacity:1!important;pointer-events:auto!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{ min-height:72px!important;padding:9px 12px!important;gap:8px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatAvatarBig, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatAvatarBig img{ width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeer{gap:11px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeerNameLine>b{max-width:min(34vw,420px)!important;font-size:14px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPresenceBadge{font-size:9px!important;padding:3px 7px!important;gap:5px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeerCode{display:block!important;font-size:9px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>button, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ .civChatDirectAction, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage #civChatHeadMore{ width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatMessages{padding:22px clamp(12px,3vw,34px)!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ{ grid-template-columns:40px 40px 94px minmax(0,1fr) 40px 42px!important;grid-template-areas:"plus emoji assist text mic send"!important; gap:6px!important;padding:7px 9px!important;min-height:72px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>.civChatAssistR76KQ{ width:94px!important;min-width:94px!important;height:40px!important;min-height:40px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatEmojiPanel{ width:min(410px,calc(100vw - 16px))!important;max-height:min(400px,calc(100dvh - 20px))!important; } } @media (min-width:941px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage{height:calc(100dvh - 116px)!important;min-height:610px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{grid-template-columns:360px minmax(0,1fr)!important;height:100%!important} } @media (min-width:701px) and (max-width:940px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage{height:calc(100dvh - 116px)!important;min-height:0!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{grid-template-columns:minmax(280px,35%) minmax(0,1fr)!important;height:100%!important} } /* END CIVELIQ_V8_17_475_R76LF_TABLET_CHAT_WEB_PARITY */ /* CIVELIQ_V8_17_477_R76LH_CHAT_CSS_SYNC */ /* ===================================================================== CIVELIQ V8.17.477 · R76LH · TABLET CHAT WEB EXACT + EMOJI SIN X - Tablet conserva el diseño Web y solo adapta ancho. - Recupera el campo central de escritura y sus áreas de grid. - Sube el marco ligeramente sin alterar la posición inferior. - El selector de emojis no muestra botón X en ninguna superficie. ===================================================================== */ /* CIVELIQ_V8_17_477_R76LH_TABLET_CHAT_WEB_EXACT_EMOJI_NO_X */ body[data-page="chat"] .civChatEmojiCloseR76EP, body[data-page="chat"] .civComposeEmojiCloseR76LA, body[data-page="chat"] [data-emoji-close]{display:none!important} body[data-page="chat"] .civChatEmojiSearchRowR76EM{grid-template-columns:minmax(0,1fr)!important} @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage{ transform:translateY(-10px)!important; height:calc(100dvh - 106px)!important; min-height:0!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ height:100%!important;min-height:0!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversation{ grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto auto!important; min-height:0!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatMessages{ min-height:0!important;overflow-y:auto!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ{ display:grid!important; grid-template-columns:40px 40px 94px minmax(150px,1fr) 40px 42px!important; grid-template-areas:"plus emoji assist text mic send"!important; align-items:center!important;gap:6px!important;padding:7px 9px!important;min-height:72px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>.civChatPlusWrap{grid-area:plus!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>.civChatEmojiWrap{grid-area:emoji!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>.civChatAssistR76KQ{grid-area:assist!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>.civChatTextWrap{ grid-area:text!important;display:flex!important;align-items:center!important;width:100%!important;min-width:0!important; height:auto!important;min-height:42px!important;visibility:visible!important;opacity:1!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>.civChatTextWrap>#civChatText{ display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;min-height:42px!important; visibility:visible!important;opacity:1!important;padding:10px 12px!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>#civChatMic, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>.civChatComposerMic{grid-area:mic!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ>.civChatSendR76DZ{grid-area:send!important} } @media (min-width:701px) and (max-width:940px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerR76DZ{ grid-template-columns:38px 38px 88px minmax(120px,1fr) 38px 40px!important; } } /* END CIVELIQ_V8_17_477_R76LH_TABLET_CHAT_WEB_EXACT_EMOJI_NO_X */ /* CIVELIQ_V8_17_478_R76LI_REALTIME_PREMIUM_CSS · feedback nativo disabled del botón Aceptar; diseño conservado. */ #civChatCallOverlay .civChatAcceptingR76LI{pointer-events:none!important;cursor:wait!important;filter:saturate(.92)!important} /* ===================================================================== CIVELIQ V8.17.479 · R76LJ · TABLET CHAT RESPONSIVE FRAME + COMPOSER Solo Tablet. Header y editor siempre visibles; mensajes ocupan el resto. Corrige el marco superior recortado por el translateY heredado. ===================================================================== */ /* CIVELIQ_V8_17_479_R76LJ_TABLET_CHAT_RESPONSIVE_FRAME_COMPOSER */ @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPage{ transform:none!important; height:var(--civ-chat-tablet-fit-height,calc(100dvh - 116px))!important; max-height:var(--civ-chat-tablet-fit-height,calc(100dvh - 116px))!important; min-height:0!important; padding:0 0 2px!important; overflow:visible!important; box-sizing:border-box!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ height:100%!important;max-height:100%!important;min-height:0!important; box-sizing:border-box!important;overflow:hidden!important; border:2px solid #173d57!important;border-radius:24px!important; grid-template-columns:clamp(250px,32%,360px) minmax(0,1fr)!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatStage{ height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversation{ display:flex!important;flex-direction:column!important; height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPinned, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatTyping, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatComposerContext, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer{ flex:0 0 auto!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{ position:relative!important;top:auto!important;z-index:4!important; visibility:visible!important;opacity:1!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatMessages{ flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important; overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer.civChatComposerR76DZ{ display:grid!important;position:relative!important;bottom:auto!important;z-index:5!important; width:100%!important;max-width:100%!important;min-width:0!important; grid-template-columns:40px 40px 94px minmax(0,1fr) 40px 42px!important; grid-template-areas:"plus emoji assist text mic send"!important; gap:6px!important;padding:7px 9px calc(7px + env(safe-area-inset-bottom))!important; margin:0!important;box-sizing:border-box!important; visibility:visible!important;opacity:1!important;overflow:visible!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer>.civChatTextWrap{ grid-area:text!important;display:flex!important;align-items:center!important; width:100%!important;min-width:0!important;max-width:100%!important; min-height:42px!important;visibility:visible!important;opacity:1!important; background:#fff!important;border:1px solid #d7e3e9!important;border-radius:20px!important; overflow:hidden!important;box-sizing:border-box!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer>.civChatTextWrap>#civChatText{ display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important; min-height:40px!important;max-height:110px!important;padding:9px 42px 9px 13px!important; visibility:visible!important;opacity:1!important;background:transparent!important; color:#1d303d!important;-webkit-text-fill-color:#1d303d!important;resize:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer>.civChatTextWrap>#civChatText::placeholder{ color:#8298a5!important;-webkit-text-fill-color:#8298a5!important;opacity:1!important; } } @media (min-width:701px) and (max-width:940px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatWorkspace{ grid-template-columns:clamp(235px,34%,300px) minmax(0,1fr)!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer.civChatComposerR76DZ{ grid-template-columns:38px 38px 88px minmax(0,1fr) 38px 40px!important; gap:5px!important;padding-left:7px!important;padding-right:7px!important; } } /* END CIVELIQ_V8_17_479_R76LJ_TABLET_CHAT_RESPONSIVE_FRAME_COMPOSER */ /* CIVELIQ_V8_17_484_R76LO_CHAT_PHOTO_FAST_CSS */ .civChatUploadPreviewR76EJ img{image-rendering:auto!important} .civChatMediaThumb.isImage img{content-visibility:auto;contain-intrinsic-size:320px 240px} /* END CIVELIQ_V8_17_484_R76LO_CHAT_PHOTO_FAST_CSS */ /* ===================================================================== CIVELIQ V8.17.489 · R76LT · REACCIONES + PREVIEW MULTIMEDIA Web · Tablet · iOS/iPadOS · Android ===================================================================== */ /* CIVELIQ_V8_17_489_R76LT_CHAT_MEDIA_REACTIONS_CSS */ body[data-page="chat"] .civChatQuickReactR76LT>.civChatReactionMoreR76LT{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:0!important;text-align:center!important} body[data-page="chat"] .civChatQuickReactR76LT>.civChatReactionMoreR76LT svg{display:block!important;width:27px!important;height:27px!important;margin:0!important;stroke:#567386!important;stroke-width:2.1!important;stroke-linecap:round!important;fill:none!important;transform:none!important} body[data-page="chat"] .civChatReactionRowR76LT{display:flex!important;align-items:center!important;gap:5px!important;margin-top:4px!important;overflow:visible!important} body[data-page="chat"] .civChatReactionRowR76LT>button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;height:36px!important;padding:4px 10px!important;border:1px solid #e0e5e8!important;border-radius:18px!important;background:#fff!important;background-image:none!important;box-shadow:0 2px 8px rgba(18,55,76,.10)!important;color:initial!important;-webkit-text-fill-color:initial!important;font-size:22px!important;line-height:1!important} body[data-page="chat"] .civChatReactionRowR76LT>button.mine{border-color:#d4e2e9!important;box-shadow:0 2px 9px rgba(18,55,76,.12)!important} body[data-page="chat"] .civChatReactionRowR76LT .civChatReactionEmojiR76LT{display:block!important;font-size:22px!important;line-height:1!important;color:initial!important;-webkit-text-fill-color:initial!important} body[data-page="chat"] .civChatReactionRowR76LT>button>span:not(.civChatReactionEmojiR76LT){display:none!important} .civChatMediaDraftR76LT{position:fixed!important;inset:0!important;z-index:2147483640!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(9,34,50,.48)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important} .civChatMediaDraftCardR76LT{width:min(760px,96vw)!important;max-height:min(820px,92vh)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#f8fbfc!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(4,30,47,.28)!important} .civChatMediaDraftCardR76LT>header{display:grid!important;grid-template-columns:46px 1fr 46px!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;background:#fff!important;border-bottom:1px solid #e4edf1!important} .civChatMediaDraftCardR76LT>header>div{text-align:center!important;min-width:0!important}.civChatMediaDraftCardR76LT>header b{display:block!important;color:#173d57!important;font-size:17px!important}.civChatMediaDraftCardR76LT>header small{display:block!important;color:#6a8290!important;font-size:12px!important;margin-top:2px!important} .civChatMediaDraftCloseR76LT{grid-column:1!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border:1px solid #d8e5eb!important;border-radius:50%!important;background:#fff!important;color:#173d57!important;-webkit-text-fill-color:#173d57!important;font-size:32px!important;font-weight:300!important;line-height:1!important;display:grid!important;place-items:center!important;padding:0 0 4px!important} .civChatMediaDraftGridR76LT{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:8px!important;padding:12px!important;overflow:auto!important;min-height:190px!important;max-height:min(560px,62vh)!important;background:#edf4f7!important} .civChatMediaDraftItemR76LT{position:relative!important;min-height:180px!important;overflow:hidden!important;border-radius:16px!important;background:#dbe7ec!important;border:1px solid rgba(23,61,87,.08)!important}.civChatMediaDraftItemR76LT img,.civChatMediaDraftItemR76LT video{width:100%!important;height:100%!important;min-height:180px!important;max-height:380px!important;object-fit:cover!important;display:block!important;background:#dce7ec!important}.civChatMediaDraftItemR76LT small{position:absolute!important;left:8px!important;right:8px!important;bottom:7px!important;padding:4px 7px!important;border-radius:9px!important;background:rgba(8,29,43,.64)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important}.civChatMediaDraftPlayR76LT{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:48px!important;height:48px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.88)!important;color:#17618c!important;font-style:normal!important;font-size:20px!important;pointer-events:none!important} .civChatMediaDraftComposerR76LT{display:grid!important;grid-template-columns:minmax(0,1fr) 50px!important;gap:9px!important;align-items:end!important;padding:12px!important;background:#fff!important;border-top:1px solid #e2ebef!important}.civChatMediaDraftComposerR76LT textarea{width:100%!important;min-height:46px!important;max-height:132px!important;resize:none!important;border:1px solid #d2e1e8!important;border-radius:24px!important;background:#fff!important;color:#203f51!important;-webkit-text-fill-color:#203f51!important;padding:12px 16px!important;font:inherit!important;line-height:1.35!important;outline:0!important;box-shadow:none!important}.civChatMediaDraftComposerR76LT textarea:focus{border-color:#79bbda!important;box-shadow:0 0 0 3px rgba(67,157,200,.10)!important}.civChatMediaDraftSendR76LT{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;border:0!important;border-radius:50%!important;background:#7fd0f1!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;display:grid!important;place-items:center!important;padding:0!important}.civChatMediaDraftSendR76LT svg{width:24px!important;height:24px!important;stroke:#fff!important;fill:none!important}.civChatMediaDraftSendR76LT:disabled{opacity:.58!important}.civChatMediaDraftStatusR76LT{min-height:0!important;padding:0 16px 10px!important;background:#fff!important;color:#5c7482!important;font-size:12px!important}.civChatMediaDraftStatusR76LT:empty{display:none!important} @media(max-width:700px){.civChatMediaDraftR76LT{padding:0!important;align-items:stretch!important}.civChatMediaDraftCardR76LT{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important}.civChatMediaDraftGridR76LT{flex:1 1 auto!important;max-height:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.civChatMediaDraftItemR76LT,.civChatMediaDraftItemR76LT img,.civChatMediaDraftItemR76LT video{min-height:150px!important}.civChatMediaDraftComposerR76LT{padding:max(10px,env(safe-area-inset-bottom)) 10px 12px!important}} /* END CIVELIQ_V8_17_489_R76LT_CHAT_MEDIA_REACTIONS_CSS */ /* ===================================================================== CIVELIQ V8.17.490 · R76LU · PREVIEW COMPLETA + CAPTION + REACCIÓN EXACTA ===================================================================== */ /* CIVELIQ_V8_17_490_R76LU_MEDIA_FULL_PREVIEW_CAPTION_CSS */ body[data-page="chat"] .civChatReactionRowR76LU>button{ display:grid!important;place-items:center!important;min-width:48px!important;width:auto!important;height:38px!important; padding:4px 12px!important;border:1px solid rgba(29,67,91,.10)!important;border-radius:999px!important; background:#fff!important;background-image:none!important;box-shadow:0 3px 10px rgba(15,54,78,.13)!important; color:initial!important;-webkit-text-fill-color:initial!important;line-height:1!important;overflow:visible!important } body[data-page="chat"] .civChatReactionRowR76LU>button::before,body[data-page="chat"] .civChatReactionRowR76LU>button::after{content:none!important;display:none!important} body[data-page="chat"] .civChatReactionRowR76LU .civChatReactionEmojiR76LU{display:block!important;font-size:24px!important;line-height:1!important;margin:0!important;padding:0!important} body[data-page="chat"] .civChatReactionMoreR76LU{display:grid!important;place-items:center!important;padding:0!important;text-align:center!important;line-height:0!important} body[data-page="chat"] .civChatReactionMoreR76LU svg{display:block!important;width:28px!important;height:28px!important;margin:auto!important;transform:none!important;transform-origin:center!important} .civChatMediaDraftGridR76LT.isSingleR76LU{ display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important; min-height:0!important;max-height:none!important;padding:14px!important;overflow:auto!important;background:#eef5f8!important } .civChatMediaDraftGridR76LT.isSingleR76LU .civChatMediaDraftItemR76LU{ display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:auto!important; min-height:0!important;max-height:100%!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important } .civChatMediaDraftGridR76LT.isSingleR76LU .civChatMediaDraftItemR76LU img, .civChatMediaDraftGridR76LT.isSingleR76LU .civChatMediaDraftItemR76LU video{ display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:min(64vh,640px)!important; min-height:0!important;object-fit:contain!important;object-position:center!important;background:transparent!important;border-radius:18px!important } .civChatMediaDraftItemR76LU>small,.civChatMediaDraftItemR76LT>small{display:none!important} .civChatMediaDraftGridR76LT.isMultiR76LU .civChatMediaDraftItemR76LU img, .civChatMediaDraftGridR76LT.isMultiR76LU .civChatMediaDraftItemR76LU video{object-fit:contain!important;background:#e4edf1!important} body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LU .civChatBubble{ overflow:hidden!important;border-radius:18px!important;background:#fff!important;background-image:none!important;padding:0!important; border:1px solid rgba(23,61,87,.09)!important;box-shadow:0 2px 9px rgba(18,55,76,.08)!important } body[data-page="chat"] .civChatMessage.mine.civChatMediaCaptionHostR76LU .civChatBubble{background:#f7fbfd!important} body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LU .civChatMediaThumb{ width:auto!important;max-width:min(390px,72vw)!important;border-radius:17px 17px 0 0!important;overflow:hidden!important } body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LU .civChatMediaThumb img, body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LU .civChatMediaThumb video{border-radius:17px 17px 0 0!important} body[data-page="chat"] .civChatMediaCaptionR76LU{ display:block!important;padding:9px 12px 5px!important;color:#203f51!important;-webkit-text-fill-color:#203f51!important; font-size:14px!important;line-height:1.35!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;text-align:left!important } body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LU .civChatBubble>footer{ display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;padding:0 10px 7px!important;margin:0!important } body[data-page="chat"] .civChatCaptionSourceR76LU{display:none!important} @media(max-width:700px){ .civChatMediaDraftGridR76LT.isSingleR76LU{padding:10px!important;grid-template-columns:none!important} .civChatMediaDraftGridR76LT.isSingleR76LU .civChatMediaDraftItemR76LU img, .civChatMediaDraftGridR76LT.isSingleR76LU .civChatMediaDraftItemR76LU video{max-width:100%!important;max-height:calc(100dvh - 210px)!important} body[data-page="chat"] .civChatMediaCaptionR76LU{font-size:15px!important;padding:9px 11px 5px!important} } /* END CIVELIQ_V8_17_490_R76LU_MEDIA_FULL_PREVIEW_CAPTION_CSS */ /* ===================================================================== CIVELIQ V8.17.491 · R76LV · REACCIÓN BLANCA + CAPTION INTEGRADA ===================================================================== */ /* CIVELIQ_V8_17_491_R76LV_CHAT_CAPTION_REACTION_CLEAN_CSS */ body[data-page="chat"] .civChatReactionRowR76LV{display:flex!important;align-items:center!important;gap:5px!important;margin-top:5px!important;overflow:visible!important} body[data-page="chat"] .civChatReactionRowR76LV>button{ display:grid!important;place-items:center!important;min-width:52px!important;width:auto!important;height:44px!important; padding:5px 13px!important;border:1px solid rgba(29,67,91,.08)!important;border-radius:999px!important; background:#fff!important;background-image:none!important;box-shadow:0 3px 10px rgba(15,54,78,.12)!important; color:initial!important;-webkit-text-fill-color:initial!important;line-height:1!important;overflow:visible!important } body[data-page="chat"] .civChatReactionRowR76LV>button.mine{background:#fff!important;border-color:rgba(29,67,91,.08)!important} body[data-page="chat"] .civChatReactionRowR76LV>button::before,body[data-page="chat"] .civChatReactionRowR76LV>button::after{content:none!important;display:none!important} body[data-page="chat"] .civChatReactionRowR76LV .civChatReactionEmojiR76LV{display:block!important;font-size:27px!important;line-height:1!important;margin:0!important;padding:0!important;color:initial!important;-webkit-text-fill-color:initial!important} body[data-page="chat"] .civChatReactionRowR76LV>button>span:not(.civChatReactionEmojiR76LV){display:none!important} body[data-page="chat"] .civChatQuickReactR76LV>.civChatReactionMoreR76LV, body[data-page="chat"] .civChatQuickReactR76LV>.civChatReactionMoreR76LV:hover, body[data-page="chat"] .civChatQuickReactR76LV>.civChatReactionMoreR76LV:focus, body[data-page="chat"] .civChatQuickReactR76LV>.civChatReactionMoreR76LV:focus-visible{ width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important; border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;outline:0!important; display:grid!important;place-items:center!important } body[data-page="chat"] .civChatQuickReactR76LV>.civChatReactionMoreR76LV svg{display:block!important;width:30px!important;height:30px!important;margin:0!important;stroke:#567386!important;stroke-width:2.1!important;fill:none!important;transform:none!important} body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LV .civChatMediaMessage{ overflow:hidden!important;border-radius:18px!important;background:#fff!important;background-image:none!important;padding:0!important; border:1px solid rgba(23,61,87,.08)!important;box-shadow:0 2px 9px rgba(18,55,76,.08)!important } body[data-page="chat"] .civChatMessage.mine.civChatMediaCaptionHostR76LV .civChatMediaMessage{background:#f7fbfd!important} body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LV .civChatMediaMessage>.civChatMediaThumb{border-radius:17px 17px 0 0!important;overflow:hidden!important;margin:0!important} body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LV .civChatMediaMessage>.civChatMediaThumb img, body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LV .civChatMediaMessage>.civChatMediaThumb video{border-radius:17px 17px 0 0!important;display:block!important} body[data-page="chat"] .civChatMediaCaptionR76LV{ display:block!important;padding:10px 13px 6px!important;margin:0!important;background:#fff!important;color:#203f51!important;-webkit-text-fill-color:#203f51!important; font-size:15px!important;line-height:1.35!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;text-align:left!important } body[data-page="chat"] .civChatMessage.mine.civChatMediaCaptionHostR76LV .civChatMediaCaptionR76LV{background:#f7fbfd!important} body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LV .civChatMediaMessage>footer{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;padding:0 10px 7px!important;margin:0!important;background:inherit!important} body[data-page="chat"] .civChatCaptionSourceR76LV{display:none!important} @media(max-width:700px){ body[data-page="chat"] .civChatReactionRowR76LV>button{min-width:50px!important;height:42px!important;padding:4px 12px!important} body[data-page="chat"] .civChatReactionRowR76LV .civChatReactionEmojiR76LV{font-size:26px!important} body[data-page="chat"] .civChatMediaCaptionR76LV{font-size:15px!important;padding:9px 11px 5px!important} } /* END CIVELIQ_V8_17_491_R76LV_CHAT_CAPTION_REACTION_CLEAN_CSS */ /* ===================================================================== CIVELIQ V8.17.492 · R76LW · TANDA CHAT FINAL CSS ===================================================================== */ /* CIVELIQ_V8_17_492_R76LW_CHAT_TANDA_FINAL_CSS */ body[data-page="chat"] .civChatReactionRowR76LW{display:flex!important;align-items:center!important;gap:5px!important;margin-top:5px!important;overflow:visible!important} body[data-page="chat"] .civChatReactionRowR76LW>button{ display:grid!important;place-items:center!important;min-width:52px!important;width:auto!important;height:44px!important; padding:5px 13px!important;border:1px solid rgba(29,67,91,.08)!important;border-radius:999px!important; background:#fff!important;background-image:none!important;box-shadow:0 3px 10px rgba(15,54,78,.12)!important; color:initial!important;-webkit-text-fill-color:initial!important;line-height:1!important;overflow:visible!important } body[data-page="chat"] .civChatReactionRowR76LW .civChatReactionEmojiR76LW{display:block!important;font-size:27px!important;line-height:1!important;margin:0!important;padding:0!important} body[data-page="chat"] .civChatReactionRowR76LW>button>span:not(.civChatReactionEmojiR76LW){display:none!important} body[data-page="chat"] .civChatQuickReactR76LW>.civChatReactionMoreR76LW, body[data-page="chat"] .civChatQuickReactR76LW>.civChatReactionMoreR76LW:is(:hover,:focus,:focus-visible,:active){ width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important; border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;outline:0!important; display:grid!important;place-items:center!important;align-self:center!important;justify-self:center!important;color:#567386!important;-webkit-text-fill-color:#567386!important } body[data-page="chat"] .civChatReactionPlusGlyphR76LW{display:block!important;width:44px!important;height:44px!important;line-height:42px!important;text-align:center!important;font:400 42px/42px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#567386!important;-webkit-text-fill-color:#567386!important;transform:translateY(-1px)!important} body[data-page="chat"] .civChatQuickReactR76LW>.civChatReactionMoreR76LW svg{display:none!important} /* Hora/checks en foto y vídeo: pastilla oscura como antes. */ body[data-page="chat"] .civChatMediaMessage{position:relative!important} body[data-page="chat"] .civChatMediaMessage>footer{ position:absolute!important;right:10px!important;bottom:9px!important;z-index:6!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important; min-height:28px!important;margin:0!important;padding:4px 9px!important;border:0!important;border-radius:999px!important; background:rgba(48,78,96,.88)!important;background-image:none!important;box-shadow:0 2px 7px rgba(10,35,49,.18)!important; color:#fff!important;-webkit-text-fill-color:#fff!important;backdrop-filter:blur(5px)!important } body[data-page="chat"] .civChatMediaMessage>footer time, body[data-page="chat"] .civChatMediaMessage>footer .civChatChecks, body[data-page="chat"] .civChatMediaMessage>footer .civChatEdited, body[data-page="chat"] .civChatMediaMessage>footer .civChatMarkers{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important} /* Si hay comentario integrado, reserva espacio y deja la pastilla abajo a la derecha del mismo bloque. */ body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LV .civChatMediaCaptionR76LV{padding-bottom:38px!important} body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LV .civChatMediaMessage>footer{bottom:7px!important;right:9px!important;background:rgba(48,78,96,.88)!important;padding:4px 9px!important} /* Tablet: cabecera igual que App (teléfono + vídeo + ...), Buscar dentro del menú. */ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatHeadActionsR76DZ>[data-chat-action="search"]{display:none!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatHeadActionsR76DZ>.civChatDirectAction, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatHeadActionsR76DZ>.civChatHeadMenuWrap, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead #civChatHeadMore{display:grid!important;visibility:visible!important;opacity:1!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMenu{ width:min(560px,calc(100vw - 36px))!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important; padding:10px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 20px 54px rgba(18,53,74,.20)!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMenu:not(.hidden){display:grid!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMenu>button{ min-height:58px!important;padding:10px 13px!important;border:1px solid #e0e9ee!important;border-radius:16px!important; background:#fff!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important; color:#185d86!important;-webkit-text-fill-color:#185d86!important;font-size:14px!important;font-weight:760!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMenu>button:hover, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMenu>button:focus-visible{background:#eef7fc!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMenu>button svg{width:22px!important;height:22px!important;min-width:22px!important;stroke:#167fbe!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMenu>button span{font-size:14px!important;line-height:1.2!important} @media(max-width:700px){body[data-page="chat"] .civChatReactionPlusGlyphR76LW{font-size:40px!important}} /* END CIVELIQ_V8_17_492_R76LW_CHAT_TANDA_FINAL_CSS */ /* ===================================================================== CIVELIQ V8.17.493 · R76LX · TABLET HEADER + PRESENCE + CHAT POLISH - Reacciones: blanco, redondeado, sin contador. - +: glifo limpio, centrado y sin recuadro. - Hora multimedia: pastilla oscura. - Caption multimedia: integrado en el mismo bloque. - Preview: foto/vídeo completo, sin nombre de archivo. - Tablet: teléfono + vídeo + … como App; Buscar dentro de … - Tablet: Última conexión conserva el día completo; el nombre cede espacio. ===================================================================== */ /* CIVELIQ_V8_17_493_R76LX_CHAT_TABLET_HEADER_PRESENCE_POLISH_CSS */ body[data-page="chat"] .civChatReactionRowR76LX{ display:flex!important;align-items:center!important;gap:6px!important;margin-top:5px!important;overflow:visible!important } body[data-page="chat"] .civChatReactionRowR76LX>button{ display:grid!important;place-items:center!important;min-width:50px!important;height:42px!important;padding:4px 12px!important; border:1px solid rgba(29,67,91,.08)!important;border-radius:9999px!important;background:#fff!important;background-image:none!important; box-shadow:0 3px 10px rgba(15,54,78,.12)!important;color:initial!important;-webkit-text-fill-color:initial!important;line-height:1!important } body[data-page="chat"] .civChatReactionRowR76LX .civChatReactionEmojiR76LX{ display:block!important;font-size:26px!important;line-height:1!important;margin:0!important;padding:0!important;color:initial!important;-webkit-text-fill-color:initial!important } body[data-page="chat"] .civChatReactionRowR76LX>button>span:not(.civChatReactionEmojiR76LX){display:none!important} body[data-page="chat"] .civChatQuickReactR76LX{align-items:center!important} body[data-page="chat"] .civChatQuickReactR76LX>.civChatReactionMoreR76LX, body[data-page="chat"] .civChatQuickReactR76LX>.civChatReactionMoreR76LX:is(:hover,:focus,:focus-visible,:active){ flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important; margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important; box-shadow:none!important;outline:0!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important; color:#17618c!important;-webkit-text-fill-color:#17618c!important } body[data-page="chat"] .civChatReactionPlusGlyphR76LX{ display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important; margin:0!important;padding:0!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-size:36px!important;font-weight:400!important;line-height:1!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important; transform:none!important;position:static!important } body[data-page="chat"] .civChatQuickReactR76LX>.civChatReactionMoreR76LX svg{display:none!important} /* Pastilla de hora/checks oscura en cualquier foto/vídeo, con o sin caption. */ body[data-page="chat"] .civChatMessage .civChatMediaMessage{position:relative!important} body[data-page="chat"] .civChatMessage .civChatMediaMessage>footer, body[data-page="chat"] .civChatMessage.mine .civChatMediaMessage>footer, body[data-page="chat"] .civChatMessage.theirs>.civChatIncomingPhotoTimeR76HP, body[data-page="chat"] .civChatMessage.theirs>.civChatIncomingPhotoTimeR76HQ, body[data-page="chat"] .civChatMessage.theirs .civChatMediaMessage>footer.civChatIncomingPhotoTimeR76HR{ position:absolute!important;right:10px!important;bottom:9px!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important; gap:4px!important;min-height:28px!important;margin:0!important;padding:4px 9px!important;border:0!important;border-radius:9999px!important; background:rgba(48,78,96,.90)!important;background-image:none!important;box-shadow:0 2px 7px rgba(10,35,49,.20)!important; color:#fff!important;-webkit-text-fill-color:#fff!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important } body[data-page="chat"] .civChatMessage .civChatMediaMessage>footer :is(time,.civChatChecks,.civChatEdited,.civChatMarkers), body[data-page="chat"] .civChatMessage.theirs>:is(.civChatIncomingPhotoTimeR76HP,.civChatIncomingPhotoTimeR76HQ) :is(time,span){ color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important } body[data-page="chat"] .civChatMessage.civChatMediaCaptionHostR76LX .civChatMediaCaptionR76LX{ display:block!important;margin:0!important;padding:10px 13px 39px!important;background:#fff!important;color:#203f51!important;-webkit-text-fill-color:#203f51!important; font-size:15px!important;line-height:1.35!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;text-align:left!important } body[data-page="chat"] .civChatMessage.mine.civChatMediaCaptionHostR76LX .civChatMediaCaptionR76LX{background:#f7fbfd!important} body[data-page="chat"] .civChatCaptionSourceR76LX{display:none!important} /* Preview: contenido completo y ninguna pastilla/nombre de archivo. */ body[data-page="chat"] .civChatMediaDraftGridR76LT.isSingleR76LU .civChatMediaDraftItemR76LU :is(img,video){ width:auto!important;height:auto!important;max-width:100%!important;max-height:min(68vh,700px)!important;min-height:0!important; object-fit:contain!important;object-position:center!important;background:transparent!important } body[data-page="chat"] .civChatMediaDraftItemR76LT>small, body[data-page="chat"] .civChatMediaDraftItemR76LU>small{display:none!important} /* Tablet: el nombre es quien cede espacio; Última conexión nunca corta el día. */ @media (min-width:701px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{ display:flex!important;align-items:center!important;gap:10px!important;overflow:visible!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead>.civChatPeer.civChatPeerPremium{ flex:1 1 0!important;min-width:0!important;max-width:none!important;overflow:visible!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeerText{ flex:1 1 auto!important;min-width:0!important;max-width:none!important;overflow:visible!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeerNameLine{ display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeerNameLine>b{ flex:1 1 auto!important;min-width:52px!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPresenceBadge, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPresenceBadge.isOffline, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPresenceBadge.isOnline{ flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important; white-space:nowrap!important;font-size:9px!important;padding:3px 7px!important;gap:5px!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatPresenceText{ display:inline!important;width:auto!important;min-width:max-content!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatPeerCode{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} /* Cabecera exactamente como App: teléfono + vídeo + tres puntos, sin cajas. */ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ{ flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important; width:auto!important;min-width:0!important;max-width:none!important;margin-left:8px!important;padding:0!important;overflow:visible!important; background:transparent!important;border:0!important;box-shadow:none!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>[data-chat-action="search"]{display:none!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatDirectAction, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ #civChatHeadMore{ flex:0 0 42px!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important; margin:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;filter:none!important;color:#17618c!important;-webkit-text-fill-color:#17618c!important; visibility:visible!important;opacity:1!important;overflow:visible!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ>.civChatHeadMenuWrap{position:relative!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ :is(.civChatDirectAction,#civChatHeadMore) svg{ display:block!important;width:29px!important;height:29px!important;margin:0!important;stroke:#17618c!important;color:#17618c!important;fill:none!important; stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ #civChatHeadMore svg circle{ fill:#17618c!important;stroke:#17618c!important } /* El menú de los tres puntos conserva el patrón App de dos columnas. */ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatHeadMenu:not(.hidden){ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(560px,calc(100vw - 36px))!important } } /* END CIVELIQ_V8_17_493_R76LX_CHAT_TABLET_HEADER_PRESENCE_POLISH_CSS */ /* ===================================================================== CIVELIQ V8.17.494 · R76LY · TABLET ATTACHMENTS + HEADER FIT ===================================================================== */ /* CIVELIQ_V8_17_494_R76LY_TABLET_ATTACH_WEB_VERIFY_HEADER_FIX_CSS */ body[data-page="chat"] .civChatPersistentPickerR76LY{ position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important; opacity:.001!important;z-index:-1!important;pointer-events:none!important } @media (min-width:701px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead.civChatTabletHeaderFitR76LY{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:12px!important; width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;box-sizing:border-box!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead.civChatTabletHeaderFitR76LY>.civChatPeer.civChatTabletPeerFitR76LY{ grid-column:1!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatTabletPeerFitR76LY .civChatPeerText{ width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatTabletPeerFitR76LY .civChatPeerNameLine{ display:grid!important;grid-template-columns:minmax(48px,1fr) max-content!important;align-items:center!important;gap:7px!important; width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatTabletPeerFitR76LY .civChatPeerNameLine>b{ min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatTabletPeerFitR76LY .civChatPresenceBadge, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatTabletPeerFitR76LY #civChatPresenceText{ width:max-content!important;min-width:max-content!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatHeadActionsR76DZ.civChatTabletActionsFitR76LY{ grid-column:2!important;position:relative!important;z-index:3!important;flex:0 0 auto!important;width:max-content!important;min-width:max-content!important; margin:0!important;padding:0!important;align-self:center!important;justify-self:end!important;background:transparent!important } } /* END CIVELIQ_V8_17_494_R76LY_TABLET_ATTACH_WEB_VERIFY_HEADER_FIX_CSS */ /* ===================================================================== CIVELIQ V8.17.501 · R76MF · CHAT VISUAL SAFE Cambios pedidos únicamente en el flujo de conversación: - sin avatares dentro de mensajes; - recibidos izquierda dorado claro; - enviados derecha blanco; - viñetas redondeadas tipo referencia. Hora/checks, fotos comentadas y reacciones usan la lógica/markup ya validado de R76LX/R76LY, sin añadir observers ni re-renderizadores. ===================================================================== */ /* CIVELIQ_V8_17_501_R76MF_CHAT_VISUAL_SAFE_CSS */ body[data-page="chat"] #civChatMessages .civChatMessageAvatar{display:none!important} body[data-page="chat"] #civChatMessages .civChatMessage{gap:0!important} body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatBubble, body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatFrame{ background:#fff5df!important;background-image:none!important;border-color:#ead7aa!important; border-radius:17px 17px 17px 5px!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatBubble, body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatFrame{ background:#fff!important;background-image:none!important;border-color:#dce7ec!important; border-radius:17px 17px 5px 17px!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatBubble, body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrame{ box-shadow:0 1px 2px rgba(24,56,75,.10)!important } /* Fotos/vídeos comentados: conserva el bloque R76LX y aplica el color del lado. */ body[data-page="chat"] #civChatMessages .civChatMessage.theirs.civChatMediaCaptionHostR76LX .civChatMediaCaptionR76LX{ background:#fff5df!important;background-image:none!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine.civChatMediaCaptionHostR76LX .civChatMediaCaptionR76LX{ background:#fff!important;background-image:none!important } @media(max-width:700px){ body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatBubble, body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatFrame{border-radius:16px 16px 16px 5px!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatBubble, body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatFrame{border-radius:16px 16px 5px 16px!important} } /* END CIVELIQ_V8_17_501_R76MF_CHAT_VISUAL_SAFE_CSS */ /* ===================================================================== CIVELIQ V8.17.501 · R76MF · CHAT REFERENCE VISUAL FINAL SAFE Visual solicitada sobre runtime R76MB estable: - sin avatares dentro del flujo; - recibidos a la izquierda en dorado claro CIVELIQ; - enviados a la derecha en blanco; - hora/checks integrados; - fotos/vídeos comentados como una sola viñeta; - reacciones en pastilla blanca, sin contador; - misma apariencia Web · Tablet · iOS · Android. No añade observers, timers ni re-renderizadores. ===================================================================== */ /* CIVELIQ_V8_17_501_R76MF_CHAT_REACTION_OPTIMISTIC_COLORS_TAIL_APP_FIX */ /* Flujo limpio: sin avatar dentro de cada mensaje. */ body[data-page="chat"] #civChatMessages .civChatMessageAvatar{ display:none!important;width:0!important;height:0!important;min-width:0!important;margin:0!important;padding:0!important } body[data-page="chat"] #civChatMessages .civChatMessage{ width:100%!important;display:flex!important;align-items:flex-end!important;gap:0!important; margin:6px 0!important;padding:0!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs{justify-content:flex-start!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine{justify-content:flex-end!important} body[data-page="chat"] #civChatMessages .civChatMessageCore{ position:relative!important;display:flex!important;align-items:flex-end!important;gap:4px!important; width:auto!important;max-width:min(72%,720px)!important;min-width:0!important;padding:0!important; background:transparent!important;border:0!important;box-shadow:none!important } body[data-page="chat"] #civChatMessages .civChatFrameHost{min-width:0!important;max-width:100%!important} /* Viñeta de texto: misma geometría que la referencia. */ body[data-page="chat"] #civChatMessages .civChatBubble{ position:relative!important;width:auto!important;max-width:100%!important;min-width:72px!important; padding:10px 13px 7px!important;border:1px solid transparent!important; border-radius:19px!important;background-image:none!important; color:#172f41!important;-webkit-text-fill-color:#172f41!important; box-shadow:0 1px 2px rgba(22,52,70,.12)!important; font-size:15px!important;line-height:1.36!important;overflow:visible!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatBubble{ background:#fff2d3!important;background-image:none!important;border-color:#ecd8a8!important; border-radius:19px 19px 19px 6px!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatBubble{ background:#fff!important;background-image:none!important;border-color:#dbe5ea!important; border-radius:19px 19px 6px 19px!important } /* Cola pequeña de viñeta, integrada en el color de cada lado. */ body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatBubble::after{ content:""!important;position:absolute!important;left:-6px!important;bottom:0!important;width:14px!important;height:13px!important; background:#fff2d3!important;clip-path:polygon(100% 0,100% 100%,0 100%)!important;pointer-events:none!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatBubble::after{ content:""!important;position:absolute!important;right:-6px!important;bottom:0!important;width:14px!important;height:13px!important; background:#fff!important;clip-path:polygon(0 0,100% 100%,0 100%)!important;pointer-events:none!important } body[data-page="chat"] #civChatMessages .civChatBubble .civChatTextBody{ color:#172f41!important;-webkit-text-fill-color:#172f41!important;font-size:15px!important;line-height:1.36!important } body[data-page="chat"] #civChatMessages .civChatBubble footer{ display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important; min-height:14px!important;margin:3px 0 0!important;padding:0!important;background:transparent!important;border:0!important } body[data-page="chat"] #civChatMessages .civChatBubble footer time, body[data-page="chat"] #civChatMessages .civChatBubble .civChatEdited{ font-size:10px!important;line-height:1!important;color:#71818b!important;-webkit-text-fill-color:#71818b!important } body[data-page="chat"] #civChatMessages .civChatChecks{ font-size:13px!important;line-height:1!important;letter-spacing:-3px!important;color:#748995!important;-webkit-text-fill-color:#748995!important; transform:translateY(-.5px)!important } body[data-page="chat"] #civChatMessages .civChatChecks.read{ color:#168cff!important;-webkit-text-fill-color:#168cff!important;text-shadow:none!important } /* Separadores de fecha como pastilla blanca de la referencia. */ body[data-page="chat"] #civChatMessages .civChatDay{margin:9px 0 16px!important} body[data-page="chat"] #civChatMessages .civChatDay span{ min-width:112px!important;padding:5px 14px!important;border:1px solid #e2e7e9!important;border-radius:999px!important; background:#fff!important;background-image:none!important;box-shadow:0 1px 2px rgba(24,55,72,.08)!important; color:#253743!important;-webkit-text-fill-color:#253743!important;font-size:12px!important;font-weight:700!important; letter-spacing:0!important;text-transform:none!important;text-align:center!important } /* Fotos/vídeos comentados: imagen + comentario + hora/checks en un solo bloque. */ body[data-page="chat"] #civChatMessages .civChatMessage .civChatMediaMessage{ position:relative!important;display:block!important;width:max-content!important;max-width:min(390px,68vw)!important; padding:4px 4px 6px!important;border:1px solid transparent!important;overflow:visible!important; box-shadow:0 1px 2px rgba(22,52,70,.12)!important;background-image:none!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatMediaMessage{ background:#fff2d3!important;border-color:#ecd8a8!important;border-radius:19px 19px 19px 6px!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatMediaMessage{ background:#fff!important;border-color:#dbe5ea!important;border-radius:19px 19px 6px 19px!important } body[data-page="chat"] #civChatMessages .civChatMediaMessage>.civChatMediaThumb, body[data-page="chat"] #civChatMessages .civChatMediaMessage>.civChatMediaThumb:is(:hover,:focus,:active){ display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important; background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;outline:0!important; overflow:hidden!important;border-radius:15px 15px 4px 4px!important } body[data-page="chat"] #civChatMessages .civChatMediaMessage>.civChatMediaThumb :is(img,video){ display:block!important;width:auto!important;max-width:min(382px,67vw)!important;height:auto!important;max-height:410px!important; object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important; border-radius:15px 15px 4px 4px!important;background:transparent!important } body[data-page="chat"] #civChatMessages .civChatMessage.civChatMediaCaptionHostR76LX .civChatMediaCaptionR76LX, body[data-page="chat"] #civChatMessages .civChatMessage.civChatMediaCaptionHostR76LV .civChatMediaCaptionR76LV{ display:block!important;margin:0!important;padding:9px 10px 32px!important;background:transparent!important;background-image:none!important; color:#172f41!important;-webkit-text-fill-color:#172f41!important;font-size:14px!important;line-height:1.32!important; white-space:pre-wrap!important;overflow-wrap:anywhere!important;text-align:left!important } /* Hora/checks sobre foto/vídeo: se conserva la pastilla oscura pedida previamente. */ body[data-page="chat"] #civChatMessages .civChatMediaMessage>footer, body[data-page="chat"] #civChatMessages .civChatMessage.theirs>.civChatIncomingPhotoTimeR76HP, body[data-page="chat"] #civChatMessages .civChatMessage.theirs>.civChatIncomingPhotoTimeR76HQ, body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatMediaMessage>footer.civChatIncomingPhotoTimeR76HR{ position:absolute!important;right:9px!important;bottom:8px!important;z-index:20!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important; min-height:24px!important;margin:0!important;padding:3px 8px!important;border:0!important;border-radius:999px!important; background:rgba(44,65,78,.88)!important;background-image:none!important;box-shadow:0 1px 4px rgba(10,31,43,.16)!important; color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important } body[data-page="chat"] #civChatMessages .civChatMediaMessage>footer :is(time,.civChatChecks,.civChatEdited,.civChatMarkers), body[data-page="chat"] #civChatMessages .civChatMessage.theirs>:is(.civChatIncomingPhotoTimeR76HP,.civChatIncomingPhotoTimeR76HQ) :is(time,span){ color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important } body[data-page="chat"] #civChatMessages .civChatMediaMessage>footer .civChatChecks.read{ color:#42adff!important;-webkit-text-fill-color:#42adff!important } /* Reacciones exactamente en pastilla blanca limpia, pegadas al mensaje y sin contador. */ body[data-page="chat"] #civChatMessages .civChatReactionRowR76LX, body[data-page="chat"] #civChatMessages .civChatReactionRowR76LW, body[data-page="chat"] #civChatMessages .civChatReactionRowR76LV, body[data-page="chat"] #civChatMessages .civChatReactionRowR76LT{ display:flex!important;align-items:center!important;gap:5px!important;width:max-content!important; margin-top:3px!important;overflow:visible!important } body[data-page="chat"] #civChatMessages .civChatReactionRowR76LX>button, body[data-page="chat"] #civChatMessages .civChatReactionRowR76LW>button, body[data-page="chat"] #civChatMessages .civChatReactionRowR76LV>button, body[data-page="chat"] #civChatMessages .civChatReactionRowR76LT>button{ display:grid!important;place-items:center!important;min-width:48px!important;height:38px!important;padding:3px 11px!important; border:1px solid #e2e6e8!important;border-radius:999px!important;background:#fff!important;background-image:none!important; box-shadow:0 2px 7px rgba(25,52,68,.13)!important;color:initial!important;-webkit-text-fill-color:initial!important;line-height:1!important } body[data-page="chat"] #civChatMessages .civChatReactionRowR76LX>button>span:not(.civChatReactionEmojiR76LX), body[data-page="chat"] #civChatMessages .civChatReactionRowR76LW>button>span:not(.civChatReactionEmojiR76LW), body[data-page="chat"] #civChatMessages .civChatReactionRowR76LV>button>span:not(.civChatReactionEmojiR76LV), body[data-page="chat"] #civChatMessages .civChatReactionRowR76LT>button>span:not(.civChatReactionEmojiR76LT){display:none!important} body[data-page="chat"] #civChatMessages :is(.civChatReactionEmojiR76LX,.civChatReactionEmojiR76LW,.civChatReactionEmojiR76LV,.civChatReactionEmojiR76LT){ display:block!important;font-size:25px!important;line-height:1!important;margin:0!important;padding:0!important;color:initial!important;-webkit-text-fill-color:initial!important } /* Documentos/voz respetan el color de cada lado, sin tocar su comportamiento. */ body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatFileCard,.civChatVoiceR76FC,.civChatVoiceR76FE,.civChatVoiceR76FB){ background:#fff2d3!important;background-image:none!important;border-color:#ecd8a8!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatFileCard,.civChatVoiceR76FC,.civChatVoiceR76FE,.civChatVoiceR76FB){ background:#fff!important;background-image:none!important;border-color:#dbe5ea!important } @media (min-width:701px) and (max-width:1366px){ body[data-page="chat"] #civChatMessages .civChatMessageCore{max-width:78%!important} body[data-page="chat"] #civChatMessages .civChatBubble{font-size:14px!important} } @media (max-width:700px){ body[data-page="chat"] #civChatMessages{padding-left:10px!important;padding-right:10px!important} body[data-page="chat"] #civChatMessages .civChatMessage{margin:5px 0!important} body[data-page="chat"] #civChatMessages .civChatMessageCore{max-width:84%!important} body[data-page="chat"] #civChatMessages .civChatBubble{padding:9px 11px 6px!important;border-radius:18px!important;font-size:14px!important} body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatBubble{border-radius:18px 18px 18px 5px!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatBubble{border-radius:18px 18px 5px 18px!important} body[data-page="chat"] #civChatMessages .civChatBubble .civChatTextBody{font-size:14px!important} body[data-page="chat"] #civChatMessages .civChatDay span{min-width:96px!important;font-size:11px!important;padding:5px 12px!important} body[data-page="chat"] #civChatMessages .civChatMessage .civChatMediaMessage{max-width:78vw!important} body[data-page="chat"] #civChatMessages .civChatMediaMessage>.civChatMediaThumb :is(img,video){max-width:calc(78vw - 8px)!important;max-height:48vh!important} body[data-page="chat"] #civChatMessages .civChatMessage.civChatMediaCaptionHostR76LX .civChatMediaCaptionR76LX, body[data-page="chat"] #civChatMessages .civChatMessage.civChatMediaCaptionHostR76LV .civChatMediaCaptionR76LV{font-size:13px!important;padding:8px 9px 31px!important} body[data-page="chat"] #civChatMessages .civChatReactionRowR76LX>button, body[data-page="chat"] #civChatMessages .civChatReactionRowR76LW>button, body[data-page="chat"] #civChatMessages .civChatReactionRowR76LV>button, body[data-page="chat"] #civChatMessages .civChatReactionRowR76LT>button{min-width:44px!important;height:36px!important;padding:3px 10px!important} } /* END CIVELIQ_V8_17_501_R76MF_CHAT_REACTION_OPTIMISTIC_COLORS_TAIL_APP_FIX */ /* R76MF reaction placement: the white pill hangs from the bubble, never enlarges it. */ body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LX), body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LW), body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LV), body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LT){margin-bottom:23px!important} body[data-page="chat"] #civChatMessages .civChatBubble>.civChatReactionRowR76LX, body[data-page="chat"] #civChatMessages .civChatBubble>.civChatReactionRowR76LW, body[data-page="chat"] #civChatMessages .civChatBubble>.civChatReactionRowR76LV, body[data-page="chat"] #civChatMessages .civChatBubble>.civChatReactionRowR76LT, body[data-page="chat"] #civChatMessages .civChatMediaMessage>.civChatReactionRowR76LX, body[data-page="chat"] #civChatMessages .civChatMediaMessage>.civChatReactionRowR76LW, body[data-page="chat"] #civChatMessages .civChatMediaMessage>.civChatReactionRowR76LV, body[data-page="chat"] #civChatMessages .civChatMediaMessage>.civChatReactionRowR76LT{ position:absolute!important;bottom:-20px!important;z-index:30!important;margin:0!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LX, body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LW, body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LV, body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LT{left:10px!important;right:auto!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LX, body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LW, body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LV, body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LT{right:10px!important;left:auto!important} /* END R76MF reaction placement */ /* R76MF final reaction alignment: under the left side of the bubble, clear of hour/checks. */ body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LX, body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LW, body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LV, body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatMediaMessage)>.civChatReactionRowR76LT{left:10px!important;right:auto!important} /* END R76MF final reaction alignment */ /* R76MF exact CIVELIQ gold retained from the approved previous Chat. */ body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatBubble, body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatMediaMessage{ background:#fff5df!important;background-image:linear-gradient(135deg,#fffaf0,#f8e9c9)!important;border-color:#ead7aa!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatBubble::after{background:#f8e9c9!important} body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatFileCard,.civChatVoiceR76FC,.civChatVoiceR76FE,.civChatVoiceR76FB){ background:#fff5df!important;background-image:linear-gradient(135deg,#fffaf0,#f8e9c9)!important;border-color:#ead7aa!important } /* END R76MF exact CIVELIQ gold */ /* ===================================================================== CIVELIQ V8.17.501 · R76MF · CHAT TIME/CHECKS REFERENCE FIX SOLO VISUAL: - elimina la barra/pastilla oscura de hora en foto/vídeo; - hora + checks quedan integrados abajo a la derecha como en el boceto; - aplica a Web · Tablet · iOS · Android; - no modifica runtime, mensajes, adjuntos, llamadas ni realtime. ===================================================================== */ /* CIVELIQ_V8_17_501_R76MF_CHAT_REACTION_OPTIMISTIC_COLORS_TAIL_APP_FIX */ /* Mensajes normales: hora y checks compactos, dentro de la viñeta. */ body[data-page="chat"] #civChatMessages .civChatBubble>footer{ position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important; width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:12px!important; margin:3px 0 0!important;padding:0!important;gap:3px!important; border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important; box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important } body[data-page="chat"] #civChatMessages .civChatBubble>footer time{ display:inline!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important; font-size:10px!important;line-height:1!important;font-weight:500!important; color:#75858f!important;-webkit-text-fill-color:#75858f!important;text-shadow:none!important } body[data-page="chat"] #civChatMessages .civChatBubble>footer .civChatChecks{ display:inline-block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important; font-size:13px!important;line-height:10px!important;letter-spacing:-3px!important;font-weight:700!important; color:#748995!important;-webkit-text-fill-color:#748995!important;text-shadow:none!important;transform:translateY(-1px)!important } body[data-page="chat"] #civChatMessages .civChatBubble>footer .civChatChecks.read{ color:#168cff!important;-webkit-text-fill-color:#168cff!important } /* Multimedia: NUNCA barra/pastilla. El footer forma parte del mismo bloque. */ body[data-page="chat"] #civChatMessages .civChatMessage .civChatMediaMessage>footer, body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatMediaMessage>footer, body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatMediaMessage>footer, body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatMediaMessage>footer.civChatIncomingPhotoTimeR76HR, body[data-page="chat"] #civChatMessages .civChatMessage.theirs>footer.civChatIncomingPhotoTimeR76HP, body[data-page="chat"] #civChatMessages .civChatMessage.theirs>footer.civChatIncomingPhotoTimeR76HQ{ position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important; float:none!important;clear:none!important;z-index:auto!important; display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important; width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:12px!important; box-sizing:border-box!important;margin:0!important;padding:1px 10px 7px!important; border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important; box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; color:#75858f!important;-webkit-text-fill-color:#75858f!important;text-shadow:none!important;transform:none!important } body[data-page="chat"] #civChatMessages .civChatMediaMessage>footer :is(time,.civChatEdited,.civChatMarkers), body[data-page="chat"] #civChatMessages .civChatMessage.theirs>:is(.civChatIncomingPhotoTimeR76HP,.civChatIncomingPhotoTimeR76HQ) :is(time,span){ display:inline!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important; font-size:10px!important;line-height:1!important;font-weight:500!important; color:#75858f!important;-webkit-text-fill-color:#75858f!important;opacity:1!important;text-shadow:none!important } body[data-page="chat"] #civChatMessages .civChatMediaMessage>footer .civChatChecks{ display:inline-block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important; font-size:13px!important;line-height:10px!important;letter-spacing:-3px!important;font-weight:700!important; color:#748995!important;-webkit-text-fill-color:#748995!important;opacity:1!important;text-shadow:none!important;transform:translateY(-1px)!important } body[data-page="chat"] #civChatMessages .civChatMediaMessage>footer .civChatChecks.read{ color:#168cff!important;-webkit-text-fill-color:#168cff!important } /* Con comentario: comentario seguido inmediatamente de hora/checks, sin hueco reservado para pastilla. */ body[data-page="chat"] #civChatMessages .civChatMessage.civChatMediaCaptionHostR76LX .civChatMediaCaptionR76LX, body[data-page="chat"] #civChatMessages .civChatMessage.civChatMediaCaptionHostR76LV .civChatMediaCaptionR76LV{ margin:0!important;padding:9px 10px 2px!important;background:transparent!important;background-image:none!important } /* Sin comentario: pequeña base limpia bajo la imagen para la hora/checks, mismo color de la viñeta. */ body[data-page="chat"] #civChatMessages .civChatMediaMessage:not(:has(.civChatMediaCaptionR76LX)):not(:has(.civChatMediaCaptionR76LV))>footer{ padding-top:5px!important } @media(max-width:700px){ body[data-page="chat"] #civChatMessages .civChatMessage .civChatMediaMessage>footer, body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatMediaMessage>footer, body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatMediaMessage>footer, body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatMediaMessage>footer.civChatIncomingPhotoTimeR76HR{ padding:1px 9px 6px!important } body[data-page="chat"] #civChatMessages .civChatMessage.civChatMediaCaptionHostR76LX .civChatMediaCaptionR76LX, body[data-page="chat"] #civChatMessages .civChatMessage.civChatMediaCaptionHostR76LV .civChatMediaCaptionR76LV{ padding:8px 9px 2px!important } } /* END CIVELIQ_V8_17_501_R76MF_CHAT_REACTION_OPTIMISTIC_COLORS_TAIL_APP_FIX */ /* ===================================================================== CIVELIQ V8.17.501 · R76MF · REACCIÓN PEQUEÑA DEBAJO SOLO VISUAL DEL CHAT: - reacción algo más pequeña; - siempre por DEBAJO de viñeta, foto, vídeo, documento/voz; - no tapa hora ni checks; - evita recorte en App y sobredimensión en Tablet; - Web · Tablet · iOS · Android. ===================================================================== */ /* CIVELIQ_V8_17_501_R76MF_CHAT_REACTION_OPTIMISTIC_COLORS_TAIL_APP_FIX */ /* Todos los contenedores que pueden alojar una reacción deben permitir que la pastilla sobresalga por debajo sin quedar recortada. */ body[data-page="chat"] #civChatMessages .civChatMessage, body[data-page="chat"] #civChatMessages .civChatMessageCore, body[data-page="chat"] #civChatMessages .civChatBubble, body[data-page="chat"] #civChatMessages .civChatMediaMessage, body[data-page="chat"] #civChatMessages .civChatAttachmentMessage{ overflow:visible!important;clip-path:none!important } body[data-page="chat"] #civChatMessages .civChatBubble, body[data-page="chat"] #civChatMessages .civChatMediaMessage, body[data-page="chat"] #civChatMessages .civChatAttachmentMessage{ position:relative!important } /* Reserva real de espacio bajo cada mensaje reaccionado: así la reacción no pisa el siguiente mensaje y también entra completa en App. */ body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LX), body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LW), body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LV), body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LT){ margin-bottom:34px!important } /* La fila queda fuera del contenido, por debajo. Incluye texto, multimedia, documentos y notas de voz. */ body[data-page="chat"] #civChatMessages :is(.civChatBubble,.civChatMediaMessage,.civChatAttachmentMessage)> :is(.civChatReactionRowR76LX,.civChatReactionRowR76LW,.civChatReactionRowR76LV,.civChatReactionRowR76LT){ position:absolute!important;top:auto!important;bottom:-27px!important;z-index:30!important; display:flex!important;align-items:center!important;gap:4px!important;width:max-content!important;max-width:none!important; margin:0!important;padding:0!important;overflow:visible!important;transform:none!important } /* La reacción cuelga bajo el inicio visual del elemento, lejos de hora/checks y de los bordes de la pantalla. */ body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatBubble,.civChatMediaMessage,.civChatAttachmentMessage)> :is(.civChatReactionRowR76LX,.civChatReactionRowR76LW,.civChatReactionRowR76LV,.civChatReactionRowR76LT), body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatMediaMessage,.civChatAttachmentMessage)> :is(.civChatReactionRowR76LX,.civChatReactionRowR76LW,.civChatReactionRowR76LV,.civChatReactionRowR76LT){ left:9px!important;right:auto!important } /* Pastilla más compacta en TODOS los formatos. */ body[data-page="chat"] #civChatMessages :is(.civChatReactionRowR76LX,.civChatReactionRowR76LW,.civChatReactionRowR76LV,.civChatReactionRowR76LT)>button{ display:grid!important;place-items:center!important; width:auto!important;min-width:40px!important;max-width:none!important;height:32px!important;min-height:32px!important; margin:0!important;padding:2px 8px!important; border:1px solid rgba(29,67,91,.10)!important;border-radius:9999px!important; background:#fff!important;background-image:none!important; box-shadow:0 2px 6px rgba(25,52,68,.12)!important; color:initial!important;-webkit-text-fill-color:initial!important;line-height:1!important } body[data-page="chat"] #civChatMessages :is(.civChatReactionEmojiR76LX,.civChatReactionEmojiR76LW,.civChatReactionEmojiR76LV,.civChatReactionEmojiR76LT){ display:block!important;font-size:22px!important;line-height:1!important;margin:0!important;padding:0!important; color:initial!important;-webkit-text-fill-color:initial!important;transform:none!important } body[data-page="chat"] #civChatMessages .civChatReactionRowR76LX>button>span:not(.civChatReactionEmojiR76LX), body[data-page="chat"] #civChatMessages .civChatReactionRowR76LW>button>span:not(.civChatReactionEmojiR76LW), body[data-page="chat"] #civChatMessages .civChatReactionRowR76LV>button>span:not(.civChatReactionEmojiR76LV), body[data-page="chat"] #civChatMessages .civChatReactionRowR76LT>button>span:not(.civChatReactionEmojiR76LT){display:none!important} /* En WebView móvil/Tablet anulamos específicamente los tamaños heredados que hacían la reacción grande o la dejaban medio fuera. */ html:is(.civeliqTabletApp,.civeliqTabletDevice,.civeliqMobileApp,.civeliqStandalone) body[data-page="chat"] #civChatMessages :is(.civChatReactionRowR76LX,.civChatReactionRowR76LW,.civChatReactionRowR76LV,.civChatReactionRowR76LT)>button{ min-width:40px!important;height:32px!important;min-height:32px!important;padding:2px 8px!important } html:is(.civeliqTabletApp,.civeliqTabletDevice,.civeliqMobileApp,.civeliqStandalone) body[data-page="chat"] #civChatMessages :is(.civChatReactionEmojiR76LX,.civChatReactionEmojiR76LW,.civChatReactionEmojiR76LV,.civChatReactionEmojiR76LT){ font-size:22px!important } @media(max-width:700px){ body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LX), body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LW), body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LV), body[data-page="chat"] #civChatMessages .civChatMessage:has(.civChatReactionRowR76LT){margin-bottom:34px!important} body[data-page="chat"] #civChatMessages :is(.civChatBubble,.civChatMediaMessage,.civChatAttachmentMessage)> :is(.civChatReactionRowR76LX,.civChatReactionRowR76LW,.civChatReactionRowR76LV,.civChatReactionRowR76LT){bottom:-27px!important} } /* Tablet: recorta la ficha del contacto y reserva un carril real para teléfono + vídeo + tres puntos. Así ningún icono queda cortado. */ @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead{ display:grid!important;grid-template-columns:minmax(0,1fr) 116px!important;align-items:center!important; column-gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important; padding:7px 8px!important;box-sizing:border-box!important;overflow:visible!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead>.civChatPeer.civChatPeerPremium{ grid-column:1!important;width:auto!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important; overflow:hidden!important;margin:0!important;padding-right:6px!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead>.civChatPeer.civChatPeerPremium .civChatPeerText, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead>.civChatPeer.civChatPeerPremium .civChatPeerNameLine{ min-width:0!important;max-width:100%!important;overflow:hidden!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead>.civChatPeer.civChatPeerPremium .civChatPeerNameLine{ display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:center!important;gap:6px!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead>.civChatPeer.civChatPeerPremium .civChatPeerNameLine>b{ min-width:0!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatPresenceBadge{ min-width:max-content!important;max-width:max-content!important;white-space:nowrap!important;overflow:visible!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatHeadActionsR76DZ{ grid-column:2!important;display:grid!important;grid-template-columns:repeat(3,34px)!important;align-items:center!important;justify-content:end!important; gap:7px!important;width:116px!important;min-width:116px!important;max-width:116px!important;margin:0!important;padding:0!important; justify-self:end!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatHeadActionsR76DZ>[data-chat-action="search"]{ display:none!important } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatHeadActionsR76DZ>.civChatDirectAction, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatHeadActionsR76DZ>.civChatCallMenuWrap, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatHeadActionsR76DZ>.civChatHeadMenuWrap, html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatConversationHead .civChatHeadActionsR76DZ #civChatHeadMore{ width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important; margin:0!important;padding:0!important;overflow:visible!important } } /* END R76MF tablet header fit */ /* END CIVELIQ_V8_17_501_R76MF_CHAT_REACTION_OPTIMISTIC_COLORS_TAIL_APP_FIX */ /* ===================================================================== CIVELIQ V8.17.501 · R76MF · CHAT TANDA REACCIONES/COLOR/COLA - Recibidos (izquierda): blanco. - Enviados (derecha): dorado claro CIVELIQ. - Cola pequeña y limpia; ningún texto/hora/check puede aparecer en la punta. - Reacción algo más pequeña, siempre por debajo de texto/foto/vídeo/documento. - App iOS/Android: reacción completa y visible. ===================================================================== */ /* CIVELIQ_V8_17_501_R76MF_CHAT_REACTION_OPTIMISTIC_COLORS_TAIL_APP_FIX_CSS_FINAL */ /* 1) Colores invertidos respecto a R76ME. */ body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatBubble, body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatMediaMessage{ background:#fff!important;background-image:none!important;border-color:#dbe5ea!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatBubble, body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatMediaMessage{ background:#fff5df!important;background-image:linear-gradient(135deg,#fffaf0,#f8e9c9)!important;border-color:#ead7aa!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatFileCard,.civChatVoice,.civChatVoiceR76FC,.civChatVoiceR76FE,.civChatVoiceR76FB){ background:#fff!important;background-image:none!important;border-color:#dbe5ea!important;color:#172f41!important;-webkit-text-fill-color:#172f41!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatFileCard,.civChatVoice,.civChatVoiceR76FC,.civChatVoiceR76FE,.civChatVoiceR76FB){ background:#fff5df!important;background-image:linear-gradient(135deg,#fffaf0,#f8e9c9)!important;border-color:#ead7aa!important;color:#172f41!important;-webkit-text-fill-color:#172f41!important } body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatFileCard,.civChatVoice,.civChatVoiceR76FC,.civChatVoiceR76FE,.civChatVoiceR76FB) :is(span,b,small,i){ color:#172f41!important;-webkit-text-fill-color:#172f41!important;opacity:1!important } body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatFileCard,.civChatVoice,.civChatVoiceR76FC,.civChatVoiceR76FE,.civChatVoiceR76FB) svg, body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatFileCard,.civChatVoice,.civChatVoiceR76FC,.civChatVoiceR76FE,.civChatVoiceR76FB) svg *{ stroke:#315c73!important;color:#315c73!important } /* 2) Punta limpia: anulamos cualquier pseudo heredado en media/documento y reconstruimos únicamente una cola pequeña de texto con contenido vacío. */ body[data-page="chat"] #civChatMessages :is(.civChatMediaMessage,.civChatAttachmentMessage,.civChatFileCard,.civChatVoice)::before, body[data-page="chat"] #civChatMessages :is(.civChatMediaMessage,.civChatAttachmentMessage,.civChatFileCard,.civChatVoice)::after{ content:none!important;display:none!important } body[data-page="chat"] #civChatMessages .civChatBubble{isolation:isolate!important;overflow:visible!important} body[data-page="chat"] #civChatMessages .civChatBubble::before{content:none!important;display:none!important} body[data-page="chat"] #civChatMessages .civChatBubble::after{ content:""!important;display:block!important;position:absolute!important;top:auto!important;bottom:3px!important; width:8px!important;height:9px!important;margin:0!important;padding:0!important; font-size:0!important;line-height:0!important;text-indent:-9999px!important;color:transparent!important;-webkit-text-fill-color:transparent!important; overflow:hidden!important;pointer-events:none!important;box-shadow:none!important;filter:none!important;z-index:0!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatBubble::after{ content:""!important;display:block!important;left:-4px!important;right:auto!important;top:auto!important;bottom:3px!important; width:8px!important;height:9px!important;background:#fff!important;border:0!important;font-size:0!important;line-height:0!important; clip-path:polygon(100% 0,100% 100%,0 100%)!important;transform:none!important;overflow:hidden!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatBubble::after{ content:""!important;display:block!important;right:-4px!important;left:auto!important;top:auto!important;bottom:3px!important; width:8px!important;height:9px!important;background:#f8e9c9!important;border:0!important;font-size:0!important;line-height:0!important; clip-path:polygon(0 0,100% 100%,0 100%)!important;transform:none!important;overflow:hidden!important } body[data-page="chat"] #civChatMessages .civChatBubble>*{position:relative;z-index:1} /* 3) Reacción fuera de la viñeta: JS R76MF la coloca como fila propia del mensaje. */ body[data-page="chat"] #civChatMessages .civChatMessage, body[data-page="chat"] #civChatMessages .civChatMessageCore{ overflow:visible!important;clip-path:none!important;contain:none!important } body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MF{ display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;row-gap:2px!important; align-items:end!important;width:100%!important;margin:6px 0 8px!important;overflow:visible!important;clip-path:none!important;contain:none!important;isolation:auto!important } body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MF>.civChatMessageCore{grid-row:1!important;min-width:0!important;overflow:visible!important} body[data-page="chat"] #civChatMessages .civChatMessage.theirs.civChatHasReactionR76MF>.civChatMessageCore{justify-self:start!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine.civChatHasReactionR76MF>.civChatMessageCore{justify-self:end!important} body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MF>.civChatReactionBelowR76MF{ grid-row:2!important;position:relative!important;inset:auto!important;z-index:80!important; display:flex!important;align-items:center!important;gap:4px!important;width:max-content!important;max-width:none!important; margin-top:2px!important;padding:0!important;overflow:visible!important;clip-path:none!important;transform:none!important; visibility:visible!important;opacity:1!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs.civChatHasReactionR76MF>.civChatReactionBelowR76MF{justify-self:start!important;margin-left:9px!important;margin-right:0!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine.civChatHasReactionR76MF>.civChatReactionBelowR76MF{justify-self:end!important;margin-right:9px!important;margin-left:0!important} body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MF>.civChatReactionBelowR76MF>button{ display:grid!important;place-items:center!important;width:auto!important;min-width:36px!important;max-width:none!important; height:28px!important;min-height:28px!important;margin:0!important;padding:2px 7px!important; border:1px solid rgba(29,67,91,.10)!important;border-radius:9999px!important;background:#fff!important;background-image:none!important; box-shadow:0 2px 6px rgba(25,52,68,.12)!important;color:initial!important;-webkit-text-fill-color:initial!important; line-height:1!important;overflow:visible!important;visibility:visible!important;opacity:1!important } body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MF>.civChatReactionBelowR76MF>button::before, body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MF>.civChatReactionBelowR76MF>button::after{content:none!important;display:none!important} body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MF>.civChatReactionBelowR76MF :is(.civChatReactionEmojiR76LX,.civChatReactionEmojiR76LW,.civChatReactionEmojiR76LV,.civChatReactionEmojiR76LT){ display:block!important;font-size:19px!important;line-height:1!important;margin:0!important;padding:0!important; color:initial!important;-webkit-text-fill-color:initial!important;transform:none!important;visibility:visible!important;opacity:1!important } body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MF>.civChatReactionBelowR76MF>button>span:not(.civChatReactionEmojiR76LX):not(.civChatReactionEmojiR76LW):not(.civChatReactionEmojiR76LV):not(.civChatReactionEmojiR76LT){display:none!important} /* App: reacción en flujo real, no puede quedar cortada debajo de la foto/viñeta. */ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatMessages{ padding-bottom:max(48px,calc(env(safe-area-inset-bottom) + 34px))!important;overflow-x:visible!important } html:is(.civeliqTabletApp,.civeliqTabletDevice,.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MF>.civChatReactionBelowR76MF>button{ min-width:36px!important;width:auto!important;height:28px!important;min-height:28px!important;padding:2px 7px!important } html:is(.civeliqTabletApp,.civeliqTabletDevice,.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MF>.civChatReactionBelowR76MF :is(.civChatReactionEmojiR76LX,.civChatReactionEmojiR76LW,.civChatReactionEmojiR76LV,.civChatReactionEmojiR76LT){ font-size:19px!important;line-height:1!important } /* Tablet/Web/App: hora y checks se mantienen por encima de la cola y nunca participan en la geometría de la punta. */ body[data-page="chat"] #civChatMessages :is(.civChatBubble,.civChatMediaMessage,.civChatAttachmentMessage)>footer{ position:relative!important;z-index:2!important } /* END CIVELIQ_V8_17_501_R76MF_CHAT_REACTION_OPTIMISTIC_COLORS_TAIL_APP_FIX_CSS_FINAL */ /* ===================================================================== CIVELIQ V8.17.502 · R76MG · CHAT TANDA CERRADA - Reacción única, pequeña y siempre debajo. - Recibidos blanco; enviados dorado claro UNIFORME (sin mezcla de fondos). - Multimedia/comentario/hora comparten el mismo fondo de la tarjeta. - Borrado de multimedia centrado y seguro en Web/Tablet/iOS/Android. ===================================================================== */ /* CIVELIQ_V8_17_502_R76MG_CHAT_REACTION_DEDUPE_BELOW_COLORS_DELETE_MODAL_FIX_CSS */ /* 1) Geometría de reacción: columna real. Nunca puede quedar al lado. */ body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MG{ display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important; width:100%!important;max-width:100%!important;margin:6px 0 9px!important;overflow:visible!important;contain:none!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs.civChatHasReactionR76MG{align-items:flex-start!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine.civChatHasReactionR76MG{align-items:flex-end!important} body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MG>.civChatMessageCore{ flex:0 1 auto!important;align-self:inherit!important;position:relative!important;overflow:visible!important } body[data-page="chat"] #civChatMessages .civChatReactionLaneR76MG{ display:block!important;position:relative!important;flex:0 0 auto!important;width:max-content!important;max-width:100%!important; height:auto!important;min-height:25px!important;margin-top:3px!important;padding:0!important;overflow:visible!important;clear:both!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs>.civChatReactionLaneR76MG{align-self:flex-start!important;margin-left:9px!important;margin-right:0!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine>.civChatReactionLaneR76MG{align-self:flex-end!important;margin-right:9px!important;margin-left:0!important} body[data-page="chat"] #civChatMessages .civChatReactionLaneR76MG>.civChatReactionBelowR76MG{ position:static!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important; gap:3px!important;width:max-content!important;max-width:min(100%,260px)!important;margin:0!important;padding:0!important;transform:none!important; overflow:visible!important;clip-path:none!important;visibility:visible!important;opacity:1!important } body[data-page="chat"] #civChatMessages .civChatReactionLaneR76MG>.civChatReactionBelowR76MG>button{ display:grid!important;place-items:center!important;flex:0 0 auto!important;width:34px!important;min-width:34px!important;max-width:34px!important; height:26px!important;min-height:26px!important;max-height:26px!important;margin:0!important;padding:1px 5px!important; border:1px solid rgba(29,67,91,.11)!important;border-radius:999px!important;background:#fff!important;background-image:none!important; box-shadow:0 2px 6px rgba(25,52,68,.11)!important;color:initial!important;-webkit-text-fill-color:initial!important;overflow:hidden!important } body[data-page="chat"] #civChatMessages .civChatReactionLaneR76MG>.civChatReactionBelowR76MG>button::before, body[data-page="chat"] #civChatMessages .civChatReactionLaneR76MG>.civChatReactionBelowR76MG>button::after{content:none!important;display:none!important} body[data-page="chat"] #civChatMessages .civChatReactionLaneR76MG .civChatReactionEmojiR76MG{ display:block!important;margin:0!important;padding:0!important;font-size:18px!important;line-height:1!important;transform:none!important; color:initial!important;-webkit-text-fill-color:initial!important } body[data-page="chat"] #civChatMessages .civChatReactionLaneR76MG>*>button>span:not(.civChatReactionEmojiR76MG){display:none!important} /* 2) Colores uniformes: ningún degradado/strips mezclados. */ body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatBubble,.civChatMediaMessage,.civChatAttachmentMessage,.civChatFileCard,.civChatVoice,.civChatVoiceR76FB,.civChatVoiceR76FC,.civChatVoiceR76FE){ background:#fff!important;background-image:none!important;border-color:#dbe5ea!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatMediaMessage,.civChatAttachmentMessage,.civChatFileCard,.civChatVoice,.civChatVoiceR76FB,.civChatVoiceR76FC,.civChatVoiceR76FE){ background:#fff2d3!important;background-image:none!important;border-color:#ead7aa!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatBubble::after{background:#fff!important;background-image:none!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatBubble::after{background:#fff2d3!important;background-image:none!important} /* Foto/vídeo: el área inferior hereda el color del mensaje, no crea una franja blanca. */ body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatMediaCaptionR76LX,.civChatMediaCaptionR76LV), body[data-page="chat"] #civChatMessages .civChatMessage .civChatMediaMessage>footer, body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatAttachmentMessage,.civChatFileCard,.civChatVoice,.civChatVoiceR76FB,.civChatVoiceR76FC,.civChatVoiceR76FE)>footer{ background:transparent!important;background-image:none!important;box-shadow:none!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatMediaCaptionR76LX,.civChatMediaCaptionR76LV), body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatMediaMessage>footer{background-color:#fff2d3!important} body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatMediaCaptionR76LX,.civChatMediaCaptionR76LV), body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatMediaMessage>footer{background-color:#fff!important} body[data-page="chat"] #civChatMessages .civChatMessage .civChatMediaMessage>.civChatMediaThumb{background:transparent!important;background-image:none!important} /* 3) Menú ¿Dónde quieres borrar?: modal centrado dentro de viewport/safe-area. */ .civChatMediaViewerMenuR76EJ:has(.civChatMediaDeleteChoicesR76EZ[aria-hidden="false"]){ width:0!important;min-width:0!important;height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important } .civChatMediaDeleteChoicesR76EZ[aria-hidden="false"], .civChatMediaDeleteChoicesR76MG[aria-hidden="false"]{ position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important; transform:translate(-50%,-50%)!important;z-index:2147483600!important; display:grid!important;gap:5px!important;width:min(330px,calc(100vw - 32px))!important;min-width:0!important;max-width:calc(100vw - 32px)!important; max-height:calc(100dvh - 40px)!important;overflow:auto!important;box-sizing:border-box!important; margin:0!important;padding:10px!important;border:1px solid #d7e6ed!important;border-radius:17px!important; background:#fff!important;background-image:none!important;box-shadow:0 18px 54px rgba(0,0,0,.25)!important } .civChatMediaDeleteChoicesR76EZ[aria-hidden="false"]>small, .civChatMediaDeleteChoicesR76MG[aria-hidden="false"]>small{ display:block!important;width:100%!important;box-sizing:border-box!important;padding:7px 9px 5px!important; white-space:normal!important;overflow:visible!important;text-overflow:clip!important;color:#5a7484!important;-webkit-text-fill-color:#5a7484!important } .civChatMediaDeleteChoicesR76EZ[aria-hidden="false"]>button, .civChatMediaDeleteChoicesR76MG[aria-hidden="false"]>button{ width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;box-sizing:border-box!important; display:flex!important;align-items:center!important;gap:10px!important;padding:9px 11px!important;white-space:normal!important;overflow:visible!important } .civChatMediaDeleteChoicesR76EZ[aria-hidden="false"]>button>span, .civChatMediaDeleteChoicesR76MG[aria-hidden="false"]>button>span{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important} /* También protege el segundo paso de borrado desde el menú de una viñeta. */ body[data-page="chat"] #civChatMsgMenu:has(.civChatDeletePaneR76FC){ position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important; width:min(330px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 40px)!important; overflow:auto!important;box-sizing:border-box!important;z-index:2147483600!important } body[data-page="chat"] #civChatMsgMenu .civChatDeletePaneR76FC{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important} @supports(padding:max(0px)){ .civChatMediaDeleteChoicesR76EZ[aria-hidden="false"],.civChatMediaDeleteChoicesR76MG[aria-hidden="false"]{ max-width:calc(100vw - max(32px,env(safe-area-inset-left)) - max(0px,env(safe-area-inset-right)))!important } } /* R76MG specificity lock: caption must never reintroduce a white/gold mixed strip. */ body[data-page="chat"] #civChatMessages .civChatMessage.mine.civChatMediaCaptionHostR76LX .civChatMediaCaptionR76LX, body[data-page="chat"] #civChatMessages .civChatMessage.mine.civChatMediaCaptionHostR76LV .civChatMediaCaptionR76LV{background:#fff2d3!important;background-image:none!important} body[data-page="chat"] #civChatMessages .civChatMessage.theirs.civChatMediaCaptionHostR76LX .civChatMediaCaptionR76LX, body[data-page="chat"] #civChatMessages .civChatMessage.theirs.civChatMediaCaptionHostR76LV .civChatMediaCaptionR76LV{background:#fff!important;background-image:none!important} /* R76MG device lock: mismo tamaño proporcional en Tablet/iOS/Android. */ html:is(.civeliqTabletApp,.civeliqTabletDevice,.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatMessages .civChatReactionLaneR76MG>.civChatReactionBelowR76MG>button{ width:34px!important;min-width:34px!important;max-width:34px!important;height:26px!important;min-height:26px!important;max-height:26px!important;padding:1px 5px!important } html:is(.civeliqTabletApp,.civeliqTabletDevice,.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatMessages .civChatReactionLaneR76MG .civChatReactionEmojiR76MG{font-size:18px!important;line-height:1!important} /* END CIVELIQ_V8_17_502_R76MG_CHAT_REACTION_DEDUPE_BELOW_COLORS_DELETE_MODAL_FIX_CSS */ /* ===================================================================== CIVELIQ V8.17.503 · R76MH · CHAT VISUAL LOCK ===================================================================== */ /* CIVELIQ_V8_17_503_R76MH_CHAT_REACTIONS_COLORS_DELETE_ANDROID_CSS */ body[data-page="chat"] #civChatMessages .civChatMessage.civChatHasReactionR76MH{overflow:visible!important} body[data-page="chat"] #civChatMessages .civChatMessage>.civChatMessageStackR76MH{display:flex!important;flex-direction:column!important;gap:3px!important;max-width:100%!important;min-width:0!important;overflow:visible!important} body[data-page="chat"] #civChatMessages .civChatMessage.theirs>.civChatMessageStackR76MH{align-self:flex-start!important;align-items:flex-start!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine>.civChatMessageStackR76MH{align-self:flex-end!important;align-items:flex-end!important} body[data-page="chat"] #civChatMessages .civChatMessageStackR76MH>.civChatMessageCore{position:relative!important;max-width:100%!important;overflow:visible!important} body[data-page="chat"] #civChatMessages .civChatReactionLaneR76MH{display:block!important;position:relative!important;flex:0 0 auto!important;clear:both!important;width:max-content!important;max-width:100%!important;min-height:23px!important;margin:0 8px!important;padding:0!important;overflow:visible!important} body[data-page="chat"] #civChatMessages .civChatReactionBelowR76MH{position:static!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;gap:3px!important;width:max-content!important;max-width:min(100%,240px)!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important} body[data-page="chat"] #civChatMessages .civChatReactionBelowR76MH>button{display:grid!important;place-items:center!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:1px 4px!important;margin:0!important;border:1px solid rgba(39,73,91,.10)!important;border-radius:999px!important;background:#fff!important;background-image:none!important;box-shadow:0 2px 5px rgba(25,52,68,.12)!important;overflow:hidden!important;transform:none!important} body[data-page="chat"] #civChatMessages .civChatReactionBelowR76MH>button::before,body[data-page="chat"] #civChatMessages .civChatReactionBelowR76MH>button::after{content:none!important;display:none!important} body[data-page="chat"] #civChatMessages .civChatReactionEmojiR76MH{display:block!important;font-size:17px!important;line-height:1!important;margin:0!important;padding:0!important;transform:none!important;color:initial!important;-webkit-text-fill-color:initial!important} body[data-page="chat"] #civChatMessages .civChatReactionBelowR76MH>button>span:not(.civChatReactionEmojiR76MH){display:none!important} /* Recibido blanco / enviado dorado: una variable pinta toda la tarjeta y elimina franjas mixtas. */ body[data-page="chat"] #civChatMessages .civChatMessage.theirs{--civ-chat-card-r76mh:#fff;--civ-chat-border-r76mh:#dbe5ea} body[data-page="chat"] #civChatMessages .civChatMessage.mine{--civ-chat-card-r76mh:#fff2d3;--civ-chat-border-r76mh:#ead7aa} body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatBubble,.civChatMediaMessage,.civChatAttachmentMessage,.civChatFileCard,.civChatVoice,.civChatVoiceR76FB,.civChatVoiceR76FC,.civChatVoiceR76FE,.civChatSharedCardR76EZ,.civChatMediaCaptionR76LV,.civChatMediaCaptionR76LX,.civChatMediaCaptionHostR76LV,.civChatMediaCaptionHostR76LX){background:var(--civ-chat-card-r76mh)!important;background-color:var(--civ-chat-card-r76mh)!important;background-image:none!important;border-color:var(--civ-chat-border-r76mh)!important} body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatBubble,.civChatMediaMessage,.civChatAttachmentMessage,.civChatFileCard,.civChatVoice,.civChatVoiceR76FB,.civChatVoiceR76FC,.civChatVoiceR76FE)>footer, body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatMediaCaptionR76LV,.civChatMediaCaptionR76LX){background:var(--civ-chat-card-r76mh)!important;background-image:none!important;box-shadow:none!important} body[data-page="chat"] #civChatMessages .civChatMessage .civChatBubble::after{background:var(--civ-chat-card-r76mh)!important;background-image:none!important;color:transparent!important;-webkit-text-fill-color:transparent!important;font-size:0!important;line-height:0!important;overflow:hidden!important} body[data-page="chat"] #civChatMessages .civChatMessage .civChatBubble::after>*{display:none!important} body[data-page="chat"] #civChatMessages .civChatMessage .civChatMediaThumb{background:transparent!important;background-image:none!important} /* Modal de borrar: siempre dentro del viewport/safe-area y separado de X/•••. */ body[data-page="chat"] :is(.civChatMediaDeleteChoicesR76EZ,.civChatMediaDeleteChoicesR76MG)[aria-hidden="false"],body[data-page="chat"] #civChatMsgMenu:has(.civChatDeletePaneR76FC){position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(340px,calc(100vw - 36px))!important;min-width:0!important;max-width:calc(100vw - 36px)!important;max-height:calc(100dvh - 56px)!important;overflow:auto!important;box-sizing:border-box!important;z-index:2147483640!important;margin:0!important;border-radius:17px!important} body[data-page="chat"] :is(.civChatMediaDeleteChoicesR76EZ,.civChatMediaDeleteChoicesR76MG)[aria-hidden="false"]{display:grid!important;gap:5px!important;padding:11px!important;background:#fff!important;background-image:none!important;border:1px solid #d7e6ed!important;box-shadow:0 18px 54px rgba(0,0,0,.25)!important} body[data-page="chat"] :is(.civChatMediaDeleteChoicesR76EZ,.civChatMediaDeleteChoicesR76MG)[aria-hidden="false"]>*{max-width:100%!important;box-sizing:border-box!important} body[data-page="chat"] :is(.civChatMediaDeleteChoicesR76EZ,.civChatMediaDeleteChoicesR76MG)[aria-hidden="false"]>button{display:flex!important;width:100%!important;min-height:44px!important;align-items:center!important;gap:10px!important;padding:9px 11px!important;white-space:normal!important;overflow:visible!important} body[data-page="chat"] .civChatMediaViewerMenuR76EJ:has(.civChatMediaDeleteChoicesR76EZ[aria-hidden="false"]){position:static!important;width:0!important;height:0!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important} /* Android/iOS phone composer: placeholder de una línea, centrado y sin salto. */ @media (max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer.civChatComposerR76DZ{grid-template-columns:34px 34px 36px minmax(132px,1fr) 34px 36px!important;grid-template-areas:"plus emoji assist text mic send"!important;gap:3px!important;align-items:center!important;padding:5px 6px!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer>.civChatTextWrap{grid-area:text!important;min-width:0!important;width:100%!important;height:38px!important;min-height:38px!important;max-height:38px!important;display:block!important;position:relative!important;overflow:hidden!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer>.civChatTextWrap>#civChatText{width:100%!important;height:38px!important;min-height:38px!important;max-height:38px!important;box-sizing:border-box!important;line-height:20px!important;padding:8px 10px!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;resize:none!important;text-overflow:clip!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer>.civChatTextWrap>#civChatText::placeholder{white-space:nowrap!important;opacity:1!important} } /* END CIVELIQ_V8_17_503_R76MH_CHAT_REACTIONS_COLORS_DELETE_ANDROID_CSS */ /* ===================================================================== CIVELIQ V8.17.504 · R76MI · CHAT TOUCH/ANDROID COMPOSER ===================================================================== */ /* CIVELIQ_V8_17_504_R76MI_CHAT_OWN_REACTION_ANDROID_COMPOSER_CSS */ body[data-page="chat"] #civChatMessages [data-own-react-message][data-own-react]{cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important} @media (max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer.civChatComposerR76DZ{grid-template-columns:31px 31px 30px minmax(150px,1fr) 30px 32px!important;gap:2px!important;padding:5px!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer>.civChatTextWrap>#civChatText{font-size:14px!important;line-height:20px!important;padding:8px 9px!important;white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important;overflow-x:hidden!important;overflow-y:hidden!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer>.civChatTextWrap>#civChatText::placeholder{white-space:nowrap!important;font-size:14px!important;letter-spacing:0!important} } @media (max-width:350px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer.civChatComposerR76DZ{grid-template-columns:29px 29px 28px minmax(136px,1fr) 28px 30px!important;gap:1px!important;padding:4px!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer>.civChatTextWrap>#civChatText{font-size:13px!important;padding-left:8px!important;padding-right:8px!important} } /* END CIVELIQ_V8_17_504_R76MI_CHAT_OWN_REACTION_ANDROID_COMPOSER_CSS */ /* CIVELIQ_V8_17_505_R76MJ_REACTION_TAP_CSS */ body[data-page="chat"] #civChatMessages [data-own-react-message][data-own-react]{pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;-webkit-tap-highlight-color:transparent!important;position:relative!important;z-index:95!important} body[data-page="chat"] #civChatMessages [data-own-react-message][data-own-react]>*{pointer-events:none!important} /* END CIVELIQ_V8_17_505_R76MJ_REACTION_TAP_CSS */ /* ===================================================================== CIVELIQ V8.17.506 · R76MK · CHAT COMPOSITOR LIMPIO + · Emoji · Assist · Escribe un mensaje… Sin micrófono, sin flecha y sin caja/fondo exterior. ===================================================================== */ /* CIVELIQ_V8_17_506_R76MK_CHAT_COMPOSER_CLEAN_CSS */ body[data-page="chat"] #civChatComposer{ background:transparent!important;background-image:none!important;border:0!important;border-top:0!important; box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; border-radius:0!important; } body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK){ display:grid!important;grid-template-columns:40px 40px max-content minmax(0,1fr)!important; grid-template-areas:"plus emoji assist text"!important;gap:6px!important;align-items:center!important; padding:7px 4px calc(7px + env(safe-area-inset-bottom))!important;margin:0!important; } body[data-page="chat"] #civChatComposer :is(#civChatMic,.civChatComposerMic,.civChatSend,.civChatSendR76DZ,.civChatSendR76FW,.civChatSendR76FY,.civChatSendR76FZ){display:none!important} body[data-page="chat"] #civChatComposer>.civChatPlusWrap{grid-area:plus!important} body[data-page="chat"] #civChatComposer>.civChatEmojiWrap{grid-area:emoji!important} body[data-page="chat"] #civChatComposer>.civChatAssistR76KQ{grid-area:assist!important} body[data-page="chat"] #civChatComposer>.civChatTextWrap,body[data-page="chat"] #civChatComposer>#civChatText{grid-area:text!important;min-width:0!important;width:100%!important} @media(max-width:940px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK){ grid-template-columns:38px 38px max-content minmax(0,1fr)!important;grid-template-areas:"plus emoji assist text"!important;gap:5px!important;padding-left:3px!important;padding-right:3px!important; } } @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK){ grid-template-columns:34px 34px max-content minmax(0,1fr)!important;grid-template-areas:"plus emoji assist text"!important;gap:3px!important;padding:5px 2px calc(5px + env(safe-area-inset-bottom))!important; } } @media(max-width:350px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK){ grid-template-columns:31px 31px max-content minmax(0,1fr)!important;gap:2px!important;padding-left:1px!important;padding-right:1px!important; } } /* END CIVELIQ_V8_17_506_R76MK_CHAT_COMPOSER_CLEAN_CSS */ /* CIVELIQ_V8_17_506_R76MK_CHAT_COMPOSER_DEVICE_LOCK_CSS */ /* R76MK device specificity lock: la Tablet tenía una regla histórica más específica. */ html:is(.civeliqTabletApp,.civeliqTabletDevice,.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK){ background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-top:0!important;box-shadow:none!important;filter:none!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice,.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer > :is(#civChatMic,.civChatComposerMic,.civChatSend,.civChatSendR76DZ,.civChatSendR76FW,.civChatSendR76FY,.civChatSendR76FZ){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important} /* END CIVELIQ_V8_17_506_R76MK_CHAT_COMPOSER_DEVICE_LOCK_CSS */ /* ===================================================================== CIVELIQ V8.17.507 · R76ML · CHAT COMPOSITOR ABAJO + SIN BOTÓN RESIDUAL ===================================================================== */ /* CIVELIQ_V8_17_508_R76MM_CHAT_COMPOSER_LOW_NO_SEND_CSS */ body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK,.civChatComposerFinalR76MM){ display:grid!important;grid-template-columns:40px 40px max-content minmax(0,1fr)!important;grid-template-areas:"plus emoji assist text"!important; gap:6px!important;align-items:end!important;min-height:46px!important;padding:8px 3px 0!important;margin:0!important; background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important } body[data-page="chat"] #civChatComposer > :is(#civChatMic,.civChatComposerMic,.civChatSend,.civChatSendR76DZ,.civChatSendR76FW,.civChatSendR76FY,.civChatSendR76FZ,[data-chat-action="send"],button[type="submit"],input[type="submit"],[title="Enviar"],[aria-label="Enviar"]){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;max-width:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important} body[data-page="chat"] #civChatComposer>:is(.civChatPlusWrap,.civChatEmojiWrap,.civChatAssistR76KQ,.civChatTextWrap){align-self:end!important;margin-bottom:0!important;transform:translateY(2px)!important} body[data-page="chat"] #civChatComposer>.civChatTextWrap>#civChatText{padding-right:13px!important} @media(max-width:940px){html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK,.civChatComposerFinalR76MM){grid-template-columns:38px 38px max-content minmax(0,1fr)!important;grid-template-areas:"plus emoji assist text"!important;gap:5px!important;min-height:44px!important;padding:7px 2px 0!important}} @media(max-width:700px){html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK,.civChatComposerFinalR76MM){grid-template-columns:34px 34px max-content minmax(0,1fr)!important;grid-template-areas:"plus emoji assist text"!important;gap:3px!important;min-height:42px!important;padding:5px 1px calc(1px + env(safe-area-inset-bottom))!important}html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer>:is(.civChatPlusWrap,.civChatEmojiWrap,.civChatAssistR76KQ,.civChatTextWrap){transform:translateY(1px)!important}} /* END CIVELIQ_V8_17_508_R76MM_CHAT_COMPOSER_LOW_NO_SEND_CSS */ /* ===================================================================== CIVELIQ V8.17.508 · R76MM · CHAT UI CF1 Web: subir ligeramente compositor y acortar campo. Android: cabecera móvil igualada a la referencia iOS sin modificar iOS. ===================================================================== */ /* CIVELIQ_V8_17_508_R76MM_CHAT_UI_CF1 */ @media (min-width:941px){ html:not(.civeliqTabletApp):not(.civeliqTabletDevice):not(.civeliqMobileApp):not(.civeliqStandalone):not(.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK,.civChatComposerFinalR76MM){ padding:7px 48px 1px 3px!important; } html:not(.civeliqTabletApp):not(.civeliqTabletDevice):not(.civeliqMobileApp):not(.civeliqStandalone):not(.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer>:is(.civChatPlusWrap,.civChatEmojiWrap,.civChatAssistR76KQ,.civChatTextWrap){ transform:translateY(0)!important; } } @media (max-width:700px){ html.civeliqAndroidPhoneR76GZ body[data-page="chat"] #app .mobile .mobileSpacer.civChatMobileTopHostR76HE{overflow:visible!important;display:flex!important;align-items:center!important;justify-content:flex-end!important} html.civeliqAndroidPhoneR76GZ body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;visibility:visible!important;opacity:1!important;overflow:visible!important} html.civeliqAndroidPhoneR76GZ body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE :is([data-chat-action="audio"],[data-chat-action="video"],#civChatHeadMore){display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important} } /* END CIVELIQ_V8_17_508_R76MM_CHAT_UI_CF1 */ /* ===================================================================== CIVELIQ V8.17.508 · R76MM · CHAT UI CF3 - Web: compositor un pelín más arriba y campo de escritura más corto. - Android: llamada + vídeo + tres puntos con la separación compacta iOS. - iOS no se modifica. ===================================================================== */ /* CIVELIQ_V8_17_508_R76MM_CHAT_UI_CF3 */ @media (min-width:941px){ html:not(.civeliqTabletApp):not(.civeliqTabletDevice):not(.civeliqMobileApp):not(.civeliqStandalone):not(.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK,.civChatComposerFinalR76MM){ padding:5px 82px 4px 3px!important; } html:not(.civeliqTabletApp):not(.civeliqTabletDevice):not(.civeliqMobileApp):not(.civeliqStandalone):not(.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer>:is(.civChatPlusWrap,.civChatEmojiWrap,.civChatAssistR76KQ,.civChatTextWrap){ transform:translateY(-3px)!important; } } @media (max-width:700px){ html.civeliqAndroidPhoneR76GZ body[data-page="chat"] #app .mobile>.mobileSpacer.civChatMobileTopHostR76HE{ width:110px!important;min-width:110px!important;max-width:110px!important; } html.civeliqAndroidPhoneR76GZ body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE{ width:110px!important;min-width:110px!important;max-width:110px!important;gap:2px!important;justify-content:flex-end!important; } html.civeliqAndroidPhoneR76GZ body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE>[data-chat-action="audio"], html.civeliqAndroidPhoneR76GZ body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE>[data-chat-action="video"], html.civeliqAndroidPhoneR76GZ body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap, html.civeliqAndroidPhoneR76GZ body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE #civChatHeadMore{ flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;margin:0!important; } } /* END CIVELIQ_V8_17_508_R76MM_CHAT_UI_CF3 */ /* ===================================================================== CIVELIQ V8.17.513 · R76MP · FONDO CONVERSACIONES = CHAT + TÍTULO COMPLETO Web · Tablet · iOS/iPadOS · Android ===================================================================== */ /* CIVELIQ_V8_17_513_R76MP_CHAT_LIST_SKY_AND_FULL_TITLE */ body[data-page="chat"] .civChatListPane{ background-color:#eef9fe!important; background-image:linear-gradient(rgba(239,249,254,.48),rgba(247,252,255,.60)),url('/assets/civeliq-home-sky-v81736.webp')!important; background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;box-shadow:none!important; } body[data-page="chat"] .civChatListTitle{min-width:132px!important;overflow:visible!important;flex:1 1 132px!important} body[data-page="chat"] .civChatListTitle h2{ width:auto!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important; } @media (min-width:941px){ body[data-page="chat"] .civChatListHead{display:grid!important;grid-template-columns:minmax(132px,1fr) auto 42px!important;align-items:center!important;gap:7px!important} body[data-page="chat"] .civChatListTitle{grid-column:1!important;min-width:132px!important} body[data-page="chat"] .civChatNewMini{grid-column:2!important;min-width:108px!important;max-width:124px!important;padding-left:10px!important;padding-right:10px!important} body[data-page="chat"] .civChatListMenuWrap{grid-column:3!important;width:42px!important;min-width:42px!important} } @media (min-width:701px) and (max-width:1366px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListHead{ display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;grid-template-areas:"title title" "new more"!important;gap:7px!important;height:auto!important;min-height:auto!important;overflow:visible!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListTitle{grid-area:title!important;width:100%!important;min-width:0!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListTitle h2{font-size:18px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatNewMini{grid-area:new!important;justify-self:start!important;min-width:118px!important;max-width:140px!important} html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListMenuWrap{grid-area:more!important;justify-self:end!important} } @media (max-width:700px){ body[data-page="chat"] .civChatListHead{display:grid!important;grid-template-columns:minmax(0,1fr) 40px 40px!important;align-items:center!important;gap:6px!important} body[data-page="chat"] .civChatListTitle{min-width:0!important} body[data-page="chat"] .civChatListTitle h2{font-size:18px!important;line-height:1.15!important} body[data-page="chat"] .civChatNewMini{width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important;overflow:hidden!important} body[data-page="chat"] .civChatNewMini span{display:none!important} body[data-page="chat"] .civChatListMenuWrap{width:40px!important;min-width:40px!important;max-width:40px!important} } body[data-page="chat"] .civChatConversationMenuR76MP{ position:fixed!important;z-index:2147483600!important;width:max-content!important;max-width:calc(100vw - 16px)!important;padding:6px!important;border:1px solid #dce7ed!important;border-radius:14px!important;background:#fff!important;box-shadow:0 14px 38px rgba(16,52,73,.22)!important; } body[data-page="chat"] .civChatConversationMenuR76MP button{ display:flex!important;align-items:center!important;gap:9px!important;min-height:42px!important;padding:8px 12px!important;border:0!important;border-radius:10px!important;background:#fff7f7!important;color:#bd3543!important;-webkit-text-fill-color:#bd3543!important;font-weight:800!important;white-space:nowrap!important; } body[data-page="chat"] .civChatConversationMenuR76MP button:hover{background:#ffecee!important} /* END CIVELIQ_V8_17_513_R76MP_CHAT_LIST_SKY_AND_FULL_TITLE */ /* ===================================================================== CIVELIQ V8.17.516 · R76MS · CONVERSACIONES = MISMO PAISAJE DEL CHAT Web · Tablet · iOS · Android - Quita el fondo blanco/propio de la columna. - La columna deja ver el mismo paisaje continuo que ya pinta #app > main. - No modifica controles, tamaños, filas ni comportamiento. ===================================================================== */ /* CIVELIQ_V8_17_516_R76MS_CHAT_LIST_SAME_LANDSCAPE_ALL */ html body[data-page="chat"] .civChatListPane{ background-color:transparent!important; background-image:none!important; box-shadow:none!important; } html body[data-page="chat"] .civChatRail{ background-color:transparent!important; background-image:none!important; } html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] .civChatListPane{ background-color:transparent!important; background-image:none!important; box-shadow:none!important; } /* END CIVELIQ_V8_17_516_R76MS_CHAT_LIST_SAME_LANDSCAPE_ALL */ /* ===================================================================== CIVELIQ V8.17.521 · R76MX · APP CHAT HEADER FRAMELESS FIRST PAINT iOS · Android · PWA teléfono Los botones Llamada / Vídeo / Más nacen transparentes desde el primer frame. No depende de que las clases de plataforma lleguen un render después. ===================================================================== */ /* CIVELIQ_V8_17_521_R76MX_CHAT_HEADER_FRAMELESS_FIRST_PAINT */ @media (max-width:700px){ body[data-page="chat"] #app .mobile .mobileSpacer.civChatMobileTopHostR76HE, body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE, body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE>.civChatDirectAction, body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE>.civChatCallMenuWrap, body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE>.civChatHeadMenuWrap, body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE>[data-chat-action="audio"], body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE>[data-chat-action="video"], body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE .civChatCallToggle, body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE #civChatHeadMore{ background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-color:transparent!important;border-radius:0!important;outline:0!important; box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; } body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE>[data-chat-action="audio"]::before, body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE>[data-chat-action="video"]::before, body[data-page="chat"] #app .mobile .mobileSpacer .civChatMobileTopActionsR76HE #civChatHeadMore::before{ content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important; } } @media (max-width:700px){ /* Antes de que JS mueva las acciones a la barra superior también deben nacer sin tarjeta. */ body[data-page="chat"] #app .civChatConversationHead .civChatHeadActionsR76DZ, body[data-page="chat"] #app .civChatConversationHead .civChatHeadActionsR76DZ>[data-chat-action="audio"], body[data-page="chat"] #app .civChatConversationHead .civChatHeadActionsR76DZ>[data-chat-action="video"], body[data-page="chat"] #app .civChatConversationHead .civChatHeadActionsR76DZ>.civChatHeadMenuWrap, body[data-page="chat"] #app .civChatConversationHead .civChatHeadActionsR76DZ #civChatHeadMore, body[data-page="chat"] #app .civChatHeadActionsR76DZ.civChatMobileTopActionsR76HE, body[data-page="chat"] #app .civChatHeadActionsR76DZ.civChatMobileTopActionsR76HE>[data-chat-action="audio"], body[data-page="chat"] #app .civChatHeadActionsR76DZ.civChatMobileTopActionsR76HE>[data-chat-action="video"], body[data-page="chat"] #app .civChatHeadActionsR76DZ.civChatMobileTopActionsR76HE>.civChatHeadMenuWrap, body[data-page="chat"] #app .civChatHeadActionsR76DZ.civChatMobileTopActionsR76HE #civChatHeadMore{ background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-color:transparent!important;border-radius:0!important;outline:0!important; box-shadow:none!important;-webkit-box-shadow:none!important;filter:none!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important; } body[data-page="chat"] #app .civChatConversationHead .civChatHeadActionsR76DZ>[data-chat-action="audio"]::before, body[data-page="chat"] #app .civChatConversationHead .civChatHeadActionsR76DZ>[data-chat-action="video"]::before, body[data-page="chat"] #app .civChatConversationHead .civChatHeadActionsR76DZ #civChatHeadMore::before{ content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important; } } /* END CIVELIQ_V8_17_521_R76MX_CHAT_HEADER_FRAMELESS_FIRST_PAINT */ /* CIVELIQ_V8_17_526_R76NC_CHAT_NEW_DIRECT_FLOW */ .civChatNewPromptR76NC .civChatNewDirectDivider{display:flex;align-items:center;gap:12px;margin:2px 0;color:#6e7f8a;font-weight:800;font-size:.84rem;text-transform:lowercase} .civChatNewPromptR76NC .civChatNewDirectDivider::before,.civChatNewPromptR76NC .civChatNewDirectDivider::after{content:"";height:1px;background:rgba(11,56,83,.14);flex:1} .civChatNewPromptR76NC .civChatNewDirectDivider span{min-width:18px;text-align:center} .civChatNewPromptR76NC #civChatLoadContacts{margin-top:0} /* END CIVELIQ_V8_17_526_R76NC_CHAT_NEW_DIRECT_FLOW */ /* CIVELIQ_V8_17_527_R76ND_CONTACT_CHECK_FLOW */ .civChatStartingR76ND{min-height:260px;align-content:center} /* END CIVELIQ_V8_17_527_R76ND_CONTACT_CHECK_FLOW */ /* CIVELIQ_V8_17_529_R76NF_TABLET_CHAT_CLEAR_TOUCH */ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatClearAllConversations{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important} /* END CIVELIQ_V8_17_529_R76NF_TABLET_CHAT_CLEAR_TOUCH */ /* ===================================================================== CIVELIQ V8.17.533 · R76NJ · DOCUMENTO LIMPIO + RABILLO DIRECCIONAL ===================================================================== */ /* CIVELIQ_V8_17_533_R76NJ_DOCUMENT_SINGLE_BUBBLE_TAIL */ body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ{ appearance:none!important;-webkit-appearance:none!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important; width:100%!important;min-width:190px!important;max-width:100%!important;margin:0!important;padding:5px 2px!important; border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important; color:#172f41!important;-webkit-text-fill-color:#172f41!important;text-align:left!important;cursor:pointer!important } body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ:is(:hover,:focus,:active){background:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important} body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ>svg{width:28px!important;height:28px!important;stroke:#315c73!important;fill:none!important} body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ>span{display:flex!important;flex-direction:column!important;min-width:0!important;gap:2px!important} body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ b{font-size:16px!important;line-height:1.14!important;color:#172f41!important;-webkit-text-fill-color:#172f41!important;white-space:normal!important;overflow-wrap:anywhere!important} body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ small{font-size:12px!important;line-height:1.2!important;color:#607789!important;-webkit-text-fill-color:#607789!important} body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ>i{font-style:normal!important;font-weight:800!important;color:#173e55!important;-webkit-text-fill-color:#173e55!important;white-space:nowrap!important} /* Una única cola: siempre pertenece a la burbuja exterior. */ body[data-page="chat"] #civChatMessages .civChatMessage .civChatBubble{position:relative!important;overflow:visible!important;isolation:isolate!important} body[data-page="chat"] #civChatMessages .civChatMessage .civChatBubble::before{content:none!important;display:none!important} body[data-page="chat"] #civChatMessages .civChatMessage .civChatBubble::after{ content:""!important;display:block!important;position:absolute!important;top:auto!important;bottom:5px!important;width:10px!important;height:12px!important; border:0!important;box-shadow:none!important;pointer-events:none!important;z-index:0!important;color:transparent!important;font-size:0!important;line-height:0!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatBubble::after{ left:-6px!important;right:auto!important;background:var(--civ-chat-card-r76mh,#fff)!important;background-image:none!important;clip-path:polygon(100% 0,100% 100%,0 100%)!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatBubble::after{ right:-6px!important;left:auto!important;background:var(--civ-chat-card-r76mh,#fff2d3)!important;background-image:none!important;clip-path:polygon(0 0,100% 100%,0 100%)!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatBubble>*{position:relative!important;z-index:1!important} /* END CIVELIQ_V8_17_533_R76NJ_DOCUMENT_SINGLE_BUBBLE_TAIL */ /* ===================================================================== CIVELIQ V8.17.534 · R76NK · RABILLO FINAL DE VIÑETAS Texto · documento · multimedia. El rabillo siempre apunta al hablante. ===================================================================== */ /* CIVELIQ_V8_17_534_R76NK_BUBBLE_TAIL_FINAL */ /* La cola forma parte de la misma viñeta: triángulo corto, sin rombo/cuadrado. Recibidos apuntan a la izquierda; enviados apuntan a la derecha. */ body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){position:relative!important;overflow:visible!important;isolation:isolate!important} body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::before{content:none!important;display:none!important} body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ content:""!important;display:block!important;position:absolute!important;bottom:3px!important;width:10px!important;height:15px!important; background:var(--civ-chat-card-r76mh)!important;background-color:var(--civ-chat-card-r76mh)!important;background-image:none!important; border:0!important;box-shadow:none!important;pointer-events:none!important;z-index:0!important;transform:none!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ left:-8px!important;right:auto!important;clip-path:polygon(100% 0,100% 100%,0 78%)!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ right:-8px!important;left:auto!important;clip-path:polygon(0 0,100% 78%,0 100%)!important } body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)>*{position:relative;z-index:1} /* END CIVELIQ_V8_17_534_R76NK_BUBBLE_TAIL_FINAL */ /* ===================================================================== CIVELIQ V8.17.535 · R76NL · VIÑETAS PREMIUM + MEDIA/DOCUMENTO COMPACTO Web · Tablet · iOS/iPadOS · Android ===================================================================== */ /* CIVELIQ_V8_17_535_R76NL_CHAT_PREMIUM_BUBBLES */ body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){ border:1px solid var(--civ-chat-border-r76mh)!important; background:var(--civ-chat-card-r76mh)!important; background-color:var(--civ-chat-card-r76mh)!important; background-image:none!important; box-shadow:0 5px 16px rgba(22,58,79,.075)!important; } body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){border-radius:22px 22px 22px 8px!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){border-radius:22px 22px 8px 22px!important} body[data-page="chat"] #civChatMessages .civChatBubble{padding:10px 14px 7px!important;line-height:1.4!important} body[data-page="chat"] #civChatMessages .civChatBubble .civChatTextBody{font-size:14px!important;letter-spacing:.002em!important} body[data-page="chat"] #civChatMessages .civChatBubble footer{margin-top:3px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important} /* Documento: una viñeta pequeña, limpia y redondeada. No se altera la acción Abrir. */ body[data-page="chat"] #civChatMessages .civChatAttachmentMessageR76NL{ width:min(300px,72vw)!important;max-width:min(300px,72vw)!important;min-width:0!important; padding:7px 9px 5px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important } body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ{ display:grid!important;grid-template-columns:27px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important; width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:1px 0!important; border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important } body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ>svg{width:23px!important;height:23px!important;stroke:#315c73!important} body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ>span{gap:1px!important} body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ b{font-size:13px!important;line-height:1.16!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ small{font-size:10px!important;line-height:1.15!important;color:#6e8290!important} body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ>i{ font-size:11px!important;line-height:1!important;font-weight:850!important;padding:6px 9px!important;border-radius:999px!important; background:rgba(48,111,148,.10)!important;color:#174e70!important;-webkit-text-fill-color:#174e70!important } body[data-page="chat"] #civChatMessages .civChatDocumentInlineR76NJ:is(:hover,:focus-visible)>i{background:rgba(48,111,148,.16)!important} body[data-page="chat"] #civChatMessages .civChatAttachmentMessageR76NL>footer{margin-top:3px!important;padding:0 2px!important;background:transparent!important;border:0!important;box-shadow:none!important} /* Foto/vídeo: integrado dentro de su propia viñeta premium, sin segunda tarjeta. */ body[data-page="chat"] #civChatMessages .civChatMediaMessageR76NL{ display:block!important;width:auto!important;max-width:min(430px,72vw)!important;padding:4px!important;overflow:visible!important } body[data-page="chat"] #civChatMessages .civChatMediaMessageR76NL .civChatMediaThumb{ display:block!important;width:auto!important;max-width:100%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:18px!important;overflow:hidden!important } body[data-page="chat"] #civChatMessages .civChatMediaMessageR76NL .civChatMediaThumb :is(img,video){ display:block!important;width:auto!important;max-width:min(422px,calc(72vw - 8px))!important;max-height:430px!important;object-fit:contain!important; margin:0!important;padding:0!important;border:0!important;border-radius:18px!important;background:transparent!important;box-shadow:none!important } body[data-page="chat"] #civChatMessages .civChatMediaMessageR76NL>footer{ position:absolute!important;right:10px!important;bottom:9px!important;z-index:2!important;margin:0!important;padding:2px 6px!important; border:0!important;border-radius:999px!important;background:rgba(17,34,45,.44)!important;color:#fff!important;box-shadow:none!important;text-shadow:0 1px 2px rgba(0,0,0,.28)!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatMediaMessageR76NL>footer{left:auto!important;right:10px!important} /* El rabillo final R76NK se conserva, pero se suaviza para casar con el nuevo radio. */ body[data-page="chat"] #civChatMessages .civChatMessage :is(.civChatBubble,.civChatAttachmentMessageR76NL,.civChatMediaMessageR76NL)::after{bottom:4px!important;width:9px!important;height:13px!important} body[data-page="chat"] #civChatMessages .civChatMessage.theirs :is(.civChatBubble,.civChatAttachmentMessageR76NL,.civChatMediaMessageR76NL)::after{left:-7px!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine :is(.civChatBubble,.civChatAttachmentMessageR76NL,.civChatMediaMessageR76NL)::after{right:-7px!important} @media (max-width:700px){ body[data-page="chat"] #civChatMessages .civChatMessage{margin:6px 0!important} body[data-page="chat"] #civChatMessages .civChatBubble{max-width:82vw!important;padding:9px 12px 6px!important} body[data-page="chat"] #civChatMessages .civChatAttachmentMessageR76NL{width:min(276px,78vw)!important;max-width:min(276px,78vw)!important} body[data-page="chat"] #civChatMessages .civChatMediaMessageR76NL{max-width:84vw!important} body[data-page="chat"] #civChatMessages .civChatMediaMessageR76NL .civChatMediaThumb :is(img,video){max-width:calc(84vw - 8px)!important;max-height:390px!important} } @media (min-width:701px) and (max-width:1366px){ body[data-page="chat"] #civChatMessages .civChatAttachmentMessageR76NL{width:min(290px,64vw)!important;max-width:min(290px,64vw)!important} body[data-page="chat"] #civChatMessages .civChatMediaMessageR76NL{max-width:min(410px,68vw)!important} body[data-page="chat"] #civChatMessages .civChatMediaMessageR76NL .civChatMediaThumb :is(img,video){max-width:min(402px,calc(68vw - 8px))!important} } /* END CIVELIQ_V8_17_535_R76NL_CHAT_PREMIUM_BUBBLES */ /* CIVELIQ_V8_17_545_R76NV_CLEAN_CORE_CHAT_CSS */ body[data-page="chat"] .civChatCleanPhotoPreviewR76NV{position:relative!important;overflow:visible!important} body[data-page="chat"] .civChatCleanPhotoPreviewR76NV .civChatMediaThumb{cursor:default!important} body[data-page="chat"] .civChatCleanPhotoPreviewR76NV img{display:block!important;max-width:min(402px,68vw)!important;max-height:420px!important;object-fit:contain!important;border-radius:14px!important} /* END CIVELIQ_V8_17_545_R76NV_CLEAN_CORE_CHAT_CSS */ /* CIVELIQ_V8_17_546_R76NW_CHAT_ULTRA_LOW_LATENCY_CSS Sin cambios visuales: marcador de versión para validación de despliegue. */ /* CIVELIQ_V8_17_547_R76NX_CHAT_FAST_PULSE_CSS · sin cambios visuales */ /* CIVELIQ_V8_17_548_R76NY_IOS_KEYBOARD_WEB_PHOTO_VIEWER_FIX */ body.civChatKeyboardOpenR76NY[data-page="chat"] .bottomNav{ display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important; } body.civChatKeyboardOpenR76NY[data-page="chat"] #app main{ padding:0!important;margin:0!important;overflow:hidden!important; } body.civChatKeyboardOpenR76NY[data-page="chat"] #page{ position:fixed!important; left:0!important;right:0!important; top:var(--civ-chat-ios-vtop,0px)!important; width:100vw!important; height:var(--civ-chat-ios-vvh,100dvh)!important; min-height:0!important;max-height:none!important; margin:0!important;padding:0!important; overflow:hidden!important;z-index:80!important; background:#ccecff!important; } body.civChatKeyboardOpenR76NY[data-page="chat"] .civChatPage{ position:relative!important; width:100%!important;height:100%!important; min-height:0!important;max-height:100%!important; margin:0!important; padding:max(3px,env(safe-area-inset-top)) 0 0!important; overflow:hidden!important; box-sizing:border-box!important; } body.civChatKeyboardOpenR76NY[data-page="chat"] .civChatWorkspace{ display:block!important;width:100%!important;height:100%!important; min-height:0!important;max-height:100%!important; margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important; } body.civChatKeyboardOpenR76NY[data-page="chat"] .civChatListPane{display:none!important} body.civChatKeyboardOpenR76NY[data-page="chat"] .civChatStage{ display:block!important;width:100%!important;height:100%!important; min-height:0!important;max-height:100%!important;overflow:hidden!important; } body.civChatKeyboardOpenR76NY[data-page="chat"] .civChatConversation{ display:flex!important;flex-direction:column!important; width:100%!important;height:100%!important; min-height:0!important;max-height:100%!important; overflow:hidden!important;padding:0!important;margin:0!important; } body.civChatKeyboardOpenR76NY[data-page="chat"] .civChatConversationHead, body.civChatKeyboardOpenR76NY[data-page="chat"] .civChatPinned, body.civChatKeyboardOpenR76NY[data-page="chat"] .civChatTyping, body.civChatKeyboardOpenR76NY[data-page="chat"] .civChatComposerContext, body.civChatKeyboardOpenR76NY[data-page="chat"] #civChatComposer{flex:0 0 auto!important} body.civChatKeyboardOpenR76NY[data-page="chat"] #civChatMessages{ flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important; overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important; } body.civChatKeyboardOpenR76NY[data-page="chat"] #civChatComposer{ width:100%!important;max-width:100%!important; margin:0!important;padding-bottom:4px!important;box-sizing:border-box!important; } body[data-page="chat"] #civChatMediaViewer .civChatMediaViewerBody img{ display:block!important;max-width:min(94vw,1400px)!important;max-height:90dvh!important; width:auto!important;height:auto!important;object-fit:contain!important; } /* END CIVELIQ_V8_17_548_R76NY_IOS_KEYBOARD_WEB_PHOTO_VIEWER_FIX */ /* CIVELIQ V8.17.561 · R76OL · LAST MESSAGE VISIBILITY */ body[data-page="chat"] #civChatMessages>.civChatBottomAnchorR76OL{ display:block!important;width:100%!important;max-width:100%!important; margin:0!important;padding:0!important;border:0!important;background:transparent!important; box-shadow:none!important;pointer-events:none!important;overflow-anchor:none!important } /* En móvil, las últimas filas se miden de verdad. Evita que una foto/vídeo reciente pase de la altura intrínseca estimada a la real DESPUÉS del scroll. */ @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatMessages .civChatMessage.civChatRecentR76OL{ content-visibility:visible!important;contain:none!important;contain-intrinsic-size:auto!important } } /* END CIVELIQ_V8_17_561_R76OL_CHAT_LAST_MESSAGE_VISIBILITY_CSS */ /* ===================================================================== CIVELIQ V8.17.564 · R76OO · CHAT HOY + ÚLTIMA VIÑETA PEGADA Solo geometría pedida; no altera funciones ni colores aprobados. ===================================================================== */ /* CIVELIQ_V8_17_564_R76OO_CHAT_TODAY_LAST_BUBBLE_COMPACT_CSS */ body[data-page="chat"] #civChatMessages{ padding-bottom:4px!important; } body[data-page="chat"] #civChatMessages>.civChatDay.civChatTodayR76OO{ margin-top:5px!important;margin-bottom:12px!important; } body[data-page="chat"] #civChatMessages>.civChatDay.civChatTodayR76OO>span{ min-width:70px!important;padding:6px 15px!important; border-radius:999px!important;font-size:12px!important;font-weight:800!important; text-transform:none!important;letter-spacing:0!important;text-align:center!important; } body[data-page="chat"] #civChatMessages>.civChatMessage:last-of-type:not(:has(.civChatReactionRowR76LX,.civChatReactionRowR76LW,.civChatReactionRowR76LV,.civChatReactionRowR76LT)){ margin-bottom:1px!important; } body[data-page="chat"] #civChatMessages>.civChatBottomAnchorR76OL{ margin-top:0!important;margin-bottom:0!important; } body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK,.civChatComposerFinalR76MM){ gap:4px!important; } @media(max-width:940px){ html:is(.civeliqTabletApp,.civeliqTabletDevice) body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK,.civChatComposerFinalR76MM){gap:3px!important} } @media(max-width:700px){ html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatMessages{padding-bottom:3px!important} html:is(.civeliqMobileApp,.civeliqStandalone,.civeliqAndroidPhoneR76GZ) body[data-page="chat"] #civChatComposer:is(.civChatComposerR76DZ,.civChatComposerCleanR76MK,.civChatComposerFinalR76MM){gap:1px!important} } /* END CIVELIQ_V8_17_564_R76OO_CHAT_TODAY_LAST_BUBBLE_COMPACT_CSS */ /* ===================================================================== CIVELIQ V8.17.565 · R76OP · RABITO PREMIUM EN TODAS LAS VIÑETAS Web · PWA · Tablet · iOS/iPadOS · Android - Rabito visible y limpio para recibidos (izquierda) y enviados (derecha). - Se aplica a texto, foto, vídeo, documento y audio mediante la viñeta exterior. - Forma curva tipo mensajería moderna; sin triángulos duros ni dobles colas. ===================================================================== */ /* CIVELIQ_V8_17_565_R76OP_CHAT_BUBBLE_TAILS_ALL */ body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){ position:relative!important;overflow:visible!important;isolation:isolate!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::before{ content:none!important;display:none!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ content:""!important;display:block!important;position:absolute!important;top:auto!important;bottom:-1px!important; width:16px!important;height:18px!important;margin:0!important;padding:0!important;border:0!important; background:var(--civ-chat-card-r76mh,#fff)!important;background-color:var(--civ-chat-card-r76mh,#fff)!important;background-image:none!important; box-shadow:none!important;pointer-events:none!important;z-index:0!important;transform:none!important; clip-path:polygon(0 0,100% 0,100% 100%,0 78%)!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ left:-10px!important;right:auto!important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20'%3E%3Cpath fill='black' d='M18 0v20H5C2.6 20 .9 19.2 0 17.7c4.8.5 8.6-1 10.8-4.4C13.2 9.6 14.2 4.8 14.3 0H18Z'/%3E%3C/svg%3E") center/100% 100% no-repeat!important; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20'%3E%3Cpath fill='black' d='M18 0v20H5C2.6 20 .9 19.2 0 17.7c4.8.5 8.6-1 10.8-4.4C13.2 9.6 14.2 4.8 14.3 0H18Z'/%3E%3C/svg%3E") center/100% 100% no-repeat!important; filter:drop-shadow(-.7px .7px 0 var(--civ-chat-border-r76mh,#dbe5ea))!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ right:-10px!important;left:auto!important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20'%3E%3Cpath fill='black' d='M0 0v20h13c2.4 0 4.1-.8 5-2.3-4.8.5-8.6-1-10.8-4.4C4.8 9.6 3.8 4.8 3.7 0H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat!important; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20'%3E%3Cpath fill='black' d='M0 0v20h13c2.4 0 4.1-.8 5-2.3-4.8.5-8.6-1-10.8-4.4C4.8 9.6 3.8 4.8 3.7 0H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat!important; filter:drop-shadow(.7px .7px 0 var(--civ-chat-border-r76mh,#ead7aa))!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage) > *{ position:relative!important;z-index:1!important } /* El radio inferior acompaña el rabito sin deformar la viñeta. */ body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){border-bottom-left-radius:7px!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){border-bottom-right-radius:7px!important} @media(max-width:700px){ body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{width:15px!important;height:17px!important;bottom:-1px!important} body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{left:-9px!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{right:-9px!important} } /* END CIVELIQ_V8_17_565_R76OP_CHAT_BUBBLE_TAILS_ALL */ /* ===================================================================== CIVELIQ V8.17.566 · R76OQ · RABITO REFERENCIA REAL Web · PWA · Tablet · iOS/iPadOS · Android - Sustituye la cola corta/redondeada de R76OP por un rabito largo y fino, integrado en la esquina inferior, como la referencia aportada. - Misma geometría en recibidos y enviados, espejada por lado. - Sin mask/data-URI: clip-path poligonal compatible también con Safari/iOS. ===================================================================== */ /* CIVELIQ_V8_17_566_R76OQ_CHAT_TAIL_REFERENCE_SHAPE */ body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){ position:relative!important;overflow:visible!important;isolation:isolate!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::before{ content:none!important;display:none!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ content:""!important;display:block!important;position:absolute!important;top:auto!important;bottom:-1px!important; width:24px!important;height:18px!important;margin:0!important;padding:0!important;border:0!important; background:var(--civ-chat-card-r76mh,#fff)!important;background-color:var(--civ-chat-card-r76mh,#fff)!important;background-image:none!important; -webkit-mask:none!important;mask:none!important; -webkit-clip-path:polygon(100% 0%,100% 100%,0% 100%,17% 96%,32% 88%,46% 76%,58% 62%,68% 46%,76% 29%,82% 12%,85% 0%)!important; clip-path:polygon(100% 0%,100% 100%,0% 100%,17% 96%,32% 88%,46% 76%,58% 62%,68% 46%,76% 29%,82% 12%,85% 0%)!important; box-shadow:none!important;pointer-events:none!important;z-index:0!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ left:-17px!important;right:auto!important;transform:none!important;transform-origin:center!important; filter:drop-shadow(-.55px .55px 0 var(--civ-chat-border-r76mh,#dbe5ea))!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ right:-17px!important;left:auto!important;transform:scaleX(-1)!important;transform-origin:center!important; filter:drop-shadow(-.55px .55px 0 var(--civ-chat-border-r76mh,#ead7aa))!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){ border-bottom-left-radius:5px!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){ border-bottom-right-radius:5px!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)>*{ position:relative!important;z-index:1!important } @media(max-width:700px){ body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ width:24px!important;height:18px!important;bottom:-1px!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{left:-17px!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{right:-17px!important} } /* END CIVELIQ_V8_17_566_R76OQ_CHAT_TAIL_REFERENCE_SHAPE */ /* ===================================================================== CIVELIQ V8.17.567 · R76OR · RABITO CURVO REAL DE REFERENCIA Web · PWA · Tablet · iOS/iPadOS · Android - Rehace el rabito desde cero: fino, curvo, continuo e integrado. - Recibidos a la izquierda; enviados, geometría espejo a la derecha. - Texto, emoji, foto, vídeo, documento y audio usan la misma viñeta exterior. ===================================================================== */ /* CIVELIQ_V8_17_567_R76OR_CHAT_TAIL_CURVED_REFERENCE_REAL */ body[data-page="chat"] #civChatMessages .civChatMessage, body[data-page="chat"] #civChatMessages .civChatMessageCore, body[data-page="chat"] #civChatMessages .civChatFrameHost{ overflow:visible!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){ position:relative!important;overflow:visible!important;isolation:isolate!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::before{ content:none!important;display:none!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ content:""!important;display:block!important;position:absolute!important;top:auto!important;bottom:0!important; width:20px!important;height:15px!important;margin:0!important;padding:0!important;border:0!important; background:var(--civ-chat-card-r76mh,#fff)!important;background-color:var(--civ-chat-card-r76mh,#fff)!important;background-image:none!important; -webkit-clip-path:none!important;clip-path:none!important; box-shadow:none!important;pointer-events:none!important;z-index:0!important; -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 15'%3E%3Cpath fill='black' d='M20 0V15H13C8.2 15 4.2 14.1 1 12.2c4.5.2 8.5-1.2 11.7-4C16.1 5.2 18.2 2.2 19 0h1Z'/%3E%3C/svg%3E")!important; -webkit-mask-size:100% 100%!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-position:center!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 15'%3E%3Cpath fill='black' d='M20 0V15H13C8.2 15 4.2 14.1 1 12.2c4.5.2 8.5-1.2 11.7-4C16.1 5.2 18.2 2.2 19 0h1Z'/%3E%3C/svg%3E")!important; mask-size:100% 100%!important;mask-repeat:no-repeat!important;mask-position:center!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ left:-13px!important;right:auto!important;transform:none!important;transform-origin:center!important; -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 15'%3E%3Cpath fill='black' d='M20 0V15H13C8.2 15 4.2 14.1 1 12.2c4.5.2 8.5-1.2 11.7-4C16.1 5.2 18.2 2.2 19 0h1Z'/%3E%3C/svg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 15'%3E%3Cpath fill='black' d='M20 0V15H13C8.2 15 4.2 14.1 1 12.2c4.5.2 8.5-1.2 11.7-4C16.1 5.2 18.2 2.2 19 0h1Z'/%3E%3C/svg%3E")!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ right:-13px!important;left:auto!important;transform:none!important;transform-origin:center!important; -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 15'%3E%3Cpath fill='black' d='M0 0V15H7c4.8 0 8.8-.9 12-2.8-4.5.2-8.5-1.2-11.7-4C3.9 5.2 1.8 2.2 1 0H0Z'/%3E%3C/svg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 15'%3E%3Cpath fill='black' d='M0 0V15H7c4.8 0 8.8-.9 12-2.8-4.5.2-8.5-1.2-11.7-4C3.9 5.2 1.8 2.2 1 0H0Z'/%3E%3C/svg%3E")!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){ border-bottom-left-radius:8px!important } body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage){ border-bottom-right-radius:8px!important } body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)>*{ position:relative!important;z-index:1!important } @media(max-width:700px){ body[data-page="chat"] #civChatMessages .civChatMessage .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{ width:20px!important;height:15px!important;bottom:0!important } body[data-page="chat"] #civChatMessages .civChatMessage.theirs .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{left:-13px!important} body[data-page="chat"] #civChatMessages .civChatMessage.mine .civChatFrameHost > :is(.civChatBubble,.civChatAttachmentMessage,.civChatMediaMessage)::after{right:-13px!important} } /* END CIVELIQ_V8_17_567_R76OR_CHAT_TAIL_CURVED_REFERENCE_REAL */ /* CIVELIQ_V8_17_569_R76OT_CHAT_ID_GOLD */ body[data-page="chat"] .civChatConversationHead .civChatPeerCode{color:#b78a4e!important;-webkit-text-fill-color:#b78a4e!important;font-weight:850!important} /* END CIVELIQ_V8_17_569_R76OT_CHAT_ID_GOLD */