/* ============================================================
   supplier.css —— 供货端独有版式（壳层复用 assets/console.css）
   ============================================================ */

/* 供货端待办卡：一眼看完「谁下的单、要发什么、多久内要发」 */
.todo { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.todo__i {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg);
  padding: 15px 16px; box-shadow: var(--shadow-xs);
}
.todo__i--warn { border-color: #f6d9a8; background: linear-gradient(180deg, #fffaf1, #fff); }
.todo__i--danger { border-color: #f5c6c2; background: linear-gradient(180deg, #fff6f5, #fff); }
.todo__lb { display: flex; align-items: center; gap: 7px; color: var(--text-3); font-size: 12.5px; }
.todo__v { margin-top: 8px; font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; }
.todo__ft { margin-top: 8px; display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--text-3); }

/* 发货弹窗里的卡密输入 */
.codes { display: flex; flex-direction: column; gap: 8px; }
.codes__hint { display: flex; align-items: center; justify-content: space-between; font-size: 12.5px; color: var(--text-3); }
.codes textarea { min-height: 132px; font-family: var(--font-num); font-size: 13px; line-height: 1.8; }

@media (max-width: 1024px) {
  .todo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .todo { grid-template-columns: minmax(0, 1fr); }
}