.prototype-design{--color-bg:var(--slo-papier);--color-surface:var(--slo-karte);--color-surface-raised:var(--slo-flaeche);--color-ink:var(--slo-text);--color-ink-soft:var(--slo-text-neben);--color-ink-faint:var(--slo-text-leise);--color-accent:var(--slo-gruen);--color-accent-text:var(--slo-akzent-text);--color-accent-hover:var(--slo-gruen-dunkel);--color-accent-soft:var(--slo-gruen-hell);--color-line:var(--slo-rand-hell);--color-line-strong:var(--slo-rand);--color-critical:var(--slo-rot);--color-status-offen:var(--slo-status-offen);--color-status-erledigt:var(--slo-status-erledigt);--color-ink-on-dark:var(--slo-auf-dunkel);--radius-pille:999px;--radius-feld:10px;--radius-md:8px;--font-body:var(--slo-sans);--font-mono:var(--slo-mono);--shadow-sm:0 1px 2px #0000000f;--shadow-lg:0 12px 24px #0000001f;--ease-signature:cubic-bezier(.2, .7, .2, 1)}.slo-button,.prototype-button{border-radius:var(--slo-radius);font-family:var(--slo-sans);cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:600;line-height:normal;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.slo-icon-button,.prototype-icon-button{width:var(--prototype-icon-size,32px);height:var(--prototype-icon-size,32px);border-radius:var(--radius-md);color:var(--color-ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.slo-icon-button--mini{--prototype-icon-size:32px}.slo-icon-button--standard{--prototype-icon-size:38px}.slo-icon-button--gross{--prototype-icon-size:44px}.prototype-icon-button.bordered{background:var(--color-surface-raised);border-color:var(--color-line-strong)}.prototype-icon-button:disabled{opacity:.45;cursor:default}.prototype-action-menu{flex:none;position:relative}.prototype-action-menu-list{z-index:90;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-raised);width:max-content;min-width:230px;max-width:min(300px,100vw - 32px);box-shadow:var(--shadow-lg);animation:prototype-pop var(--slo-motion-popover) var(--ease-signature);padding:6px;position:absolute;top:calc(100% + 6px);right:0}.prototype-action-menu-list.fixiert{animation-name:prototype-einblenden;position:fixed;top:0;left:0;right:auto;overflow-y:auto}@keyframes prototype-einblenden{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.prototype-action-menu-list.fixiert{animation:none}}.prototype-action-menu-list>:is(button,a){border-radius:var(--radius-feld);width:100%;min-height:38px;color:var(--color-ink);cursor:pointer;font:400 13.5px var(--font-body);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.prototype-action-menu-list>:is(button,a)>.prototype-action-menu-label{flex:1;min-width:0}.prototype-action-menu-list>button:disabled{opacity:.45;cursor:default}.prototype-action-menu-list>:is(button,a).danger{color:var(--color-critical)}.prototype-action-menu-icon{width:16px;height:16px;color:var(--color-ink-soft);flex:none;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.prototype-action-menu-list>:is(button:not(:disabled),a):hover{background:var(--color-surface)}}@media (any-pointer:coarse){.prototype-action-menu-list>:is(button,a){min-height:48px}}@media (hover:hover) and (pointer:fine){.prototype-icon-button:not(:disabled):hover{background:color-mix(in srgb, var(--color-ink) 5%, transparent);color:var(--color-ink)}.prototype-icon-button.bordered:not(:disabled):hover{background:var(--slo-gruen-hell);border-color:var(--slo-gruen);color:var(--slo-akzent-text)}}@media (any-pointer:coarse){.prototype-icon-button{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.prototype-icon-button{transition:none}}.slo-button--klein,.prototype-button.small{padding:11px 18px;font-size:15px}.slo-button--mini,.prototype-button.mini{padding:8px 14px;font-size:13.5px}.slo-button--gross{min-height:54px;padding:15px 25px;font-size:16px}.slo-button--standard{min-height:44px}.slo-button--primaer,.prototype-button.gruen{background:var(--slo-gruen);color:#fff}.slo-button--sekundaer,.prototype-button.rahmen{border:1px solid var(--slo-rand);color:var(--slo-text);background:0 0;font-weight:500}.slo-button--hell,.prototype-button.hell{background:var(--slo-auf-dunkel);color:var(--slo-text)}.slo-button--geist,.prototype-button.geist{color:var(--slo-auf-dunkel);background:0 0;border:1px solid #f4f1e84d;font-weight:500}.slo-button--gefahr{background:var(--slo-fehler-hell);border:1px solid color-mix(in srgb, var(--slo-rot) 50%, transparent);color:var(--slo-fehler-text)}.slo-button:disabled,.prototype-button:disabled{opacity:.45;cursor:not-allowed}@media (hover:hover){.slo-button--primaer:not(:disabled):hover,.prototype-button.gruen:not(:disabled):hover{background:var(--slo-gruen-dunkel);border-color:var(--slo-gruen-dunkel);color:#fff}.slo-button--sekundaer:not(:disabled):hover,.prototype-button.rahmen:not(:disabled):hover{background:var(--slo-gruen-hell);border-color:var(--slo-gruen);color:var(--slo-akzent-text)}.slo-button--hell:not(:disabled):hover,.prototype-button.hell:not(:disabled):hover{border-color:var(--slo-rand);background:#fff}.slo-button--geist:not(:disabled):hover,.prototype-button.geist:not(:disabled):hover{background:#f4f1e814;border-color:#f4f1e8b3}.slo-button--gefahr:not(:disabled):hover{background:color-mix(in srgb, var(--slo-rot) 15%, var(--slo-karte));border-color:var(--slo-rot)}}.slo-button:focus-visible,.slo-icon-button:focus-visible{outline:2px solid var(--slo-gruen);outline-offset:2px}.slo-checkbox{border:1px solid var(--slo-rand-eingabe);appearance:none;background:var(--slo-karte);color:#fff;cursor:pointer;border-radius:4px;flex:none;place-content:center;width:18px;height:18px;margin:0;transition:background-color .15s,border-color .15s;display:inline-grid}.slo-checkbox:before{content:"";opacity:0;border:0 solid;border-width:0 0 2px 2px;width:10px;height:6px;transform:translateY(-1px)rotate(-45deg)scale(.8)}.slo-checkbox:checked,.slo-checkbox:indeterminate{background:var(--slo-gruen);border-color:var(--slo-gruen)}.slo-checkbox:checked:before{opacity:1;transform:translateY(-1px)rotate(-45deg)scale(1)}.slo-checkbox:indeterminate:before{opacity:1;border-width:0 0 2px;width:9px;height:0;transform:none}.slo-checkbox:focus-visible{outline:2px solid var(--slo-gruen);outline-offset:2px}.slo-checkbox:disabled{cursor:not-allowed;opacity:.45}.slo-checkbox-field{color:var(--slo-text);cursor:pointer;align-items:flex-start;gap:9px;display:inline-flex}.slo-checkbox-field:has(.slo-checkbox:disabled){cursor:not-allowed;opacity:.7}.slo-checkbox-label{font:500 14px/1.3 var(--slo-sans);display:block}.slo-checkbox-field small{color:var(--slo-text-neben);font:12px/1.35 var(--slo-sans);margin-top:2px;display:block}.slo-schalter{color:var(--slo-text);cursor:pointer;align-items:flex-start;gap:10px;padding-block:4px;display:inline-flex}.slo-schalter-feld{flex:none;width:42px;height:24px;position:relative}.slo-schalter-eingabe{z-index:1;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.slo-schalter-spur{border:1px solid var(--slo-rand-eingabe);border-radius:var(--slo-radius-voll);background:var(--slo-rand-eingabe);transition:background-color var(--slo-motion-popover) ease, border-color var(--slo-motion-popover) ease, box-shadow var(--slo-motion-popover) ease;position:absolute;inset:0}.slo-schalter-spur:after{content:"";background:var(--slo-auf-dunkel);width:18px;height:18px;transition:transform var(--slo-motion-popover) var(--slo-bewegung);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000038}.slo-schalter-eingabe:checked+.slo-schalter-spur{border-color:var(--slo-gruen);background:var(--slo-gruen)}.slo-schalter-eingabe:checked+.slo-schalter-spur:after{transform:translate(18px)}.slo-schalter-eingabe:focus-visible+.slo-schalter-spur{border-color:var(--slo-fokus-kante);box-shadow:var(--slo-fokus-ring)}.slo-schalter-text{min-width:0;padding-top:3px}.slo-schalter-label{font:500 14px/1.3 var(--slo-sans);display:block}.slo-schalter-text small{max-width:68ch;color:var(--slo-text-neben);font:12px/1.35 var(--slo-sans);margin-top:2px;display:block}.slo-schalter:has(.slo-schalter-eingabe:disabled){opacity:.55;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.slo-schalter:hover .slo-schalter-eingabe:not(:checked,:disabled)+.slo-schalter-spur{border-color:var(--slo-gruen)}}@media (any-pointer:coarse){.slo-schalter{padding-block:10px}}@media (prefers-reduced-motion:reduce){.slo-schalter-spur,.slo-schalter-spur:after{transition:none}}.prototype-segmented{background:var(--slo-karte);border:1px solid var(--slo-rand);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.prototype-segmented button{color:var(--slo-text-neben);cursor:pointer;font:500 13.5px var(--slo-sans);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.prototype-segmented button[aria-pressed=true]{border-color:var(--slo-rand);background:var(--slo-flaeche);color:var(--slo-akzent-text);font-weight:600;box-shadow:0 1px 2px #0000000f}@media (hover:hover){.prototype-segmented button[aria-pressed=false]:hover{background:color-mix(in srgb, var(--slo-text) 4%, transparent);color:var(--slo-text)}}.prototype-tabs{border-bottom:1px solid var(--slo-rand-hell);gap:4px;display:flex;position:relative}.prototype-tabs>button{cursor:pointer;white-space:nowrap;color:var(--slo-text-neben);font:500 14.5px var(--slo-sans);background:0 0;border:0;border-radius:6px 6px 0 0;padding:10px 14px;transition:color .15s,background .15s;position:relative}.prototype-tabs>button[aria-selected=true]{color:var(--slo-text);font-weight:600}.prototype-tabs>button>span{align-items:center;gap:7px;display:inline-flex}.prototype-tabs-indikator{background:var(--slo-akzent-text);border-radius:2px;height:2px;transition:left .32s cubic-bezier(.2,.7,.2,1),width .32s cubic-bezier(.2,.7,.2,1),opacity .15s;position:absolute;bottom:-1px}@media (hover:hover){.prototype-tabs>button[aria-selected=false]:hover{background:var(--slo-karte);color:var(--slo-text)}}@media (any-pointer:coarse) and (any-hover:none){.prototype-button,.prototype-segmented button,.prototype-tabs>button{min-height:44px}}.prototype-field{border:1px solid var(--slo-rand-eingabe);border-radius:var(--radius-feld);background:var(--color-surface-raised);width:100%;min-height:44px;font:400 15px var(--font-body);align-items:center;gap:8px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.prototype-field.optional{background:var(--color-surface);border-style:dashed}.prototype-field.focus{border-color:var(--slo-fokus-kante);box-shadow:var(--slo-fokus-ring)}.prototype-field-icon{color:var(--color-ink-faint);flex:none;display:inline-flex}.prototype-field input{width:100%;min-width:0;color:var(--color-ink);font:inherit;background:0 0;border:0;outline:0;padding:0}.prototype-field input::placeholder{color:var(--color-ink-faint)}.prototype-select{min-width:0;display:inline-flex;position:relative}.prototype-select>button:first-child{border:1px solid var(--slo-rand-eingabe);border-radius:var(--radius-feld);background:var(--color-surface-raised);width:100%;height:38px;color:var(--color-ink);cursor:pointer;font:400 13.5px var(--font-body);align-items:center;gap:6px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.prototype-select>button:first-child>span:first-child,.prototype-select>button:first-child>span:nth-child(2){text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prototype-select>button:first-child>span:not(.prototype-select-prefix){flex:1}.prototype-select-prefix{color:var(--color-ink-soft);flex:none}.prototype-select .placeholder{color:var(--color-ink-faint)}.prototype-select.open>button:first-child,.prototype-select.focus>button:first-child{border-color:var(--slo-fokus-kante);box-shadow:var(--slo-fokus-ring)}.prototype-select>button:first-child:disabled{background:var(--color-surface);color:var(--color-ink-faint);cursor:not-allowed}.prototype-select>select{z-index:2;appearance:none;opacity:0;width:100%;height:100%;font:inherit;border:0;position:absolute;inset:0}.prototype-select-list{z-index:80;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-raised);min-width:100%;max-height:264px;box-shadow:var(--shadow-lg);scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent;padding:4px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.prototype-select-list [role=option]{width:100%;color:var(--color-ink);cursor:pointer;font:400 13.5px var(--font-body);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.prototype-select-list [role=option]>span{text-align:left;flex:1}.prototype-select-list [role=option].active{background:var(--color-surface)}.prototype-select-list [role=option].selected{background:var(--color-accent-soft);color:var(--slo-akzent-text);font-weight:600}.prototype-select-gruppe+.prototype-select-gruppe,.prototype-select-list>[role=option]+.prototype-select-gruppe{border-top:1px solid var(--color-line);margin-top:4px;padding-top:4px}.prototype-select-gruppe>span{color:var(--color-ink-faint);font:600 11px var(--font-body);letter-spacing:.04em;text-transform:uppercase;padding:6px 10px 2px;display:block}.prototype-filter-button{border:1px solid var(--color-line-strong);border-radius:var(--radius-feld);background:var(--color-surface-raised);min-width:44px;min-height:44px;color:var(--color-ink-soft);cursor:pointer;font:600 13px var(--font-body);justify-content:center;align-items:center;gap:7px;padding:0 13px;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.prototype-filter-button.active,.prototype-filter-button[aria-expanded=true]{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.prototype-filter-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.prototype-filter-count{background:var(--color-accent);min-width:18px;height:18px;color:var(--color-ink-on-dark);font:600 10.5px var(--font-mono);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.prototype-filter-popover{z-index:90;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-raised);min-width:260px;box-shadow:var(--shadow-lg);animation:prototype-pop var(--slo-motion-popover) var(--ease-signature);padding:12px;position:absolute}.prototype-filter-chip{border:1px solid var(--color-line-strong);background:var(--color-surface-raised);min-height:34px;color:var(--color-ink-soft);cursor:pointer;font:500 12.5px var(--font-body);border-radius:999px;align-items:center;gap:7px;padding:0 12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.prototype-filter-chip small{color:var(--color-ink-faint);font:400 10.5px var(--font-mono)}.prototype-filter-chip.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-text);font-weight:600}.prototype-filter-chip.active small{color:inherit}.prototype-filter-chip.danger.active{border-color:var(--color-critical);background:var(--slo-fehler-hell);color:var(--color-critical)}@media (any-pointer:coarse){.prototype-select>button:first-child,.prototype-filter-chip{min-height:44px}}@media (hover:hover){.prototype-filter-button:hover,.prototype-filter-chip:hover{border-color:var(--color-accent);color:var(--color-ink)}.prototype-filter-button:not(:disabled):hover{background:var(--slo-gruen-hell);border-color:var(--slo-gruen);color:var(--slo-akzent-text)}}@keyframes prototype-pop{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.slo-button,.slo-icon-button,.slo-checkbox,.prototype-field,.prototype-select>button:first-child,.prototype-filter-button,.prototype-filter-chip{transition:none}.prototype-filter-popover{animation:none}}