/* 沿用智课云蓝色，变化表格而非通知卡片。弹层焦点与滚动由共享 ZhikeModal 管理。 */
.change-summary-entry { display:flex; align-items:center; width:100%; min-height:44px; padding:.65rem .8rem; border:1px solid var(--sky-border,#bae6fd); border-radius:9px; color:var(--sky2,#0284c7); background:var(--sky-bg,#f0f7ff); font:inherit; font-size:.84rem; font-weight:650; text-align:left; cursor:pointer; }
.change-summary-entry:hover { background:var(--sky-light,#e0f2fe); }
.change-summary-entry:focus-visible,.change-summary-card button:focus-visible,.change-summary-row summary:focus-visible { outline:3px solid var(--sky2,#0284c7); outline-offset:3px; }
.change-summary-modal { position:fixed; inset:0; z-index:11000; display:none; place-items:center; padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left)); background:rgba(15,37,59,.38); overscroll-behavior:contain; }
.change-summary-modal.open { display:grid; }
.change-summary-modal[hidden] { display:none; }
.change-summary-card { width:min(100%,52rem); max-height:min(88dvh,54rem); display:flex; flex-direction:column; overflow:hidden; background:var(--card,#fff); color:var(--text,#0f172a); border:1px solid var(--sky-border,#bae6fd); border-radius:16px; box-shadow:0 20px 65px rgba(15,37,59,.22); }
.change-summary-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1rem 1.25rem .9rem; border-bottom:1px solid var(--sky-border,#bae6fd); }
.change-summary-head h2 { font-size:1.15rem; line-height:1.45; font-weight:750; }
.change-summary-head p { font-size:.85rem; color:var(--text2,#334155); margin-top:.3rem; overflow-wrap:anywhere; }
.change-summary-card button { min-height:44px; padding:.45rem .8rem; background:var(--card,#fff); color:var(--text2,#334155); font:inherit; font-size:.84rem; border:1px solid var(--sky-border,#bae6fd); border-radius:8px; cursor:pointer; }
.change-summary-card button:disabled { cursor:default; color:var(--muted,#64748b); background:var(--bg,#f0f7ff); }
.change-summary-tabs { display:flex; gap:.4rem; padding:.7rem 1.25rem; overflow-x:auto; flex-shrink:0; border-bottom:1px solid var(--sky-border,#bae6fd); }
.change-summary-tabs .change-summary-tab { white-space:nowrap; border-color:transparent; }
.change-summary-tabs .change-summary-tab[aria-pressed="true"] { background:var(--sky-light,#e0f2fe); border-color:var(--sky-border,#bae6fd); color:var(--sky2,#0284c7); font-weight:700; }
.change-summary-body { padding:.9rem 1.25rem; overflow:auto; min-height:0; overscroll-behavior:contain; }
.change-summary-meta { display:flex; flex-wrap:wrap; gap:.35rem 1.2rem; font-size:.8rem; font-weight:650; color:var(--text2,#334155); overflow-wrap:anywhere; }
.change-summary-note,.change-summary-state,.change-summary-row-source { font-size:.8rem; line-height:1.65; color:var(--text2,#334155); overflow-wrap:anywhere; }
.change-summary-note { margin:.5rem 0; max-width:74ch; }
.change-summary-state { padding:.55rem .7rem; margin:.7rem 0; background:var(--sky-bg,#f0f7ff); border-left:3px solid var(--sky2,#0284c7); }
.change-summary-count { padding:.45rem 0 .7rem; font-size:.9rem; font-weight:700; }
.change-summary-list { border-top:1px solid var(--sky-border,#bae6fd); }
.change-summary-row { border-bottom:1px solid var(--sky-border,#bae6fd); }
.change-summary-row summary { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; min-height:48px; padding:.6rem .1rem; cursor:pointer; }
.change-summary-row summary::before { content:'＋'; flex:0 0 1rem; color:var(--sky2,#0284c7); font-size:1rem; }
.change-summary-row[open] summary::before { content:'−'; }
.change-summary-kind { flex:0 0 auto; min-width:2.8rem; font-size:.75rem; font-weight:700; padding:.16rem .4rem; border-radius:4px; color:#075985; background:#e0f2fe; }
.change-summary-kind.added { color:#166534; background:#dcfce7; }
.change-summary-kind.removed { color:#9f1239; background:#ffe4e6; }
.change-summary-name { flex:1; min-width:0; font-size:.9rem; font-weight:650; overflow-wrap:anywhere; }
.change-summary-field-count { color:var(--muted,#64748b); font-size:.75rem; white-space:nowrap; }
.change-summary-row-source { padding:0 .3rem .55rem 1.7rem; }
.change-summary-fields { display:grid; grid-template-columns:minmax(4rem,7rem) minmax(0,1fr); gap:0 .8rem; margin:0 .3rem .8rem 1.7rem; font-size:.81rem; }
.change-summary-fields dt,.change-summary-fields dd { padding:.45rem 0; border-top:1px solid var(--sky-border,#bae6fd); line-height:1.65; overflow-wrap:anywhere; }
.change-summary-fields dt { font-weight:650; color:var(--text2,#334155); }
.change-summary-fields dd span { display:block; white-space:pre-wrap; overflow-wrap:anywhere; }
.change-summary-before { color:var(--muted,#64748b); }
.change-summary-after { color:var(--text,#0f172a); }
.change-summary-empty { padding:1.2rem 0; font-size:.9rem; color:var(--text2,#334155); }
.change-summary-footer { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:.5rem; padding:.65rem 1.25rem; border-top:1px solid var(--sky-border,#bae6fd); flex-shrink:0; }
.change-summary-footer > span { margin-right:auto; font-size:.8rem; color:var(--text2,#334155); }
@media(max-width:600px) { .change-summary-modal { padding:.5rem; } .change-summary-card { max-height:calc(100dvh - 1rem); border-radius:12px; } .change-summary-head,.change-summary-body { padding:.85rem; } .change-summary-tabs,.change-summary-footer { padding:.65rem .85rem; } .change-summary-fields { grid-template-columns:4.5rem minmax(0,1fr); margin-left:.2rem; } .change-summary-row-source { padding-left:.2rem; } }
@media(prefers-reduced-motion:reduce) { .change-summary-modal,.change-summary-card { animation:none; transition:none; } }