#scope-dialog { width:min(700px,calc(100vw - 32px)); padding:22px; }
#scope-dialog h2 { margin-bottom:14px; }
.scope-change-summary { background:#f6f2ff; border:1px solid #e4d9f7; border-radius:10px; padding:12px 14px; margin:12px 0; }
.scope-change-summary p { margin:5px 0; overflow-wrap:anywhere; font-size:14px; }
.scope-change-summary strong { color:#635087; font-weight:500; margin-right:8px; }
.scope-change-children { max-height:180px; overflow:auto; margin:12px 0; border-block:1px solid var(--line); }
.scope-change-child { padding:9px 2px; border-bottom:1px solid var(--line); }
.scope-change-child:last-child { border-bottom:0; }
.scope-change-child strong { font-size:14px; font-weight:500; }
.scope-change-child small { display:block; color:#647084; font-size:13px; overflow-wrap:anywhere; margin-top:3px; }
.scope-change-options { display:grid; gap:9px; margin-top:12px; }
.scope-change-options label { display:flex; align-items:flex-start; gap:9px; padding:12px; border:1px solid #dfe2ed; border-radius:9px; cursor:pointer; }
.scope-change-options label:has(input:checked) { background:#f4efff; border-color:#baa2e9; }
.scope-change-options input { width:18px; height:18px; flex:0 0 auto; margin-top:3px; accent-color:var(--blue); }
.scope-change-options strong { display:block; color:#3d4256; font-size:15px; font-weight:600; }
.scope-change-options small { display:block; font-size:13px; margin-top:3px; color:#647084; font-weight:400; }
.scope-change-note { background:#fff6df; color:#826022; border-radius:8px; padding:10px 12px; margin-top:12px; font-size:14px; line-height:1.7; }
.scope-parent-context { color:#68738a; font-size:13px; line-height:1.65; margin:7px 0; overflow-wrap:anywhere; }
#scope-dialog .dialog-actions { margin-top:14px; padding-bottom:0; }
@media(max-width:700px) { #scope-dialog { padding:16px; } }