/* 投稿準備は未投稿を初期表示し、本文を開く前に予約状態と日時を確認できる。 */
.article-plan-list-card {
  display: flow-root;
  border: 2px solid var(--theme-border, var(--navy-border));
  border-left-width: 6px;
  background: var(--theme-panel, var(--navy-panel));
  padding: 14px 16px;
  box-shadow: 0 2px 6px #0000000a;
}
.article-plan-list-card.is-scheduled { border-left-color: #2870bd; background: color-mix(in srgb, #2870bd 8%, var(--theme-panel, var(--navy-panel))); }
.article-plan-list-card.is-planned { border-left-color: #b78421; }
.article-plan-list-card.is-published { border-left-color: #278352; }
.article-plan-list-card.is-attention { border-left-color: #be4934; }
.article-plan-list-card > header > div { min-width: 0; }
.article-plan-list-card > header strong { display: block; overflow-wrap: anywhere; font-size: 15px; line-height: 1.5; }
.article-plan-list-card > header small { font-size: 12px; line-height: 1.5; }
.article-plan-status-badge { flex-shrink: 0; align-self: flex-start; padding: 5px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: var(--theme-soft-surface, var(--navy-panel-2)); }
.article-plan-status-badge.is-scheduled { color: #fff; background: #2870bd; }
.article-plan-status-badge.is-planned { color: #fff; background: #946710; }
.article-plan-status-badge.is-published { color: #fff; background: #278352; }
.article-plan-status-badge.is-attention { color: #fff; background: #be4934; }
.article-plan-overview { display: flex; gap: 8px 18px; align-items: center; flex-wrap: wrap; margin: 6px 0; font-size: 13px; line-height: 1.5; }
.article-plan-overview-time { overflow-wrap: anywhere; }
.article-plan-list-card > .article-plan-immediate-actions { justify-content: flex-end; margin: 8px 0; }
/* 主操作を開閉行の右側に揃え、ボタン用の縦の段を増やさない。 */
.article-plan-list-card > .article-plan-immediate-actions:has(> button:only-child) { float: right; margin: 4px 0 4px 12px; }
.article-plan-record-details { border-top: 1px solid var(--theme-border, var(--navy-border)); }
.article-plan-record-details > summary { min-height: 44px; display: list-item; align-content: center; cursor: pointer; font-weight: 600; font-size: 13px; padding: 6px 0; box-sizing: border-box; }
.article-plan-record-details[open] > summary { margin-bottom: 8px; }
.article-plan-record-details[open] > .article-plan-send-summary { clear: both; }
.article-plan-confirmation-time { display: flex; flex-direction: column; gap: 4px; padding: 12px; border-radius: 10px; border: 1px solid #2870bd; background: color-mix(in srgb, #2870bd 8%, var(--theme-panel, var(--navy-panel))); }
.article-plan-persona-filter > strong { flex: 0 0 auto; font-size: 13px; }
@media (max-width: 600px) {
  .article-plan-list-card { padding: 12px; }
  .article-plan-list-card > header { flex-direction: row; gap: 10px; }
  .article-plan-overview { align-items: flex-start; flex-direction: column; gap: 4px; }
  .article-plan-list-card > .article-plan-immediate-actions .btn { min-height: 44px; }
}