/* 今日概览页专属样式（2026-09-14 重写）。页头、工具栏、按钮、表格、抽屉全部沿用 styles.css 的共用规则与 token。 */

/* ---------- 指标卡（5 张） ---------- */
.daily-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s3)}
.daily-card{min-width:0;min-height:128px;padding:var(--s4);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);cursor:pointer;box-shadow:var(--shadow);overflow-wrap:anywhere}
.daily-card span{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);color:var(--fg-2);font-size:var(--t-sm)}
.daily-card strong{display:block;margin:var(--s3) 0 var(--s2);font-size:var(--t-2xl);line-height:1;color:var(--fg)}
.daily-card small{color:var(--fg-muted);font-size:var(--t-xs)}
.daily-card.hero{grid-column:span 2;border-color:var(--hover-line);background:var(--green-soft);color:var(--green)}
.daily-card.hero strong{font-size:40px;color:var(--green)}
.daily-card.hero span{color:var(--green)}
.daily-card:not(.hero) strong{font-size:var(--t-xl)}

/* ---------- 两栏面板 ---------- */
.daily-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--s4)}
.daily-panel{margin-top:var(--s4)}

/* 当日跟进进度 */
.touch-breakdown{margin-top:var(--s3)}
.touch-breakdown>div{display:grid;grid-template-columns:16px minmax(0,1fr) minmax(5ch,auto) minmax(5ch,auto);gap:var(--s3);align-items:baseline;padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.touch-breakdown>div:last-child{border-bottom:0}
.touch-breakdown>div>span{min-width:0;overflow-wrap:anywhere}
.touch-dot{width:10px;height:10px;border-radius:50%;align-self:center}
.touch-dot.purple{background:var(--accent)}.touch-dot.green{background:var(--green)}.touch-dot.blue{background:var(--info)}.touch-dot.neutral{background:var(--neutral)}
.touch-breakdown b{font-weight:600;font-size:var(--t-sm);color:var(--fg-2)}
.touch-breakdown em{font-style:normal;font-size:var(--t-lg);font-weight:700;line-height:1;text-align:right;color:var(--fg)}
.touch-breakdown small{font-size:var(--t-sm);text-align:right;color:var(--fg-muted)}

/* 需要处理 */
.action-list{display:grid;gap:var(--s2);margin-top:var(--s3)}
.action-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3);align-items:center;width:100%;min-height:var(--tap);padding:var(--s3) var(--s4);text-align:left;border:1px solid var(--line);border-radius:var(--r1);background:var(--surface-2);cursor:pointer}
.action-list span b,.action-list span small{display:block}
.action-list span b{font-size:var(--t-md)}
.action-list span small{margin-top:2px;font-size:var(--t-xs);color:var(--fg-muted)}
.action-list strong{min-width:3ch;text-align:right;font-size:var(--t-xl);line-height:1;color:var(--warn)}   /* 待处理项：警示色 */

/* 销售当日表现 */
.freshness{align-self:flex-start;padding:var(--s1) var(--s3);border-radius:999px;background:var(--green-soft);color:var(--green);font-size:var(--t-xs);white-space:nowrap}
.section-head+.table-wrap{margin-top:var(--s4)}
.source-note{padding:var(--s4) 0 var(--s1);font-size:var(--t-xs);color:var(--fg-muted);text-align:center}

/* ---------- 平板 ---------- */
@media(max-width:1050px){
  .daily-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .daily-cards .daily-card.hero{grid-column:span 2}
  .daily-card{padding:var(--s3) var(--s4)}
  .daily-card:not(.hero) strong{font-size:var(--t-xl)}
}

/* ---------- 手机 ---------- */
@media(max-width:760px){
  .daily-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .daily-cards .daily-card.hero{grid-column:1/-1}
  .daily-card{min-height:104px}
  .daily-cards .daily-card.hero strong{font-size:40px}
  .daily-layout{grid-template-columns:1fr}
}