/* 사은품관리 목록 — 합계 밴드·도구 줄 (2026-09-30)
 * 마크업 = workspace/_gifts_management_search_results.html.erb (.gm-total · .gm-toolbar)
 * 카드는 공용 .olc-* (components/_order_list_card_m.css), 상태바 스와이프는 components/_order_list_mobile.css(.gm-st-bar).
 */

/* 합계 밴드 — PC: 한 줄(▍제목 · 건수 | 금액 라벨 + 금액) */
.gm-total {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px; margin-bottom: 12px;
  background: linear-gradient(180deg, var(--ord-band), var(--ord-panel)); color: var(--ord-text);
  border: 1px solid var(--ord-line); border-radius: 12px;
}
.gm-total-head   { display: flex; align-items: center; gap: 10px; min-width: 0; }
.gm-total-bar    { width: 4px; height: 16px; background: var(--ord-accent); border-radius: 2px; flex-shrink: 0; }
.gm-total-title  { font-size: 12px; color: var(--ord-accent); font-weight: 800; white-space: nowrap; }
.gm-total-count  { font-size: 12px; color: var(--ord-text-4); font-weight: 600; white-space: nowrap; }
.gm-total-amount { margin-left: auto; display: flex; align-items: baseline; gap: 4px; white-space: nowrap; }
.gm-total-label  { font-size: 11.5px; color: var(--ord-text-4); font-weight: 700; }
.gm-total-value  { font-size: 17px; color: var(--ord-text); font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -0.2px; }

@media (max-width: 768px) {
  /* 합계 — 제목 줄(▍전체 합계 · N건 pill) 위, 금액 줄(라벨 | 큰 금액) 아래 */
  .gm-total {
    display: block;
    padding: 12px 14px;
    border-radius: 0;
    border-left: 4px solid var(--ord-accent);
  }
  .gm-total-bar { display: none; }
  .gm-total-head { justify-content: space-between; }
  .gm-total-title { font-size: 13px; }
  .gm-total-count {
    padding: 2px 9px; border-radius: 999px;
    background: var(--ord-band); color: var(--ord-accent-strong); font-size: 11.5px; font-weight: 800;
  }
  .gm-total-amount {
    margin: 10px 0 0; padding-top: 10px;
    border-top: 1px dashed var(--ord-line);
    justify-content: space-between;
  }
  .gm-total-label { font-size: 12px; }
  .gm-total-value { font-size: 22px; letter-spacing: -0.4px; }

  /* 도구 줄 — 선택/총 건수 숨김, 라인수(·내역보기) 우측 */
  .gm-toolbar { justify-content: flex-end !important; }
  .gm-toolbar-count { display: none; }
}