/* auto_coupang 관리 화면 보탬 스타일. 프로토타입 클래스(proto.css)에 없는 상태 배지·안내 상자만 더한다. */
.b-review, .b-scheduled, .b-pending, .b-processing, .b-publishing, .b-generating { background: #fef3c7; color: #b45309; }
.b-published, .b-done, .b-already_sent, .b-ok { background: #dcfce7; color: #15803d; }
.b-skipped, .b-archived { background: #f1f5f9; color: #64748b; }
.b-blocked { background: #e0e7ff; color: #4338ca; }
.b-error, .b-warning, .b-rejected { background: #fee2e2; color: #b91c1c; }
.msg-box { border: 1px solid #a7f3d0; background: #ecfdf5; color: #047857; border-radius: .9rem; padding: .7rem 1rem; font-size: .85rem; font-weight: 600; }
.warn-box { border: 1px solid #fde68a; background: #fffbeb; color: #92400e; border-radius: .9rem; padding: .7rem 1rem; font-size: .85rem; }
.thumb { width: 3.2rem; aspect-ratio: 4/5; object-fit: cover; border-radius: .5rem; background: #f1f5f9; }
.style-btn input { position: absolute; opacity: 0; pointer-events: none; }
.style-btn:has(input:checked) { border-color: var(--pink); background: #fdf2f8; color: #be185d; }
.style-btn { position: relative; cursor: pointer; text-align: center; display: block; }
.rule-row { display: flex; gap: .6rem; align-items: flex-start; font-size: .84rem; padding: .45rem 0; border-bottom: 1px dashed #f1f5f9; }
.rule-row:last-child { border-bottom: 0; }
.rule-row i { margin-top: .2rem; color: #E1306C; width: 1rem; text-align: center; }
pre.preview { white-space: pre-wrap; word-break: break-all; font-family: inherit; }
/* 그리드 칸이 넓은 표 때문에 화면 밖으로 늘어나지 않게 한다(모바일 390 가로 스크롤 방지). */
.grid > * { min-width: 0; }
.data-table .kw-tag { display: inline-block; white-space: nowrap; margin: .1rem 0; }