/* 关注商品 — 紧凑列表，点行展开销售数据（数据来自本机 Daily） */
.watch-note{
  margin:4px 0 10px;
  font-size:13px;
  color:var(--muted);
  line-height:1.45;
}
.watch-form{
  margin-bottom:8px;
}
.watch-form .row{
  margin:6px 0;
  gap:6px;
}
.watch-match{
  margin:4px 0 6px;
  padding:6px 8px;
  border:1px solid var(--line);
  border-radius:6px;
  font-size:12px;
  line-height:1.35;
  background:var(--soft);
}
.watch-match.is-hint{color:var(--muted)}
.watch-match-meta{
  display:block;
  margin-top:2px;
  font-size:12px;
  color:var(--muted);
}
.watch-feedback{
  min-height:1.2em;
  margin:4px 0 6px;
  font-size:13px;
  color:var(--muted);
}
.watch-feedback.is-error{color:var(--costco-red,#c41e3a);font-weight:600}
.watch-feedback.is-ok{color:var(--costco-blue,#005dab)}
.watch-warn{color:var(--costco-red,#c41e3a)!important;font-weight:600}

/* 标题行：关注 · N 个 */
.watch-head{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  margin:4px 0 8px;
  padding:0;
  border-top:0;
}
.watch-list-title{
  margin:0;
  font-size:14px;
  font-weight:700;
  line-height:1.3;
}

/* 列表卡片容器 */
.watch-list{
  display:flex;
  flex-direction:column;
  margin:0;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  overflow:hidden;
}
@media(prefers-color-scheme:dark){
  .watch-list{background:#000}
}

/* 行：货号+品名 | 删除；预览条在下一行全宽，不绝对定位、不叠层 */
.watch-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 12px;
  align-items:start;
  padding:8px 10px;
  border-bottom:1px solid var(--line);
  position:relative;
  overflow:visible;
}
.watch-row:last-child{border-bottom:0}
.watch-row-main{
  display:block;
  margin:0;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:left;
  cursor:pointer;
  color:inherit;
  font:inherit;
  min-width:0;
  width:100%;
  /* 覆盖 .panel button 手机端固定 36px，否则预览溢出叠到下一行 */
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  line-height:inherit !important;
  white-space:normal !important;
  overflow:visible !important;
}
.watch-row-main:hover .watch-row-sku,
.watch-row-main:focus-visible .watch-row-sku{
  color:var(--costco-blue,#005dab);
}
.watch-row-sku{
  font-size:14px;
  font-weight:700;
  letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
  color:var(--costco-blue,#005dab);
  line-height:1.3;
}
.watch-row-name{
  font-size:12px;
  font-weight:600;
  line-height:1.35;
  color:inherit;
  overflow-wrap:anywhere;
}
.watch-row-dept{
  font-weight:500;
  color:var(--muted);
  font-size:11px;
}

/* 折叠行：货号品名；昨日销量/业绩预览（预览与主按钮分离，占满整行） */
.watch-row-identity{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
  min-width:0;
  width:100%;
}
.watch-row-preview{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 8px;
  margin:0;
  padding:5px 7px;
  width:100%;
  box-sizing:border-box;
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--soft,#f7f8fa);
  position:static;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.watch-row-preview-item{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
}
.watch-row-preview-label{
  font-size:10px;
  color:var(--muted);
  line-height:1.25;
}
.watch-row-preview-value{
  font-size:14px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  line-height:1.25;
  color:inherit;
}
@media(prefers-color-scheme:dark){
  .watch-row-preview{background:#111}
}

/* 删除：文字链样式；同样解除手机端固定高度 */
.watch-row-remove{
  margin:0;
  padding:2px 4px !important;
  flex:0 0 auto;
  align-self:start;
  min-width:0;
  min-height:24px !important;
  height:auto !important;
  max-height:none !important;
  border:0 !important;
  border-radius:4px !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#a12535 !important;
  font-size:12px !important;
  font-weight:600;
  line-height:1.3 !important;
  cursor:pointer;
  white-space:nowrap;
  overflow:visible !important;
}
.watch-row-remove:hover,
.watch-row-remove:focus-visible{
  background:rgba(161,37,53,.08) !important;
  text-decoration:underline;
}
@media(prefers-color-scheme:dark){
  .watch-row-remove:hover,
  .watch-row-remove:focus-visible{
    background:rgba(196,30,58,.18) !important;
  }
}

/* 手机端再钉死一遍，压过 .panel button 的 !important */
@media(max-width:700px){
  .panel .watch-row-main,
  .panel .watch-row-remove{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    line-height:inherit !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .panel .watch-row-remove{
    min-height:24px !important;
    padding:2px 4px !important;
    line-height:1.3 !important;
  }
}

.watch-row-detail{
  grid-column:1 / -1;
  margin-top:6px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
}
.watch-row.is-expanded .watch-row-main{
  margin-bottom:0;
}

.watch-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}
.watch-metric{
  border:1px solid var(--line);
  border-radius:6px;
  padding:5px 7px;
  background:#fff;
}
@media(prefers-color-scheme:dark){
  .watch-metric{background:#000}
}
.watch-metric-label{
  display:block;
  font-size:10px;
  color:var(--muted);
  margin-bottom:1px;
  line-height:1.3;
}
.watch-metric-value{
  font-size:15px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  line-height:1.25;
}
.watch-compare-metrics{
  margin-top:5px;
  padding-top:5px;
  border-top:1px dashed var(--line);
}
.watch-metric-value .watch-delta{
  font-size:inherit;
  font-weight:inherit;
}
.watch-delta{
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.watch-delta.up{color:#0a7a3e}
.watch-delta.down{color:var(--costco-red,#c41e3a)}
.watch-delta.flat{color:var(--muted)}
.watch-empty{
  padding:12px 10px;
  text-align:center;
  color:var(--muted);
  border:1px dashed var(--line);
  border-radius:10px;
  font-size:13px;
  line-height:1.45;
}
.watch-list-section[hidden]{
  display:none!important;
}

@media(max-width:639px){
  .watch-metric-value{font-size:14px}
  .watch-row{padding:7px 9px}
  .watch-row-sku{font-size:13px}
  .watch-row-name{font-size:12px}
  .watch-row-preview{padding:4px 6px;gap:4px 6px}
  .watch-row-preview-value{font-size:13px}
}

/* 加入关注 + 从 Daily 刷新 同一排各一半 */
.watch-btn-row{
  display:flex;
  gap:8px;
  margin:8px 0 4px;
  align-items:stretch;
}
.watch-btn-row > button{
  flex:1 1 0;
  width:50%;
  min-width:0;
}


.watch-departments{display:grid;gap:10px}
.watch-department{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel,#fff)}
.watch-department-toggle{display:flex!important;align-items:center;gap:10px;width:100%;height:auto!important;min-height:60px;padding:14px 16px!important;margin:0;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text);text-align:left;box-shadow:none!important}
.watch-department-toggle strong{font-size:18px}
.watch-department-arrow{color:var(--costco-blue,#005dab);font-size:19px}
.watch-department-count{margin-left:auto;color:var(--muted);font-size:13px;font-weight:600}
.watch-department-body{border-top:1px solid var(--line)}
.watch-department-body .watch-list{border:0;border-radius:0}
.watch-department-sales{padding:12px;margin-top:10px;border:1px solid var(--line);border-radius:10px}
.watch-department-body .watch-department-sales{margin:0;border:0;border-top:1px solid var(--line);border-radius:0}
.watch-department-sales h4{font-size:14px;margin:0 0 10px}
.watch-summary-missing{color:var(--muted);font-size:11px}
@media(prefers-color-scheme:dark){.watch-department{background:#000}}