/* мінімальні доповнення до Tailwind */
.htmx-request { opacity: .6; }
.card { border: 1px solid #e5e7eb; border-radius: .5rem; background: #fff; padding: .75rem; }
.btn { display: inline-block; padding: .5rem .9rem; border-radius: .375rem; font-weight: 600; border: 1px solid #d1d5db; background: #fff; }
.btn:hover { background: #f3f4f6; }
.btn-primary { background: #1d4ed8; color: #fff; border-color: #1d4ed8; }
.btn-primary:hover { background: #1e40af; }
.btn-sm { padding: .25rem .6rem; font-size: .875rem; }
.badge { display: inline-block; padding: .1rem .5rem; border-radius: 9999px; font-size: .75rem; background: #f3f4f6; }
input[type=text], input[type=date], input[type=number], select, textarea { width: 100%; border: 1px solid #d1d5db; border-radius: .375rem; padding: .4rem .6rem; }
label.field { display: block; font-size: .85rem; color: #4b5563; margin-top: .6rem; }
/* markdown-звіти VOC */
.voc-report h1 { font-size: 1.25rem; font-weight: 700; margin: 1rem 0 .5rem; }
.voc-report h2 { font-size: 1.1rem; font-weight: 700; margin: 1rem 0 .4rem; }
.voc-report h3 { font-size: 1rem; font-weight: 600; margin: .8rem 0 .3rem; }
.voc-report p, .voc-report ul { margin: .4rem 0; }
.voc-report ul { list-style: disc; padding-left: 1.25rem; }
.voc-report table { border-collapse: collapse; margin: .5rem 0; font-size: .8rem; }
.voc-report th, .voc-report td { border: 1px solid #e5e7eb; padding: .2rem .4rem; text-align: left; vertical-align: top; }
.voc-report code { background: #f3f4f6; padding: 0 .2rem; border-radius: .2rem; }
/* друк звіту: лише вміст, без меню й кнопок */
@media print {
  header, .no-print, .bg-amber-100 { display: none !important; }
  main { max-width: none; padding: 0; }
  .print-plain { border: 0; padding: 0; }
  .voc-report table { page-break-inside: auto; font-size: .7rem; }
  .voc-report tr { page-break-inside: avoid; }
  a { color: inherit; text-decoration: none; }
}

/* чат */
.chat-bubble { white-space: pre-wrap; border-radius: .5rem; padding: .5rem .7rem; }
.chat-user .chat-bubble { background: #dbeafe; margin-left: 2rem; }
.chat-assistant .chat-bubble { background: #f3f4f6; margin-right: 2rem; }
#chat-body { height: 100%; }