/* 最后修改：2026-10-03 13:17:51（北京时间）— 较窄电脑屏幕（1025–1279px）紧凑一档，避免第一排与订单筛选溢出。 */
/* 最后修改：2026-10-03 13:11:23（北京时间）— 顶部按方案A重做：电脑端（≥1025px）两排——标签即标题 …… 本页统计·合并演示·主按钮；年份·条数 …… 靠右筛选；控件与“我的客户”筛选栏同规格。窄屏保持原样。 */
/* 最后修改：2026-10-03 12:10:25（北京时间）— 保护状态用卡片短文案，完整显示不再截断。 */
/* 最后修改：2026-10-03 12:09:05（北京时间）— 收紧行距，等级行可换行，按钮 24px。 */
/* 最后修改：2026-10-03 12:06:19（北京时间）— 客户跟进看板简洁版（电脑端）：统一字号与间距，去掉灰底框、状态灯圆点和微信圆底；六阶段色、微信绿、跟进时间绿/橙/红等业务状态色保留。 */

/* 本页操作区与筛选插槽在原位置不占布局；标签行插槽为空时不显示（手机与平板保持原样）。 */
#page-samples .cw-page-actions,#page-followup .cw-filter-slot{display:contents;}
#customer-workspace-tabs > .cw-workspace-actions:empty{display:none;}

/* ===== 看板卡片（电脑端，手机端由 FollowupMobile 独立渲染） ===== */
@media (min-width:761px){
  #kanban-board .fo-card{padding:12px 12px 10px;margin-bottom:8px;border:1px solid var(--border);border-radius:10px;background:var(--white);box-shadow:none;}
  #kanban-board .fo-card:hover{border-color:var(--text3);box-shadow:0 2px 8px rgba(0,0,0,.05);}
  #kanban-board .fo-card-head{display:flex;align-items:flex-start;gap:8px;}
  #kanban-board .fo-card-company{flex:1;min-width:0;margin:0;font-size:14px;font-weight:600;line-height:19px;color:var(--text);}
  #kanban-board .fo-card-wx{flex:0 0 auto;display:inline-flex;align-items:center;height:19px;}
  #kanban-board .fo-card-person{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:3px 0 0;font-size:12.5px;line-height:18px;color:var(--text2);}
  #kanban-board .fo-card-person-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  #kanban-board .fo-joined-date{flex:0 0 auto;font-size:12px;color:var(--text3);white-space:nowrap;}
  #kanban-board .fo-card-note{height:auto;margin:6px 0 0;padding:0;border-radius:0;background:none;font-size:12.5px;font-weight:400;line-height:18px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #kanban-board .fo-card-summary{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:8px;min-height:24px;}
  #kanban-board .fo-card-summary .customer-level-select-label{font-size:11px;}
  #kanban-board .fo-card-tag{margin:0;padding:1px 6px;font-size:11px;font-weight:600;line-height:18px;}
  #kanban-board .fo-card-activity{margin-left:auto;}
  #kanban-board .fo-act{font-size:12px;line-height:18px;white-space:nowrap;}
  #kanban-board .fo-act-none,#kanban-board .fo-act-end{color:var(--text3);}
  #kanban-board .fo-act-ok{color:#059669;}
  #kanban-board .fo-act-warn{color:#d97706;font-weight:600;}
  #kanban-board .fo-act-late{color:#ef4444;font-weight:600;}
  #kanban-board .fo-card-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:8px;padding-top:7px;border-top:1px solid var(--border);}
  #kanban-board .fo-card-protection{flex:1;min-width:0;margin:0;display:block;}
  #kanban-board .fo-card-protection .customer-protection-status{margin:0;max-width:100%;font-size:12px;line-height:18px;white-space:nowrap;}
  #kanban-board .fo-card-act{flex:0 0 auto;margin-left:auto;height:24px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:transparent;font-size:12.5px;font-weight:600;line-height:22px;color:var(--text);}
  #kanban-board .fo-card-act:hover{background:rgba(0,0,0,.05);}
}

/* ===== 客户跟进 / 样品记录 / 订单记录 顶部（电脑端 ≥1025px） ===== */
@media (min-width:1025px){
  /* 第一排：标签即标题 …… 合并操作演示 · 本页统计 · 主按钮 */
  #customer-workspace-tabs{gap:16px;padding:0 28px;}
  #customer-workspace-tabs > [role="tablist"]{gap:22px;align-items:baseline;}
  #customer-workspace-tabs button[role="tab"]{min-height:0;padding:0;border-radius:0;background:transparent;color:#9ca3af;font:600 16px/1.2 var(--font);}
  #customer-workspace-tabs button[role="tab"]:hover:not(.active){background:transparent;color:var(--text2);}
  #customer-workspace-tabs button[role="tab"].active{background:transparent;color:var(--text);font-size:23px;font-weight:700;cursor:default;}
  #customer-workspace-tabs > .cw-workspace-tools{margin-left:auto;gap:0;}
  #customer-workspace-tabs [data-cw-demo-open]{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 4px;border:0;background:transparent;color:var(--text3);font:500 13px var(--font);cursor:pointer;}
  #customer-workspace-tabs [data-cw-demo-open]::before{content:'';border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;}
  #customer-workspace-tabs [data-cw-demo-open]:hover{color:var(--text);}
  #customer-workspace-tabs > .cw-workspace-actions{display:flex;align-items:center;gap:18px;}
  #customer-workspace-tabs [data-cw-page-actions]{display:flex !important;align-items:center;gap:18px !important;margin:0 !important;padding:0 !important;width:auto !important;white-space:nowrap;}

  /* 统计：标签 12px 灰，数字 18px，保留原业务色 */
  #customer-workspace-tabs [data-cw-page-actions="followup"] > div{gap:6px !important;}
  #customer-workspace-tabs [data-cw-page-actions="followup"] span[id^="fo-"]{font-size:18px !important;}
  #customer-workspace-tabs .order-manager-metric{column-gap:6px;}
  #customer-workspace-tabs .order-manager-metric strong{font-size:18px;}
  #customer-workspace-tabs .order-manager-commands{gap:18px;padding:0;}
  #customer-workspace-tabs [data-cw-page-actions="followup"] > div[style*="width:1px"]{height:22px !important;background:var(--border) !important;}

  /* 次要按钮（显示提成）30px；主按钮与“我的客户”的“＋ 手动录入”同规格 */
  #customer-workspace-tabs #of-commission-toggle{width:auto;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--white);color:var(--text);font:500 12px var(--font);}
  #customer-workspace-tabs :is(.fo-btn-import-green,.order-manager-add-btn,[data-cw-page-actions="samples"] > button){display:inline-flex !important;align-items:center;justify-content:center;gap:4px;height:36px !important;width:auto !important;padding:0 16px !important;border:1px solid #15803d !important;border-radius:6px !important;background:#15803d !important;color:#fff !important;font:600 13px/1 var(--font) !important;box-shadow:none !important;transform:none !important;}
  #customer-workspace-tabs :is(.fo-btn-import-green,.order-manager-add-btn,[data-cw-page-actions="samples"] > button):hover{background:#166534 !important;border-color:#166534 !important;}
  #customer-workspace-tabs :is(.order-manager-add-btn,[data-cw-page-actions="samples"] > button)::before{content:'＋';font-weight:600;}
  #customer-workspace-tabs .order-manager-add-btn{position:relative;margin-left:0;}
  #customer-workspace-tabs .order-manager-add-btn::after{content:'';position:absolute;left:-10px;top:7px;width:1px;height:22px;background:var(--border);}

  /* 第二排：年份 · 条数（· 保护规则） …… 搜索 · 筛选 · 重置，整组靠右，右边缘对齐主按钮与表格 */
  #page-followup .fo-title,
  #page-samples > .cw-page-head > div:first-child > span:first-child,
  #page-orders .order-manager-title{display:none !important;}
  #page-followup > .fo-header{height:58px;padding:0 28px;gap:10px;}
  #page-followup > .fo-header > div:first-child{flex:1 1 auto;min-width:0;gap:10px !important;}
  #page-followup #fo-year-tag{order:1;}
  #page-followup #fo-count-tag{order:2;}
  #page-followup > .fo-header .protection-rules-entry{order:3;}
  #page-followup #fo-search{order:5;margin-left:auto !important;}
  #page-followup #followup-workspace-filter{order:6;max-width:none;width:auto;}
  #page-followup #foViewToggle{order:7;}

  #page-samples > .cw-page-head{height:58px;min-height:58px !important;padding:0 28px !important;flex-wrap:nowrap !important;gap:10px !important;}
  #page-samples > .cw-page-head > div:first-child{gap:10px !important;flex:0 0 auto;}
  #page-samples #smp-year-tag{order:-1;}
  #page-samples > .cw-page-head > div:last-child{margin-left:auto !important;justify-content:flex-end !important;flex-wrap:nowrap !important;gap:6px !important;min-width:0;}

  #page-orders > .order-manager-toolbar{display:flex;align-items:center;height:58px;padding:0 28px !important;}
  #page-orders .order-manager-headbar:not(:has(.order-manager-actions)){display:none;}
  #page-orders .order-manager-controlbar{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0;border-radius:0;background:transparent;}
  #page-orders .order-manager-title-group{gap:10px;padding:0;}
  #page-orders #order-year-tag{order:-1;}
  #page-orders .order-manager-filterline{margin-left:auto;justify-content:flex-end;gap:6px;}

  /* 条数：与“我的客户 4 条”同样式 */
  #fo-count-tag,#smp-count-tag,#order-count-tag{font-size:16px !important;font-weight:700 !important;color:var(--text) !important;white-space:nowrap;}

  /* 控件：36px、6px 圆角、细边框、13px，与“我的客户”筛选栏一致 */
  #page-followup > .fo-header :is(input,select),
  #page-samples > .cw-page-head :is(input,select),
  #page-orders > .order-manager-toolbar :is(input,select){height:36px !important;box-sizing:border-box !important;margin:0 !important;border:1px solid var(--border) !important;border-radius:6px !important;background-color:var(--white) !important;color:var(--text) !important;font-family:var(--font) !important;font-size:13px !important;font-weight:400 !important;}
  #fo-year-tag,#smp-year-tag,#order-year-tag{width:88px !important;font-weight:600 !important;padding:0 8px !important;}
  #fo-search,#smp-search,#of-keyword{width:160px !important;flex:0 0 160px !important;padding:0 10px !important;}
  #page-samples > .cw-page-head > div:last-child select,
  #page-orders .order-manager-filterline select:not(#of-province):not(#of-sort){width:100px !important;}
  #page-orders #of-sort{width:112px !important;}
  #page-orders .order-manager-filterline select{padding:0 6px 0 8px !important;}
  #page-followup > .fo-header .protection-rules-entry{height:30px;padding:0 9px;}
  #page-samples > .cw-page-head > div:last-child > button,
  #page-orders .order-manager-reset-btn{display:inline-flex !important;align-items:center;justify-content:center;height:36px !important;width:auto !important;min-height:0 !important;padding:0 14px !important;box-sizing:border-box;border:1px solid var(--border) !important;border-radius:6px !important;background:var(--white) !important;color:var(--text2) !important;font:500 13px/1 var(--font) !important;box-shadow:none !important;}
  #page-followup #foViewToggle{height:36px;box-sizing:border-box;border-radius:6px;}
  #page-followup #foViewToggle span{display:inline-flex;align-items:center;padding:0 14px;font-size:13px;}
  /* 看板六列左右边缘与标题、筛选对齐（28px） */
  #page-followup #foKanbanView{scrollbar-gutter:stable;}
  #page-followup #foKanbanView #kanban-board{padding-left:28px !important;padding-right:24px !important;}
}

/* 较窄电脑屏幕（1025–1279px）：标签与统计收紧，“合并操作演示”只留图标；订单筛选放不下时靠右换行 */
@media (min-width:1025px) and (max-width:1279px){
  #customer-workspace-tabs{gap:12px;}
  #customer-workspace-tabs > [role="tablist"]{gap:16px;}
  #customer-workspace-tabs button[role="tab"]{font-size:15px;}
  #customer-workspace-tabs button[role="tab"].active{font-size:20px;}
  #customer-workspace-tabs [data-cw-demo-open]{font-size:0;gap:0;padding:0 6px;}
  #customer-workspace-tabs > .cw-workspace-actions,
  #customer-workspace-tabs [data-cw-page-actions],
  #customer-workspace-tabs .order-manager-commands{gap:12px !important;}
  #customer-workspace-tabs [data-cw-page-actions="followup"] span[id^="fo-"],
  #customer-workspace-tabs .order-manager-metric strong{font-size:16px !important;}
  #customer-workspace-tabs :is(.fo-btn-import-green,.order-manager-add-btn,[data-cw-page-actions="samples"] > button){padding:0 12px !important;}
  #customer-workspace-tabs .order-manager-add-btn::after{left:-7px;}
  #page-orders > .order-manager-toolbar{height:auto;min-height:58px;padding:11px 28px !important;}
  #page-orders .order-manager-controlbar{align-items:flex-start;}
  #page-orders .order-manager-filterline{flex-wrap:wrap;row-gap:8px;overflow:visible;}
}