/* 2026-10-07 16:43:24（北京时间）— 评价标题常规字重，客户背景内容加粗。 */ /* 最后修改：2026-10-04 18:41:02（北京时间）— 详情标题下移并移除顶部横线，使用与隐私提醒改同底细边框。 */ /* 最后修改：2026-10-02 21:41:32（北京时间）— 跟进详情 360px 以下窄屏输入框提示文字缩至 14px，避免被截断（输入文字仍为 16px）。 */ /* 最后修改：2026-10-02 21:40:29（北京时间）— 跟进详情手机端标题下只保留当前阶段与保护状态两行，窄屏不再出现行首分隔线。 */ /* 最后修改：2026-10-02 21:38:23（北京时间）— 跟进详情手机端：跟进记录单列（时间、内容、操作），寄样/订单按钮铺满整行。 */ /* 最后修改：2026-10-02 21:36:01（北京时间）— 跟进详情手机端：微信开关、客户等级加大点击区域，保护状态单独成行。 */ /* 最后修改：2026-10-02 21:27:55（北京时间）— 客户跟进详情手机端套用整洁版并按手机规范调整尺寸。 */ /* 最后修改：2026-10-02 21:12:02（北京时间）— 客户跟进详情（电脑端）共用整洁版组件与布局。 */ /* 最后修改：2026-10-02 18:26:47（北京时间）— 使用与隐私提醒改为底部 12px 浅灰小字，细线分隔，不再用框。 */ /* 最后修改：2026-10-02 18:16:53（北京时间）— 改回细线：浅色分割线、浅灰底细边框、空状态去描边、按钮边框单独加深。 */ /* 最后修改：2026-10-02 18:01:41（北京时间）— 客户背景并入信息卡：整行、细线分隔、标签与字段同样式。 */ /* 最后修改：2026-10-02 17:58:18（北京时间）— 客户背景正文加清晰：15px、接近正文黑、行距 1.8。 */ /* 最后修改：2026-10-02 17:55:25（北京时间）— 统一平面版：中性灰黑、单一线色、同底描边框、8px 圆角、去掉弹窗内阴影与放大。 */ /* 最后修改：2026-10-02 17:51:15（北京时间）— 线条统一为中性灰黑并加深一档（分割线、边框、框线同色）。 */ /* 最后修改：2026-10-02 17:37:56（北京时间）— 护眼底色：弹窗暖米白、信息框加深一档、遮罩均匀暖灰压暗。 */ /* 最后修改：2026-10-02 17:20:00（北京时间）— 客户详情整洁版（横排图标）：信息卡、背景全文、评价汇总、提醒常显、两侧切换。 */ /* 只作用于客户详情（openDetail 加 cd-v2）；录入详情与其他弹窗沿用原样式。 */ /* 对齐基准：所有文字左右落在 --cd-pad 线上；带底色的框向外伸出 --cd-out，框内文字仍在线上；滚动区右侧扣除滚动条宽度 --cd-sb。 */ .cd-nav-label{display:none;} .cd-ic{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;} #detailModal.cd-v2 .detail-modal-panel,#foDetailPanel.cd-fo{ --cd-ink:#1f1f1f;--cd-ink2:#3d3d3d;--cd-muted:#6b6b6b;--cd-weak:#9a9a9a; --cd-line:var(--ws-line,var(--index-layout-line,#dfe0dd));--cd-hair:var(--cd-line);--cd-line-strong:#9a9a9a;--cd-bg:var(--index-layout-bg,#f3f2ef);--cd-soft:var(--cd-bg);--cd-hover:#f0f0f0;--cd-track:#e6e6e6; --cd-box-line:var(--cd-line);--cd-divider:var(--cd-line);--cd-control:var(--cd-line); --cd-notice-bg:var(--cd-soft);--cd-notice-line:var(--cd-box-line);--cd-radius:8px;--cd-body:#262626;--cd-fine:#858585; --cd-ok:#3f9d62;--cd-bad:#d9705c;--cd-warn:#d69a2d;--cd-stage:#5b84c9;--cd-info:#2f9bd0; --cd-pad:40px;--cd-out:16px;--cd-sb:0px; } #detailModal.cd-v2 .detail-modal-panel{ position:relative;width:min(1040px,96vw);max-width:96vw;max-height:90vh;border-radius:12px; background:var(--cd-bg);color:var(--cd-ink);font-variant-numeric:tabular-nums; box-shadow:0 20px 50px rgba(0,0,0,.22); } /* 护眼：遮罩均匀灰黑压暗、轻微模糊，弹窗不再与发白的背景混在一起 */ #detailModal.cd-v2.overlay{background:rgba(20,20,20,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);} html.theme-soft #detailModal.cd-v2 .detail-modal-panel{background:var(--cd-bg)!important;color:var(--cd-ink)!important;} #detailModal.cd-v2.has-customer-navigation .detail-modal-panel{--cd-pad:80px;} /* 头部：公司名称 + 业务操作同排，关闭独立在右 */ #detailModal.cd-v2.overlay .detail-header:not(#cd-x){flex-shrink:0;padding:30px var(--cd-pad) 10px!important;border-bottom:0!important;} #detailModal.cd-v2 .detail-header-top{display:flex;align-items:flex-start;gap:20px;} #detailModal.cd-v2 .detail-title{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 14px;flex:1 1 auto;min-width:0;max-width:none;font-size:inherit;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-company{min-width:0;font-size:22px;line-height:32px;font-weight:700;letter-spacing:.01em;color:var(--cd-ink);overflow-wrap:anywhere;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-title-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:1px;} #detailModal.cd-v2 .detail-meta-row{margin-top:6px;} #detailModal.cd-v2 .detail-meta-row .detail-header-actions:empty,#detailModal.cd-v2 #detail-action-btn:empty{display:none;} #detailModal.cd-v2 .detail-subtitle{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;line-height:22px;color:var(--cd-ink);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-meta-item{display:inline-flex;align-items:center;gap:6px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-meta-item[hidden]{display:none;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-meta-item+.cd-meta-item::before{content:'';width:1px;height:12px;margin-right:6px;background:var(--cd-line);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-state.is-on{color:#15803d;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-dot{width:7px;height:7px;border-radius:50%;background:var(--cd-weak);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-state.is-on .cd-dot{background:#22c55e;} /* 按钮 */ :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-btn, #detailModal.cd-v2 .detail-header-top>.detail-head-btn{ display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;min-height:0;padding:0 14px; border:1px solid var(--cd-control);border-radius:var(--cd-radius);background:var(--cd-bg);color:var(--cd-ink2); font:600 13px/1 var(--font);white-space:nowrap;cursor:pointer;box-shadow:none;transform:none;transition:background .15s,border-color .15s,color .15s; } :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-btn:hover, #detailModal.cd-v2 .detail-header-top>.detail-head-btn:hover{background:var(--cd-hover);border-color:var(--cd-line-strong);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-title-actions .cd-btn{height:30px;padding:0 12px;font-size:12.5px;font-weight:500;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-btn-remove{color:#b42318;border-color:#f1d3ce;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-btn-remove:hover{background:#fef3f2;border-color:#e9b4ab;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-btn-primary, :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-title-actions .cd-btn-join{background:var(--cd-ink);border-color:var(--cd-ink);color:#fff;font-weight:600;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-btn-primary:hover, :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-title-actions .cd-btn-join:hover{background:#3d3d3d;border-color:#3d3d3d;} #detailModal.cd-v2 :is(.cd-btn,.detail-head-btn):focus-visible{outline:2px solid var(--cd-ink2);outline-offset:2px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-link{border:0;background:none;padding:0;font:500 13px var(--font);color:var(--cd-ink2);cursor:pointer;text-decoration:underline;text-decoration-color:#a3a3a3;text-underline-offset:4px;letter-spacing:0;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-link:hover{color:var(--cd-ink);text-decoration-color:currentColor;} /* 上一位 / 下一位：卡片内两侧、垂直居中、深色实心 */ #detailModal.cd-v2.overlay .customer-detail-navigation button{ position:absolute;top:50%;z-index:3;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:var(--cd-ink);color:#fff; box-shadow:none;transition:background .15s; } #detailModal.cd-v2.overlay #detail-previous{left:16px;right:auto;} #detailModal.cd-v2.overlay #detail-next{right:16px;left:auto;} #detailModal.cd-v2.overlay .customer-detail-navigation button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;} #detailModal.cd-v2.overlay .customer-detail-navigation button:hover:not(:disabled){background:#3d3d3d;color:#fff;border:0;transform:translateY(-50%);box-shadow:none;} #detailModal.cd-v2.overlay .customer-detail-navigation button:disabled{opacity:1;background:#e4e4e4;color:#a3a3a3;box-shadow:none;cursor:default;} #detailModal.cd-v2.overlay .customer-detail-navigation button:focus-visible{outline:2px solid var(--cd-ink2);outline-offset:3px;} /* 内容滚动区：信息卡 → 页签 → 评价 → 提醒 */ #detailModal.cd-v2 .detail-content-scroll{ display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain; scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b5b5b5 transparent; padding:24px calc(var(--cd-pad) - var(--cd-sb)) 28px var(--cd-pad); } #detailModal.cd-v2.overlay #detail-info-bar{order:1;flex-shrink:0;padding:0!important;border:0!important;background:transparent!important;} #detailModal.cd-v2.overlay #cw-detail{order:2;margin:28px 0 0!important;} #detailModal.cd-v2.overlay #detail-chart-area{order:3;flex-shrink:0;padding:0!important;margin-top:20px;background:transparent!important;} #detailModal.cd-v2.overlay #detail-body{order:4;flex:none!important;overflow:visible!important;padding:0!important;background:transparent!important;} #detailModal.cd-v2.overlay #detail-risk-notice{order:5;flex-shrink:0;padding:0!important;margin-top:28px;background:transparent!important;} #detailModal.cd-v2.overlay #cw-detail:not([hidden])~#detail-chart-area{margin-top:20px;} #detailModal.cd-v2.overlay #cw-detail[hidden]~#detail-chart-area{margin-top:28px;} /* 客户信息卡：三列两行，标签在上 */ :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-fields{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 32px;margin:0 calc(-1 * var(--cd-out)); padding:18px calc(var(--cd-out) - 1px) 20px;background:var(--cd-soft);border:1px solid var(--cd-box-line);border-radius:var(--cd-radius); } :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-field{min-width:0;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-field dt{display:flex;align-items:center;gap:7px;min-height:24px;margin-bottom:4px;font-size:13px;color:var(--cd-muted);white-space:nowrap;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-field dd{margin:0;font-size:15px;font-weight:500;line-height:24px;color:var(--cd-ink);overflow-wrap:anywhere;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-attr{color:var(--cd-ink2);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-attr::before{content:'/';margin:0 7px;font-weight:400;color:var(--cd-weak);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-muted{font-size:13px;font-weight:400;color:var(--cd-weak);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-ic{display:block;width:20px;height:20px;flex:0 0 20px;pointer-events:none;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-ic-sm{width:17px;height:17px;flex-basis:17px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-score{font-size:16px;font-weight:700;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-score-tag{display:inline-block;margin-left:8px;padding:0 7px;border-radius:5px;font-size:12px;font-weight:500;line-height:20px;vertical-align:1px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone="top"]{--cd-tone:#7c3aed;--cd-tone-bg:#f3effe;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone="great"]{--cd-tone:#15803d;--cd-tone-bg:#e3f4e9;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone="good"]{--cd-tone:#2563eb;--cd-tone-bg:#e8f0fe;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone="pending"]{--cd-tone:#b45309;--cd-tone-bg:#fdf1e1;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone="poor"]{--cd-tone:#6b7280;--cd-tone-bg:#f1f1f0;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-score{color:var(--cd-tone);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-score-tag{color:var(--cd-tone);background:var(--cd-tone-bg);} #detailModal.cd-v2 .detail-offline-notice{margin:16px calc(-1 * var(--cd-out)) 0;padding:10px calc(var(--cd-out) - 1px);} /* 客户背景：默认全文 */ :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-field-bg{grid-column:1/-1;margin:2px calc(1px - var(--cd-out)) 0;padding:18px calc(var(--cd-out) - 1px) 0;border-top:1px solid var(--cd-divider);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-field-bg dt .cd-link{margin-left:auto;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-field-bg dd{margin-top:2px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-bg-text{margin:0;font-size:15px;font-weight:400;line-height:1.8;letter-spacing:.01em;color:var(--cd-body);overflow-wrap:anywhere;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-bg-text.cd-bg-empty{color:var(--cd-weak);} /* 公海与我的客户详情：背景正文突出，空背景保持原字重。 */ #detailModal.cd-v2 .cd-bg-text:not(.cd-bg-empty){font-weight:600;} #detailModal.cd-v2.overlay #detail-chart-area:empty,#detailModal.cd-v2.overlay #detail-body:empty{display:none!important;} /* 记录页签：下划线样式，公海评价在前，显示记录数 */ #detailModal.cd-v2 .cw-detail-tabs{display:flex;flex-wrap:nowrap;gap:28px;padding:0;border-bottom:1px solid var(--cd-line);} #detailModal.cd-v2 .cw-detail-tabs button{ position:relative;display:inline-flex;align-items:baseline;gap:6px;min-height:0;padding:0 0 12px;border:0;border-radius:0; background:transparent;color:var(--cd-muted);font:400 14px var(--font);white-space:nowrap;cursor:pointer; } #detailModal.cd-v2 .cw-detail-tabs button:hover:not(.active){background:transparent;color:var(--cd-ink);} #detailModal.cd-v2 .cw-detail-tabs button.active{background:transparent;color:var(--cd-ink);font-weight:600;} #detailModal.cd-v2 .cw-detail-tabs button.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--cd-ink);} #detailModal.cd-v2 .cw-tab-count{font-size:12px;font-weight:500;color:var(--cd-weak);} #detailModal.cd-v2 .cw-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 14px;font-size:13px;color:var(--cd-muted);} #detailModal.cd-v2 .cw-detail-actions .detail-inline-btn{height:34px;min-height:0;padding:0 14px;border:1px solid var(--cd-ink);border-radius:8px;background:var(--cd-ink);color:#fff;font:600 13px var(--font);box-shadow:none;} #detailModal.cd-v2 .cw-detail-actions .detail-inline-btn:hover{background:#3d3d3d;border-color:#3d3d3d;} #detailModal.cd-v2 .cw-record-list{display:block;} #detailModal.cd-v2 .cw-record-list>.cw-record{ display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:16px;align-items:baseline; padding:13px 0;border:0;border-top:1px solid var(--cd-hair);border-radius:0;background:transparent;font-size:13px;line-height:1.7;color:var(--cd-ink2); } #detailModal.cd-v2 .cw-record-list>.cw-record:first-child{border-top:0;padding-top:2px;} #detailModal.cd-v2 .cw-record>time{grid-column:1;grid-row:1/span 6;margin:0;font-size:12.5px;color:var(--cd-weak);} #detailModal.cd-v2 .cw-record>:not(time){grid-column:2;} #detailModal.cd-v2 .cw-record strong{font-size:14px;font-weight:600;color:var(--cd-ink);} #detailModal.cd-v2 .cw-record p{margin:2px 0 0;} #detailModal.cd-v2 .cw-record .fo-tl-actions{justify-content:flex-start;} #detailModal.cd-v2 .cw-empty, :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-empty{ margin:0 calc(-1 * var(--cd-out));padding:28px var(--cd-out);border:0;border-radius:var(--cd-radius);background:var(--cd-soft); text-align:center;font-size:13px;line-height:1.7;color:var(--cd-muted); } #detailModal.cd-v2 .cw-detail-tabs+.cw-empty{margin-top:20px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-empty strong{display:block;margin-bottom:2px;font-size:14px;font-weight:600;color:var(--cd-ink2);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-loading,:is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-error{padding:28px 0;text-align:center;font-size:13px;color:var(--cd-weak);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-error{color:#dc2626;} /* 公海评价：汇总 + 类型筛选 + 列表 */ :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-panel-head h3{margin:0;font-size:15px;font-weight:600;color:var(--cd-ink);} #detailModal.cd-v2 .cd-panel-head h3{font-weight:400;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-panel-head p{margin:2px 0 0;font-size:12.5px;line-height:1.6;color:var(--cd-muted);} #detailModal.cd-v2 .detail-offline-feedback{margin:0 calc(-1 * var(--cd-out)) 14px;padding:12px calc(var(--cd-out) - 1px);border-width:1px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone="ok"]{--cd-k:var(--cd-ok);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone="bad"]{--cd-k:var(--cd-bad);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone="warn"]{--cd-k:var(--cd-warn);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone="stage"]{--cd-k:var(--cd-stage);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone="info"]{--cd-k:var(--cd-info);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-sum{ display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin:0 calc(-1 * var(--cd-out)); padding:14px calc(var(--cd-out) - 1px);background:var(--cd-soft);border:1px solid var(--cd-box-line);border-radius:var(--cd-radius); } :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-total{margin-bottom:8px;font-size:13px;color:var(--cd-muted);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-total b{margin-right:3px;font-size:20px;font-weight:700;color:var(--cd-ink);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-bar{display:flex;gap:3px;height:8px;overflow:hidden;border-radius:4px;background:var(--cd-track);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-bar i{display:block;height:100%;background:var(--cd-k);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-trend{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center;padding-left:24px;border-left:1px solid var(--cd-line);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-trend span{grid-column:1/-1;margin-bottom:2px;font-size:12px;color:var(--cd-muted);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-trend b{font-size:13px;font-weight:600;white-space:nowrap;color:var(--cd-muted);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-trend b[data-dir="up"]{color:#14683d;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-trend b[data-dir="down"]{color:#b42318;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-trend-line{display:block;overflow:visible;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-trend-line polyline{fill:none;stroke:var(--cd-ink2);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-trend-end{fill:#14683d;stroke:var(--cd-bg);stroke-width:1.5;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-trend[data-dir="down"] .cd-trend-end{fill:#b42318;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-trend[data-dir="flat"] .cd-trend-end{fill:var(--cd-muted);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-trend-mark{fill:var(--cd-warn);stroke:var(--cd-bg);stroke-width:1.2;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-filter{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-filter button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--cd-control);border-radius:var(--cd-radius);background:var(--cd-bg);font:400 12.5px var(--font);color:var(--cd-ink2);cursor:pointer;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-filter button::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--cd-k,transparent);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-filter button.is-all::before{display:none;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-filter button span{font-weight:500;color:var(--cd-weak);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-filter button:hover{border-color:var(--cd-line-strong);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-filter button[aria-pressed="true"]{background:var(--cd-ink);border-color:var(--cd-ink);color:#fff;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-filter button[aria-pressed="true"] span{color:#bdbdbd;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-list{list-style:none;margin:0;padding:0;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-list li{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:12px 0;border-top:1px solid var(--cd-hair);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-list li:first-child{border-top:0;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-tag{justify-self:start;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--cd-ink2);white-space:nowrap;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-tag::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--cd-k);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-body{min-width:0;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-line{margin:0;font-size:13px;line-height:1.7;color:var(--cd-ink);overflow-wrap:anywhere;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-line+.cd-rv-line{margin-top:2px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-line strong{font-weight:600;color:var(--cd-ink);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-key{color:var(--cd-muted);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-meta{margin:2px 0 0;font-size:12px;color:var(--cd-ink);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-time{font-size:12.5px;color:var(--cd-weak);white-space:nowrap;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-more{display:flex;justify-content:center;padding-top:6px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-own-note{display:flex;align-items:center;gap:7px;margin-top:16px;font-size:12.5px;color:var(--cd-weak);} /* 使用与隐私提醒：同底细边框与信息卡对齐，保留12px文字；公海来源才显示，私有客户不显示 */ #detailModal.cd-v2 .detail-risk-notice-inner{ margin:0 calc(-1 * var(--cd-out));padding:14px calc(var(--cd-out) - 1px);border:1px solid var(--cd-line);border-radius:var(--cd-radius); background:var(--cd-bg);font-size:12px;line-height:1.75;color:var(--cd-fine); } #detailModal.cd-v2 .detail-risk-notice-title{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:12px;font-weight:600;line-height:1.5;color:var(--cd-muted);} #detailModal.cd-v2 .detail-risk-notice-title .cd-ic{width:14px;height:14px;flex-basis:14px;} #detailModal.cd-v2 .detail-risk-notice-copy{font-weight:400;color:var(--cd-fine);} #detailModal.cd-v2 .detail-risk-notice-rule{margin-top:2px;} /* 夜间主题 */ html.theme-dark #detailModal.cd-v2.overlay{background:rgba(0,0,0,.6);} html.theme-dark #detailModal.cd-v2 .detail-modal-panel,html.theme-dark #foDetailPanel.cd-fo{ --cd-ink:#e4e6ea;--cd-ink2:#c8cbd0;--cd-muted:#9ba1a8;--cd-weak:#7f858c; --cd-line:var(--ws-line,#2e3035);--cd-hair:var(--cd-line);--cd-line-strong:#6b7078;--cd-bg:#202225;--cd-soft:var(--cd-bg);--cd-hover:#2a2c30;--cd-track:#34373c; --cd-box-line:var(--cd-line);--cd-divider:var(--cd-line);--cd-control:var(--cd-line); --cd-notice-bg:var(--cd-soft);--cd-notice-line:var(--cd-box-line);--cd-body:#e1e3e7;--cd-fine:#8a9097; } html.theme-dark #detailModal.cd-v2.overlay :is(#detail-info-bar,#detail-chart-area,#detail-body,#detail-risk-notice){background:transparent!important;} html.theme-dark :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-btn,html.theme-dark #detailModal.cd-v2 .detail-header-top>.detail-head-btn{background:var(--cd-bg)!important;color:var(--cd-ink2)!important;border-color:var(--cd-control)!important;} html.theme-dark :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) :is(.cd-btn-primary,.cd-title-actions .cd-btn-join,.cw-detail-actions .detail-inline-btn){background:var(--cd-ink)!important;color:#202225!important;border-color:var(--cd-ink)!important;} html.theme-dark :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-title-actions .cd-btn-remove{color:#fca5a5!important;border-color:#5b2b2b!important;} html.theme-dark #detailModal.cd-v2.overlay .customer-detail-navigation button{background:var(--cd-ink)!important;color:#202225!important;border:0!important;} html.theme-dark #detailModal.cd-v2.overlay .customer-detail-navigation button:disabled{background:#34373c!important;color:#7f858c!important;} html.theme-dark :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-filter button[aria-pressed="true"]{background:var(--cd-ink);border-color:var(--cd-ink);color:#202225;} html.theme-dark :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone]{--cd-tone-bg:rgba(255,255,255,.08);} html.theme-dark :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) [data-tone="great"]{--cd-tone:#86efac;} html.theme-dark :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-state.is-on{color:#86efac;} html.theme-dark :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-trend b[data-dir="up"]{color:#86efac;} /* 手机：上下堆叠；信息卡两列；切换按钮放到弹窗底部 */ @media (max-width:760px){ #detailModal.cd-v2 .detail-modal-panel,#detailModal.cd-v2.has-customer-navigation .detail-modal-panel{--cd-pad:20px;--cd-out:12px;--cd-sb:0px;width:96vw;max-height:92vh;max-height:92dvh;border-radius:12px;} #detailModal.cd-v2.overlay .detail-header:not(#cd-x){order:1;padding:22px var(--cd-pad) 10px!important;} #detailModal.cd-v2 .detail-content-scroll{order:2;padding:18px var(--cd-pad) 22px;scrollbar-gutter:auto;} #detailModal.cd-v2 .detail-header-top{gap:12px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-company{font-size:18px;line-height:28px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-title-actions{width:100%;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-title-actions .cd-btn{height:36px;} #detailModal.cd-v2 .detail-header-top>.detail-head-btn{height:40px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-field dt{font-size:14px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-field dd{font-size:16px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-ic{width:24px;height:24px;flex-basis:24px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-ic-sm{width:20px;height:20px;flex-basis:20px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-bg-text{font-size:16px;} #detailModal.cd-v2 .cw-detail-tabs{gap:0;justify-content:space-between;} #detailModal.cd-v2 .cw-detail-tabs button{padding-bottom:14px;} #detailModal.cd-v2 .cw-detail-actions{flex-wrap:wrap;} #detailModal.cd-v2 .cw-detail-actions .detail-inline-btn{height:40px;} #detailModal.cd-v2 .cw-record-list>.cw-record{grid-template-columns:minmax(0,1fr);} #detailModal.cd-v2 .cw-record>time,#detailModal.cd-v2 .cw-record>:not(time){grid-column:1;grid-row:auto;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-panel-head{flex-wrap:wrap;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-panel-head .cd-btn-primary{height:40px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-sum{grid-template-columns:1fr;gap:14px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-trend{grid-template-columns:auto 1fr;padding:12px 0 0;border-left:0;border-top:1px solid var(--cd-line);} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-filter button{height:36px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-list li{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-rv-body{grid-column:1/-1;grid-row:2;} #detailModal.cd-v2.has-customer-navigation .customer-detail-navigation{order:3;display:flex;gap:12px;padding:12px var(--cd-pad) 14px;border-top:1px solid var(--cd-line);} #detailModal.cd-v2.overlay .customer-detail-navigation button{position:static;flex:1;width:auto;height:44px;gap:6px;border-radius:var(--cd-radius);transform:none;box-shadow:none;font:600 14px var(--font);} #detailModal.cd-v2.overlay .customer-detail-navigation button:hover:not(:disabled){transform:none;} :is(#detailModal.cd-v2,#foDetailPanel.cd-fo) .cd-nav-label{display:inline;font-size:14px;line-height:1;vertical-align:0;} #detailModal.cd-v2.overlay #detail-previous{order:1;} #detailModal.cd-v2.overlay #detail-next{order:3;} #detailModal.cd-v2.has-customer-navigation .customer-detail-navigation::after{content:attr(data-position);order:2;align-self:center;min-width:56px;text-align:center;font-size:13px;color:var(--cd-ink);} #detailModal.cd-v2 #cd-position{display:none;} } /* ===== 客户跟进详情（电脑端）：套用客户详情整洁版；手机端不加 cd-fo，保留已确认的原布局 ===== */ .fo-detail-overlay.cd-fo.open{background:rgba(20,20,20,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);} #foDetailPanel.cd-fo{width:min(1040px,96vw);max-width:96vw;max-height:90vh;border-radius:12px;background:var(--cd-bg);color:var(--cd-ink);box-shadow:0 20px 50px rgba(0,0,0,.22);font-variant-numeric:tabular-nums;} html.theme-soft #foDetailPanel.cd-fo{background:var(--cd-bg)!important;color:var(--cd-ink)!important;} #foDetailPanel.cd-fo .fo-dp-header{padding:30px var(--cd-pad) 10px;border-bottom:0!important;} #foDetailPanel.cd-fo .fo-dp-header-bar{gap:20px;} #foDetailPanel.cd-fo .fo-dp-title-row{align-items:flex-start;gap:8px 14px;} #foDetailPanel.cd-fo .fo-dp-company{font-size:22px;line-height:32px;font-weight:700;letter-spacing:.01em;color:var(--cd-ink);} #foDetailPanel.cd-fo .fo-dp-remove-btn{height:30px;margin-top:1px;padding:0 12px;border:1px solid #f1d3ce;border-radius:8px;background:var(--cd-bg);color:#b42318;font:500 12.5px/1 var(--font);white-space:nowrap;} #foDetailPanel.cd-fo .fo-dp-remove-btn:hover{background:#fef3f2;border-color:#e9b4ab;} #foDetailPanel.cd-fo .fo-dp-close{height:34px;min-width:0;padding:0 14px;border:1px solid var(--cd-control);border-radius:8px;background:var(--cd-bg);color:var(--cd-ink2);font:600 13px/1 var(--font);} #foDetailPanel.cd-fo .fo-dp-close:hover{background:var(--cd-hover);border-color:var(--cd-line-strong);} #foDetailPanel.cd-fo .fo-dp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px;font-size:13px;line-height:24px;color:var(--cd-muted);} #foDetailPanel.cd-fo .cd-fo-stage{gap:8px;} #foDetailPanel.cd-fo .cd-fo-stage .fo-stage-pill-select{height:24px;padding:0 10px;border-radius:6px;font-size:12.5px;font-weight:600;line-height:24px;} #foDetailPanel.cd-fo .fo-dp-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;column-gap:16px;padding:24px calc(var(--cd-pad) - var(--cd-sb)) 24px var(--cd-pad);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b5b5b5 transparent;} #foDetailPanel.cd-fo #dpInfo{grid-column:1/-1;padding:0;border:0;background:transparent;} #foDetailPanel.cd-fo .cd-fo-wechat{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;border-radius:6px;background:none;color:inherit;font:500 14px/1.5 var(--font);cursor:pointer;} #foDetailPanel.cd-fo .cd-fo-wechat:focus-visible{outline:2px solid var(--cd-ink2);outline-offset:3px;} #foDetailPanel.cd-fo .cd-fo-quality{height:30px;padding:0 12px;font-size:12.5px;} #foDetailPanel.cd-fo #dpTimelineHead{grid-column:1;grid-row:2;margin-top:28px;padding:0!important;} #foDetailPanel.cd-fo #dpTimelineTitle{display:flex;align-items:baseline;gap:8px;margin:0;font-size:15px!important;font-weight:600;letter-spacing:0!important;color:var(--cd-ink)!important;} #foDetailPanel.cd-fo .cd-fo-sub{font-size:12.5px;font-weight:400;color:var(--cd-muted);} #foDetailPanel.cd-fo #cw-followup-actions{grid-column:2;grid-row:2;align-self:end;display:flex;gap:8px;margin-top:28px;padding:0;border:0;} #foDetailPanel.cd-fo #cw-followup-actions button{height:32px;min-height:0;padding:0 12px;border:1px solid var(--cd-control);border-radius:8px;background:var(--cd-bg);color:var(--cd-ink2);font:600 12.5px/1 var(--font);box-shadow:none;} #foDetailPanel.cd-fo #cw-followup-actions button:hover{background:var(--cd-hover);border-color:var(--cd-line-strong);} #foDetailPanel.cd-fo #dpTimeline{grid-column:1/-1;margin-top:14px;padding:0;border-top:1px solid var(--cd-line);} #foDetailPanel.cd-fo #dpTimeline .fo-tl-item{display:grid;grid-template-columns:150px minmax(0,1fr) auto;column-gap:16px;align-items:baseline;margin:0;padding:13px 0;border:0;border-top:1px solid var(--cd-hair);} #foDetailPanel.cd-fo #dpTimeline .fo-tl-item:first-child{border-top:0;} #foDetailPanel.cd-fo #dpTimeline .fo-tl-dot{display:none;} #foDetailPanel.cd-fo #dpTimeline .fo-tl-time{grid-column:1;margin:0;font-size:12.5px;font-weight:400;color:var(--cd-weak);} #foDetailPanel.cd-fo #dpTimeline .fo-tl-content{grid-column:2;font-size:13.5px;line-height:1.7;color:var(--cd-ink2);overflow-wrap:anywhere;} #foDetailPanel.cd-fo #dpTimeline .fo-tl-item>:not(.fo-tl-dot):not(.fo-tl-time):not(.fo-tl-content){grid-column:3;margin:0;} #foDetailPanel.cd-fo #dpTimeline .fo-tl-type{display:inline-flex;align-items:center;gap:6px;margin-right:10px;padding:0;border-radius:0;background:none;color:var(--cd-ink2);font-size:12.5px;font-weight:600;} #foDetailPanel.cd-fo #dpTimeline .fo-tl-type::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--cd-weak);} #foDetailPanel.cd-fo #dpTimeline .fo-tl-type-note::before{background:var(--cd-stage);} #foDetailPanel.cd-fo #dpTimeline .fo-tl-type-sample::before{background:#e879b9;} #foDetailPanel.cd-fo #dpTimeline .fo-tl-type-order::before{background:var(--cd-ok);} #foDetailPanel.cd-fo #dpTimeline .fo-tl-type-stage::before{background:var(--cd-warn);} #foDetailPanel.cd-fo #dpTimeline .detail-inline-btn{height:30px;min-height:0;padding:0 12px;border:1px solid var(--cd-control);border-radius:8px;background:var(--cd-bg);color:var(--cd-ink2);font:500 12.5px/1 var(--font);box-shadow:none;} #foDetailPanel.cd-fo #dpTimeline .detail-inline-btn:hover{background:var(--cd-hover);border-color:var(--cd-line-strong);} #foDetailPanel.cd-fo .fo-tl-input-wrap{padding:14px var(--cd-pad) 16px;border-top:1px solid var(--cd-line);background:var(--cd-bg);} #foDetailPanel.cd-fo .fo-tl-input{border:1px solid var(--cd-control);border-radius:8px;background:var(--cd-bg);font-size:14px;line-height:1.6;color:var(--cd-ink);} #foDetailPanel.cd-fo .fo-tl-input:focus{border-color:var(--cd-ink2);} #foDetailPanel.cd-fo .fo-tl-submit{height:34px;margin:0;padding:0 16px;border-radius:8px;background:var(--cd-ink);color:#fff;font:600 13px/1 var(--font);opacity:1;} #foDetailPanel.cd-fo .fo-tl-submit:hover{background:#3d3d3d;opacity:1;} html.theme-dark #foDetailPanel.cd-fo :is(.fo-dp-close,#cw-followup-actions button,#dpTimeline .detail-inline-btn){background:var(--cd-bg)!important;color:var(--cd-ink2)!important;border-color:var(--cd-control)!important;} html.theme-dark #foDetailPanel.cd-fo .fo-dp-remove-btn{background:var(--cd-bg)!important;color:#fca5a5!important;border-color:#5b2b2b!important;} html.theme-dark #foDetailPanel.cd-fo .fo-tl-input{background:var(--cd-bg);} html.theme-dark #foDetailPanel.cd-fo .fo-tl-submit{background:var(--cd-ink);color:#202225;} /* ===== 客户跟进详情（手机）：同一套整洁版，按手机规范放大触控与字号 ===== */ @media (max-width:760px){ #foDetailPanel.cd-fo{--cd-pad:20px;--cd-out:12px;--cd-sb:0px;border-radius:12px!important;} #foDetailPanel.cd-fo .fo-dp-header{padding:22px var(--cd-pad) 10px;} #foDetailPanel.cd-fo .fo-dp-header-bar{gap:12px;} #foDetailPanel.cd-fo .fo-dp-company{font-size:18px;line-height:28px;} #foDetailPanel.cd-fo .fo-dp-title-row{gap:8px;} #foDetailPanel.cd-fo .fo-dp-remove-btn{height:36px;min-height:36px;margin-top:0;padding:0 12px;font-size:13px;} #foDetailPanel.cd-fo .fo-dp-close{height:40px;min-height:40px;min-width:56px;} #foDetailPanel.cd-fo .fo-dp-meta{gap:4px 10px;font-size:13px;} #foDetailPanel.cd-fo .cd-fo-stage .fo-stage-pill-select{height:32px;padding:0 12px;font-size:14px;line-height:32px;} #foDetailPanel.cd-fo .fo-dp-body{display:flex;flex-direction:column;padding:18px var(--cd-pad) 20px;scrollbar-gutter:auto;} #foDetailPanel.cd-fo #dpInfo{order:1;} #foDetailPanel.cd-fo #dpTimelineHead{order:2;margin-top:24px;} #foDetailPanel.cd-fo #cw-followup-actions{order:3;align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;} #foDetailPanel.cd-fo #cw-followup-actions button{height:48px;font-size:14px;} #foDetailPanel.cd-fo #dpTimeline{order:4;margin-top:14px;} #foDetailPanel.cd-fo .fo-dp-meta>.cd-meta-item:first-child:not(.cd-fo-stage){display:none;} #foDetailPanel.cd-fo .fo-dp-meta .cd-fo-stage::before{display:none;} #foDetailPanel.cd-fo .fo-dp-meta .cd-fo-stage~.cd-meta-item{flex-basis:100%;} #foDetailPanel.cd-fo .fo-dp-meta .cd-fo-stage~.cd-meta-item::before{display:none;} #foDetailPanel.cd-fo .cd-fo-wechat{min-height:40px;padding-right:12px;font-size:16px;} #foDetailPanel.cd-fo .cd-fo-wechat .wx-dp-switch{width:40px!important;height:22px!important;flex-basis:40px!important;} #foDetailPanel.cd-fo .cd-fo-wechat .wx-dp-switch>span{width:18px!important;height:18px!important;} #foDetailPanel.cd-fo .cd-fo-wechat[aria-checked="true"] .wx-dp-switch>span{left:20px!important;} #foDetailPanel.cd-fo .customer-level-select-shell{height:40px;min-width:104px;} #foDetailPanel.cd-fo .customer-level-select-label{padding:0 28px 0 12px;font-size:13px;line-height:40px;} #foDetailPanel.cd-fo .customer-level-select-shell::after{right:13px;} #foDetailPanel.cd-fo .cd-fo-quality{height:40px;padding:0 14px;font-size:14px;} #foDetailPanel.cd-fo #dpTimeline .fo-tl-item{grid-template-columns:minmax(0,1fr);row-gap:6px;padding:14px 0;} #foDetailPanel.cd-fo #dpTimeline .fo-tl-time{grid-column:1;} #foDetailPanel.cd-fo #dpTimeline .fo-tl-content{grid-column:1;font-size:15px;} #foDetailPanel.cd-fo #dpTimeline .fo-tl-item>:not(.fo-tl-dot):not(.fo-tl-time):not(.fo-tl-content){grid-column:1;grid-row:auto;justify-self:start;align-self:start;margin-top:2px;} #foDetailPanel.cd-fo #dpTimeline .detail-inline-btn{height:40px;padding:0 12px;font-size:13px;} #foDetailPanel.cd-fo .fo-tl-input-wrap{padding:12px var(--cd-pad) 14px;} #foDetailPanel.cd-fo .fo-tl-input{font-size:16px;} #foDetailPanel.cd-fo .fo-tl-submit{height:48px;min-height:48px;padding:0 16px;font-size:14px;} } @media (max-width:359px){ #foDetailPanel.cd-fo .fo-tl-input::placeholder{font-size:14px;} }