/* Reuse the approved window, Pipedrive rail, editor typography and reveal treatment. */
@import url('/animations/signals-scenes.css');
.multichannel{font-family:Arial,Helvetica,sans-serif}.multichannel .back{height:230px}.multichannel .bar{min-height:32px;padding:7px 10px}.multichannel .bar strong{font-size:12px}.multichannel .bar small{font-size:10px}
.pd-contact{padding:7px 10px 5px;display:flex;align-items:baseline;gap:9px}.pd-contact strong{font-size:15px;font-weight:500}.pd-contact span{color:#6c727c;font-size:10px}.pd-fields{display:grid;grid-template-columns:1fr 1fr;padding:6px 10px;border-block:1px solid #ececf0;gap:10px}.pd-fields span{display:block;color:#737986;font-size:9px}.pd-fields b{font-size:11px;font-weight:400;color:#8e6e36}.draft{margin:7px 9px;padding:6px 8px;display:flex;gap:7px;background:#f7f7f8;border:1px solid #e6e6e9;border-radius:3px}.draft img{width:16px;height:16px;object-fit:contain;margin-top:2px}.draft b{display:block;font-size:10px;font-weight:500}.draft span{display:block;font-size:9px;color:#7e8590;margin-top:2px}
.gmail{top:173px;left:3%;right:19px;z-index:2;border-radius:11px;font-family:Arial,Helvetica,sans-serif}.gmail .bar{background:#f6f9fd;border-bottom:0}.gmail .bar img{width:21px}.gmail .bar strong{font-size:14px;color:#5f6368;font-weight:500}.mail-search{margin-left:auto;background:#eaf1fb;border-radius:14px;color:#606b79;padding:4px 12px;font-size:10px}.gmail-subject{padding:7px 12px 3px;color:#202124;font-size:12px}.gmail-subject span{display:inline-block;font-size:8px;color:#65706d;background:#eef0ef;padding:1px 4px;margin-left:5px;border-radius:2px}.gmail-person{padding:5px 12px;display:flex;gap:6px;align-items:center;font-size:10px;color:#777}.gmail-person i{font-style:normal;border-radius:50%;width:21px;height:21px;background:#ead8cb;color:#775e4d;display:grid;place-items:center;font-size:9px}.gmail-person b{color:#303134;font-size:10px}.gmail-copy{padding:3px 12px 13px;font-size:11px;color:#303134;line-height:1.45}.gmail-copy p{margin:0 0 4px}.gmail-copy p:last-child{margin:0}
.meeting{left:12%;right:5px;top:307px;z-index:3;border-radius:6px;font-family:Arial,Helvetica,sans-serif}.meeting .bar{gap:7px;border-bottom:1px solid #e2e3e6}.meeting .bar img{width:53px;height:15px;object-fit:contain}.meeting .bar strong{font-size:12px;font-weight:500}.meeting-person{font-size:10px;color:#6d7580;padding:6px 10px 4px}.meeting-fields{margin:0;padding:5px 10px 12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.meeting-fields dt{font-size:9px;color:#7a7f86;margin-bottom:3px}.meeting-fields dd{margin:0;font-size:10px;line-height:1.35;color:#323a46}.missing dd{color:#967137}.meeting-state{font-size:9px;margin-left:auto;background:#e9f5e9;color:#348146;border-radius:3px;padding:3px 5px}
.lemlist-sequence .bar{border-bottom:1px solid #e7e9ef}.sequence-tabs{display:flex;gap:20px;padding:6px 12px 0;border-bottom:1px solid #e6e9f0;font-size:10px;color:#8b91a0;height:27px}.sequence-tabs b{color:#326cdc;font-weight:500;border-bottom:2px solid #4f7dec;padding-bottom:6px}.channel-track{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:11px 15px 8px}.channel-track li{position:relative;text-align:center;min-width:0}.channel-icon{position:relative;height:29px;width:29px;border:1px solid #dfe6f0;border-radius:7px;display:grid;place-items:center;margin:0 auto 4px;background:#fff;transition:background .85s,border-color .85s}.channel-icon img{width:18px;height:18px;object-fit:contain}.channel-icon svg{width:17px;height:17px;fill:none;stroke:#087cff;stroke-width:1.7}.channel-icon i{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:#1ba576;color:white;font-style:normal;font-size:8px;opacity:0;transition:opacity .85s}.channel-track .is-revealed .channel-icon{background:#eef6ff;border-color:#bed6ff}.channel-track .is-revealed .channel-icon i{opacity:1}.channel-track strong{display:block;font-size:11px;font-weight:500}.channel-track li>span{font-size:9px;color:#788493;display:block;margin-top:2px;white-space:nowrap}
.channel-track li:not(:last-child)::after{content:'';position:absolute;right:-17px;top:14px;width:14px;border-top:1px solid #b7c6d9;transition:border-color .85s}.channel-track li:not(:last-child)::before{content:'';position:absolute;right:-17px;top:11px;width:6px;height:6px;border-top:1px solid #b7c6d9;border-right:1px solid #b7c6d9;transform:rotate(45deg);transition:border-color .85s}.channel-track li.is-revealed::after,.channel-track li.is-revealed::before{border-color:#458bf0}
.sequence-rule{border-top:1px solid #edf0f4;display:flex;justify-content:space-between;gap:6px;padding:5px 10px;font-size:9px;color:#788696}.sequence-rule b{font-size:9px;font-weight:500;color:#218064}
.aircall{top:177px;left:5%;right:15px;z-index:2;border-radius:8px;color:#284951;background:#fff}.aircall .bar{background:#f3f7f6;border-color:#e0e9e7}.aircall .bar strong{color:#254850;font-size:13px}.aircall .bar small{color:#708b8a}.call-identity{padding:7px 10px 4px;display:flex;gap:7px;align-items:center}.initials{display:grid;place-items:center;border:1px solid #d6e5e0;border-radius:50%;background:#f3f8f6;color:#52776c;width:26px;height:26px;font-size:10px}.call-identity strong{display:block;font-size:12px;font-weight:600}.call-identity small{display:block;font-size:9px;color:#71857f;margin-top:1px}.call-status{color:#00885f;background:#e9f5f0;padding:4px 6px;border-radius:12px;margin-left:auto;font-size:10px}.call-context{padding:4px 10px 7px;font-size:10px}.call-context b{font-weight:500;color:#315b56;display:block}.call-context span{display:block;color:#758982;margin-top:3px;font-size:9px}.call-outcome{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #e4ece8;padding:6px 10px 10px;font-size:9px;color:#466d5e}.call-outcome span{color:#25865b}.converted{top:310px}.converted .meeting-fields{grid-template-columns:1.3fr 1fr 1fr}
.converted{top:315px}
@media(max-width:380px){.pd-contact span{font-size:9px}.pd-contact{gap:6px}.gmail{right:10px;left:2%;top:173px}.gmail-subject{font-size:11px}.meeting{left:4%;right:4px}.meeting .bar strong{font-size:11px}.meeting .bar img{width:44px}.meeting-fields{gap:4px;padding-inline:8px}.meeting-fields dd{font-size:10px}.channel-track{gap:18px;padding-inline:9px}.channel-track li>span{font-size:8px}.channel-track li:not(:last-child)::before,.channel-track li:not(:last-child)::after{right:-16px}.sequence-rule{font-size:8px}.aircall{left:3%;right:7px}.call-identity strong{font-size:11px}.meeting-state{font-size:8px;padding:3px}.converted{top:315px}}
