@layer tokens,base,components,utilities;@layer tokens{:root{--brand-forest: #1f6f5c;--brand-sage: #a9cbb7;--brand-ivory: #fafaf7;--brand-gold: #d4af37;--brand-orange: #f29e4c;--brand-red: #d9534f;--brand-sky: #4ea5d9;--forest-50: #ebfbf6;--forest-100: #d6f5eb;--forest-200: #bae8d9;--forest-300: #97d5c2;--forest-400: #6fbaa5;--forest-500: #479c86;--forest-600: #308570;--forest-700: #1f6f5c;--forest-800: #105444;--forest-900: #07392e;--n-0: #ffffff;--n-25: #fafaf7;--n-50: #f4f4ef;--n-100: #ecece4;--n-200: #e6e6e0;--n-300: #d2d2c8;--n-400: #a8a89c;--n-500: #7c8a84;--n-600: #5c6b66;--n-700: #3e4c47;--n-800: #24322d;--n-900: #12211d;--surface-page: var(--n-25);--surface-card: var(--n-0);--surface-sunken: var(--n-50);--surface-raised: var(--n-0);--surface-inverse: var(--n-900);--surface-hover: color-mix(in oklab, var(--forest-700) 5%, transparent);--surface-selected: color-mix(in oklab, var(--forest-700) 10%, transparent);--surface-scrim: color-mix(in oklab, var(--n-900) 45%, transparent);--text-strong: var(--n-900);--text-default: var(--n-800);--text-muted: var(--n-600);--text-faint: var(--n-500);--text-on-accent: var(--n-0);--text-link: var(--forest-700);--media-scrim: linear-gradient( to top, rgb(18 33 29 / 88%) 0%, rgb(18 33 29 / 72%) 38%, rgb(18 33 29 / 28%) 68%, rgb(18 33 29 / 0%) 100% );--media-pill: rgb(18 33 29 / 62%);--text-on-media: var(--n-0);--text-on-media-muted: rgb(255 255 255 / 82%);--border-subtle: var(--n-100);--border-default: var(--n-200);--border-strong: var(--n-300);--border-accent: var(--forest-700);--accent: var(--forest-700);--accent-hover: var(--forest-800);--accent-subtle: var(--forest-50);--accent-ring: color-mix(in oklab, var(--forest-700) 35%, transparent);--status-ok: #1e7a48;--status-ok-bg: #e7f5ed;--status-warn: #9a6b00;--status-warn-bg: #fbf2dc;--status-danger: #b03a36;--status-danger-bg: #fbeae9;--status-info: #1b6c93;--status-info-bg: #e6f2f9;--status-running: var(--forest-600);--status-running-bg: var(--forest-50);--status-neutral: var(--n-500);--status-neutral-bg: var(--n-50);--cat-1: #03a083;--cat-2: #1c6701;--cat-3: #0474a6;--cat-4: #7c4603;--cat-5: #e65aa5;--cat-6: #765d00;--cat-7: #682dac;--cat-8: #ed5350;--cat-neutral: var(--n-400);--scale-sev-100: #e19b94;--scale-sev-300: #d77771;--scale-sev-400: #c8544f;--scale-sev-500: #b43132;--scale-sev-600: #a51f27;--scale-sev-700: #9b0217;--scale-good-300: #6fbaa5;--scale-good-500: #479c86;--scale-good-600: #308570;--scale-good-700: #1f6f5c;--scale-good-800: #105444;--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 999px;--font-head: "Manrope Variable", "Manrope", system-ui, sans-serif;--font-body: "Inter Variable", "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;--fs-3xs: 11px;--fs-2xs: 12px;--fs-xs: 13px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.55;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--tracking-tight: -.015em;--tracking-wide: .04em;--shadow-sm: 0 1px 2px rgb(18 33 29 / 5%);--shadow-md: 0 4px 14px rgb(18 33 29 / 6%);--shadow-lg: 0 8px 30px rgb(0 0 0 / 8%);--shadow-xl: 0 16px 48px rgb(18 33 29 / 12%);--shadow-focus: 0 0 0 3px var(--accent-ring);--z-base: 0;--z-sticky: 100;--z-header: 200;--z-drawer: 300;--z-overlay: 400;--z-dialog: 500;--z-popover: 600;--z-toast: 700;--dur-fast: .1s;--dur-base: .16s;--dur-slow: .26s;--ease-out: cubic-bezier(.2, .8, .3, 1);--content-max: 1560px;--prose-max: 68ch;--row-h: 44px;--row-h-dense: 34px;--control-h: 36px;--sidebar-w: 232px;--sidebar-w-collapsed: 64px;--topbar-h: 56px;--control-h-lg: 48px;--bottomnav-h: 60px;--krume-h: 20px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--toast-inset-top: calc(var(--safe-top) + var(--topbar-h) + var(--sp-2));color-scheme:light}}@font-face{font-family:Manrope Variable;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--surface-page);color:var(--text-default);font-family:var(--font-body);font-size:var(--fs-sm);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-head);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--text-strong);text-wrap:balance}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}h4{font-size:var(--fs-sm)}p{text-wrap:pretty}a{color:var(--text-link);text-decoration-color:color-mix(in oklab,currentcolor 30%,transparent);text-underline-offset:2px}a:hover{text-decoration-color:currentcolor}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-subtle)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer components{.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid transparent;border-radius:var(--r-md);font-family:var(--font-body);font-weight:var(--fw-medium);line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.ui-btn:disabled,.ui-btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.ui-btn.is-laedt{pointer-events:none}.ui-btn--sm{height:30px;padding:0 var(--sp-3);font-size:var(--fs-xs)}.ui-btn--md{height:var(--control-h);padding:0 var(--sp-4);font-size:var(--fs-sm)}.ui-btn--lg{height:var(--control-h-lg);padding:0 var(--sp-5);font-size:var(--fs-md)}.ui-btn--breit{width:100%}.ui-btn--primary{background:var(--accent);color:var(--text-on-accent)}.ui-btn--primary:hover:not(:disabled,[aria-disabled=true]){background:var(--accent-hover)}.ui-btn--secondary{background:var(--surface-card);border-color:var(--border-default);color:var(--text-strong)}.ui-btn--secondary:hover:not(:disabled,[aria-disabled=true]){border-color:var(--border-strong);background:var(--surface-hover)}.ui-btn--ghost{background:transparent;color:var(--text-default)}.ui-btn--ghost:hover:not(:disabled,[aria-disabled=true]){background:var(--surface-hover)}.ui-btn--danger{background:var(--status-danger);color:var(--n-0)}.ui-btn--danger:hover:not(:disabled,[aria-disabled=true]){filter:brightness(.93)}dialog footer>[dialogFuss]{display:flex;justify-content:flex-end;gap:var(--sp-2);width:100%}@media(width<640px){dialog footer>[dialogFuss]>.ui-btn{height:var(--control-h-lg);flex:1 1 0}}.ui-list-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--control-h-lg);padding:var(--sp-3) var(--sp-4);border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:inherit;text-align:left;text-decoration:none}.ui-list-item:last-child{border-bottom:0}.ui-list-item.is-klickbar{cursor:pointer}.ui-list-item.is-klickbar:hover{background:var(--surface-hover)}.ui-list-item.is-aktiv{background:var(--surface-selected)}}@layer utilities{.u-row{display:flex;align-items:center;gap:var(--sp-2)}.u-stack{display:flex;flex-direction:column;gap:var(--sp-2)}.u-spacer{flex:1}.u-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.u-mono{font-family:var(--font-mono);font-size:var(--fs-2xs)}.u-muted{color:var(--text-muted)}.u-faint{color:var(--text-faint)}.u-small{font-size:var(--fs-2xs)}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.u-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.arbeitsliste{display:block;padding-bottom:var(--sp-8)}.arbeitsliste .pruefer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.arbeitsliste .pruefer label{font-size:var(--fs-2xs);color:var(--text-muted)}.arbeitsliste .pruefer input{width:140px;height:var(--control-h);padding:0 var(--sp-2);border:1px solid var(--border-default);border-radius:var(--r-sm);background:var(--surface-card)}.arbeitsliste .feld{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-2xs);color:var(--text-muted)}.arbeitsliste .schalter:hover{background:var(--surface-hover);color:var(--text-strong)}.arbeitsliste .schalter.an{border-color:var(--border-accent);background:var(--accent-subtle);color:var(--accent);font-weight:var(--fw-semibold)}.arbeitsliste ui-card[data-rolle=fokus]{margin-bottom:var(--sp-4);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.arbeitsliste .haupt{display:inline-flex;align-items:center;gap:var(--sp-2);height:var(--control-h);padding:0 var(--sp-4);border:1px solid var(--border-accent);border-radius:var(--r-sm);background:var(--accent);color:var(--text-on-accent);font-weight:var(--fw-semibold);cursor:pointer}.arbeitsliste .haupt:hover:not(:disabled){background:var(--accent-hover)}.arbeitsliste .neben{display:inline-flex;align-items:center;gap:var(--sp-2);height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--border-default);border-radius:var(--r-sm);background:var(--surface-card);color:var(--text-muted);cursor:pointer}.arbeitsliste .neben:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-strong)}.arbeitsliste kbd{padding:0 var(--sp-1);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--r-xs);background:var(--surface-sunken);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-3xs);line-height:1.6}.arbeitsliste .haupt kbd{border-color:color-mix(in oklab,var(--text-on-accent) 45%,transparent);background:transparent;color:var(--text-on-accent)}.arbeitsliste .ergebnis{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--status-ok-bg);color:var(--status-ok);font-size:var(--fs-2xs)}.arbeitsliste ui-card[data-rolle=liste] h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm)}.arbeitsliste ui-card[data-rolle=liste] ul{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto}.arbeitsliste .zeile:hover{background:var(--surface-hover)}.arbeitsliste .zeile.imFokus{position:relative;background:var(--surface-selected);font-weight:var(--fw-semibold)}.arbeitsliste .zeile.imFokus:before{content:"";position:absolute;inset-inline-start:0;inset-block:3px;width:3px;border-radius:0 var(--r-xs) var(--r-xs) 0;background:var(--accent)}.arbeitsliste .zeile .text{font-family:var(--font-mono);font-size:var(--fs-xs)}@media(max-width:640px){.arbeitsliste .zeile .u-faint{display:none}}.arbeitsliste .meldung{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--status-ok-bg);color:var(--status-ok);font-size:var(--fs-2xs)}.arbeitsliste .meldung[data-ton=warn]{background:var(--status-warn-bg);color:var(--status-warn)}.arbeitsliste .meldung[data-ton=danger]{background:var(--status-danger-bg);color:var(--status-danger)}.arbeitsliste .tasten{position:sticky;bottom:0;z-index:var(--z-sticky);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-5);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--surface-card);box-shadow:var(--shadow-md);color:var(--text-muted);font-size:var(--fs-3xs)}.arbeitsliste .tasten span{display:inline-flex;align-items:center;gap:var(--sp-1)}