:root{font-family:Segoe UI,Arial,sans-serif;color:var(--scs-ink);background:var(--scs-bg);font-size:14px;--navy:#17384f;--teal:#147f8c;--line:var(--scs-line);--muted:var(--scs-ink-3)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--scs-ink-2);border-radius:7px;padding:8px 12px;white-space:nowrap}button:hover{background:var(--scs-surface-3);border-color:var(--scs-line-strong)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--teal);border-color:var(--teal);color:white;font-weight:600}button.primary:hover{background:var(--scs-accent)}button.danger{color:var(--scs-danger);border-color:var(--scs-danger-line)}input,select,textarea{color:var(--scs-ink);border:1px solid var(--scs-line);border-radius:6px;background:white;padding:9px 10px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--scs-focus);outline-offset:-1px}input[type=checkbox]{accent-color:var(--teal);width:15px;height:15px;vertical-align:middle}a{color:var(--teal)}#app{display:flex;height:100vh;min-height:600px}.sidebar{width:230px;flex:0 0 230px;background:var(--navy);color:var(--scs-nav-ink);display:flex;flex-direction:column;padding:26px 16px 18px}.brand{display:flex;align-items:center;gap:11px;color:white;font-weight:650;font-size:15px;padding:0 4px 30px}.brand-icon{border:1.5px solid #66c8cd;border-radius:8px;width:35px;height:35px;display:grid;place-items:center;font-size:13px;color:#9fe0e1}.brand>div>span{display:block;font-size:10px;color:#86a9be;letter-spacing:3.5px;margin-top:3px}.project-picker{padding-bottom:25px;border-bottom:1px solid var(--scs-nav-line)}.project-picker label{font-size:10px;letter-spacing:1.5px;color:var(--scs-nav-ink-2);display:block;margin-bottom:10px}.project-picker select{width:100%;background:var(--scs-nav-3);color:white;border-color:var(--scs-nav-3);font-size:13px}.project-actions{display:flex;gap:8px;margin-top:9px}.project-actions button{background:transparent;color:var(--scs-nav-ink-2);border-color:var(--scs-nav-3);padding:6px 10px;font-size:12px}.nav-heading{font-size:10px;letter-spacing:1.2px;color:var(--scs-nav-ink-3);display:flex;align-items:center;justify-content:space-between;margin:23px 5px 10px}.nav-heading button:not(.section-link){background:transparent;color:var(--scs-nav-ink);font-size:20px;border:none;padding:0 5px}#chain-list{overflow:auto;max-height:45vh;min-height:45px;flex:1}#chain-list button{width:100%;border:0;text-align:left;padding:12px 13px;margin:3px 0;background:transparent;color:var(--scs-nav-ink);white-space:normal;font-size:13px;line-height:1.4}#chain-list button.active{background:var(--scs-nav-3);color:white;box-shadow:inset 3px 0 #67c2c8}#chain-list button small{display:block;color:var(--scs-nav-ink-3);font-size:10px;margin-top:3px}.catalog-nav{border-top:1px solid var(--scs-nav-line);padding-top:16px;margin-top:18px}.catalog-nav button{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;color:var(--scs-nav-ink);padding:12px 8px;text-align:left;font-size:13px}.catalog-nav button.active{background:var(--scs-nav-3)}.catalog-nav button b{font-size:10px;margin-left:auto;background:var(--scs-nav-3);border-radius:5px;padding:2px 5px;font-weight:normal}.catalog-nav button span{font-size:18px;color:var(--scs-nav-ink-2)}.sidebar-bottom{margin-top:25px;font-size:10px;color:var(--scs-nav-ink-2);padding:0 5px}.sidebar-bottom button{display:block;background:none;border:0;padding:10px 0 0;color:var(--scs-nav-ink);font-size:11px}.local-dot,.live-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#58b894;margin-right:6px}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:81px;flex-shrink:0;background:white;border-bottom:1px solid var(--line);padding:15px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.project-heading{min-width:100px}.project-heading input{display:block;border:none;border-radius:3px;font-weight:600;padding:2px 0;font-size:14px;background:transparent;width:270px;max-width:100%}#save-status{display:block;font-size:11px;color:var(--muted);margin-top:4px}#save-status.error{color:var(--scs-danger)}.top-actions{display:flex;gap:7px;align-items:center}.top-actions button{font-size:12px}.icon-button{font-size:20px!important;padding:2px 10px}.content-heading{padding:26px 28px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--teal);font-weight:700}h1{font-size:25px;margin:7px 0 5px;letter-spacing:-.5px;font-weight:650}#view-description{color:var(--muted);font-size:12px;margin:0;line-height:1.5}.split-view{flex:1;display:grid;grid-template-columns:minmax(440px,1.06fr) minmax(340px,1fr);min-height:0;gap:18px;padding:0 22px 22px 28px}.editor-pane,.preview-pane{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:0;box-shadow:0 3px 12px #223d4e03}.tabs{display:flex;gap:18px;padding:0 20px;height:50px;flex-shrink:0;border-bottom:1px solid var(--line)}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;padding:12px 0;font-size:12px}.tabs button.active{border-color:var(--teal);color:var(--teal);font-weight:650}.tabs button span{font-size:10px;background:var(--scs-surface-3);padding:2px 5px;border-radius:4px;margin-left:4px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 15px;border-bottom:1px solid var(--scs-line-2);min-height:61px;flex-wrap:wrap}#table-actions{display:flex;align-items:center;gap:5px}#table-actions button{font-size:11px;padding:7px 9px}.table-tools{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}#advanced-label{white-space:nowrap;display:flex;align-items:center;gap:5px}.search{display:flex;align-items:center;gap:5px;background:var(--scs-bg);border-radius:6px;padding-left:7px}.search input{font-size:11px;border:0;background:none;width:130px;padding:7px 4px}.search span{font-size:18px}.editor-content{overflow:auto;flex:1;min-height:100px;position:relative}.grid-footer{padding:11px 15px;background:var(--scs-surface-2);border-top:1px solid var(--line);font-size:10px;color:var(--scs-ink-3);line-height:1.4}.grid{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;table-layout:fixed}.grid th{position:sticky;top:0;z-index:3;text-align:left;padding:11px 8px;background:var(--scs-bg);border-bottom:1px solid var(--line);color:var(--scs-ink-3);font-size:10px;letter-spacing:.1px;font-weight:600;white-space:nowrap}.grid th.row-control{left:0;z-index:4}.grid td{padding:0;border-right:1px solid var(--scs-line-2);border-bottom:1px solid var(--scs-line-2);height:49px;position:relative;background:white}.grid tr:nth-child(even) td{background:var(--scs-surface-2)}.grid td.row-control{position:sticky;left:0;z-index:2;text-align:center;color:var(--scs-ink-disabled);font-size:10px;background:var(--scs-surface-2)}.grid td.selected{box-shadow:inset 0 0 0 2px var(--scs-focus);background:var(--scs-accent-soft)}.grid td input:not([type=checkbox]),.grid td select{height:48px;width:100%;border:0;border-radius:0;background:transparent;font-size:12px;padding:9px 8px;outline-offset:-2px}.grid td select{padding-right:0;cursor:pointer}.grid td.readonly{padding:9px;font-size:11px;color:var(--muted)}.grid td.invalid{box-shadow:inset 0 -2px #d97565;background:var(--scs-danger-soft)}.grid .row-check{display:block;margin:5px auto 2px}.drag-handle{cursor:grab;font-size:12px;display:block}.grid .icon-cell{display:flex;align-items:center;gap:4px}.grid .icon-cell img{width:23px;height:23px;object-fit:contain;margin-left:7px}.grid .icon-cell select{min-width:0}.grid tr.drag-over td{border-top:2px solid var(--teal)}.preview-heading{height:59px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}.preview-heading strong{font-size:12px}.preview-heading small{display:block;color:var(--scs-ink-disabled);font-size:10px;padding-left:13px;margin-top:3px}.preview-heading button{font-size:11px;padding:5px 8px}.preview-body{position:relative;flex:1;min-height:180px}.preview-body iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.preview-empty{position:absolute;inset:0;background:var(--scs-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center;color:var(--scs-ink-3)}.preview-empty[hidden]{display:none}.preview-empty h2{font-size:19px;color:var(--scs-ink-2);font-weight:600}.preview-empty p{font-size:12px;max-width:300px;line-height:1.8}.empty-symbol{font-size:50px;color:var(--scs-ink-disabled)}.validation{max-height:150px;overflow:auto;padding:10px 15px;border-top:1px solid #f0d7cd;background:var(--scs-surface);color:#a05742;font-size:11px;line-height:1.6}.validation strong{display:block}.validation p{margin:4px 0}.focus-preview .split-view{grid-template-columns:1fr}.focus-preview .editor-pane{display:none}.catalog-mode .split-view{grid-template-columns:1fr}.catalog-mode .preview-pane{display:none}.catalog-mode .tabs{display:none}.layout-form{padding:24px;display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:20px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--scs-ink-2)}.field>input,.field>select,.field>textarea{width:100%}.field small{font-size:10px;line-height:1.6;color:var(--scs-ink-3)}.field.wide,.form-note{grid-column:1/-1}.field textarea{resize:vertical;min-height:75px}.form-note{background:var(--scs-bg);border-radius:7px;padding:15px;font-size:12px;line-height:1.8;color:var(--scs-ink-3)}.icons-grid,.system-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px;padding:20px}.icon-card{border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;flex-direction:column;padding:22px 10px;gap:12px;background:white;overflow:hidden}.icon-card strong{font-size:12px}.icon-card small{font-size:10px;color:var(--muted);text-align:center}.icon-symbol{display:flex;align-items:center;justify-content:center;gap:5px;height:50px}.icon-symbol img{width:42px;height:42px;object-fit:contain}.icon-symbol img+img{width:23px;height:23px}.empty-table{padding:60px 30px;text-align:center;color:var(--scs-ink-3)}.empty-table h2{font-size:20px;color:var(--scs-ink-2)}.empty-table p{font-size:12px;line-height:1.7}.empty-table button{margin-top:10px}.selection-bar{font-size:11px;color:var(--teal);padding:0 7px}.row-usage{color:var(--scs-ink-3);font-size:11px;padding:7px}dialog{border:1px solid var(--line);border-radius:13px;width:590px;max-width:92vw;max-height:88vh;padding:0;box-shadow:0 25px 100px #132b4755;color:var(--scs-ink)}dialog.wide{width:800px}dialog::backdrop{background:#132b4766;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:20px;margin:0}.dialog-heading button{border:0;font-size:22px;padding:0 6px}#dialog-body{padding:24px;overflow:auto;max-height:64vh;line-height:1.6}#dialog-body .field{margin-bottom:16px}#dialog-body p{font-size:13px;color:var(--scs-ink-3)}#dialog-body .system-choices{padding:15px 0}.system-choices button{white-space:normal}.system-choices .icon-card{cursor:pointer;min-height:122px;padding:14px}.system-choices .icon-card:hover{border-color:var(--teal);background:var(--scs-bg)}.dialog-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:9px;background:var(--scs-surface-2);border-top:1px solid var(--line)}.dialog-options{display:flex;flex-direction:column;gap:10px}.dialog-options button{text-align:left;padding:14px;font-weight:600}.dialog-options button small{display:block;font-weight:400;color:var(--scs-ink-3);margin-top:4px}.history-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.status-note{border-radius:6px;padding:12px;background:var(--scs-warn-soft);font-size:12px;color:var(--scs-warn)}#toast{margin:0;border:0;top:auto;right:auto;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#17384f;color:white;box-shadow:0 7px 30px #0003;max-width:700px;padding:14px 22px;border-radius:8px;z-index:20;font-size:13px}#toast.error{background:#a04336}[hidden]{display:none!important}.muted{color:var(--muted)}kbd{font:11px Consolas,monospace;padding:3px 5px;border:1px solid var(--line);border-radius:3px;background:var(--scs-surface-2)}.help-list{font-size:13px;line-height:1.9;padding-left:20px}@media(max-width:1300px){.sidebar{width:210px;flex-basis:210px}.topbar{padding:13px 20px}.content-heading{padding:20px}.split-view{padding:0 15px 15px 20px;gap:12px;grid-template-columns:minmax(390px,1.15fr) minmax(290px,1fr)}.top-actions{gap:5px}.top-actions button{padding:7px 9px}.project-heading input{width:200px}.table-tools{gap:8px}}@media(max-width:1050px){.sidebar{width:190px;flex-basis:190px}.split-view{grid-template-columns:1fr;overflow:auto}.editor-pane{min-height:420px}.preview-pane{min-height:480px}.top-actions #history{display:none}.project-heading input{width:160px}.brand{font-size:12px}.content-heading{padding:20px}.top-actions{flex-wrap:wrap}.topbar{height:95px}.layout-form{grid-template-columns:1fr}.focus-preview .preview-pane{min-height:650px}}@media(max-width:720px){.sidebar{width:155px;flex-basis:155px;padding:20px 10px}.brand{display:block;padding-bottom:20px}.brand-icon{margin-bottom:8px}.topbar{height:auto;min-height:120px;align-items:flex-start;flex-direction:column;gap:9px}.content-heading{padding:18px}h1{font-size:21px}.split-view{padding:0 10px 10px}.project-actions{flex-direction:column}.table-toolbar{padding:10px}.sidebar-bottom{font-size:9px}#view-description{font-size:11px}}
.tabs{height:auto;min-height:50px;flex-wrap:wrap;column-gap:16px;row-gap:0}.structure-hint{padding:12px 16px;background:var(--scs-bg);border-bottom:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--scs-ink-3);flex-shrink:0}.structure-hint strong{color:var(--scs-ink-2)}.grid td.readonly{white-space:normal;overflow-wrap:anywhere}
.brand{background:transparent;border:0;text-align:left;white-space:normal;border-radius:8px;line-height:1.35;width:100%;cursor:pointer}.brand:hover{background:#254b61}.brand-icon{flex-shrink:0}.brand-name>span{display:block;font-size:10px;color:#86a9be;letter-spacing:3.5px;margin-top:3px}.copyright{margin-top:16px;color:var(--scs-ink-disabled);font-size:10px}.editor-heading{display:flex;align-items:center;border-bottom:1px solid var(--line);flex-shrink:0;min-width:0}.editor-heading .tabs{border-bottom:0;flex:1;min-width:0;padding-right:10px}.editor-heading #expand-table{font-size:13px;padding:5px 8px;margin-right:12px;flex-shrink:0}.focus-table .split-view{grid-template-columns:1fr}.focus-table .preview-pane{display:none}.home-content{padding:24px 28px}.home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.home-stats>div{background:var(--scs-bg);border:1px solid var(--scs-line-2);border-radius:10px;padding:20px}.home-stats strong{display:block;font-size:28px;font-weight:600;color:var(--scs-accent)}.home-stats span{display:block;font-size:12px;color:var(--scs-ink-3);margin-top:5px}.home-section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:25px 0 14px}.home-section-heading h2{font-size:17px;margin:0;font-weight:600}.home-section-heading>span{font-size:11px;color:var(--scs-ink-disabled)}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.home-card{text-align:left;white-space:normal;padding:22px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-height:130px;border-radius:9px}.home-card strong{font-size:14px;line-height:1.5}.home-card span{font-size:11px;color:var(--scs-ink-disabled)}.home-card small{font-size:11px;color:var(--scs-accent);margin-top:auto}.current-project{border-color:var(--scs-accent-line);background:var(--scs-surface-2)}@media(max-width:850px){.home-content{padding:18px}.home-stats{gap:8px}.home-stats>div{padding:12px}.home-stats strong{font-size:22px}.home-section-heading{align-items:flex-start;flex-direction:column;gap:5px}}
:root .backup-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:16px 0}.backup-comparison h3{font-size:14px}.backup-confirm{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:600;padding:14px;background:var(--scs-warn-soft);border-radius:8px}.backup-confirm input{flex-shrink:0;margin-top:4px}@media(max-width:600px){:root .backup-comparison{grid-template-columns:1fr}}

/* Export settings of "Modell als HTML/PDF" (6.5). */
.model-export-options{display:grid;gap:10px;margin:0 0 12px;padding:10px 14px 14px;border:1px solid var(--scs-line);border-radius:var(--scs-radius-m)}
.model-export-options legend{padding:0 6px;font-weight:600;color:var(--scs-ink)}
.model-export-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.model-export-check input{margin-top:3px;flex:none}
.model-export-check>span{display:grid;gap:2px}
.model-export-options small{color:var(--scs-ink-3);font-size:var(--scs-text-s)}
.model-export-group{display:grid;gap:6px}
.model-export-group>span{font-weight:500;color:var(--scs-ink-2)}
.model-export-choices{display:flex;flex-wrap:wrap;gap:6px}
.model-export-choices label{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--scs-line);border-radius:999px;background:var(--scs-surface-2);cursor:pointer}
.model-export-choices label:has(input:checked){border-color:var(--scs-accent-line);background:var(--scs-accent-soft)}
.model-export-summary{margin:4px 0;padding:8px 12px;border-radius:var(--scs-radius-s);background:var(--scs-surface-3);font-variant-numeric:tabular-nums}