/* admin-release.css — 관리자 「소식」 화면.  (2026-09-23 신설)
 *
 * ⚠ 전역 `button{width:100%;margin-top:8px}` 상속을 끊는다(이 저장소의 되풀이 함정).
 * ⚠ admin-shell이 주는 본문 칸에 그린다 — 좌(목록) + 우(폼) 2단, 좁으면 한 줄로 쌓는다.
 */

.arl-wrap { display: flex; gap: 16px; align-items: flex-start; }

/* ── 왼쪽 목록 ──────────────────────────────────────────────────── */
.arl-left {
  width: 360px; flex: none;
  border: 1px solid var(--border-subtle, #e2e8f0); border-radius: 12px;
  background: var(--bg-surface-elevated, #fff); overflow: hidden;
}
.arl-lhead {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 12px 14px; border-bottom: 1px solid var(--border-subtle, #e2e8f0);
  font-size: 13.5px;
}
.arl-row { padding: 11px 13px; border-bottom: 1px solid var(--border-subtle, #f1f5f9); }
.arl-row.is-on { background: var(--accent-blue-bg, #eef4ff); }
.arl-rhead { display: flex; align-items: center; gap: 6px; }
.arl-gap { flex: 1 1 auto; }
.arl-day { font-size: 11px; color: var(--text-tertiary, #64748b); }
.arl-title { font-size: 13px; font-weight: 600; margin-top: 5px; }
.arl-where { font-size: 11px; color: var(--text-tertiary, #64748b); margin-top: 3px; }

.arl-kind {
  flex: none; font-size: 10px; font-weight: 700; color: #fff;
  border-radius: 4px; padding: 2px 6px; background: var(--text-tertiary, #64748b);
}
.arl-k-feature { background: var(--accent-blue, #1d4ed8); }
.arl-k-fix { background: var(--status-live, #047857); }
.arl-k-notice {
  background: var(--status-warn-bg, #fef6e7); color: var(--status-warn, #92600e);
  border: 1px solid var(--status-warn-line, #f5dfae);
}
.arl-st {
  font-size: 10.5px; font-weight: 700; border-radius: 4px; padding: 2px 6px;
  background: var(--bg-sunken, #eef2f7); color: var(--text-tertiary, #64748b);
}
.arl-st.is-live { background: var(--status-live-bg, #e6f6ee); color: var(--status-live, #047857); }

.arl-act { display: flex; gap: 6px; margin-top: 8px; }
.arl-empty { padding: 22px 14px; text-align: center; font-size: 12.5px; color: var(--text-tertiary, #64748b); }

/* ── 오른쪽 폼 ──────────────────────────────────────────────────── */
.arl-form {
  flex: 1 1 auto; min-width: 0;
  border: 1px solid var(--border-subtle, #e2e8f0); border-radius: 12px;
  background: var(--bg-surface-elevated, #fff);
  padding: 16px 18px; display: flex; flex-direction: column; gap: 12px;
}
.arl-ftitle { font-size: 14.5px; }

.arl-f { display: flex; flex-direction: column; gap: 4px; }
.arl-f label {
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
  font-size: 11.5px; color: var(--text-secondary, #475569);
}
.arl-count { font-size: 11px; color: var(--text-tertiary, #64748b); font-weight: 400; }
.arl-f input[type="text"], .arl-f textarea {
  width: 100%; box-sizing: border-box;
  border: 1px solid var(--border-medium, #cbd5e1); border-radius: 8px;
  padding: 8px 10px; font: inherit; font-size: 13.5px; line-height: 1.6;
  background: var(--bg-sunken, #f6f8fa); color: inherit;
}
.arl-f textarea { resize: vertical; min-height: 96px; }
.arl-hint { margin: 2px 0 0; font-size: 11px; color: var(--text-tertiary, #64748b); line-height: 1.5; }

.arl-kinds, .arl-where-f { border: 0; margin: 0; padding: 0; }
.arl-kinds legend, .arl-where-f legend {
  padding: 0 0 6px; font-size: 11.5px; color: var(--text-secondary, #475569);
}
.arl-kinds { display: flex; flex-wrap: wrap; gap: 14px; }
.arl-kinds legend { flex-basis: 100%; }
.arl-where-f { display: flex; flex-direction: column; gap: 7px; }
.arl-kinds label, .arl-where-f label {
  display: flex; align-items: center; gap: 7px; font-size: 13px; cursor: pointer;
}
.arl-kinds input, .arl-where-f input { margin: 0; width: 15px; height: 15px; accent-color: var(--accent-blue, #1d4ed8); }

.arl-period { display: flex; gap: 14px; }
.arl-period > * { flex: 1 1 0; min-width: 0; }

.arl-pv {
  display: flex; align-items: center; gap: 8px;
  background: var(--accent-blue-bg, #eef4ff); border: 1px solid var(--accent-blue-line, #cdddf8);
  border-radius: 9px; padding: 8px 11px;
}
.arl-pvt {
  flex: 1 1 auto; min-width: 0; font-size: 12.5px; color: var(--accent-blue-ink, #1e3a8a);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.arl-pvn { flex: none; font-size: 10.5px; color: var(--text-tertiary, #64748b); }

.arl-msg { font-size: 12px; padding: 7px 10px; border-radius: 8px; }
.arl-msg.err { background: var(--status-danger-bg, #fde8e6); color: var(--status-danger, #c2261f); }
.arl-msg.ok { background: var(--status-live-bg, #e6f6ee); color: var(--status-live, #059669); }

.arl-fact { display: flex; justify-content: flex-end; gap: 8px; }

/* ── 단추 (전역 button 상속을 끊는다) ───────────────────────────── */
.arl-b {
  width: auto; margin: 0; min-height: 34px;
  border: 1px solid var(--border-medium, #cbd5e1); border-radius: 8px;
  background: var(--bg-sunken, #f6f8fa); color: inherit;
  padding: 6px 12px; font: inherit; font-size: 12.5px; cursor: pointer;
}
.arl-b:hover { filter: brightness(.98); }
.arl-b.pri { background: var(--accent-blue, #1d4ed8); border-color: transparent; color: #fff; font-weight: 600; }
.arl-b.sm { min-height: 30px; padding: 4px 10px; font-size: 12px; }
.arl-b.arl-del:hover { color: var(--status-danger, #c2261f); border-color: var(--status-danger, #c2261f); }
.arl-b:disabled { opacity: .55; cursor: default; }

@media (max-width: 900px) {
  .arl-wrap { flex-direction: column; }
  .arl-left { width: 100%; }
  .arl-period { flex-direction: column; gap: 10px; }
}