/* 配信設計 (scenario) view-specific styles. Every selector starts with
   #page-scenario (SPEC: CSS の規律). */

#page-scenario .sc-layout { display: flex; gap: 16px; align-items: flex-start; }
#page-scenario .sc-list-card { width: 260px; flex: none; }
#page-scenario .sc-detail-card { flex: 1; }

#page-scenario .sc-scenario-row {
  padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 13px;
}
#page-scenario .sc-scenario-row:hover { background: var(--tag-bg); }
#page-scenario .sc-scenario-row.active { background: var(--accent-secondary); color: #fff; }

#page-scenario .sc-detail-head { display: flex; gap: 8px; align-items: center; margin-bottom: 16px; }
#page-scenario .sc-detail-head input[type="text"] { flex: 1; }

#page-scenario .sc-steps-table { margin-bottom: 16px; }
#page-scenario .sc-step-row { cursor: pointer; }
#page-scenario .sc-step-row:hover { background: var(--tag-bg); }
#page-scenario .sc-step-row.active { background: var(--accent-secondary); }
#page-scenario .sc-step-row.active td { color: #fff; }

#page-scenario .sc-step-form { border-top: 1px solid var(--border-color); padding-top: 12px; }
#page-scenario #stepDayFieldsWrap { display: flex; gap: 12px; }
#page-scenario .sc-enabled-row { display: flex; align-items: center; gap: 6px; font-size: 13px; margin: 8px 0; }