body {
  margin: 0;
  font-family: system-ui, sans-serif;
  color: #1f2328;
  background: #f6f8fa;
}
header.console-header {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid #d0d7de;
}
header.console-header form {
  display: inline;
  margin: 0;
}
main {
  max-width: 720px;
  margin: 24px auto;
  padding: 0 16px;
}
/* AIB-008a: 案件の作成のフォームと表示。ラベルと欄を縦に並べ、幅 375px でも横にはみ出さない。 */
.aib-form label,
.aib-form select,
.aib-form input[type='text'],
.aib-form textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.aib-form label {
  margin-top: 16px;
  font-weight: 600;
}
.aib-form select,
.aib-form input[type='text'],
.aib-form textarea {
  margin-top: 4px;
  padding: 8px;
  font: inherit;
}
.aib-form fieldset {
  margin: 16px 0 0;
  padding: 0 12px 12px;
  border: 1px solid #d0d7de;
  min-width: 0;
}
.aib-form button {
  margin-top: 16px;
  padding: 10px 16px;
  font: inherit;
}
.aib-field-error {
  margin: 4px 0 0;
  color: #cf222e;
}
.aib-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.aib-dl dd {
  margin: 0 0 8px;
  overflow-wrap: anywhere;
}
.aib-meta {
  margin-bottom: 4px;
  color: #57606a;
  font-size: 0.9em;
}
/* AIB-008b: 案件の一覧。行を縦に積み、幅 375px でも横にはみ出さない（表にしない）。行全体をリンクにする。 */
.aib-case-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.aib-case-list li {
  margin: 0 0 8px;
}
.aib-case-list a {
  display: block;
  padding: 12px;
  background: #fff;
  border: 1px solid #d0d7de;
  overflow-wrap: anywhere;
}
.aib-case-list a span {
  display: block;
}
.aib-case-kind {
  font-weight: 600;
}
.aib-notice {
  padding: 8px 12px;
  border: 1px solid #d4a72c;
  background: #fff8c5;
}

/* AIB-008c: 整理の項目の出どころ・確認の状態の印と、確認のチェックボックス。 */
.aib-items li {
  margin: 0.25rem 0;
}
.aib-badge {
  display: inline-block;
  padding: 0 0.4rem;
  border: 1px solid currentColor;
  border-radius: 0.25rem;
  font-size: 0.85em;
}
.aib-check {
  margin-left: 0.5rem;
  white-space: nowrap;
}

/* AIB-008e: AIの処理の履歴。行を縦に積み、幅 375px でも横にはみ出さない（表にしない。行はリンクにしない）。 */
.aib-job-history {
  list-style: none;
  margin: 0;
  padding: 0;
}
.aib-job-history li {
  margin: 0 0 8px;
  padding: 12px;
  background: #fff;
  border: 1px solid #d0d7de;
  overflow-wrap: anywhere;
}
.aib-job-history .aib-meta {
  display: block;
}

/* REC2: 回復が要る案件。行を縦に積み、幅 375px でも横にはみ出さない（表にしない。行はリンクにしない）。 */
.aib-orphan-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.aib-orphan-list li {
  margin: 0 0 8px;
  padding: 12px;
  background: #fff;
  border: 1px solid #d0d7de;
  overflow-wrap: anywhere;
}
.aib-orphan-list .aib-meta {
  display: block;
}