/* =========================================================================
 * admin.css — 슈퍼관리자 화면 보강
 * 기본 레이아웃·모바일 대응은 style.css 를 그대로 쓴다.
 * =======================================================================*/

/* 상태 배지 */
.badge {
  display: inline-block; font-size: 11.5px; padding: 3px 9px;
  border-radius: 99px; border: 1px solid var(--line);
  color: var(--ink-2); white-space: nowrap;
}
.badge.active     { border-color: var(--pos); color: var(--pos); }
.badge.preparing  { border-color: var(--quant); color: var(--quant); }
.badge.pending    { border-color: var(--qual); color: var(--qual); }
.badge.closed,
.badge.suspended  { border-style: dashed; color: var(--ink-3); }
.badge.paid       { border-color: var(--pos); color: var(--pos); }
.badge.unpaid     { border-color: var(--neg); color: var(--neg); }
.badge.received   { border-style: dashed; }
.badge.in_progress{ border-color: var(--quant); color: var(--quant); }
.badge.done       { border-color: var(--pos); color: var(--pos); }
.badge.over       { border-color: var(--neg); color: var(--neg); font-weight: 700; }

/* 등록 폼 */
.form-card {
  border: 1px dashed var(--line); border-radius: 10px;
  background: var(--surface-2); padding: 16px 18px; margin-top: 16px;
}
.form-card h3 { margin: 0 0 12px; font-size: 14px; }
.form-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .form-grid { grid-template-columns: 1fr; } }
.form-grid label { display: block; }
.form-grid .lb { display: block; font-size: 11.5px; color: var(--ink-3); margin-bottom: 4px; }
.form-grid input, .form-grid select { text-align: left; }
.form-grid input[type="number"] { text-align: right; }
.form-actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }

/* 사업자별 매장 그룹 */
.tenant-block { border: 1px solid var(--line); border-radius: 10px; background: var(--surface); margin-bottom: 14px; }
.tenant-head {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 14px 18px; border-bottom: 1px solid var(--line-soft);
}
.tenant-name { font-size: 15px; font-weight: 700; margin: 0; }
.tenant-meta { font-size: 12px; color: var(--ink-3); }
.tenant-count { margin-left: auto; font-size: 12.5px; color: var(--ink-2); }

.store-row {
  display: grid; grid-template-columns: 1fr 120px 150px 96px 120px;
  gap: 10px; align-items: center;
  padding: 12px 18px; border-bottom: 1px dashed var(--line-soft);
}
.store-row:last-child { border-bottom: none; }
.store-name { font-size: 14px; font-weight: 600; }
.store-sub  { font-size: 11.5px; color: var(--ink-3); }
.row-actions { display: flex; gap: 6px; justify-content: flex-end; }
@media (max-width: 900px) {
  .store-row { grid-template-columns: 1fr auto; gap: 8px; }
  .row-actions { grid-column: 1 / -1; justify-content: flex-start; }
}

.empty-row { padding: 18px; color: var(--ink-3); font-size: 13px; text-align: center; }

/* 편집중 강조 */
.editing { outline: 2px solid var(--quant); outline-offset: -2px; border-radius: 8px; }