/* Scoped dark-teal styling consistent with the existing consultation panel. */
.cx-doc-panel{margin:1.1rem 0;padding:1rem;border:1px solid rgba(80,196,184,.32);border-radius:13px;background:rgba(10,77,75,.09)}
.cx-doc-panel h3{margin:0 0 .4rem}.cx-doc-muted,.cx-doc-status{font-size:.89rem;opacity:.82;line-height:1.5}
.cx-doc-list{display:grid;gap:.45rem;margin:.7rem 0}.cx-doc-source{display:flex;gap:.7rem;align-items:flex-start;padding:.65rem .75rem;border-radius:8px;border:1px solid rgba(110,191,185,.24);cursor:pointer}
.cx-doc-source input{margin-top:.2rem;flex-shrink:0}.cx-doc-source span{display:flex;flex-direction:column;gap:.25rem}.cx-doc-source small{line-height:1.4;opacity:.78}
#cxDocContextPreview{width:100%;font-family:ui-monospace,Consolas,monospace;font-size:.83rem;min-height:110px;margin:.55rem 0}
.cx-doc-confirm{display:flex;align-items:flex-start;gap:.4rem;margin:.6rem 0;font-size:.88rem}.cx-doc-confirm input{margin-top:.2rem}
.cx-doc-error{color:#e59e99;opacity:1}

/* v131: Checkbox controls must not inherit the form-wide input width.
   That caused a giant empty checkbox column and pushed source text outside the card. */
#cxDocContextPanel,
#cxDocContextList {min-width:0;max-width:100%;box-sizing:border-box}
#cxDocContextList {grid-template-columns:minmax(0,1fr)}
#cxDocContextList .cx-doc-source {
 display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;
 gap:12px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;
}
#cxDocContextList .cx-doc-source > input[type="checkbox"] {
 display:block;width:18px;height:18px;min-width:18px;max-width:18px;
 flex:none;justify-self:start;margin:2px 0 0;padding:0;
}
#cxDocContextList .cx-doc-source > span {
 display:flex;flex-direction:column;gap:.25rem;min-width:0;
 overflow-wrap:anywhere;white-space:normal;
}
#cxDocContextList .cx-doc-source strong,
#cxDocContextList .cx-doc-source small {overflow-wrap:anywhere;white-space:normal}
#cxDocContextPanel .cx-doc-confirm > input[type="checkbox"] {
 display:block;width:18px;height:18px;min-width:18px;max-width:18px;
 flex:none;margin:2px 0 0;padding:0;
}
#cxDocContextPreview {width:100%;max-width:100%;min-width:0;box-sizing:border-box}


/* v132: keep the review confirmation visually centered in the action flow
   between Load sources and Append, instead of letting it span the panel. */
#cxDocContextControls {
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:.9rem;
 margin:.8rem 0 1rem;
 max-width:30rem;
}
#cxDocContextControls > .outline {
 width:auto;
 max-width:100%;
}
#cxDocContextControls .cx-doc-confirm {
 display:flex;
 align-items:flex-start;
 gap:.55rem;
 margin:0;
 padding:.15rem 0;
 max-width:30rem;
 width:auto;
}
#cxDocContextControls .cx-doc-confirm > input[type="checkbox"] {
 display:block;
 width:18px;
 height:18px;
 min-width:18px;
 max-width:18px;
 flex:none;
 margin:2px 0 0;
 padding:0;
}
#cxDocContextControls .cx-doc-confirm {
 line-height:1.45;
}
@media (max-width: 700px) {
 #cxDocContextControls {max-width:100%}
 #cxDocContextControls .cx-doc-confirm {max-width:100%}
}