/* ===== app.css: Tailwind ユーティリティで書けないものだけ ===== */

/* <details> のネイティブマーカーを消し、開閉で矢印アイコンを回転させる */
details > summary {
  list-style: none;
  cursor: pointer;
}
details > summary::-webkit-details-marker {
  display: none;
}
details > summary .chevron-icon {
  transition: transform 0.15s ease-out;
}
details[open] > summary .chevron-icon {
  transform: rotate(90deg);
}

/* 判断会議の資料(brief.js)の印刷。ドロワーの中身だけを紙面に出す。 */
@media print {
  body * {
    visibility: hidden;
  }
  .brief-print,
  .brief-print * {
    visibility: visible;
  }
  .brief-print {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}

/* リスクマトリクス(issues.js)。グリッドの骨組みは tailwind で書けるが、
   セルの濃淡(影響×確率の強さ)と丸バッジは Tailwind の既定色にないので独自定義する。 */
.risk-matrix {
  display: grid;
  grid-template-columns: 40px repeat(3, 1fr);
  grid-template-rows: 28px repeat(2, 56px);
  gap: 4px;
}
.risk-cell {
  border-radius: 0.5rem;
  padding: 6px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 4px;
}
.risk-cell-i1 { background: #FFF6EE; }
.risk-cell-i2 { background: #FFE4CC; }
.risk-cell-i3 { background: #FFC9A3; }
.risk-cell-i4 { background: #FFAD7A; }
.risk-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #0f172a;
  color: #fff;
  font-size: 10.5px;
  font-weight: 700;
  flex: 0 0 auto;
}