/**
 * 동네보험 — 보험업법 필터 동의/차단 박스 (P5)
 * 공용 컴포넌트. 모든 작성·수정 폼에서 재사용.
 *
 * 사용:
 *   <div class="boip-box hidden" data-spec="UNIQUE_KEY"></div>
 *   JS: BoipAck.show(spec, {sentence, severity}) / BoipAck.hide(spec)
 */

.boip-box {
  margin-top: 12px;
  border-radius: 10px;
  padding: 13px 15px;
  animation: boip-slide 0.2s ease-out;
}
.boip-box.hidden { display: none; }

.boip-box.boip-medium {
  background: #fefce8;
  border: 1.5px solid #fde047;
}
.boip-box.boip-high {
  background: #fef2f2;
  border: 1.5px solid #fca5a5;
}

.boip-box .boip-label {
  display: flex; align-items: center; gap: 8px;
  font-size: 14px; font-weight: 700;
  margin-bottom: 11px;
  flex-wrap: wrap;
}
.boip-box.boip-medium .boip-label { color: #854d0e; }
.boip-box.boip-high .boip-label { color: #991b1b; }

.boip-box .boip-chip {
  display: inline-flex; align-items: center;
  padding: 2px 8px; border-radius: 10px;
  font-size: 10.5px; font-weight: 600;
  letter-spacing: 0.2px;
}
.boip-box.boip-medium .boip-chip {
  background: rgba(202, 138, 4, 0.12);
  color: #92400e;
}
.boip-box.boip-high .boip-chip {
  background: rgba(220, 38, 38, 0.12);
  color: #991b1b;
}

.boip-box .boip-sentence {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  word-break: break-word;
}
.boip-box.boip-medium .boip-sentence { color: #ca8a04; }
.boip-box.boip-high .boip-sentence { color: #dc2626; }
.boip-box .boip-sentence::before { content: '\201C'; }
.boip-box .boip-sentence::after { content: '\201D'; }

.boip-box .boip-desc {
  margin: 0 0 12px;
  font-size: 12.5px;
  line-height: 1.6;
}
.boip-box.boip-medium .boip-desc { color: #5c4416; }
.boip-box.boip-high .boip-desc { color: #6b1d1d; }

.boip-box .boip-ack {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 12px;
  background: rgba(255,255,255,0.7);
  border-radius: 6px;
  margin-bottom: 10px;
  cursor: pointer;
}
.boip-box .boip-ack input[type="checkbox"] {
  accent-color: #ca8a04;
  width: 16px; height: 16px;
  flex-shrink: 0; cursor: pointer;
}
.boip-box .boip-ack label {
  font-size: 12.5px; color: #1a1a1a;
  cursor: pointer; margin: 0; font-weight: 400;
}

.boip-box .boip-actions {
  display: flex; justify-content: flex-end; gap: 6px;
  flex-wrap: wrap;
}
.boip-box .boip-btn {
  border: none;
  padding: 8px 14px;
  font-size: 12.5px; font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  border-radius: 7px;
  transition: all 0.15s;
  min-height: 36px;
}
.boip-box .boip-btn-ghost {
  background: #fff;
  color: #4b5563;
  border: 1px solid #d1d5db;
}
.boip-box .boip-btn-ghost:hover {
  background: #f9fafb; border-color: #9ca3af;
}
.boip-box .boip-btn-action {
  color: #fff;
  font-weight: 500;
}
.boip-box.boip-medium .boip-btn-action { background: #ca8a04; }
.boip-box.boip-medium .boip-btn-action:hover { background: #a16207; }
.boip-box.boip-medium .boip-btn-action:disabled {
  background: #fde68a; color: #92400e; cursor: not-allowed;
}
.boip-box.boip-high .boip-btn-action { background: #dc2626; }
.boip-box.boip-high .boip-btn-action:hover { background: #b91c1c; }

@keyframes boip-slide {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 480px) {
  .boip-box { padding: 12px 13px; }
  .boip-box .boip-sentence { font-size: 13.5px; }
  .boip-box .boip-label { font-size: 13.5px; }
}

/* ── 1:1 상담 답변 — 이메일 공개 영역 ── */
.consult-email-area {
  margin-top: 8px;
  padding: 11px 13px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 8px;
}
.consult-email-area .reply-form__email-check {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 13px; color: #1a1a1a;
  cursor: pointer;
  margin: 0;
}
.consult-email-area .reply-form__email-check input[type="checkbox"] {
  accent-color: #c2410c;
  width: 16px; height: 16px;
  cursor: pointer; flex-shrink: 0;
  margin-top: 2px;
}
.consult-email-area .reply-form__email-check strong { color: #7c2d12; font-weight: 700; }
.consult-email-area .email-sub {
  display: block;
  font-size: 11.5px; color: #7c2d12;
  margin-top: 2px;
  font-weight: 400;
}
.consult-email-input-row {
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px dashed #fed7aa;
}
.consult-email-input-row > label {
  display: block;
  font-size: 11.5px; color: #7c2d12;
  font-weight: 500;
  margin-bottom: 4px;
}
.consult-reply-form__email-input {
  width: 100%;
  border: 1px solid #fed7aa;
  background: #fff;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 13px;
  font-family: inherit;
}
.consult-reply-form__email-input:focus {
  outline: none;
  border-color: #c2410c;
  box-shadow: 0 0 0 3px rgba(194, 65, 12, 0.1);
}
.email-input-hint {
  font-size: 11px; color: #9a3412;
  margin-top: 4px;
  line-height: 1.5;
}