/* GLOBAL-LIST-UX-20260917 */

td.global-longtext-cell{
  position:relative;
  box-sizing:border-box;
  max-width:280px;
  font-size:0 !important;
  line-height:1.45;
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:break-word;
  vertical-align:middle;
  cursor:pointer;
}

td.global-longtext-cell::before{
  content:attr(data-longtext-preview);
  font-size:13px;
  line-height:1.45;
  font-weight:inherit;
  color:inherit;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}

td.global-longtext-cell::after{
  content:"… " attr(data-longtext-more);
  display:inline;
  margin-left:4px;
  font-size:13px;
  line-height:1.45;
  font-weight:800;
  color:#2563eb;
  white-space:nowrap;
}

td.global-longtext-cell:hover::after{
  text-decoration:underline;
}

/* 查看详情气泡 */
.global-detail-bubble{
  position:fixed;
  z-index:100050;
  box-sizing:border-box;
  max-height:56vh;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.14);
  border-radius:12px;
  background:#fff;
  box-shadow:
    0 16px 46px rgba(15,23,42,.24);
}

.global-detail-bubble-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 14px;
  border-bottom:1px solid #e5e7eb;
  background:#f8fafc;
  font-size:13px;
  color:#0f172a;
}

.global-detail-bubble-close{
  width:30px;
  height:30px;
  padding:0;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#475569;
  font-size:22px;
  line-height:30px;
  cursor:pointer;
}

.global-detail-bubble-close:hover{
  background:#e2e8f0;
}

.global-detail-bubble-body{
  box-sizing:border-box;
  max-height:calc(56vh - 54px);
  padding:14px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  color:#0f172a;
  font-size:13px;
  line-height:1.6;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* 凭证图片灯箱 */
body.global-lightbox-open{
  overflow:hidden;
}

.global-lightbox{
  position:fixed;
  inset:0;
  z-index:100100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(2,6,23,.78);
  backdrop-filter:blur(3px);
}

.global-lightbox-dialog{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(94vw,1200px);
  height:min(90vh,900px);
}

.global-lightbox-image{
  display:block;
  max-width:88vw;
  max-height:82vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
  box-shadow:
    0 18px 60px rgba(0,0,0,.42);
}

.global-lightbox-top{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  pointer-events:none;
}

.global-lightbox-count{
  min-width:58px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(15,23,42,.78);
  color:#fff;
  font-size:13px;
  text-align:center;
  pointer-events:auto;
}

.global-lightbox-close{
  width:42px;
  height:42px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(15,23,42,.78);
  color:#fff;
  font-size:29px;
  line-height:42px;
  cursor:pointer;
  pointer-events:auto;
}

.global-lightbox-nav{
  position:absolute;
  top:50%;
  z-index:3;
  width:48px;
  height:58px;
  transform:translateY(-50%);
  padding:0;
  border:0;
  border-radius:10px;
  background:rgba(15,23,42,.72);
  color:#fff;
  font-size:42px;
  line-height:50px;
  cursor:pointer;
}

.global-lightbox-prev{
  left:0;
}

.global-lightbox-next{
  right:0;
}

.global-lightbox-nav:hover,
.global-lightbox-close:hover{
  background:rgba(15,23,42,.95);
}

@media(max-width:700px){
  td.global-longtext-cell{
    max-width:220px;
  }

  .global-lightbox{
    padding:10px;
  }

  .global-lightbox-dialog{
    width:98vw;
    height:94vh;
  }

  .global-lightbox-image{
    max-width:94vw;
    max-height:80vh;
  }

  .global-lightbox-nav{
    width:42px;
    height:54px;
  }
}

/* EMPLOYEE-FINAL-V3-20260917 */

/* ==============================
   员工首页顶部：降低视觉权重
   ============================== */

.employee-overview-v3{
  display:grid !important;
  grid-template-columns:
    minmax(0,1.05fr)
    minmax(0,.95fr);
  gap:14px !important;
  align-items:stretch;
}

.employee-overview-v3>*{
  grid-column:1/-1;
}

.employee-overview-v3>
.employee-alert-focus{
  grid-column:1 !important;
  grid-row:1 !important;

  min-height:158px !important;
  padding:13px 16px !important;
  margin:0 !important;

  border-radius:14px !important;
}

.employee-overview-v3>
.employee-alert-focus
.employee-alert-count{
  width:46px !important;
  min-width:46px !important;
  height:46px !important;

  font-size:25px !important;
}

.employee-overview-v3>
.employee-alert-focus h2{
  font-size:20px !important;
  margin:1px 0 2px !important;
}

.employee-overview-v3>
.employee-alert-focus
.employee-alert-list{
  margin-top:6px !important;
}

.employee-overview-v3>
.employee-alert-focus
.alert-row{
  min-height:0 !important;
  padding:7px 2px !important;
}


/* ==============================
   右侧员工个人数据
   ============================== */

.employee-overview-v3>
.employee-metrics-v3{
  grid-column:2 !important;
  grid-row:1 !important;

  min-height:158px !important;

  display:grid !important;
  grid-template-columns:
    1fr 1fr !important;

  gap:8px !important;

  padding:10px !important;
  margin:0 !important;

  border:
    1px solid #dbe5f1 !important;

  border-radius:14px !important;

  background:#fff !important;

  box-shadow:
    0 7px 22px
    rgba(15,23,42,.04) !important;
}

.employee-overview-v3>
.employee-metrics-v3>*{
  min-width:0 !important;
  min-height:64px !important;

  margin:0 !important;
  padding:9px 12px !important;

  border:
    1px solid #e5edf6 !important;

  border-top:
    1px solid #e5edf6 !important;

  border-radius:10px !important;

  background:#f8fafc !important;

  box-shadow:none !important;
}

.employee-overview-v3>
.employee-metrics-v3>*:nth-child(1){
  order:3;
}

.employee-overview-v3>
.employee-metrics-v3>*:nth-child(2){
  order:4;
}

.employee-overview-v3>
.employee-metrics-v3>*:nth-child(3){
  order:1;
}

.employee-overview-v3>
.employee-metrics-v3>*:nth-child(4){
  order:2;
}

.employee-overview-v3>
.employee-metrics-v3 strong{
  font-size:27px !important;
  line-height:1 !important;
}

.employee-overview-v3>
.employee-metrics-v3
[class*="title"],
.employee-overview-v3>
.employee-metrics-v3
[class*="label"]{
  font-size:13px !important;
}


/* ==============================
   WS号码标签
   ============================== */

.ws-number-cell-v3{
  white-space:normal !important;
  overflow:visible !important;
  max-height:none !important;
  color:inherit !important;
}

.ws-number-cell-v3::before,
.ws-number-cell-v3::after{
  display:none !important;
  content:none !important;
}

.ws-number-cell-v3>
.number-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  width:100% !important;
}

/* 今日可使用 */
.number-tags>
.ws-available-v3{
  cursor:pointer !important;

  color:#15803d !important;

  background:#f0fdf4 !important;

  border-color:#86efac !important;
}

/* 今日已添加1个客户：自动进入今日暂停 */
.number-tags>
.ws-daily-limit-v3{
  cursor:not-allowed !important;

  color:#64748b !important;

  background:#f1f5f9 !important;

  border-color:#cbd5e1 !important;

  opacity:.9 !important;
}

/* 管理员人工暂停 */
.number-tags>
.ws-paused-v3{
  cursor:not-allowed !important;

  color:#64748b !important;

  background:#eef2f7 !important;

  border-color:#cbd5e1 !important;

  opacity:.82 !important;
}

.number-tags>
.ws-copy-success-v3{
  outline:
    2px solid
    rgba(34,197,94,.23) !important;

  outline-offset:2px;
}


@media(max-width:900px){

  .employee-overview-v3{
    grid-template-columns:
      1fr !important;
  }

  .employee-overview-v3>
  .employee-alert-focus{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .employee-overview-v3>
  .employee-metrics-v3{
    grid-column:1 !important;
    grid-row:2 !important;
  }
}

/* DEDUP-INTEGRATED-V4-20260917 */

/* =====================================
   WS lookup removed
   ===================================== */

.ws4-lookup-hidden{
  display:none !important;
}


/* =====================================
   Searchable WS employee
   ===================================== */

.ws4-native-employee{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.ws4-employee-combo{
  position:relative;
  width:100%;
}

.ws4-combo-trigger{
  position:relative;
  width:100%;
  min-height:46px;
  padding:0 42px 0 14px;
  border:1px solid #cbd5e1;
  border-radius:9px;
  background:#fff;
  color:#0f172a;
  text-align:left;
  font-size:14px;
  cursor:pointer;
}

.ws4-combo-trigger::after{
  content:"⌄";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-55%);
  color:#64748b;
  font-size:18px;
}

.ws4-combo-menu{
  display:none;
  position:absolute;
  z-index:1200;
  top:52px;
  left:0;
  right:0;
  padding:10px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  background:#fff;
  box-shadow:
    0 18px 45px
    rgba(15,23,42,.16);
}

.ws4-combo-menu.open{
  display:block;
}

.ws4-combo-search{
  width:100%;
  height:42px;
  padding:0 12px;
  margin-bottom:8px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  outline:none;
}

.ws4-combo-search:focus{
  border-color:#2563eb;
  box-shadow:
    0 0 0 3px
    rgba(37,99,235,.10);
}

.ws4-combo-list{
  max-height:300px;
  overflow:auto;
}

.ws4-combo-option{
  width:100%;
  border:0;
  border-radius:8px;
  padding:10px;
  background:transparent;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  text-align:left;
  cursor:pointer;
}

.ws4-combo-option:hover,
.ws4-combo-option.selected{
  background:#eff6ff;
}

.ws4-combo-name{
  font-weight:700;
  color:#0f172a;
}

.ws4-combo-team{
  font-size:12px;
  color:#64748b;
}

.ws4-combo-empty{
  padding:18px 10px;
  text-align:center;
  color:#94a3b8;
}


/* =====================================
   Phone country code
   ===================================== */

.ws4-native-phone{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.ws4-phone-composer{
  width:100%;
  display:grid;
  grid-template-columns:
    minmax(155px,190px)
    minmax(0,1fr);
  gap:8px;
}

.ws4-country-code,
.ws4-local-phone{
  width:100%;
  height:46px;
  padding:0 12px;
  border:1px solid #cbd5e1;
  border-radius:9px;
  background:#fff;
  color:#0f172a;
  font-size:14px;
}


/* =====================================
   WS Pool Excel style
   ===================================== */

.ws4-pool-toolbar{
  display:grid;
  grid-template-columns:
    minmax(240px,1fr)
    minmax(150px,210px)
    minmax(130px,180px);
  gap:10px;
  margin:16px 0 12px;
  padding:10px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#f8fafc;
}

.ws4-pool-toolbar input,
.ws4-pool-toolbar select{
  width:100%;
  height:40px;
  padding:0 11px;
  border:1px solid #cbd5e1;
  border-radius:7px;
  background:#fff;
}

.ws4-table{
  display:block !important;
  width:100%;
  overflow-x:auto;
  border:
    1px solid #dbe3ed;
  border-radius:8px;
  background:#fff;
}

.ws4-table-header,
.ws4-table-row{
  min-width:820px;
  grid-template-columns:
    minmax(170px,1.1fr)
    minmax(220px,1.5fr)
    110px
    minmax(250px,1.5fr);
}

.ws4-table-header{
  display:grid;
  background:#f8fafc;
  border-bottom:
    1px solid #dbe3ed;
}

.ws4-table-header>span{
  padding:11px 12px;
  border-right:
    1px solid #dbe3ed;
  font-weight:700;
  color:#334155;
  font-size:13px;
}

.ws4-table-header>span:last-child{
  border-right:0;
}

.ws4-table-row{
  position:relative;
  display:grid !important;
  align-items:center;
  min-height:58px;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  border-bottom:
    1px solid #e2e8f0 !important;
  background:#fff !important;
  box-shadow:none !important;
}

.ws4-table-row:last-child{
  border-bottom:0 !important;
}

.ws4-table-row:hover{
  background:#f8fbff !important;
}

.ws4-phone-cell{
  grid-column:1;
  padding:11px 12px;
  margin:0 !important;
  font-size:14px;
  color:#0f172a;
  overflow-wrap:anywhere;
}

.ws4-info-cell{
  grid-column:2;
  padding:11px 12px;
  margin:0 !important;
  color:#475569;
  font-size:13px;
}

.ws4-original-status{
  display:none !important;
}

.ws4-table-row::after{
  grid-column:3;
  grid-row:1;
  justify-self:start;
  padding:4px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}

.ws4-table-row[data-ws4-status="active"]::after{
  content:"正常";
  color:#15803d;
  background:#f0fdf4;
  border:1px solid #86efac;
}

.ws4-table-row[data-ws4-status="paused"]::after{
  content:"暂停";
  color:#64748b;
  background:#f1f5f9;
  border:1px solid #cbd5e1;
}

.ws4-actions-cell{
  grid-column:4;
  grid-row:1;
  padding:8px 10px;
  display:flex !important;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:6px;
}

.ws4-actions-cell button{
  margin:0 !important;
}


/* =====================================
   Admin Overview - customer summary
   ===================================== */

.admin-customer-grid-v4{
  display:grid !important;
  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.admin-customer-card-v4{
  min-height:104px !important;
  padding:15px 18px !important;
  border:
    1px solid #dbe3ed !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

.admin-customer-card-v4::before,
.admin-customer-card-v4::after{
  display:none !important;
  content:none !important;
}

.admin-customer-card-v4:hover{
  border-color:#cbd5e1 !important;
  transform:none !important;
}

.admin-customer-card-v4 strong{
  line-height:1.05 !important;
}


/* =====================================
   Responsive
   ===================================== */

@media(max-width:900px){
  .ws4-phone-composer{
    grid-template-columns:
      145px minmax(0,1fr);
  }

  .ws4-pool-toolbar{
    grid-template-columns:1fr;
  }

  .admin-customer-grid-v4{
    grid-template-columns:
      1fr !important;
  }
}

/* WS-UI-V51-20260917 */
.ws51-add{display:grid!important;grid-template-columns:1fr 2fr!important;gap:16px!important;align-items:end!important}
.ws51-emp{grid-column:1!important}.ws51-phone{grid-column:2!important}
.ws51-phone .ws4-phone-composer{grid-template-columns:1fr 1fr!important;gap:10px!important}
.ws51-native-country{display:none!important}
.ws51-country{position:relative}.ws51-country-btn{width:100%;height:46px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;text-align:left;padding:0 12px}
.ws51-country-menu{display:none;position:absolute;z-index:2000;top:50px;left:0;width:280px;max-height:320px;overflow:auto;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:6px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.ws51-country-menu.open{display:block}.ws51-country-opt{display:block;width:100%;border:0;background:#fff;padding:9px;text-align:left;border-radius:7px}.ws51-country-opt:hover{background:#eff6ff}
.ws51-toolbar{display:grid;grid-template-columns:minmax(300px,1fr) 200px 170px;gap:10px;padding:10px;margin:14px 0 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px}
.ws51-toolbar input,.ws51-toolbar select{height:40px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;padding:0 10px}
.ws51-table{display:block!important;border:1px solid #dbe3ed!important;border-radius:8px!important;overflow-x:auto!important}
.ws51-head,.ws51-row{min-width:920px;display:grid!important;grid-template-columns:1.25fr 1fr .8fr .7fr .65fr 1.7fr;align-items:center;margin:0!important;border:0!important;border-bottom:1px solid #e2e8f0!important;border-radius:0!important;background:#fff!important}
.ws51-head{background:#f8fafc!important}.ws51-head>*{padding:11px 12px}
.ws51-cell{padding:11px 12px!important;margin:0!important}.ws51-cell.phone{font-weight:700}.ws51-actions{padding:8px 10px!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important}
.ws51-state b{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px}.ws51-state .active{color:#15803d;background:#f0fdf4;border:1px solid #86efac}.ws51-state .paused{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}
@media(max-width:900px){.ws51-add{grid-template-columns:1fr!important}.ws51-emp,.ws51-phone{grid-column:1!important}.ws51-toolbar{grid-template-columns:1fr}}

/* WS-NATIVE-V52-FINAL */

/* 添加WS号码：员工短、区号短、手机号最长 */
.ws-native-add-v52{
 display:grid!important;
 grid-template-columns:minmax(210px,1fr) minmax(135px,.62fr) minmax(330px,1.75fr)!important;
 gap:12px!important;
 align-items:end!important;
}

.ws-native-add-v52>button{
 grid-column:3!important;
 justify-self:end!important;
 min-width:150px!important;
}

/* V4生成的员工可搜索下拉 */
.ws-native-add-v52 .ws4-employee-combo{
 width:100%!important;
}

/* 手机号 */
.ws-native-phone-v52{
 width:100%!important;
 min-width:0!important;
}

/* 区号关闭时只显示 🇬🇧 +44 */
.ws52-country{
 position:relative;
 width:100%;
}

.ws52-country-btn{
 width:100%;
 height:46px;
 padding:0 12px;
 text-align:left;
 background:#fff;
 border:1px solid #cbd5e1;
 border-radius:9px;
 cursor:pointer;
 white-space:nowrap;
}

.ws52-country-menu{
 display:none;
 position:absolute;
 top:50px;
 left:0;
 z-index:3000;
 width:260px;
 max-height:330px;
 overflow:auto;
 padding:6px;
 background:#fff;
 border:1px solid #cbd5e1;
 border-radius:10px;
 box-shadow:0 18px 42px rgba(15,23,42,.18);
}

.ws52-country-menu.open{
 display:block;
}

.ws52-country-option{
 display:block;
 width:100%;
 border:0;
 border-radius:7px;
 padding:9px 10px;
 background:#fff;
 text-align:left;
 cursor:pointer;
}

.ws52-country-option:hover{
 background:#eff6ff;
}


/* 号码池筛选 */
.ws-native-toolbar-v52{
 display:grid!important;
 grid-template-columns:minmax(300px,1fr) 200px 170px!important;
 gap:10px!important;
 margin:14px 0 10px!important;
 padding:10px!important;
 background:#f8fafc!important;
 border:1px solid #e2e8f0!important;
 border-radius:9px!important;
}

.ws-native-toolbar-v52 input,
.ws-native-toolbar-v52 select{
 width:100%!important;
 height:40px!important;
 padding:0 10px!important;
 background:#fff!important;
 border:1px solid #cbd5e1!important;
 border-radius:7px!important;
}


/* Excel表格 */
.ws-native-table-v52{
 width:100%!important;
 overflow-x:auto!important;
 border:1px solid #dbe3ed!important;
 border-radius:8px!important;
 background:#fff!important;
}

.ws-native-head-v52,
.ws-native-row-v52{
 display:grid!important;
 grid-template-columns:
   minmax(175px,1.25fr)
   minmax(150px,1fr)
   minmax(120px,.85fr)
   105px
   100px
   minmax(250px,1.6fr)!important;
 min-width:930px!important;
 align-items:center!important;
 margin:0!important;
 border:0!important;
 border-bottom:1px solid #e2e8f0!important;
 border-radius:0!important;
 box-shadow:none!important;
}

.ws-native-head-v52{
 background:#f8fafc!important;
}

.ws-native-head-v52>*,
.ws-native-row-v52>*{
 padding:11px 12px!important;
 margin:0!important;
 min-width:0!important;
}

.ws-native-row-v52:hover{
 background:#f8fbff!important;
}

.ws-native-row-v52>strong{
 font-size:14px!important;
}

.ws-native-status{
 display:inline-block!important;
 width:max-content!important;
 padding:4px 9px!important;
 border-radius:999px!important;
 font-size:12px!important;
 font-weight:700!important;
}

.ws-native-status.active{
 color:#15803d!important;
 background:#f0fdf4!important;
 border:1px solid #86efac!important;
}

.ws-native-status.paused{
 color:#64748b!important;
 background:#f1f5f9!important;
 border:1px solid #cbd5e1!important;
}

.ws-native-row-v52 .number-actions{
 display:flex!important;
 flex-wrap:wrap!important;
 gap:6px!important;
 padding:8px 10px!important;
}

.ws-native-row-v52 .number-actions button{
 margin:0!important;
}


/* 禁止旧增强层再次改变V5.2原生号码池 */
.ws-native-pool-v52 + .managed-numbers,
.ws-native-pool-v52 .ws4-table-header{
 display:none!important;
}

@media(max-width:900px){
 .ws-native-add-v52{
   grid-template-columns:1fr!important;
 }

 .ws-native-add-v52>button{
   grid-column:1!important;
 }

 .ws-native-toolbar-v52{
   grid-template-columns:1fr!important;
 }
}

/* WS-NATIVE-V53-FINAL */

/* 添加号码：员工短、区号短、手机号长 */
.ws-native-add-v52{
  display:grid!important;
  grid-template-columns:
    minmax(210px,.85fr)
    minmax(125px,.45fr)
    minmax(430px,2.35fr)!important;
  gap:12px!important;
  align-items:end!important;
}

.ws-native-add-v52>button{
  grid-column:3!important;
  justify-self:end!important;
}

.ws52-country-btn{
  white-space:nowrap!important;
}

/* 搜索筛选 */
.ws-native-toolbar-v52{
  display:grid!important;
  grid-template-columns:
    minmax(360px,1fr)
    190px
    170px!important;
  gap:10px!important;
}

/* 固定Excel七列 */
.ws-native-head-v52,
.ws-native-row-v52{
  display:grid!important;
  grid-template-columns:
    minmax(175px,1.25fr)
    minmax(145px,1fr)
    minmax(115px,.8fr)
    95px
    105px
    115px
    minmax(250px,1.65fr)!important;
  min-width:1020px!important;
  align-items:center!important;
}

/* 强制每个字段进入正确列，旧CSS无法再挪列 */
.ws-native-head-v52>:nth-child(1),
.ws-native-row-v52>:nth-child(1){grid-column:1!important}
.ws-native-head-v52>:nth-child(2),
.ws-native-row-v52>:nth-child(2){grid-column:2!important}
.ws-native-head-v52>:nth-child(3),
.ws-native-row-v52>:nth-child(3){grid-column:3!important}
.ws-native-head-v52>:nth-child(4),
.ws-native-row-v52>:nth-child(4){grid-column:4!important}
.ws-native-head-v52>:nth-child(5),
.ws-native-row-v52>:nth-child(5){grid-column:5!important}
.ws-native-head-v52>:nth-child(6),
.ws-native-row-v52>:nth-child(6){grid-column:6!important}
.ws-native-head-v52>:nth-child(7),
.ws-native-row-v52>:nth-child(7){grid-column:7!important}

.ws-native-row-v52 .number-actions{
  grid-column:7!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

.ws-native-status.limit{
  color:#a16207!important;
  background:#fefce8!important;
  border:1px solid #fde047!important;
}

@media(max-width:900px){
  .ws-native-add-v52{
    grid-template-columns:1fr!important;
  }

  .ws-native-add-v52>button{
    grid-column:1!important;
  }

  .ws-native-toolbar-v52{
    grid-template-columns:1fr!important;
  }
}

/* WS53-FILTER-FIX */
.ws53-hidden{display:none!important}

/* TABLE-UNIFY-V60-FIG5 */

/* =========================================================
   全站普通表格：统一为图五样式
   ========================================================= */

.table-wrap:not(.customer-library-table){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  max-height:min(68vh,720px)!important;

  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;

  border:1px solid #d9e2ee!important;
  border-radius:8px!important;

  background:#fff!important;

  scrollbar-width:auto!important;
  scrollbar-color:#aab7c7 #eef2f6!important;
}

.table-wrap:not(.customer-library-table)::-webkit-scrollbar{
  width:11px!important;
  height:11px!important;
}

.table-wrap:not(.customer-library-table)::-webkit-scrollbar-track{
  background:#eef2f6!important;
}

.table-wrap:not(.customer-library-table)::-webkit-scrollbar-thumb{
  background:#aab7c7!important;
  border:3px solid #eef2f6!important;
  border-radius:8px!important;
}

.table-wrap:not(.customer-library-table)>table{
  display:table!important;

  width:100%!important;
  min-width:900px!important;
  max-width:none!important;

  table-layout:auto!important;

  border-collapse:separate!important;
  border-spacing:0!important;

  background:#fff!important;
}

/* 根据字段数量自动增加表格宽度 */
.table-wrap:not(.customer-library-table)>table:has(tr > *:nth-child(7)){
  min-width:980px!important;
}

.table-wrap:not(.customer-library-table)>table:has(tr > *:nth-child(8)){
  min-width:1100px!important;
}

.table-wrap:not(.customer-library-table)>table:has(tr > *:nth-child(10)){
  min-width:1300px!important;
}

.table-wrap:not(.customer-library-table)>table:has(tr > *:nth-child(12)){
  min-width:1500px!important;
}

/* 图五表头 */
.table-wrap:not(.customer-library-table) thead th{
  position:sticky!important;
  top:0!important;
  z-index:10!important;

  height:44px!important;

  padding:10px 12px!important;

  background:#f5f7fa!important;
  color:#183153!important;

  border-right:1px solid #d9e2ee!important;
  border-bottom:1px solid #d9e2ee!important;

  font-size:13px!important;
  font-weight:700!important;

  white-space:nowrap!important;
  vertical-align:middle!important;
}

/* 图五数据行 */
.table-wrap:not(.customer-library-table) tbody td{
  padding:11px 12px!important;

  background:#fff!important;
  color:#10233f!important;

  border-right:1px solid #d9e2ee!important;
  border-bottom:1px solid #d9e2ee!important;

  font-size:14px!important;
  line-height:20px!important;

  vertical-align:middle!important;
}

.table-wrap:not(.customer-library-table) tbody tr:hover td{
  background:#f8fbff!important;
}


/* =========================================================
   WS号码筛选栏：不允许再超出卡片
   ========================================================= */

.ws-native-toolbar-v52{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(145px,190px)
    minmax(135px,170px)!important;

  gap:8px!important;

  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  box-sizing:border-box!important;
}

.ws-native-toolbar-v52>*{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;

  box-sizing:border-box!important;
}


/* =========================================================
   WS号码池：完全按图五滚动逻辑
   ========================================================= */

.ws-native-table-v52{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  max-height:min(68vh,650px)!important;

  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;

  border:1px solid #d9e2ee!important;
  border-radius:8px!important;

  background:#fff!important;

  scrollbar-width:auto!important;
  scrollbar-color:#aab7c7 #eef2f6!important;
}

.ws-native-table-v52::-webkit-scrollbar{
  width:11px!important;
  height:11px!important;
}

.ws-native-table-v52::-webkit-scrollbar-track{
  background:#eef2f6!important;
}

.ws-native-table-v52::-webkit-scrollbar-thumb{
  background:#aab7c7!important;
  border:3px solid #eef2f6!important;
  border-radius:8px!important;
}


/* WS六列宽度重新均衡 */
.ws-native-head-v52,
.ws-native-row-v52{
  display:grid!important;

  grid-template-columns:
    minmax(210px,1.35fr)
    minmax(115px,.72fr)
    minmax(100px,.62fr)
    minmax(105px,.65fr)
    minmax(110px,.68fr)
    minmax(270px,1.55fr)!important;

  width:100%!important;
  min-width:980px!important;
  max-width:none!important;

  margin:0!important;

  align-items:stretch!important;

  border:0!important;
  border-bottom:1px solid #d9e2ee!important;

  background:#fff!important;
}


/* WS表头 = 图五 */
.ws-native-head-v52{
  position:sticky!important;
  top:0!important;

  z-index:20!important;

  min-height:44px!important;

  background:#f5f7fa!important;
}

.ws-native-head-v52>*{
  display:flex!important;
  align-items:center!important;

  padding:10px 12px!important;

  color:#183153!important;
  background:#f5f7fa!important;

  border-right:1px solid #d9e2ee!important;

  font-size:13px!important;
  font-weight:700!important;

  box-sizing:border-box!important;
}


/* WS数据单元格 */
.ws-native-row-v52>*{
  display:flex!important;
  align-items:center!important;

  min-width:0!important;

  padding:10px 12px!important;

  border-right:1px solid #d9e2ee!important;

  box-sizing:border-box!important;
}

.ws-native-row-v52{
  min-height:58px!important;
}

.ws-native-row-v52:hover>*{
  background:#f8fbff!important;
}


/* 员工姓名上、手机号下 */
.ws54-person-phone{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;

  gap:2px!important;
}

.ws54-person-phone strong{
  font-size:14px!important;
  line-height:20px!important;
  font-weight:700!important;
}

.ws54-person-phone small{
  font-size:12px!important;
  line-height:18px!important;
  color:#65758a!important;
}


/* 操作严格放第6列 */
.ws-native-row-v52 .number-actions{
  grid-column:6!important;
  grid-row:1!important;

  display:flex!important;
  align-items:center!important;

  gap:6px!important;

  flex-wrap:nowrap!important;

  background:#fff!important;
}


/* 宽屏保留首列、操作列冻结 */
@media(min-width:1001px){

  .ws-native-head-v52>:first-child,
  .ws-native-row-v52>:first-child{
    position:sticky!important;
    left:0!important;

    z-index:12!important;

    background:#fff!important;
  }

  .ws-native-head-v52>:first-child{
    z-index:30!important;
    background:#f5f7fa!important;
  }

  .ws-native-head-v52>:last-child,
  .ws-native-row-v52>:last-child{
    position:sticky!important;
    right:0!important;

    z-index:12!important;

    background:#fff!important;
  }

  .ws-native-head-v52>:last-child{
    z-index:30!important;
    background:#f5f7fa!important;
  }
}


/* 窄屏按图五：取消左右冻结，完整横向滑动 */
@media(max-width:1000px){

  .ws-native-head-v52>:first-child,
  .ws-native-row-v52>:first-child,
  .ws-native-head-v52>:last-child,
  .ws-native-row-v52>:last-child{
    position:static!important;
  }

  .ws-native-toolbar-v52{
    grid-template-columns:1fr 1fr!important;
  }

  .ws-native-toolbar-v52>input{
    grid-column:1/-1!important;
  }
}


/* =========================================================
   添加WS号码：窄屏不再溢出
   ========================================================= */

.ws-native-add-v52{
  display:grid!important;

  grid-template-columns:
    minmax(180px,1fr)
    minmax(115px,.45fr)
    minmax(260px,1.6fr)!important;

  gap:10px!important;

  width:100%!important;
  max-width:100%!important;

  align-items:end!important;
}

.ws-native-add-v52>*{
  min-width:0!important;
  max-width:100%!important;
}

.ws-native-add-v52 input,
.ws-native-add-v52 select{
  width:100%!important;
  max-width:100%!important;

  box-sizing:border-box!important;
}

.ws-native-add-v52>button{
  grid-column:3!important;

  justify-self:end!important;
}


@media(max-width:800px){

  .ws-native-add-v52{
    grid-template-columns:1fr 1fr!important;
  }

  .ws-native-add-v52>:nth-child(3){
    grid-column:1/-1!important;
  }

  .ws-native-add-v52>button{
    grid-column:1/-1!important;
    justify-self:end!important;
  }
}


/* WS-FILTER-STABLE-V61 */
.ws-filter-hidden-v61{
  display:none!important;
}


/* WS-ADD-COMPACT-V62 */

/* 添加WS号码卡片整体紧凑 */
.ws-number-stack > .panel:first-child{
  position:relative!important;

  padding-top:22px!important;
  padding-bottom:20px!important;

  min-height:0!important;
}

/* 表单给右上角按钮预留空间 */
.ws-native-add-v52{
  display:grid!important;

  grid-template-columns:
    minmax(180px,1fr)
    minmax(120px,.48fr)
    minmax(260px,1.55fr)!important;

  gap:12px!important;

  align-items:end!important;

  padding-right:165px!important;

  width:100%!important;
  max-width:100%!important;

  box-sizing:border-box!important;
}

.ws-native-add-v52>*{
  min-width:0!important;
  max-width:100%!important;
}

.ws-native-add-v52 input,
.ws-native-add-v52 select{
  width:100%!important;
  height:44px!important;

  box-sizing:border-box!important;
}

/* 保存按钮固定到卡片右上 */
.ws-native-add-v52 > button{
  position:absolute!important;

  top:22px!important;
  right:22px!important;

  width:140px!important;
  min-width:140px!important;
  height:44px!important;

  margin:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* 窄屏避免溢出 */
@media(max-width:900px){

  .ws-native-add-v52{
    grid-template-columns:1fr 1fr!important;

    padding-right:0!important;
    padding-top:58px!important;
  }

  .ws-native-add-v52 > :nth-child(3){
    grid-column:1/-1!important;
  }

  .ws-native-add-v52 > button{
    top:18px!important;
    right:18px!important;

    width:132px!important;
    min-width:132px!important;
  }
}

@media(max-width:560px){

  .ws-native-add-v52{
    grid-template-columns:1fr!important;
  }

  .ws-native-add-v52 > :nth-child(3){
    grid-column:auto!important;
  }
}


/* WS-UI-POLISH-V63 */

/* =========================================================
   1. 添加WS号码卡片重新排版
   ========================================================= */

/* 卡片更紧凑 */
.ws-number-stack > .panel:first-child{
  position:relative!important;

  padding:
    18px
    20px
    18px!important;

  min-height:0!important;
}

/* 标题区域给右上按钮留空间 */
.ws-number-stack > .panel:first-child .section-heading,
.ws-number-stack > .panel:first-child .panel-heading,
.ws-number-stack > .panel:first-child header{
  padding-right:170px!important;
}

/* 三个字段整齐一排 */
.ws-native-add-v52{
  display:grid!important;

  grid-template-columns:
    minmax(210px,1.05fr)
    minmax(125px,.52fr)
    minmax(360px,1.75fr)!important;

  column-gap:12px!important;
  row-gap:8px!important;

  width:100%!important;
  max-width:100%!important;

  padding:0!important;
  margin-top:14px!important;

  align-items:end!important;

  box-sizing:border-box!important;
}

.ws-native-add-v52>*{
  min-width:0!important;
  max-width:100%!important;
}

.ws-native-add-v52 input,
.ws-native-add-v52 select{
  width:100%!important;
  max-width:100%!important;

  height:44px!important;

  box-sizing:border-box!important;
}

/* 标签与输入框间距统一 */
.ws-native-add-v52 label{
  margin-bottom:6px!important;
}

/* 保存按钮放右上，与标题形成同一视觉层 */
.ws-native-add-v52 > button{
  position:absolute!important;

  top:18px!important;
  right:20px!important;

  width:140px!important;
  min-width:140px!important;

  height:44px!important;
  min-height:44px!important;

  padding:0 20px!important;
  margin:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:8px!important;

  font-size:14px!important;
  font-weight:700!important;
}

/* 不要再给表单为按钮预留巨大空白 */
.ws-native-add-v52{
  padding-right:0!important;
}


/* 中等屏幕 */
@media(max-width:1050px){

  .ws-native-add-v52{
    grid-template-columns:
      minmax(180px,1fr)
      minmax(115px,.55fr)
      minmax(220px,1.35fr)!important;
  }
}


/* 窄屏：两列 */
@media(max-width:800px){

  .ws-number-stack > .panel:first-child{
    padding-top:18px!important;
  }

  .ws-native-add-v52{
    grid-template-columns:
      1fr
      1fr!important;

    margin-top:14px!important;
  }

  .ws-native-add-v52 > :nth-child(3){
    grid-column:1/-1!important;
  }

  .ws-native-add-v52 > button{
    position:absolute!important;

    top:18px!important;
    right:18px!important;

    width:128px!important;
    min-width:128px!important;
  }
}


/* 很窄屏幕：单列 */
@media(max-width:560px){

  .ws-native-add-v52{
    grid-template-columns:1fr!important;

    padding-top:54px!important;
  }

  .ws-native-add-v52 > :nth-child(3){
    grid-column:auto!important;
  }

  .ws-native-add-v52 > button{
    top:62px!important;
  }
}


/* =========================================================
   2. 号码池状态：取消底色，只保留文字颜色
   ========================================================= */

.ws-native-status{
  display:inline-flex!important;

  align-items:center!important;
  justify-content:flex-start!important;

  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;

  height:auto!important;

  padding:0!important;
  margin:0!important;

  border:0!important;
  border-radius:0!important;

  background:transparent!important;

  font-size:13px!important;
  line-height:20px!important;
  font-weight:700!important;

  box-shadow:none!important;

  white-space:nowrap!important;
}

/* 正常 = 绿色文字 */
.ws-native-status.active{
  color:#16a05d!important;
  background:transparent!important;
  border:0!important;
}

/* 今日已满 = 黄色/橙色文字 */
.ws-native-status.limit{
  color:#d58a00!important;
  background:transparent!important;
  border:0!important;
}

/* 暂停 = 灰色文字 */
.ws-native-status.paused{
  color:#7a8797!important;
  background:transparent!important;
  border:0!important;
}


/* =========================================================
   3. 操作列按钮统一客户库风格
   ========================================================= */

.ws-native-row-v52 .number-actions{
  display:flex!important;

  align-items:center!important;

  gap:7px!important;

  flex-wrap:nowrap!important;

  padding-top:8px!important;
  padding-bottom:8px!important;
}

/* 全部按钮统一尺寸 */
.ws-native-row-v52 .number-actions button{
  height:36px!important;
  min-height:36px!important;

  padding:0 12px!important;
  margin:0!important;

  border-radius:7px!important;

  font-size:12px!important;
  line-height:34px!important;
  font-weight:600!important;

  white-space:nowrap!important;

  box-shadow:none!important;
}

/* 修改号码：客户库白底按钮 */
.ws-native-row-v52 .number-actions button.secondary{
  color:#17335a!important;

  background:#fff!important;

  border:1px solid #c8d5e5!important;
}

/* 暂停使用：红色描边 */
.ws-native-row-v52 .number-actions button.danger-outline{
  color:#e52f2f!important;

  background:#fff!important;

  border:1px solid #ef4545!important;
}

/* 最后一个删除按钮：客户库红底白字 */
.ws-native-row-v52 .number-actions button:last-child{
  color:#fff!important;

  background:#e9322b!important;

  border:1px solid #e9322b!important;
}

/* hover */
.ws-native-row-v52 .number-actions button.secondary:hover{
  background:#f7f9fc!important;
}

.ws-native-row-v52 .number-actions button.danger-outline:hover{
  background:#fff6f6!important;
}

.ws-native-row-v52 .number-actions button:last-child:hover{
  background:#d92721!important;
  border-color:#d92721!important;
}


/* WS-POOL-CENTER-V64 */

/* =========================================
   号码池计数
   ========================================= */

.ws-pool-count-v64{
  display:block!important;

  margin-top:4px!important;

  color:#6b7d95!important;

  font-size:12px!important;
  line-height:18px!important;

  font-weight:400!important;
}


/* =========================================
   表头全部居中
   ========================================= */

.ws-native-head-v52 > *{
  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  text-align:center!important;
}


/* =========================================
   数据单元格全部居中
   ========================================= */

.ws-native-row-v52 > *{
  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  text-align:center!important;
}


/* =========================================
   WS员工 / 手机号
   ========================================= */

.ws54-person-phone{
  display:flex!important;

  flex-direction:column!important;

  align-items:center!important;
  justify-content:center!important;

  width:100%!important;

  gap:2px!important;

  text-align:center!important;
}

.ws54-person-phone strong,
.ws54-person-phone small{
  width:100%!important;

  text-align:center!important;
}


/* =========================================
   状态居中
   ========================================= */

.ws-native-status{
  margin-left:auto!important;
  margin-right:auto!important;

  text-align:center!important;

  justify-content:center!important;
}


/* =========================================
   操作列整体居中
   ========================================= */

.ws-native-row-v52 .number-actions{
  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  width:100%!important;

  gap:7px!important;

  padding-left:8px!important;
  padding-right:8px!important;

  box-sizing:border-box!important;
}


/* 按钮内部图标 + 文字也居中 */
.ws-native-row-v52 .number-actions button{
  display:inline-flex!important;

  align-items:center!important;
  justify-content:center!important;

  gap:5px!important;

  text-align:center!important;
}


/* =========================================
   列宽进一步做得更对称
   ========================================= */

.ws-native-head-v52,
.ws-native-row-v52{
  grid-template-columns:
    minmax(210px,1.35fr)
    minmax(115px,.75fr)
    minmax(105px,.7fr)
    minmax(105px,.7fr)
    minmax(110px,.72fr)
    minmax(285px,1.6fr)!important;
}


/* WS-FREEZE-COLUMNS-V65 */

/* 首列永久冻结 */
.ws-native-head-v52 > :first-child,
.ws-native-row-v52 > :first-child{
  position:sticky!important;
  left:0!important;

  z-index:25!important;

  background:#fff!important;

  box-shadow:
    1px 0 0 #d9e2ee,
    7px 0 10px -10px rgba(15,23,42,.38)!important;
}

/* 表头首列 */
.ws-native-head-v52 > :first-child{
  z-index:45!important;
  background:#f5f7fa!important;
}


/* 末列操作永久冻结 */
.ws-native-head-v52 > :last-child,
.ws-native-row-v52 > :last-child{
  position:sticky!important;
  right:0!important;

  z-index:25!important;

  background:#fff!important;

  box-shadow:
    -1px 0 0 #d9e2ee,
    -7px 0 10px -10px rgba(15,23,42,.38)!important;
}

/* 表头操作列 */
.ws-native-head-v52 > :last-child{
  z-index:45!important;
  background:#f5f7fa!important;
}


/* 操作按钮区域保持白底 */
.ws-native-row-v52 .number-actions{
  position:sticky!important;
  right:0!important;

  z-index:26!important;

  background:#fff!important;
}


/* hover时冻结列也跟随行效果 */
.ws-native-row-v52:hover > :first-child,
.ws-native-row-v52:hover > :last-child,
.ws-native-row-v52:hover .number-actions{
  background:#f8fbff!important;
}


/* 覆盖V60窄屏取消冻结的规则 */
@media(max-width:1000px){

  .ws-native-head-v52 > :first-child,
  .ws-native-row-v52 > :first-child{
    position:sticky!important;
    left:0!important;
  }

  .ws-native-head-v52 > :last-child,
  .ws-native-row-v52 > :last-child{
    position:sticky!important;
    right:0!important;
  }

  .ws-native-row-v52 .number-actions{
    position:sticky!important;
    right:0!important;
  }
}


/* HISTORY-FILTER-V66 */

.history-filter-bar-v66{
  display:grid!important;
  grid-template-columns:
    minmax(260px,1fr)
    minmax(150px,190px)
    minmax(150px,190px)!important;

  gap:8px!important;

  width:100%!important;
  max-width:100%!important;

  margin-top:14px!important;
  margin-bottom:0!important;

  align-items:center!important;
}

.history-filter-bar-v66 > *{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;

  box-sizing:border-box!important;
}

.history-filter-bar-v66 input,
.history-filter-bar-v66 select{
  height:44px!important;

  border:1px solid #cbd8e8!important;
  border-radius:8px!important;

  background:#fff!important;

  font-size:14px!important;
}

.history-filter-bar-v66 select{
  padding:0 36px 0 12px!important;

  color:#10233f!important;
}

@media(max-width:760px){
  .history-filter-bar-v66{
    grid-template-columns:1fr 1fr!important;
  }

  .history-filter-bar-v66 > :first-child{
    grid-column:1/-1!important;
  }
}

@media(max-width:520px){
  .history-filter-bar-v66{
    grid-template-columns:1fr!important;
  }

  .history-filter-bar-v66 > :first-child{
    grid-column:auto!important;
  }
}


/* HISTORY-FILTER-V67-WSSTYLE */

/* 查重统计筛选栏 = WS号码池筛选栏 */
.history-filter-bar-v66{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    180px
    180px!important;

  gap:8px!important;

  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  margin:14px 0 10px!important;
  padding:10px!important;

  box-sizing:border-box!important;

  background:#f8fafc!important;

  border:1px solid #d9e2ee!important;
  border-radius:10px!important;

  align-items:center!important;
}


/* 三个控件宽度统一受容器控制 */
.history-filter-bar-v66 > *{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  margin:0!important;

  box-sizing:border-box!important;
}


/* 搜索框 */
.history-filter-bar-v66 input{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;

  margin:0!important;

  border:1px solid #c8d6e6!important;
  border-radius:8px!important;

  background:#fff!important;

  box-sizing:border-box!important;

  font-size:14px!important;
  color:#10233f!important;
}


/* 团队、日期筛选 */
.history-filter-bar-v66 select{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;

  margin:0!important;
  padding:0 34px 0 12px!important;

  border:1px solid #c8d6e6!important;
  border-radius:8px!important;

  background-color:#fff!important;

  box-sizing:border-box!important;

  font-size:14px!important;
  color:#10233f!important;
}


/* 搜索组件本身如果有外层，不额外产生间距 */
.history-filter-bar-v66 > div{
  min-width:0!important;
  margin:0!important;
}


/* 搜索输入内部保持号码池一样的高度 */
.history-filter-bar-v66 > div input{
  height:40px!important;
  min-height:40px!important;
}


/* focus视觉统一 */
.history-filter-bar-v66 input:focus,
.history-filter-bar-v66 select:focus{
  outline:none!important;

  border-color:#78a9ea!important;

  box-shadow:
    0 0 0 2px rgba(37,119,220,.08)!important;
}


/* 中等屏幕仍保持三列，只适当缩小右侧 */
@media(max-width:950px){
  .history-filter-bar-v66{
    grid-template-columns:
      minmax(0,1fr)
      155px
      155px!important;
  }
}


/* 更窄时与号码池一致：搜索独占一行 */
@media(max-width:700px){
  .history-filter-bar-v66{
    grid-template-columns:
      1fr
      1fr!important;
  }

  .history-filter-bar-v66 > :first-child{
    grid-column:1/-1!important;
  }
}


/* 手机宽度单列 */
@media(max-width:480px){
  .history-filter-bar-v66{
    grid-template-columns:1fr!important;
  }

  .history-filter-bar-v66 > :first-child{
    grid-column:auto!important;
  }
}

/* HISTORY-SEARCH-V68-START */

/*
 * Nd 搜索组件自身已经有：
 * 外层框 + 搜索图标 + input
 *
 * 所以这里只保留外层框，
 * 清掉内部 input 的第二层边框。
 */

/* 搜索组件外层 */
.history-filter-bar-v66 > div:first-child{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;

  height:40px!important;
  min-height:40px!important;

  display:flex!important;
  align-items:center!important;

  margin:0!important;
  padding:0 10px!important;

  box-sizing:border-box!important;

  background:#fff!important;

  border:1px solid #c8d6e6!important;
  border-radius:8px!important;

  box-shadow:none!important;
}


/* 里面真正的输入框不再画第二层边框 */
.history-filter-bar-v66 > div:first-child input{
  flex:1 1 auto!important;

  width:100%!important;
  min-width:0!important;

  height:38px!important;
  min-height:38px!important;

  margin:0!important;
  padding-left:7px!important;
  padding-right:6px!important;

  border:0!important;
  border-radius:0!important;

  outline:0!important;
  box-shadow:none!important;

  background:transparent!important;
}


/* input focus 不单独出现蓝框 */
.history-filter-bar-v66 > div:first-child input:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}


/* focus 时只高亮整个搜索组件 */
.history-filter-bar-v66 > div:first-child:focus-within{
  border-color:#78a9ea!important;

  box-shadow:
    0 0 0 2px rgba(37,119,220,.08)!important;
}


/* 搜索图标不要被压缩 */
.history-filter-bar-v66 > div:first-child svg{
  flex:0 0 auto!important;
}

/* HISTORY-SEARCH-V68-END */


/* HISTORY-CALENDAR-V69 */

/* 日期框外层 */
.history-date-v69{
  position:relative!important;

  width:100%!important;
  min-width:0!important;

  height:40px!important;

  margin:0!important;
  padding:0!important;

  background:#fff!important;

  border:0!important;
}


/* 真正的日历输入框 */
.history-filter-bar-v66 .history-date-v69 input[type="date"]{
  width:100%!important;
  height:40px!important;

  min-width:0!important;

  margin:0!important;
  padding:0 38px 0 12px!important;

  box-sizing:border-box!important;

  border:1px solid #c8d6e6!important;
  border-radius:8px!important;

  background:#fff!important;

  color:#10233f!important;

  font-size:14px!important;
  font-family:inherit!important;

  cursor:pointer!important;

  color-scheme:light!important;
}


/* 聚焦效果和其他筛选框一致 */
.history-filter-bar-v66 .history-date-v69 input[type="date"]:focus{
  outline:none!important;

  border-color:#78a9ea!important;

  box-shadow:
    0 0 0 2px rgba(37,119,220,.08)!important;
}


/* 浏览器自带日历按钮 */
.history-date-v69 input[type="date"]::-webkit-calendar-picker-indicator{
  cursor:pointer!important;

  opacity:.72!important;

  width:18px!important;
  height:18px!important;

  margin-right:2px!important;
}


/* 选择日期后显示的清除按钮 */
.history-date-clear-v69{
  position:absolute!important;

  right:34px!important;
  top:50%!important;

  transform:translateY(-50%)!important;

  width:22px!important;
  height:22px!important;

  min-width:22px!important;
  min-height:22px!important;

  padding:0!important;
  margin:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:0!important;
  border-radius:50%!important;

  background:#eef3f8!important;

  color:#6b7d95!important;

  font-size:16px!important;
  line-height:20px!important;

  cursor:pointer!important;

  z-index:3!important;
}

.history-date-clear-v69:hover{
  background:#e3eaf2!important;
  color:#183153!important;
}

/* CHECKSTATS-CALENDAR-V72 */

/* 原生date只负责保存值，不再接收鼠标 */
.history-date-v69.v72-date-anchor{
  position:relative!important;

  cursor:pointer!important;

  user-select:none!important;
}

.history-date-v69.v72-date-anchor
.v72-native-date{
  pointer-events:none!important;

  cursor:pointer!important;
}


/* 禁止浏览器自带picker接管 */
.history-date-v69
input[type="date"]
::-webkit-calendar-picker-indicator{
  pointer-events:none!important;
}


/* 整个框hover */
.history-date-v69.v72-date-anchor:hover
input{
  border-color:#9eb7d5!important;
}


/* ==============================
   自定义日历
   ============================== */

.v72-cal{
  position:absolute!important;

  display:none!important;

  width:336px!important;

  padding:14px!important;

  box-sizing:border-box!important;

  z-index:999999!important;

  background:#fff!important;

  border:1px solid #d8e1ec!important;
  border-radius:14px!important;

  box-shadow:
    0 18px 45px rgba(21,42,70,.16),
    0 3px 10px rgba(21,42,70,.08)!important;
}

.v72-cal.show{
  display:block!important;
}


/* 月份 */
.v72-head{
  display:grid!important;

  grid-template-columns:
    36px
    1fr
    36px!important;

  align-items:center!important;

  margin-bottom:12px!important;
}

.v72-head strong{
  text-align:center!important;

  font-size:15px!important;
  font-weight:700!important;

  color:#102846!important;
}

.v72-head button{
  width:32px!important;
  height:32px!important;

  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:0!important;
  border-radius:8px!important;

  background:#f5f8fb!important;

  color:#526782!important;

  font-size:22px!important;

  cursor:pointer!important;
}

.v72-head button:hover{
  background:#eaf2fc!important;
  color:#2676d9!important;
}


/* 星期 */
.v72-week{
  display:grid!important;

  grid-template-columns:
    repeat(7,1fr)!important;

  gap:5px!important;

  margin-bottom:6px!important;
}

.v72-week span{
  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  height:26px!important;

  color:#8290a3!important;

  font-size:11px!important;
  font-weight:600!important;
}


/* 日期 */
.v72-grid{
  display:grid!important;

  grid-template-columns:
    repeat(7,1fr)!important;

  gap:5px!important;
}

.v72-empty{
  height:38px!important;
}

.v72-day{
  position:relative!important;

  width:38px!important;
  height:38px!important;

  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:9px!important;

  font-size:13px!important;

  box-sizing:border-box!important;
}


/* 有记录 */
.v72-day.enabled{
  background:#fff!important;

  border:1px solid #d6e1ef!important;

  color:#173454!important;

  cursor:pointer!important;
}

.v72-day.enabled:hover{
  background:#edf5ff!important;

  border-color:#80afe8!important;

  color:#1867c5!important;
}


/* 有数据的小蓝点 */
.v72-day.enabled i{
  position:absolute!important;

  bottom:3px!important;
  left:50%!important;

  width:4px!important;
  height:4px!important;

  transform:translateX(-50%)!important;

  border-radius:50%!important;

  background:#2676d9!important;
}


/* 无记录 */
.v72-day.disabled{
  background:#f7f9fb!important;

  border:1px solid #eef2f6!important;

  color:#c2cbd6!important;

  cursor:not-allowed!important;

  opacity:1!important;
}


/* 当前选择 */
.v72-day.selected{
  background:#2676d9!important;

  border-color:#2676d9!important;

  color:#fff!important;

  font-weight:700!important;
}

.v72-day.selected i{
  background:#fff!important;
}


/* 底部 */
.v72-foot{
  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:12px!important;

  margin-top:12px!important;
  padding-top:10px!important;

  border-top:1px solid #edf1f5!important;
}

.v72-legend{
  display:flex!important;

  gap:10px!important;

  color:#748399!important;

  font-size:11px!important;
}

.v72-legend span{
  display:flex!important;

  align-items:center!important;

  gap:5px!important;
}

.v72-legend i{
  display:block!important;

  width:7px!important;
  height:7px!important;

  border-radius:50%!important;
}

.v72-legend .ok{
  background:#2676d9!important;
}

.v72-legend .off{
  background:#c7cfda!important;
}

.v72-foot>button{
  padding:5px 9px!important;

  border:0!important;
  border-radius:6px!important;

  background:transparent!important;

  color:#2676d9!important;

  font-size:12px!important;
  font-weight:600!important;

  cursor:pointer!important;
}

.v72-foot>button:hover{
  background:#edf5ff!important;
}


/* WS-EDIT-ENHANCE-V75 */

/* React原控件保留，只从视觉隐藏 */
.ws-edit-original-v75{
  position:absolute!important;

  width:1px!important;
  height:1px!important;

  opacity:0!important;

  pointer-events:none!important;

  overflow:hidden!important;

  clip:rect(0 0 0 0)!important;

  margin:0!important;
  padding:0!important;
}


/* =========================
   电话：区号 + 手机号
   ========================= */

.ws-edit-phone-v75{
  display:grid!important;

  grid-template-columns:
    138px
    minmax(0,1fr)!important;

  gap:8px!important;

  width:100%!important;

  margin-top:0!important;
}

.ws-edit-phone-v75 select,
.ws-edit-phone-v75 input{
  width:100%!important;
  min-width:0!important;

  height:46px!important;

  box-sizing:border-box!important;

  border:1px solid #c7d5e6!important;
  border-radius:8px!important;

  background:#fff!important;

  color:#10233f!important;

  font-size:14px!important;

  outline:none!important;
}

.ws-edit-code-v75{
  padding:
    0 34px
    0 12px!important;
}

.ws-edit-local-v75{
  padding:
    0 12px!important;
}

.ws-edit-phone-v75 select:focus,
.ws-edit-phone-v75 input:focus{
  border-color:#2d7eea!important;

  box-shadow:
    0 0 0 2px
    rgba(45,126,234,.08)!important;
}


/* =========================
   隐藏旧独立搜索框
   ========================= */

.ws-edit-old-search-v75{
  display:none!important;
}


/* =========================
   WS员工可搜索下拉
   ========================= */

.ws-edit-employee-v75{
  position:relative!important;

  width:100%!important;

  z-index:20!important;
}

.ws-edit-employee-input-v75{
  width:100%!important;
  min-width:0!important;

  height:46px!important;

  padding:
    0 42px
    0 12px!important;

  box-sizing:border-box!important;

  border:
    1px solid #c7d5e6!important;

  border-radius:8px!important;

  background:#fff!important;

  color:#10233f!important;

  font-size:14px!important;

  outline:none!important;
}

.ws-edit-employee-input-v75:focus{
  border-color:#2d7eea!important;

  box-shadow:
    0 0 0 2px
    rgba(45,126,234,.08)!important;
}

.ws-edit-employee-arrow-v75{
  position:absolute!important;

  right:13px!important;
  top:50%!important;

  transform:
    translateY(-50%)!important;

  color:#64758b!important;

  font-size:17px!important;

  pointer-events:auto!important;

  cursor:pointer!important;
}


/* 下拉菜单 */
.ws-edit-employee-menu-v75{
  position:absolute!important;

  left:0!important;
  right:0!important;

  top:calc(100% + 6px)!important;

  display:none!important;

  max-height:260px!important;

  overflow-y:auto!important;

  padding:6px!important;

  box-sizing:border-box!important;

  background:#fff!important;

  border:
    1px solid #d7e1ed!important;

  border-radius:10px!important;

  box-shadow:
    0 12px 30px
    rgba(15,35,65,.14)!important;

  z-index:9999!important;
}

.ws-edit-employee-v75.open
.ws-edit-employee-menu-v75{
  display:block!important;
}


/* 员工选项 */
.ws-edit-employee-option-v75{
  display:block!important;

  width:100%!important;

  min-height:40px!important;

  padding:
    8px 10px!important;

  margin:0!important;

  border:0!important;
  border-radius:7px!important;

  background:#fff!important;

  color:#173454!important;

  text-align:left!important;

  font-size:13px!important;
  line-height:20px!important;

  cursor:pointer!important;

  white-space:normal!important;
}

.ws-edit-employee-option-v75:hover{
  background:#f0f6ff!important;
}

.ws-edit-employee-option-v75.selected{
  background:#eaf3ff!important;

  color:#1768c9!important;

  font-weight:600!important;
}

.ws-edit-employee-empty-v75{
  padding:14px 10px!important;

  color:#8996a7!important;

  text-align:center!important;

  font-size:13px!important;
}


/* 移动端 */
@media(max-width:560px){
  .ws-edit-phone-v75{
    grid-template-columns:
      120px
      minmax(0,1fr)!important;
  }
}

/* WS-EMPLOYEE-COMBO-V78 */

/* 真正select继续工作，但不显示 */
.ws78-native-select{
  position:absolute!important;

  width:1px!important;
  height:1px!important;

  opacity:0!important;
  pointer-events:none!important;

  margin:0!important;
  padding:0!important;

  clip:rect(0 0 0 0)!important;
  overflow:hidden!important;
}

.ws78-hide{
  display:none!important;
}


/* 搜索选择器 */
.ws78-combo{
  position:relative!important;

  width:100%!important;
  min-width:0!important;

  z-index:100!important;
}

.ws78-input{
  width:100%!important;
  min-width:0!important;

  height:44px!important;

  padding:
    0 42px
    0 12px!important;

  box-sizing:border-box!important;

  border:
    1px solid #c7d5e6!important;

  border-radius:8px!important;

  background:#fff!important;
  color:#10233f!important;

  font-family:inherit!important;
  font-size:14px!important;

  outline:none!important;

  cursor:text!important;
}

.ws78-input:focus{
  border-color:#2d7eea!important;

  box-shadow:
    0 0 0 2px
    rgba(45,126,234,.08)!important;
}


/* 箭头 */
.ws78-arrow{
  position:absolute!important;

  right:13px!important;
  top:50%!important;

  transform:
    translateY(-50%)!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:20px!important;
  height:20px!important;

  color:#61758d!important;

  font-size:17px!important;

  cursor:pointer!important;
  user-select:none!important;
}


/* 下拉列表 */
.ws78-menu{
  position:absolute!important;

  left:0!important;
  right:0!important;

  top:calc(100% + 6px)!important;

  display:none!important;

  max-height:300px!important;

  overflow-y:auto!important;

  padding:6px!important;

  box-sizing:border-box!important;

  border:
    1px solid #d5e0ec!important;

  border-radius:10px!important;

  background:#fff!important;

  box-shadow:
    0 14px 34px
    rgba(15,35,65,.16)!important;

  z-index:999999!important;
}

.ws78-combo.open
.ws78-menu{
  display:block!important;
}


/* 员工选项 */
.ws78-option{
  display:flex!important;

  align-items:center!important;

  width:100%!important;
  min-height:40px!important;

  padding:8px 10px!important;

  border:0!important;
  border-radius:7px!important;

  background:#fff!important;

  color:#173454!important;

  font-size:13px!important;
  font-family:inherit!important;

  text-align:left!important;

  cursor:pointer!important;
}

.ws78-option:hover{
  background:#f1f6fd!important;
}

.ws78-option.selected{
  background:#e9f3ff!important;

  color:#1767c6!important;

  font-weight:700!important;
}

.ws78-option.selected:after{
  content:"✓"!important;

  margin-left:auto!important;

  color:#2676d9!important;
}


/* 无搜索结果 */
.ws78-empty{
  padding:18px 10px!important;

  color:#8997a9!important;

  font-size:13px!important;

  text-align:center!important;
}


/* 添加WS号码卡片允许下拉层显示 */
.ws-number-stack > .panel:first-child,
.ws-native-add-v52{
  overflow:visible!important;
}


/* 修改弹窗里的输入高度 */
.ws78-combo[data-type="edit"]
.ws78-input{
  height:46px!important;
}


/* WS-EMPLOYEE-COMBO-STANDALONE-V79 */

.v79-old-hidden{
  display:none!important;
}

/* 原生select保留给React，但用户看不到 */
select.v79-native-select{
  position:absolute!important;
  left:-99999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

/* 搜索下拉主体 */
.v79-combo{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  z-index:200!important;
}

.v79-control{
  position:relative!important;
  width:100%!important;
}

.v79-input{
  width:100%!important;
  min-width:0!important;
  height:44px!important;

  box-sizing:border-box!important;

  padding:
    0 42px
    0 12px!important;

  border:
    1px solid #c7d5e6!important;

  border-radius:8px!important;

  background:#fff!important;
  color:#10233f!important;

  font-family:inherit!important;
  font-size:14px!important;

  outline:none!important;
  cursor:text!important;
}

.v79-input:focus{
  border-color:#2d7eea!important;

  box-shadow:
    0 0 0 2px
    rgba(45,126,234,.08)!important;
}

.v79-arrow{
  position:absolute!important;

  top:50%!important;
  right:13px!important;

  transform:
    translateY(-50%)!important;

  width:20px!important;
  height:20px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  color:#61758d!important;
  font-size:17px!important;

  cursor:pointer!important;
  user-select:none!important;
}

/* 下拉选项 */
.v79-menu{
  position:absolute!important;

  left:0!important;
  right:0!important;

  top:calc(100% + 6px)!important;

  display:none!important;

  max-height:300px!important;

  overflow-y:auto!important;
  overflow-x:hidden!important;

  padding:6px!important;

  box-sizing:border-box!important;

  background:#fff!important;

  border:
    1px solid #d5e0ec!important;

  border-radius:10px!important;

  box-shadow:
    0 14px 34px
    rgba(15,35,65,.16)!important;

  z-index:999999!important;
}

.v79-combo.open .v79-menu{
  display:block!important;
}

.v79-option{
  display:flex!important;
  align-items:center!important;

  width:100%!important;
  min-height:40px!important;

  padding:8px 10px!important;
  margin:0!important;

  box-sizing:border-box!important;

  border:0!important;
  border-radius:7px!important;

  background:#fff!important;
  color:#173454!important;

  text-align:left!important;

  font-family:inherit!important;
  font-size:13px!important;

  cursor:pointer!important;
}

.v79-option:hover{
  background:#f1f6fd!important;
}

.v79-option.selected{
  background:#e9f3ff!important;
  color:#1767c6!important;
  font-weight:700!important;
}

.v79-option.selected:after{
  content:"✓"!important;
  margin-left:auto!important;
  color:#2676d9!important;
}

.v79-empty{
  padding:18px 10px!important;
  text-align:center!important;
  color:#8997a9!important;
  font-size:13px!important;
}

/* 允许添加卡片的菜单向外展开 */
.ws-native-add-v52,
.ws-native-add-v52 > *{
  overflow:visible!important;
}

/* 修改弹窗 */
.v79-combo[data-kind="edit"]{
  z-index:9999!important;
}

.v79-combo[data-kind="edit"] .v79-input{
  height:46px!important;
}


/* ACCOUNT-ABNORMAL-DETAIL-V82 */
.abnormal-detail-wrap-v82{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;
  width:100% !important;
}

.abnormal-detail-text-v82{
  white-space:pre-wrap !important;
  word-break:break-all !important;
  line-height:1.55 !important;
  max-width:100% !important;
  text-align:left !important;
}

.abnormal-detail-link-v82{
  appearance:none !important;
  border:none !important;
  background:transparent !important;
  color:#2563eb !important;
  cursor:pointer !important;
  padding:0 !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  text-decoration:underline !important;
}

.abnormal-detail-link-v82:hover{
  color:#1d4ed8 !important;
}

#abnormal-detail-pop-v82{
  position:fixed !important;
  z-index:99999 !important;
  width:520px !important;
  max-width:calc(100vw - 24px) !important;
  max-height:360px !important;
  background:#fff !important;
  border:1px solid #d9e2ef !important;
  border-radius:14px !important;
  box-shadow:0 18px 48px rgba(15, 23, 42, .18) !important;
  overflow:hidden !important;
}

.abnormal-detail-pop-head-v82{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:12px 14px !important;
  border-bottom:1px solid #e8eef6 !important;
  font-weight:700 !important;
  font-size:14px !important;
  color:#0f172a !important;
  background:#f8fbff !important;
}

.abnormal-detail-pop-close-v82{
  appearance:none !important;
  border:none !important;
  background:transparent !important;
  cursor:pointer !important;
  font-size:24px !important;
  line-height:1 !important;
  color:#475569 !important;
  padding:0 !important;
  margin:0 !important;
}

.abnormal-detail-pop-body-v82{
  padding:14px !important;
  max-height:300px !important;
  overflow-y:auto !important;
  white-space:pre-wrap !important;
  word-break:break-all !important;
  line-height:1.6 !important;
  color:#1f2937 !important;
  font-size:13px !important;
}


/* ANALYTICS-AGE-CARDS-V89 */

.analytics-age-cards-v89{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  margin:0 0 16px 0!important;
}

.analytics-age-card-v89{
  min-width:0!important;
  box-sizing:border-box!important;
  padding:18px 20px!important;

  background:#fff!important;
  border:1px solid #d7e1ed!important;
  border-radius:11px!important;

  box-shadow:0 1px 2px rgba(15,35,65,.03)!important;
}

.analytics-age-card-v89 span{
  display:block!important;
  margin-bottom:10px!important;

  color:#334e72!important;
  font-size:14px!important;
  font-weight:700!important;
}

.analytics-age-card-v89 strong{
  display:block!important;

  color:#071a3b!important;
  font-size:32px!important;
  font-weight:750!important;
  line-height:1.1!important;
}

.analytics-age-card-v89 small{
  display:block!important;
  margin-top:10px!important;

  color:#8495ad!important;
  font-size:12px!important;
}

.analytics-age-card-v89.over40{
  border-top:3px solid #2d74da!important;
}

.analytics-age-card-v89.under40{
  border-top:3px solid #9aa9bd!important;
}

@media(max-width:700px){
  .analytics-age-cards-v89{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .analytics-age-card-v89{
    padding:15px 16px!important;
  }
}

/* ADMIN-DASHBOARD-PREMIUM-V90 */

/* =========================================================
   ADMIN OVERVIEW / 统计总览
   只作用于存在 dashboard-timebar 的管理员首页
   ========================================================= */

.content:has(> .dashboard-timebar){
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;

  width:100%!important;
  max-width:1720px!important;

  padding-top:22px!important;
}


/*
 * 把原本两个首页二维容器展平，
 * 让内部业务卡片直接参与首页统一12列网格。
 */
.content:has(> .dashboard-timebar) > .overview-command-grid,
.content:has(> .dashboard-timebar) > .overview-secondary-grid{
  display:contents!important;
}


/* =========================================================
   01 顶部时间 / 维度栏
   ========================================================= */

.content:has(> .dashboard-timebar) > .dashboard-timebar{
  grid-column:1 / -1!important;
  order:1!important;

  min-height:66px!important;

  margin:0!important;
  padding:12px 16px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;

  border:1px solid #dbe4ef!important;
  border-radius:14px!important;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #f8fbff 100%
    )!important;

  box-shadow:
    0 1px 2px rgba(15,23,42,.02),
    0 8px 26px rgba(31,64,110,.035)!important;
}

.content:has(> .dashboard-timebar)
.dashboard-timebar > div{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}

.content:has(> .dashboard-timebar)
.dashboard-timebar strong{
  color:#10233f!important;

  font-size:16px!important;
  font-weight:800!important;
  line-height:1.3!important;
}

.content:has(> .dashboard-timebar)
.dashboard-timebar span{
  color:#8290a5!important;

  font-size:12px!important;
  line-height:1.4!important;
}

.content:has(> .dashboard-timebar)
.dashboard-timebar select{
  width:140px!important;
  height:42px!important;

  padding:0 13px!important;

  border:1px solid #cad7e7!important;
  border-radius:10px!important;

  background:#fff!important;
  color:#16243d!important;

  font-size:14px!important;
  font-weight:700!important;

  outline:0!important;
}

.content:has(> .dashboard-timebar)
.dashboard-timebar select:hover{
  border-color:#b4c6da!important;
}

.content:has(> .dashboard-timebar)
.dashboard-timebar select:focus{
  border-color:#2f80e4!important;

  box-shadow:
    0 0 0 3px rgba(47,128,228,.10)!important;
}


/* =========================================================
   02 核心业务指标
   首页第一视觉层级
   ========================================================= */

.content:has(> .dashboard-timebar)
.overview-workflow-card{
  grid-column:1 / -1!important;
  order:2!important;

  margin:0!important;
  padding:20px!important;

  border:1px solid #d7e2ef!important;
  border-radius:16px!important;

  background:#fff!important;

  box-shadow:
    0 2px 4px rgba(15,23,42,.025),
    0 12px 36px rgba(20,51,95,.045)!important;
}


/* 模块标题 */
.content:has(> .dashboard-timebar)
.overview-workflow-card
.overview-section-heading{
  margin:0 0 16px!important;

  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:20px!important;
}

.content:has(> .dashboard-timebar)
.overview-workflow-card
.eyebrow{
  display:block!important;

  margin-bottom:4px!important;

  color:#6e7f98!important;

  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}

.content:has(> .dashboard-timebar)
.overview-workflow-card h3{
  margin:0!important;

  color:#0d203d!important;

  font-size:20px!important;
  font-weight:850!important;

  letter-spacing:-.02em!important;
}


/* 详细分析 */
.content:has(> .dashboard-timebar)
.overview-workflow-card
.overview-section-link{
  min-height:36px!important;

  padding:0 12px!important;

  border:1px solid #cbdced!important;
  border-radius:9px!important;

  background:#f8fbff!important;
  color:#1769c2!important;

  font-size:12px!important;
  font-weight:800!important;

  cursor:pointer!important;

  transition:
    transform .15s ease,
    background .15s ease,
    border-color .15s ease!important;
}

.content:has(> .dashboard-timebar)
.overview-workflow-card
.overview-section-link:hover{
  transform:translateY(-1px)!important;

  background:#edf5ff!important;
  border-color:#a9c8eb!important;
}


/* =========================================================
   核心 KPI 五卡
   ========================================================= */

.content:has(> .dashboard-timebar)
.overview-flow-grid{
  display:grid!important;

  grid-template-columns:
    repeat(5,minmax(0,1fr))!important;

  gap:12px!important;
}


/* KPI 卡 */
.content:has(> .dashboard-timebar)
.overview-flow-grid > div{
  position:relative!important;

  min-width:0!important;
  min-height:130px!important;

  padding:18px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;

  border:1px solid #dce5ef!important;
  border-radius:13px!important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfcfe 100%
    )!important;

  box-shadow:
    0 1px 2px rgba(15,23,42,.025)!important;

  overflow:hidden!important;

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease!important;
}


/* KPI顶部状态线 */
.content:has(> .dashboard-timebar)
.overview-flow-grid > div::before{
  content:""!important;

  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;

  height:3px!important;

  background:#2e73da!important;
}


/* 发送好友请求 */
.content:has(> .dashboard-timebar)
.overview-flow-grid > div:nth-child(2)::before{
  background:#7258df!important;
}


/* 收到好友请求 */
.content:has(> .dashboard-timebar)
.overview-flow-grid > div:nth-child(3)::before{
  background:#299bb4!important;
}


/* 客户录入 */
.content:has(> .dashboard-timebar)
.overview-flow-grid > div:nth-child(4)::before{
  background:#29a965!important;
}


/* A/B */
.content:has(> .dashboard-timebar)
.overview-flow-grid > div:nth-child(5)::before{
  background:#d89b16!important;
}


.content:has(> .dashboard-timebar)
.overview-flow-grid > div:hover{
  transform:translateY(-2px)!important;

  border-color:#c7d7e8!important;

  box-shadow:
    0 8px 22px rgba(24,55,96,.07)!important;
}


.content:has(> .dashboard-timebar)
.overview-flow-grid span{
  color:#63738a!important;

  font-size:12px!important;
  font-weight:700!important;

  line-height:1.4!important;
}


.content:has(> .dashboard-timebar)
.overview-flow-grid strong{
  margin-top:auto!important;

  color:#071a3b!important;

  font-size:36px!important;
  line-height:1!important;

  font-weight:850!important;

  letter-spacing:-.045em!important;
}


/* 结果类 KPI 稍强化 */
.content:has(> .dashboard-timebar)
.overview-flow-grid > div:nth-child(4){
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fcfa 100%
    )!important;
}

.content:has(> .dashboard-timebar)
.overview-flow-grid > div:nth-child(5){
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fffdf7 100%
    )!important;
}


/* =========================================================
   03 员工状态
   第二视觉层级 · 左
   ========================================================= */

.content:has(> .dashboard-timebar)
.overview-status-card{
  grid-column:1 / 7!important;
  order:3!important;

  min-width:0!important;
  min-height:292px!important;

  margin:0!important;
  padding:21px!important;

  border:1px solid #dbe4ef!important;
  border-radius:16px!important;

  background:#fff!important;

  box-shadow:
    0 8px 30px rgba(22,50,90,.035)!important;
}


/* =========================================================
   04 账号风险
   第二视觉层级 · 右
   ========================================================= */

.content:has(> .dashboard-timebar)
.overview-issues-card{
  grid-column:7 / -1!important;
  order:4!important;

  min-width:0!important;
  min-height:292px!important;

  margin:0!important;
  padding:21px!important;

  border:1px solid #dbe4ef!important;
  border-radius:16px!important;

  background:#fff!important;

  box-shadow:
    0 8px 30px rgba(22,50,90,.035)!important;
}


/* =========================================================
   通用模块标题
   ========================================================= */

.content:has(> .dashboard-timebar)
.overview-status-card .panel-title,
.content:has(> .dashboard-timebar)
.overview-issues-card .panel-title,
.content:has(> .dashboard-timebar)
.overview-secondary-grid > *:not(.overview-issues-card)
.panel-title{
  margin-bottom:17px!important;
}


.content:has(> .dashboard-timebar)
.overview-status-card .panel-title strong,
.content:has(> .dashboard-timebar)
.overview-issues-card .panel-title strong,
.content:has(> .dashboard-timebar)
.overview-secondary-grid > *:not(.overview-issues-card)
.panel-title strong{
  color:#10233f!important;

  font-size:17px!important;
  font-weight:850!important;
}


.content:has(> .dashboard-timebar)
.overview-status-card .panel-title span,
.content:has(> .dashboard-timebar)
.overview-issues-card .panel-title span,
.content:has(> .dashboard-timebar)
.overview-secondary-grid > *:not(.overview-issues-card)
.panel-title span{
  color:#8493a8!important;

  font-size:11px!important;
  line-height:1.5!important;
}


/* =========================================================
   员工状态 2 x 2
   ========================================================= */

.content:has(> .dashboard-timebar)
.status-mini-grid{
  display:grid!important;

  grid-template-columns:
    repeat(2,minmax(0,1fr))!important;

  gap:10px!important;
}


.content:has(> .dashboard-timebar)
.status-mini{
  min-width:0!important;
  min-height:91px!important;

  padding:14px!important;

  display:flex!important;
  flex-direction:column!important;

  align-items:flex-start!important;
  justify-content:center!important;

  border:1px solid #dce5ef!important;
  border-radius:12px!important;

  background:#f9fbfd!important;

  color:#17233a!important;

  text-align:left!important;

  cursor:pointer!important;

  transition:
    transform .15s ease,
    border-color .15s ease,
    background .15s ease!important;
}


.content:has(> .dashboard-timebar)
.status-mini:hover{
  transform:translateY(-1px)!important;

  background:#fff!important;
  border-color:#c2d4e8!important;
}


.content:has(> .dashboard-timebar)
.status-mini span{
  color:#65758c!important;

  font-size:11px!important;
  font-weight:750!important;
}


.content:has(> .dashboard-timebar)
.status-mini strong{
  margin-top:7px!important;

  color:#071a3b!important;

  font-size:27px!important;
  line-height:1!important;

  font-weight:850!important;
}


.content:has(> .dashboard-timebar)
.status-mini small{
  margin-top:5px!important;

  color:#8493a8!important;

  font-size:10px!important;
  font-weight:700!important;
}


/* 异常员工唯一使用明显红色 */
.content:has(> .dashboard-timebar)
.status-mini.alert.active{
  border-color:#f0c4c4!important;

  background:
    linear-gradient(
      135deg,
      #fff9f9 0%,
      #fff1f1 100%
    )!important;
}


.content:has(> .dashboard-timebar)
.status-mini.alert.active span,
.content:has(> .dashboard-timebar)
.status-mini.alert.active strong,
.content:has(> .dashboard-timebar)
.status-mini.alert.active small{
  color:#d92d2d!important;
}


/* =========================================================
   风险卡布局
   ========================================================= */

.content:has(> .dashboard-timebar)
.issue-summary-grid{
  display:grid!important;

  grid-template-columns:
    repeat(2,minmax(0,1fr))!important;

  gap:10px!important;
}


/*
 * 合计总异常
 * 原DOM中通常是非button元素。
 */
.content:has(> .dashboard-timebar)
.issue-summary-grid > div{
  grid-column:1 / -1!important;
  grid-row:1!important;

  min-width:0!important;
  min-height:96px!important;

  padding:15px 16px!important;

  display:flex!important;
  flex-direction:column!important;

  align-items:flex-start!important;
  justify-content:center!important;

  border:1px solid #f0c7c7!important;
  border-radius:12px!important;

  background:
    linear-gradient(
      135deg,
      #fffafa 0%,
      #fff3f3 100%
    )!important;
}


/* FB / WhatsApp */
.content:has(> .dashboard-timebar)
.issue-summary-grid > button{
  grid-row:2!important;

  min-width:0!important;
  min-height:80px!important;

  padding:14px!important;

  display:flex!important;
  flex-direction:column!important;

  align-items:flex-start!important;
  justify-content:center!important;

  border:1px solid #dce5ef!important;
  border-radius:12px!important;

  background:#f9fbfd!important;

  cursor:pointer!important;

  transition:
    transform .15s ease,
    border-color .15s ease,
    background .15s ease!important;
}


.content:has(> .dashboard-timebar)
.issue-summary-grid > button:hover{
  transform:translateY(-1px)!important;

  background:#fff!important;
  border-color:#c3d3e5!important;
}


.content:has(> .dashboard-timebar)
.issue-summary-grid span{
  color:#687991!important;

  font-size:11px!important;
  font-weight:750!important;
}


.content:has(> .dashboard-timebar)
.issue-summary-grid strong{
  margin-top:7px!important;

  color:#071a3b!important;

  font-size:25px!important;
  line-height:1!important;

  font-weight:850!important;
}


.content:has(> .dashboard-timebar)
.issue-summary-grid > div strong{
  color:#d32f2f!important;

  font-size:30px!important;
}


/* =========================================================
   05 团队表现
   第三层 · 全宽
   ========================================================= */

/*
 * secondary-grid 中：
 * overview-issues-card = 账号异常
 * 另一个卡片 = 团队数据
 */
.content:has(> .dashboard-timebar)
.overview-secondary-grid > *:not(.overview-issues-card){
  grid-column:1 / -1!important;
  order:5!important;

  min-width:0!important;
  min-height:205px!important;

  margin:0!important;
  padding:21px!important;

  border:1px solid #dbe4ef!important;
  border-radius:16px!important;

  background:#fff!important;

  box-shadow:
    0 8px 30px rgba(22,50,90,.035)!important;
}


/* 团队行 */
.content:has(> .dashboard-timebar)
.compact-team-list > div{
  min-height:64px!important;

  padding:12px 2px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  gap:18px!important;

  border-bottom:1px solid #edf2f7!important;
}


.content:has(> .dashboard-timebar)
.compact-team-list > div:last-child{
  border-bottom:none!important;
}


.content:has(> .dashboard-timebar)
.compact-team-list strong{
  color:#10233f!important;

  font-size:14px!important;
  font-weight:850!important;
}


.content:has(> .dashboard-timebar)
.compact-team-list span{
  color:#75869d!important;

  font-size:12px!important;

  text-align:right!important;
  line-height:1.55!important;
}


/* =========================================================
   通用首页卡片交互
   ========================================================= */

.content:has(> .dashboard-timebar)
.overview-status-card,
.content:has(> .dashboard-timebar)
.overview-issues-card,
.content:has(> .dashboard-timebar)
.overview-workflow-card,
.content:has(> .dashboard-timebar)
.overview-secondary-grid > *:not(.overview-issues-card){
  transition:
    box-shadow .18s ease,
    border-color .18s ease!important;
}


.content:has(> .dashboard-timebar)
.overview-status-card:hover,
.content:has(> .dashboard-timebar)
.overview-issues-card:hover,
.content:has(> .dashboard-timebar)
.overview-workflow-card:hover,
.content:has(> .dashboard-timebar)
.overview-secondary-grid > *:not(.overview-issues-card):hover{
  border-color:#cbd8e6!important;

  box-shadow:
    0 12px 36px rgba(22,50,90,.055)!important;
}


/* =========================================================
   页面底部空间控制
   ========================================================= */

.content:has(> .dashboard-timebar)::after{
  content:""!important;

  grid-column:1 / -1!important;
  order:99!important;

  height:2px!important;
}


/* =========================================================
   响应式 1440
   ========================================================= */

@media(max-width:1440px){

  .content:has(> .dashboard-timebar)
  .overview-flow-grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;
  }

  .content:has(> .dashboard-timebar)
  .overview-flow-grid > div:nth-child(4),
  .content:has(> .dashboard-timebar)
  .overview-flow-grid > div:nth-child(5){
    min-height:112px!important;
  }
}


/* =========================================================
   响应式 1180
   ========================================================= */

@media(max-width:1180px){

  .content:has(> .dashboard-timebar){
    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;
  }

  .content:has(> .dashboard-timebar)
  .overview-status-card{
    grid-column:1 / -1!important;
  }

  .content:has(> .dashboard-timebar)
  .overview-issues-card{
    grid-column:1 / -1!important;
  }
}


/* =========================================================
   响应式 860
   ========================================================= */

@media(max-width:860px){

  .content:has(> .dashboard-timebar)
  .overview-flow-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

  .content:has(> .dashboard-timebar)
  .dashboard-timebar{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .content:has(> .dashboard-timebar)
  .dashboard-timebar select{
    width:100%!important;
  }
}


/* =========================================================
   响应式 640
   ========================================================= */

@media(max-width:640px){

  .content:has(> .dashboard-timebar){
    gap:12px!important;
  }

  .content:has(> .dashboard-timebar)
  .overview-flow-grid{
    grid-template-columns:1fr!important;
  }

  .content:has(> .dashboard-timebar)
  .status-mini-grid{
    grid-template-columns:1fr!important;
  }

  .content:has(> .dashboard-timebar)
  .issue-summary-grid{
    grid-template-columns:1fr!important;
  }

  .content:has(> .dashboard-timebar)
  .issue-summary-grid > div,
  .content:has(> .dashboard-timebar)
  .issue-summary-grid > button{
    grid-column:1!important;
    grid-row:auto!important;
  }

  .content:has(> .dashboard-timebar)
  .overview-workflow-card,
  .content:has(> .dashboard-timebar)
  .overview-status-card,
  .content:has(> .dashboard-timebar)
  .overview-issues-card,
  .content:has(> .dashboard-timebar)
  .overview-secondary-grid > *:not(.overview-issues-card){
    padding:16px!important;
  }

  .content:has(> .dashboard-timebar)
  .overview-flow-grid strong{
    font-size:32px!important;
  }
}

/* END ADMIN-DASHBOARD-PREMIUM-V90 */

/* ADMIN-DASHBOARD-LAYOUT-FIX-V91 */

/* =========================================================
   V91
   修复V90把原首页分配/风险模块塞进12列小格的问题
   ========================================================= */


/*
 * 首页中未参与V90重新设计的直属模块：
 * - 实时风险
 * - 今日客户分配均衡
 * - WS分配卡
 * - 其它既有首页模块
 *
 * 一律恢复成整行。
 */
.content:has(> .dashboard-timebar)
> *:not(.dashboard-timebar):not(.overview-command-grid):not(.overview-secondary-grid):not(.dashboard-home-tabs-v93){
  grid-column:1 / -1!important;
  order:20!important;

  width:100%!important;
  max-width:none!important;
  min-width:0!important;

  justify-self:stretch!important;
  align-self:stretch!important;
}


/* =========================================================
   明确锁定新版首页顺序
   ========================================================= */

/* 时间筛选 */
.content:has(> .dashboard-timebar)
> .dashboard-timebar{
  grid-column:1 / -1!important;
  order:1!important;
}


/*
 * overview-command-grid 已被 V90 display:contents，
 * 内部两个卡直接成为总Grid项目
 */

/* 第一层：核心业务KPI */
.content:has(> .dashboard-timebar)
.overview-workflow-card{
  grid-column:1 / -1!important;
  order:2!important;
}


/* 第二层左：员工状态 */
.content:has(> .dashboard-timebar)
.overview-status-card{
  grid-column:1 / 7!important;
  order:3!important;
}


/* 第二层右：账号异常 */
.content:has(> .dashboard-timebar)
.overview-issues-card{
  grid-column:7 / -1!important;
  order:4!important;
}


/* 第三层：团队数据 */
.content:has(> .dashboard-timebar)
.overview-secondary-grid
> *:not(.overview-issues-card){
  grid-column:1 / -1!important;
  order:5!important;

  width:100%!important;
  min-width:0!important;
}


/* =========================================================
   原有分配区域保护
   ========================================================= */

/*
 * 防止首页其它区域因父级Grid而继承奇怪的窄宽度。
 */
.content:has(> .dashboard-timebar)
> *:not(.dashboard-timebar):not(.overview-command-grid):not(.overview-secondary-grid):not(.dashboard-home-tabs-v93) *{
  max-width:100%;
}


/*
 * 表格、矩阵、横向列表必须能够使用整个容器宽度。
 */
.content:has(> .dashboard-timebar)
> *:not(.dashboard-timebar):not(.overview-command-grid):not(.overview-secondary-grid):not(.dashboard-home-tabs-v93)
table{
  width:100%;
}


/*
 * 不允许旧模块的直属卡片被12列网格压成几十像素。
 */
.content:has(> .dashboard-timebar)
> *:not(.dashboard-timebar):not(.overview-command-grid):not(.overview-secondary-grid):not(.dashboard-home-tabs-v93)
> *{
  min-width:0;
}


/* =========================================================
   桌面端重新锁定左右50/50
   ========================================================= */

@media(min-width:1181px){

  .content:has(> .dashboard-timebar)
  .overview-status-card{
    grid-column:1 / 7!important;
  }

  .content:has(> .dashboard-timebar)
  .overview-issues-card{
    grid-column:7 / -1!important;
  }
}


/* =========================================================
   中小屏继续保持安全单列
   ========================================================= */

@media(max-width:1180px){

  .content:has(> .dashboard-timebar)
  .overview-status-card,
  .content:has(> .dashboard-timebar)
  .overview-issues-card{
    grid-column:1 / -1!important;
  }
}


/* END ADMIN-DASHBOARD-LAYOUT-FIX-V91 */

/* DASHBOARD-TABS-CLEAN-V95 */


/* =========================================================
   一级：首页 数据总览 / 客户分配情况
   ========================================================= */

.dashboard-home-tabs-v93{
  width:100%!important;
  min-width:0!important;

  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;

  gap:32px!important;

  margin:0 0 14px 0!important;
  padding:0 14px!important;

  border:0!important;
  border-bottom:1px solid #dce6f1!important;
  border-radius:0!important;

  background:transparent!important;

  box-shadow:none!important;
}


/*
 * V90/V91 首页用了 grid/order。
 * 明确把一级Tab固定到统计总览卡片之前。
 */
.content:has(> .dashboard-timebar)
> .dashboard-home-tabs-v93{
  grid-column:1 / -1!important;
  order:0!important;

  width:100%!important;
  max-width:none!important;

  justify-self:stretch!important;
}


/* 一级Tab文字 */
.dashboard-home-tabs-v93 > button{
  position:relative!important;

  width:auto!important;
  min-width:0!important;
  height:46px!important;

  margin:0!important;
  padding:0 2px 12px!important;

  display:inline-flex!important;
  align-items:flex-end!important;
  justify-content:center!important;

  border:0!important;
  border-radius:0!important;

  background:transparent!important;
  color:#718198!important;

  box-shadow:none!important;
  outline:none!important;

  font-size:15px!important;
  line-height:1!important;
  font-weight:600!important;

  white-space:nowrap!important;

  cursor:pointer!important;

  transition:
    color .18s ease,
    font-weight .18s ease!important;
}


/* 禁止旧V93按钮外观 */
.dashboard-home-tabs-v93 > button:hover{
  transform:none!important;

  border:0!important;
  background:transparent!important;

  color:#2476d8!important;
}


.dashboard-home-tabs-v93 > button.active{
  border:0!important;
  background:transparent!important;

  color:#126bd1!important;

  box-shadow:none!important;

  font-weight:800!important;
}


/* 一级滑块 */
.dashboard-home-tabs-v93 > button::after{
  content:""!important;

  position:absolute!important;

  left:-6px!important;
  right:-6px!important;
  bottom:-1px!important;

  height:3px!important;

  border-radius:999px 999px 0 0!important;

  background:#1677ff!important;

  opacity:0!important;

  transform:scaleX(.45)!important;
  transform-origin:center!important;

  transition:
    opacity .18s ease,
    transform .22s cubic-bezier(.4,0,.2,1)!important;
}


.dashboard-home-tabs-v93 > button.active::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}


/* =========================================================
   二级：飞虎 / 阿亮 / 胖子
   ========================================================= */

.dashboard-team-tabs-v93{
  width:100%!important;
  min-width:0!important;

  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;

  gap:28px!important;

  margin:0 0 20px 0!important;
  padding:0 8px!important;

  border:0!important;
  border-bottom:1px solid #e0e8f2!important;

  background:transparent!important;
}


/* 团队文字Tab */
.dashboard-team-tabs-v93 > button{
  position:relative!important;

  width:auto!important;
  min-width:0!important;
  height:42px!important;

  margin:0!important;
  padding:0 2px 11px!important;

  display:inline-flex!important;
  align-items:flex-end!important;
  justify-content:center!important;

  border:0!important;
  border-radius:0!important;

  background:transparent!important;
  color:#718198!important;

  box-shadow:none!important;
  outline:none!important;

  font-size:14px!important;
  line-height:1!important;
  font-weight:600!important;

  white-space:nowrap!important;

  cursor:pointer!important;

  transition:
    color .18s ease,
    font-weight .18s ease!important;
}


.dashboard-team-tabs-v93 > button:hover{
  transform:none!important;

  border:0!important;
  background:transparent!important;

  color:#2476d8!important;
}


.dashboard-team-tabs-v93 > button.active{
  border:0!important;
  background:transparent!important;

  color:#126bd1!important;

  box-shadow:none!important;

  font-weight:800!important;
}


/* 团队滑块 */
.dashboard-team-tabs-v93 > button::after{
  content:""!important;

  position:absolute!important;

  left:-6px!important;
  right:-6px!important;
  bottom:-1px!important;

  height:3px!important;

  border-radius:999px 999px 0 0!important;

  background:#1677ff!important;

  opacity:0!important;

  transform:scaleX(.45)!important;
  transform-origin:center!important;

  transition:
    opacity .18s ease,
    transform .22s cubic-bezier(.4,0,.2,1)!important;
}


.dashboard-team-tabs-v93 > button.active::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}


/* =========================================================
   客户分配内容
   保留原矩阵所有布局，不碰table/tr/td/display
   ========================================================= */

.overview-allocation-tab-v93{
  width:100%!important;
  min-width:0!important;

  margin:0!important;
}


.overview-allocation-tab-v93
> .overview-section-heading{
  margin-top:0!important;
  margin-bottom:16px!important;
}


.overview-allocation-tab-v93
.team-matrix{
  width:100%!important;
  min-width:0!important;
}


.overview-allocation-tab-v93
.table-wrap{
  width:100%!important;
  max-width:100%!important;
}


/* =========================================================
   手机端
   ========================================================= */

@media(max-width:700px){

  .dashboard-home-tabs-v93{
    gap:22px!important;

    padding-left:4px!important;
    padding-right:4px!important;
  }

  .dashboard-home-tabs-v93 > button{
    font-size:14px!important;
  }

  .dashboard-team-tabs-v93{
    gap:22px!important;
  }

  .dashboard-team-tabs-v93 > button{
    font-size:13px!important;
  }
}


/* END DASHBOARD-TABS-CLEAN-V95 */

/* DASHBOARD-TABS-POSITION-V96 */

/*
 * 一级Tab必须位于统计总览卡片之前。
 * V91的旧模块保护规则已明确排除本Tab。
 */
.content:has(> .dashboard-timebar)
> .dashboard-home-tabs-v93{
  grid-column:1 / -1!important;
  grid-row:auto!important;

  order:0!important;

  width:100%!important;
  max-width:none!important;
  min-width:0!important;

  margin-top:0!important;
  margin-bottom:14px!important;

  justify-self:stretch!important;
  align-self:auto!important;
}

/* 统计总览卡紧跟Tab之后 */
.content:has(> .dashboard-timebar)
> .dashboard-timebar{
  order:1!important;
}

/* END DASHBOARD-TABS-POSITION-V96 */

/* DASHBOARD-RANGE-POSITION-V97 */

/* =========================================================
   V97
   移除“统计总览”卡片外观，
   仅保留时间筛选，并移动到顶部右侧。
   ========================================================= */


/*
 * 继续保留 dashboard-timebar DOM，
 * 因为 V90 / V91 的首页网格依赖它作为页面识别标记。
 *
 * 但将它脱离 grid 流程，不再占一整行。
 */
.content:has(> .dashboard-timebar){
  position:relative!important;
}


/* =========================================================
   原“统计总览卡片”彻底去卡片化
   ========================================================= */

.content:has(> .dashboard-timebar)
> .dashboard-timebar{
  position:absolute!important;

  top:0!important;
  right:18px!important;
  left:auto!important;

  grid-column:auto!important;
  grid-row:auto!important;
  order:0!important;

  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;

  height:42px!important;
  min-height:42px!important;

  margin:0!important;
  padding:0!important;

  display:block!important;

  border:0!important;
  border-radius:0!important;

  background:transparent!important;

  box-shadow:none!important;

  z-index:20!important;
}


/*
 * “统计总览 / 当前维度”文字全部隐藏。
 * 只留下时间下拉框。
 */
.content:has(> .dashboard-timebar)
> .dashboard-timebar
> div{
  display:none!important;
}


/* =========================================================
   时间下拉框
   ========================================================= */

.content:has(> .dashboard-timebar)
> .dashboard-timebar
> select{
  position:relative!important;

  width:150px!important;
  min-width:150px!important;
  height:40px!important;

  margin:0!important;
  padding:0 38px 0 14px!important;

  border:1px solid #ccd9e8!important;
  border-radius:9px!important;

  background:#ffffff!important;
  color:#14233b!important;

  box-shadow:
    0 1px 2px rgba(15,23,42,.025)!important;

  font-size:14px!important;
  line-height:40px!important;
  font-weight:700!important;

  cursor:pointer!important;

  outline:none!important;

  transition:
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease!important;
}


.content:has(> .dashboard-timebar)
> .dashboard-timebar
> select:hover{
  border-color:#adc4df!important;

  background:#fff!important;
}


.content:has(> .dashboard-timebar)
> .dashboard-timebar
> select:focus{
  border-color:#4a91df!important;

  box-shadow:
    0 0 0 3px rgba(36,119,218,.08)!important;
}


/* =========================================================
   一级Tab右侧给下拉框预留空间
   防止文字或底线与筛选框重叠
   ========================================================= */

.content:has(> .dashboard-timebar)
> .dashboard-home-tabs-v93{
  padding-right:190px!important;

  min-height:42px!important;

  margin-top:0!important;
  margin-bottom:18px!important;
}


/*
 * Tab底部分隔线继续贯穿，
 * 时间筛选悬浮在右侧视觉区域。
 */
.content:has(> .dashboard-timebar)
> .dashboard-home-tabs-v93{
  border-bottom:1px solid #dce6f1!important;
}


/* =========================================================
   去掉原统计总览卡片消失后留下的网格间距
   ========================================================= */

/*
 * 原：
 * Tab
 * + dashboard-timebar
 * + customer workflow
 *
 * 现在 dashboard-timebar absolute，
 * 客户数据卡自然紧跟Tab。
 */
.content:has(> .dashboard-timebar)
.overview-workflow-card{
  margin-top:0!important;
}


/* =========================================================
   中屏
   ========================================================= */

@media(max-width:900px){

  .content:has(> .dashboard-timebar)
  > .dashboard-timebar{
    right:8px!important;

    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
  }

  .content:has(> .dashboard-timebar)
  > .dashboard-timebar
  > select{
    width:138px!important;
    min-width:138px!important;
  }

  .content:has(> .dashboard-timebar)
  > .dashboard-home-tabs-v93{
    padding-right:160px!important;
  }
}


/* =========================================================
   手机端
   小屏不强行悬浮，避免Tab和筛选互相挤压
   ========================================================= */

@media(max-width:640px){

  .content:has(> .dashboard-timebar)
  > .dashboard-timebar{
    position:relative!important;

    top:auto!important;
    right:auto!important;

    grid-column:1 / -1!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    height:auto!important;

    margin:0 0 12px!important;
  }

  .content:has(> .dashboard-timebar)
  > .dashboard-timebar
  > select{
    width:100%!important;
    min-width:0!important;
  }

  .content:has(> .dashboard-timebar)
  > .dashboard-home-tabs-v93{
    padding-right:4px!important;
  }
}


/* END DASHBOARD-RANGE-POSITION-V97 */

/* DASHBOARD-RANGE-SPACING-V98 */

/*
 * 时间筛选框与顶部导航栏拉开距离。
 * 上、右统一采用18px视觉留白。
 */
.content:has(> .dashboard-timebar)
> .dashboard-timebar{
  top:18px!important;
  right:18px!important;
}


/*
 * 一级Tab区域增加少量顶部呼吸空间，
 * 让左侧Tab与右侧时间筛选处于同一视觉带。
 */
.content:has(> .dashboard-timebar)
> .dashboard-home-tabs-v93{
  padding-top:12px!important;
  min-height:58px!important;
}


/*
 * 时间筛选保持40px高度，
 * 与Tab文字区域垂直居中更协调。
 */
.content:has(> .dashboard-timebar)
> .dashboard-timebar
> select{
  height:40px!important;
  min-height:40px!important;
}


/* 中屏保持同样的顶部距离 */
@media(max-width:900px){
  .content:has(> .dashboard-timebar)
  > .dashboard-timebar{
    top:16px!important;
  }
}


/* 手机端仍然回归正常文档流 */
@media(max-width:640px){
  .content:has(> .dashboard-timebar)
  > .dashboard-timebar{
    top:auto!important;
  }

  .content:has(> .dashboard-timebar)
  > .dashboard-home-tabs-v93{
    padding-top:4px!important;
    min-height:auto!important;
  }
}

/* END DASHBOARD-RANGE-SPACING-V98 */

/* DASHBOARD-KPI-PRIORITY-V100 */

/* =========================================================
   第一优先：客户录入
   ========================================================= */

.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> .kpi-priority-v100.customers{
  border-color:#c8e7d7!important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f5fbf7 100%
    )!important;

  box-shadow:
    0 2px 4px rgba(20,110,65,.025),
    0 8px 20px rgba(20,110,65,.035)!important;
}

.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> .kpi-priority-v100.customers::before{
  background:#27a866!important;
  height:4px!important;
}

.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> .kpi-priority-v100.customers span{
  color:#47715b!important;
  font-weight:800!important;
}

.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> .kpi-priority-v100.customers strong{
  color:#0d5936!important;
}


/* =========================================================
   第二优先：A/B优质客户
   ========================================================= */

.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> .kpi-priority-v100.ab{
  border-color:#eadcb3!important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fffaf0 100%
    )!important;

  box-shadow:
    0 2px 4px rgba(145,100,15,.02),
    0 8px 20px rgba(145,100,15,.03)!important;
}

.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> .kpi-priority-v100.ab::before{
  background:#d79a18!important;
  height:4px!important;
}

.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> .kpi-priority-v100.ab span{
  color:#7a6536!important;
  font-weight:800!important;
}

.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> .kpi-priority-v100.ab strong{
  color:#6b4a08!important;
}


/* 前两张数字略微强化，但不夸张 */
.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> .kpi-priority-v100 strong{
  font-size:39px!important;
  font-weight:880!important;
}


/* 后三张恢复为辅助指标视觉 */
.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> div:nth-child(n+3){
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfcfe 100%
    )!important;
}


/* 新顺序下重新设置顶部细线颜色 */
.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> div:nth-child(3)::before{
  background:#2e73da!important;
}

.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> div:nth-child(4)::before{
  background:#7258df!important;
}

.content:has(> .dashboard-home-tabs-v93)
.overview-flow-grid
> div:nth-child(5)::before{
  background:#299bb4!important;
}


/* END DASHBOARD-KPI-PRIORITY-V100 */

/* KPI-UNIFIED-V101 */


/* =========================================================
   首页 + 客户数据分析
   统一五大业务KPI
   ========================================================= */

.kpi-grid-v101{
  display:grid!important;

  grid-template-columns:
    repeat(5,minmax(0,1fr))!important;

  gap:14px!important;

  width:100%!important;
}


/* =========================================================
   所有KPI统一基础
   ========================================================= */

.kpi-grid-v101
> .kpi-card-v101{
  position:relative!important;

  min-width:0!important;
  min-height:154px!important;

  padding:20px 20px 18px!important;

  box-sizing:border-box!important;

  overflow:hidden!important;
  isolation:isolate!important;

  border-width:1px!important;
  border-style:solid!important;

  border-radius:14px!important;

  box-shadow:
    0 3px 7px rgba(20,44,80,.035),
    0 12px 30px rgba(20,44,80,.045)!important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease!important;
}


/* 右下角轻微氛围光 */
.kpi-grid-v101
> .kpi-card-v101::after{
  content:""!important;

  position:absolute!important;

  right:-36px!important;
  bottom:-46px!important;

  width:125px!important;
  height:125px!important;

  border-radius:50%!important;

  opacity:.62!important;

  pointer-events:none!important;

  z-index:-1!important;
}


.kpi-grid-v101
> .kpi-card-v101:hover{
  transform:translateY(-2px)!important;

  box-shadow:
    0 5px 12px rgba(20,44,80,.055),
    0 16px 34px rgba(20,44,80,.075)!important;
}


/* 标签 */
.kpi-grid-v101
> .kpi-card-v101
span{
  position:relative!important;

  z-index:2!important;

  font-size:14px!important;
  line-height:1.35!important;

  font-weight:800!important;

  letter-spacing:.005em!important;
}


/* 数字 */
.kpi-grid-v101
> .kpi-card-v101
strong{
  position:relative!important;

  z-index:2!important;

  margin-top:auto!important;

  font-size:39px!important;
  line-height:1!important;

  font-weight:850!important;

  letter-spacing:-.045em!important;
}


/* Analytics页面的信息按钮保持正常 */
.kpi-grid-v101
> .kpi-card-v101
button{
  position:relative!important;
  z-index:3!important;
}


/* =========================================================
   1. 客户录入 —— 第一重点
   ========================================================= */

.kpi-grid-v101
> .kpi-customers-v101{
  order:1!important;

  border-color:#9fd8b9!important;

  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f2fcf6 62%,
      #e9f9f0 100%
    )!important;

  box-shadow:
    0 4px 10px rgba(23,132,75,.055),
    0 15px 32px rgba(23,132,75,.07)!important;
}


/* 原有top border统一加强 */
.kpi-grid-v101
> .kpi-customers-v101::before{
  content:""!important;

  position:absolute!important;

  top:0!important;
  left:0!important;
  right:0!important;

  height:5px!important;

  background:
    linear-gradient(
      90deg,
      #1f9e58,
      #35ba70
    )!important;

  z-index:3!important;
}


.kpi-grid-v101
> .kpi-customers-v101::after{
  background:
    rgba(39,174,96,.12)!important;
}


.kpi-grid-v101
> .kpi-customers-v101
span{
  color:#32664a!important;
}


.kpi-grid-v101
> .kpi-customers-v101
strong{
  color:#08713d!important;

  font-size:44px!important;
}


/* =========================================================
   2. A/B优质客户 —— 第二重点
   ========================================================= */

.kpi-grid-v101
> .kpi-ab-v101{
  order:2!important;

  border-color:#e6c875!important;

  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #fffaf0 62%,
      #fff5df 100%
    )!important;

  box-shadow:
    0 4px 10px rgba(176,119,11,.05),
    0 15px 32px rgba(176,119,11,.065)!important;
}


.kpi-grid-v101
> .kpi-ab-v101::before{
  content:""!important;

  position:absolute!important;

  top:0!important;
  left:0!important;
  right:0!important;

  height:5px!important;

  background:
    linear-gradient(
      90deg,
      #cf8b00,
      #e3aa26
    )!important;

  z-index:3!important;
}


.kpi-grid-v101
> .kpi-ab-v101::after{
  background:
    rgba(218,153,27,.13)!important;
}


.kpi-grid-v101
> .kpi-ab-v101
span{
  color:#80611f!important;
}


.kpi-grid-v101
> .kpi-ab-v101
strong{
  color:#815600!important;

  font-size:44px!important;
}


/* =========================================================
   3. 查重
   ========================================================= */

.kpi-grid-v101
> .kpi-checks-v101{
  order:3!important;

  border-color:#bfd5f2!important;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f4f8fe
    )!important;
}


.kpi-grid-v101
> .kpi-checks-v101::before{
  content:""!important;

  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;

  height:4px!important;

  background:#3278df!important;

  z-index:3!important;
}


.kpi-grid-v101
> .kpi-checks-v101::after{
  background:
    rgba(50,120,223,.09)!important;
}


/* =========================================================
   4. 发送好友请求
   ========================================================= */

.kpi-grid-v101
> .kpi-sent-v101{
  order:4!important;

  border-color:#d1c5f4!important;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f8f5ff
    )!important;
}


.kpi-grid-v101
> .kpi-sent-v101::before{
  content:""!important;

  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;

  height:4px!important;

  background:#7956df!important;

  z-index:3!important;
}


.kpi-grid-v101
> .kpi-sent-v101::after{
  background:
    rgba(121,86,223,.09)!important;
}


/* =========================================================
   5. 收到好友请求
   ========================================================= */

.kpi-grid-v101
> .kpi-received-v101{
  order:5!important;

  border-color:#b8dee5!important;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f2fbfc
    )!important;
}


.kpi-grid-v101
> .kpi-received-v101::before{
  content:""!important;

  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;

  height:4px!important;

  background:#279bad!important;

  z-index:3!important;
}


.kpi-grid-v101
> .kpi-received-v101::after{
  background:
    rgba(39,155,173,.09)!important;
}


/* 后三个数字统一深色 */
.kpi-grid-v101
> .kpi-checks-v101 strong,
.kpi-grid-v101
> .kpi-sent-v101 strong,
.kpi-grid-v101
> .kpi-received-v101 strong{
  color:#071c42!important;
}


/* =========================================================
   旧V100首页两张重点卡的颜色彻底被V101统一
   ========================================================= */

.overview-flow-grid.kpi-grid-v101
> .kpi-card-v101{
  min-height:154px!important;
}


/* =========================================================
   响应式
   ========================================================= */

@media(max-width:1350px){

  .kpi-grid-v101{
    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;
  }
}


@media(max-width:850px){

  .kpi-grid-v101{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }
}


@media(max-width:560px){

  .kpi-grid-v101{
    grid-template-columns:1fr!important;
  }
}


/* END KPI-UNIFIED-V101 */

/* TEAM-EXCEL-V107 */


/* 主卡保持和其它首页面板一致 */
section.panel:has(> .team-excel-v107){
  padding:20px!important;

  border:1px solid #d8e3ef!important;
  border-radius:16px!important;

  background:#fff!important;

  box-shadow:
    0 7px 24px rgba(28,56,94,.04)!important;
}


/* =========================================================
   Excel表格主体
   ========================================================= */

.team-excel-v107{
  width:100%!important;

  margin-top:16px!important;

  overflow:hidden!important;

  border:1px solid #d8e2ee!important;
  border-radius:10px!important;

  background:#fff!important;
}


/* =========================================================
   表头
   ========================================================= */

.team-excel-head-v107{
  display:grid!important;

  grid-template-columns:
    1.35fr
    .9fr
    .9fr
    .9fr
    .9fr!important;

  min-width:650px!important;

  background:#f4f7fb!important;

  border-bottom:1px solid #ccd9e7!important;
}


.team-excel-head-v107
> span{
  min-width:0!important;

  padding:13px 14px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  color:#53677f!important;

  font-size:12px!important;
  line-height:1.2!important;

  font-weight:800!important;

  text-align:center!important;

  border-right:1px solid #dce5ef!important;
}


.team-excel-head-v107
> span:last-child{
  border-right:0!important;
}


/* =========================================================
   数据区域
   多团队时内部滚动
   ========================================================= */

.team-excel-body-v107{
  max-height:390px!important;

  overflow-y:auto!important;
  overflow-x:hidden!important;
}


/* =========================================================
   每个团队一行
   ========================================================= */

.team-excel-row-v107{
  display:grid!important;

  grid-template-columns:
    1.35fr
    .9fr
    .9fr
    .9fr
    .9fr!important;

  min-width:650px!important;

  background:#fff!important;

  border-bottom:1px solid #e0e8f1!important;

  transition:
    background .12s ease!important;
}


.team-excel-row-v107:last-child{
  border-bottom:0!important;
}


.team-excel-row-v107:hover{
  background:#f8fbff!important;
}


/* 所有单元格统一规则 */
.team-excel-row-v107
> strong,
.team-excel-row-v107
> span,
.team-excel-row-v107
> b{
  min-width:0!important;
  min-height:52px!important;

  padding:10px 14px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  box-sizing:border-box!important;

  text-align:center!important;

  border-right:1px solid #e0e8f1!important;
}


.team-excel-row-v107
> :last-child{
  border-right:0!important;
}


/* 团队名 */
.team-excel-row-v107
> strong{
  color:#10233f!important;

  font-size:14px!important;

  font-weight:850!important;
}


/* 员工人数 */
.team-excel-row-v107
> .staff{
  color:#53677f!important;

  font-size:15px!important;

  font-weight:750!important;
}


/* 数据统一放大 */
.team-excel-row-v107
> b{
  color:#10233f!important;

  font-size:18px!important;
  line-height:1!important;

  font-weight:850!important;
}


/* 客户 */
.team-excel-row-v107
> .customers{
  color:#168353!important;
}


/* 40+ */
.team-excel-row-v107
> .age{
  color:#2d70cf!important;
}


/* 查重 */
.team-excel-row-v107
> .checks{
  color:#7056c7!important;
}


/* =========================================================
   滚动条
   ========================================================= */

.team-excel-body-v107::-webkit-scrollbar{
  width:8px!important;
}


.team-excel-body-v107::-webkit-scrollbar-track{
  background:#f3f6fa!important;
}


.team-excel-body-v107::-webkit-scrollbar-thumb{
  background:#b8c7d8!important;

  border-radius:999px!important;
}


/* =========================================================
   小屏允许横向滚动
   ========================================================= */

@media(max-width:720px){

  .team-excel-v107{
    overflow-x:auto!important;
  }

  .team-excel-body-v107{
    overflow-x:visible!important;
  }
}


/* END TEAM-EXCEL-V107 */

/* DASHBOARD-RANGE-GRID-V108 */


/* =========================================================
   V108
   时间筛选不再 absolute 悬浮。
   和一级Tab使用同一行Grid。
   ========================================================= */


/* 左侧：数据总览 / 客户分配情况 */
.content:has(> .dashboard-timebar)
> .dashboard-home-tabs-v93{
  position:relative!important;

  grid-column:1 / 10!important;
  grid-row:auto!important;

  order:0!important;

  width:100%!important;
  max-width:none!important;
  min-width:0!important;

  margin:0 0 18px!important;

  padding-top:12px!important;
  padding-right:0!important;

  min-height:58px!important;

  align-self:start!important;
  justify-self:stretch!important;

  z-index:1!important;
}


/* =========================================================
   右侧：时间筛选
   完全取消 absolute
   ========================================================= */

.content:has(> .dashboard-timebar)
> .dashboard-timebar{
  position:relative!important;

  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;

  grid-column:10 / -1!important;
  grid-row:auto!important;

  order:0!important;

  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;

  height:40px!important;
  min-height:40px!important;

  margin:12px 0 18px!important;
  padding:0!important;

  justify-self:end!important;
  align-self:start!important;

  background:transparent!important;

  border:0!important;
  box-shadow:none!important;

  /*
   * 不再压住顶部导航。
   * 即使其它CSS产生 stacking context，
   * 这里也只保持普通内容层级。
   */
  z-index:1!important;
}


/* 原统计总览文字继续隐藏 */
.content:has(> .dashboard-timebar)
> .dashboard-timebar
> div{
  display:none!important;
}


/* 时间下拉 */
.content:has(> .dashboard-timebar)
> .dashboard-timebar
> select{
  position:relative!important;

  width:150px!important;
  min-width:150px!important;

  height:40px!important;
  min-height:40px!important;

  margin:0!important;

  border:1px solid #ccd9e8!important;
  border-radius:9px!important;

  background:#fff!important;
  color:#14233b!important;

  box-shadow:
    0 1px 2px rgba(15,23,42,.025)!important;

  font-size:14px!important;
  font-weight:700!important;

  cursor:pointer!important;

  z-index:auto!important;
}


/* =========================================================
   下一层数据卡正常另起一行
   ========================================================= */

.content:has(> .dashboard-timebar)
.overview-workflow-card{
  grid-column:1 / -1!important;

  margin-top:0!important;
}


/* =========================================================
   中等宽度
   左边Tab + 右边筛选继续同行
   ========================================================= */

@media(max-width:1050px){

  .content:has(> .dashboard-timebar)
  > .dashboard-home-tabs-v93{
    grid-column:1 / 9!important;
  }

  .content:has(> .dashboard-timebar)
  > .dashboard-timebar{
    grid-column:9 / -1!important;
  }
}


/* =========================================================
   小屏
   改成上下排列，绝不重叠
   ========================================================= */

@media(max-width:640px){

  .content:has(> .dashboard-timebar)
  > .dashboard-home-tabs-v93{
    grid-column:1 / -1!important;

    margin-bottom:8px!important;

    padding-top:4px!important;

    min-height:auto!important;
  }

  .content:has(> .dashboard-timebar)
  > .dashboard-timebar{
    grid-column:1 / -1!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    margin:0 0 16px!important;

    justify-self:stretch!important;
  }

  .content:has(> .dashboard-timebar)
  > .dashboard-timebar
  > select{
    width:100%!important;
    min-width:0!important;
  }
}


/* END DASHBOARD-RANGE-GRID-V108 */

/* DASHBOARD-RESPONSIVE-V112 */


/* =========================================================
   V112
   中等宽度首页重新使用页面级 Grid
   不再让旧 overview-command / secondary 容器限制宽度
   ========================================================= */

@media (max-width:1200px){

  /*
   * 首页根内容区域
   */
  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar){
    display:grid!important;

    grid-template-columns:
      repeat(12,minmax(0,1fr))!important;

    column-gap:16px!important;
    row-gap:18px!important;

    align-items:start!important;

    width:100%!important;
    max-width:none!important;
  }


  /* =======================================================
     两个旧分组容器取消自身布局层
     让里面真正的卡片直接参加页面 Grid
     ======================================================= */

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-command-grid,

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-secondary-grid{
    display:contents!important;
  }


  /* =======================================================
     第一行：
     左 Tab / 右时间
     ======================================================= */

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .dashboard-home-tabs-v93{
    grid-column:1 / 9!important;
    grid-row:1!important;

    width:100%!important;
    min-width:0!important;

    margin:0!important;
    padding:10px 0 0!important;

    align-self:start!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .dashboard-timebar{
    position:relative!important;

    grid-column:9 / -1!important;
    grid-row:1!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;

    height:40px!important;

    margin:0!important;
    padding:0!important;

    justify-self:end!important;
    align-self:start!important;

    z-index:1!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .dashboard-timebar > div{
    display:none!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .dashboard-timebar select{
    width:150px!important;
    min-width:150px!important;
    height:40px!important;

    margin:0!important;
  }


  /* =======================================================
     第二行：
     客户数据分析整行
     ======================================================= */

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card{
    grid-column:1 / -1!important;
    grid-row:2!important;

    width:100%!important;
    max-width:none!important;
    min-width:0!important;

    margin:0!important;

    justify-self:stretch!important;
  }


  /* KPI：中等宽度 3列 */
  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card
  .overview-flow-grid,

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card
  .kpi-grid-v101{
    display:grid!important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;

    gap:12px!important;

    width:100%!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card
  .overview-flow-grid > *,

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card
  .kpi-grid-v101 > *{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }


  /* =======================================================
     第三行：
     员工状态 / 账号异常
     ======================================================= */

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-status-card{
    grid-column:1 / 7!important;
    grid-row:3!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    margin:0!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-issues-card{
    grid-column:7 / -1!important;
    grid-row:3!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    margin:0!important;
  }


  /* 员工状态内部仍保持2×2 */
  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-status-card
  .status-mini-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }


  /* =======================================================
     第四行：
     团队数据整行
     ======================================================= */

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-secondary-grid
  > section.panel:not(.overview-issues-card),

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  section.panel:has(.team-excel-v107){
    grid-column:1 / -1!important;
    grid-row:4!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    margin:0!important;
  }


  /* =======================================================
     客户分配 Tab
     当前激活时直接占满页面
     ======================================================= */

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-allocation-tab-v93,

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-allocation-section{
    grid-column:1 / -1!important;
    grid-row:2!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    margin:0!important;
  }


  /* =======================================================
     防止任何旧版 max-width / 固定宽度残留
     ======================================================= */

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card,

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-status-card,

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-issues-card,

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-allocation-section,

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  section.panel:has(.team-excel-v107){
    flex:none!important;

    box-sizing:border-box!important;

    transform:none!important;
  }

}


/* =========================================================
   850px 以下
   大卡开始单列
   KPI 保持2列
   ========================================================= */

@media (max-width:850px){

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card{
    grid-row:2!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-status-card{
    grid-column:1 / -1!important;
    grid-row:3!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-issues-card{
    grid-column:1 / -1!important;
    grid-row:4!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-secondary-grid
  > section.panel:not(.overview-issues-card),

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  section.panel:has(.team-excel-v107){
    grid-row:5!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card
  .overview-flow-grid,

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card
  .kpi-grid-v101{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

}


/* =========================================================
   640px 以下
   Tab + 时间上下排列
   ========================================================= */

@media (max-width:640px){

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .dashboard-home-tabs-v93{
    grid-column:1 / -1!important;
    grid-row:1!important;

    padding-top:0!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .dashboard-timebar{
    grid-column:1 / -1!important;
    grid-row:2!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    justify-self:stretch!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .dashboard-timebar select{
    width:100%!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card{
    grid-row:3!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-status-card{
    grid-row:4!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-issues-card{
    grid-row:5!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-secondary-grid
  > section.panel:not(.overview-issues-card),

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  section.panel:has(.team-excel-v107){
    grid-row:6!important;
  }


  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-allocation-tab-v93,

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-allocation-section{
    grid-row:3!important;
  }

}


/* =========================================================
   460px 以下
   KPI 最终单列
   ========================================================= */

@media (max-width:460px){

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card
  .overview-flow-grid,

  .content:has(.dashboard-home-tabs-v93):has(.dashboard-timebar)
  .overview-workflow-card
  .kpi-grid-v101{
    grid-template-columns:1fr!important;
  }

}


/* =========================================================
   Excel 团队列表
   小屏只横向滚动，不压坏列
   ========================================================= */

@media (max-width:760px){

  .team-excel-v107{
    overflow-x:auto!important;
  }

  .team-excel-head-v107,
  .team-excel-row-v107{
    min-width:650px!important;
  }

}


/* END DASHBOARD-RESPONSIVE-V112 */

/* CUSTOMER-COUNTRY-CODE-V113B */

.customer-phone-combo-v113b{
  display:grid !important;
  grid-template-columns:180px minmax(0,1fr) !important;
  gap:10px !important;
  width:100% !important;
  align-items:stretch !important;
}

.customer-country-code-v113b,
.customer-local-phone-v113b{
  box-sizing:border-box !important;
  min-width:0 !important;
  width:100% !important;
  height:48px !important;
  border:1px solid #c8d7ea !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#17233a !important;
  font-size:14px !important;
}

.customer-country-code-v113b{
  padding:0 36px 0 12px !important;
  cursor:pointer !important;
}

.customer-local-phone-v113b{
  padding:0 13px !important;
}

.customer-country-code-v113b:focus,
.customer-local-phone-v113b:focus{
  outline:none !important;
  border-color:#2f7de1 !important;
  box-shadow:0 0 0 3px rgba(47,125,225,.10) !important;
}

@media(max-width:620px){
  .customer-phone-combo-v113b{
    grid-template-columns:160px minmax(0,1fr) !important;
  }
}

/* COUNTRY-CODE-UNIFIED-V114 */


/* 原始 React input/select 保留用于状态与提交，但不直接显示 */
.cc-v114-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
}


/* =========================================================
   主体
   ========================================================= */

.cc-v114-host{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  font:inherit!important;
}


.cc-v114-trigger{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;

  padding:0 13px!important;

  display:flex!important;
  align-items:center!important;

  gap:8px!important;

  border:1px solid #c7d7ea!important;
  border-radius:9px!important;

  background:#fff!important;

  color:#12233f!important;

  font-size:14px!important;
  font-weight:600!important;

  line-height:1!important;

  text-align:left!important;

  cursor:pointer!important;

  box-shadow:none!important;

  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease!important;
}


.cc-v114-trigger:hover{
  border-color:#99b7db!important;
  background:#fff!important;
}


.cc-v114-host.is-open
.cc-v114-trigger{
  border-color:#287ce0!important;

  box-shadow:
    0 0 0 3px
    rgba(40,124,224,.10)!important;
}


.cc-v114-current{
  min-width:0!important;
  flex:1 1 auto!important;

  display:flex!important;
  align-items:center!important;

  gap:7px!important;

  overflow:hidden!important;
}


.cc-v114-code{
  flex:0 0 auto!important;

  color:#13223b!important;

  font-weight:750!important;
}


.cc-v114-dot{
  flex:0 0 auto!important;
  color:#93a2b7!important;
}


.cc-v114-name{
  min-width:0!important;

  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;

  color:#172a47!important;
}


.cc-v114-chevron{
  flex:0 0 auto!important;

  margin-left:auto!important;

  color:#58708f!important;

  font-size:17px!important;

  transform:
    translateY(-2px)
    rotate(0deg)!important;

  transition:
    transform .15s ease!important;
}


.cc-v114-host.is-open
.cc-v114-chevron{
  transform:
    translateY(2px)
    rotate(180deg)!important;
}


/* =========================================================
   国旗
   ========================================================= */

.cc-v114-flag{
  flex:0 0 22px!important;

  width:22px!important;
  height:15px!important;

  display:inline-flex!important;

  border-radius:2px!important;

  overflow:hidden!important;

  box-shadow:
    0 0 0 1px
    rgba(15,23,42,.09)!important;
}


.cc-v114-flag svg{
  width:22px!important;
  height:15px!important;

  display:block!important;
}


/* =========================================================
   下拉菜单
   ========================================================= */

.cc-v114-menu{
  position:absolute!important;

  top:calc(100% + 5px)!important;
  left:0!important;

  width:max(100%, 270px)!important;
  max-height:318px!important;

  padding:5px!important;

  display:none!important;

  overflow-y:auto!important;
  overflow-x:hidden!important;

  box-sizing:border-box!important;

  border:1px solid #b9c9dd!important;
  border-radius:8px!important;

  background:#fff!important;

  box-shadow:
    0 14px 34px
    rgba(21,45,78,.18)!important;

  z-index:9999!important;
}


.cc-v114-host.is-open
.cc-v114-menu{
  display:block!important;
}


.cc-v114-option{
  width:100%!important;
  min-height:40px!important;

  padding:8px 10px!important;

  display:flex!important;
  align-items:center!important;

  gap:8px!important;

  border:0!important;
  border-radius:5px!important;

  background:#fff!important;

  color:#14243f!important;

  font-size:14px!important;
  font-weight:500!important;

  line-height:1.2!important;

  text-align:left!important;

  cursor:pointer!important;
}


.cc-v114-option:hover{
  background:#eef5ff!important;
}


.cc-v114-option.is-selected{
  background:#2478d8!important;

  color:#fff!important;
}


.cc-v114-option.is-selected
.cc-v114-code,
.cc-v114-option.is-selected
.cc-v114-name,
.cc-v114-option.is-selected
.cc-v114-dot{
  color:#fff!important;
}


/* 滚动条 */
.cc-v114-menu::-webkit-scrollbar{
  width:8px!important;
}


.cc-v114-menu::-webkit-scrollbar-track{
  background:#f2f5f8!important;
}


.cc-v114-menu::-webkit-scrollbar-thumb{
  background:#b9c4d1!important;
  border-radius:999px!important;
}


/* =========================================================
   员工录入客户
   ========================================================= */

.customer-phone-combo-v113b{
  grid-template-columns:
    minmax(180px,210px)
    minmax(0,1fr)!important;

  gap:10px!important;
}


.customer-phone-combo-v113b
> .cc-v114-host{
  grid-column:1!important;
}


.customer-phone-combo-v113b
> .customer-local-phone-v113b{
  grid-column:2!important;
}


/* =========================================================
   管理员系统设置
   ========================================================= */

.cc-v114-admin{
  width:100%!important;
}


.cc-v114-admin
.cc-v114-menu{
  min-width:280px!important;
}


/* =========================================================
   窄屏
   ========================================================= */

@media(max-width:620px){

  .customer-phone-combo-v113b{
    grid-template-columns:
      minmax(165px,190px)
      minmax(0,1fr)!important;
  }


  .cc-v114-menu{
    width:max(100%, 250px)!important;
  }

}


/* END COUNTRY-CODE-UNIFIED-V114 */

/* EMPLOYEE-CUSTOMER-FORM-V115B */


/* =========================================================
   1. 年龄输入框
   与普通文本输入框完全统一
   ========================================================= */

.direct-customer-form
[data-field-key="age"]
input[type="number"]{
  width:100%!important;

  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;

  box-sizing:border-box!important;

  padding:0 13px!important;

  line-height:46px!important;

  border-radius:9px!important;

  resize:none!important;
}


/* =========================================================
   2. 手机号
   区号不要占太多宽度
   ========================================================= */

.direct-customer-form
[data-field-key="phone"]
.customer-phone-combo-v113b{
  display:grid!important;

  grid-template-columns:
    118px
    minmax(0,1fr)!important;

  gap:10px!important;

  width:100%!important;
  min-width:0!important;

  align-items:stretch!important;
}


.direct-customer-form
[data-field-key="phone"]
.customer-phone-combo-v113b
> *{
  min-width:0!important;
}


/* V114 国家区号组件 */
.direct-customer-form
[data-field-key="phone"]
.cc-v114-host.cc-v114-employee{
  width:100%!important;
  min-width:0!important;

  grid-column:1!important;
}


.direct-customer-form
[data-field-key="phone"]
.cc-v114-employee
.cc-v114-trigger{
  width:100%!important;

  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;

  padding:0 10px!important;

  box-sizing:border-box!important;
}


/*
 * 未展开时：
 * 只显示国旗 + 区号
 * 不显示 “· 印度 / · 英国 / India”
 *
 * 下拉菜单展开以后仍然显示完整国家名称。
 */
.direct-customer-form
[data-field-key="phone"]
.cc-v114-employee
.cc-v114-trigger
.cc-v114-dot,

.direct-customer-form
[data-field-key="phone"]
.cc-v114-employee
.cc-v114-trigger
.cc-v114-name{
  display:none!important;
}


.direct-customer-form
[data-field-key="phone"]
.cc-v114-employee
.cc-v114-current{
  gap:7px!important;
}


.direct-customer-form
[data-field-key="phone"]
.customer-local-phone-v113b{
  grid-column:2!important;

  width:100%!important;
  min-width:0!important;

  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;

  box-sizing:border-box!important;
}


/* =========================================================
   3. 浏览器缩窄
   760px以下客户表单整体切为单列
   不再把手机号挤成一小格
   ========================================================= */

@media(max-width:760px){

  .direct-customer-form{
    grid-template-columns:
      minmax(0,1fr)!important;
  }


  .direct-customer-form
  > .field{
    grid-column:1 / -1!important;

    width:100%!important;
    min-width:0!important;
  }


  /*
   * 页面虽然改为单列，
   * 手机号内部仍保持区号+号码同行。
   */
  .direct-customer-form
  [data-field-key="phone"]
  .customer-phone-combo-v113b{
    grid-template-columns:
      108px
      minmax(0,1fr)!important;

    gap:10px!important;
  }

}


/* 极窄手机 */
@media(max-width:430px){

  .direct-customer-form
  [data-field-key="phone"]
  .customer-phone-combo-v113b{
    grid-template-columns:
      100px
      minmax(0,1fr)!important;
  }

}


/* END EMPLOYEE-CUSTOMER-FORM-V115B */

/* EMPLOYEE-FORM-ALIGN-V115C */

/*
 * 员工录入客户表单：
 * 同一行左右字段始终从顶部开始，
 * 避免左边存在提示文字时把右边输入框向下拉。
 */
.direct-customer-form > .field{
  align-self:start!important;
  align-content:start!important;

  grid-auto-rows:max-content!important;

  height:auto!important;
  min-height:0!important;
}


/*
 * 年龄字段进一步锁定顶部，
 * 与手机号输入区域保持同一水平起点。
 */
.direct-customer-form
> .field[data-field-key="age"]{
  align-self:start!important;
  align-content:start!important;

  margin-top:0!important;
  padding-top:0!important;
}


/*
 * 标签与控件之间统一7px，
 * 不允许拉伸产生额外垂直空间。
 */
.direct-customer-form
> .field
> span{
  margin:0!important;
}


.direct-customer-form
> .field[data-field-key="age"]
> input{
  margin-top:0!important;
}


/* END EMPLOYEE-FORM-ALIGN-V115C */


/* V118E_V8_1_STRUCTURAL_CLICK_FIX */
.number-tags > .ws-daily-limit-v3,
.number-tags > .number-copy.used-copy {
  cursor: pointer !important;
  color: #b42318 !important;
  background: #fff1f1 !important;
  border-color: #e79090 !important;
  opacity: 1 !important;
}
.number-tags > .ws-daily-limit-v3:hover,
.number-tags > .number-copy.used-copy:hover {
  color: #8f1f16 !important;
  background: #ffe4e4 !important;
  border-color: #cf5f5f !important;
}



/* V118F_ANALYTICS_PENDING_FORM_20260919 */

/* Analytics time control: native dropdown remains, with a deterministic way back to Today. */
.v118f-range-control{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:8px !important;
  align-items:stretch !important;
  min-width:0 !important;
}
.v118f-range-control>select{
  min-width:0 !important;
  width:100% !important;
}
.v118f-today-return{
  min-width:76px !important;
  border:1px solid #9fc5f4 !important;
  border-radius:8px !important;
  background:#eef6ff !important;
  color:#1769d8 !important;
  padding:0 12px !important;
  font-size:13px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}
.v118f-today-return:hover{
  background:#e2f0ff !important;
  border-color:#6ea9ed !important;
}

/* Specific occupation analysis. */
.v118f-occupation-panel{
  grid-column:1 / -1 !important;
}
.v118f-occ-note{
  margin:0 0 14px !important;
  color:#667085 !important;
  font-size:12px !important;
  line-height:1.65 !important;
}
.v118f-occ-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px 18px !important;
}
.v118f-occ-item{
  min-width:0 !important;
  padding:12px 13px !important;
  border:1px solid #e3eaf3 !important;
  border-radius:10px !important;
  background:#fbfcfe !important;
}
.v118f-occ-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}
.v118f-occ-head strong{
  min-width:0 !important;
  color:#17233a !important;
  font-size:14px !important;
}
.v118f-occ-head span{
  flex:0 0 auto !important;
  color:#526079 !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.v118f-occ-bar{
  height:7px !important;
  margin:9px 0 8px !important;
  overflow:hidden !important;
  border-radius:999px !important;
  background:#e9eef5 !important;
}
.v118f-occ-bar>i{
  display:block !important;
  height:100% !important;
  border-radius:999px !important;
  background:#2f80e4 !important;
}
.v118f-occ-item small{
  display:block !important;
  color:#77869a !important;
  font-size:11px !important;
  line-height:1.5 !important;
  overflow-wrap:anywhere !important;
}
.v118f-occ-empty{
  padding:26px 14px !important;
  text-align:center !important;
  color:#7a8799 !important;
}

/* Employee customer entry: customer data first, WS assignment last. */
.v118f-customer-form>*{
  order:10;
}
.v118f-customer-form>.v118f-ws-divider{
  order:80 !important;
  grid-column:1 / -1 !important;
}
.v118f-customer-form>.v118f-ws-field,
.v118f-customer-form>.v118b-team-full{
  order:90 !important;
}
.v118f-customer-form>.customer-save-actions{
  order:100 !important;
}
.v118f-ws-divider{
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:10px 0 0 !important;
  padding:13px 14px !important;
  border-top:1px solid #d9e3ef !important;
  border-radius:9px !important;
  background:#f7faff !important;
}
.v118f-ws-divider strong{
  color:#173c70 !important;
  font-size:14px !important;
}
.v118f-ws-divider span{
  color:#718096 !important;
  font-size:12px !important;
}

@media(max-width:900px){
  .v118f-occ-list{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:640px){
  .v118f-range-control{
    grid-template-columns:1fr !important;
  }
  .v118f-today-return{
    min-height:40px !important;
  }
  .v118f-ws-divider{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:4px !important;
  }
}



/* V118G_TIME_TEAM_TABLE_20260919 */

/* Customer analytics: one native dropdown only; no separate Today button. */
.analytics-filters > .v118g-range-select{
  width:100% !important;
  min-width:0 !important;
}
.v118f-today-return{
  display:none !important;
}

/* Team Data now has six columns and must never clip horizontally. */
.team-excel-v107{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  overscroll-behavior-x:contain !important;
  scrollbar-width:thin !important;
  scrollbar-color:#b8c7d8 #f3f6fa !important;
}
.team-excel-head-v107,
.team-excel-row-v107{
  grid-template-columns:
    1.20fr
    .85fr
    1fr
    1fr
    1fr
    .90fr !important;
  min-width:820px !important;
}
.team-excel-body-v107{
  min-width:820px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.team-excel-row-v107 > .age-under{
  color:#c56b16 !important;
}
.team-excel-v107::-webkit-scrollbar{
  height:10px !important;
}
.team-excel-v107::-webkit-scrollbar-track{
  background:#f3f6fa !important;
  border-radius:999px !important;
}
.team-excel-v107::-webkit-scrollbar-thumb{
  background:#b8c7d8 !important;
  border-radius:999px !important;
  border:2px solid #f3f6fa !important;
}
.team-excel-v107::-webkit-scrollbar-thumb:hover{
  background:#93a8bf !important;
}

/* Keep the table readable rather than shrinking six columns into unreadable cells. */
@media(max-width:900px){
  .team-excel-head-v107,
  .team-excel-row-v107,
  .team-excel-body-v107{
    min-width:820px !important;
  }
}



/* V118G1_TODAY_DROPDOWN_FIX_20260920 */
.analytics-filters > .v118g1-range-dropdown{
  position:relative !important;
  min-width:160px !important;
  width:100% !important;
  z-index:20 !important;
}
.v118g1-range-dropdown > summary{
  list-style:none !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-height:44px !important;
  width:100% !important;
  padding:0 42px 0 14px !important;
  border:1px solid #b9cbe2 !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#172b4d !important;
  font-size:14px !important;
  cursor:pointer !important;
  user-select:none !important;
  box-sizing:border-box !important;
}
.v118g1-range-dropdown > summary::-webkit-details-marker{
  display:none !important;
}
.v118g1-range-dropdown > summary::after{
  content:"⌄" !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  transform:translateY(-54%) !important;
  color:#344563 !important;
  font-size:18px !important;
  line-height:1 !important;
}
.v118g1-range-dropdown[open] > summary{
  border-color:#7fb2f0 !important;
  box-shadow:0 0 0 2px rgba(47,128,228,.10) !important;
}
.v118g1-range-menu{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:calc(100% + 4px) !important;
  z-index:9999 !important;
  overflow:hidden !important;
  border:1px solid #aebed1 !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:0 12px 30px rgba(23,43,77,.16) !important;
}
.v118g1-range-menu > button{
  display:block !important;
  width:100% !important;
  min-height:40px !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#172b4d !important;
  text-align:left !important;
  font-size:14px !important;
  cursor:pointer !important;
}
.v118g1-range-menu > button:hover{
  background:#f2f7fd !important;
}
.v118g1-range-menu > button.active{
  background:#216fd1 !important;
  color:#fff !important;
  font-weight:700 !important;
}
@media(max-width:640px){
  .analytics-filters > .v118g1-range-dropdown{
    min-width:0 !important;
  }
}



/* V118G2_DROPDOWN_STYLE_MATCH_20260920 */
/*
  Match the custom analytics period dropdown to the adjacent
  native Team / Employee selects without changing V118G.1 behavior.
*/
.analytics-filters > .v118g1-range-dropdown{
  min-width:0 !important;
  width:100% !important;
  height:46px !important;
  align-self:stretch !important;
}

.v118g1-range-dropdown > summary{
  height:46px !important;
  min-height:46px !important;
  width:100% !important;
  padding:0 38px 0 13px !important;

  border:1px solid #c9d7e8 !important;
  border-radius:8px !important;
  background:#fff !important;

  color:#14213a !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:44px !important;

  box-shadow:none !important;
  outline:none !important;
}

/* Use a small CSS chevron instead of the larger text glyph. */
.v118g1-range-dropdown > summary::after{
  content:"" !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  margin-top:-5px !important;

  border-right:2px solid #27364f !important;
  border-bottom:2px solid #27364f !important;
  transform:rotate(45deg) !important;

  font-size:0 !important;
  line-height:0 !important;
}

.v118g1-range-dropdown[open] > summary{
  border-color:#c9d7e8 !important;
  box-shadow:none !important;
}

/* Dropdown panel follows the same width and radius language as the selects. */
.v118g1-range-menu{
  top:calc(100% + 2px) !important;
  border:1px solid #b9c8da !important;
  border-radius:7px !important;
  box-shadow:0 8px 20px rgba(20,33,58,.13) !important;
}

.v118g1-range-menu > button{
  min-height:39px !important;
  padding:0 13px !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:400 !important;
}

/* Keep selected option visually obvious inside the opened menu only. */
.v118g1-range-menu > button.active{
  background:#216fd1 !important;
  color:#fff !important;
  font-weight:400 !important;
}



/* V118G3_UNIFIED_FILTER_DROPDOWNS_20260920 */

/*
  All three Customer Data Analysis filters now share exactly the same
  component and CSS: Period / Team / Employee.
*/
.analytics-filters > .v118g3-filter-dropdown{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  height:46px !important;
  align-self:stretch !important;
  z-index:20 !important;
}

.v118g3-filter-dropdown > summary{
  list-style:none !important;
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  box-sizing:border-box !important;

  padding:0 38px 0 13px !important;
  border:1px solid #c9d7e8 !important;
  border-radius:8px !important;
  background:#fff !important;

  color:#14213a !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:44px !important;

  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;

  box-shadow:none !important;
  outline:none !important;
  cursor:pointer !important;
  user-select:none !important;
}

.v118g3-filter-dropdown > summary::-webkit-details-marker{
  display:none !important;
}

.v118g3-filter-dropdown > summary::after{
  content:"" !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  margin-top:-5px !important;
  border-right:2px solid #27364f !important;
  border-bottom:2px solid #27364f !important;
  transform:rotate(45deg) !important;
}

.v118g3-filter-dropdown[open] > summary{
  border-color:#c9d7e8 !important;
  box-shadow:none !important;
}

.v118g3-filter-menu{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:calc(100% + 2px) !important;
  z-index:9999 !important;

  max-height:310px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;

  border:1px solid #b9c8da !important;
  border-radius:7px !important;
  background:#fff !important;
  box-shadow:0 8px 20px rgba(20,33,58,.13) !important;
}

.v118g3-filter-menu > button{
  display:block !important;
  width:100% !important;
  min-height:39px !important;
  box-sizing:border-box !important;

  padding:8px 13px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;

  color:#172b4d !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  text-align:left !important;

  white-space:normal !important;
  overflow-wrap:anywhere !important;
  cursor:pointer !important;
}

.v118g3-filter-menu > button:hover{
  background:#f2f7fd !important;
}

.v118g3-filter-menu > button.active{
  background:#216fd1 !important;
  color:#fff !important;
  font-weight:400 !important;
}

@media(max-width:640px){
  .analytics-filters > .v118g3-filter-dropdown{
    min-width:0 !important;
  }
}



/* V118G4_FILTER_FONT_UNIFY_20260920 */
/*
  Force all three Customer Data Analysis filters to use one explicit
  typography stack. Do not depend on browser/native select inheritance.
*/
.analytics-filters > .v118g3-filter-dropdown > summary,
.analytics-filters > .v118g3-filter-dropdown .v118g3-filter-menu > button{
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Microsoft YaHei",
    "PingFang SC",
    "Noto Sans CJK SC",
    sans-serif !important;
  font-size:16px !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-variant:normal !important;
  font-stretch:normal !important;
  letter-spacing:0 !important;
  font-synthesis:none !important;
  text-rendering:geometricPrecision !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}

.analytics-filters > .v118g3-filter-dropdown > summary{
  line-height:44px !important;
}

.analytics-filters > .v118g3-filter-dropdown .v118g3-filter-menu > button{
  line-height:1.35 !important;
}



/* V118J_SEARCH_CLEAR_VISUAL_UNIFY_20260920 */
.search-box{grid-template-columns:auto minmax(0,1fr) auto!important;position:relative!important}
.search-box .search-clear-btn{width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#7b8ba1!important;display:grid!important;place-items:center!important;font-size:18px!important;font-weight:500!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important}
.search-box .search-clear-btn:hover{background:#edf2f7!important;color:#233b5b!important}
.search-box:has(input:placeholder-shown) .search-clear-btn{visibility:hidden!important;pointer-events:none!important}
.search-box input{min-width:0!important}
.ws-native-toolbar-v52 .v118j-direct-search{width:100%!important;min-width:0!important;height:40px!important;padding:0 10px!important;border:1px solid #c8d6e6!important;border-radius:8px!important;background:#fff!important;box-sizing:border-box!important}
.ws-native-toolbar-v52 .v118j-direct-search input{width:100%!important;min-width:0!important;height:38px!important;padding:0 4px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.history-tabs{gap:8px!important;margin-bottom:14px!important}
.history-tabs button{height:42px!important;min-height:42px!important;padding:0 14px!important;border-radius:8px!important;font-size:14px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none!important;appearance:none!important;display:none!important}

/* V118J_SEARCH_CLEAR_VISUAL_UNIFY_20260920 */

/* V118K_SAFE_GLOBAL_INPUT_CLEAR_20260920 */

/*
  V118J.1 的 background-image 方案已删除。
  V118K 使用 body 上的独立浮层按钮，不再改 input 背景、padding 或 DOM 布局。
*/
.v118k-input-clear-overlay{
  position:fixed !important;
  z-index:2147483000 !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:6px !important;
  background:rgba(255,255,255,.96) !important;
  color:#718198 !important;
  display:grid !important;
  place-items:center !important;
  font:500 17px/1 Arial,sans-serif !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

.v118k-input-clear-overlay:hover{
  background:#edf2f7 !important;
  color:#203852 !important;
}

.v118k-input-clear-overlay[hidden]{
  display:none !important;
}

/* 浏览器原生 search × 隐藏，系统统一使用一个 × */
input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:none !important;
}

/* ============================================================
   首页时间维度 + 客户数据分析：统一成查重统计筛选控件视觉
   ============================================================ */

.dashboard-timebar > .v118k-filter-dropdown,
.analytics-filters > .v118g3-filter-dropdown{
  position:relative !important;
  min-width:0 !important;
  height:40px !important;
  min-height:40px !important;
  margin:0 !important;
  border:1px solid #c8d6e6 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#10233f !important;
  box-sizing:border-box !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1 !important;
}

.dashboard-timebar > .v118k-filter-dropdown{
  width:180px !important;
  flex:0 0 180px !important;
}

.analytics-filters > .v118g3-filter-dropdown{
  width:100% !important;
}

.dashboard-timebar > .v118k-filter-dropdown > summary,
.analytics-filters > .v118g3-filter-dropdown > summary{
  position:relative !important;
  width:100% !important;
  height:38px !important;
  min-height:38px !important;
  margin:0 !important;
  padding:0 34px 0 12px !important;
  border:0 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#10233f !important;
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
  list-style:none !important;
  font:inherit !important;
  font-size:14px !important;
  font-weight:400 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  outline:0 !important;
}

.dashboard-timebar > .v118k-filter-dropdown > summary::-webkit-details-marker,
.analytics-filters > .v118g3-filter-dropdown > summary::-webkit-details-marker{
  display:none !important;
}

.dashboard-timebar > .v118k-filter-dropdown > summary::after,
.analytics-filters > .v118g3-filter-dropdown > summary::after{
  content:"" !important;
  position:absolute !important;
  right:13px !important;
  top:50% !important;
  width:6px !important;
  height:6px !important;
  border-right:2px solid #324963 !important;
  border-bottom:2px solid #324963 !important;
  transform:translateY(-65%) rotate(45deg) !important;
  transform-origin:center !important;
  pointer-events:none !important;
}

.dashboard-timebar > .v118k-filter-dropdown[open],
.analytics-filters > .v118g3-filter-dropdown[open]{
  border-color:#78a9ea !important;
  box-shadow:0 0 0 2px rgba(37,119,220,.08) !important;
}

.dashboard-timebar > .v118k-filter-dropdown[open] > summary::after,
.analytics-filters > .v118g3-filter-dropdown[open] > summary::after{
  transform:translateY(-20%) rotate(225deg) !important;
}

.dashboard-timebar .v118k-filter-menu,
.analytics-filters .v118g3-filter-menu{
  position:absolute !important;
  top:calc(100% + 5px) !important;
  left:0 !important;
  z-index:3000 !important;
  width:100% !important;
  min-width:100% !important;
  max-height:300px !important;
  padding:4px !important;
  border:1px solid #c8d6e6 !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(25,48,78,.16) !important;
  overflow:auto !important;
  box-sizing:border-box !important;
}

.dashboard-timebar .v118k-filter-menu > button,
.analytics-filters .v118g3-filter-menu > button{
  width:100% !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:5px !important;
  background:#fff !important;
  color:#10233f !important;
  display:flex !important;
  align-items:center !important;
  text-align:left !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  cursor:pointer !important;
}

.dashboard-timebar .v118k-filter-menu > button:hover,
.analytics-filters .v118g3-filter-menu > button:hover{
  background:#f1f6fd !important;
}

.dashboard-timebar .v118k-filter-menu > button.active,
.analytics-filters .v118g3-filter-menu > button.active{
  background:#2671d9 !important;
  color:#fff !important;
}

/* 旧首页 select 样式不再干扰新控件 */
.content:has(> .dashboard-timebar) .dashboard-timebar > .v118k-filter-dropdown{
  border-radius:8px !important;
  font-weight:400 !important;
}

/* 查重统计 tab 继续与操作明细统一 */
.history-tabs{
  gap:8px !important;
  margin-bottom:14px !important;
}

.history-tabs button{
  height:42px !important;
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:8px !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

@media(max-width:700px){
  .dashboard-timebar > .v118k-filter-dropdown{
    width:160px !important;
    flex-basis:160px !important;
  }
}
/* V118K_UI_REPAIR_DROPDOWN_NAV_20260920 */
/* V118K1_OPERATION_REFRESH_RESPONSIVE_20260920 */
/*
Operation Details responsive safety:
- refresh text never wraps vertically when browser is zoomed/shrunk
- refresh and close controls are not allowed to flex-shrink
- action group keeps natural width without changing the rest of the page layout
*/
.v118k1-operation-actions{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex:0 0 auto !important;
  min-width:max-content !important;
  width:max-content !important;
  max-width:none !important;
}
button.v118k1-operation-refresh{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:78px !important;
  max-width:none !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  writing-mode:horizontal-tb !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}
button.v118k1-operation-close{
  flex:0 0 40px !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}
@media(max-width:700px){
  .v118k1-operation-actions{
    gap:7px !important;
  }
  button.v118k1-operation-refresh{
    min-width:74px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

/* V118K4_ANALYTICS_LAYOUT_20260920 */
/* ============================================================
Customer Data Analysis — balanced, gap-free admin layout
Scope is limited to the admin analytics page classes introduced here.
============================================================ */

.analytics-filters{
  grid-template-columns:repeat(3,minmax(180px,1fr)) !important;
  max-width:760px !important;
  gap:10px !important;
  margin-bottom:14px !important;
}

.analytics-age-cards-v89.v118k4-age-summary{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  margin:0 0 14px 0 !important;
}
.analytics-age-cards-v89.v118k4-age-summary .analytics-age-card-v89{
  min-width:0 !important;
  min-height:88px !important;
  padding:13px 18px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-rows:auto auto !important;
  column-gap:18px !important;
  row-gap:3px !important;
  align-items:center !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(24,55,96,.035) !important;
}
.analytics-age-cards-v89.v118k4-age-summary .analytics-age-card-v89 span{
  grid-column:1 !important;
  grid-row:1 !important;
  margin:0 !important;
  color:#334e72 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
}
.analytics-age-cards-v89.v118k4-age-summary .analytics-age-card-v89 small{
  grid-column:1 !important;
  grid-row:2 !important;
  margin:0 !important;
  color:#8495ad !important;
  font-size:11px !important;
  line-height:1.35 !important;
}
.analytics-age-cards-v89.v118k4-age-summary .analytics-age-card-v89 strong{
  grid-column:2 !important;
  grid-row:1 / 3 !important;
  align-self:center !important;
  margin:0 !important;
  color:#071a3b !important;
  font-size:30px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  text-align:right !important;
}

.v118k4-age-summary + .v118f-occupation-panel{
  width:100% !important;
  margin:0 0 18px 0 !important;
  padding:20px !important;
  border:1px solid #d9e3ef !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 4px 16px rgba(24,55,96,.035) !important;
}
.v118k4-age-summary + .v118f-occupation-panel .panel-title{
  margin-bottom:10px !important;
}
.v118k4-age-summary + .v118f-occupation-panel .v118f-occ-note{
  margin:0 0 14px !important;
  padding:0 0 12px !important;
  border-bottom:1px solid #edf2f7 !important;
}
.v118k4-age-summary + .v118f-occupation-panel .v118f-occ-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px 14px !important;
}
.v118k4-age-summary + .v118f-occupation-panel .v118f-occ-item{
  min-width:0 !important;
  padding:11px 13px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  border:1px solid #e0e8f2 !important;
  border-radius:10px !important;
  background:#fbfcfe !important;
}
.v118k4-age-summary + .v118f-occupation-panel .v118f-occ-bar{
  margin:8px 0 7px !important;
}

.analytics-grid.v118k4-admin-analytics-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  gap:16px !important;
  align-items:stretch !important;
  width:100% !important;
}
.analytics-grid.v118k4-admin-analytics-grid > .panel{
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:20px !important;
  grid-column:span 4 !important;
  border-radius:14px !important;
  border:1px solid #d9e3ef !important;
  box-shadow:0 4px 16px rgba(24,55,96,.035) !important;
}
.analytics-grid.v118k4-admin-analytics-grid > .panel:nth-child(1){
  grid-column:span 8 !important;
}
.analytics-grid.v118k4-admin-analytics-grid > .panel:nth-child(2){
  grid-column:span 4 !important;
}
.analytics-grid.v118k4-admin-analytics-grid > .panel:nth-child(n+3){
  grid-column:span 4 !important;
}
.analytics-grid.v118k4-admin-analytics-grid > .panel .panel-title{
  margin-bottom:15px !important;
}
.analytics-grid.v118k4-admin-analytics-grid > .panel .panel-title strong{
  font-size:16px !important;
  color:#10233f !important;
}
.analytics-grid.v118k4-admin-analytics-grid > .panel .panel-title span{
  font-size:11px !important;
  color:#8493a8 !important;
}
.analytics-grid.v118k4-admin-analytics-grid > .panel:nth-child(1),
.analytics-grid.v118k4-admin-analytics-grid > .panel:nth-child(2){
  min-height:318px !important;
}
.analytics-grid.v118k4-admin-analytics-grid .trend{
  min-height:220px !important;
}
.analytics-grid.v118k4-admin-analytics-grid .trend-chart{
  height:176px !important;
}
.analytics-grid.v118k4-admin-analytics-grid .trend-bars{
  height:148px !important;
}
.analytics-grid.v118k4-admin-analytics-grid > .panel:nth-child(n+3){
  min-height:245px !important;
}
.analytics-grid.v118k4-admin-analytics-grid > .panel:nth-child(n+3) .bars > div{
  margin-bottom:11px !important;
}
.analytics-grid.v118k4-admin-analytics-grid > .panel:nth-child(n+3) .bars > div:last-child{
  margin-bottom:0 !important;
}

@media(max-width:1180px){
  .analytics-grid.v118k4-admin-analytics-grid > .panel:nth-child(1),
  .analytics-grid.v118k4-admin-analytics-grid > .panel:nth-child(2){
    grid-column:1 / -1 !important;
    min-height:0 !important;
  }
  .analytics-grid.v118k4-admin-analytics-grid > .panel:nth-child(n+3){
    grid-column:span 6 !important;
  }
}

@media(max-width:760px){
  .analytics-filters{
    grid-template-columns:1fr !important;
    max-width:none !important;
  }
  .analytics-age-cards-v89.v118k4-age-summary{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .v118k4-age-summary + .v118f-occupation-panel .v118f-occ-list{
    grid-template-columns:1fr !important;
  }
  .analytics-grid.v118k4-admin-analytics-grid > .panel{
    grid-column:1 / -1 !important;
    min-height:0 !important;
  }
}

/* V118K5_WS_PAUSE_MODAL_20260920 */
.v118k5-pause-modal .v118k5-pause-summary{
display:grid !important;
gap:7px !important;
padding:14px 15px !important;
border:1px solid #f0d0ce !important;
border-radius:10px !important;
background:#fff8f7 !important;
}
.v118k5-pause-modal .v118k5-pause-summary strong{
color:#9f2d25 !important;
font-size:15px !important;
}
.v118k5-pause-modal .v118k5-pause-summary span{
color:#6f4a47 !important;
font-size:12px !important;
line-height:1.55 !important;
}
.v118k5-pause-modal .form-actions{
margin-top:4px !important;
}

/* V118K6_WS_PAUSE_SCHEDULING_20260920 */
body:has(.v118k6-pause-modal) .v118k-input-clear-overlay{display:none !important;pointer-events:none !important;}
.v118k6-pause-modal select,.v118k6-pause-modal input{min-height:44px !important;}
.v118k6-pause-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;}
.v118k6-pause-preview{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px 12px !important;padding:11px 13px !important;border:1px solid #dce6f2 !important;border-radius:9px !important;background:#f7faff !important;color:#53657d !important;font-size:12px !important;line-height:1.5 !important;}
.v118k6-pause-error{padding:10px 12px !important;border:1px solid #efb7b2 !important;border-radius:8px !important;background:#fff3f2 !important;color:#b42318 !important;font-size:12px !important;font-weight:700 !important;}
.ws-native-status.scheduled{color:#835f00 !important;background:#fff7dc !important;border-color:#e7c65c !important;}
@media(max-width:640px){.v118k6-pause-grid,.v118k6-pause-preview{grid-template-columns:1fr !important;}}

/* V118K8_WS_STATUS_PLAIN_TEXT_20260920 */
.ws-native-status.paused,
.ws-native-status.scheduled{
  display:inline !important;
  width:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* V118K9_WS_STATUS_CENTER_20260920 */
.ws-native-row-v52 .ws-native-status.paused,
.ws-native-row-v52 .ws-native-status.scheduled{
  display:block !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
}

/* V118K10_WS_STATUS_GRID_CENTER_20260920 */
/* The status span itself is grid column 5. Center the grid item, not only its text. */
.ws-native-row-v52 > .ws-native-status.paused,
.ws-native-row-v52 > .ws-native-status.scheduled{
  grid-column:5 !important;
  justify-self:center !important;
  align-self:center !important;
  display:inline-block !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
}

/* V118K11R4_RAW_OCCUPATION_ZH_20260920 */
.v118f-occ-item.v118k11-raw-occ-clickable{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100% !important;
  color:inherit !important;
  font:inherit !important;
  text-align:left !important;
  cursor:pointer !important;
}
.v118f-occ-item.v118k11-raw-occ-clickable:hover{
  border-color:#9fc4f7 !important;
  background:#f8fbff !important;
  box-shadow:0 5px 15px rgba(37,99,235,.08) !important;
}
.v118f-occ-item.v118k11-raw-occ-clickable:focus-visible{
  outline:2px solid #2f80ed !important;
  outline-offset:2px !important;
}
.v118k11-raw-occ-modal{
  display:grid !important;
  gap:14px !important;
}
.v118k11-raw-occ-summary{
  margin:0 !important;
  padding:11px 13px !important;
  border:1px solid #dbe7f4 !important;
  border-radius:9px !important;
  background:#f8fbff !important;
  color:#60738b !important;
  font-size:12px !important;
  line-height:1.5 !important;
}
.v118k11-raw-occ-list{
  display:grid !important;
  gap:8px !important;
  max-height:58vh !important;
  overflow:auto !important;
  padding-right:3px !important;
}
.v118k11-raw-occ-row{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  min-height:48px !important;
  padding:10px 12px !important;
  border:1px solid #e1e8f1 !important;
  border-radius:9px !important;
  background:#fff !important;
}
.v118k11-raw-occ-index{
  display:grid !important;
  place-items:center !important;
  width:28px !important;
  height:28px !important;
  border-radius:7px !important;
  background:#f1f5fa !important;
  color:#6b7e96 !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.v118k11-raw-occ-row strong{
  min-width:0 !important;
  color:#172b48 !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  overflow-wrap:anywhere !important;
}
.v118k11-raw-occ-row em{
  font-style:normal !important;
  color:#2f6fb8 !important;
  font-size:12px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
@media(max-width:640px){
  .v118k11-raw-occ-row{
    grid-template-columns:30px minmax(0,1fr) !important;
  }
  .v118k11-raw-occ-row em{
    grid-column:2 !important;
  }
}

/* V118K11R7_OPENROUTER_BATCH_TRANSLATION_20260920 */
.v118k11-r6-modal{
  gap:12px !important;
}
.v118k11-r6-info{
  display:grid !important;
  gap:4px !important;
  padding:11px 13px !important;
  border:1px solid #dbe7f4 !important;
  border-radius:9px !important;
  background:#f8fbff !important;
}
.v118k11-r6-info strong{
  color:#263d5d !important;
  font-size:13px !important;
}
.v118k11-r6-info span{
  color:#72849a !important;
  font-size:11px !important;
  line-height:1.5 !important;
}
.v118k11-r6-loading{
  padding:9px 12px !important;
  border-radius:8px !important;
  background:#f4f8fd !important;
  color:#4b6f9c !important;
  font-size:12px !important;
  font-weight:700 !important;
}
.v118k11-r6-notice{
  padding:9px 12px !important;
  border:1px solid #ecd8a7 !important;
  border-radius:8px !important;
  background:#fffaf0 !important;
  color:#8a6400 !important;
  font-size:12px !important;
  line-height:1.5 !important;
}
.v118k11-r6-row{
  grid-template-columns:34px minmax(0,1fr) auto !important;
}
.v118k11-r6-text{
  min-width:0 !important;
  display:grid !important;
  gap:4px !important;
}
.v118k11-r6-text > strong{
  color:#172b48 !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  overflow-wrap:anywhere !important;
}
.v118k11-r6-text > span{
  color:#304c6d !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.5 !important;
  overflow-wrap:anywhere !important;
}

/* V118K11R72_PREFETCH_LAYOUT_FIX_20260920 */
.v118k11-r72-list{
  grid-auto-rows:max-content !important;
  align-items:stretch !important;
}
.v118k11-r72-row{
  height:auto !important;
  min-height:68px !important;
  max-height:none !important;
  box-sizing:border-box !important;
  align-items:center !important;
  overflow:visible !important;
  padding:10px 12px !important;
}
.v118k11-r72-text{
  min-width:0 !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:3px !important;
  overflow:visible !important;
}
.v118k11-r72-text > strong,
.v118k11-r72-text > span{
  position:static !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  overflow:visible !important;
  white-space:normal !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
.v118k11-r72-text > strong{
  line-height:1.45 !important;
}
.v118k11-r72-text > span{
  line-height:1.45 !important;
}
.v118k11-r72-row > .v118k11-raw-occ-index,
.v118k11-r72-row > em{
  align-self:center !important;
}
.v118k11-r72-pending{
  color:#8a97a8 !important;
  font-weight:500 !important;
}
@media(max-width:640px){
  .v118k11-r72-row{
    min-height:72px !important;
    align-items:start !important;
  }
  .v118k11-r72-row > .v118k11-raw-occ-index{
    margin-top:2px !important;
  }
}

/* V118K11R771_EXACT_EFFICIENCY_TABLE_20260921 */
.v118k11r771-efficiency-wrap{
  position:relative!important;
  overflow:auto!important;
}

.v118k11r771-efficiency-table{
  border-collapse:separate!important;
  border-spacing:0!important;
  min-width:max-content!important;
}

.v118k11r771-efficiency-table th,
.v118k11r771-efficiency-table td{
  text-align:center!important;
  vertical-align:middle!important;
}

.v118k11r771-efficiency-table td:first-child,
.v118k11r771-efficiency-table td:first-child strong,
.v118k11r771-efficiency-table td:first-child small{
  text-align:center!important;
}

.v118k11r771-efficiency-table th:first-child,
.v118k11r771-efficiency-table td:first-child{
  position:sticky!important;
  left:0!important;
  min-width:112px!important;
  width:112px!important;
  max-width:140px!important;
  background:#fff!important;
  background-clip:padding-box!important;
  box-shadow:1px 0 0 #d7e1ed!important;
}

.v118k11r771-efficiency-table thead th:first-child{
  z-index:9!important;
  background:#f7f9fc!important;
}

.v118k11r771-efficiency-table tbody td:first-child{
  z-index:6!important;
}

.v118k11r771-efficiency-table th:nth-child(2),
.v118k11r771-efficiency-table td:nth-child(2),
.v118k11r771-efficiency-table th:nth-child(3),
.v118k11r771-efficiency-table td:nth-child(3),
.v118k11r771-efficiency-table th:nth-child(4),
.v118k11r771-efficiency-table td:nth-child(4),
.v118k11r771-efficiency-table th:nth-child(5),
.v118k11r771-efficiency-table td:nth-child(5){
  min-width:86px!important;
  white-space:nowrap!important;
}

/* V118K11R772_STICKY_COLUMN_LAYER_FIX_20260921 */

/*
 * The sticky employee column must live in a higher paint layer than
 * horizontally scrolling cells.  isolation creates a local stacking context
 * so unrelated page layers are unaffected.
 */
.v118k11r771-efficiency-wrap{
  isolation:isolate!important;
}

.v118k11r771-efficiency-table{
  position:relative!important;
  z-index:0!important;
}

/* All normal cells stay below the frozen first column. */
.v118k11r771-efficiency-table th:not(:first-child),
.v118k11r771-efficiency-table td:not(:first-child){
  position:relative!important;
  z-index:1!important;
}

/* Frozen employee column always paints above horizontally scrolling cells. */
.v118k11r771-efficiency-table thead th:first-child{
  position:sticky!important;
  left:0!important;
  z-index:80!important;
  background:#f7f9fc!important;
  background-clip:padding-box!important;
}

.v118k11r771-efficiency-table tbody td:first-child{
  position:sticky!important;
  left:0!important;
  z-index:70!important;
  background:#fff!important;
  background-clip:padding-box!important;
}

/* Keep a visible edge between frozen and scrolling areas. */
.v118k11r771-efficiency-table th:first-child::after,
.v118k11r771-efficiency-table td:first-child::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:-2px!important;
  bottom:0!important;
  width:2px!important;
  background:rgba(170,188,211,.55)!important;
  pointer-events:none!important;
}

/* Preserve the frozen background on row hover. */
.v118k11r771-efficiency-table tbody tr:hover td:first-child{
  background:#f8fbff!important;
}