/* 最后修改：2026-10-15 15:57:08（北京时间）— 全部业务表格共用浅灰悬停变量，保留原深色及业务色。 */ /* 最后修改：2026-10-15 09:52:00（北京时间）— 跟进页面与工作台底部沿用主界面底色，取消独立纯白底。 */ /* 最后修改：2026-10-12 09:24:04（北京时间）— 切换中延迟轻微变淡并禁止操作。 */ /* 最后修改：2026-10-12 09:16:33（北京时间）— 左右圆形切换按钮、保存状态按钮、手机底部上一位。 */ /* 最后修改：2026-10-11 18:38:28（北京时间）— 寄样单/新增订单恢复标签在左、两项一行一页显示，保存按钮黑色；微信与联系方式互换。 */ /* 最后修改：2026-10-11 18:23:31（北京时间）— 联系方式与公海评分互换；新增订单原字段紧凑多列一页显示。 */ /* 最后修改：2026-10-11 17:59:30（北京时间）— 当前阶段纯色、查看更早靠右、订单表单“更多信息”、补充说明一行高。 */ /* 最后修改：2026-10-11 17:36:29（北京时间）— 撤回改动线上布局的覆盖；记录折叠；底部新增寄样/订单浅色次要、手机一行四个48px。 */ /* 最后修改：2026-10-11 17:17:15（北京时间）— 阶段色结果按钮、两行精简记录区、联系方式置顶、资料去重成一行、弹窗随内容高度。 */ /* 最后修改：2026-10-11 16:48:02（北京时间）— 记录区置顶，标签左、选项右，底栏按钮靠右；恢复“移出跟进”显示。 */ /* 最后修改：2026-10-11 16:10:55（北京时间）— 删除自定义二级日期输入框，保留手机两行三列。 */ /* 最后修改：2026-10-10 18:34:00（北京时间）— 下次联系浅色按钮，手机两行三列及停止/恢复提醒。 */ /* 最后修改：2026-10-10 17:28:30（北京时间）— 详情收至800px，修正正文滚动条缩进并统一记录左右边线。 */ /* 最后修改：2026-10-10 17:25:10（北京时间）— 跟进详情六项资料标题与内容居中。 */ /* 最后修改：2026-10-10 17:19:34（北京时间）— 补齐工作台右边框，详情收窄并对齐内容区，移除详情背景模糊。 */ /* 最后修改：2026-10-10 17:12:04（北京时间）— 工作台取消内层滚动，底部沿用公海分页字体。 */ /* 最后修改：2026-10-10 17:06:27（北京时间）— 提示靠右，跟进标题细体、备注内容加粗。 */ /* 最后修改：2026-10-10 16:53:58（北京时间）— 正式客户跟进工作台：统一头部、两行清单、居中详情及手机单据对齐。 */ /* 仅作用于客户跟进、样品、订单及共用跟进详情；保留已确认样式的层叠顺序。 */ /* 工作台与单据布局 */ .ff-native-workbench #page-followup {background:var(--index-layout-bg)!important;} :where(body.ff-native-workbench) #ff-root {position:absolute;top:var(--cw-tabs-height,64px);bottom:0;left:0;right:0;display:flex;flex-direction:column;min-width:0;color:var(--text);background:var(--index-layout-bg);font:14px/1.6 var(--font);--ff-line:var(--ws-line,#dfe0dd);--ff-muted:var(--text2,#6b7280);} :where(body.ff-native-workbench) #ff-root *, :where(body.ff-native-workbench) #ff-sheet *, :where(body.ff-native-workbench) #ff-bar *, :where(body.ff-native-workbench) #ff-foot * {box-sizing:border-box;} :where(body.ff-native-workbench) .ff-btn, :where(body.ff-native-workbench) #ff-root input, :where(body.ff-native-workbench) #ff-sheet input, :where(body.ff-native-workbench) #ff-sheet select, :where(body.ff-native-workbench) #ff-sheet textarea, :where(body.ff-native-workbench) #ff-foot select {font:inherit;color:inherit;background:var(--index-layout-bg);border:1px solid var(--ff-line,#dfe0dd);border-radius:6px;padding:6px 12px;min-height:34px;max-width:100%;min-width:0;} :where(body.ff-native-workbench) .ff-btn {display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:13px;font-weight:500;line-height:1.5;box-shadow:none;} :where(body.ff-native-workbench) .ff-btn:hover:not(:disabled) {border-color:var(--text2,#6b7280);} :where(body.ff-native-workbench) .ff-btn:active {opacity:.75;} :where(body.ff-native-workbench) .ff-btn:disabled {opacity:.45;cursor:wait;} :where(body.ff-native-workbench) .ff-btn:focus-visible, :where(body.ff-native-workbench) #ff-root input:focus-visible, :where(body.ff-native-workbench) #ff-sheet :is(input,select,textarea,button):focus-visible, :where(body.ff-native-workbench) #ff-foot :is(button,select):focus-visible, :where(body.ff-native-workbench) .ff-row:focus-visible {outline:2px solid var(--text2,#6b7280);outline-offset:2px;} :where(body.ff-native-workbench) .ff-btn[aria-pressed="true"], :where(body.ff-native-workbench) .ff-btn.ff-primary {background:var(--text,#111827);border-color:var(--text,#111827);color:var(--index-layout-bg);} :where(body.ff-native-workbench) #ff-content {flex:1;min-height:0;min-width:0;overflow:auto;padding:16px 28px 36px;} :where(body.ff-native-workbench) .ff-chip {display:inline-flex;padding:1px 8px;border-radius:4px;color:#000;font-size:12px;white-space:nowrap;line-height:1.6;} :where(body.ff-native-workbench) .ff-warn {color:#b45309;} :where(body.ff-native-workbench) .ff-muted {color:var(--ff-muted);} :where(body.ff-native-workbench) .ff-draft {display:inline-block;font-size:12px;line-height:18px;color:var(--ff-muted);border:1px solid var(--ff-line);border-radius:4px;padding:0 5px;} :where(body.ff-native-workbench) .ff-link {border:0;background:none;padding:6px 0;font:inherit;font-size:13px;color:var(--ff-muted);cursor:pointer;text-decoration:underline;text-decoration-color:var(--ff-line);text-underline-offset:3px;} :where(body.ff-native-workbench) .ff-link:hover {color:var(--text);} :where(body.ff-native-workbench) #ff-queue, :where(body.ff-native-workbench) #ff-content>.ff-link {max-width:880px;} :where(body.ff-native-workbench) #ff-queue {border-top:1px solid var(--ff-line);} :where(body.ff-native-workbench) .ff-row {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--ff-line);cursor:pointer;transition:background .12s;} :where(body.ff-native-workbench) .ff-row:hover {background:var(--table-row-hover-bg,rgba(0,0,0,.035));} :where(body.ff-native-workbench) .ff-row.is-sel {background:rgba(0,0,0,.055);box-shadow:inset 3px 0 0 var(--text,#111827);} :where(body.ff-native-workbench) .ff-draft-slot:empty {display:none;} :where(body.ff-native-workbench) #ff-content>.ff-link {display:block;margin-top:6px;} :where(body.ff-native-workbench) .ff-fold>.ff-btn:first-child {height:220px;flex-direction:column;justify-content:flex-start;padding:12px 0;} :where(body.ff-native-workbench) .ff-fold>.ff-btn span, :where(body.ff-native-workbench) .ff-fold>.ff-btn small {writing-mode:vertical-rl;} :where(body.ff-native-workbench) .ff-lv {flex:0 0 auto;font-size:11px;font-weight:700;line-height:18px;padding:0 5px;border:1px solid var(--ff-line);border-radius:4px;color:var(--ff-muted);} :where(body.ff-native-workbench) #ff-root .ff-meta {display:block;font-size:12px;color:var(--ff-muted);white-space:normal;} .ff-native-workbench #foDetailPanel {position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;transform:none!important;width:var(--ff-panel-w)!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important;border-left:1px solid var(--ws-line,#dfe0dd)!important;box-shadow:-12px 0 32px rgba(0,0,0,.08)!important;display:flex!important;flex-direction:column!important;background:var(--index-layout-bg)!important;color:var(--text);font:14px/1.6 var(--font);transition:none!important;animation:none!important;} .ff-native-workbench #foDetailOverlay {transition:none!important;animation:none!important;} .ff-native-workbench #foDetailPanel .fo-dp-header, .ff-native-workbench #foDetailPanel #dpInfo, .ff-native-workbench #foDetailPanel #cw-followup-actions, .ff-native-workbench #foDetailPanel .workflow-detail-nav, .ff-native-workbench #foDetailPanel .fo-tl-input-wrap {display:none!important;} .ff-native-workbench #foDetailPanel.cd-fo .fo-dp-body, .ff-native-workbench #foDetailPanel .fo-dp-body {flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;display:block!important;padding:0!important;background:var(--index-layout-bg)!important;} :where(body.ff-native-workbench) #ff-bar {flex:0 0 auto;display:flex;align-items:center;gap:12px;height:56px;padding:0 24px;border-bottom:1px solid var(--ws-line,#dfe0dd);font:14px var(--font);color:var(--text);} :where(body.ff-native-workbench) .ff-bar-title {font-weight:600;} :where(body.ff-native-workbench) #ff-remain {font-size:12.5px;color:var(--text2,#6b7280);} :where(body.ff-native-workbench) .ff-x {margin-left:auto;height:32px;padding:0 12px;border:1px solid var(--ws-line,#dfe0dd);border-radius:6px;background:transparent;font:500 13px var(--font);color:var(--text);cursor:pointer;} :where(body.ff-native-workbench) .ff-x:hover {border-color:var(--text2,#6b7280);} :where(body.ff-native-workbench) #ff-sheet {--ff-line:var(--ws-line,#dfe0dd);--ff-muted:var(--text2,#6b7280);color:var(--text);background:var(--index-layout-bg);} :where(body.ff-native-workbench) #ff-sheet .ff-sec, :where(body.ff-native-workbench) #ff-record {background:var(--index-layout-bg);} :where(body.ff-native-workbench) #ff-sheet :is(input,select,textarea), :where(body.ff-native-workbench) #ff-foot select {background:var(--index-layout-bg)!important;color:var(--text)!important;border-color:var(--ws-line)!important;} :where(body.ff-native-workbench) .ff-remove {flex:0 0 auto;height:28px;margin-top:1px;padding:0 10px;border:1px solid #f1d3ce;border-radius:6px;background:transparent;color:#b42318;font:500 12.5px var(--font);cursor:pointer;white-space:nowrap;} :where(body.ff-native-workbench) .ff-remove:hover {background:transparent;border-color:#e9b4ab;} :where(body.ff-native-workbench) .ff-tags {display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;} :where(body.ff-native-workbench) .ff-tags .customer-level-select-shell {margin:0;} :where(body.ff-native-workbench) .ff-protect {font-size:12.5px;color:var(--ff-muted);} :where(body.ff-native-workbench) .ff-protect.ff-warn {color:#b45309;} :where(body.ff-native-workbench) .ff-sec {padding:16px calc(24px - var(--cd-sb,0px)) 16px 24px;border-bottom:1px solid var(--ff-line);} :where(body.ff-native-workbench) .ff-sec-label {margin:0 0 10px;font-size:13px;font-weight:500;color:var(--ff-muted);letter-spacing:0;} :where(body.ff-native-workbench) .ff-switch {display:inline-flex;align-items:center;gap:8px;margin-left:0;border:0;background:none;padding:0;font:inherit;font-size:14px;color:var(--text);cursor:pointer;} :where(body.ff-native-workbench) .ff-switch i {position:relative;width:30px;height:18px;border-radius:9px;background:#d4d4d8;transition:background .15s;} :where(body.ff-native-workbench) .ff-switch i::after {content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .15s;} :where(body.ff-native-workbench) .ff-switch[aria-checked="true"] i {background:#16a34a;} :where(body.ff-native-workbench) .ff-switch[aria-checked="true"] i::after {left:14px;} :where(body.ff-native-workbench) .ff-kv {display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;margin:0;font-size:14px;line-height:1.6;} :where(body.ff-native-workbench) .ff-kv dt {margin:0;color:var(--ff-muted);font-size:13px;line-height:22.4px;} :where(body.ff-native-workbench) .ff-kv dd {margin:0;min-width:0;overflow-wrap:anywhere;} :where(body.ff-native-workbench) .ff-quality {display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:inherit;} :where(body.ff-native-workbench) #ff-record .ff-results {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;} :where(body.ff-native-workbench) #ff-record .ff-results .ff-btn {height:40px;min-width:0;padding:6px 4px;white-space:nowrap;text-align:center;line-height:1.5;} :where(body.ff-native-workbench) .ff-date-value {display:flex;align-items:center;min-height:40px;font-weight:400;} :where(body.ff-native-workbench) #ff-sheet .ff-note {display:block;width:100%;margin-top:12px;min-height:38px;resize:none;overflow:hidden;line-height:1.5;} :where(body.ff-native-workbench) .ff-hint {display:flex;justify-content:space-between;gap:12px;margin:4px 0 0;font-size:12px;color:var(--ff-muted);} :where(body.ff-native-workbench) .ff-hint #ff-note-count {flex-shrink:0;} :where(body.ff-native-workbench) .ff-hint:has(#ff-renew:empty) {justify-content:flex-end;} :where(body.ff-native-workbench) #ff-error {margin:8px 0 0;color:#b45309;white-space:pre-wrap;} :where(body.ff-native-workbench) #ff-error:empty {display:none;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimelineHead, .ff-native-workbench #foDetailPanel #dpTimelineHead {margin:0!important;padding:16px calc(24px - var(--cd-sb,0px)) 10px 24px!important;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimelineTitle {font-size:13px!important;font-weight:500!important;color:var(--text2,#6b7280)!important;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimeline, .ff-native-workbench #foDetailPanel #dpTimeline {margin:0!important;padding:0 calc(24px - var(--cd-sb,0px)) 16px 24px!important;border-top:0!important;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-item {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;margin:0!important;padding:12px 0!important;border-color:var(--ws-line)!important;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-item>:not(.fo-tl-dot) {grid-column:1!important;grid-row:auto!important;margin:0!important;min-width:0;max-width:100%;justify-self:stretch!important;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-time {font-size:12px!important;color:var(--text2,#6b7280)!important;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-content {font-size:14px!important;font-weight:400!important;line-height:1.6!important;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-type {display:block;width:fit-content;margin:0 0 6px!important;font-size:12px!important;font-weight:500!important;color:var(--text2,#6b7280)!important;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-actions {display:flex;justify-content:flex-start;max-width:none!important;} :where(body.ff-native-workbench) #ff-boundary {margin:0;padding:16px calc(24px - var(--cd-sb,0px)) 16px 24px;border-top:1px solid var(--ws-line);font:12px/1.7 var(--font);color:var(--text2,#6b7280);} :where(body.ff-native-workbench) #ff-boundary:empty {display:none;} :where(body.ff-native-workbench) #ff-foot {flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-top:1px solid var(--ws-line,#dfe0dd);background:var(--index-layout-bg);font:14px var(--font);} :where(body.ff-native-workbench) #ff-foot>.ff-primary {min-width:168px;height:44px;min-height:44px;font-size:14px;font-weight:600;} :where(body.ff-native-workbench) #ff-toast {position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:25000;display:flex;align-items:center;gap:10px;padding:10px 16px;max-width:calc(100vw - 32px);width:max-content;background:var(--index-layout-bg);border:1px solid var(--ws-line,#dfe0dd);border-radius:6px;font:13px/1.6 var(--font);color:var(--text);} :where(body.ff-native-workbench) #ff-toast[hidden] {display:none;} @media (min-width:761px) { .ff-native-workbench #page-followup #customer-workspace-tabs {height:64px;min-height:64px;} .ff-native-workbench #page-followup {--cw-tabs-height:64px;} } @media (max-width:760px) { .ff-native-workbench #page-followup {--cw-tabs-height:64px;} .ff-native-workbench #page-followup #customer-workspace-tabs {height:64px;min-height:64px;padding:10px 16px;} .ff-native-workbench #page-followup .cw-workspace-tools {display:none!important;} :where(body.ff-native-workbench) #ff-root {font-size:16px;} :where(body.ff-native-workbench) .ff-btn {min-height:44px;font-size:14px;white-space:normal;} :where(body.ff-native-workbench) #ff-content {padding:14px 16px 80px;} :where(body.ff-native-workbench) #ff-queue {display:grid;gap:10px;border-top:0;} :where(body.ff-native-workbench) .ff-row {padding:14px 14px;border:1px solid var(--ff-line);border-radius:10px;gap:12px;} :where(body.ff-native-workbench) .ff-chip {font-size:13px;} :where(body.ff-native-workbench) .ff-link {min-height:44px;font-size:14px;} .ff-native-workbench #foDetailPanel {width:100vw!important;border-left:0!important;box-shadow:none!important;} :where(body.ff-native-workbench) #ff-bar {height:56px;padding:0 16px;} :where(body.ff-native-workbench) .ff-x {height:44px;padding:0 16px;font-size:14px;} :where(body.ff-native-workbench) .ff-remove {min-height:44px;height:auto;padding:0 8px;font-size:12px;} :where(body.ff-native-workbench) .ff-tags .customer-level-select-shell, :where(body.ff-native-workbench) .ff-tags .customer-level-select {min-height:44px;} :where(body.ff-native-workbench) .ff-sec {padding:12px calc(16px - var(--cd-sb,0px)) 12px 16px;} :where(body.ff-native-workbench) .ff-sec-label {font-size:13px;} :where(body.ff-native-workbench) .ff-switch {min-height:44px;font-size:16px;} :where(body.ff-native-workbench) .ff-kv {grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:baseline;font-size:16px;} :where(body.ff-native-workbench) .ff-kv dt {font-size:13px;line-height:25.6px;} :where(body.ff-native-workbench) .ff-quality {min-height:44px;} :where(body.ff-native-workbench) #ff-record .ff-results {grid-template-columns:repeat(2,minmax(0,1fr));} :where(body.ff-native-workbench) #ff-record .ff-results .ff-btn {height:48px;} .ff-native-workbench #foDetailPanel .detail-inline-btn {min-height:44px!important;height:auto!important;} :where(body.ff-native-workbench) #ff-sheet input, :where(body.ff-native-workbench) #ff-sheet select, :where(body.ff-native-workbench) #ff-sheet textarea {font-size:16px;min-height:44px;padding:8px;} :where(body.ff-native-workbench) .ff-date-value {min-height:44px;} :where(body.ff-native-workbench) .ff-hint {font-size:13px;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimelineHead {padding:16px calc(16px - var(--cd-sb,0px)) 10px 16px!important;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimeline {padding:0 calc(16px - var(--cd-sb,0px)) 16px 16px!important;} :where(body.ff-native-workbench) #ff-boundary {padding:16px calc(16px - var(--cd-sb,0px)) 16px 16px;font-size:13px;} .ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-content {font-size:16px!important;} :where(body.ff-native-workbench) #ff-foot {padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px;} :where(body.ff-native-workbench) #ff-foot>.ff-primary {flex:1;min-width:0;height:48px;min-height:48px;font-size:16px;padding:6px 8px;} :where(body.ff-native-workbench) #ff-toast {top:auto;bottom:96px;left:16px;right:16px;transform:none;width:auto;max-width:none;flex-wrap:wrap;font-size:14px;} } @media (prefers-reduced-motion:reduce) { :where(body.ff-native-workbench) #ff-root *, :where(body.ff-native-workbench) #ff-sheet *, :where(body.ff-native-workbench) #ff-foot * {transition:none!important;animation:none!important;} } .ff-native-workbench {--ff-panel-w:560px;} .ff-native-workbench #foDetailPanel.ff-clean {--index-layout-bg:#fff;--text:#111111;--text2:#737373;--text3:#96999f;--ws-line:#e5e5e7;--ff-line:#e5e5e7;--ff-muted:#777b83;font:14px/1.5 var(--font);color:var(--text);} :where(body.ff-native-workbench) #foDetailPanel.ff-clean :is(#ff-sheet,#ff-bar,#ff-foot) {font-family:inherit;} :where(body.ff-native-workbench) .ff-clean #ff-sheet {color:var(--text);} :where(body.ff-native-workbench) #foDetailPanel.ff-clean #ff-bar {height:54px;padding:0 22px;border-bottom:1px solid var(--ws-line);color:var(--text);gap:10px;flex-shrink:0;} :where(body.ff-native-workbench) .ff-clean .ff-bar-title {display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;} :where(body.ff-native-workbench) .ff-clean .cd-ic {width:15px;height:15px;min-width:15px;filter:grayscale(1);opacity:.66;vertical-align:middle;} :where(body.ff-native-workbench) .ff-clean .ff-x {display:flex!important;align-items:center;justify-content:center;border:0;font-size:19px;font-weight:400;width:32px;height:32px;padding:0;border-radius:50%;margin-left:auto;color:var(--text2);} :where(body.ff-native-workbench) .ff-clean .ff-x:hover {background:#f5f5f6;color:var(--text);} :where(body.ff-native-workbench) .ff-quiet {border:0;background:transparent;padding:3px 0;font:inherit;font-size:12px;color:var(--text2);line-height:1.5;cursor:pointer;} :where(body.ff-native-workbench) .ff-quiet:hover {color:var(--text);} :where(body.ff-native-workbench) .ff-clean :is(button,summary,input,select,textarea):focus-visible {outline:2px solid var(--text2,#777);outline-offset:3px;} :where(body.ff-native-workbench) .ff-clean summary::-webkit-details-marker {display:none;} :where(body.ff-native-workbench) .ff-ref-section {padding:18px 22px;border-bottom:1px solid var(--ws-line);} :where(body.ff-native-workbench) .ff-ref-section h3 {font-size:12px;font-weight:400;color:var(--text2);margin:0 0 12px;line-height:1.5;} :where(body.ff-native-workbench) .ff-section-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;} :where(body.ff-native-workbench) .ff-section-heading h3 {margin:0;} :where(body.ff-native-workbench) .ff-section-heading>span {font-size:11px;color:var(--text2);} :where(body.ff-native-workbench) .ff-protection-line {margin-top:12px;display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text2);} :where(body.ff-native-workbench) .ff-protection-line b {font-weight:500;color:var(--text);} :where(body.ff-native-workbench) .ff-section-heading .ff-period {padding:5px 10px;border:1px solid var(--ws-line);border-radius:16px;font-size:11px;color:var(--text);} :where(body.ff-native-workbench) .ff-work {padding:20px 22px;} :where(body.ff-native-workbench) .ff-work h3 {font-size:13px;font-weight:500;margin:0 0 12px;color:var(--text2);} :where(body.ff-native-workbench) .ff-sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;} :where(body.ff-native-workbench) .ff-note-label {display:block;margin-top:18px;font-size:12px;color:var(--text2);} :where(body.ff-native-workbench) .ff-note-label small {font:inherit;margin-left:6px;color:var(--text3);} :where(body.ff-native-workbench) #ff-sheet .ff-note-label .ff-note {margin-top:6px;font-size:14px;padding:10px 12px;line-height:1.5;border-radius:8px;} :where(body.ff-native-workbench) .ff-note-meta {display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--text2);margin-top:6px;} :where(body.ff-native-workbench) .ff-note-meta #ff-note-count {white-space:nowrap;} :where(body.ff-native-workbench) .ff-info {padding:22px;} :where(body.ff-native-workbench) .ff-info .ff-kv {gap:20px 16px;} :where(body.ff-native-workbench) .ff-clean:not([data-ff-pane="history"]) :is(#dpTimelineHead,#dpTimeline), :where(body.ff-native-workbench) .ff-clean:not([data-ff-pane="info"]) #ff-boundary {display:none!important;} :where(body.ff-native-workbench) .ff-clean #ff-foot {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;min-height:66px;border-top:1px solid var(--ws-line);} :where(body.ff-native-workbench) .ff-clean #ff-foot>.ff-quiet {font-size:12px;text-decoration:underline;text-underline-offset:3px;} :where(body.ff-native-workbench) .ff-foot-actions {display:flex;align-items:center;gap:9px;margin-left:auto;} :where(body.ff-native-workbench) .ff-clean .ff-primary {background:#202124!important;border-color:#202124!important;color:white!important;border-radius:20px!important;min-height:36px;padding:8px 15px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:none;} :where(body.ff-native-workbench) .ff-clean .ff-primary:hover:not(:disabled) {background:#3a3a3a!important;} :where(body.ff-native-workbench) .ff-clean .ff-primary:disabled {opacity:.5;cursor:wait;} :where(body.ff-native-workbench) .ff-info .ff-kv dd {color:var(--text);} :where(body.ff-native-workbench) .ff-quick-notes {margin-top:15px;} :where(body.ff-native-workbench) .ff-quick-label {display:flex;align-items:baseline;gap:8px;margin-bottom:7px;font-size:12px;color:var(--text2);} :where(body.ff-native-workbench) .ff-quick-label span {font-size:11px;} :where(body.ff-native-workbench) .ff-quick-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;} :where(body.ff-native-workbench) .ff-quick-note {min-height:34px;padding:6px 8px;border:1px solid var(--ws-line);border-radius:7px;background:var(--index-layout-bg);font:400 12px/1.5 var(--font);color:var(--text);cursor:pointer;white-space:normal;} :where(body.ff-native-workbench) .ff-quick-note:hover:not(:disabled) {border-color:var(--text2,#777);background:color-mix(in srgb,var(--index-layout-bg) 94%,#202124);} :where(body.ff-native-workbench) .ff-quick-note:active {border-color:#202124;} :where(body.ff-native-workbench) .ff-quick-note:disabled {opacity:.5;cursor:wait;} :where(body.ff-native-workbench) .ff-work>.ff-quick-notes {margin:0 0 18px;} :where(body.ff-native-workbench) .ff-result-caption {display:block;margin-bottom:6px;font-size:12px;color:var(--text2);} @media (max-width:760px) { :where(body.ff-native-workbench) .ff-quick-grid {gap:6px;} :where(body.ff-native-workbench) .ff-quick-note {min-height:44px;padding:6px 5px;font-size:13px;} :where(body.ff-native-workbench) .ff-quick-label {font-size:12px;} } html.theme-dark :where(body.ff-native-workbench) #foDetailPanel.ff-clean, body.dark-mode:where(.ff-native-workbench) #foDetailPanel.ff-clean {--index-layout-bg:#202126;--text:#ededf0;--text2:#a3a4ad;--text3:#85868f;--ws-line:#393a43;--ff-line:#393a43;--ff-muted:#a3a4ad;} :where(body.ff-native-workbench) .theme-dark .ff-clean .cd-ic, :where(body.ff-native-workbench) .dark-mode .ff-clean .cd-ic {filter:grayscale(1) invert(.8);} @media (max-height:950px) and (min-width:761px) { :where(body.ff-native-workbench) #foDetailPanel.ff-clean #ff-bar {height:48px;} :where(body.ff-native-workbench) .ff-ref-section {padding-top:14px;padding-bottom:14px;} :where(body.ff-native-workbench) .ff-clean #ff-foot {padding-top:12px;padding-bottom:12px;min-height:60px;} } @media (max-width:760px) { :where(body.ff-native-workbench) #foDetailPanel.ff-clean #ff-bar {padding:0 20px;height:50px;} :where(body.ff-native-workbench) .ff-ref-section {padding:16px 20px;} :where(body.ff-native-workbench) .ff-ref-section h3 {font-size:12px;} :where(body.ff-native-workbench) .ff-section-heading>span {font-size:11px;} :where(body.ff-native-workbench) .ff-work {padding:18px 20px;} :where(body.ff-native-workbench) #ff-sheet .ff-note-label .ff-note {font-size:16px;min-height:44px;} :where(body.ff-native-workbench) .ff-note-meta {font-size:11px;} :where(body.ff-native-workbench) .ff-info {padding:20px;} :where(body.ff-native-workbench) .ff-clean #ff-foot {min-height:72px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));gap:8px;} :where(body.ff-native-workbench) .ff-clean .ff-primary {min-height:44px;padding:10px 14px;font-size:13px;border-radius:24px!important;} :where(body.ff-native-workbench) .ff-clean #ff-foot>.ff-quiet {min-height:44px;display:flex;align-items:center;font-size:12px;} :where(body.ff-native-workbench) .ff-foot-actions {gap:6px;} } .ff-native-workbench #foDetailPanel.ff-clean {--ff-panel-w:560px;} :where(body.ff-native-workbench) .ff-clean .ff-work {padding:18px 22px 12px;} :where(body.ff-native-workbench) .ff-clean .ff-work .ff-quick-notes {margin:16px 0;} :where(body.ff-native-workbench) .ff-clean .ff-quick-note {border:0;background:#f5f5f6;font-size:12px;} :where(body.ff-native-workbench) #ff-sheet .ff-note-label .ff-note {min-height:42px;} :where(body.ff-native-workbench) .ff-fold-info {padding:0 22px 18px;font-size:13px;color:var(--text);} :where(body.ff-native-workbench) .ff-fold-info>summary {padding:14px 0;border-top:1px solid var(--ws-line);cursor:pointer;color:var(--text2);list-style:none;display:flex;justify-content:space-between;} :where(body.ff-native-workbench) .ff-fold-info>summary:after {content:"⌄";} :where(body.ff-native-workbench) .ff-fold-info[open]>summary:after {content:"⌃";} :where(body.ff-native-workbench) .ff-fold-info dl {display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;margin:4px 0 16px;} :where(body.ff-native-workbench) .ff-fold-info dt {color:var(--text2);} :where(body.ff-native-workbench) .ff-fold-info dd {margin:0;} :where(body.ff-native-workbench) .ff-fold-info>div {display:flex;gap:24px;} :where(body.ff-native-workbench) .ff-clean #ff-foot .ff-primary {border-radius:8px!important;min-height:42px;background:#202124!important;border-color:#202124!important;font-size:14px;padding:10px 18px;} @media (max-width:760px) { :where(body.ff-native-workbench) .ff-clean .ff-work {padding:14px 20px;} :where(body.ff-native-workbench) .ff-clean .ff-work h3 {font-size:14px;} :where(body.ff-native-workbench) .ff-clean .ff-quick-note {min-height:48px;font-size:14px;} :where(body.ff-native-workbench) .ff-fold-info {padding:0 20px 16px;font-size:16px;} :where(body.ff-native-workbench) .ff-fold-info>summary {min-height:48px;font-size:14px;} :where(body.ff-native-workbench) .ff-clean #ff-foot .ff-primary {min-height:48px;} :where(body.ff-native-workbench) .ff-clean #ff-foot .ff-primary {padding:10px 14px;font-size:14px;} :where(body.ff-native-workbench) .ff-clean .ff-x {min-width:48px;min-height:48px;} } @media (prefers-reduced-motion:reduce) { :where(body.ff-native-workbench) .ff-row {transition:none;} } :where(body.ff-native-workbench) .ff-integrated .ff-live-contact {padding:18px 22px;} :where(body.ff-native-workbench) .ff-integrated .ff-live-contact .ff-protection-line {padding:0;margin:10px 0 0;font-size:12px;color:var(--text2);} :where(body.ff-native-workbench) .ff-integrated .ff-work {padding:18px 22px 12px;} :where(body.ff-native-workbench) .ff-integrated .ff-work h3 {font-size:12px;font-weight:400;margin-bottom:12px;color:var(--text2);} :where(body.ff-native-workbench) .ff-current-task {margin:0 0 14px;} :where(body.ff-native-workbench) .ff-current-task strong {font-size:15px;font-weight:500;color:var(--text);line-height:1.5;} :where(body.ff-native-workbench) .ff-current-task p {margin:6px 0 0;font-size:13px;line-height:1.6;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;} :where(body.ff-native-workbench) .ff-integrated .ff-work .ff-feedback-reasons {margin:10px 0 16px;} :where(body.ff-native-workbench) .ff-feedback-reasons .ff-quick-grid {display:flex;flex-wrap:wrap;gap:6px;} :where(body.ff-native-workbench) .ff-integrated .ff-feedback-reasons .ff-quick-note {background:color-mix(in srgb,var(--index-layout-bg) 96%,var(--text));color:var(--text);border:0;border-radius:6px;font-size:12px;min-height:32px;padding:6px 8px;} :where(body.ff-native-workbench) .ff-integrated .ff-quick-note:hover, :where(body.ff-native-workbench) .ff-integrated .ff-quick-note:active {background:color-mix(in srgb,var(--index-layout-bg) 91%,var(--text));} :where(body.ff-native-workbench) .ff-integrated .ff-note-label {margin-top:14px;} :where(body.ff-native-workbench) .ff-integrated .ff-note-label textarea {color:var(--text);} :where(body.ff-native-workbench) .ff-integrated .ff-fold-info {padding-top:0;} :where(body.ff-native-workbench) .ff-integrated #ff-foot .ff-primary {border-radius:22px!important;} @media (max-width:760px) { :where(body.ff-native-workbench) .ff-integrated .ff-live-contact {padding:16px 20px;} :where(body.ff-native-workbench) .ff-integrated .ff-live-contact h3, :where(body.ff-native-workbench) .ff-integrated .ff-work h3 {font-size:14px;} :where(body.ff-native-workbench) .ff-integrated .ff-live-contact .ff-protection-line {font-size:13px;} :where(body.ff-native-workbench) .ff-integrated .ff-work {padding:16px 20px 12px;} :where(body.ff-native-workbench) .ff-current-task strong {font-size:16px;} :where(body.ff-native-workbench) .ff-current-task p {font-size:14px;} :where(body.ff-native-workbench) .ff-feedback-reasons .ff-quick-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} :where(body.ff-native-workbench) .ff-integrated .ff-feedback-reasons .ff-quick-note {min-height:48px;font-size:14px;padding:8px 5px;} :where(body.ff-native-workbench) .ff-integrated .ff-note-label {font-size:14px;} :where(body.ff-native-workbench) .ff-integrated .ff-note-meta {font-size:13px;} } .followup-side-preview #ff-root {--ff-list-width:880px;--ff-list-pad:40px;color:#222;} .followup-side-preview #ff-content {order:3;padding:0 var(--ff-list-pad) 36px;} .followup-side-preview #ff-content .ff-row {display:grid;grid-template-columns:minmax(0,1fr) 100px 116px;gap:24px;align-items:center;} .followup-side-preview #ff-content #ff-queue {border-top:0;} .followup-side-preview #ff-content .ff-row {min-height:88px;padding:18px 16px;border:0;border-bottom:1px solid var(--ff-line);border-radius:0;} .followup-side-preview #ff-content .ff-draft {font-size:11px;border:0;padding:0;color:#888;} .followup-side-preview #ff-content .ff-link {text-decoration:none;} .followup-side-preview #ff-content .ff-queue-more {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;color:#888;font-size:12px;} .followup-side-preview #ff-content .ff-queue-more .ff-link {color:#555;font-size:12px;} @media (max-width:760px) { .followup-side-preview #ff-root {--ff-list-pad:16px;} .followup-side-preview #ff-content #ff-queue {gap:0;border-top:1px solid var(--ff-line);} .followup-side-preview #ff-content .ff-row {grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px 0;min-height:100px;} .followup-side-preview #ff-content .ff-queue-more {padding:8px 0;gap:8px;flex-wrap:wrap;} } .ff-native-workbench:not([data-ff-workbench="today"]) #ff-root {display:none;} .ff-native-workbench[data-ff-workbench="today"] :is(#foKanbanView,#foListView,#fo-mobile) {display:none!important;} .ff-native-workbench[data-ff-workbench="today"] #ff-root {top:calc(var(--cw-tabs-height,64px) + 58px);} .ff-native-workbench #ff-root {--ff-list-pad:40px;--ff-list-width:1200px;} .ff-native-workbench #page-followup #kanban-board .fo-card {box-shadow:none;} .ff-native-workbench #page-followup #kanban-board .fo-card:hover {box-shadow:none;} @media (min-width:761px) and (max-width:1024px) { .ff-native-workbench[data-ff-workbench="today"] #ff-root {top:calc(var(--cw-tabs-height,64px) + 110px);} } @media (max-width:760px) { .ff-native-workbench[data-ff-workbench="today"] #page-followup > .fo-header {display:none!important;} .ff-native-workbench #ff-root {--ff-list-pad:16px;} .ff-native-workbench[data-ff-workbench="today"] #ff-root {top:64px;} } @media (min-width:761px) { html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-followup #kanban-board {display:flex!important;gap:12px!important;align-items:stretch;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-followup #kanban-board > .fo-col {flex:1 0 210px!important;min-width:210px!important;width:auto!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-followup #kanban-board > .fo-col.ff-native-fold {flex:0 0 58px!important;min-width:58px!important;} .ff-native-workbench #kanban-board > .fo-col.ff-native-fold .fo-col-body {display:none;} .ff-native-workbench #kanban-board > .fo-col.ff-native-fold .fo-col-head {height:180px;flex-direction:column;justify-content:flex-start;gap:12px;padding:16px 0;} .ff-native-workbench #kanban-board > .fo-col.ff-native-fold .fo-col-title {writing-mode:vertical-rl;} .ff-native-workbench #kanban-board .fo-card[hidden] {display:none!important;} .ff-native-workbench #kanban-board .fo-card {padding:16px!important;margin-bottom:12px!important;} .ff-native-workbench #kanban-board .fo-card-company {font-size:15px;line-height:1.5;} .ff-native-workbench #kanban-board .fo-card-meta {margin-top:8px;} .ff-native-workbench #kanban-board .fo-card-actions {margin-top:12px;padding-top:10px;} .ff-native-workbench .ff-native-fold-toggle {border:0;background:transparent;color:inherit;font:12px var(--font);cursor:pointer;padding:4px;} .ff-native-workbench .ff-native-more {width:100%;min-height:38px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text2);font:12px var(--font);cursor:pointer;} } .ff-native-workbench[data-ff-workbench="today"] #followup-workspace-filter {display:none!important;} :where(body.ff-native-workbench) .ff-unified {width:100%;max-width:900px;margin:0 auto;--v-text:var(--text,#222);--v-muted:var(--text2,#777);} :where(body.ff-native-workbench) .ff-unified #ff-queue {max-width:none;width:100%;} .followup-side-preview #ff-content .ff-style-row {display:grid;grid-template-columns:24px minmax(0,1fr) 82px 112px 12px;gap:14px;align-items:center;min-height:88px;padding:16px 8px;border:0;border-bottom:1px solid var(--ff-line);border-radius:0;} :where(body.ff-native-workbench) .ff-v-reminder {white-space:nowrap;} :where(body.ff-native-workbench) .ff-v-reminder.is-urgent {color:#9b652d;} :where(body.ff-native-workbench) .ff-v-group {margin:0 0 22px;} :where(body.ff-native-workbench) .ff-v-group h3 {display:flex;align-items:center;gap:8px;margin:0;padding:9px 0;font-size:13px;font-weight:500;color:var(--v-text);} :where(body.ff-native-workbench) .ff-v-group h3 small {font-size:11px;font-weight:400;color:var(--v-muted);margin-left:2px;} :where(body.ff-native-workbench) .ff-unified .ff-queue-more .ff-btn {border:0;background:none;font-size:12px;font-weight:400;color:var(--v-muted);} .followup-side-preview #ff-content .ff-unified .ff-queue-more {padding:12px 8px;color:var(--v-muted);} :where(body.ff-native-workbench) .ff-work-empty {padding:44px 0;color:var(--v-muted);font-size:14px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-v-group h3 {color:var(--group-color);} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-v-group-rows {overflow:hidden;} .followup-side-preview #ff-content [data-workstyle="monday"] .ff-style-row {grid-template-columns:minmax(0,1fr) 104px 138px 12px;gap:0;min-height:80px;padding:0 16px 0 18px;background:var(--white,#fff);} .followup-side-preview #ff-content [data-workstyle="monday"] .ff-style-row:last-child {border-bottom:0;} @media (max-width:760px) { .followup-side-preview #ff-content .ff-unified .ff-style-row {grid-template-columns:minmax(0,1fr) 100px;gap:8px 12px;min-height:106px;padding:14px 6px;} :where(body.ff-native-workbench) .ff-v-reminder {font-size:12px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-v-group h3 {font-size:14px;} .followup-side-preview #ff-content [data-workstyle="monday"] .ff-style-row {padding:12px;grid-template-columns:minmax(0,1fr) 94px;gap:8px;} :where(body.ff-native-workbench) .ff-unified .ff-queue-more .ff-btn {min-height:44px;line-height:1.5;} } .ff-native-workbench #foViewToggle {display:none!important;} .ff-native-workbench #ff-native-views {order:7;display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--index-layout-bg);flex-shrink:0;} .ff-native-workbench #ff-native-views button {min-height:32px;padding:0 14px;border:0;border-radius:5px;background:transparent;color:var(--text2);font:500 13px var(--font);white-space:nowrap;cursor:pointer;} .ff-native-workbench #ff-native-views button:hover {color:var(--text);background:var(--white);} .ff-native-workbench #ff-native-views button[aria-pressed="true"] {background:var(--text);color:var(--white);} .ff-native-workbench #ff-native-views button:focus-visible {outline:2px solid var(--text2);outline-offset:2px;} @media (max-width:760px) { .ff-native-workbench #ff-native-views {position:fixed;top:6px;right:16px;z-index:55;} .ff-native-workbench #ff-native-views button {min-height:44px;padding:0 10px;font-size:12px;} } .ff-native-workbench[data-ff-workstyle="monday"][data-ff-workbench="today"] #ff-root {background:var(--index-layout-bg);} .ff-native-workbench[data-ff-workstyle="monday"][data-ff-workbench="today"] #ff-content {padding-top:4px;} :where(body.ff-native-workbench) .ff-unified[data-workstyle="monday"] {max-width:none;--v-text:#323338;--v-muted:#676879;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-v-group {--group-color:#579bfc;margin-bottom:32px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-v-priority {--group-color:#fdab3d;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-v-group h3 {font-size:20px;line-height:28px;font-weight:600;padding:0 0 12px;gap:12px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-v-group h3 small {font-size:20px;font-weight:600;color:inherit;margin-left:0;font-variant-numeric:tabular-nums;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-v-group-rows {border:1px solid #d0d4e4;border-left:6px solid var(--group-color);border-radius:6px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-columns, .followup-side-preview #ff-content [data-workstyle="monday"] .ff-monday-row {display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,2fr) 110px 128px 104px 76px;gap:0;padding:0;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-columns {min-height:36px;background:#fff;color:#676879;font-size:12px;border-bottom:1px solid #d0d4e4;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-columns>span {display:flex;align-items:center;justify-content:center;border-right:1px solid #d0d4e4;padding:8px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-columns>span:first-child {justify-content:flex-start;padding-left:18px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-columns>span:last-child {border-right:0;} .followup-side-preview #ff-content [data-workstyle="monday"] .ff-monday-row {min-height:56px;background:#fff;border-bottom:1px solid #d0d4e4;align-items:stretch;} .followup-side-preview #ff-content [data-workstyle="monday"] .ff-monday-row:hover {background:var(--table-row-hover-bg,#f5f6f8);} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row>div, :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row>span, :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row>time {display:flex;align-items:center;padding:10px 14px;border-right:1px solid #d0d4e4;font-size:13px;line-height:1.55;min-width:0;overflow-wrap:anywhere;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-company {padding-left:18px;gap:6px;flex-wrap:wrap;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-company strong {font-size:14px;font-weight:500;color:#111;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-task {color:#111;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-stage {justify-content:center;background:transparent;color:#111;padding:0;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-reminder {justify-content:center;color:#676879;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-reminder.is-urgent {color:#a35a00;font-weight:600;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-date {justify-content:center;color:#323338;font-variant-numeric:tabular-nums;} @media (max-width:1000px) and (min-width:761px) { :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-columns, .followup-side-preview #ff-content [data-workstyle="monday"] .ff-monday-row {grid-template-columns:minmax(0,2fr) minmax(0,1.6fr) 82px 100px 76px 64px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row>div, :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row>span, :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row>time {padding:10px 8px;font-size:12px;} } @media (max-width:760px) { :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-v-group h3, :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-v-group h3 small {font-size:18px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-columns {display:none;} .followup-side-preview #ff-content [data-workstyle="monday"] .ff-monday-row {min-height:112px;padding:12px;gap:6px 10px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row>div, :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row>span, :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row>time {padding:0;border:0;font-size:12px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-company {grid-column:1;grid-row:1;padding:0;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-task {align-items:flex-start;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-stage {border-radius:3px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-reminder {grid-column:2;grid-row:1;justify-content:flex-end;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-date {grid-column:2;grid-row:2;justify-content:flex-end;} } .ff-native-workbench[data-ff-workstyle="monday"][data-ff-workbench="today"] #page-followup, .ff-native-workbench[data-ff-workstyle="monday"][data-ff-workbench="today"] #customer-workspace-tabs, .ff-native-workbench[data-ff-workstyle="monday"][data-ff-workbench="today"] #page-followup>.fo-header {background:var(--index-layout-bg)!important;} .ff-native-workbench[data-ff-workstyle="monday"][data-ff-workbench="today"] #page-followup>.fo-header {border-radius:0;border-bottom:1px solid #e6e9ef;} .ff-native-workbench[data-ff-workstyle="monday"][data-ff-workbench="today"] #ff-native-views {background:#fff;border-color:#d0d4e4;border-radius:4px;} .ff-native-workbench[data-ff-workstyle="monday"][data-ff-workbench="today"] #ff-native-views button[aria-pressed="true"] {background:#eaf1ff;color:#005cce;border-radius:3px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-stage>span {display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;background:var(--ff-stage);border:0;border-radius:0;min-height:34px;box-sizing:border-box;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-action {justify-content:center;padding:4px;border-right:0;} :where(body.ff-native-workbench) .ff-followup-entry {min-height:36px;padding:6px 10px;border:0;border-radius:4px;background:transparent;color:#111;font:500 13px var(--font);cursor:pointer;white-space:nowrap;} :where(body.ff-native-workbench) .ff-followup-entry:focus-visible {outline:2px solid #0073ea;outline-offset:1px;} @media (max-width:760px) { :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-stage {grid-column:1;grid-row:3;padding:0;width:92px;align-self:center;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-action {grid-column:2;grid-row:3;justify-content:flex-end;padding:0;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-followup-entry {min-height:44px;min-width:60px;margin-right:-10px;} } .ff-native-workbench.followup-side-preview #ff-root>#ff-content {max-width:none;margin:0;padding-top:0;} html.auth-has-session body.index-workspace-layout.ff-native-workbench[data-ff-workbench="today"] #page-followup>.fo-header {padding:12px 0!important;} .ff-native-workbench #ff-content .ff-unified .ff-queue-more {padding-left:0;padding-right:0;} html.auth-has-session body.index-workspace-layout.ff-native-workbench[data-ff-workbench="today"] #page-followup>#customer-workspace-tabs, html.auth-has-session body.index-workspace-layout.ff-native-workbench[data-ff-workbench="today"] #page-followup>.fo-header, .ff-native-workbench[data-ff-workbench="today"] #ff-native-views {display:none!important;} .ff-native-workbench[data-ff-workbench="today"] #ff-content {padding-bottom:100px;} :where(body.ff-native-workbench) .ff-simple-header {min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;} :where(body.ff-native-workbench) .ff-simple-nav {display:flex;gap:24px;align-items:center;white-space:nowrap;} :where(body.ff-native-workbench) .ff-simple-nav>span {font-size:23px;color:#111;font-weight:650;margin:0;} :where(body.ff-native-workbench) .ff-simple-nav>button {border:0;background:none;color:#777;font:500 14px var(--font);padding:8px 0;cursor:pointer;} :where(body.ff-native-workbench) .ff-simple-nav>button:hover {color:#111;} @media (min-width:761px) and (max-width:1150px) { :where(body.ff-native-workbench) .ff-simple-header {flex-wrap:wrap;gap:8px;padding:16px 0;} } @media (max-width:760px) { :where(body.ff-native-workbench) .ff-simple-header {min-height:0;display:flex;flex-wrap:wrap;gap:12px;padding:10px 0 14px;} :where(body.ff-native-workbench) .ff-simple-nav {gap:14px;} :where(body.ff-native-workbench) .ff-simple-nav>span {font-size:20px;} :where(body.ff-native-workbench) .ff-simple-nav>button {font-size:12px;min-height:44px;} } :where(body.ff-native-workbench) .ff-group-focus {display:inline-flex;align-items:center;gap:12px;min-height:36px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-align:left;} :where(body.ff-native-workbench) .ff-group-focus:hover {text-underline-offset:5px;} :where(body.ff-native-workbench) .ff-group-focus:focus-visible {outline:2px solid #0073ea;outline-offset:4px;border-radius:3px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-reminder {flex-direction:column;gap:2px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-reminder .ff-secondary-reminder {color:#676879;font-weight:400;font-size:12px;} @media (max-width:760px) { :where(body.ff-native-workbench) .ff-group-focus {min-height:44px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-reminder {align-items:flex-end;} } .ff-native-workbench.followup-side-preview #ff-content #ff-queue {border-top:0;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-task {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;white-space:pre-wrap;line-height:1.65;} :where(body.ff-native-workbench) .ff-task-note {margin:0;color:#222;font-size:12px;line-height:1.65;} :where(body.ff-native-workbench) .ff-task-note>span {color:#8a8a8a;margin-right:8px;} @media (min-width:1001px) { :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-m-columns, .followup-side-preview #ff-content [data-workstyle="monday"] .ff-monday-row {grid-template-columns:minmax(0,1.5fr) minmax(0,3.1fr) 110px 128px 104px 76px;} } @media (max-width:760px) { .followup-side-preview #ff-content [data-workstyle="monday"] .ff-monday-row {grid-template-columns:minmax(0,1fr) 92px;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-task {grid-column:1/-1;grid-row:3;} :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-stage, :where(body.ff-native-workbench) [data-workstyle="monday"] .ff-monday-row .ff-m-action {grid-row:4;} } .ff-native-workbench [data-workstyle="monday"] .ff-v-group-rows {border-color:var(--ocean-refined-line,#e2dfd8);border-left-color:var(--group-color);} .ff-native-workbench [data-workstyle="monday"] .ff-m-columns, .ff-native-workbench [data-workstyle="monday"] .ff-m-columns>span, .ff-native-workbench.followup-side-preview #ff-content [data-workstyle="monday"] .ff-monday-row, .ff-native-workbench [data-workstyle="monday"] .ff-monday-row>div, .ff-native-workbench [data-workstyle="monday"] .ff-monday-row>span, .ff-native-workbench [data-workstyle="monday"] .ff-monday-row>time {border-color:var(--ocean-refined-line,#e2dfd8);} .ff-native-workbench [data-workstyle="monday"] .ff-m-columns {font:600 13px var(--font);color:#202124;background:var(--index-layout-bg,#f3f2ef);} .ff-native-workbench .ff-simple-nav>span {font:700 23px var(--font);color:var(--text,#1f2937);} .ff-native-workbench [data-workstyle="monday"] .ff-v-group h3 {color:var(--text,#1f2937);} @media (max-width:760px) { .ff-native-workbench .ff-simple-nav>span {font-size:20px;} } :where(body.ff-native-workbench) .ff-group-focus {border-radius:5px;padding:3px 9px;margin-left:-9px;transition:background-color .12s,transform .08s;} :where(body.ff-native-workbench) .ff-group-focus[aria-pressed="true"] {background:var(--ocean-refined-hover,#eae8e2);box-shadow:inset 0 0 0 1px var(--ocean-refined-line,#e2dfd8);} :where(body.ff-native-workbench) .ff-group-focus:hover {text-decoration:none;background:var(--ocean-refined-hover,#eae8e2);} :where(body.ff-native-workbench) .ff-group-focus:active {background:#dedbd4;transform:translateY(1px);} :where(body.ff-native-workbench) .ff-followup-entry {transition:background-color .12s,transform .08s;} :where(body.ff-native-workbench) .ff-followup-entry:hover {background:#dedbd4;} :where(body.ff-native-workbench) .ff-followup-entry:active {background:#d3cfc6;transform:translateY(1px);} .ff-native-workbench.followup-side-preview #ff-content [data-workstyle="monday"] .ff-monday-row:hover {background:var(--table-row-hover-bg,var(--ocean-refined-hover,#eae8e2));} .ff-native-workbench [data-workstyle="monday"] .ff-m-columns>span, .ff-native-workbench [data-workstyle="monday"] .ff-monday-row>div, .ff-native-workbench [data-workstyle="monday"] .ff-monday-row>span, .ff-native-workbench [data-workstyle="monday"] .ff-monday-row>time {border-left:0;border-right:0;} .ff-native-workbench [data-workstyle="monday"] .ff-v-group-rows {border-right:1px solid var(--ocean-refined-line,#e2dfd8);} .ff-native-workbench [data-workstyle="monday"] .ff-monday-row .ff-m-task {line-height:1.5;} .ff-native-workbench .ff-task-note {line-height:1.5;} @media (min-width:761px) { .ff-native-workbench [data-workstyle="monday"] .ff-v-group {margin-bottom:24px;} } @media (max-width:760px) { .ff-native-workbench.followup-side-preview #ff-content [data-workstyle="monday"] .ff-monday-row {padding:10px 12px;gap:4px 10px;} } html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-followup>#customer-workspace-tabs, html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-followup>.fo-header {display:none!important;} .ff-native-workbench #ff-shared-header {margin:0 40px;color:var(--text);font:14px/1.6 var(--font);} .ff-native-workbench #ff-shared-header .ff-simple-header {padding:0;} .ff-native-workbench .ff-shared-toolbar {display:flex;align-items:center;gap:20px;min-height:48px;flex-wrap:wrap;} .ff-native-workbench #ff-shared-header #ff-native-views {position:static;display:inline-flex!important;order:0;align-items:center;gap:3px;padding:3px;width:auto;border:1px solid var(--ocean-refined-line,#e2dfd8);border-radius:7px;background:var(--white,#fff);} .ff-native-workbench #ff-shared-header #ff-native-views button {padding:0 17px;border:0;border-radius:4px;background:transparent;color:var(--text,#222);font:500 14px var(--font);cursor:pointer;} .ff-native-workbench #ff-shared-header #ff-native-views button:hover {background:var(--ocean-refined-hover,#eae8e2);} .ff-native-workbench #ff-shared-header #ff-native-views button[aria-pressed="true"] {background:#222;color:#fff;} .ff-native-workbench .ff-shared-tools {margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .ff-native-workbench .ff-shared-tools :is(input,select,button) {height:36px;box-sizing:border-box;font:13px var(--font);} .ff-native-workbench .ff-shared-tools #fo-search {width:180px!important;} .ff-native-workbench .ff-shared-tools #followup-workspace-filter {height:36px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--white);color:var(--text);font:13px var(--font);} .ff-native-workbench .ff-native-stats {display:flex;align-items:center;gap:26px;padding:18px 0 0;min-height:42px;} .ff-native-workbench .ff-native-stats .fo-header-actions {gap:24px!important;flex-wrap:wrap;} .ff-native-workbench .ff-native-stats .fo-header-actions>div:empty {display:none;} .ff-native-workbench[data-ff-workbench="today"] :is(.ff-shared-tools,.ff-native-stats) {display:none;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-followup {background:var(--index-layout-bg)!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-followup :is(#foKanbanView,#foListView,#fo-mobile,#ff-root) {top:var(--ff-content-top,154px)!important;} @media (max-width:1100px) and (min-width:761px) { .ff-native-workbench .ff-shared-tools {gap:6px;} .ff-native-workbench .ff-shared-tools #fo-search {width:140px!important;} } @media (max-width:760px) { .ff-native-workbench #ff-shared-header {margin:64px 16px 0;} .ff-native-workbench .ff-shared-tools {width:100%;margin:0;gap:8px;} .ff-native-workbench .ff-shared-tools :is(input,select,button) {min-height:40px;} .ff-native-workbench .ff-shared-tools #fo-search {flex:1;min-width:0;} .ff-native-workbench .ff-native-stats {flex-wrap:wrap;padding-top:12px;} .ff-native-workbench .ff-native-stats #fo-count-tag {font-size:13px!important;} .ff-native-workbench #fo-mobile .fm-head {display:none;} } .ff-native-workbench .ff-shared-toolbar #fo-year-tag {order:1;} .ff-native-workbench .ff-shared-tools #fo-search {order:2;} .ff-native-workbench .ff-shared-tools #followup-filter-slot {order:3;} .ff-native-workbench .ff-shared-tools .fo-btn-import-green {order:4;box-shadow:none!important;} .ff-native-workbench .ff-native-stats #fo-count-tag {order:0;} .ff-native-workbench .ff-native-stats .fo-header-actions {order:1;} @media (max-width:760px) { .ff-native-workbench .ff-shared-toolbar #fo-year-tag {order:0;} .ff-native-workbench .ff-shared-tools .fo-btn-import-green {order:1;} .ff-native-workbench .ff-shared-tools #fo-search {order:2;flex-basis:100%;} .ff-native-workbench .ff-native-stats {display:grid;grid-template-columns:1fr;gap:8px;} .ff-native-workbench[data-ff-workbench="today"] .ff-native-stats {display:none;} .ff-native-workbench .ff-native-stats .fo-header-actions {display:grid!important;grid-template-columns:1fr 1fr;gap:6px 14px!important;} .ff-native-workbench .ff-native-stats .fo-header-actions span[id] {font-size:16px!important;} } @media (max-width:760px) { .ff-native-workbench .ff-shared-toolbar {display:grid;grid-template-columns:minmax(0,1fr) 62px 68px;gap:8px 6px;align-items:center;} .ff-native-workbench .ff-shared-tools {display:contents;} .ff-native-workbench[data-ff-workbench="today"] .ff-shared-tools {display:none;} .ff-native-workbench #ff-shared-header #ff-native-views {grid-column:1;grid-row:1;gap:2px;max-width:210px;min-width:0;} .ff-native-workbench #ff-shared-header #ff-native-views button {flex:1;min-width:0;padding:0 6px;font-size:12px;} .ff-native-workbench .ff-shared-toolbar #fo-year-tag {grid-column:2;grid-row:1;width:62px;min-width:0;height:44px;padding:0 2px!important;font-size:12px!important;} .ff-native-workbench .ff-shared-tools .fo-btn-import-green {grid-column:3;grid-row:1;width:68px;height:44px;padding:0!important;font-size:12px!important;white-space:nowrap;} .ff-native-workbench .ff-shared-tools #fo-search {grid-column:1/-1;grid-row:2;width:100%!important;} .ff-native-workbench[data-ff-workbench="today"] #ff-native-views {grid-column:1/-1;} } .ff-native-workbench #ff-shared-header .ff-shared-toolbar {column-gap:12px;} .ff-native-workbench #ff-shared-header #fo-year-tag {flex:none;height:36px;box-sizing:border-box;font:13px var(--font);} .ff-native-workbench #ff-shared-header .ff-shared-tools {order:2!important;} .ff-native-workbench #ff-shared-header #followup-filter-slot, .ff-native-workbench #ff-shared-header #followup-workspace-filter {order:1!important;} .ff-native-workbench #ff-shared-header .fo-btn-import-green {box-shadow:none!important;} .ff-native-workbench #ff-shared-header .ff-native-stats {justify-content:flex-end;} .ff-native-workbench #ff-shared-header .fo-header-actions {order:0!important;} .ff-native-workbench #ff-shared-header #fo-count-tag {order:1!important;} @media (max-width:760px) { .ff-native-workbench #ff-shared-header .ff-shared-toolbar {column-gap:6px;} .ff-native-workbench #ff-shared-header .ff-native-stats {justify-items:end;} .ff-native-workbench #ff-shared-header .fo-header-actions {justify-items:end;} } .ff-native-workbench #ff-shared-header .ff-simple-header>.ff-native-stats {margin-left:auto;padding:0;min-height:0;flex-shrink:0;} @media (max-width:1150px) { .ff-native-workbench #ff-shared-header .ff-simple-header {flex-wrap:wrap;gap:10px;padding:14px 0;} .ff-native-workbench #ff-shared-header .ff-simple-header>.ff-native-stats {flex-shrink:1;} } .ff-native-workbench #ff-shared-header .ff-simple-nav>span {display:inline-flex;align-items:center;gap:10px;white-space:nowrap;} .ff-native-workbench #ff-shared-header #fo-count-tag {font:500 12px var(--font)!important;color:var(--text2,#777)!important;padding:3px 8px;border-radius:5px;background:var(--index-layout-bg,#f3f2ef);} .ff-native-workbench #ff-shared-header .fo-header-actions span[id] {color:var(--text,#333)!important;} .ff-native-workbench #ff-shared-header .fo-header-actions span:not([id]) {color:var(--text2,#777)!important;} .ff-native-workbench #ff-shared-header #fo-year-tag {order:0!important;} .ff-native-workbench #ff-shared-header #fo-search {order:1!important;} .ff-native-workbench #ff-shared-header #followup-workspace-filter {order:2!important;} .ff-native-workbench #ff-shared-header .fo-btn-import-green {order:3!important;} @media (max-width:1150px) { .ff-native-workbench #ff-shared-header .ff-simple-header>.ff-native-stats {margin-top:4px;} } @media (max-width:760px) { .ff-native-workbench #ff-shared-header .ff-simple-nav {width:100%;flex-wrap:wrap;} .ff-native-workbench #ff-shared-header .ff-simple-nav>span {gap:6px;} .ff-native-workbench #ff-shared-header #fo-count-tag {font-size:11px!important;padding:2px 5px;} } .ff-native-workbench #ff-shared-header #fo-count-tag {display:none!important;} .ff-native-workbench #ff-shared-header .ff-simple-nav>button {font-size:15px;} .ff-native-workbench #ff-shared-header {padding-top:12px;padding-bottom:30px;} .ff-native-workbench #ff-shared-header .ff-simple-header {min-height:104px;} .ff-native-workbench #ff-shared-header .ff-shared-toolbar {min-height:56px;margin-top:14px;} .ff-native-workbench #ff-shared-header .fo-header-actions span:not([id]) {font-size:15px!important;font-weight:600!important;} .ff-native-workbench #ff-shared-header .fo-header-actions span[id] {font-size:20px!important;font-weight:700!important;} .ff-native-workbench #ff-shared-header #ff-native-views button {min-height:40px;} .ff-native-workbench #ff-shared-header .ff-shared-tools :is(input,select,button), .ff-native-workbench #ff-shared-header #fo-year-tag {height:42px;} .ff-native-workbench[data-ff-workbench="today"] #ff-shared-header .ff-shared-tools {display:flex;} .ff-native-workbench[data-ff-workbench="today"] #ff-shared-header .ff-native-stats {display:flex;} .ff-native-workbench[data-ff-workbench="today"] #ff-shared-header #fo-year-tag {display:block;} @media (min-width:761px) and (max-width:1250px) { .ff-native-workbench #ff-shared-header .ff-simple-header {flex-wrap:wrap;gap:18px;padding:20px 0;} } @media (max-width:760px) { .ff-native-workbench #ff-shared-header .ff-simple-header {min-height:68px;gap:18px;padding:14px 0;} .ff-native-workbench #ff-shared-header .ff-shared-toolbar {margin-top:10px;gap:10px 6px;} .ff-native-workbench #ff-shared-header .fo-header-actions {gap:12px 18px!important;} .ff-native-workbench #ff-shared-header .fo-header-actions span:not([id]) {font-size:14px!important;} .ff-native-workbench #ff-shared-header .fo-header-actions span[id] {font-size:18px!important;} .ff-native-workbench[data-ff-workbench="today"] #ff-shared-header .ff-shared-tools {display:contents;} .ff-native-workbench[data-ff-workbench="today"] #ff-shared-header #ff-native-views {grid-column:1;} .ff-native-workbench #ff-shared-header #ff-native-views button {min-height:44px;} .ff-native-workbench #ff-shared-header #fo-year-tag {height:44px;} .ff-native-workbench #ff-shared-header .ff-shared-tools :is(input,select,button) {min-height:44px;} } html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-followup #ff-shared-header #followup-workspace-filter {display:block!important;} @media (max-width:760px) { .ff-native-workbench #ff-shared-header #followup-workspace-filter {grid-column:1/-1;grid-row:3;width:100%;max-width:none;} } .ff-native-workbench #ff-shared-header .ff-simple-nav {gap:18px;} .ff-native-workbench #ff-shared-header .fo-header-actions {gap:16px!important;} .ff-native-workbench #ff-shared-header .ff-shared-tools {gap:8px;} @media (min-width:1251px) { .ff-native-workbench #ff-shared-header {padding-top:20px;padding-bottom:38px;} .ff-native-workbench #ff-shared-header .ff-simple-header {min-height:96px;} .ff-native-workbench #ff-shared-header .ff-shared-toolbar {margin-top:6px;} } .ff-native-workbench [data-workstyle="monday"] .ff-monday-row .ff-m-task {gap:2px;white-space:normal;} .ff-native-workbench [data-workstyle="monday"] .ff-m-task>span, .ff-native-workbench [data-workstyle="monday"] .ff-task-note {display:block;width:100%;min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap;line-height:18px;} .ff-native-workbench [data-workstyle="monday"] .ff-m-company strong {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:20px;} .ff-native-workbench [data-workstyle="monday"] .ff-m-reminder>span {max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:18px;} @media (min-width:761px) { .ff-native-workbench [data-workstyle="monday"] .ff-monday-row>div, .ff-native-workbench [data-workstyle="monday"] .ff-monday-row>span, .ff-native-workbench [data-workstyle="monday"] .ff-monday-row>time {padding-top:10px;padding-bottom:10px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders)>#customer-workspace-tabs {height:116px!important;min-height:116px!important;--cw-tabs-height:116px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders) .cw-page-head {min-height:100px!important;padding-top:10px!important;padding-bottom:30px!important;} } @media (max-width:760px) { .ff-native-workbench #ff-shared-header .ff-simple-nav {gap:8px;} .ff-native-workbench #ff-shared-header .fo-header-actions {column-gap:12px!important;} .ff-native-workbench #ff-shared-header .ff-simple-nav>span {font-size:23px;line-height:34px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders) .cw-page-head {padding:36px 19px 24px!important;gap:16px!important;align-items:flex-start!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-orders .order-manager-toolbar {display:flex!important;flex-direction:column!important;} .ff-native-workbench #page-orders .order-manager-controlbar {order:0;width:100%;} .ff-native-workbench #page-orders .order-manager-headbar {order:1;width:100%;} .ff-native-workbench #page-orders .order-manager-title-group {padding:0!important;} .ff-native-workbench #page-samples .cw-page-head>div:first-child {padding:0!important;} .ff-native-workbench :is(.order-manager-title,#page-samples .cw-page-head>div:first-child>span:first-child) {font-size:23px!important;line-height:34px!important;} } @media (max-width:760px) { .ff-native-workbench #ff-shared-header {margin-left:19px;margin-right:19px;padding-top:17px;padding-bottom:11px;} .ff-native-workbench #page-orders .order-manager-controlbar {margin:0!important;padding:0!important;border:0!important;background:transparent!important;} .ff-native-workbench #page-orders .order-manager-title-group {align-items:flex-start!important;} } @media (max-width:760px) { .ff-native-workbench #page-samples .cw-page-head>div:first-child {align-items:flex-start!important;} } .ff-native-workbench [data-cw-demo-open] {display:none!important;} html.auth-has-session body.ff-native-workbench :is(.fo-btn-import-green,#fm-import,.order-manager-add-btn,button[onclick^="openSampleFromManager"],button[onclick^="_addNewSample"],button[onclick^="importToFollowup"],[data-cw-followup-action]) {background:#222!important;background-image:none!important;border:1px solid #222!important;color:#fff!important;box-shadow:none!important;transform:none!important;border-radius:6px!important;} html.auth-has-session body.ff-native-workbench :is(.fo-btn-import-green,#fm-import,.order-manager-add-btn,button[onclick^="openSampleFromManager"],button[onclick^="_addNewSample"],button[onclick^="importToFollowup"],[data-cw-followup-action]):hover {background:#3a3a3a!important;border-color:#3a3a3a!important;color:#fff!important;} html.auth-has-session body.ff-native-workbench :is(.fo-btn-import-green,#fm-import,.order-manager-add-btn,button[onclick^="openSampleFromManager"],button[onclick^="_addNewSample"],button[onclick^="importToFollowup"],[data-cw-followup-action]):focus-visible {outline:2px solid #777;outline-offset:2px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#customer-workspace-tabs,#ff-shared-header,#page-samples,#page-orders,#foDetailPanel,#importCustomerModal,#sampleDetailModal) :is(.fo-btn-import-green,.order-manager-add-btn,button[onclick^="openSampleFromManager"],button[onclick^="_addNewSample"],button[onclick^="importToFollowup"],[data-cw-followup-action]) {background:#222!important;background-image:none!important;border-color:#222!important;color:#fff!important;box-shadow:none!important;transform:none!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#customer-workspace-tabs,#ff-shared-header,#page-samples,#page-orders,#foDetailPanel,#importCustomerModal,#sampleDetailModal) :is(.fo-btn-import-green,.order-manager-add-btn,button[onclick^="openSampleFromManager"],button[onclick^="_addNewSample"],button[onclick^="importToFollowup"],[data-cw-followup-action]):hover {background:#3a3a3a!important;border-color:#3a3a3a!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders)>:is(#customer-workspace-tabs,.ff-record-legacy) {display:none!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#ff-samples-header,#ff-orders-header) {flex:none;margin:0 40px 18px;padding:20px 0 38px!important;box-sizing:border-box;background:transparent;} .ff-native-workbench .ff-record-top {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;} .ff-native-workbench .ff-record-business {display:flex;align-items:center;gap:18px;white-space:nowrap;} .ff-native-workbench .ff-record-business>span {font:700 23px/34px var(--font);color:var(--text,#111);} .ff-native-workbench .ff-record-business>button {padding:0;border:0;background:transparent;min-height:44px;font:600 15px var(--font);color:var(--text2,#777);cursor:pointer;} .ff-native-workbench .ff-record-business>button:hover {color:var(--text,#111);} .ff-native-workbench .ff-record-business>button:focus-visible {outline:2px solid #777;outline-offset:4px;} .ff-native-workbench .ff-record-summary {display:flex;align-items:center;gap:24px;margin-left:auto;white-space:nowrap;} html.auth-has-session body.index-workspace-layout.ff-native-workbench .ff-record-summary :is(#smp-count-tag,#order-count-tag,#of-total-amt) {font:700 20px/30px var(--font)!important;color:var(--text,#111)!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench .ff-record-summary .order-manager-metric {display:flex!important;flex-direction:row!important;align-items:center;gap:8px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench .ff-record-summary .order-manager-metric>span {font:600 15px var(--font)!important;color:var(--text2,#777);} .ff-native-workbench .ff-record-toolbar {display:flex;align-items:center;gap:10px;min-height:56px;margin-top:6px;flex-wrap:wrap;} .ff-native-workbench .ff-record-filters {display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:1;min-width:0;flex-wrap:wrap;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#ff-samples-header,#ff-orders-header) .ff-record-toolbar :is(input,select,button) {height:42px!important;min-height:42px!important;box-sizing:border-box;border-radius:6px!important;font:13px var(--font)!important;box-shadow:none!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#ff-samples-header,#ff-orders-header) :is(#smp-year-tag,#order-year-tag) {order:0;flex:0 0 88px;width:88px!important;min-width:88px!important;margin:0!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#ff-samples-header,#ff-orders-header) :is(#smp-search,#of-keyword) {width:150px!important;min-width:0!important;flex:0 1 150px!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-orders #ff-orders-header :is(#of-industry,#of-province,#of-paid,#of-invoice,#of-amt,#of-sort) {width:104px!important;max-width:112px;min-width:0;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-samples #ff-samples-header :is(#smp-filter-industry,#smp-filter-use,#smp-filter-stage) {width:112px!important;max-width:140px;min-width:0;} .ff-native-workbench .ff-record-toolbar>.ff-record-primary {flex:none;margin:0!important;padding:0 16px!important;white-space:nowrap;font-weight:600!important;} .ff-native-workbench .ff-record-primary::after {display:none!important;} @media (max-width:1250px) and (min-width:761px) { .ff-native-workbench .ff-record-toolbar {grid-template-columns:88px minmax(0,1fr) auto;} .ff-native-workbench .ff-record-filters {grid-column:1/-1;grid-row:2;justify-content:flex-start;} .ff-native-workbench .ff-record-toolbar>.ff-record-primary {grid-column:3;grid-row:1;} } @media (max-width:760px) { html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#ff-samples-header,#ff-orders-header) {margin:0 19px 18px;padding:31px 0 20px!important;} .ff-native-workbench .ff-record-top {align-items:stretch;flex-direction:column;min-height:0;gap:18px;} .ff-native-workbench .ff-record-business {gap:8px;min-height:44px;} .ff-native-workbench .ff-record-business>[aria-current] {order:-1;} html.auth-has-session body.index-workspace-layout.ff-native-workbench .ff-record-filters>.order-manager-reset-btn {width:100%!important;} .ff-native-workbench .ff-record-summary {margin-left:0;} html.auth-has-session body.index-workspace-layout.ff-native-workbench .ff-record-summary :is(#smp-count-tag,#order-count-tag,#of-total-amt) {font-size:18px!important;} .ff-native-workbench .ff-record-toolbar {grid-template-columns:88px minmax(0,1fr) auto;gap:12px 8px;margin-top:20px;} .ff-native-workbench .ff-record-filters {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;gap:8px;} .ff-native-workbench .ff-record-toolbar>.ff-record-primary {grid-column:3;grid-row:1;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#ff-samples-header,#ff-orders-header) .ff-record-toolbar :is(input,select,button) {min-height:44px!important;height:44px!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#ff-samples-header,#ff-orders-header) :is(#smp-search,#of-keyword) {width:100%!important;grid-column:1/-1;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-orders #ff-orders-header :is(#of-industry,#of-province,#of-paid,#of-invoice,#of-amt,#of-sort), html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-samples #ff-samples-header :is(#smp-filter-industry,#smp-filter-use,#smp-filter-stage) {width:100%!important;max-width:none;} } .ff-native-workbench .ff-record-scope {display:flex;align-items:center;gap:12px;flex:none;white-space:nowrap;} html.auth-has-session body.index-workspace-layout.ff-native-workbench .ff-record-scope :is(#smp-count-tag,#order-count-tag) {font:700 16px var(--font)!important;color:var(--text,#111)!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#ff-samples-header,#ff-orders-header) .ff-record-summary>.ff-record-primary {height:42px!important;min-height:42px!important;flex:none;margin:0!important;padding:0 16px!important;border-radius:6px!important;font:600 13px var(--font)!important;white-space:nowrap;} @media (max-width:1250px) and (min-width:761px) { .ff-native-workbench .ff-record-toolbar {display:flex;align-items:center;} .ff-native-workbench .ff-record-filters {flex-basis:100%;} } @media (max-width:760px) { .ff-native-workbench .ff-record-summary {flex-wrap:wrap;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#ff-samples-header,#ff-orders-header) .ff-record-summary>.ff-record-primary {height:44px!important;min-height:44px!important;} .ff-native-workbench .ff-record-scope {grid-column:1/-1;grid-row:1;} } @media (max-width:760px) { .ff-native-workbench .ff-record-business {flex-wrap:nowrap;} .ff-native-workbench .ff-record-summary {justify-content:space-between;gap:8px;align-items:center;} .ff-native-workbench .ff-record-scope {gap:8px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#ff-samples-header,#ff-orders-header) :is(#smp-year-tag,#order-year-tag) {flex:0 0 94px!important;width:94px!important;min-width:94px!important;height:44px!important;padding:0 24px 0 10px!important;font:13px var(--font)!important;box-sizing:border-box;} html.auth-has-session body.index-workspace-layout.ff-native-workbench .ff-record-scope :is(#smp-count-tag,#order-count-tag) {font-size:14px!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench .ff-record-summary .order-manager-metric {flex-direction:column!important;align-items:flex-start!important;gap:0!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench .ff-record-summary .order-manager-metric>span {font-size:11px!important;line-height:16px!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench .ff-record-summary #of-total-amt {font-size:16px!important;line-height:22px!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#ff-samples-header,#ff-orders-header) .ff-record-summary>.ff-record-primary {padding:0 10px!important;} .ff-native-workbench .ff-record-toolbar {display:block;min-height:0;} .ff-native-workbench .ff-record-filters {grid-row:auto;} } @media (min-width:440px) and (max-width:760px) { html.auth-has-session body.index-workspace-layout.ff-native-workbench .ff-record-summary .order-manager-metric {flex-direction:row!important;align-items:center!important;gap:6px!important;} } @media (max-width:760px) { html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .ff-simple-header {display:flex;flex-direction:column;align-items:stretch;gap:20px;min-height:0;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .ff-simple-nav {flex-wrap:nowrap;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .ff-native-stats {display:block!important;width:100%;margin:0;padding:0;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .fo-header-actions {display:grid!important;grid-template-columns:1fr 1fr 1.55fr .7fr;gap:10px!important;width:100%;justify-items:start;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .fo-header-actions>div {display:flex;flex-direction:column;align-items:flex-start!important;gap:4px!important;min-width:0;white-space:nowrap;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .fo-header-actions>div:empty {display:none!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .fo-header-actions span:not([id]) {font-size:12px!important;font-weight:400!important;line-height:18px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .fo-header-actions span[id] {font-size:17px!important;line-height:24px;font-weight:700!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .ff-shared-toolbar {display:grid!important;gap:10px!important;margin-top:12px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .ff-shared-tools {display:contents!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #ff-native-views {width:100%;box-sizing:border-box;display:flex;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #ff-native-views button {padding-left:4px;padding-right:4px;min-width:0;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #fo-year-tag {margin:0!important;padding:0 24px 0 10px!important;font-size:13px!important;box-sizing:border-box;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #fo-search {width:100%!important;min-width:0!important;box-sizing:border-box;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #followup-filter-slot {display:block!important;width:100%;min-width:0;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #followup-workspace-filter {width:100%!important;min-width:0!important;box-sizing:border-box;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .fo-btn-import-green {margin:0!important;padding:0 10px!important;box-sizing:border-box;} } @media (max-width:760px) { html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #ff-native-views {padding:0!important;gap:0!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #fo-year-tag {padding-right:8px!important;} } @media (max-width:760px) { html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders) .mm-documents {padding:14px 19px 24px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders) .mm-document {padding:16px;min-width:0;box-sizing:border-box;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders) .mm-line {grid-template-columns:84px minmax(0,1fr);gap:16px;margin-top:10px;align-items:baseline;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders) .mm-line>div {text-align:right;justify-self:stretch;min-width:0;overflow-wrap:anywhere;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders) .mm-company {margin-bottom:16px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders) .mm-section {margin-top:18px;padding-top:14px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-samples .mm-samples th:first-child {width:65%;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-samples .mm-samples th:last-child {width:35%;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-samples .mm-samples :is(th,td):last-child {text-align:right!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders) .mm-items :is(th,td):not(:last-child) {padding-right:12px!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-orders .mm-orders .mm-product {padding-top:12px!important;padding-bottom:4px!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders) .mm-foot {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:12px;} html.auth-has-session body.index-workspace-layout.ff-native-workbench :is(#page-samples,#page-orders) .mm-foot button {margin-left:auto;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #page-orders .mm-totals {margin-top:16px;gap:10px 16px;} } body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-field-bg {display:none!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-fields {border-bottom:0!important;border-radius:8px 8px 0 0!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history {display:grid;grid-column:1/-1;grid-row:2;gap:12px 16px;margin:0 calc(-1 * var(--cd-out,16px));padding:16px calc(var(--cd-out,16px) - 1px);border:1px solid var(--cd-line,#dfe0dd);border-radius:0 0 8px 8px;min-width:0;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history #dpTimelineHead {display:block!important;grid-column:1;grid-row:1;margin:0!important;padding:0!important;align-self:center;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history #cw-followup-actions {display:flex!important;grid-column:2;grid-row:1;margin:0!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history #dpTimeline {display:block!important;grid-column:1/-1;grid-row:2;margin:0!important;padding:0!important;border-top:0!important;max-height:200px;overflow-y:auto;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-sheet {grid-row:3;margin-top:16px;border-top:0;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history .fo-tl-item:first-child {padding-top:0!important;} @media (max-width:760px) { body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history {grid-template-columns:minmax(0,1fr);gap:10px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history #dpTimeline {grid-row:2;max-height:200px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history #cw-followup-actions {grid-column:1;grid-row:3;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-sheet {grid-row:3;} } body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-header-bar {grid-template-columns:minmax(0,1fr) auto;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-title-row {display:flex;flex-wrap:nowrap;grid-column:1;grid-row:1;align-items:flex-start;gap:12px;min-width:0;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-company {flex:0 1 auto;min-width:0;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-remove-btn {flex:0 0 auto;white-space:nowrap;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-close {grid-column:2;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-meta {grid-row:2;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .ff-feedback-reasons {margin:0 0 14px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .ff-quick-grid {display:flex;flex-wrap:wrap;gap:8px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .ff-quick-note {font-size:13px;min-height:34px;padding:7px 12px;border:1px solid var(--ws-line);border-radius:6px;background:transparent;color:var(--text);} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .ff-quick-note:hover {background:color-mix(in srgb,var(--index-layout-bg) 92%,var(--text));border-color:var(--text2);} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-sheet .ff-note-label {margin-top:0;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-sheet .ff-note {margin:0;min-height:92px;padding:12px;line-height:1.65;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot {justify-content:space-between;} @media (max-width:760px) { body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-header-bar {gap:10px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-title-row {gap:8px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-company {font-size:18px!important;line-height:1.5!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-remove-btn {width:84px;min-height:48px;height:auto;padding:6px 8px;white-space:normal;line-height:1.5;font-size:12px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-close {height:48px;min-height:48px;padding:0 8px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .ff-quick-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .ff-quick-note {min-height:48px;padding:8px;font-size:14px;} } html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo, html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.open {top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(800px,calc(100vw - 64px))!important;max-width:none!important;height:min(880px,calc(100dvh - 64px))!important;max-height:calc(100dvh - 64px)!important;border:1px solid var(--cd-line)!important;border-radius:12px!important;box-shadow:0 20px 64px rgba(0,0,0,.18)!important;overflow:hidden;transition:opacity .15s ease,visibility .15s!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history {grid-template-columns:minmax(0,1fr);} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot #cw-followup-actions {display:flex!important;align-items:center;align-self:center;gap:8px;margin:0!important;min-width:0;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot #cw-followup-actions button {min-height:44px;padding:0 16px;white-space:nowrap;} @media (max-width:760px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo, html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.open {--cd-pad:20px;--cd-out:8px;width:calc(100vw - 24px)!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 20px max(12px,env(safe-area-inset-bottom));} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot #cw-followup-actions {width:100%;grid-column:1;grid-row:1;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot #cw-followup-actions button {flex:1;padding:0 8px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot>.ff-primary {width:100%;min-width:0;grid-column:1;grid-row:2;} } /* 原生客户详情与记录布局 */ html body.followup-side-preview #foDetailPanel.cd-fo {--cd-pad:32px;--cd-out:16px;top:0;right:0;bottom:0;left:auto;width:720px;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border-radius:0;transform:translateX(100%);transition:transform .22s ease,opacity .22s ease,visibility .22s;box-shadow:-12px 0 40px rgba(0,0,0,.12);} html body.followup-side-preview #foDetailPanel.cd-fo.open {transform:translateX(0);} body.followup-side-preview #foDetailOverlay.open {background:rgba(20,20,20,.32);backdrop-filter:none;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-header {padding-top:28px;padding-bottom:16px;flex-shrink:0;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-header-bar {display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:12px;} body.followup-side-preview #foDetailPanel.cd-fo :is(.fo-dp-head-left,.fo-dp-title-wrap,.fo-dp-title-row) {display:contents;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-company {grid-column:1;grid-row:1;min-width:0;margin:0;line-height:34px!important;overflow-wrap:anywhere;} body.followup-side-preview #foDetailPanel.cd-fo :is(.fo-dp-remove-btn,.fo-dp-close) {grid-row:1;display:inline-flex;align-items:center;justify-content:center;height:34px;min-height:34px;margin:0;padding:0 12px;line-height:1;font-size:13px;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-remove-btn {grid-column:2;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-close {grid-column:3;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-meta {grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:8px 16px;margin:0;line-height:28px;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-meta>.cd-meta-item {display:inline-flex;align-items:center;min-height:28px;gap:8px;line-height:28px;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-meta>.cd-meta-item::before {margin-right:8px;flex-shrink:0;} body.followup-side-preview #foDetailPanel.cd-fo .cd-fo-stage .fo-stage-pill-select {height:28px;line-height:28px;margin:0;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-meta .customer-protection-status {display:inline-flex;align-items:center;min-height:28px;line-height:28px;margin:0;padding-top:0;padding-bottom:0;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-body {min-height:0;flex:1;overflow-y:auto;padding-top:12px;} body.followup-side-preview #foDetailPanel.cd-fo .cd-fields {column-gap:20px;} body.followup-side-preview #foDetailPanel.cd-fo .cd-field {min-width:0;overflow-wrap:anywhere;} body.followup-side-preview #foDetailPanel.cd-fo .fo-tl-input-wrap {order:11;flex-shrink:0;} body.followup-side-preview #foDetailPanel.cd-fo .workflow-detail-nav {position:static;inset:auto;order:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--cd-pad);border-top:1px solid var(--cd-line);flex-shrink:0;pointer-events:auto;} body.followup-side-preview #foDetailPanel.cd-fo .workflow-detail-nav button {position:static;transform:none;width:auto;height:32px;min-height:32px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--cd-line);border-radius:6px;background:transparent;color:var(--cd-ink);} body.followup-side-preview #foDetailPanel.cd-fo .workflow-detail-nav .cd-nav-label {display:inline;font-size:12px;} body.followup-side-preview #foDetailPanel.cd-fo .workflow-detail-position {position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:nowrap;order:0;font-size:12px;color:var(--cd-muted);} @media (max-width:760px) { html body.followup-side-preview #foDetailPanel.cd-fo {--cd-pad:24px;--cd-out:12px;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:100vw!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important;transform:translateX(100%)!important;} html body.followup-side-preview #foDetailPanel.cd-fo.open {transform:translateX(0)!important;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-header {padding-top:20px;padding-bottom:12px;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-company {grid-column:1/3;line-height:36px!important;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-remove-btn {grid-column:1/3;grid-row:2;justify-self:start;} body.followup-side-preview #foDetailPanel.cd-fo :is(.fo-dp-remove-btn,.fo-dp-close) {height:36px;min-height:36px;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-meta {grid-row:3;gap:4px 12px;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-meta>.cd-meta-item:first-child:not(.cd-fo-stage) {display:none;} body.followup-side-preview #foDetailPanel.cd-fo .cd-fields {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;} body.followup-side-preview #foDetailPanel.cd-fo .workflow-detail-nav button {height:40px;} body.followup-side-preview #foDetailPanel.cd-fo .fo-tl-input-wrap {padding-bottom:max(14px,env(safe-area-inset-bottom));} } @media (prefers-reduced-motion:reduce) { html body.followup-side-preview #foDetailPanel.cd-fo {transition:none;} } html body.followup-side-preview #foDetailPanel.cd-fo.ff-clean {--ff-panel-w:720px;--index-layout-bg:#f3f2ef;--text:#262626;--text2:#6b6b6b;--ws-line:#dfe0dd;--ff-line:#dfe0dd;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-header {display:block!important;} body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-meta .ff-chip {min-height:28px;align-items:center;line-height:28px;padding:0 10px;} body.followup-side-preview #foDetailPanel.cd-fo .ff-live-contact {padding:10px var(--cd-pad) 16px;} body.followup-side-preview #foDetailPanel.cd-fo .ff-live-contact :is(h3,.ff-protection-line) {display:none;} body.followup-side-preview #foDetailPanel.cd-fo .ff-current-task {margin-bottom:14px;} body.followup-side-preview #foDetailPanel.cd-fo .ff-current-task p {font-size:13px;} body.followup-side-preview #foDetailPanel.cd-fo .ff-fold-info {padding:0 var(--cd-pad) 18px;} body.followup-side-preview #foDetailPanel.cd-fo :is(.ff-info,#dpTimelineHead,#dpTimeline,#ff-boundary) {margin-left:var(--cd-pad);margin-right:var(--cd-pad);} body.followup-side-preview #foDetailPanel.cd-fo .ff-info {padding:18px 0;} body.followup-side-preview #foDetailPanel.cd-fo #ff-foot {padding:14px var(--cd-pad);min-height:76px;flex-shrink:0;} body.followup-side-preview #foDetailPanel.cd-fo #ff-foot .ff-primary {border-radius:8px!important;} @media (max-width:760px) { html body.followup-side-preview #foDetailPanel.cd-fo.ff-clean {--ff-panel-w:100vw;} body.followup-side-preview #foDetailPanel.cd-fo .ff-work {padding-top:14px;} body.followup-side-preview #foDetailPanel.cd-fo .ff-feedback-reasons .ff-quick-grid {display:flex;gap:6px;} body.followup-side-preview #foDetailPanel.cd-fo .ff-feedback-reasons .ff-quick-note {min-height:36px;padding:6px 9px;font-size:13px;} body.followup-side-preview #foDetailPanel.cd-fo #ff-foot {padding-bottom:max(14px,env(safe-area-inset-bottom));} } body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-body {display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-content:start;padding:12px var(--cd-pad) 24px!important;column-gap:16px;} body.followup-side-preview #foDetailPanel.cd-fo #dpInfo {display:block!important;margin:0;grid-column:1/-1;grid-row:1;} body.followup-side-preview #foDetailPanel.cd-fo #dpInfo .cd-ic {width:20px;height:20px;filter:none;opacity:1;} body.followup-side-preview #foDetailPanel.cd-fo #cw-followup-actions {display:flex!important;grid-column:2;grid-row:2;margin:24px 0 0;} body.followup-side-preview #foDetailPanel.cd-fo #dpTimelineHead {display:block!important;grid-column:1;grid-row:2;margin:24px 0 0!important;padding:0!important;align-self:center;} body.followup-side-preview #foDetailPanel.cd-fo #dpTimelineTitle {font-size:15px!important;color:var(--cd-ink)!important;} body.followup-side-preview #foDetailPanel.cd-fo #dpTimeline {display:block!important;grid-column:1/-1;grid-row:3;margin:14px 0 0!important;padding:0!important;border-top:1px solid var(--cd-line)!important;max-height:180px;overflow-y:auto;overscroll-behavior:contain;} body.followup-side-preview #foDetailPanel.cd-fo #dpTimeline .fo-tl-item {grid-template-columns:130px minmax(0,1fr) auto!important;column-gap:16px!important;} body.followup-side-preview #foDetailPanel.cd-fo #dpTimeline .fo-tl-item .fo-tl-content {grid-column:2!important;color:var(--cd-ink);} body.followup-side-preview #foDetailPanel.cd-fo #dpTimeline .fo-tl-item .fo-tl-actions {grid-column:3!important;} body.followup-side-preview #foDetailPanel.cd-fo #dpTimeline .fo-tl-type {display:inline-flex;margin:0 10px 0 0!important;} body.followup-side-preview #foDetailPanel.cd-fo #ff-sheet {grid-column:1/-1;grid-row:4;margin-top:18px;border-top:1px solid var(--cd-line);} body.followup-side-preview #foDetailPanel.cd-fo :is(.ff-live-contact,.ff-fold-info,.ff-current-task) {display:none;} body.followup-side-preview #foDetailPanel.cd-fo .ff-work {padding:18px 0 0;} body.followup-side-preview #foDetailPanel.cd-fo .ff-work h3 {color:var(--cd-muted);font-size:14px;margin-bottom:12px;} @media (max-width:760px) { body.followup-side-preview #foDetailPanel.cd-fo .fo-dp-body {grid-template-columns:minmax(0,1fr)!important;} body.followup-side-preview #foDetailPanel.cd-fo #cw-followup-actions {grid-column:1;grid-row:3;margin-top:10px;} body.followup-side-preview #foDetailPanel.cd-fo #cw-followup-actions button {flex:1;} body.followup-side-preview #foDetailPanel.cd-fo #dpTimeline {grid-row:4;max-height:160px;} body.followup-side-preview #foDetailPanel.cd-fo #dpTimeline .fo-tl-item {grid-template-columns:minmax(0,1fr)!important;} body.followup-side-preview #foDetailPanel.cd-fo #dpTimeline .fo-tl-item :is(.fo-tl-content,.fo-tl-actions) {grid-column:1!important;} body.followup-side-preview #foDetailPanel.cd-fo #ff-sheet {grid-row:5;} } /* 桌面行高保留两行摘要；阶段色继续铺满单元格。 */ @media (min-width:761px) { .ff-native-workbench.followup-side-preview #ff-content [data-workstyle="monday"] .ff-monday-row {min-height:60px;} .ff-native-workbench [data-workstyle="monday"] .ff-monday-row > :is(div,span,time) {padding-top:10px;padding-bottom:10px;} .ff-native-workbench [data-workstyle="monday"] .ff-monday-row .ff-m-stage {padding:0;} .ff-native-workbench [data-workstyle="monday"] .ff-monday-row .ff-m-action {padding:2px;} } /* 手机视图按钮独占一排，年份保持完整宽度；搜索和筛选各自对齐。 */ @media (max-width:760px) { html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .ff-shared-toolbar {grid-template-columns:94px minmax(0,1fr);} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #ff-native-views {grid-column:1/-1;grid-row:1;max-width:none!important;min-height:48px;height:auto;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #ff-native-views button {min-height:48px;flex:1 1 0;padding:8px 6px;font-size:14px;line-height:20px;white-space:normal;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #fo-year-tag {grid-column:1;grid-row:2;width:94px!important;min-width:94px!important;height:48px!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header .fo-btn-import-green {grid-column:2;grid-row:2;justify-self:end;width:auto!important;min-width:94px;height:48px!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #fo-search {grid-column:1/-1;grid-row:3;} html.auth-has-session body.index-workspace-layout.ff-native-workbench #ff-shared-header #followup-filter-slot {grid-column:1/-1;grid-row:4;} } /* 旧工具占位不参与正式界面，详情内容仍使用原生数据。 */ .ff-native-workbench #ff-root > :is(#ff-summary,.ff-toolbar,#ff-filters) {display:none!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo :is(.ff-note-meta,.ff-note-help) {display:flex;justify-content:flex-end;align-items:baseline;gap:12px;margin-top:6px;font-size:11px;line-height:1.5;text-align:right;color:var(--text2);} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-note-count {flex-shrink:0;white-space:nowrap;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimelineTitle {font-weight:400!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-content {font-weight:700!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-type {font-weight:400!important;} /* 工作台使用自然页面高度，表格不创建独立滚动区；看板和表格模式沿用原布局。 */ html.auth-has-session body.index-workspace-layout.ff-native-workbench[data-ff-workbench="today"] #page-followup {overflow-x:hidden!important;overflow-y:auto!important;} html.auth-has-session body.index-workspace-layout.ff-native-workbench[data-ff-workbench="today"] #page-followup #ff-root {position:static;display:block;top:auto!important;bottom:auto;height:auto;min-height:0;} html.auth-has-session body.index-workspace-layout.ff-native-workbench[data-ff-workbench="today"] #ff-root > #ff-content {flex:none;height:auto;min-height:0;overflow:visible;padding-bottom:24px;} .ff-native-workbench.followup-side-preview #ff-content .ff-unified .ff-queue-more {font:400 12.5px/1.6 var(--font);color:#6b6b6b;} .ff-native-workbench.followup-side-preview #ff-content .ff-unified .ff-queue-more .ff-btn {display:inline-flex;align-items:center;justify-content:center;min-height:30px;height:30px;padding:0 8px;border:1px solid var(--ws-line,#dfe0dd);border-radius:8px;background:var(--white,#fff);font:400 12px/1.6 var(--font);color:#6b6b6b;box-shadow:none;} .ff-native-workbench.followup-side-preview #ff-content .ff-unified .ff-queue-more .ff-btn:hover {background:var(--bg,#f5f5f5);} @media(max-width:760px){ .ff-native-workbench.followup-side-preview #ff-content .ff-unified .ff-queue-more {font-size:13px;} .ff-native-workbench.followup-side-preview #ff-content .ff-unified .ff-queue-more .ff-btn {font-size:14px;min-height:44px;height:44px;} } /* 大屏详情在右侧工作区居中；窄屏保持屏幕居中，避免挤压正文。 */ @media(min-width:1200px){ html body.index-workspace-layout.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo, html body.index-workspace-layout.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.open {left:calc(50% + var(--sidebar,260px) / 2)!important;} } /* 跟进详情沿用 index-modal-backdrop.css 的统一遮罩与遮罩叠层规则。 */ /* 客户资料每一项独立居中，记录和备注仍沿用原对齐。 */ body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-field:not(.cd-field-bg) {text-align:center;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-field:not(.cd-field-bg) dt {justify-content:center;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-fo-wechat {padding-inline:0;} /* 头部、正文和底部共用左右边线，补偿正文独立滚动条占位。 */ body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-body {padding-right:calc(var(--cd-pad) - var(--cd-sb,0px))!important;} /* 日期在上、记录在下；有关联单据时，查看入口与日期同行靠右。 */ body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-item {grid-template-columns:minmax(0,1fr) auto!important;column-gap:12px!important;row-gap:6px!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-time {grid-column:1!important;grid-row:1!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-content {grid-column:1/-1!important;grid-row:2!important;text-align:justify;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-actions {grid-column:2!important;grid-row:1!important;justify-self:end!important;} /* 历史记录随详情正文滚动，避免第二层滚动条挤占文字右边线。 */ body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history #dpTimeline {max-height:none;overflow:visible;} /* 最后修改：2026-10-10 17:37:02（北京时间）— 摘要无省略号、桌面竖线及固定客户资料。 */ @media(min-width:761px){ .ff-native-workbench [data-workstyle="monday"] .ff-m-columns>span:not(:last-child), .ff-native-workbench [data-workstyle="monday"] .ff-monday-row>:is(div,span,time):not(:last-child) {border-right:1px solid var(--ocean-refined-line,#e2dfd8);} } /* 留白随资料固定；历史、快捷原因和备注仍使用正文这一处滚动。 */ body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-body {padding-top:0!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo {position:sticky;top:0;z-index:2;align-self:start;padding-top:12px;background:var(--cd-bg);} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo::before {content:"";position:absolute;inset:0 calc(-1 * var(--cd-out,16px)) 0;z-index:-1;background:var(--cd-bg);pointer-events:none;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-fields {border-bottom:1px solid var(--cd-line,#dfe0dd)!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history {border-top:0;} /* 手机短屏收紧固定区留白，保留控件可点尺寸，为备注滚动留出空间。 */ @media(max-width:760px) and (max-height:740px){ body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-header {padding-top:12px;padding-bottom:8px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-fields {padding-top:8px;padding-bottom:8px;row-gap:6px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-field:not(.cd-field-bg) dt {min-height:20px;} } /* 最后修改：2026-10-10 17:42:56（北京时间）— 手机状态同行，标题克制；详情遮罩沿用正式版统一样式。 */ @media(max-width:760px){ .ff-native-workbench #ff-shared-header .ff-simple-nav>span {font-size:18px;font-weight:400;line-height:28px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-meta {flex-wrap:nowrap;gap:8px;font-size:12px;line-height:24px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-meta>.cd-meta-item {flex:0 0 auto;width:auto;min-height:24px;gap:6px;line-height:24px;white-space:nowrap;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-meta>.cd-meta-item::before {display:none;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-meta .ff-chip {font-size:12px;min-height:24px;line-height:24px;padding:0 7px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-meta .customer-protection-status {font-size:12px;min-height:24px;line-height:24px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-remove-btn {white-space:nowrap;} } /* 最后修改：2026-10-10 18:04:57（北京时间）— 手机详情紧凑控件，标题、资料和记录整体滚动。 */ @media(max-width:760px){ html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo,html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.open {overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:64px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-header {position:static;padding-top:18px;padding-bottom:10px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-title-row {align-items:center;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-company {font-size:16px!important;line-height:24px!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo :is(.fo-dp-remove-btn,.fo-dp-close) {width:auto;min-width:0;height:32px;min-height:32px;padding:0 9px;font-size:12px;border-radius:6px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .fo-dp-body {flex:none!important;height:auto;max-height:none;overflow:visible!important;scrollbar-gutter:auto;padding-right:var(--cd-pad)!important;padding-bottom:18px!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo {position:static;z-index:auto;padding-top:8px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo::before {content:none;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-fields {padding-top:12px;padding-bottom:12px;gap:12px 10px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-field:not(.cd-field-bg) dt {min-height:20px;line-height:20px;font-size:12px;margin-bottom:3px;gap:6px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-field:not(.cd-field-bg) dd {font-size:13px!important;line-height:22px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-attr {display:inline-block;white-space:nowrap;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-ic {width:18px;height:18px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .customer-level-select-shell {height:30px;min-width:88px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .customer-level-select-label {font-size:12px;line-height:30px;padding:0 23px 0 10px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .customer-level-select-shell::after {right:10px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-fo-quality {height:30px;min-height:30px;padding:0;font-size:12px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .quality-ticket-num {font-size:14px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .quality-ticket-label {font-size:12px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-fo-wechat {min-height:30px;font-size:13px;gap:6px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-fo-wechat .wx-dp-switch {width:30px!important;height:18px!important;flex-basis:30px!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-fo-wechat .wx-dp-switch>span {width:14px!important;height:14px!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpInfo .cd-fo-wechat[aria-checked="true"] .wx-dp-switch>span {left:14px!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-history {padding-top:12px;padding-bottom:12px;gap:10px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimelineTitle {font-size:13px!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-content {font-size:13px!important;line-height:1.6;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-time {font-size:11px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .fo-tl-item {padding:10px 0;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #dpTimeline .detail-inline-btn {height:32px!important;min-height:32px!important;padding:0 9px;font-size:12px;border-radius:6px;background:var(--cd-hover);color:var(--cd-ink);} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .ff-work h3 {font-size:13px;margin-bottom:10px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .ff-feedback-reasons .ff-quick-grid {display:flex;gap:6px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo .ff-feedback-reasons .ff-quick-note {min-height:32px;padding:5px 8px;font-size:12px;line-height:20px;background:var(--cd-hover);} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot {position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px;margin-top:auto;min-height:0;padding:10px var(--cd-pad) max(10px,env(safe-area-inset-bottom));background:var(--cd-bg);} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot #cw-followup-actions {grid-column:1;grid-row:1;width:auto;gap:8px;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot>.ff-primary {grid-column:2;grid-row:1;width:100%;min-width:0;} body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot :is(button,.ff-primary) {height:36px!important;min-height:36px!important;padding:0 8px;font-size:12px;line-height:20px;border-radius:6px!important;} html.auth-has-session body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo #ff-foot #cw-followup-actions button {background:var(--cd-hover)!important;background-image:none!important;border-color:var(--cd-control)!important;color:var(--cd-ink)!important;box-shadow:none!important;} } /* 联系时间只控制工作台提醒，保留原生业务详情与统一确认窗口。 */ body.followup-side-preview.ff-native-workbench #foDetailPanel.ff-integrated .fo-dp-remove-btn {display:none!important;} body.followup-side-preview.ff-native-workbench #foDetailPanel.ff-integrated .fo-dp-header-bar {grid-template-columns:minmax(0,1fr) auto;} body.followup-side-preview.ff-native-workbench #foDetailPanel.ff-integrated .fo-dp-close {grid-column:2;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-contact-schedule {margin-top:24px;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-schedule-head {display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-schedule-title {margin:0!important;font-size:13px;font-weight:400;color:var(--text2);} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-schedule-date {font-size:12px;color:var(--text2);white-space:nowrap;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-schedule-row {display:flex;align-items:center;gap:20px;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-date-options {display:grid;grid-template-columns:repeat(4,minmax(0,76px)) 100px;gap:8px;} body.followup-side-preview.ff-native-workbench #foDetailPanel :is(.ff-date-option,.ff-stop-followup,.ff-resume-followup) {display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:38px;padding:0 10px;font:400 13px var(--font);color:var(--cd-ink,var(--text));border:1px solid var(--cd-control,var(--ws-line));border-radius:6px;background:var(--cd-bg);box-shadow:none;white-space:nowrap;cursor:pointer;} body.followup-side-preview.ff-native-workbench #foDetailPanel :is(.ff-date-option,.ff-resume-followup):hover:not(:disabled) {background:var(--cd-hover);border-color:var(--text2);} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-date-option[aria-pressed="true"] {background:var(--cd-hover);border-color:var(--text2);font-weight:600;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-stop-followup {margin-left:auto;color:#a3493a;border-color:#ddc7bf;font-size:12px;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-stop-followup:hover:not(:disabled) {background:var(--cd-hover);border-color:#bb9182;} body.followup-side-preview.ff-native-workbench #foDetailPanel :is(.ff-date-option,.ff-stop-followup,.ff-resume-followup):focus-visible {outline:2px solid var(--text2);outline-offset:3px;} body.followup-side-preview.ff-native-workbench #foDetailPanel :is(.ff-date-option,.ff-stop-followup,.ff-resume-followup):disabled {opacity:.5;cursor:default;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-reminder-paused {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-reminder-paused small {display:block;margin-top:3px;font-size:12px;color:var(--text2);} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-resume-followup {background:var(--cd-hover);font-size:12px;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-contact-schedule [hidden] {display:none!important;} @media(max-width:760px){ body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-contact-schedule {margin-top:22px;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-schedule-title {font-size:12px;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-schedule-date {font-size:11px;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-schedule-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-date-options {display:contents;} body.followup-side-preview.ff-native-workbench #foDetailPanel :is(.ff-date-option,.ff-stop-followup,.ff-resume-followup) {min-height:42px;font-size:12px;padding:0 6px;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-stop-followup {margin:0;} body.followup-side-preview.ff-native-workbench #foDetailPanel .ff-reminder-paused {align-items:flex-start;} } /* 结果驱动记录：记录区置顶；每行左侧标签、右侧选项；底部按钮全部靠右，主按钮最右。 */ html body.followup-side-preview.ff-native-workbench #foDetailPanel.ff-integrated .fo-dp-remove-btn {display:inline-flex!important;} /* 跟进详情面板固定使用浅色变量（.ff-clean），记录区与底栏沿用同一套，避免暗色主题下深浅混杂。 */ html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated :is(#ff-sheet,#ff-foot) {--cd-ink:var(--text);--cd-muted:var(--text2);--cd-weak:var(--text2);--cd-line:var(--ws-line);--cd-control:var(--ws-line);--cd-bg:var(--index-layout-bg);--cd-hover:color-mix(in srgb,var(--index-layout-bg) 92%,var(--text));} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-record.ff-flow {padding:14px 0 6px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-flow-head {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;margin-bottom:6px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-flow-head h3 {margin:0!important;font-size:15px;font-weight:600;color:var(--cd-ink);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-stage-preview {display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:12px;color:var(--cd-muted);white-space:nowrap;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-stage-preview i {font-style:normal;color:var(--cd-weak,#9a9a9a);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-stage-preview .ff-chip {display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:4px;font-size:12px;line-height:22px;color:#111;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-line {display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;align-items:start;padding:12px 0;border-top:1px solid var(--cd-line);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-line-label {display:flex;flex-direction:column;gap:2px;padding-top:7px;font-size:13px;line-height:20px;color:var(--cd-muted);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-line-label .ff-schedule-date {font-size:12px;font-weight:600;color:var(--cd-ink);white-space:nowrap;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-line-body {min-width:0;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-line-note {margin:7px 0 0;font-size:13px;color:var(--cd-muted);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated :is(.ff-choices,.ff-sub-chips) {display:flex;flex-wrap:wrap;gap:6px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated :is(.ff-choice,.ff-sub-chip) {display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid var(--cd-control);border-radius:6px;background:var(--cd-bg);color:var(--cd-ink);font:400 13px/1.2 var(--font);white-space:nowrap;cursor:pointer;box-shadow:none;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated :is(.ff-choice,.ff-sub-chip):not([aria-checked="true"]):hover:not(:disabled) {background:var(--cd-hover);border-color:var(--cd-muted);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice[aria-checked="true"] {background:var(--cd-ink);border-color:var(--cd-ink);color:var(--cd-bg);font-weight:600;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-chip[aria-pressed="true"] {background:var(--cd-hover);border-color:var(--cd-ink);font-weight:600;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated :is(.ff-choice,.ff-sub-chip):disabled {opacity:.4;cursor:not-allowed;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated :is(.ff-choice,.ff-sub-chip,.ff-full-link):focus-visible {outline:2px solid var(--cd-muted);outline-offset:2px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub {display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:10px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-title {min-width:72px;font-size:12px;color:var(--cd-muted);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-chip {min-height:30px;padding:0 10px;font-size:12px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-form {display:block;margin-top:12px;padding:12px;border:1px solid var(--cd-line);border-radius:8px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-fields {display:grid;gap:10px 12px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-fields-sample {grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 136px minmax(0,1fr);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-fields-order {grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.8fr) 136px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-field {display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px;color:var(--cd-muted);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-sheet .ff-field input {width:100%;height:36px;min-height:36px;padding:0 10px;font-size:13px;border-radius:6px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-foot {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-form>.ff-full-link {display:flex;margin:10px 0 0 auto;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-full-link {min-height:28px;padding:0;border:0;background:none;font-size:12px;color:var(--cd-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:none;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-amount {font-size:13px;color:var(--cd-muted);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-amount b {margin-left:6px;font-size:15px;color:var(--cd-ink);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-done {margin:10px 0 0;font-size:13px;color:#15803d;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-sheet .ff-line-note-row .ff-note {min-height:44px!important;margin:0!important;padding:8px 12px!important;font-size:13px;line-height:1.6;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-note-help {justify-content:space-between;text-align:left;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-note-count.is-over {color:#b45309;font-weight:600;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-contact-schedule {margin-top:0;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-schedule-row {display:flex;align-items:center;gap:12px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-date-options {display:flex;flex-wrap:wrap;gap:8px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated :is(.ff-date-option,.ff-stop-followup) {min-height:34px;padding:0 12px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot {display:flex!important;align-items:center;justify-content:flex-end;gap:12px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot #ff-error {flex:1 1 auto;min-width:0;margin:0;font-size:12px;line-height:1.5;color:#b45309;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot #ff-error:empty {display:none;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions {display:flex;align-items:center;gap:10px;margin-left:auto;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions .ff-btn {height:42px!important;min-height:42px!important;padding:0 18px!important;font-size:14px!important;border-radius:8px!important;white-space:nowrap;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions .ff-btn:not(.ff-primary) {background:transparent!important;border:1px solid var(--cd-control)!important;color:var(--cd-ink)!important;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions .ff-primary {min-width:150px;font-weight:600;} @media (max-width:760px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-flow-head {flex-wrap:wrap;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-flow-head h3 {font-size:16px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-line {grid-template-columns:minmax(0,1fr);row-gap:8px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-line-label {flex-direction:row;align-items:baseline;justify-content:space-between;padding-top:0;font-size:14px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-line-label .ff-schedule-date {font-size:14px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated :is(.ff-choice,.ff-sub-chip,.ff-date-option,.ff-stop-followup) {min-height:44px;padding:0 12px;font-size:14px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-title {flex-basis:100%;font-size:13px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choices {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice {padding:2px 4px;white-space:normal;line-height:1.25;text-align:center;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated :is(.ff-fields-sample,.ff-fields-order) {grid-template-columns:repeat(2,minmax(0,1fr));} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-sheet .ff-field input {height:44px;min-height:44px;font-size:16px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-sheet .ff-line-note-row .ff-note {font-size:16px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-full-link {min-height:44px;font-size:13px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-schedule-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-date-options {display:contents;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-stop-followup {grid-column:3;margin:0;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot {flex-wrap:wrap;gap:8px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot #ff-error {flex-basis:100%;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions {width:100%;gap:8px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions .ff-btn {flex:2 1 0;min-width:0;height:48px!important;min-height:48px!important;padding:0 8px!important;font-size:16px!important;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions .ff-primary {flex:3 1 0;} } @media (max-width:360px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choices {grid-template-columns:repeat(2,minmax(0,1fr));} } /* 第二轮简化：结果与阶段同名带阶段色；未选结果只留两行；联系方式与上次跟进置顶；可返回上一位。 */ html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-record.ff-flow {padding:6px 0 4px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-record .ff-line:first-child {border-top:0;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice {gap:6px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice:not(.is-miss)::before {content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--ff-stage);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice small {font-size:11px;font-weight:400;color:var(--cd-muted);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice[aria-checked="true"] {background:var(--ff-stage);border-color:#111;color:#111;font-weight:600;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice[aria-checked="true"] small {color:#333;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice.is-miss[aria-checked="true"] {background:var(--cd-hover);border-color:var(--cd-ink);color:var(--cd-ink);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice:disabled {opacity:.35;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice[aria-checked="true"]:disabled {opacity:1;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub {margin-top:10px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-form {display:flex;align-items:flex-end;gap:12px;padding:0;border:0;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-form .ff-fields {flex:1;min-width:0;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-fields-sample {grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-fields-order {grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,.8fr);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-field-amount b {display:flex;align-items:center;height:36px;font-size:15px;color:var(--cd-ink);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-link {flex:0 0 auto;min-height:36px;padding:0 2px;border:0;background:none;font-size:12px;color:var(--cd-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:none;white-space:nowrap;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-link:hover {color:var(--cd-ink);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-schedule-summary {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-schedule-summary .ff-schedule-date {font-size:13px;font-weight:600;color:var(--cd-ink);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-reminder-paused {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:0;font-size:13px;color:var(--cd-muted);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-line-note-row .ff-line-body {display:flex;flex-direction:column;gap:4px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-note-count {align-self:flex-end;font-size:11px;color:var(--cd-muted);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-note-count.is-over {color:#b45309;font-weight:600;} /* 顶部：阶段 · 联系人 电话 · 保护；上次跟进单独一行。 */ html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .fo-dp-meta {flex-wrap:wrap!important;row-gap:4px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .fo-dp-meta .ff-contact {gap:10px;color:var(--text);font-size:14px;font-weight:600;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .fo-dp-meta .ff-last-note {display:block!important;flex:1 1 100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text2);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .fo-dp-meta .ff-last-note::before {display:none;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .fo-dp-meta .ff-last-note em {margin-right:8px;font-style:normal;font-size:12px;color:var(--text2);opacity:.8;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .fo-dp-header-bar {grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-prev {grid-column:2;grid-row:1;align-self:start;display:inline-flex;align-items:center;height:34px;padding:0 10px;border:1px solid var(--ws-line);border-radius:6px;background:transparent;color:var(--text);font-size:13px;cursor:pointer;white-space:nowrap;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-prev[hidden] {display:none;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .fo-dp-close {grid-column:3;} /* 资料：联系人与电话已在顶部，下方只留行业、等级、评分、微信一行。 */ /* 工作台：今天已跟进，默认收起。 */ .ff-native-workbench #ff-content .ff-v-done h3 .ff-group-focus i {margin-left:10px;font-style:normal;font-size:12px;font-weight:400;color:var(--text2,#6b6b6b);} .ff-native-workbench #ff-content .ff-v-done .ff-monday-row {opacity:.72;} @media (max-width:760px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice {gap:4px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choices {grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice {flex-direction:column;justify-content:center;padding:4px 2px;font-size:13px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice:not(.is-miss)::before {width:6px;height:6px;flex-basis:6px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice small {display:none;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-form {flex-direction:column;align-items:stretch;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-form .ff-link {align-self:flex-end;min-height:44px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-fields-order {grid-template-columns:repeat(2,minmax(0,1fr));} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-field-amount b {height:44px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-schedule-summary .ff-link {min-height:44px;font-size:14px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-schedule-summary .ff-schedule-date {font-size:15px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .fo-dp-meta .ff-contact {font-size:15px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-prev {height:32px;padding:0 8px;font-size:12px;} } @media (max-width:360px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choices {grid-template-columns:repeat(4,minmax(0,1fr));} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice {font-size:12px;} } /* 内容变少后弹窗随内容收起，最高不超过屏幕。 */ @media (min-width:761px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated, html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated.open {height:auto!important;max-height:calc(100dvh - 64px)!important;} } /* 第三轮：以线上布局为底（资料 → 跟进记录 → 记录这次跟进），底部左侧新增寄样/订单、右侧保存。 */ html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-sheet {margin-top:8px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-record .ff-record-title {margin:4px 0 2px!important;font-size:14px;font-weight:600;color:var(--cd-ink);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-record .ff-record-title+.ff-line {border-top:0;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #dpTimeline .fo-tl-item[hidden] {display:none!important;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #dpTimeline .ff-tl-more {display:block;min-height:32px;margin:4px 0 0;padding:0;border:0;background:none;font-size:12px;color:var(--text2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot #cw-followup-actions {display:flex!important;align-items:center;gap:8px;margin:0!important;order:0;} html.auth-has-session body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot #cw-followup-actions button {height:42px!important;min-height:42px!important;padding:0 14px!important;border:1px solid var(--ws-line)!important;border-radius:8px!important;background:transparent!important;background-image:none!important;color:var(--text)!important;font-size:13px!important;font-weight:500;box-shadow:none!important;white-space:nowrap;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot #ff-error {order:1;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions {order:2;} @media (max-width:760px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot #cw-followup-actions {width:100%;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot #cw-followup-actions button {flex:1 1 0;height:44px!important;min-height:44px!important;font-size:14px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #dpTimeline .ff-tl-more {min-height:44px;font-size:13px;} } /* 手机底栏一行四个：新增寄样、新增订单（次要）｜只保存、保存，下一位；360px 以下分两行。 */ @media (max-width:760px) and (min-width:361px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot {flex-wrap:nowrap;gap:6px;padding-left:16px;padding-right:16px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot #cw-followup-actions {width:auto;flex:2 1 0;gap:6px;min-width:0;} html.auth-has-session body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot #cw-followup-actions button {height:48px!important;min-height:48px!important;padding:0 4px!important;font-size:13px!important;min-width:0;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions {width:auto;flex:2.6 1 0;gap:6px;min-width:0;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions .ff-btn {height:48px!important;min-height:48px!important;padding:0 4px!important;font-size:14px!important;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot #ff-error:not(:empty) {position:absolute;left:16px;right:16px;bottom:100%;padding:6px 0;background:var(--index-layout-bg);} } /* 第四轮：当前阶段纯色、寄样/订单入口在结果里、记录展开靠右、订单表单选填收起。 */ html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-history #cw-followup-actions {display:none!important;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice.is-current {background:var(--ff-stage);border-color:var(--ff-stage);color:#111;font-weight:600;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice.is-current::before {display:none;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice.is-current small {color:#333;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice[aria-checked="true"] {box-shadow:0 0 0 1px #111;border-color:#111;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-choice.is-current:not([aria-checked="true"]):hover:not(:disabled) {background:var(--ff-stage);border-color:#111;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub {flex-wrap:wrap;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-chip.is-action {border-style:dashed;color:var(--cd-ink);font-weight:500;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-hint {font-size:12px;color:#b45309;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-done {margin:0;font-size:12px;color:#15803d;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #dpTimeline .ff-tl-more {display:block;width:fit-content;margin:4px 0 0 auto;} @media (max-width:760px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions {flex:1 1 auto;width:100%;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions .ff-btn {height:48px!important;min-height:48px!important;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-chip {min-height:44px;} } /* 补充说明空白时一行高，输入后自动增高；电脑 900px 屏首屏可见下次联系。 */ @media (min-width:761px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-sheet .ff-line-note-row .ff-note {min-height:38px!important;padding:7px 12px!important;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-record .ff-line {padding:10px 0;} } /* 第五轮：联系方式与公海评分互换位置；话术与暂不填写；新增订单原排版改为紧凑一页。 */ html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #dpInfo .cd-fields>.cd-field:nth-child(1) {order:1;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #dpInfo .cd-fields>.cd-field:nth-child(2) {order:2;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #dpInfo .cd-fields>.cd-field:nth-child(5) {order:3;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #dpInfo .cd-fields>.cd-field:nth-child(4) {order:4;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #dpInfo .cd-fields>.cd-field:nth-child(3) {order:6;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #dpInfo .cd-fields>.cd-field:nth-child(6) {order:5;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #dpInfo .cd-fields>.cd-field:nth-child(n+7) {order:7;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub {align-items:center;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-hint {flex-basis:100%;color:var(--cd-muted);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-chip.is-action {background:var(--cd-ink);border-color:var(--cd-ink);border-style:solid;color:var(--cd-bg);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-chip.is-action:hover:not(:disabled) {background:var(--cd-ink);opacity:.88;} /* 第六轮：下次联系日期显示在选中按钮下方；暂不填写说明在按钮右侧。 */ html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-schedule-row {align-items:flex-start;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-date-options {align-items:flex-start;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-date-cell {display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:0;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-date-cell .ff-date-option {width:100%;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-date-cell .ff-schedule-date {font-size:12px;font-weight:600;line-height:16px;color:var(--cd-ink);white-space:nowrap;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-chips .ff-sub-hint {flex-basis:auto;align-self:center;margin-left:4px;font-size:12px;color:var(--cd-muted);} @media (max-width:760px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-date-cell {display:flex;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-date-cell .ff-schedule-date {font-size:13px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-sub-chips .ff-sub-hint {flex-basis:100%;margin-left:0;} } /* 寄样单、新增订单：保留原版“标签在左、输入在右”，电脑上两项一行，一页看完；保存按钮黑色。 */ html body #sampleFormModal #sampleFormSubmitBtn,html body #addOrderModal #orderCreateSubmitBtn {background:#111!important;background-image:none!important;border-color:#111!important;color:#fff!important;box-shadow:none!important;} html body #sampleFormModal #sampleFormSubmitBtn:hover,html body #addOrderModal #orderCreateSubmitBtn:hover {background:#2a2a2a!important;} @media (min-width:761px) { #sampleFormModal .sample-create-modal {max-height:96vh!important;} #sampleFormModal .sample-create-header {padding-top:12px!important;padding-bottom:12px!important;} #sampleFormModal .sample-create-body {padding-top:12px!important;padding-bottom:14px!important;} #sampleFormModal .sample-create-body>div:nth-child(1), #sampleFormModal .sample-create-body>div:nth-child(3) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important;margin-bottom:10px!important;} #sampleFormModal .sample-create-body .o-row {grid-template-columns:92px minmax(0,1fr)!important;align-items:center;gap:8px!important;padding:6px 10px!important;min-height:0!important;} #sampleFormModal .sample-create-body .o-row .o-label {margin:0!important;font-size:13px!important;white-space:nowrap;} #sampleFormModal .sample-create-body .o-row .o-input {height:34px!important;min-height:34px!important;padding-top:0!important;padding-bottom:0!important;font-size:13px!important;} #sampleFormModal .sample-create-body .o-row textarea.o-input {padding-top:8px!important;padding-bottom:8px!important;} #sampleFormModal .sample-create-body .o-row textarea.o-input {height:52px!important;min-height:52px!important;} #sampleFormModal .sample-create-body>div:last-child {margin-top:12px!important;} #addOrderModal .order-create-modal {max-height:96vh!important;} #addOrderModal .order-create-header {padding:12px 20px!important;} #addOrderModal .order-create-body {grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:8px 12px!important;padding:12px 20px 14px!important;} #addOrderModal .order-create-grid .o-row {grid-template-columns:116px minmax(0,1fr)!important;align-items:center;gap:8px!important;padding:6px 10px!important;min-height:0!important;} #addOrderModal .order-create-grid .o-row .o-label {margin:0!important;font-size:13px!important;white-space:nowrap;} #addOrderModal .order-create-grid .o-row :is(input,select).o-input {height:34px!important;min-height:34px!important;padding-top:0!important;padding-bottom:0!important;font-size:13px!important;} #addOrderModal .order-create-grid .o-row .o-label,#sampleFormModal .sample-create-body .o-row .o-label {display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:6px;} #addOrderModal .order-create-grid #orderCustomerSourceRow {grid-column:span 12!important;order:1!important;} #addOrderModal .order-create-grid .o-row:has(#noCo), #addOrderModal .order-create-grid #noFollowupRow {grid-column:span 6!important;order:2!important;} #addOrderModal .order-create-grid .o-row:has(#noProvince) {grid-column:span 6!important;order:3!important;} #addOrderModal .order-create-grid .o-row:has(#noDate) {grid-column:span 6!important;order:4!important;} #addOrderModal .order-create-grid .o-row:has(#noChannel) {grid-column:span 6!important;order:5!important;} #addOrderModal .order-create-grid .o-row:has(#noInd) {grid-column:span 6!important;order:6!important;} #addOrderModal .order-create-grid .o-row:has(#noPaid) {grid-column:span 6!important;order:7!important;} #addOrderModal .order-create-grid .o-row:has(#noPaidDate) {grid-column:span 6!important;order:8!important;} #addOrderModal .order-create-grid .o-row:has(#noInvoice) {grid-column:span 6!important;order:9!important;} #addOrderModal .order-create-grid .o-row:has(#noInvoiceDate) {grid-column:span 6!important;order:10!important;} #addOrderModal .order-create-grid .o-row:has(#noShipDate) {grid-column:span 6!important;order:11!important;} #addOrderModal .order-create-grid .o-row:has(#noArrDate) {grid-column:span 6!important;order:12!important;} #addOrderModal .order-create-grid .o-row:has(#noComm) {grid-column:span 6!important;order:13!important;} #addOrderModal .order-create-body>#orderItemsPanel {order:20;grid-column:1/-1;margin-top:2px!important;padding:8px 12px!important;} #addOrderModal .order-create-body>.order-create-note {order:21;grid-column:1/-1;margin-top:0!important;padding:6px 10px!important;} #addOrderModal .order-create-body>.order-create-note textarea {min-height:44px;height:44px;} #addOrderModal .order-create-body>.order-create-actions {order:22;grid-column:1/-1;} } /* 第七轮：保存后停留；底部左“下一位”右“保存”；左右圆形切换按钮与客户公海一致。 */ html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .workflow-detail-nav {display:none!important;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-position {font-size:12px;color:var(--text2);} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-side-arrow {position:absolute;top:50%;z-index:6;width:40px;height:40px;min-height:0;margin:0;padding:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#1f1f1f;color:#fff;box-shadow:none;cursor:pointer;transition:background .15s;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-side-arrow svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-side-arrow.is-prev {left:8px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-side-arrow.is-next {right:8px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-side-arrow:hover:not(:disabled) {background:#3d3d3d;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-side-arrow:disabled {background:#e4e4e4;color:#a3a3a3;cursor:default;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-side-arrow[hidden] {display:none;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-side-arrow:focus-visible {outline:2px solid var(--text2);outline-offset:3px;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-go-prev {display:none;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions .ff-btn:disabled:not(.ff-primary) {opacity:.55;cursor:default;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-foot-actions .ff-save:disabled {opacity:1!important;color:#15803d!important;border-color:var(--ws-line)!important;} @media (min-width:761px) { /* 左右按钮放在内容两侧的留白里，不压住文字。 */ html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated, html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated.open {--cd-pad:68px;width:min(880px,calc(100vw - 64px))!important;} } @media (max-width:760px) { html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated .ff-side-arrow {display:none!important;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated #ff-foot .ff-go-prev {display:inline-flex;flex:0 0 48px!important;font-size:22px!important;} } /* 详情内切换客户不关闭弹窗；读取超过0.15秒才轻微变淡，期间不可操作，避免闪烁和误点。 */ html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated.ff-switching :is(.fo-dp-header,.fo-dp-body,#ff-foot) {opacity:.6;pointer-events:none;transition:opacity .12s ease .15s;} html body.followup-side-preview.ff-native-workbench #foDetailPanel.cd-fo.ff-integrated.ff-switching .ff-side-arrow {pointer-events:none;}