/* ダッシュボード 今日／明日 ピックアップ + 月サマリ */

.pickup-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin: 10px 0 14px;
}
@media (max-width: 980px) {
  .pickup-wrap { grid-template-columns: 1fr; }
}

.pickup-monthly {
  background: linear-gradient(135deg,#023e6e,#0077b6);
  color: #fff; border-radius: 10px;
  padding: 12px 16px; box-shadow: 0 2px 8px rgba(2,62,110,.18);
}
.pickup-monthly__head { font-weight: 700; font-size: 14px; margin-bottom: 8px; }
.pickup-monthly__body { display: flex; gap: 14px; flex-wrap: wrap; }
.pickup-monthly__stat { display: flex; flex-direction: column; gap: 2px; }
.pickup-monthly__label { font-size: 11px; opacity: .8; }
.pickup-monthly__value { font-size: 18px; font-weight: 800; }

.pickup-card {
  background: #fff; border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0,0,0,.08);
  overflow: hidden;
  display: flex; flex-direction: column;
}
.pickup-card__head {
  padding: 8px 14px;
  font-weight: 700; font-size: 13px;
  display: flex; align-items: center; gap: 8px;
}
.pickup-card--today .pickup-card__head { background: #1a6fc4; color: #fff; }
.pickup-card--tomorrow .pickup-card__head { background: #0a8a7a; color: #fff; }
.pickup-card__day-link {
  margin-left: auto; font-size: 11px; color: #fff;
  text-decoration: underline; opacity: .9;
}
.pickup-card__body {
  flex: 1; padding: 8px 12px;
  max-height: 280px; overflow-y: auto;
}
.pickup-card__empty {
  color: #5f7995; font-size: 12px; padding: 16px 4px; text-align: center;
}

.pickup-res {
  border-bottom: 1px dashed #eef2f7;
  padding: 6px 0;
  font-size: 12px; color: #1a3a5c;
}
.pickup-res:last-child { border-bottom: 0; }
.pickup-res__top {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
.pickup-res__name { font-weight: 700; flex: 1; min-width: 80px; }
.pickup-res__charter {
  background: #f59e0b; color: #fff; padding: 1px 5px; border-radius: 6px;
  font-size: 10px; font-weight: 700;
}
.pickup-res__amount { color: #023e6e; font-weight: 700; font-size: 12px; }
.pickup-res__meta {
  font-size: 11px; color: #5f7995; margin-top: 2px;
}
.pickup-res__meta b { color: #1a3a5c; }
