.lead-interview-conversation-panel{background:#fff;color:#0f172a;border-left:1px solid #e2e8f0;box-shadow:-4px 0 22px #0f172a0f}.lead-interview-conversation-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0}.lead-interview-conversation-tab{display:flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:12px;font-weight:750;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.lead-interview-conversation-tab:hover{background:#f1f5f9}.lead-interview-conversation-tab.is-active{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 3px 9px #2563eb2e}.lead-interview-conversation-body,.lead-interview-remark-feed,.lead-interview-status{background:#fff!important}.lead-interview-remark-feed>.msgr-scroll,.lead-interview-status>.msgr-scroll{padding:16px 14px!important;background:#fff}.lead-interview-remark-feed>.msgr-scroll>div,.lead-interview-status>.msgr-scroll>div{position:relative}.lead-interview-remark-feed>.msgr-scroll>div:before,.lead-interview-status>.msgr-scroll>div:before{content:"";position:absolute;top:9px;bottom:9px;left:7px;width:2px;border-radius:2px;background:#cfe0f7}.lead-interview-remark-feed>.msgr-scroll>div>div:not([class*=date]){font-size:12px}.lead-interview-remark-feed p,.lead-interview-status p{line-height:1.5}.lead-conversation-event{position:relative;padding-left:27px;margin:0 0 14px}.lead-conversation-dot{position:absolute;z-index:1;top:6px;left:0;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 1px 4px #0f172a33}.lead-conversation-status-event .lead-conversation-dot{background:#4f46e5}.lead-conversation-card{overflow:hidden;border:1px solid #d6e0ed;border-radius:9px;background:#fff;box-shadow:0 2px 7px #0f172a0b}.lead-conversation-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px 7px}.lead-conversation-card>header time,.lead-conversation-card>header span:not(.lead-conversation-tag){color:#8293a8;font-size:9px}.lead-conversation-tag{padding:3px 6px;border-radius:4px;background:#eaf2ff;color:#3268ba;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.25px}.lead-conversation-card>strong{display:block;padding:0 10px;color:#244364;font-size:11px}.lead-conversation-card>p{margin:7px 10px 10px;color:#405a75;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.lead-conversation-card>footer{display:flex;justify-content:flex-end;gap:5px;padding:6px 8px;border-top:1px solid #edf1f6;background:#fafcff}.lead-conversation-card>footer button{display:flex;align-items:center;gap:4px;padding:3px 6px;border:0;border-radius:5px;background:transparent;color:#66809e;font-size:9px;font-weight:700}.lead-conversation-card>footer button:hover{background:#eef4fb;color:#315f94}.lead-conversation-card>footer button.is-delete{color:#b45656}.lead-conversation-card>footer button.is-delete:hover{background:#fff0f0;color:#a83232}.lead-conversation-edit{padding:8px 10px 10px}.lead-conversation-edit textarea{width:100%;box-sizing:border-box;min-height:64px;padding:8px;border:1px solid #bfd0e4;border-radius:7px;background:#f8fafc;color:#334e68;font-size:11px;resize:vertical}.lead-conversation-edit>div{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.lead-conversation-edit button{display:grid;place-items:center;width:26px;height:26px;border:1px solid #d6e0eb;border-radius:6px;background:#fff;color:#64748b}.lead-conversation-edit button:last-child{border-color:#4f76d6;background:#4f76d6;color:#fff}.lead-conversation-change{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;margin:0 10px 9px;padding:8px;border-radius:6px;background:#f3f6fa;color:#60758e;font-size:9px}.lead-conversation-change b{color:#94a3b8}.lead-conversation-change strong{color:#294d76;text-align:right}.lead-conversation-status-remark{margin:0 10px 9px;padding:8px;border:1px solid #e1e8f0;border-radius:6px;background:#fafcff}.lead-conversation-status-remark>b{display:block;margin-bottom:4px;color:#637b97;font-size:8px;text-transform:uppercase}.lead-conversation-status-remark p{margin:0;color:#405a75;font-size:10px;line-height:1.5}.lead-conversation-status-card>footer{display:block;padding:7px 10px;color:#657d98;font-size:9px}.lead-interview-composer{padding:12px 14px!important;border-top:1px solid #e2e8f0!important;background:#fff!important}.lead-interview-composer>label{display:block;margin:0 0 7px;color:#52667f;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.35px}.lead-interview-composer>textarea{display:block;width:100%;height:auto;min-height:58px;max-height:180px;overflow-y:hidden;box-sizing:border-box;padding:8px 10px;resize:none;border:1px solid #cbd8e8;border-radius:8px;background:#f8fafc;color:#355270;-webkit-text-fill-color:#355270;font-size:12px;line-height:1.5;outline:none}.lead-interview-composer>textarea:focus{border-color:#6b91df;box-shadow:0 0 0 2px #4f76d61f}.lead-interview-composer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.lead-interview-composer-actions small{color:#8a9aae;font-size:9px}.lead-interview-composer button{display:flex;align-items:center;gap:5px;height:32px!important;min-height:32px!important;margin:0!important;padding:6px 11px!important;border:0;border-radius:7px!important;background:#4f76d6!important;color:#fff!important;font-size:11px!important;font-weight:750!important}.lead-interview-composer button:disabled{background:#aac1e8!important}.lead-interview-status>div:first-of-type{background:#f8fafc!important;border-color:#e2e8f0!important}@media (max-width:1024px){.lead-interview-conversation-panel{width:290px;min-width:290px}}
