/* Release notes and their editor; no global card or form overrides. */
.cl-list { display:grid; gap:20px; min-width:0; }
.cl-card { padding:24px; min-width:0; transition:border-color .2s,transform .2s; animation:cl-enter .25s ease-out; }
.cl-card:hover { border-color:rgba(0,129,255,.4); transform:translateY(-2px); }
.cl-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.cl-version { color:#88c4ff; font-weight:700; overflow-wrap:anywhere; }
.cl-badge { display:inline-block; padding:4px 8px; border-radius:6px; font-size:.65rem; letter-spacing:.1em; font-weight:700; border:1px solid rgba(0,129,255,.35); background:rgba(0,129,255,.1); color:#8dd7ff; }
.cl-card h2 { margin:12px 0 6px; font-size:1.35rem; overflow-wrap:anywhere; }
.cl-card time { color:var(--cs-text-muted); font-size:.8rem; }
.cl-summary { color:var(--cs-text-muted); line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.cl-change-group { margin-top:22px; border-left:2px solid currentColor; padding-left:14px; }
.cl-change-group h3 { margin:0 0 9px; font-size:.7rem; letter-spacing:.12em; }
.cl-change-group ul { list-style:none; margin:0; padding:0; }
.cl-change-group li { display:flex; gap:10px; margin-top:8px; font-size:.9rem; line-height:1.6; }
.cl-change-group li > span:last-child { color:var(--cs-text); white-space:pre-wrap; overflow-wrap:anywhere; min-width:0; }
.cl-change-group li > span:first-child { font-weight:700; flex-shrink:0; }
.cl-added { color:#65dca5; } .cl-changed { color:#f2b25f; } .cl-removed { color:#f28991; }
.cl-pager,.cl-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:18px; }
.cl-pager .cl-page-current { border-color:var(--cs-primary); background:rgba(0,129,255,.15); }
.cl-empty { padding:30px 22px; text-align:center; }
.cl-empty p { color:var(--cs-text-muted); line-height:1.6; }
.cl-admin { margin-top:32px; min-width:0; }
.cl-editor-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; align-items:start; }
.cl-editor-layout > * { min-width:0; }
.cl-form { scroll-margin-top:100px; }
.cl-form label { display:block; margin-bottom:16px; font-size:.85rem; font-weight:600; }
.cl-form input,.cl-form textarea,.cl-form select { width:100%; box-sizing:border-box; margin-top:6px; padding:9px 11px; background:#1b1e2e; color:var(--cs-text); border:1px solid #2e324d; border-radius:6px; font:inherit; font-size:.85rem; color-scheme:dark; }
.cl-form textarea { resize:vertical; min-height:80px; }
.cl-form fieldset { border:0; padding:0; margin:0; min-width:0; }
.cl-form legend { font-weight:700; margin-bottom:10px; }
.cl-form small { display:block; color:var(--cs-text-muted); margin-top:6px; font-weight:400; line-height:1.5; }
.cl-change-row { display:grid; grid-template-columns:110px minmax(0,1fr) auto; gap:8px; margin-bottom:10px; align-items:start; }
.cl-change-row input,.cl-change-row select { margin:0; }
.cl-change-row .btn { padding:9px 10px; }
.cl-preview { max-height:650px; overflow:auto; scrollbar-width:thin; scrollbar-color:#0081ff #101b2c; }
.cl-existing { margin-top:28px; }
.cl-existing .cl-card { padding:18px; }
.cl-danger { color:#ffb6bc; border-color:rgba(242,137,145,.45); background:rgba(173,43,58,.18); }
.cl-status { min-height:1.4em; color:var(--cs-text-muted); font-size:.85rem; line-height:1.6; }
.cl-dialog { max-width:min(440px,calc(100vw - 32px)); background:#101a2b; color:var(--cs-text); border:1px solid var(--cs-border); border-radius:14px; padding:24px; box-shadow:var(--shadow-2); }
.cl-dialog::backdrop { background:rgba(0,0,0,.7); }
.cl-dialog h2 { margin:0 0 12px; font-size:1.25rem; }
.cl-dialog p { color:var(--cs-text-muted); line-height:1.6; overflow-wrap:anywhere; }
.cl-form :focus-visible,.cl-dialog :focus-visible,.cl-pager :focus-visible { outline:2px solid var(--cs-primary); outline-offset:2px; }
@keyframes cl-enter { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1100px) { .cl-editor-layout { grid-template-columns:minmax(0,1fr); } }
@media(max-width:640px) {
  .cl-card { padding:16px; }
  .cl-change-row { grid-template-columns:minmax(0,1fr) auto; }
  .cl-change-row input { grid-column:1/-1; grid-row:2; }
  .cl-pager { gap:6px; }
  .cl-pager .btn { padding:8px 10px; }
}
@media(prefers-reduced-motion:reduce) { .cl-card { animation:none; transition:none; } .cl-card:hover { transform:none; } }