/* V122 成本管理：参考旧BI布局；删除 familyID/变体切换；XLSX 下载/导入；图片沿用即时分析大小图规则 */
.cost-workspace .cost-segment{display:none!important}
.cost-v122-table{min-width:2200px!important}
.cost-v122-table th,.cost-v122-table td{padding:9px 8px!important}
.cost-v122-table th:first-child,.cost-v122-table td:first-child{width:78px!important}
.cost-v122-table th:nth-child(2),.cost-v122-table td:nth-child(2){width:235px!important}
.cost-v122-table th:nth-child(3),.cost-v122-table td:nth-child(3){width:180px!important}
.cost-v122-table th:nth-child(4),.cost-v122-table td:nth-child(4){width:115px!important}
.cost-v122-table th:nth-child(5),.cost-v122-table td:nth-child(5){width:140px!important}
.cost-v122-table th:nth-child(6),.cost-v122-table td:nth-child(6){width:112px!important}
.cost-v122-table th:nth-child(7),.cost-v122-table td:nth-child(7){width:105px!important}
.cost-v122-table th:nth-child(8),.cost-v122-table td:nth-child(8){width:105px!important}
.cost-v122-table th:nth-child(9),.cost-v122-table td:nth-child(9){width:115px!important}
.cost-v122-table th:nth-child(10),.cost-v122-table td:nth-child(10),
.cost-v122-table th:nth-child(11),.cost-v122-table td:nth-child(11),
.cost-v122-table th:nth-child(12),.cost-v122-table td:nth-child(12){width:120px!important}
.cost-v122-table th:nth-child(13),.cost-v122-table td:nth-child(13){width:150px!important}
.cost-v122-table th:nth-child(14),.cost-v122-table td:nth-child(14){width:115px!important}
.cost-v122-table th:nth-child(15),.cost-v122-table td:nth-child(15){width:145px!important}
.cost-v122-table th:nth-child(16),.cost-v122-table td:nth-child(16){width:145px!important}
.cost-image{width:54px!important;height:54px!important;border:1px solid #dde4eb!important;background:#f3f6f8!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:auto!important}
.cost-image img{width:100%!important;height:100%!important;object-fit:contain!important;cursor:zoom-in!important}
.cost-cn-name{color:#7c8796;margin-top:4px;font-size:12px;line-height:18px}
.cost-cn-name span{color:#5e6e80}
.cost-id,
.cost-id span{color:#000!important}
.cost-id small{color:#66758b;font-size:11px}
.cost-v122-edit-modal{width:min(560px,100vw - 32px)!important}
.cost-toolbar{overflow:visible!important}
.cost-toolbar .cost-search{margin-left:auto}

.cost-v122-modal-open{overflow:hidden}
.cost-v122-modal-mask{position:fixed;inset:0;z-index:100500;background:rgba(10,18,30,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.cost-v122-modal{width:min(650px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.3);color:#26364b}
.cost-v122-modal>header{height:58px;padding:0 22px;border-bottom:1px solid #dfe5ec;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:2}
.cost-v122-modal>header h3{margin:0;font-size:19px;color:#17263a}
.cost-v122-modal>header button{border:0;background:transparent;font-size:28px;line-height:1;color:#111827}
.cost-v122-modal-body{padding:20px 22px 18px}
.cost-v122-alert{display:flex;gap:12px;align-items:flex-start;color:#ef5350;background:#fff1f1;border:1px solid #ffd7d7;border-radius:4px;padding:13px 15px;line-height:22px;margin-bottom:18px}
.cost-v122-field{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;align-items:start;margin:18px 0}
.cost-v122-field>label{padding-top:7px;color:#58687b}
.cost-v122-field input[type="month"],.cost-v122-field input[type="date"],.cost-v122-field select{height:36px;border:1px solid #cfd8e4;border-radius:4px;background:#fff;padding:0 10px;color:#35445a}
.cost-v122-radios{display:flex;gap:28px;min-height:36px;align-items:center;flex-wrap:wrap}
.cost-v122-radios label{display:flex;align-items:center;gap:7px;color:#4e5f73}
.cost-v122-radios input{accent-color:#2e98e5}
.cost-v122-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cost-v122-inline select{width:105px}.cost-v122-inline input{width:155px}
.cost-v122-red{color:#ff3f3f;line-height:21px;font-size:12px}
.cost-v122-modal footer{border-top:1px solid #e2e7ee;margin-top:20px;padding-top:16px;display:flex;justify-content:flex-end;gap:10px}
.cost-v122-modal footer button{height:36px;padding:0 18px;border:1px solid #cfd8e4;border-radius:4px;background:#fff;color:#4d5d72}
.cost-v122-modal footer button.primary{color:#fff;background:#168fd6;border-color:#168fd6}
.cost-v122-modal footer button:disabled{opacity:.55;cursor:not-allowed}
.cost-v122-upload-area{border:1px solid #cfd8e4;border-radius:4px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#76869a;background:#fff;transition:.15s}
.cost-v122-upload-area.drag{border-color:#1595de;background:#f3faff}
.cost-v122-upload-icon{font-size:52px;color:#b9c3d0;line-height:1}
.cost-v122-upload-area button{color:#168ed4;border:0;background:transparent;padding:0}
.cost-v122-file-name{font-size:12px;color:#506176;max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cost-v122-toast{position:fixed;top:70px;left:50%;transform:translate(-50%,-12px);z-index:100600;min-width:300px;max-width:min(720px,90vw);padding:12px 18px;border-radius:5px;background:#23a566;color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:.18s}
.cost-v122-toast.error{background:#e44b51}.cost-v122-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.cost-v122-field{grid-template-columns:1fr}.cost-v122-field>label{padding-top:0}.cost-v122-inline input{width:135px}}


/* V123：成本管理只保留一个横向滚动条；参考订单管理由全局固定代理条控制 */
.cost-workspace{
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
.cost-v122-table-wrap,
.cost-table-wrap.cost-v122-table-wrap{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  overscroll-behavior-x:contain!important;
}
/* Chrome / Edge：隐藏表格本身的横向原生条，保留 global-sticky-layout 的固定横向条 */
.cost-v122-table-wrap::-webkit-scrollbar{
  height:0!important;
}
.cost-v122-table-wrap::-webkit-scrollbar-thumb,
.cost-v122-table-wrap::-webkit-scrollbar-track{
  background:transparent!important;
}
.cost-workspace.hl-has-fixed-pagination.hl-has-fixed-hscroll{
  padding-bottom:calc(var(--hl-pagination-space,62px) + var(--hl-hscroll-space,22px) + 8px)!important;
}


/* V124：中文名称与成本字段改为参考旧BI的行内修改 */
.cost-v124-table .cost-v124-editing-row td{background:#fbfdff!important}
.cost-v124-cn-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
.cost-v124-cn-button:hover{color:#168fd6}
.cost-v124-cn-edit{position:relative;margin-top:4px;padding-right:42px}
.cost-v124-cn-edit input{width:100%;height:30px;border:0;border-bottom:1px solid #9eabb9;outline:0;background:transparent;color:#26364b;padding:0 2px;font-size:12px}
.cost-v124-cn-edit input:focus{border-bottom-color:#168fd6;box-shadow:0 1px 0 #168fd6}
.cost-v124-cn-edit small{position:absolute;right:0;bottom:6px;color:#7f8c9d;font-size:11px}
.cost-v124-inline-input{width:100%;min-width:88px;height:32px;border:1px solid #cbd6e2;border-radius:3px;background:#fff;padding:0 8px;color:#26364b;box-sizing:border-box;outline:0}
.cost-v124-inline-input:focus{border-color:#168fd6;box-shadow:0 0 0 2px rgba(22,143,214,.08)}
.cost-v124-note-input{min-width:118px}
.cost-v124-row-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}
.cost-v124-row-actions button{height:30px;padding:0 10px;border-radius:3px;background:#fff;font-size:12px;cursor:pointer}
.cost-v124-save{border:1px solid #8ec9f1;color:#168fd6}
.cost-v124-save:hover{background:#eef8ff}
.cost-v124-cancel{border:1px solid #c9d1db;color:#59697c}
.cost-v124-cancel:hover{background:#f5f7f9}
.cost-v124-table td:nth-child(9),.cost-v124-table td:nth-child(10),.cost-v124-table td:nth-child(11),.cost-v124-table td:nth-child(12),.cost-v124-table td:nth-child(13){vertical-align:middle}


/* V125：总表宽保持2200px不变，压缩其他列给操作列腾出双按钮空间；行修改不进入中文名编辑 */
.cost-v125-cn-static{cursor:default!important;color:#7c8796!important}
.cost-v124-table th:nth-child(16),.cost-v124-table td:nth-child(16){min-width:145px!important;white-space:nowrap!important}
.cost-v124-row-actions{justify-content:center!important;gap:6px!important}
.cost-v124-row-actions button{padding:0 8px!important;min-width:58px!important}

/* V126：中文名失焦自动保存；中文名编辑时操作列保持“修改”不变 */


/* V127: 多变体折叠/展开，参考旧BI图片列下方“多变体”样式 */
.cost-v127-image-stack{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:62px}
.cost-v127-variant-toggle{width:100%;min-width:62px;height:20px;border:0!important;border-radius:0!important;background:#63c7f2!important;color:#fff!important;font-size:11px!important;line-height:20px!important;padding:0 4px!important;cursor:pointer!important;box-shadow:none!important}
.cost-v127-variant-toggle:hover{background:#42b8ea!important}
.cost-v127-variant-toggle span{font-size:10px;margin-left:2px}
.cost-v127-variant-row td{background:#f7fbfe!important}
.cost-v127-variant-row .cost-title{color:#667788}
.cost-v127-variant-specs{display:flex;flex-direction:column;gap:2px;line-height:1.2;font-size:11px;color:#586b7c;white-space:normal;word-break:break-word}
.cost-v127-variant-specs span{display:block}
.cost-v127-variant-specs small{margin-top:2px;color:#8a99a8;font-size:10px}
.cost-v127-parent-row td{border-bottom-color:#d8e8f2}

/* 成本管理布局与黑名单管理对齐：顶部筛选、表格、底部分页形成同一工作区 */
.cost-workspace{
  position:relative!important;
  height:calc(100vh - 92px)!important;
  min-height:620px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:transparent!important;
}

/* 墨西哥时间保留在工作区上方，与系统顶部页签衔接；下方保留统一灰色间隔 */
.cost-clock{
  flex:0 0 58px!important;
  min-height:48px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 14px!important;
  background:#fff!important;
  border-bottom:10px solid #f1f4f8!important;
}

/* 从分类页签开始，到底部分页结束，视觉上组成一个完整面板 */
.cost-workspace::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:58px;
  bottom:0;
  border:1px solid #e8ebef;
  box-sizing:border-box;
  pointer-events:none;
  z-index:20;
}

.cost-tabs{
  flex:0 0 42px!important;
  min-height:42px!important;
  margin:0!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-bottom:1px solid #e7ebf0!important;
}

/* 成本周期、上传、下载、同步、状态筛选和查询统一放在与黑名单相同的浅灰筛选条里 */
.cost-toolbar{
  flex:0 0 auto!important;
  min-height:50px!important;
  margin:12px 12px 10px!important;
  padding:9px 12px!important;
  box-sizing:border-box!important;
  background:#f7f9fc!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}

/* 表格区域与黑名单表格左右位置一致，并占满筛选条与分页之间的剩余高度 */
.cost-v122-table-wrap,
.cost-table-wrap.cost-v122-table-wrap{
  flex:1 1 0!important;
  width:calc(100% - 24px)!important;
  max-width:calc(100% - 24px)!important;
  min-width:0!important;
  min-height:260px!important;
  margin:0 12px!important;
  box-sizing:border-box!important;
  border:1px solid #e3e8ef!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
}

/* 底部分页不再漂浮脱离页面，和表格合在同一个面板底部 */
.cost-pagination,
.cost-pagination.hl-fixed-pagination{
  position:static!important;
  flex:0 0 54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:8px 14px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

/* global-sticky-layout 仍负责横向代理滚动条，但不再为成本管理预留悬浮分页空间 */
.cost-workspace.hl-has-fixed-pagination,
.cost-workspace.hl-has-fixed-pagination.hl-has-fixed-hscroll{
  padding-bottom:0!important;
}

@media(max-height:700px){
  .cost-workspace{min-height:560px!important}
  .cost-v122-table-wrap,.cost-table-wrap.cost-v122-table-wrap{min-height:220px!important}
}


/* 站点国旗：与店铺管理“市场类型”的国家图标保持一致，使用本地 SVG，不使用 Emoji。 */
.cost-workspace .cost-country-flag{
  display:inline-block!important;
  width:18px!important;
  height:12px!important;
  max-width:none!important;
  flex:0 0 18px!important;
  object-fit:cover!important;
  border:1px solid rgba(0,0,0,.12)!important;
  border-radius:1px!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
  margin:0 6px 0 0!important;
  transform:translateY(-1px);
}


/* 成本维护：商品状态筛选移入表头；商品状态/补货周期说明按参考图显示。 */
.cost-workspace .cost-toolbar select[aria-label="商品状态"]{
  display:none!important;
}
.cost-status-header-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:visible!important;
}
.cost-status-header-main{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
}
.cost-status-header-button{
  height:32px!important;
  min-width:120px!important;
  padding:0 12px!important;
  border:1px solid #d7dfe8!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#182536!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.cost-status-header-button:hover,
.cost-status-header-button.open{
  border-color:#168fe5!important;
}
.cost-status-header-button i{
  width:8px;
  height:8px;
  border-right:1.5px solid #9ba7b5;
  border-bottom:1.5px solid #9ba7b5;
  transform:rotate(45deg) translateY(-2px);
  transform-origin:center;
  transition:transform .15s ease;
}
.cost-status-header-button.open i{
  transform:rotate(225deg) translate(-1px,-1px);
}
.cost-status-menu{
  display:none;
  position:absolute;
  z-index:10080;
  top:38px;
  left:0;
  min-width:148px;
  padding:6px 0;
  background:#fff;
  border:1px solid #dfe5ec;
  border-radius:3px;
  box-shadow:0 4px 14px rgba(31,45,61,.14);
  overflow:hidden;
}
.cost-status-menu.open{display:block}
.cost-status-menu button{
  display:block!important;
  width:100%!important;
  height:36px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#606b78!important;
  text-align:left!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:36px!important;
  cursor:pointer!important;
}
.cost-status-menu button:hover,
.cost-status-menu button.active{
  background:#409eff!important;
  color:#fff!important;
}
.cost-table-help{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  vertical-align:middle;
  outline:0;
}
.cost-table-help-icon{
  width:15px;
  height:15px;
  border-radius:50%;
  background:#777;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:700;
  line-height:15px;
  cursor:help;
  user-select:none;
}
.cost-table-help-pop{
  display:none;
  position:absolute;
  z-index:10090;
  top:24px;
  left:50%;
  transform:translateX(-50%);
  width:230px;
  padding:10px 12px;
  background:#fff;
  color:#65717f;
  border:1px solid #e2e8ef;
  border-radius:4px;
  box-shadow:0 5px 14px rgba(31,45,61,.14);
  font-size:12px;
  font-weight:400;
  line-height:20px;
  text-align:left;
  white-space:pre-line;
  word-break:break-word;
  pointer-events:none;
}
.cost-table-help-pop.wide{width:176px;box-sizing:border-box}
.cost-table-help:hover .cost-table-help-pop,
.cost-table-help:focus .cost-table-help-pop,
.cost-table-help:focus-within .cost-table-help-pop{
  display:block;
}
.cost-header-help-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  white-space:nowrap;
}
.cost-v122-table thead th,
.cost-v124-table thead th{
  overflow:visible!important;
}


/* 多变体父体模式：操作入口只保留父行。子变体成本统一跟随父行，不允许单独修改。 */
.cost-workspace .cost-v127-table:has(.cost-v127-parent-row) .cost-v127-variant-row .cost-edit-button{
  display:none!important;
}
.cost-workspace .cost-v127-table:has(.cost-v127-parent-row) .cost-v127-variant-row.cost-v124-editing-row .cost-v124-row-actions{
  visibility:hidden!important;
  pointer-events:none!important;
}


/* 父体多变体编辑：父行独立编辑，子变体保持静态；不再用 CSS 隐藏子行输入框。 */
.cost-v130-parent-only-editing td{background:#fbfdff!important}
.cost-v130-parent-actions{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}


/* 下载模板：预设时间段只展示固定日期，只有选择“自定义”后日期可编辑。 */
.cost-v122-inline input[type="date"]:disabled,
.cost-v122-inline input[type="date"].cost-v122-date-locked{
  background:#f5f7fa!important;
  color:#9aa6b4!important;
  border-color:#dfe5ec!important;
  cursor:not-allowed!important;
  opacity:1!important;
  -webkit-text-fill-color:#9aa6b4!important;
}
.cost-v122-inline input[type="date"]:not(:disabled){
  background:#fff!important;
  color:#35445a!important;
  cursor:pointer!important;
}

/* 成本管理：下载/上传弹窗中的月份选择框缩窄，避免占用整行。 */
.cost-v122-modal .cost-v122-field input[type="month"]{
  width:128px!important;
  max-width:128px!important;
  min-width:128px!important;
  box-sizing:border-box!important;
}

/* V261：成本批量上传按起止月份一次应用多个成本周期。 */
.cost-v122-modal.cost-v122-upload-modal-v261{
  width:min(435px,calc(100vw - 24px))!important;
}
.cost-v122-upload-modal-v261 .cost-v122-modal-body{
  padding:20px 20px 18px!important;
}
.cost-v122-upload-modal-v261 .cost-v122-alert{
  margin-bottom:12px!important;
  padding:8px 12px!important;
  gap:0!important;
  font-size:12px!important;
  line-height:18px!important;
}
.cost-v122-upload-modal-v261 .cost-v122-alert>span{width:100%!important;}
.cost-v122-upload-modal-v261 .cost-v122-field{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  margin:11px 0!important;
}
.cost-v122-upload-modal-v261 .cost-v122-field>label{
  padding:0!important;
  color:#626b78!important;
  font-size:13px!important;
}
.cost-v122-month-range-v261{
  width:100%!important;
  height:32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;
  align-items:center!important;
  border:1px solid #cfd8e4!important;
  border-radius:3px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.cost-v122-upload-modal-v261 .cost-v122-month-range-v261 input[type="month"]{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:30px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  padding:0 10px!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.cost-v122-month-range-v261>span{
  color:#202938!important;
  font-size:13px!important;
  text-align:center!important;
}
.cost-v122-upload-modal-v261 .cost-v122-upload-area{
  min-height:176px!important;
  display:block!important;
  overflow:hidden!important;
}
.cost-v122-upload-file-head-v261{
  height:31px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 14px!important;
  border-bottom:1px solid #d6dde6!important;
  background:#f5f7fa!important;
  color:#303b4b!important;
  font-size:12px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}
.cost-v122-upload-drop-body-v261{
  min-height:143px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#76869a!important;
}
.cost-v122-upload-modal-v261 .cost-v122-upload-icon{
  font-size:52px!important;
  color:#c0c7d1!important;
}
.cost-v122-upload-modal-v261 .cost-v122-red{
  margin-top:8px!important;
  font-size:12px!important;
  line-height:18px!important;
}
.cost-v122-upload-modal-v261 footer{margin-top:14px!important;}

/* 成本管理商品同步：普通读取只读 MySQL；同步按钮放在“下载模板”后面，右侧直接显示数据更新时间。 */
.cost-toolbar .cost-native-sync-hidden{
  display:none!important;
}
.cost-toolbar .cost-sync-inline{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  color:#4a5565!important;
  font-size:12px!important;
  vertical-align:middle!important;
}
.cost-toolbar .cost-sync-inline .cost-sync-item{
  color:#4a5565!important;
  line-height:32px!important;
}
.cost-toolbar .cost-sync-inline .cost-sync-item b{
  font-weight:400!important;
  color:#59697c!important;
  margin-left:4px!important;
}
.cost-manual-sync-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:68px!important;
  height:32px!important;
  border:1px solid #76bfff!important;
  border-radius:3px!important;
  background:#fff!important;
  color:#2196f3!important;
  padding:0 13px!important;
  cursor:pointer!important;
  visibility:visible!important;
}
.cost-manual-sync-button:hover:not(:disabled){background:#eef7ff!important}
.cost-manual-sync-button:disabled{cursor:not-allowed!important;opacity:.62!important;background:#f5f7fa!important}
.cost-toolbar .cost-search{
  margin-left:auto!important;
}

@media(max-width:900px){
  .cost-toolbar .cost-sync-inline{flex-wrap:wrap!important;gap:6px!important}
}

/* 操作提示统一参照黑名单管理：显示在当前模块内容区中上方，而不是浏览器最顶部。 */
.cost-workspace .cost-v122-toast{
  position:absolute!important;
  top:112px!important;
  left:50%!important;
  right:auto!important;
  transform:translate(-50%,-7px)!important;
  z-index:100000!important;
  max-width:min(620px,calc(100% - 48px))!important;
  min-width:300px!important;
  padding:12px 17px!important;
  border-radius:6px!important;
  box-shadow:0 7px 22px rgba(21,43,69,.22)!important;
  line-height:1.6!important;
  text-align:left!important;
}
.cost-workspace .cost-v122-toast.show{
  transform:translate(-50%,0)!important;
}

@media(max-width:1350px){
  .cost-toolbar{flex-wrap:wrap!important}
  .cost-toolbar .cost-search{margin-left:auto!important}
}

/* 商品状态：表头加宽 + 多选筛选。 */
.cost-workspace .cost-v122-table th[data-cost-status-header="1"],
.cost-workspace .cost-v124-table th[data-cost-status-header="1"],
.cost-workspace .cost-v127-table th[data-cost-status-header="1"],
.cost-workspace .cost-v122-table th:nth-child(6),
.cost-workspace .cost-v122-table td:nth-child(6),
.cost-workspace .cost-v124-table th:nth-child(6),
.cost-workspace .cost-v124-table td:nth-child(6),
.cost-workspace .cost-v127-table th:nth-child(6),
.cost-workspace .cost-v127-table td:nth-child(6){
  width:190px!important;
  min-width:190px!important;
}
.cost-status-header-wrap{width:100%!important;min-width:172px!important;}
.cost-status-header-main{width:100%!important;gap:6px!important;}
.cost-status-header-button{
  width:154px!important;
  min-width:154px!important;
  max-width:154px!important;
  justify-content:flex-start!important;
  gap:6px!important;
  padding:0 9px!important;
  overflow:hidden!important;
}
.cost-status-button-label{
  min-width:0;
  max-width:92px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cost-status-header-button.has-selection .cost-status-button-label{
  color:#4c5b6c;
  font-weight:500;
}
.cost-status-button-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:28px;
  height:20px;
  padding:0 6px;
  box-sizing:border-box;
  border-radius:3px;
  background:#eef3f8;
  color:#6d7988;
  font-size:11px;
  font-weight:500;
  line-height:20px;
}
.cost-status-button-count[hidden]{display:none!important;}
.cost-status-header-button>i{margin-left:auto!important;flex:0 0 8px!important;}
.cost-status-menu{
  left:0!important;
  min-width:174px!important;
  width:174px!important;
  padding:7px 0!important;
}
.cost-status-menu button{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  height:38px!important;
  padding:0 14px!important;
  color:#606b78!important;
  background:#fff!important;
}
.cost-status-menu button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cost-status-menu button em{
  visibility:hidden;
  color:#409eff;
  font-style:normal;
  font-size:14px;
  font-weight:700;
}
.cost-status-menu button.active{
  color:#409eff!important;
  background:#f7fbff!important;
  font-weight:600!important;
}
.cost-status-menu button.active em{visibility:visible;}
.cost-status-menu button:hover{
  color:#409eff!important;
  background:#ecf5ff!important;
}

/* 成本管理：墨西哥时间说明，参考旧 BI 的两行提示样式 */
.cost-clock-help{margin-left:-4px!important;z-index:10110!important}
.cost-clock-help .cost-table-help-pop,
.cost-clock-help-pop{
  top:25px!important;
  left:50%!important;
  width:286px!important;
  padding:11px 13px!important;
  line-height:22px!important;
  transform:translateX(-43%)!important;
  white-space:pre-line!important;
}
.cost-clock-help .cost-table-help-pop::before,
.cost-clock-help-pop::before{
  content:"";
  position:absolute;
  top:-6px;
  left:43%;
  width:10px;
  height:10px;
  background:#fff;
  border-left:1px solid #e2e8ef;
  border-top:1px solid #e2e8ef;
  transform:rotate(45deg);
}

/* 广告税率：站点统一显示真实国旗 + 国家名称。 */
.cost-site-flag-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  white-space:nowrap!important;
}

/* 维护记录中的站点/店铺正文统一左右居中。 */
.cost-simple-table tbody td:nth-child(2){text-align:center!important}

/* 预扣税率说明：表头问号和提示条文字入口都由悬停/键盘焦点控制。 */
.cost-help.link>button{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  color:#168ed4!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  font-size:13px!important;
  line-height:22px!important;
  outline:0!important;
  box-shadow:none!important;
  appearance:none!important;
}
.cost-help.link>button::before{
  content:none!important;
  display:none!important;
}

/* 触发图标留在页面内，说明内容由统一 portal 提升，不能盖住上传/下载遮罩。 */
.cost-workspace .cost-table-help,
.cost-workspace .cost-help{z-index:1!important;position:relative!important;}
.cost-table-help-pop,
.cost-withholding-help,
.cost-clock-help-pop{z-index:2147483647!important;}

/* V009：成本管理使用与利润分析相同的独立固定分页和横向代理条。 */
body.hl-cost-profit-layout-v009 > #hl-fixed-hscroll{display:none!important}
.cost-workspace.cost-profit-layout-v009{
  padding-bottom:48px!important;
}
.cost-workspace.cost-profit-layout-v009.cost-profit-has-hscroll-v009{
  padding-bottom:68px!important;
}
.cost-pagination.cost-profit-footer-v009{
  position:fixed!important;
  bottom:0!important;
  z-index:130!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 12px!important;
  margin:0!important;
  display:flex!important;
  flex:none!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-top:1px solid #d8e0ea!important;
  box-shadow:0 -2px 8px rgba(28,45,70,.09)!important;
  color:#657283!important;
  font-size:12px!important;
}
.cost-pagination.cost-profit-footer-v009>span:first-child{white-space:nowrap!important;color:#657283!important}
.cost-pagination.cost-profit-footer-v009>.cost-native-pagination-v009{display:none!important}
.cost-profit-pagination-v009{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;white-space:nowrap!important}
.cost-profit-pagination-size-v009{
  height:28px!important;min-width:86px!important;padding:0 24px 0 9px!important;border:1px solid #dce3eb!important;border-radius:4px!important;background:#fff!important;color:#6c7885!important;font-size:11px!important;
}
.cost-profit-pagination-nav-v009{display:flex!important;align-items:center!important;gap:4px!important}
.cost-profit-pagination-nav-v009 button{
  min-width:28px!important;width:28px!important;height:28px!important;padding:0!important;border:1px solid #e1e7ed!important;border-radius:2px!important;background:#f7f8fa!important;color:#8e99a6!important;font-size:12px!important;line-height:26px!important;text-align:center!important;
}
.cost-profit-pagination-nav-v009 button.active{background:#269bf0!important;border-color:#269bf0!important;color:#fff!important}
.cost-profit-pagination-nav-v009 button:disabled{opacity:.4!important;cursor:not-allowed!important}
.cost-profit-pagination-jump-v009{display:flex!important;align-items:center!important;gap:5px!important;font-weight:400!important;color:#657283!important}
.cost-profit-pagination-jump-v009 input{width:42px!important;height:28px!important;padding:0 5px!important;border:1px solid #dce3eb!important;border-radius:3px!important;background:#fff!important;text-align:center!important;color:#657283!important;font-size:11px!important;box-sizing:border-box!important}

body > #hl-cost-fixed-hscroll-v009{
  position:fixed!important;
  z-index:131!important;
  height:20px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  box-sizing:border-box!important;
  background:#fbfcfd!important;
  border-top:1px solid #eef2f5!important;
  border-bottom:1px solid #eef2f5!important;
  box-shadow:none!important;
  scrollbar-width:auto!important;
  scrollbar-color:#c8d0d8 #f5f7f9!important;
  overscroll-behavior-x:contain!important;
}
body > #hl-cost-fixed-hscroll-v009[hidden]{display:none!important}
body > #hl-cost-fixed-hscroll-v009::-webkit-scrollbar{height:18px!important}
body > #hl-cost-fixed-hscroll-v009::-webkit-scrollbar-track{background:#f5f7f9!important;border-radius:5px!important}
body > #hl-cost-fixed-hscroll-v009::-webkit-scrollbar-thumb{background:#c8d0d8!important;border-radius:5px!important;border:1px solid #f5f7f9!important}
body > #hl-cost-fixed-hscroll-v009::-webkit-scrollbar-thumb:hover{background:#b8c2cc!important}
.hl-cost-fixed-hscroll-inner-v009{height:1px!important;min-height:1px!important;pointer-events:none!important}
.cost-profit-scroll-host-v009{overflow-x:auto!important;overscroll-behavior-x:contain!important}
.cost-profit-scroll-host-v009::-webkit-scrollbar{height:0!important}

/* 税率说明复制到 body 固定层，原表头内弹层不再影响表格固有宽度。 */
html.cost-withholding-opening-v009 .cost-help>.cost-withholding-help{display:none!important}
body>.cost-withholding-help-portal-v009{
  display:block!important;
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  min-width:0!important;
  margin:0!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
}

/* V011：纵向滚动完全对齐利润分析，只允许 app-main 上下滚动。 */
.cost-workspace.cost-profit-layout-v009{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:block!important;
  overflow:visible!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-table-wrap,
.cost-workspace.cost-profit-layout-v009 .cost-v122-table-wrap,
.cost-workspace.cost-profit-layout-v009 .cost-simple-table,
.cost-workspace.cost-profit-layout-v009 .cost-rate-panel{
  flex:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:clip!important;
  overflow-y:visible!important;
  contain:inline-size!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-table-wrap>table,
.cost-workspace.cost-profit-layout-v009 .cost-v122-table-wrap>table,
.cost-workspace.cost-profit-layout-v009 .cost-simple-table>table,
.cost-workspace.cost-profit-layout-v009 .cost-rate-panel>table{
  transform:translateX(0);
  transform-origin:left top!important;
  will-change:transform;
}

/* V013：去掉旧面板伪元素造成的页签行重复横线。 */
.cost-workspace.cost-profit-layout-v009::after{
  content:none!important;
  display:none!important;
}

/* V013：参照利润分析，真实工具栏与真实表头在 app-main 纵向滚动时依次吸顶。 */
.cost-workspace.cost-profit-layout-v009 .cost-toolbar.hl-cost-real-toolbar-v013{
  position:sticky!important;
  top:0!important;
  z-index:128!important;
  width:calc(100% - 24px)!important;
  margin:0 12px!important;
  box-sizing:border-box!important;
  background:#f7f9fc!important;
  border-bottom:1px solid #dfe5ec!important;
  box-shadow:0 1px 2px rgba(25,45,75,.05)!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-v122-table thead.hl-cost-real-thead-v013 th,
.cost-workspace.cost-profit-layout-v009 .cost-v124-table thead.hl-cost-real-thead-v013 th,
.cost-workspace.cost-profit-layout-v009 .cost-v127-table thead.hl-cost-real-thead-v013 th{
  position:sticky!important;
  top:var(--hl-cost-v013-toolbar-height,50px)!important;
  z-index:127!important;
  background:#f4f7fa!important;
  box-shadow:0 1px 0 rgba(217,225,232,.95)!important;
}

/* V015：工具栏到达 app-main 顶部后改为真实 fixed，避免滚动中途被父容器底边推走。 */
.cost-workspace.cost-profit-layout-v009 .cost-toolbar.hl-cost-real-toolbar-v013{
  position:relative!important;
  top:auto!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-toolbar.hl-cost-real-toolbar-v013.is-fixed-v015{
  position:fixed!important;
  z-index:128!important;
  margin:0!important;
}
/* fixed 脱离文档流后，由表格上边距保留工具栏原来的高度，表头始终紧贴工具栏下方。 */
.cost-workspace.cost-profit-layout-v009.cost-toolbar-fixed-v015 .cost-v122-table-wrap,
.cost-workspace.cost-profit-layout-v009.cost-toolbar-fixed-v015 .cost-table-wrap.cost-v122-table-wrap{
  margin-top:var(--hl-cost-v013-toolbar-height,50px)!important;
}

/* V017：app-main 有9px顶部内边距；扣除后表头与 fixed 工具栏无缝衔接。 */
.cost-workspace.cost-profit-layout-v009 .cost-v122-table thead.hl-cost-real-thead-v013 th,
.cost-workspace.cost-profit-layout-v009 .cost-v124-table thead.hl-cost-real-thead-v013 th,
.cost-workspace.cost-profit-layout-v009 .cost-v127-table thead.hl-cost-real-thead-v013 th{
  top:calc(var(--hl-cost-v013-toolbar-height,50px) - var(--hl-cost-v017-app-padding-top,0px))!important;
}

/* 维护记录：与成本维护使用相同的单纵向滚动、真实表头、横向代理条和固定分页。 */
.cost-workspace.cost-profit-layout-v009 .cost-simple-table.cost-records-panel-v017{
  width:calc(100% - 24px)!important;
  max-width:calc(100% - 24px)!important;
  min-width:0!important;
  min-height:0!important;
  margin:0 12px!important;
  border:1px solid #e3e8ef!important;
  box-sizing:border-box!important;
  overflow-x:clip!important;
  overflow-y:visible!important;
  contain:inline-size!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-records-table-v017{
  width:100%!important;
  min-width:1600px!important;
  transform:translateX(0);
  transform-origin:left top!important;
  will-change:transform;
}
.cost-workspace.cost-profit-layout-v009 .cost-records-table-v017 thead.hl-cost-records-thead-v017{
  position:sticky!important;
  top:0!important;
  z-index:127!important;
  background:#f4f7fa!important;
  box-shadow:0 1px 0 rgba(217,225,232,.95)!important;
  isolation:isolate!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-records-table-v017 thead.hl-cost-records-thead-v017 th{
  position:sticky!important;
  top:0!important;
  z-index:128!important;
  background:#f4f7fa!important;
  box-shadow:0 -10px 0 #f4f7fa!important;
}
.cost-records-pagination-v017.cost-profit-footer-v009{
  height:48px!important;
  min-height:48px!important;
}

/* V019：成本管理工作区直接贴紧顶部历史页签，维护记录表头上方不再露出正文。 */
body.hl-cost-profit-layout-v009 .app-main{
  padding-top:0!important;
}
body>#hl-cost-records-top-guard-v019{
  position:fixed!important;
  z-index:129!important;
  height:8px!important;
  background:#f4f7fa!important;
  pointer-events:none!important;
}
body>#hl-cost-records-top-guard-v019[hidden]{display:none!important}

/* 预扣税率页提示条按参考图：整行浅红底、红色提示正文、蓝色入口。 */
.cost-workspace.cost-profit-layout-v009 .cost-rate-panel:has(.cost-rate-note){
  margin-top:10px!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-rate-note{
  width:100%!important;
  max-width:none!important;
  min-height:32px!important;
  margin:0 0 14px!important;
  padding:6px 12px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:4px!important;
  background:#fff0f0!important;
  color:#f05b62!important;
  line-height:20px!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-rate-note .cost-help.link{
  margin-left:10px!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-rate-note .cost-help.link>button{
  color:#168ed4!important;
  cursor:pointer!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* 成本管理月份与日期范围：弹层挂载到 body，避免被工具栏或弹窗裁切。 */
.cost-workspace .cost-date-native,.cost-v122-modal .cost-date-native{display:none!important}
.cost-date-control{display:inline-flex;position:relative;vertical-align:middle;width:152px;max-width:100%;height:32px;font-weight:400}
.cost-date-control.is-range{width:100%}
.cost-date-control .cost-date-trigger{box-sizing:border-box;display:flex;align-items:center;gap:9px;width:100%;height:32px!important;min-height:32px;padding:0 28px 0 11px!important;background:#fff!important;border:1px solid #dcdfe6!important;border-radius:4px;color:#606266!important;font:13px "Microsoft YaHei",Arial,sans-serif;cursor:pointer;white-space:nowrap;outline:0}
.cost-date-control .cost-date-trigger:hover{border-color:#c0c4cc!important}
.cost-date-control .cost-date-trigger:focus-visible,.cost-date-control .cost-date-trigger[aria-expanded="true"]{border-color:#409eff!important}
.cost-date-control .cost-date-clear{position:absolute;right:9px;top:10px;display:flex;align-items:center;justify-content:center;padding:0!important;width:12px!important;min-width:12px;height:12px!important;border:1px solid #c0c4cc!important;border-radius:50%!important;background:#fff!important;color:#c0c4cc!important;font:11px Arial;cursor:pointer;line-height:10px}
.cost-date-control .cost-date-clear[hidden]{display:none!important}
.cost-date-control .cost-date-value{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis}
.cost-date-control.is-range .cost-date-value{text-align:center}
.cost-date-control.is-empty .cost-date-value{color:#c0c4cc}
.cost-date-control.is-disabled .cost-date-trigger{background:#f5f7fa!important;color:#c0c4cc!important;cursor:not-allowed}
.cost-date-calendar{width:11px;height:11px;flex:none;border:1px solid #c0c4cc;border-radius:1px;position:relative;background:repeating-linear-gradient(90deg,transparent 0 2px,#c0c4cc 2px 3px,transparent 3px 4px) center 5px/7px 3px no-repeat}
.cost-date-calendar:before{content:"";position:absolute;left:0;right:0;top:2px;border-top:1px solid #c0c4cc}
.cost-date-popup{position:fixed;display:flex;box-sizing:border-box;width:324px;max-width:calc(100vw - 16px);z-index:100550;background:#fff;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);font:14px "Microsoft YaHei",Arial,sans-serif;color:#606266}
.cost-date-popup:before{content:"";position:absolute;left:var(--cost-picker-arrow-left,36px);top:-5px;width:8px;height:8px;background:#fff;border-left:1px solid #e4e7ed;border-top:1px solid #e4e7ed;transform:rotate(45deg)}
.cost-date-popup.is-above:before{top:auto;bottom:-5px;transform:rotate(225deg)}
.cost-date-popup.is-range{width:648px}
.cost-date-pane{box-sizing:border-box;flex:1;min-width:0;padding:0 12px 14px}
.cost-date-pane+.cost-date-pane{border-left:1px solid #e4e7ed}
.cost-date-panel-head{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebeef5;margin-bottom:6px}
.cost-date-panel-head strong{font-size:16px;font-weight:400}
.cost-date-panel-head>span{width:30px}
.cost-date-panel-head button{background:transparent;border:0;color:#606266;width:30px;height:30px;font-size:17px;cursor:pointer}
.cost-date-panel-head button:disabled{color:#c0c4cc;cursor:not-allowed}
.cost-date-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;}
.cost-date-cell{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:64px;border:0;background:transparent;color:#606266;font:13px "Microsoft YaHei",Arial,sans-serif;cursor:pointer;padding:0 5px}
.cost-date-cell>span{display:flex;align-items:center;justify-content:center;width:60px;max-width:100%;height:36px;border-radius:20px}
.cost-date-cell:not(:disabled):hover,.cost-date-cell.is-today{color:#409eff}
.cost-date-cell.is-today{font-weight:700}
.cost-date-cell.is-selected{color:#409eff;font-weight:700}
.cost-date-popup.is-range .cost-date-cell.in-range>span{background:#f2f6fc}
.cost-date-popup.is-range .cost-date-cell.is-selected>span{color:#fff;background:#409eff}
.cost-date-cell:disabled{color:#c0c4cc;cursor:not-allowed}
.cost-date-cell:disabled>span{background:#f5f7fa}
.cost-date-cell:focus-visible{outline:1px solid #409eff;outline-offset:-3px}
.cost-date-week,.cost-date-grid.is-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cost-date-week{height:32px;align-items:center;text-align:center;border-bottom:1px solid #ebeef5;font-size:12px}
.cost-date-grid.is-days .cost-date-cell{height:32px;padding:0;font-size:12px}
.cost-date-grid.is-days .cost-date-cell>span{height:26px;width:26px}
.cost-date-grid.is-days .cost-date-cell.is-outside{color:#c0c4cc}
.cost-date-grid.is-days .cost-date-cell.in-range{background:#f2f6fc}
.cost-date-popup.is-days .cost-date-panel-head{border:0;margin-bottom:0}
.cost-v122-month-range-v261:has(.cost-date-control){display:block!important;border:0!important;overflow:visible!important}
.cost-v122-month-range-v261:has(.cost-date-control)>span:not(.cost-date-control){display:none!important}
.cost-v122-month-range-v261>.cost-date-control{display:inline-flex!important}
.cost-download-modal .cost-v122-field{grid-template-columns:1fr;gap:9px;margin:18px 0 24px}
.cost-download-modal .cost-v122-field>label{padding-top:0;font-size:14px;color:#606266}
.cost-download-modal .cost-v122-radios{min-height:24px;gap:28px}
.cost-download-modal .cost-v122-radios label:has(input:checked){color:#409eff}
.cost-download-modal .cost-v122-alert{border:0;background:#fef0f0;color:#f56c6c;font-size:13px;line-height:18px;padding:14px 24px}
.cost-download-modal .cost-v122-alert b{font-weight:400}
.cost-download-modal [data-sales-picker]{width:210px;max-width:100%}
.cost-download-modal [data-sales-picker] .cost-date-trigger{padding-right:8px!important;gap:7px}
.cost-download-modal [data-download-month-picker] .cost-date-control{width:180px}
.cost-download-modal .cost-v122-inline select{height:30px;width:100px;font-size:13px;border-color:#dcdfe6}
.cost-download-modal .cost-download-stores>label{display:flex;gap:0;flex-wrap:wrap;align-items:baseline}
.cost-selected-stores{display:flex;gap:6px;flex-wrap:wrap;color:#909399;font-size:13px}
.cost-store-selector{width:280px;max-width:100%;color:#606266}
.cost-store-selector summary{display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;min-height:34px;padding:7px 10px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;cursor:pointer;list-style:none}
.cost-store-selector summary::-webkit-details-marker{display:none}
.cost-store-selector summary:focus-visible,.cost-store-selector[open] summary{outline:0;border-color:#409eff}
.cost-store-selector [data-store-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cost-store-options{box-sizing:border-box;margin-top:6px;max-height:180px;overflow-y:auto;border:1px solid #e4e7ed;border-radius:4px;background:#fff;padding:5px 0;box-shadow:0 2px 12px rgba(0,0,0,.1)}
.cost-store-popup{position:fixed;z-index:100551;margin:0;color:#606266;font-size:13px}
.cost-store-popup[hidden]{display:none!important}
.cost-download-modal .cost-store-options label{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;font-weight:400}
.cost-store-options label:hover{background:#f5f7fa}
.cost-download-modal .cost-store-options input[type="checkbox"]{width:14px;height:14px;min-height:0;margin:0;accent-color:#409eff}
.cost-download-modal footer{border-top:0;margin-top:32px;padding-top:4px}
.cost-download-modal footer button{height:32px;font-size:13px}
.cost-clock>.cost-clock-help{display:inline-flex!important;align-items:center;vertical-align:middle;margin-left:0!important}
@media(max-width:520px){.cost-date-popup.is-range .cost-date-pane{padding:0 5px 9px}.cost-date-popup.is-range .cost-date-panel-head strong{font-size:14px}.cost-date-cell{padding:0 2px}.cost-date-popup.is-range{font-size:12px}}

/* 成本页签行右侧展示数据时间；同步按钮仍保留在下载按钮旁。 */
.cost-workspace .cost-tabs{display:flex!important;align-items:stretch!important}
.cost-tabs .cost-data-updated{flex:0 0 auto;align-self:center;margin-left:auto;padding:0 12px;white-space:nowrap;font-size:12px;color:#4a5565;font-weight:400}
.cost-data-updated b{font-weight:400;color:#59697c;margin-left:4px}

/* 横向平移时对真实单元格反向补偿，图片/操作固定两侧，保留原事件与纵向吸顶。 */
.cost-workspace .cost-table .cost-frozen-image,.cost-workspace .cost-table .cost-frozen-actions{position:relative;z-index:3;background:#fff!important;backface-visibility:hidden}
.cost-workspace .cost-table .cost-frozen-image{transform:translateX(var(--cost-frozen-image-shift,0px))!important;box-shadow:1px 0 0 #dfe5ec,4px 0 6px rgba(28,45,70,.06)}
.cost-workspace .cost-table .cost-frozen-actions{transform:translateX(var(--cost-frozen-actions-shift,0px))!important;box-shadow:-1px 0 0 #dfe5ec,-4px 0 6px rgba(28,45,70,.06)}
.cost-workspace .cost-table tbody tr:hover .cost-frozen-image,.cost-workspace .cost-table tbody tr:hover .cost-frozen-actions{background:#f8fbff!important}
.cost-workspace.cost-profit-layout-v009 .cost-table thead.hl-cost-real-thead-v013 .cost-frozen-image,.cost-workspace.cost-profit-layout-v009 .cost-table thead.hl-cost-real-thead-v013 .cost-frozen-actions{z-index:128!important;background:#f4f7fa!important}

/* 时间条接入顶部白色区域，下方分类/筛选/表格形成连续白色面板。
   保留工具栏与表格的 12px 外边距，不改变既有固定列、吸顶和滚动定位。 */
body.hl-cost-profit-layout-v009 .app-main{padding-left:11px!important;padding-right:11px!important}
.cost-workspace.cost-profit-layout-v009{background:#fff!important}
.cost-workspace.cost-profit-layout-v009>.cost-clock{
  width:calc(100% + 22px)!important;
  max-width:none!important;
  min-height:72px!important;
  margin:0 -11px!important;
  border-bottom:20px solid #f1f4f8!important;
  box-shadow:none!important;
}
.cost-workspace.cost-profit-layout-v009>.cost-clock>b::before{content:"：";margin-right:8px;color:#26364b}
.cost-workspace.cost-profit-layout-v009>.cost-tabs{padding-left:0!important;background:#fff!important}
.cost-workspace.cost-profit-layout-v009 .cost-toolbar.hl-cost-real-toolbar-v013{background:#fff!important;box-shadow:none!important}

/* 广告税率说明逐条展示；预扣税率店铺复用全站两行 StoreCell。 */
.cost-workspace .cost-rate-panel>.cost-ad-note{white-space:pre-line!important;overflow-wrap:anywhere}
.cost-workspace .cost-rate-panel .cost-withholding-store{text-align:center!important;vertical-align:middle!important}

/* 成本维护的真实固定列随表格反向平移：边框必须属于单元格本身。
   合并边框会留在原表格网格，且右沿产生半像素缝，露出下面滚动的文字。 */
.cost-workspace.cost-profit-layout-v009 .cost-table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-table .cost-frozen-image,
.cost-workspace.cost-profit-layout-v009 .cost-table .cost-frozen-actions{
  background-clip:border-box!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-table .cost-frozen-image{
  border-right:1px solid #e0e6ef!important;
  box-shadow:none!important;
}
.cost-workspace.cost-profit-layout-v009 .cost-table .cost-frozen-actions{
  border-left:1px solid #e0e6ef!important;
  border-right:1px solid #e0e6ef!important;
  box-shadow:none!important;
}