/* 当地时间模块 · 与设计系统令牌对齐 */

.local-time-cell {
  min-width: 205px; line-height: 1.6;
  font-variant-numeric: tabular-nums; color: var(--ink);
}
.local-time-cell small {
  display: block; white-space: normal;
  font-size: 11px; color: var(--muted); max-width: 250px;
}

.local-time-panel {
  border: 1px solid var(--line); border-radius: var(--r-md);
  background: var(--surface-2);
  padding: 14px; margin: 12px 0 18px; min-width: 0;
}
.local-time-panel.is-pending { background: #fffaec; border-color: #f0dfb0; }

.local-time-heading {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 8px; flex-wrap: wrap; margin-bottom: 12px;
}
.local-time-heading strong { color: var(--ink); font-size: 13px; font-weight: 680; }
.local-time-heading span { font-size: 11px; color: var(--muted); }

.local-time-panel .local-time-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0; }
.local-time-grid > div { min-width: 0; }
.local-time-grid dt { font-size: 11px; color: var(--muted); margin-bottom: 5px; }
.local-time-grid dd {
  margin: 0; font-size: 13px; font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere; color: var(--ink);
}
.local-time-grid .local-zone { grid-column: 1 / -1; }
.local-time-note { font-size: 11px; line-height: 1.6; color: #8a6d3b; margin: 12px 0 0; }

.lead-card .local-time-panel { margin-bottom: 16px; }
.lead-card .local-time-grid { grid-template-columns: 1fr; gap: 10px; }
.lead-card .local-time-grid .local-zone { grid-column: auto; }

#lead-table th > span { display: inline-block; padding: 8px 13px; white-space: nowrap; }

@media (max-width: 420px) {
  .local-time-panel .local-time-grid { grid-template-columns: 1fr; }
  .local-time-panel .local-zone { grid-column: auto; }
  .local-time-heading { align-items: flex-start; flex-direction: column; }
  .local-time-panel { padding: 12px; }
}