.rec-timeline{border-inline-start:1px solid var(--rec-line,#e4e7ec);flex:none;width:310px;min-width:0;padding-inline-start:16px}.timeline-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.timeline-head h3{margin:0;font-size:14px}.rec-timeline .timeline-new{border:1px solid var(--rec-line,#e4e7ec);background:var(--surface,#fff);height:26px;color:var(--ink,#302747);cursor:pointer;border-radius:3px;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.rec-timeline .timeline-new:hover:not(:disabled){background:var(--canvas,#f7f7fa)}.timeline-tabs{border-bottom:1px solid var(--rec-line,#e4e7ec);flex-wrap:wrap;gap:0 2px;margin:10px 0 4px;display:flex}.rec-timeline .timeline-tabs button{color:var(--muted,#667085);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:4px;padding:5px 6px;font-size:12px;display:inline-flex}.rec-timeline .timeline-tabs button:hover:not(:disabled){color:var(--ink,#302747);background:0 0}.rec-timeline .timeline-tabs button.active{color:var(--ink,#302747);border-bottom-color:var(--accent,#66508f);font-weight:600}.timeline-count{background:var(--canvas,#f1f1f5);min-width:16px;color:var(--muted,#667085);text-align:center;border-radius:8px;padding:0 4px;font-size:10px;line-height:15px}.rec-timeline .note-box{margin:8px 0 4px}.note-actions{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.rec-timeline .note-actions button{height:26px;padding:0 10px;font-size:12px}.timeline-list{margin:10px 0 0;padding:0;list-style:none}.timeline-entry{grid-template-columns:22px minmax(0,1fr);gap:8px;display:grid}.timeline-rail{justify-content:center;display:flex;position:relative}.timeline-rail:before{content:"";background:var(--rec-line,#e4e7ec);width:1px;margin-inline-start:-.5px;position:absolute;inset-block:0;inset-inline-start:50%}.timeline-entry.last .timeline-rail:before{block-size:14px}.timeline-icon{background:var(--surface,#fff);width:22px;height:22px;color:var(--muted,#667085);border-radius:50%;justify-content:center;align-items:center;margin-top:2px;display:inline-flex;position:relative}.timeline-icon.kind-note,.timeline-icon.kind-created{border:1px solid var(--rec-line,#e4e7ec);color:var(--ink,#302747)}.timeline-body{min-width:0;padding-bottom:14px}.timeline-line{color:var(--muted,#667085);align-items:baseline;gap:8px;font-size:12px;display:flex}.timeline-line strong{color:var(--ink,#302747);font-weight:600}.timeline-line em{color:var(--ink,#302747);font-style:normal;font-weight:500}.timeline-when{color:var(--muted,#667085);white-space:nowrap;flex:none;margin-inline-start:auto;font-size:11px}.timeline-moved{color:var(--muted,#667085);flex-wrap:wrap;align-items:baseline;gap:5px;margin:3px 0 0;font-size:12px;display:flex}.moved-field{color:var(--muted,#667085)}.moved-before{opacity:.75;text-decoration:line-through}.moved-after{color:var(--ink,#302747);font-weight:600}.rec-timeline .timeline-more{color:var(--accent-ink,#66508f);cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:3px;margin-top:4px;padding:2px 6px 2px 2px;font-size:11px;display:inline-flex}.rec-timeline .timeline-more:hover:not(:disabled){background:var(--accent-soft,#f3eff9)}.timeline-note{gap:7px;margin-top:4px;display:flex}.timeline-note .person{background:var(--accent-soft,#f3eff9);width:22px;height:22px;color:var(--accent-ink,#66508f);text-align:center;border-radius:50%;flex:none;font-size:10px;font-weight:600;line-height:22px}.timeline-note .rich-text{flex:1;min-width:0;margin-top:0}.timeline-empty,.timeline-error{color:var(--muted,#667085);margin:14px 0;font-size:12px}.timeline-error{color:#b42318}@media (width<=1100px){.rec-timeline{border-inline-start:0;border-top:1px solid var(--rec-line,#e4e7ec);padding-inline-start:0;width:auto;margin-top:18px;padding-top:14px}}.note-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:10px;display:grid}.note-card{border:1px solid var(--rec-line,#e4e7ec);background:var(--surface,#fff);border-radius:4px;padding:8px 9px}.note-card header{align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.note-card header strong{color:var(--ink,#302747);font-weight:600}.note-card header time{color:var(--muted,#667085);margin-inline-start:auto;font-size:11px}.note-card .person{background:var(--accent-soft,#f3eff9);width:20px;height:20px;color:var(--accent-ink,#66508f);text-align:center;border-radius:50%;flex:none;font-size:9px;font-weight:600;line-height:20px}.note-card .rich-text{background:0 0;border-color:#0000;margin-top:0}.note-card .rich-text .rich-text-body{padding:0}.note-card.editing .rich-text,.note-card .rich-text:not(.read-only){border-color:var(--rec-line,#e4e7ec);background:var(--surface,#fff)}.rec-timeline .note-card .note-actions button{height:22px;padding:0 7px;font-size:11px}.rec-timeline .note-card .note-actions button.danger{color:#b42318}.task-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.task-card{border:1px solid var(--rec-line,#e4e7ec);border-inline-start:3px solid var(--rec-line,#e4e7ec);background:var(--surface,#fff);border-radius:4px;padding:7px 9px;font-size:12px}.task-card.overdue{border-inline-start-color:#b42318}.task-card.done{opacity:.65}.task-card.done .task-line strong{text-decoration:line-through}.task-line{align-items:baseline;gap:8px;display:flex}.task-line strong{color:var(--ink,#302747);font-weight:600}.task-when{color:var(--muted,#667085);white-space:nowrap;flex:none;margin-inline-start:auto;font-size:11px}.task-when.late{color:#b42318;font-weight:600}.task-meta{color:var(--muted,#667085);align-items:center;gap:8px;margin-top:3px;font-size:11px;display:flex}.task-kind{text-transform:capitalize}.task-priority{background:var(--canvas,#f1f1f5);text-transform:capitalize;border-radius:8px;padding:0 5px}.task-priority.high{color:#b42318;background:#fdeceb}.rec-timeline .task-done{border:1px solid var(--rec-line,#e4e7ec);background:var(--surface,#fff);cursor:pointer;border-radius:3px;height:21px;margin-inline-start:auto;padding:0 7px;font-size:11px}.timeline-count.late{color:#b42318;background:#fdeceb;font-weight:600}.file-drop{border:1px dashed #0000;border-radius:4px;margin-top:10px;padding:2px}.file-drop.over{border-color:var(--accent,#66508f);background:var(--accent-soft,#f3eff9)}.file-add{align-items:center;gap:7px;margin-bottom:8px;display:flex}.rec-timeline .file-add button{border:1px solid var(--rec-line,#e4e7ec);background:var(--surface,#fff);height:26px;color:var(--ink,#302747);cursor:pointer;border-radius:3px;align-items:center;gap:5px;padding:0 9px;font-size:12px;display:inline-flex}.file-add small{color:var(--muted,#667085);font-size:11px}.file-list{margin:0;padding:0;list-style:none}.file-list li{border-bottom:1px solid var(--rec-line,#e4e7ec);align-items:center;gap:7px;padding:5px 4px;font-size:12px;display:flex}.file-list li:last-child{border-bottom:0}.file-list .file-open{min-width:0;color:var(--accent-ink,#66508f);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:0;display:flex}.file-list .file-open:hover .file-name{text-decoration:underline}.file-thumbnail,.file-type-thumbnail{border:1px solid var(--rec-line,#e4e7ec);background:var(--canvas,#f7f7fa);border-radius:3px;flex:none;width:44px;height:32px}.file-thumbnail{object-fit:cover;display:block}.file-type-thumbnail{color:var(--accent-ink,#66508f);letter-spacing:.03em;place-items:center;font-size:9px;font-weight:700;display:grid}.file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-size,.file-list time{color:var(--muted,#667085);white-space:nowrap;flex:none;font-size:11px}.rec-timeline .file-list button.icon-only{width:20px;height:20px;color:var(--muted,#667085);background:0 0;border:0;padding:0}.rec-timeline .file-list button.icon-only:hover:not(:disabled){color:#b42318;background:0 0}.timeline-entry .timeline-line em{font-style:normal}.attachment-preview-dialog{width:min(920px,100vw - 32px)}.attachment-preview-toolbar{border-bottom:1px solid var(--rec-line,#e4e7ec);color:var(--muted,#667085);justify-content:flex-end;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.attachment-preview-toolbar span{margin-inline-end:auto}.attachment-preview-toolbar a{border:1px solid var(--rec-line,#e4e7ec);min-height:28px;color:var(--accent-ink,#66508f);border-radius:4px;align-items:center;gap:5px;padding:0 9px;text-decoration:none;display:inline-flex}.attachment-preview-body{background:var(--canvas,#f7f7fa);place-items:center;min-height:420px;max-height:min(72vh,760px);padding:12px;display:grid;overflow:auto}.attachment-preview-body img{object-fit:contain;max-width:100%;max-height:calc(72vh - 24px);display:block}.attachment-preview-body iframe{background:#fff;border:0;width:100%;height:min(68vh,720px)}@media (width<=640px){.attachment-preview-toolbar{flex-wrap:wrap}.attachment-preview-toolbar span{width:100%}.attachment-preview-body{min-height:55vh;padding:6px}}.mail-tab{margin-top:10px}.rec-timeline .mail-new{border:1px solid var(--rec-line,#e4e7ec);background:var(--surface,#fff);height:26px;color:var(--ink,#302747);cursor:pointer;border-radius:3px;align-items:center;gap:5px;margin-bottom:8px;padding:0 9px;font-size:12px;display:inline-flex}.mail-compose{border-bottom:1px solid var(--rec-line,#e4e7ec);margin-bottom:10px;padding-bottom:8px}.mail-compose label{color:var(--muted,#667085);align-items:center;gap:6px;margin-bottom:5px;font-size:12px;display:flex}.mail-compose label span{flex:none;width:48px}.mail-compose input{border:1px solid var(--rec-line,#e4e7ec);background:var(--surface,#fff);min-width:0;height:26px;color:var(--ink,#302747);font:inherit;border-radius:2px;flex:1;padding:2px 6px;font-size:12px}.mail-list{margin:0;padding:0;list-style:none}.mail-list li{border-bottom:1px solid var(--rec-line,#e4e7ec);padding:2px 0}.mail-list li:last-child{border-bottom:0}.rec-timeline .mail-head{width:100%;color:var(--muted,#667085);text-align:start;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:7px;padding:6px 4px;font-size:12px;display:flex}.rec-timeline .mail-head:hover:not(:disabled){background:var(--canvas,#f7f7fa)}.mail-head strong{text-overflow:ellipsis;white-space:nowrap;max-width:55%;color:var(--ink,#302747);flex:none;font-weight:600;overflow:hidden}.mail-to{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mail-head time{white-space:nowrap;flex:none;font-size:11px}.mail-list li.failed{border-inline-start:3px solid #b42318;padding-inline-start:6px}.mail-failed{color:#b42318;margin:0 0 6px 4px;font-size:11px}.mail-body{padding:0 4px 8px}.mail-body .rich-text{margin-top:0}.timeline-icon.kind-email{border:1px solid var(--rec-line,#e4e7ec);color:var(--ink,#302747)}.call-tab{margin-top:10px}.rec-timeline .call-new{border:1px solid var(--rec-line,#e4e7ec);background:var(--surface,#fff);height:26px;color:var(--ink,#302747);cursor:pointer;border-radius:3px;align-items:center;gap:5px;margin-bottom:8px;padding:0 9px;font-size:12px;display:inline-flex}.call-row{gap:8px;margin-bottom:8px;display:flex}.call-form select,.call-form input{border:1px solid var(--line,#e4e7ec);min-width:0;height:30px;font:inherit;border-radius:2px;flex:1;padding:3px 7px}.call-list{margin:0;padding:0;list-style:none}.call-list li{border-bottom:1px solid var(--rec-line,#e4e7ec);gap:8px;padding:8px 4px;display:flex}.call-list li:last-child{border-bottom:0}.call-icon{background:var(--canvas,#f7f7fa);width:24px;height:24px;color:var(--muted,#667085);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.call-list li.status-no_answer .call-icon,.call-list li.status-failed .call-icon,.call-list li.status-busy .call-icon{color:#b42318;background:#fdeceb}.call-body{flex:1;min-width:0}.call-line{color:var(--muted,#667085);align-items:baseline;gap:7px;font-size:12px;display:flex}.call-line strong{color:var(--ink,#302747);font-weight:600}.call-length{font-variant-numeric:tabular-nums}.call-line time{white-space:nowrap;flex:none;margin-inline-start:auto;font-size:11px}.call-number{color:var(--muted,#667085);margin:2px 0 0;font-size:11px}.call-body .rich-text{margin-top:4px}.business-dialog .mail-compose,.business-dialog .call-form{min-width:520px}.business-dialog .mail-compose label span{width:64px}.chat-tab{margin-top:10px}.chat-thread{flex-direction:column;gap:6px;max-height:340px;margin:0 0 10px;padding:0;list-style:none;display:flex;overflow-y:auto}.chat-thread li{flex-direction:column;display:flex}.chat-out{align-items:flex-end}.chat-in{align-items:flex-start}.chat-bubble{background:var(--canvas,#f1f1f5);border-radius:8px;max-width:86%;padding:6px 8px;font-size:12px}.chat-out .chat-bubble{background:var(--accent-soft,#f3eff9)}.chat-thread.failed .chat-bubble,.chat-thread li.failed .chat-bubble{background:#fdeceb}.chat-bubble p{white-space:pre-wrap;color:var(--ink,#302747);margin:0}.chat-template{background:var(--surface,#fff);color:var(--muted,#667085);border-radius:8px;margin-bottom:3px;padding:0 5px;font-size:10px;display:inline-block}.chat-meta{color:var(--muted,#667085);align-items:baseline;gap:6px;margin-top:3px;font-size:10px;display:flex}.chat-status{text-transform:capitalize;font-style:normal}.chat-status.read{color:var(--accent-ink,#66508f);font-weight:600}.chat-status.failed{color:#b42318}.chat-error{color:#b42318;margin:2px 4px 0;font-size:10px}.chat-compose{border-top:1px solid var(--rec-line,#e4e7ec);padding-top:8px}.chat-compose input{border:1px solid var(--rec-line,#e4e7ec);background:var(--surface,#fff);width:100%;height:28px;color:var(--ink,#302747);font:inherit;border-radius:2px;margin-bottom:6px;padding:3px 7px;font-size:12px}.chat-send{align-items:flex-start;gap:6px;display:flex}.chat-send input{flex:1;margin-bottom:0}.rec-timeline .chat-send button{border:1px solid var(--rec-line,#e4e7ec);background:var(--surface,#fff);width:28px;height:28px;color:var(--accent-ink,#66508f);cursor:pointer;border-radius:2px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-window{color:var(--muted,#667085);margin:0 0 6px;font-size:11px}.timeline-tabs.icons{gap:2px}.timeline-tabs.icons button{align-items:center;gap:3px;padding:5px 7px;display:inline-flex}.timeline-tabs.icons button svg{display:block}.ai-placeholder{text-align:center;color:#6e8ca6;flex-direction:column;align-items:center;gap:6px;padding:22px 12px;display:flex}.ai-placeholder p{margin:0;font-size:12px}