:root{--knopf-h: 32px;--knopf-h-klein: 26px;--radius: 8px;--radius-klein: 6px;--radius-karte: 12px;--shadow-knopf: 0 1px 1px rgba(15, 23, 42, .04);--shadow-primaer: 0 1px 2px rgba(37, 99, 235, .28);--shadow-schwebend: 0 2px 6px rgba(15, 23, 42, .08), 0 12px 32px rgba(15, 23, 42, .12);--fokus: 0 0 0 3px var(--accent-soft)}:root[data-theme=dark]{--shadow-knopf: 0 1px 1px rgba(0, 0, 0, .3);--shadow-primaer: 0 1px 2px rgba(0, 0, 0, .4);--shadow-schwebend: 0 2px 6px rgba(0, 0, 0, .35), 0 12px 32px rgba(0, 0, 0, .45)}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--knopf-h);padding:0 12px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);color:var(--text);font-weight:500;line-height:1.2;box-shadow:var(--shadow-knopf);transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}button>svg{flex:none}@media(hover:hover){button:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-2)}}button:active:not(:disabled){background:var(--hover);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;box-shadow:var(--shadow-primaer)}@media(hover:hover){button.primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}}button.primary:active:not(:disabled){background:var(--accent-dark)}button.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-2)}@media(hover:hover){button.ghost:hover:not(:disabled){background:var(--hover);border-color:transparent;color:var(--text)}}button.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text);box-shadow:none}@media(hover:hover){button.active:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-line)}}button.small{min-height:var(--knopf-h-klein);padding:0 9px;font-size:12.5px;gap:5px;border-radius:7px}button.icon{width:var(--knopf-h);min-width:var(--knopf-h);height:var(--knopf-h);min-height:var(--knopf-h);padding:0;color:var(--text-2);font-size:16px;line-height:1}button.icon.small{width:var(--knopf-h-klein);min-width:var(--knopf-h-klein);height:var(--knopf-h-klein);min-height:var(--knopf-h-klein);font-size:14px;border-radius:7px}@media(hover:hover){button.icon:hover:not(:disabled){color:var(--text)}}button.icon.active{color:var(--accent-text)}button.danger{color:var(--err-text)}@media(hover:hover){button.danger:hover:not(:disabled){background:var(--err-soft);border-color:var(--err-line);color:var(--err-text)}}button.danger.primary{background:var(--err);border-color:var(--err);color:#fff}button.link{display:inline;min-height:0;padding:0;background:none;border:none;box-shadow:none;font-weight:inherit;color:var(--accent-text);text-decoration:underline dotted;text-underline-offset:2px;border-radius:2px}@media(hover:hover){button.link:hover:not(:disabled){background:none;text-decoration-style:solid}}.segment{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--segment);border:1px solid var(--border);border-radius:9px}.segment>button{min-height:26px;padding:0 10px;border:none;background:transparent;box-shadow:none;color:var(--muted);font-weight:500;font-size:13px;border-radius:6px}@media(hover:hover){.segment>button:hover:not(:disabled){background:var(--segment-hover);color:var(--text)}}.segment>button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #0f172a24}.segment>button.icon{width:28px;min-width:28px;padding:0}.toolbar{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-knopf)}.toolbar>button{min-height:28px;border:none;background:transparent;box-shadow:none;color:var(--text-2);border-radius:7px;padding:0 8px}.toolbar>button.icon{width:28px;min-width:28px;height:28px;min-height:28px;padding:0}@media(hover:hover){.toolbar>button:hover:not(:disabled){background:var(--hover);color:var(--text)}}.toolbar>button.active{background:var(--accent-soft);color:var(--accent-text)}.toolbar>button.danger{color:var(--err-text)}@media(hover:hover){.toolbar>button.danger:hover:not(:disabled){background:var(--err-soft)}}.toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 3px;flex:none}.aktionen{display:flex;align-items:center;gap:6px;flex-wrap:wrap}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select{min-height:var(--knopf-h);padding:5px 10px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);transition:border-color .12s ease,box-shadow .12s ease}textarea{border-radius:var(--radius);padding:8px 10px;line-height:1.45;transition:border-color .12s ease,box-shadow .12s ease}@media(hover:hover){input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--fokus)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:15px;height:15px}input[type=range]{accent-color:var(--accent)}select{padding-right:28px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 9px center}h1{font-size:20px;font-weight:700;letter-spacing:-.012em;line-height:1.25}h2{font-size:15px;font-weight:650;letter-spacing:-.005em}h3{font-size:13.5px;font-weight:600}.section-head{margin-bottom:14px;gap:10px 16px}.section-head .hint,.section-head .untertitel{margin:2px 0 0;font-size:13px}.card{border-radius:var(--radius-karte)}.card label{font-size:12px;font-weight:500;color:var(--text-3);margin-bottom:5px;letter-spacing:.005em}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;line-height:1;border-radius:9px;font-variant-numeric:tabular-nums}.kpi .v,table td.r,table th.r,.num,.tabellarisch{font-variant-numeric:tabular-nums}table.list th{font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);background:var(--panel-2);padding:7px 10px}table.list tbody tr:last-child td{border-bottom:none}@media(hover:hover){table.list tbody tr:hover td{background:var(--panel-2)}}table.list tr.failed td{background:var(--err-soft)}.pill{display:inline-flex;align-items:center;gap:4px;font-weight:600;line-height:1;padding:3px 8px}.banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-weight:500}.banner>svg{flex:none}.banner.error{background:var(--err-soft);color:var(--err-text);border:1px solid var(--err-line)}.banner.warn{background:var(--warn-soft);color:var(--warn-text);border:1px solid var(--warn-line)}.banner.busy{background:var(--accent-soft-2);color:var(--accent-text);border:1px solid var(--accent-line)}.banner .dismiss{margin-left:auto;opacity:.7;cursor:pointer}.hint{font-size:13px;line-height:1.5}.leer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 20px;text-align:center;color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--radius-karte);background:var(--panel-2)}.leer>svg{color:var(--faint)}.leer .leer-titel{font-weight:600;color:var(--text-2)}.sidebar nav button{justify-content:flex-start;gap:10px;min-height:36px;padding:0 10px;border-radius:var(--radius);font-weight:500;color:var(--text-2);box-shadow:none}.sidebar nav button>svg{color:var(--muted);flex:none}.sidebar nav button .badge{margin-left:auto;background:var(--chip);color:var(--text-2)}.sidebar nav button .badge.req{background:var(--err);color:#fff}.sidebar nav button.active{background:var(--accent-soft);color:var(--accent-text);font-weight:600;border-color:transparent}.sidebar nav button.active>svg{color:var(--accent)}.sidebar nav button.active .badge{background:var(--accent-hell);color:var(--accent-text)}.sidebar nav button.active .badge.req{background:var(--err);color:#fff}@media(hover:hover){.sidebar nav button:hover:not(.active):not(:disabled){background:var(--hover);color:var(--text);border-color:transparent}}.sidebar-actions button{width:100%;justify-content:center}.ui-scale button{min-height:26px;padding:0 4px;font-size:11px;color:var(--muted);box-shadow:none}.statusbar{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}
