/* =========================
   DRW Admin
========================= */

.drw-admin {
  max-width: 900px;
  margin: 0 auto;
}

.drw-admin-block {
  padding: 16px;
  margin-bottom: 24px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
}

.drw-status {
  font-size: 14px;
  margin-bottom: 6px;
}

.drw-stats-human {
  margin: 10px 0 16px;
  padding: 10px;
  background: #f6f7f8;
  border-left: 4px solid #c00;
}

.drw-stats-human h4 {
  margin: 0 0 6px;
  font-size: 14px;
}

.drw-stats-human ul {
  margin: 0;
  padding-left: 18px;
}

.drw-stats-human li {
  font-size: 13px;
  line-height: 1.6;
}



.drw-team-stats-wrap { margin: 14px 0 18px; }
.drw-team-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 900px) { .drw-team-stats-grid { grid-template-columns: 1fr; } }

.drw-team-stats-box { padding: 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; }
.drw-team-stats-head { display:flex; gap:8px; align-items:center; margin-bottom: 6px; }
.drw-team-badge { font-size: 12px; opacity: .85; }
.drw-team-stats-status { margin: 6px 0 8px; opacity:.9; }
.drw-team-stats-list { margin: 0; padding-left: 18px; }
.drw-team-stats-list li { margin: 2px 0; }


.drw-events-wrap { margin: 14px 0 18px; }
.drw-events-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 900px) { .drw-events-grid { grid-template-columns: 1fr; } }

.drw-events-box { padding: 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; }
.drw-events-head { display:flex; gap:8px; align-items:center; margin-bottom: 6px; }

.drw-events-list { margin: 0; padding-left: 18px; }
.drw-events-list li { margin: 3px 0; }

.drw-events-empty { margin: 8px 0 0; opacity: .7; }

.drw-events-other { margin-top: 10px; opacity: .9; }
.drw-events-other summary { cursor: pointer; }


.drw-toggle{
  margin: 14px 0 18px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.drw-toggle__summary{
  list-style: none;
  padding: 12px 14px;
  cursor: pointer;
  user-select: none;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(0,0,0,.04);
}

.drw-toggle__summary::-webkit-details-marker{ display:none; }

.drw-toggle__summary::after{
  content:"▾";
  margin-left:auto;
  opacity:.75;
  transition: transform .15s ease;
}

.drw-toggle[open] .drw-toggle__summary::after{
  transform: rotate(-180deg);
}

.drw-toggle__body{
  padding: 12px 14px 14px;
}


.drw-admin-title{
  margin: 0 0 6px;
  font-size: 18px;
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.drw-admin-score{
  font-weight: 800;
  padding: 2px 10px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 999px;
}

.drw-admin-sub{
  margin: 0 0 14px;
  color: rgba(0,0,0,.65);
  font-size: 13px;
}

.drw-admin-events h4,
.drw-ai-note h4{
  margin: 10px 0 8px;
  font-size: 14px;
}

.drw-ai-note-box{
  padding: 12px;
  background: #f6f7f8;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  white-space: pre-wrap;
}


.drw-ai-note { margin: 14px 0 18px; }
.drw-ai-note-box {
  padding: 12px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 10px;
  background: #f7f7f7;
}
.drw-ai-note-meta { margin-bottom: 6px; opacity: .7; }
.drw-ai-note-body { font-size: 14px; line-height: 1.75; white-space: normal; }
.drw-ai-note-body.is-empty { opacity: .6; }

/* AI文章：文章だけ表示 */
.drw-ai-text{
  margin: 8px 0 0;
  white-space: pre-wrap;   /* 改行を保持 */
  line-height: 1.9;
  font-size: 14px;
  color: #111;
}

/* 空のとき */
.drw-ai-text.is-empty{
  opacity: .6;
}

/* =========================
   DRW Admin: Compact mode
========================= */

/* ブロック全体の余白を少し詰める（任意） */
.drw-admin-block{
  padding: 16px 18px;
}

/* details: 見出し（summary）を小さく */
.drw-toggle__summary{
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.4;
}

/* details: 中身の余白も小さく */
.drw-toggle__body{
  padding: 12px 12px;
}

/* セクション見出し（HOME/AWAYの行や小見出し） */
.drw-events-head strong,
.drw-team-stats-head strong{
  font-size: 14px;
}

/* イベント/スタッツ：リストの文字と行間を小さく */
.drw-events-list li,
.drw-team-stats-list li,
.drw-stats-human li{
  font-size: 13px;
  line-height: 1.55;
  margin: 4px 0;
}

/* イベントの左右ボックスの余白を詰める */
.drw-events-box,
.drw-team-stats-box{
  padding: 10px 12px;
}

/* HOME/AWAY バッジを少し小さく */
.drw-team-badge{
  font-size: 11px;
  padding: 2px 6px;
}

/* 「なし」「未判定」などのテキスト */
.drw-events-empty,
.drw-team-stats-status{
  font-size: 12px;
}

/* gridの間隔も詰める */
.drw-events-grid,
.drw-team-stats-grid{
  gap: 12px;
}