.inquiries-panel, .inquiry-compose, .inquiry-detail, .inquiry-conversation { display: grid; gap: 16px; min-width: 0; }
.inquiries-panel, .inquiry-compose { padding: 18px clamp(16px, 3vw, 28px) 24px; }
.inquiry-toolbar, .inquiry-actions, .inquiry-location { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.inquiry-toolbar { justify-content: space-between; }
.inquiry-actions button, .inquiry-location button { min-height: 44px; }
.inquiry-toolbar h3, .inquiry-detail h3 { font-size: 18px; letter-spacing: -.035em; }
.inquiry-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.inquiry-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 8px 12px; min-height: 100px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); text-align: left; }
.inquiry-option:hover { border-color: var(--forest); background: var(--tint); }
.inquiry-option strong { font-size: 14px; line-height: 1.5; }
.inquiry-option-context, .inquiry-option small { grid-column: 1 / -1; color: var(--muted); font-size: 11px; line-height: 1.6; }
.inquiry-status { padding: 5px 8px; border-radius: 6px; color: var(--forest); background: var(--tint); font-size: 11px; white-space: nowrap; }
.inquiry-status[data-status="received"] { color: var(--warn-ink); background: var(--warn-soft); }
.inquiry-status[data-status="closed"] { color: var(--muted); background: var(--canvas); }
.inquiry-status-filter { max-width: 260px; }
.inquiry-detail { padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); }
.inquiry-body, .inquiry-message p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.8; }
.inquiry-meta { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 7px 14px; margin: 0; font-size: 12px; line-height: 1.7; }
.inquiry-meta dt { color: var(--muted); }
.inquiry-meta dd { margin: 0; overflow-wrap: anywhere; }
.inquiry-number { font-size: 10px; }
.inquiry-location { padding: 10px 12px; border-radius: 10px; background: var(--tint); font-size: 12px; }
.inquiry-location button { margin-left: auto; }
.inquiry-conversation h4 { margin: 8px 0 0; font-size: 13px; }
.inquiry-message { display: grid; gap: 9px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--cream); }
.inquiry-message[data-staff="true"] { border-color: var(--line-strong); background: var(--tint); }
.inquiry-message header { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; font-size: 12px; }
.inquiry-message header span, .inquiry-message small { font-size: 10px; color: var(--muted); }
.inquiry-compose fieldset, .inquiry-reply-form fieldset { display: grid; gap: 16px; min-width: 0; margin: 0; padding: 0; border: 0; }
.inquiry-reply-form label { font-size: 12px; font-weight: 600; }
.inquiry-reply-form textarea { display: block; width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); color: var(--ink); resize: vertical; font-size: 14px; line-height: 1.7; }
.inquiry-consent { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 12px; line-height: 1.7; }
.inquiry-consent input { flex: 0 0 auto; width: 20px; height: 20px; accent-color: var(--forest); }
.inquiry-events { font-size: 12px; }
.inquiry-events summary { display: flex; align-items: center; min-height: 44px; cursor: pointer; color: var(--muted); }
.inquiry-events ol { display: grid; gap: 10px; margin: 4px 0 0; padding-left: 20px; }
.inquiry-events li { padding-left: 4px; }
.inquiry-events li span { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.7; }
.inquiry-error, .inquiry-receipt, .inquiry-empty { font-size: 13px; line-height: 1.7; }
.inquiry-error { padding: 10px 12px; border-radius: 10px; background: var(--danger-soft); color: var(--danger-ink); }
.inquiry-receipt { padding: 10px 12px; border-radius: 10px; background: var(--tint); color: var(--forest); }
.inquiry-empty { padding: 18px 0; color: var(--muted); }
.inquiry-delete { justify-self: start; min-height: 44px; color: var(--danger-ink); }
@media (max-width: 640px) {
  .inquiry-list { grid-template-columns: 1fr; }
  .inquiry-detail { padding: 13px; }
  .inquiry-option { padding: 12px; }
  .inquiry-location { align-items: start; }
}