/* 추가 컴포넌트 (매장 선택 · 스위치 · 배지 · 작업 로그) */

.pick-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.btn-mini {
  background: #fff; border: 1px solid var(--line); border-radius: 8px;
  padding: 4px 10px; font-size: 12px; font-weight: 700; color: #475569; cursor: pointer;
}
.btn-mini:hover { border-color: #cdd6e2; color: var(--ink); }

.store-checks { display: flex; flex-wrap: wrap; gap: 8px; }
.store-chip {
  display: inline-flex; align-items: center; gap: 6px;
  background: #f7f9fc; border: 1px solid var(--line); border-radius: 9px;
  padding: 7px 12px; font-size: 13px; font-weight: 600; cursor: pointer;
}
.store-chip:hover { border-color: #d5e1ff; background: #f7faff; }
.store-chip input { accent-color: var(--brand); }

.store-list { display: flex; flex-direction: column; gap: 6px; }
.store-line {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px;
  border: 1px solid var(--line); border-radius: 10px; cursor: pointer;
}
.store-line:hover { background: #f7faff; border-color: #d5e1ff; }
.store-line input { accent-color: var(--brand); }
.sl-name { font-weight: 700; min-width: 190px; }
.sl-mail { color: var(--muted); font-size: 12.5px; }
.badge { border-radius: 20px; padding: 3px 10px; font-size: 11.5px; font-weight: 800; }
.badge.ok { background: #e7f7ee; color: var(--ok); }
.badge.warn { background: #fff4e5; color: var(--warn); }
.badge.off { background: #f1f3f7; color: #94a3b8; }
.hint { color: #94a3b8; font-size: 12px; margin: 8px 0 0; }
.hint a { color: var(--brand); font-weight: 700; }

.switch-row { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.switch { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13.5px; cursor: pointer; }
.switch input { accent-color: var(--brand); width: 16px; height: 16px; }

table.simple { margin-top: 4px; }
table.simple input:not([type=checkbox]):not([type=date]):not([type=time]),
table.simple input[type=text] {
  width: 100%; padding: 8px 10px; border: 1px solid #dbe1ea; border-radius: 8px;
  font-size: 13px; outline: none;
}
table.simple input:focus { border-color: var(--brand); }
input[type=time], input[type=date] {
  border: 1px solid #dbe1ea; border-radius: 8px; padding: 7px 9px; font-size: 13px;
}
input[type=file] { font-size: 12px; }

.joblog {
  margin: 12px 0 0; max-height: 300px; overflow: auto;
  background: #0f172a; color: #cbd5e1; border-radius: 10px; padding: 12px 14px;
  font-family: Consolas, Menlo, monospace; font-size: 12px; line-height: 1.55;
  white-space: pre-wrap;
}
