.vs-workspace { display:grid; grid-template-columns:230px minmax(0,1fr); border:1px solid var(--line); background:var(--surface); border-radius:12px; overflow:hidden; }
.vs-list { padding:10px; border-right:1px solid var(--line); background:#f0f4ee; display:flex; flex-direction:column; gap:5px; }
.vs-list-item { display:grid; gap:4px; text-align:left; padding:13px; background:transparent; border-color:transparent; min-width:0; }
.vs-list-item strong { overflow-wrap:anywhere; }
.vs-list-item small { color:var(--muted); font-weight:400; }
.vs-list-item.active { background:var(--surface); border-color:#a9bdb0; color:var(--teal); }
.vs-detail { padding:24px; min-width:0; }
.vs-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; margin-bottom:18px; }
.vs-toolbar label { min-width:200px; display:grid; gap:5px; }
.vs-version-line { display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; margin:20px 0; color:var(--muted); font-size:12px; }
.vs-description { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; margin:18px 0 24px; }
.vs-references { margin:10px 0 22px; }
.vs-reference { display:grid; gap:4px; padding:11px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.vs-reference .muted { font-size:12px; }
.vs-detail .notice { margin:20px 0; }
.vs-history { margin-top:26px; padding-top:16px; border-top:1px solid var(--line); }
.vs-history p { padding:9px 0; font-size:12px; }
.vs-impact-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; margin:20px 0 14px; }
.vs-impact-heading p { font-size:13px; max-width:560px; color:var(--muted); }
.vs-impact-table small, .vs-submission small { display:block; font-size:11px; color:var(--muted); padding-top:4px; }
.vs-submission + .vs-submission { border-top:1px solid var(--line); margin-top:8px; padding-top:8px; }
.vs-submission button { text-align:left; padding-left:0; color:var(--teal); }
.vs-section-title { margin:26px 0 12px; }
.vs-check-list { border:1px solid var(--line); padding:4px 14px; border-radius:8px; max-height:230px; overflow:auto; margin-bottom:20px; }
.vs-asset-picker { margin-top:12px; }
.vs-asset-row { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:18px; align-items:center; padding:12px 0; border-bottom:1px solid var(--line); }
.vs-asset-row small { display:block; font-weight:400; color:var(--muted); }
.vs-asset-row > label:last-child { display:grid; gap:5px; }
.vs-adopt-list { margin-top:20px; }
.vs-adopt-row { padding:16px 0; border-top:1px solid var(--line); }
.vs-adopt-row .checkbox { margin:0 0 12px; }
.vs-adopt-row small { display:block; font-weight:400; margin-top:5px; color:var(--muted); }
.vs-adopt-row .field { margin-top:14px; }
.vs-adopt-row > p { font-size:12px; margin:8px 0; }
.vs-adopt-row details { margin:12px 0; font-size:12px; }
.vs-modal details > p { margin:10px 0; }
.vs-modal .form-error:not(:empty) { padding:12px; background:#fff2ec; border-radius:8px; margin:16px 0; }
@media(max-width:850px) { .vs-workspace { grid-template-columns:1fr; } .vs-list { border-right:0; border-bottom:1px solid var(--line); display:flex; flex-direction:row; overflow:auto; } .vs-list-item { flex:0 0 190px; } .vs-detail { padding:18px; } }
@media(max-width:540px) { .vs-detail { padding:14px; } .vs-toolbar { align-items:stretch; } .vs-toolbar > *, .vs-toolbar label { width:100%; } .vs-asset-row { grid-template-columns:1fr; gap:3px; } .vs-modal { max-height:calc(100dvh - 20px); } .vs-modal .modal-header,.vs-modal .modal-body,.vs-modal .modal-footer { padding:16px; } .vs-modal .modal-footer { flex-wrap:wrap; } .vs-modal .form-row { grid-template-columns:1fr; gap:0; } .vs-impact-table { min-width:660px; } }
.vs-scope-basis { display:block; max-width:340px; white-space:normal; overflow-wrap:anywhere; line-height:1.55; margin-top:8px; }
.vs-toolbar .muted { display:block; max-width:100%; overflow-wrap:anywhere; }
.vs-history p { overflow-wrap:anywhere; }
.vs-modal select[name=sequenceId] { width:100%; }