/* Step 5: Visual Studio chrome and an SSDT-style embedded model designer. */
.vs-window{font-family:'Segoe UI',Arial,sans-serif;background:#1e1e1e;border:1px solid #686868;box-shadow:0 18px 70px #0009;color:#f1f1f1;--lime:#9cdcfe;--gold:#dcdcdc;--muted:#b7b7b7;--ink:#f1f1f1;--line:#464646}
.window.vs-window{width:min(1450px,100%)}
.vs-window>.titlebar{background:#2d2d30;color:#f1f1f1;font:15px 'Segoe UI',Arial,sans-serif;padding:10px 14px;border-bottom:1px solid #434346}
.vs-window>.titlebar>span:before{content:'◈';color:#c49bea;margin-right:12px;font-size:20px}
.vs-window .close{color:#ccc;border:0;font-size:23px;line-height:1}
.vs-window .close:hover{background:#c42b1c;color:white}
.vs-window .workbody{padding:16px}
.vs-window .tabs{border-color:#414141;gap:0;margin-bottom:20px}
.vs-window .tabs button{font-size:14px;color:#bfbfbf;padding:10px 13px}
.vs-window .tabs button.selected{background:#252526;color:#fff;border-bottom-color:#007acc}
.vs-window .designer-heading h2{font-family:'Segoe UI',Arial,sans-serif;font-size:22px;font-weight:400;margin:6px 0}
.vs-window .eyebrow{color:#a9a9ad;font-size:12px;letter-spacing:.5px}
.vs-window .designer-tag{font:13px 'Segoe UI',Arial,sans-serif;background:#333337;border:1px solid #505055;color:#bfc0c4;padding:5px 9px}
.vs-window .intro{font-size:15px;color:#bfc0c4;line-height:1.6;max-width:950px;margin:10px 0 18px}
.vs-window .ide{--idebg:#1e1e1e;--idepanel:#252526;--ideborder:#454545;--ideaccent:#007acc;font-family:'Segoe UI',Arial,sans-serif;background:#1e1e1e;color:#eee;border:1px solid #555;box-shadow:none;margin-top:0}
.vs-window .ide button{font-family:'Segoe UI',Arial,sans-serif}
.vs-window .ide-title{font:14px 'Segoe UI',Arial,sans-serif;background:#3c3c3c;padding:8px 12px;border-bottom:1px solid #464646;min-height:38px}
.vs-window .ide-title>span:last-child{color:#d2d2d2}
.vs-window .ide-logo{color:#c49bea;background:none;font-size:23px;height:24px;line-height:24px}
.vs-window .ide-tools{background:#2d2d30;padding:7px 10px;border-color:#454545}
.vs-window .ide-tools button{background:#333337;border:1px solid #555;color:#ddd;padding:6px 10px;font-size:14px}
.vs-window .ide-tools button:hover{background:#414149;border-color:#757582}
.vs-window .ide-tools button[aria-pressed=true]{background:#094771;border-color:#007acc;color:white}
.vs-window .ide-layout{grid-template-columns:minmax(0,1fr) 310px}
.vs-window .ide-filetab{background:#007acc;border:0;font-size:14px;padding:9px 13px;color:white}
.vs-window .ide-filetab span{color:#e4eff9}
.vs-window .diagram-scroll{background:#ededed;min-height:400px}
.vs-window .model-canvas{height:400px;background:#ededed;background-image:none}
.vs-window .model-table{background:#fff;border:1px solid #919ba5;box-shadow:2px 3px 5px #0002}
.vs-window .model-table-title{font:600 15px 'Segoe UI',Arial,sans-serif;height:45px;padding:10px 12px;background:#e0e5eb;color:#252526;border-bottom:1px solid #adb4bd}
.vs-window .model-table-title.selected{background:#c8e2f8;color:#1a3045}
.vs-window .model-field{color:#222;font-size:14px}
.vs-window .model-field>span{color:#557c9e;font-family:Consolas,monospace}
.vs-window .model-field:hover{background:#edf5fc}
.vs-window .model-field.selected{background:#cde7fc;box-shadow:inset 3px 0 #007acc}
.vs-window .model-measure{border-color:#ccc;color:#222}
.vs-window .model-measure>span{color:#9c7428}
.vs-window .model-wire path{stroke:#555;stroke-width:1.5;shape-rendering:auto}
.vs-window .model-wire .filter-arrow{fill:#555;stroke:none}
.vs-window .model-wire text{font:17px 'Segoe UI',Arial,sans-serif;fill:#333}
.vs-window .relationship-hit{color:#333;background:#f6f6f6;border:1px solid #aaa;border-radius:2px;font-size:14px}
.vs-window .relationship-hit.selected{background:#cde7fc;border-color:#007acc}
.vs-window .canvas-caption{color:#666;font-size:13px;bottom:16px}
.vs-window .ide-table-tabs{background:#d9d9d9;border-color:#b8b8b8;padding:0 6px}
.vs-window .ide-table-tabs button{color:#303030;font-size:14px;padding:9px 15px;border-bottom-width:2px}
.vs-window .ide-table-tabs button[aria-pressed=true]{background:white;color:#111;border-bottom-color:#007acc}
.vs-window .ide-side{background:#252526;max-height:700px;border-left:4px solid #333337}
.vs-window .ide-side h3{background:#333337;font:400 14px 'Segoe UI',Arial,sans-serif;color:#fff;padding:9px 11px;border-bottom:1px solid #47474b}
.vs-window .solution-root,.vs-window .solution-project{font-size:14px;color:#ddd}
.vs-window .solution-file{background:#094771;color:#fff;font-size:14px}
.vs-window .solution-info{color:#969696;font-size:12px}
.vs-window .model-explorer{border-color:#454545}
.vs-window .explorer-group{color:#b9b9bd;font-size:13px;padding:12px 10px 4px}
.vs-window .model-explorer button{color:#ddd;padding:6px 12px 6px 25px;font-size:14px}
.vs-window .model-explorer button:hover{background:#333337}
.vs-window .model-explorer button.selected{background:#094771;color:#fff}
.vs-window .ide-properties dl>div{grid-template-columns:43% 57%;border-color:#404040}
.vs-window .ide-properties dt,.vs-window .ide-properties dd{font-size:14px;padding:8px;color:#ccc;border-color:#404040}
.vs-window .ide-properties dd{color:#f0f0f0;background:#29292c}
.vs-window .ide-status{background:#007acc;border:0;color:white;font-size:12px;padding:6px 12px}
.vs-window .ide-formula{background:#f5f5f5;border-color:#bcbcbc;color:#222;padding:10px 12px;min-height:56px}
.vs-window .ide-formula>span{font:italic 20px Georgia,serif;color:#555}
.vs-window .ide-formula code{font:14px/1.7 Consolas,'Courier New',monospace;color:#222;background:white;border:1px solid #b4b4b4;padding:3px 8px;flex:1}
.vs-window .data-grid-scroll{background:white;min-height:215px}
.vs-window .model-grid{color:#252526}
.vs-window .model-grid th{background:#e6e6e6;border-color:#bcbcbc}
.vs-window .model-grid th:first-child{color:#555}
.vs-window .model-grid th button{color:#222;font-weight:400;padding:9px}
.vs-window .model-grid th button.selected{background:#cde7fc}
.vs-window .model-grid td{border-color:#d3d3d3;padding:10px;background:white}
.vs-window .model-grid .row-number{background:#ececec;color:#555}
.vs-window .measure-grid{background:#f5f5f5;border-top:4px solid #b8b8b8;min-height:140px}
.vs-window .measure-grid-label{color:#666;border-color:#d0d0d0;font-size:12px}
.vs-window .measure-empty{color:#777}
.vs-window .measure-cell{background:#fff;color:#252526;border-color:#aaa;border-radius:0;font-size:14px}
.vs-window .measure-cell.selected{outline:2px solid #007acc}
.vs-window .concept-bridge{border:1px solid #444;background:#252526;margin:20px 0;padding:18px}
.vs-window .concept-bridge h3{font:400 17px 'Segoe UI',Arial,sans-serif;color:#eee}
.vs-window .concept-bridge p{color:#b7b7bb;font-size:14px}
.vs-window .concept-bridge strong{color:#eee}
.vs-window .concept-bridge span{color:#9cdcfe}
.vs-window .designer-note,.vs-window .designer-note summary{color:#bfc0c4}
.vs-window .designer-note a{color:#9cdcfe}
.vs-window .feedback{background:#252526;border-color:#007acc;color:#ddd}
.vs-window :focus-visible{outline-color:#75beff}
@media(max-width:1050px){.vs-window .ide-layout{grid-template-columns:minmax(0,1fr) 255px}.vs-window .ide-properties dl>div{grid-template-columns:1fr}.vs-window .ide-properties dt{font-size:12px;padding-bottom:3px;border-right:0}.vs-window .ide-properties dd{padding-top:3px}}
@media(max-width:760px){.vs-window .workbody{padding:12px}.vs-window .ide-layout{grid-template-columns:1fr}.vs-window .ide-side{border-left:0;max-height:none}.vs-window .ide-side h3{font-size:14px}.vs-window .designer-heading h2{font-size:20px}.vs-window .designer-tag{font-size:12px}.vs-window .ide-properties dl>div{grid-template-columns:43% 57%}.vs-window .ide-properties dt,.vs-window .ide-properties dd{font-size:14px;padding:8px}}