.convo-note-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.52)}
.convo-note-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:41;width:min(620px,calc(100vw - 32px));padding:0;border-radius:16px;max-height:calc(100dvh - 32px);overflow:auto;background:#fff;box-shadow:0 12px 32px #0003;font-size:13px}
.convo-note-head{height:52px;padding:0 16px;display:flex;align-items:center;background:#f7f7f7;border-bottom:1px solid #e5e5e5}
.convo-note-head h2{font-size:14px;font-weight:650;margin:0;flex:1}
.convo-note-close{width:24px;height:24px;display:grid;place-items:center;border:0;background:transparent;color:#454545;padding:0}
.convo-note-close .icon{width:16px;height:16px}
.convo-note-body{padding:15px 16px 13px}
.convo-note-body label{display:block;font-weight:600;margin:0 0 6px}
.convo-note-body textarea{display:block;width:100%;height:172px;padding:6px 12px;resize:none;border:1px solid #aaa;border-radius:8px;outline:none;background:#fff;color:#333;font-size:13px;line-height:1.45}
.convo-note-body textarea:focus{border-color:#767676;box-shadow:0 0 0 2px #00000012}
.convo-note-body textarea::placeholder{color:#777}
.convo-note-body p{margin:6px 0 0;color:#666}
.convo-note-actions{min-height:60px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 16px;border-top:1px solid #e8e8e8}
.convo-note-actions .btn{font-size:13px;height:28px;min-height:28px;padding:4px 12px}
.convo-detail-card .assignee-button{margin-top:9px}
.convo-saved-note{display:block;width:100%;height:112px;min-height:112px;margin-top:9px;padding:6px 12px;border:1px solid transparent;border-radius:8px;background:rgba(0,0,0,.05);color:#303030;font-size:13px;line-height:20px;resize:none;outline:none;overflow:auto}