/* RenfortPro v88.37 — Messagerie Premium Lisibilité v88.34, mission context premium, conversations épinglées/archivées, cartes système et brouillon vocal avec préécoute avant envoi. */ /* -------------------------------------------------------------------------- 1. Typographie : nouvelle patte de lisibilité validée -------------------------------------------------------------------------- */ #messages.rp74Messaging .inboxTitle h2{font-size:30px!important;line-height:1.05!important;letter-spacing:-.025em} #messages.rp74Messaging .inboxTitle h2 small{font-size:13px!important;font-weight:800!important} #messages.rp74Messaging .inboxSearch{font-size:13px!important;min-height:42px!important;padding:11px 13px!important} #messages.rp74Messaging .inboxFilters{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-bottom:10px!important} #messages.rp74Messaging .inboxFilters button{font-size:11px!important;font-weight:850!important;min-height:34px!important;padding:8px 11px!important;letter-spacing:-.01em} #messages.rp74Messaging #conversationList{display:flex!important;flex-direction:column!important;gap:3px!important} #messages.rp74Messaging #conversationList .conversation[hidden]{display:none!important} #messages.rp74Messaging .rp8837UnreadCount[hidden]{display:none!important} #messages.rp74Messaging #conversationList .conversation{position:relative!important;width:100%!important;height:76px!important;min-height:76px!important;max-height:76px!important;padding:12px 34px 12px 10px!important;order:0} #messages.rp74Messaging #conversationList .conversation[data-rp-pinned="1"]{order:-1;background:linear-gradient(90deg,#f2f8ff 0%,#fff 88%)!important;box-shadow:inset 3px 0 0 #ff7b34} #messages.rp74Messaging #conversationList .conversation b{font-size:13px!important;line-height:1.15!important;font-weight:850!important} #messages.rp74Messaging #conversationList .conversation small{font-size:10.5px!important;line-height:1.35!important;margin-top:4px!important} #messages.rp74Messaging #conversationList .conversation .avatar{width:42px!important;height:42px!important;flex:0 0 42px!important;font-size:12px!important;overflow:hidden} #messages.rp74Messaging #conversationList .conversation .avatar img{width:100%;height:100%;object-fit:cover;display:block} #messages.rp74Messaging .chatHead{min-height:82px!important;height:82px!important;padding:13px 18px!important} #messages.rp74Messaging .chatHead .chatIdentity b{font-size:15px!important;font-weight:850!important;line-height:1.15!important} #messages.rp74Messaging .chatHead .chatIdentity small{font-size:11px!important;font-weight:700!important;margin-top:4px!important} #messages.rp74Messaging .quickReplies{padding:9px 14px!important;gap:7px!important} #messages.rp74Messaging .quickReplies button{font-size:11px!important;font-weight:800!important;padding:8px 11px!important} #messages.rp74Messaging .bubble{font-size:13.5px!important;line-height:1.55!important;padding:13px 15px!important} #messages.rp74Messaging .rp74BubbleTime{font-size:9.5px!important} #messages.rp74Messaging .rp74ReplyQuote{font-size:11px!important} #messages.rp74Messaging .rp74UnreadDivider{font-size:10.5px!important} #messages.rp74Messaging .rp74Older,#messages.rp74Messaging .rp74NewMessages,#messages.rp74Messaging .rp75ReturnThread{font-size:11px!important} #messages.rp74Messaging .context .kicker,#messages.rp74Messaging .rp74ContextSection h4{font-size:10.5px!important;font-weight:900!important} #messages.rp74Messaging .contextHeader h3{font-size:24px!important;line-height:1.08!important} #messages.rp74Messaging .contextFacts span,#messages.rp74Messaging .conditionLine span{font-size:10.5px!important} #messages.rp74Messaging .contextFacts b,#messages.rp74Messaging .conditionLine b{font-size:12px!important;line-height:1.3!important} #messages.rp74Messaging .contextActions button{font-size:11.5px!important;font-weight:850!important} #messages.rp74Messaging .aiSummary b{font-size:11.5px!important} #messages.rp74Messaging .aiSummary p{font-size:11px!important;line-height:1.5!important} #messages.rp74Messaging .rp83MediaButton{font-size:11px!important} #messages.rp74Messaging .rp83MediaTabs button{font-size:10.5px!important} #messages.rp74Messaging .rp83MediaGroupTitle{font-size:10px!important} #messages.rp74Messaging .rp83Doc b,#messages.rp74Messaging .rp83Voice b,#messages.rp74Messaging .rp83Link b{font-size:11.5px!important} #messages.rp74Messaging .rp83Doc small,#messages.rp74Messaging .rp83Voice small,#messages.rp74Messaging .rp83Link small,#messages.rp74Messaging .rp83Doc time,#messages.rp74Messaging .rp83Voice time,#messages.rp74Messaging .rp83Link time{font-size:9.5px!important} /* Le filtre Non lues doit être immédiatement lisible. */ #messages.rp74Messaging .inboxFilters button[data-rp-inbox-filter="unread"]{position:relative} #messages.rp74Messaging .inboxFilters button[data-rp-inbox-filter="unread"] .rp8837UnreadCount{display:inline-grid;place-items:center;margin-left:5px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#ff7138;color:#fff;font-size:9px;font-weight:900} /* -------------------------------------------------------------------------- 2. Conversations épinglées et archivées -------------------------------------------------------------------------- */ .rp8837PinMini{position:absolute;right:8px;top:9px;width:23px;height:23px;border-radius:8px;display:grid;place-items:center;font-size:12px;color:#66819a;background:#edf5fb;border:1px solid #dcebf6;opacity:.62;transition:.16s;z-index:3} .conversation:hover .rp8837PinMini,.conversation[data-rp-pinned="1"] .rp8837PinMini{opacity:1} .conversation[data-rp-pinned="1"] .rp8837PinMini{color:#d65b22;background:#fff2e9;border-color:#ffd6c2} #messages.rp74Messaging .rp8837InboxEmpty{padding:28px 14px;text-align:center;color:#718498;font-size:11px;line-height:1.5} #messages.rp74Messaging .rp8837InboxEmpty b{display:block;color:#123d66;font:700 18px Georgia;margin-bottom:6px} #messages.rp74Messaging .chatTools .rp8837ChatTool{height:38px;min-width:38px;padding:0 10px;border-radius:12px;border:1px solid #cfe0ed;background:#f8fbfe;color:#174d79;font-size:11px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:6px} #messages.rp74Messaging .chatTools .rp8837ChatTool:hover{background:#edf6fc;border-color:#b7d3e5} #messages.rp74Messaging .chatTools .rp8837ChatTool.isActive{background:#fff1e8;color:#c95822;border-color:#ffd2bb} /* -------------------------------------------------------------------------- 3. Nouveau bandeau mission premium dans le fil -------------------------------------------------------------------------- */ #messages.rp74Messaging .rp8837MissionBanner{position:relative;overflow:hidden;flex:0 0 auto;margin:0;border-bottom:1px solid #d7e6f1;background:linear-gradient(112deg,#082f55 0%,#0c4f7e 58%,#17699a 100%);color:#fff;padding:14px 17px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;box-shadow:inset 0 1px 0 #ffffff22} #messages.rp74Messaging .rp8837MissionBanner:before{content:"";position:absolute;inset:-60px -20px auto 42%;height:130px;background:radial-gradient(circle,#68b7e43d 0%,transparent 70%);pointer-events:none} #messages.rp74Messaging .rp8837MissionMark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ffffff24,#ffffff0e);border:1px solid #ffffff38;display:grid;place-items:center;font:800 12px Georgia;box-shadow:inset 0 1px #ffffff40} #messages.rp74Messaging .rp8837MissionCopy{min-width:0;position:relative;z-index:1} #messages.rp74Messaging .rp8837MissionCopy small{display:block;color:#9cd0ef;font-size:9.5px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:3px} #messages.rp74Messaging .rp8837MissionCopy b{display:block;font:700 16px/1.1 Georgia;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #messages.rp74Messaging .rp8837MissionMeta{font-size:10.5px;color:#d7edf9;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #messages.rp74Messaging .rp8837MissionStatus{display:inline-flex;align-items:center;gap:5px;margin-left:7px;color:#fff;font-weight:800} #messages.rp74Messaging .rp8837MissionStatus:before{content:"";width:6px;height:6px;border-radius:50%;background:#ff7b34;box-shadow:0 0 0 3px #ff7b3430} #messages.rp74Messaging .rp8837MissionOpen{position:relative;z-index:1;border:1px solid #ffffff45;background:#ffffff14;color:#fff;border-radius:99px;padding:9px 12px;font-size:10.5px;font-weight:850;white-space:nowrap} #messages.rp74Messaging .rp8837MissionOpen:hover{background:#fff;color:#0a4774} #messages.rp74Messaging .chatBody>.day:first-child{display:none!important} /* On premiumise également le contexte mission à droite sans doubler l'information. */ #messages.rp74Messaging .contextHeader{background:linear-gradient(145deg,#0b3f6d,#145f91)!important;color:#fff!important;border-radius:18px!important;padding:17px!important;box-shadow:0 12px 30px #0b3f6d20;min-height:0!important} #messages.rp74Messaging .contextHeader .kicker{color:#9ed1ef!important} #messages.rp74Messaging .contextHeader .status{background:#ffffff17!important;color:#fff!important;border:1px solid #ffffff2f!important} /* -------------------------------------------------------------------------- 4. Cartes système premium -------------------------------------------------------------------------- */ #messages.rp74Messaging .rp74Event{max-width:min(88%,680px)!important;margin:17px auto!important;border:1px solid #d5e4ef!important;background:linear-gradient(135deg,#f9fcff 0%,#f2f8fc 100%)!important;color:#173d5d!important;border-radius:17px!important;text-align:left!important;padding:14px 16px 14px 54px!important;font-size:12px!important;line-height:1.45!important;box-shadow:0 8px 24px #0a45670c;min-height:58px} #messages.rp74Messaging .rp74Event:before{display:none!important} #messages.rp74Messaging .rp74Event .rp8837SystemIcon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:10px;background:#e4f2fb;color:#126397;display:grid;place-items:center;font-size:14px;font-weight:900} #messages.rp74Messaging .rp74Event[data-rp-system-kind="success"] .rp8837SystemIcon{background:#e7f7ef;color:#18825b} #messages.rp74Messaging .rp74Event[data-rp-system-kind="warning"] .rp8837SystemIcon{background:#fff0e7;color:#d45f27} #messages.rp74Messaging .rp74Event .rp8837SystemLabel{display:block;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#4d7793;margin-bottom:3px} #messages.rp74Messaging .rp74Event .rp74BubbleTime{text-align:left!important;margin-top:5px!important} #messages.rp74Messaging .rpMissionProposalStrip,#messages.rp74Messaging .rpProposalBubble{border-radius:17px!important;box-shadow:0 9px 24px #0b456b10!important} #messages.rp74Messaging .rpStripCopy small,#messages.rp74Messaging .rpProposalMain small{font-size:10px!important} #messages.rp74Messaging .rpStripCopy b,#messages.rp74Messaging .rpProposalMain b{font-size:13px!important} #messages.rp74Messaging .rpStripCopy em,#messages.rp74Messaging .rpProposalMain em{font-size:10.5px!important} /* -------------------------------------------------------------------------- 5. Les actions du panneau droit descendent réellement au bas du panneau -------------------------------------------------------------------------- */ #messages.rp74Messaging #chatContext.context{display:flex!important;flex-direction:column!important;padding-bottom:12px!important} #messages.rp74Messaging #chatContext .contextActions{margin-top:auto!important;transform:none!important;bottom:0!important;position:sticky!important;background:linear-gradient(to top,#fff 84%,#ffffff00)!important;padding:26px 0 5px!important;min-height:0!important;align-content:end!important;z-index:8!important} #messages.rp74Messaging #chatContext .contextActions button{min-height:44px!important;height:44px!important} /* -------------------------------------------------------------------------- 6. Brouillon vocal : arrêter ≠ envoyer. Préécoute obligatoire possible. -------------------------------------------------------------------------- */ #messages.rp74Messaging .rp8837VoiceComposer{flex:0 0 auto;margin:0;padding:10px 14px;border-top:1px solid #dbe6ee;background:#f7fbfe;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center} #messages.rp74Messaging .rp8837VoiceRecording{display:flex;align-items:center;gap:10px;min-width:0} #messages.rp74Messaging .rp8837RecordDot{width:10px;height:10px;border-radius:50%;background:#ff6933;box-shadow:0 0 0 5px #ff69331c;animation:rp8837Pulse 1.1s infinite} @keyframes rp8837Pulse{50%{box-shadow:0 0 0 10px #ff693305}} #messages.rp74Messaging .rp8837VoiceRecording b{font-size:12px}.rp8837VoiceRecording small{font-size:10px;color:#6d8392} #messages.rp74Messaging .rp8837VoiceActions{display:flex;gap:7px;align-items:center} #messages.rp74Messaging .rp8837VoiceActions button{border:1px solid #cddde8;background:#fff;color:#174d79;border-radius:99px;padding:8px 11px;font-size:10.5px;font-weight:850} #messages.rp74Messaging .rp8837VoiceActions button.primaryVoice{background:#0d5e95;color:#fff;border-color:#0d5e95} #messages.rp74Messaging .rp8837VoiceDraft{display:grid;grid-template-columns:minmax(160px,1fr);gap:5px;min-width:0} #messages.rp74Messaging .rp8837VoiceDraft audio{width:100%;height:34px;display:block} #messages.rp74Messaging .rp8837VoiceDraft small{font-size:10px;color:#62798a;font-weight:700} #messages.rp74Messaging .chatInput .attachBtn.rp8837VoiceReady{background:#ff7b34!important;color:#fff!important;box-shadow:0 0 0 4px #ff7b3414} @media(max-width:1100px){ #messages.rp74Messaging .rp8837MissionBanner{grid-template-columns:38px minmax(0,1fr) auto;padding:12px} #messages.rp74Messaging .rp8837MissionMark{width:38px;height:38px} #messages.rp74Messaging .rp8837MissionCopy b{font-size:14px} #messages.rp74Messaging .rp8837MissionOpen{font-size:0;width:36px;height:36px;padding:0;border-radius:50%} #messages.rp74Messaging .rp8837MissionOpen:after{content:"→";font-size:14px} #messages.rp74Messaging .chatTools .rp8837ChatTool span{display:none} } @media(max-width:680px){ #messages.rp74Messaging .rp8837MissionBanner{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px} #messages.rp74Messaging .rp8837MissionMark{width:34px;height:34px;border-radius:11px} #messages.rp74Messaging .rp8837MissionMeta{font-size:9.5px} #messages.rp74Messaging .rp8837VoiceComposer{grid-template-columns:1fr} #messages.rp74Messaging .rp8837VoiceActions{justify-content:flex-end} } /* -------------------------------------------------------------------------- v88.40 — Composer premium + vocal inline stable -------------------------------------------------------------------------- */ #messages.rp74Messaging .rp8837VoiceComposer{display:none!important} #messages.rp74Messaging .chatInput{ min-height:72px!important; align-items:center!important; gap:9px!important; padding:12px 14px!important; } #messages.rp74Messaging .chatInput .attachBtn{ width:38px!important; height:38px!important; flex:0 0 38px!important; padding:0!important; border-radius:12px!important; border:1px solid #d6e2eb!important; background:linear-gradient(180deg,#ffffff,#f4f8fb)!important; color:#174f7d!important; box-shadow:0 4px 12px rgba(20,70,108,.07)!important; display:grid!important; place-items:center!important; transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important; } #messages.rp74Messaging .chatInput .attachBtn svg{ width:18px!important;height:18px!important;display:block!important; fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important; } #messages.rp74Messaging .chatInput .attachBtn:hover{ transform:translateY(-1px)!important; border-color:#ff9b72!important; background:#fff6f1!important; color:#df602e!important; box-shadow:0 7px 16px rgba(255,112,58,.12)!important; } #messages.rp74Messaging .chatInput .attachBtn.rp8840VoiceActive{ border-color:#ff7541!important;background:#fff0e9!important;color:#e85f2b!important; box-shadow:0 0 0 4px rgba(255,117,65,.10)!important; } #messages.rp74Messaging .chatInput .attachBtn.rp8840VoiceReady{ border-color:#2d6795!important;background:#edf6fc!important;color:#174f7d!important; box-shadow:0 0 0 4px rgba(23,79,125,.07)!important; } #messages.rp74Messaging .chatInput.rp8840VoiceMode #msgInput{display:none!important} #messages.rp74Messaging .rp8840VoiceInline{ height:46px!important;min-width:0!important;flex:1 1 auto!important; display:flex!important;align-items:center!important;gap:9px!important; padding:5px 7px 5px 11px!important; border:1px solid #d7e3ec!important;border-radius:15px!important; background:linear-gradient(135deg,#fbfdff,#f0f6fa)!important; box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(20,66,101,.04)!important; overflow:hidden!important; } #messages.rp74Messaging .rp8840RecordDot{ width:9px;height:9px;border-radius:50%;background:#ff6d35;flex:0 0 auto; box-shadow:0 0 0 5px rgba(255,109,53,.12);animation:rp8840Pulse 1.15s ease-in-out infinite; } @keyframes rp8840Pulse{50%{box-shadow:0 0 0 9px rgba(255,109,53,.03)}} #messages.rp74Messaging .rp8840VoiceCopy{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1} #messages.rp74Messaging .rp8840VoiceCopy b{font-size:14px!important;font-weight:850!important;color:#173f62!important} #messages.rp74Messaging .rp8840VoiceCopy span{font-size:13px!important;font-weight:800!important;color:#677f91!important;font-variant-numeric:tabular-nums} #messages.rp74Messaging .rp8840VoiceAction{ width:32px!important;height:32px!important;flex:0 0 32px!important;padding:0!important; border-radius:10px!important;border:1px solid #d7e1e9!important;background:#fff!important;color:#607788!important; display:grid!important;place-items:center!important;font-size:18px!important;font-weight:700!important;box-shadow:none!important; } #messages.rp74Messaging .rp8840VoiceAction:hover{background:#fff4ee!important;border-color:#ffb08d!important;color:#df602e!important} #messages.rp74Messaging .rp8840VoiceAction.rp8840Stop{background:#153f66!important;border-color:#153f66!important;color:#fff!important} #messages.rp74Messaging .rp8840VoiceAction.rp8840Stop span{display:block;width:8px;height:8px;border-radius:2px;background:currentColor} #messages.rp74Messaging .rp8840VoicePlayMark{ width:28px!important;height:28px!important;flex:0 0 28px!important;padding:0!important;border:0!important;border-radius:9px!important; background:#173f66!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:10px!important;pointer-events:none!important; } #messages.rp74Messaging .rp8840VoiceDraftCopy{display:flex;flex-direction:column;justify-content:center;min-width:96px;line-height:1.12} #messages.rp74Messaging .rp8840VoiceDraftCopy b{font-size:13px!important;font-weight:850!important;color:#173f62!important} #messages.rp74Messaging .rp8840VoiceDraftCopy span{font-size:10.5px!important;font-weight:700!important;color:#6b8292!important;white-space:nowrap} #messages.rp74Messaging .rp8840VoiceInline audio{height:32px!important;min-width:120px!important;flex:1 1 200px!important;display:block!important} #messages.rp74Messaging .chatInput button.rp8840SendReady{background:#ff7138!important;color:#fff!important;box-shadow:0 7px 18px rgba(255,113,56,.22)!important} @media(max-width:760px){ #messages.rp74Messaging .chatInput{gap:6px!important;padding:9px 10px!important} #messages.rp74Messaging .chatInput .attachBtn{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important} #messages.rp74Messaging .rp8840VoiceInline{gap:6px!important;padding-left:8px!important} #messages.rp74Messaging .rp8840VoiceDraftCopy span{display:none!important} #messages.rp74Messaging .rp8840VoiceDraftCopy{min-width:56px!important} #messages.rp74Messaging .rp8840VoiceInline audio{min-width:88px!important} } /* -------------------------------------------------------------------------- v88.41 — Barre d’actions conversation harmonisée -------------------------------------------------------------------------- */ #messages.rp74Messaging .chatHead{gap:12px!important} #messages.rp74Messaging .chatHead .chatTools{ margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important; } #messages.rp74Messaging .chatHead .chatTools>button, #messages.rp74Messaging .chatHead .chatTools .rp83MediaButton, #messages.rp74Messaging .chatHead .chatTools .rp74SearchToggle, #messages.rp74Messaging .chatHead .chatTools .rp8837ChatTool, #messages.rp74Messaging .chatHead .chatTools .conversationDelete56{ min-height:40px!important;height:40px!important;min-width:40px!important; border:1px solid #cfdde8!important;border-radius:12px!important; background:linear-gradient(180deg,#fff,#f6f9fb)!important;color:#174f7d!important; padding:0 12px!important;margin:0!important;box-shadow:0 4px 12px rgba(22,66,99,.055)!important; display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important; font-size:11.5px!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important; transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease!important; } #messages.rp74Messaging .chatHead .chatTools>button:hover, #messages.rp74Messaging .chatHead .chatTools .rp83MediaButton:hover, #messages.rp74Messaging .chatHead .chatTools .rp74SearchToggle:hover, #messages.rp74Messaging .chatHead .chatTools .rp8837ChatTool:hover{ transform:translateY(-1px)!important;border-color:#b6cfdf!important;background:#eef6fb!important;color:#123f64!important; box-shadow:0 7px 16px rgba(22,66,99,.09)!important; } #messages.rp74Messaging .chatHead .chatTools .rp83MediaButtonIcon{width:23px!important;height:23px!important;border-radius:7px!important;background:#eaf3f8!important} #messages.rp74Messaging .chatHead .chatTools .rp83MediaCount{min-width:21px!important;height:21px!important;padding:0 6px!important;border-radius:999px!important;background:#e7eef3!important;color:#395f78!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:900!important} #messages.rp74Messaging .chatHead .chatTools .rp8837ChatTool.isActive{background:#fff3ec!important;color:#c85725!important;border-color:#ffd0ba!important} #messages.rp74Messaging .chatHead .chatTools .conversationDelete56.rp8841DangerTool{ color:#aa493b!important;border-color:#ebccc7!important;background:linear-gradient(180deg,#fff,#fff7f5)!important; } #messages.rp74Messaging .chatHead .chatTools .conversationDelete56.rp8841DangerTool:hover{ color:#91392f!important;border-color:#e2aaa1!important;background:#fff0ed!important;transform:translateY(-1px)!important; } @media(max-width:1180px){ #messages.rp74Messaging .chatHead .chatTools>button, #messages.rp74Messaging .chatHead .chatTools .rp83MediaButton, #messages.rp74Messaging .chatHead .chatTools .rp8837ChatTool, #messages.rp74Messaging .chatHead .chatTools .conversationDelete56{padding:0 9px!important;font-size:10.5px!important} }