dialog.record-workspace { width: min(1450px,calc(100vw - 40px)); max-width:1450px; height:calc(100dvh - 40px); max-height:calc(100dvh - 40px); margin:20px; border-radius:12px; }
.record-workspace #record-form { display:flex; flex-direction:column; height:100%; min-height:0; }
.record-workspace .dialog-heading,.record-workspace .dialog-footer { flex-shrink:0; }
.record-workspace .record-workspace-body { display:grid; grid-template-columns:minmax(0,1fr); padding:0; flex:1; min-height:0; overflow:hidden; }
.record-workspace.details-open .record-workspace-body { grid-template-columns:minmax(0,1fr) 340px; }
.record-workspace [hidden] { display:none !important; }
.composer-toggle { margin-bottom:22px; }.record-composer:not([hidden]) { max-width:760px; }
.record-details { overflow-y:auto; border-left:1px solid #e4e4e7; padding:20px; scrollbar-width:thin; }
.record-details .customized-form { grid-template-columns:1fr; }.record-details .record-identity { flex-wrap:wrap; padding-bottom:18px; }.record-details .conversion-box { flex-direction:column; gap:12px; padding:12px; margin-bottom:20px; }.record-details .conversion-box > div { font-size:11px; }
.record-details-caption { display:flex; justify-content:space-between; gap:8px; padding-bottom:20px; font-size:12px; }.record-details-caption > span { color:#a1a1aa; }
.record-contact-shortcuts { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:18px; }.record-contact-shortcuts .btn { padding:6px 8px; font-size:10px; }
.record-main { display:flex; flex-direction:column; min-width:0; min-height:0; }.record-tabs { display:flex; align-items:center; gap:4px; overflow-x:auto; padding:0 18px; border-bottom:1px solid #e4e4e7; flex-shrink:0; }.record-tabs button { display:flex; gap:6px; align-items:center; padding:15px 8px; border-bottom:2px solid transparent; color:#71717a; font-size:12px; white-space:nowrap; transition:color 100ms,border-color 150ms; }.record-tabs button[aria-selected=true] { color:#18181b; border-bottom-color:#18181b; }.record-tabs .icon { width:15px; height:15px; }
.record-panel { padding:28px; overflow:auto; flex:1; min-height:0; scrollbar-width:thin; }.record-panel:focus { outline:none; }.record-section-heading { display:flex; align-items:center; gap:12px; justify-content:space-between; margin-bottom:24px; }.record-section-heading h2 { font-size:18px; font-weight:550; }.record-section-heading > span { font-size:11px; color:#a1a1aa; }.record-activity-actions { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.record-event { display:flex; gap:14px; padding-bottom:24px; font-size:12px; }.record-event-dot { width:28px; height:28px; background:#f4f4f5; border-radius:50%; display:grid; place-items:center; flex-shrink:0; }.record-event .icon { width:14px; height:14px; }.record-event strong { font-weight:500; }.record-event p { line-height:1.7; margin:8px 0; overflow-wrap:anywhere; }.record-event small { display:block; margin-top:7px; color:#a1a1aa; font-size:11px; }
.record-composer { padding:18px; border:1px solid #e4e4e7; border-radius:9px; margin-bottom:26px; }.record-composer label { display:flex; flex-direction:column; gap:8px; margin-bottom:16px; font-size:12px; }.record-composer textarea { min-height:90px; }.record-composer input[type=file] { padding:8px; width:100%; }
.record-empty { text-align:center; padding:36px 12px; color:#a1a1aa; font-size:12px; }.record-empty > .icon { width:24px; height:24px; margin-bottom:12px; }.record-connection-note { padding:13px 15px; margin-bottom:20px; border-radius:8px; background:#f4f4f5; color:#71717a; font-size:12px; line-height:1.7; }
.record-linked-task,.record-file { display:flex; align-items:center; gap:12px; padding:16px 0; border-bottom:1px solid #f0f0f0; font-size:12px; }.record-linked-task small,.record-file small { display:block; margin-top:6px; color:#a1a1aa; font-size:11px; }.record-file > div { flex:1; min-width:0; overflow-wrap:anywhere; }.record-file .icon { flex-shrink:0; }.record-data-summary { display:grid; grid-template-columns:100px 1fr; font-size:12px; gap:16px; padding:25px 0; }.record-data-summary dt { color:#71717a; }.record-data-summary dd { overflow-wrap:anywhere; }.email-app-link { display:block; margin:-12px 0 24px 42px; font-size:12px; }
@media(max-width:1000px) { .record-workspace.details-open .record-workspace-body { grid-template-columns:minmax(0,1fr) 280px; }.record-panel { padding:20px; }.record-tabs { padding:0 8px; } }
@media(max-width:700px) { dialog.record-workspace { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; margin:0; border-radius:0; }.record-workspace .record-workspace-body { display:flex; flex-direction:column; overflow-y:auto; }.record-main { flex:none; min-height:350px; }.record-panel { max-height:60vh; }.record-details { overflow:visible; border:0; border-top:1px solid #e4e4e7; }.record-section-heading > span { display:none; }.record-tabs button { padding:12px 8px; }.record-workspace .dialog-heading { padding:14px; } }