:root{--primary:#173f5f;--accent:#20639b;--surface:#fff;--bg:#f4f7fa}body{background:var(--bg);color:#1e293b}.app-navbar{background:linear-gradient(110deg,#173f5f,#20639b);box-shadow:0 2px 12px #173f5f30}.page-heading{margin-bottom:1.5rem}.page-heading h1{font-size:1.75rem;font-weight:700}.welcome{background:linear-gradient(120deg,#173f5f,#2878ad);color:#fff;border-radius:1rem;padding:1.6rem 2rem;margin-bottom:1.5rem}.stat-card,.action-card{background:#fff;border:0;border-radius:1rem;box-shadow:0 4px 18px #173f5f12;height:100%}.stat-card{padding:1.1rem 1.25rem}.stat-value{font-size:1.8rem;font-weight:750;color:var(--primary)}.stat-label{font-size:.85rem;color:#64748b}.action-card{padding:1.4rem;transition:.2s}.action-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #173f5f22}.action-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:.8rem;background:#e8f2f8;color:var(--accent);font-size:1.4rem}.table-card,.form-card{background:#fff;border-radius:1rem;box-shadow:0 4px 18px #173f5f12;padding:1.25rem}.table>thead th{background:#edf3f7;color:#334155;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.btn-icon{width:2.25rem;height:2.25rem;padding:0;display:inline-grid;place-items:center}.wizard-steps{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow:auto}.wizard-step{min-width:135px;padding:.7rem;border-radius:.65rem;background:#e5e7eb;color:#64748b;font-size:.85rem}.wizard-step.active{background:var(--accent);color:#fff}.wizard-step.done{background:#d1fae5;color:#166534}.study-context{border-left:5px solid var(--accent);background:#eef6fb;padding:1rem 1.25rem;border-radius:.5rem}.variable-wrap{display:flex;gap:.5rem;align-items:end}.variable-wrap>div{flex:1}.relation-section{display:none}.relation-section.visible{display:block}.error-row td{background:#fee2e2!important}.warning-row td{background:#fff7db!important}#network{height:70vh;background:#fff;border-radius:1rem;box-shadow:0 4px 18px #173f5f12}.filter-bar{background:#fff;padding:1rem;border-radius:1rem;box-shadow:0 3px 14px #173f5f10}.empty-state{text-align:center;padding:3rem;color:#64748b}@media(max-width:768px){.welcome{padding:1.25rem}.page-heading h1{font-size:1.45rem}.variable-wrap{align-items:stretch;flex-direction:column}}
.student-progress{height:1.35rem;border-radius:1rem;background:#e2e8f0}.student-progress .progress-bar{background:linear-gradient(90deg,#20639b,#3caea3);font-weight:700}.preview-table input,.preview-table textarea{min-width:120px}.preview-table .preview-title{min-width:240px}.preview-table .preview-year{min-width:90px}.preview-message{min-width:180px;font-size:.82rem}.login-layout{max-width:1050px;margin:0 auto}.project-info-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#173f5f,#20639b);color:#fff;border-radius:1rem;padding:2rem;box-shadow:0 8px 28px #173f5f2b}.project-info-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#ffffff0d;right:-80px;bottom:-90px}.project-info-card h2{font-weight:750}.project-info-card p{color:#ffffffe6}.project-info-icon{width:3.5rem;height:3.5rem;display:grid;place-items:center;background:#ffffff20;border-radius:1rem;font-size:1.7rem;margin-bottom:1.25rem}.project-feature-list{list-style:none;padding:0;margin:1rem 0 1.5rem;display:grid;gap:.7rem}.project-feature-list li{display:flex;align-items:center;gap:.75rem}.project-feature-list i{width:2rem;height:2rem;display:grid;place-items:center;background:#ffffff1c;border-radius:.5rem}.project-info-closing{font-weight:600;border-top:1px solid #ffffff2b;padding-top:1rem;margin-bottom:0}.login-card{display:flex;flex-direction:column;justify-content:center;padding:2rem}@media(max-width:991.98px){.project-info-card,.login-card{padding:1.5rem}.login-layout{max-width:680px}}.study-status-submitted{background:#f59e0b;color:#212529}.study-status-reviewed{background:#6f42c1;color:#fff}
.network-legend{background:#fff;border:1px solid #dee2e6;border-radius:.75rem;padding:1rem;font-size:.9rem;display:grid;gap:.6rem}.legend-dot{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;margin:0 .25rem 0 .65rem}.level-individual{background:#6baed6}.level-team{background:#74c476}.level-organization{background:#9e9ac8}.level-environment{background:#fdae6b}.level-unknown{background:#bdbdbd}.legend-line{display:inline-block;width:1.6rem;border-top:3px solid;margin:0 .25rem 0 .65rem;vertical-align:middle}.legend-line.positive{border-color:#2e9d50}.legend-line.negative{border-color:#d64545}.legend-line.mixed{border-color:#ef922e}.legend-line.null{border-color:#999}.legend-line.pending{border-color:#ccc;border-top-style:dashed}

.wizard-step{text-decoration:none;border:1px solid transparent}.wizard-step.done:hover{color:#166534;border-color:#86efac}.wizard-step.disabled{opacity:.6;cursor:not-allowed}.wizard-step.active{font-weight:700}.form-card>h2:first-child,.table-card>h2:first-child{color:var(--primary)}

.network-detail-panel{background:#fff;border-radius:1rem;box-shadow:0 4px 18px #173f5f12;padding:1rem;height:70vh;overflow:auto;position:sticky;top:1rem}.network-detail-field{padding:.55rem 0;border-bottom:1px solid #edf2f7}.network-detail-field>strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:#64748b}.network-distribution{background:#f8fafc;border-radius:.65rem;padding:.75rem;height:100%}.network-paper-table{font-size:.82rem}.network-paper-table td{min-width:100px}.network-relation-detail{border:1px solid #e2e8f0;border-radius:.6rem;background:#fff}.network-relation-detail summary{cursor:pointer;padding:.75rem;background:#f8fafc;border-radius:.6rem}.network-evidence-snippet{border-left:3px solid var(--accent);padding:.6rem .8rem;margin:.4rem 0;background:#f8fafc;white-space:pre-wrap;font-size:.88rem}@media(max-width:991.98px){.network-detail-panel{height:auto;max-height:65vh;position:static}#network{height:65vh}}
/* Tutorial und kompakte eingeloggte Header-Aktionen */
.tutorial-accordion .accordion-button { font-weight: 600; }
.tutorial-accordion .accordion-body { line-height: 1.65; }
.tutorial-accordion li + li { margin-top: .35rem; }
@media (max-width: 767.98px) {
  .app-navbar .container { gap: .65rem; }
  .app-user-actions { width: 100%; justify-content: flex-start !important; }
  .app-user-actions .btn { white-space: nowrap; }
}

.network-canvas-card #network{box-shadow:none;border-radius:0 0 1rem 1rem}

.field-help{display:inline-flex;align-items:center;justify-content:center;margin-left:.3rem;color:#64748b;font-size:.82rem;cursor:help;vertical-align:middle}.field-help:hover,.field-help:focus{color:var(--accent);outline:none}.field-help:focus-visible{box-shadow:0 0 0 .2rem #20639b35;border-radius:50%}
.network-detail-panel .nav-tabs{flex-wrap:nowrap;overflow-x:auto}.network-detail-panel .nav-link{white-space:nowrap;font-size:.82rem;padding:.55rem .65rem}.network-detail-panel .tab-pane:focus{outline:none}.network-detail-panel #analysisResultPane .card-body{padding:.85rem}

/* Einheitliche Variablenauswahl in der Relationseingabe. Das Select bleibt ohne JS sichtbar. */
.variable-picker{position:relative}.variable-picker-enhanced>.variable-select{display:none}.variable-picker-selected{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border:1px solid #86b7d8;border-radius:.5rem;background:#eef6fb}.variable-picker-selected-content{min-width:0}.variable-picker-results{position:absolute;z-index:1060;left:0;right:0;max-height:min(22rem,50vh);overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:.25rem;border:1px solid #ced4da;border-radius:.5rem;background:#fff;box-shadow:0 .5rem 1rem #173f5f25}.variable-picker-result{display:block;width:100%;padding:.65rem .75rem;text-align:left;border:0;border-bottom:1px solid #edf2f7;background:#fff;color:inherit}.variable-picker-result:last-child{border-bottom:0}.variable-picker-result:hover,.variable-picker-result.active{background:#e8f2f8}.variable-picker-result:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.variable-picker-result-title,.variable-picker-result-meta,.variable-picker-result-detail{display:block}.variable-picker-result-title{font-weight:650}.variable-picker-result-meta,.variable-picker-result-detail{font-size:.8rem;color:#64748b}.variable-picker-result-detail{margin-top:.15rem;white-space:normal}.variable-picker-empty{padding:.8rem;color:#6c757d;background:#fff7db}.variable-picker-create .btn-primary{font-weight:600}@media(max-width:767.98px){.variable-picker-results{position:static;max-height:45vh}}@media(max-width:575.98px){.variable-picker-selected{align-items:flex-start;flex-direction:column}}
.waitlist-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.waitlist-cta{border-top:1px solid #e2e8f0}