:root{--color-primary:#33566b;--color-primary-press:#26424f;--color-neutral-dark:#6b6f72;--color-neutral-light:#ebeded;--color-warning:#f9c521;--color-danger:#f78382;--color-danger-press:#c66968;--color-info:#1565c0;--color-surface:#fff;--color-ink:#252525;--color-ink-secondary:#5e5d5d;--color-header-bg:#3d4245;--color-text:var(--color-ink);--color-text-muted:var(--color-ink-secondary);--color-border:var(--color-neutral-light);--color-bg:var(--color-surface);--color-bg-subtle:var(--color-neutral-light);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-weight-body:400;--font-weight-nav:300;--font-weight-emphasis:500;--font-weight-cta:700;--font-size-meta:.9rem;--font-size-body:1.05rem;--font-size-heading:1.4rem;--font-size-title:1.75rem;--letter-spacing-heading:-.025em;--letter-spacing-normal:normal;--radius-control:.5rem;--radius-button:0;--border-width:1px;--motion-duration-fast:.3s;--motion-duration-slow:.4s;--motion-easing:ease;--motion-easing-out:ease-out;--touch-target-min:48px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{overflow-y:scroll}body{font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.45}h1,h2,h3{font-weight:var(--font-weight-emphasis);color:var(--color-text);margin:0}h1{font-size:var(--font-size-title);letter-spacing:var(--letter-spacing-heading)}h2{font-size:var(--font-size-heading);letter-spacing:var(--letter-spacing-heading)}p{margin:0}button{font-family:inherit}ul{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}[aria-hidden=true]{-webkit-user-select:none;user-select:none}::selection{background:var(--color-primary);color:var(--color-surface)}::selection{background:var(--color-primary);color:var(--color-surface)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}#root{flex-direction:column;min-height:100svh;display:flex}.status{align-items:center;gap:var(--space-2);font-size:var(--font-size-meta);color:var(--color-text-muted);white-space:nowrap;line-height:1;display:inline-flex}.status__icon{font-size:.75em;line-height:1}.status__spinner{width:.75em;height:.75em;color:var(--color-primary);opacity:.7;border:2px solid;border-color:currentColor currentColor #0000 #0000;border-radius:50%;animation:.8s linear infinite status-spin;display:inline-block}.status__spinner--static{border-color:currentColor;animation:none}@keyframes status-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.status__spinner{opacity:1;border-color:currentColor;animation:none}}.status--dot .status__icon{font-size:.6em}.status--dot.status--success .status__icon{color:var(--color-primary)}.status--dot.status--neutral .status__icon{color:var(--color-neutral-dark)}.status--chip{min-width:10rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);border:var(--border-width) solid transparent;white-space:normal;text-align:center;justify-content:center}.status--chip.status--success{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.status--chip.status--neutral{color:var(--color-neutral-dark);background:0 0;border-color:#0000;padding-left:0}.status--chip.status--warning{border-color:var(--color-warning);color:var(--color-ink);background:0 0}.status--chip.status--warning .status__icon{color:var(--color-warning)}.status--chip.status--danger{border-color:var(--color-danger);color:var(--color-ink);background:0 0}.status--chip.status--danger .status__icon{color:var(--color-danger)}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-shell__header{border-bottom:var(--border-width) solid var(--color-border)}.app-shell__bar{padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;width:238px;height:50px;display:block}.brand-product{border-left:var(--border-width) solid var(--color-neutral-dark);flex-direction:column;padding-left:12px;line-height:1;display:flex}.brand-product small{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:700}.brand-product strong{color:var(--color-primary);letter-spacing:.08em;font-size:1.15rem}.app-shell__user{min-height:var(--touch-target-min);padding:0 var(--space-3);font-size:var(--font-size-body);color:var(--color-text);cursor:pointer;background:0 0;border:none}.app-shell__desktop-menu{position:relative}.app-shell__desktop-menu .app-shell__user-popover{min-width:19rem}.app-shell__mobile-menu{display:none}.app-shell__user-popover{z-index:2;top:calc(100% + var(--space-2));min-width:15rem;padding:var(--space-3) var(--space-4);border:2px solid var(--color-primary);background:var(--color-surface);border-radius:0;position:absolute;right:0;box-shadow:0 10px 24px #25252533}.app-shell__user-menu-name{color:var(--color-text);font-size:var(--font-size-meta);font-weight:var(--font-weight-emphasis);text-align:center;display:block}.app-shell__audio-setting{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border);color:var(--color-text);font-size:var(--font-size-meta);line-height:1.35;display:flex}.app-shell__audio-setting input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary);margin:.05rem 0 0}.app-shell__logout-btn{width:fit-content;margin:var(--space-3) auto 0;padding:var(--space-2) 0 0;color:var(--color-danger);font:inherit;font-size:var(--font-size-meta);text-align:center;cursor:pointer;background:0 0;border:0;display:block;position:relative}.app-shell__logout-btn:before{content:"";top:0;right:calc(-1 * var(--space-4));left:calc(-1 * var(--space-4));border-top:var(--border-width) solid var(--color-border);position:absolute}.app-shell__logout-btn:hover{text-decoration:underline}.app-shell__status-bar{justify-content:center;align-items:center;gap:var(--space-5);width:calc(238px + var(--space-5));padding:0 0 var(--space-3) var(--space-5);display:flex}.app-shell__status-bar>*{flex-shrink:0}.app-shell__sync-pending{font-size:var(--font-size-meta);color:var(--color-text-muted);position:relative}.app-shell__sync-pending .status__spinner--static{width:.55em;height:.55em;margin-right:var(--space-1);color:var(--color-text-muted)}.app-shell__sync-pending:after{content:attr(data-tooltip);z-index:10;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-ink);color:var(--color-surface);font-size:var(--font-size-meta);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-fast) var(--motion-easing) .15s;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (hover:hover){.app-shell__sync-pending:hover:after{opacity:1}}.app-shell__content{padding:var(--space-5);flex-direction:column;flex:1;display:flex}@media (width<=580px){.app-shell__desktop-menu{display:none}.app-shell__mobile-menu{display:block;position:relative}.app-shell__mobile-menu-button{border-radius:var(--radius-control);background:var(--color-primary);cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:50px;height:50px;padding:0;display:inline-flex}.app-shell__mobile-menu-button span{background:var(--color-surface);width:20px;height:2px;transition:transform var(--motion-duration-fast) var(--motion-easing);border-radius:99px;display:block}.app-shell__mobile-menu-button[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.app-shell__mobile-menu-button[aria-expanded=true] span:nth-child(2){transform:scaleX(0)}.app-shell__mobile-menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.app-shell__mobile-menu-button:active{background:var(--color-primary-press)}.app-shell__status-bar{width:auto;padding:var(--space-2) var(--space-5);border-top:var(--border-width) solid var(--color-border);background:var(--color-bg-subtle);justify-content:center;gap:0}.app-shell__sync-pending{margin-left:var(--space-3);padding-left:var(--space-3);border-left:var(--border-width) solid var(--color-neutral-dark)}}@media (hover:hover) and (width<=580px){.app-shell__mobile-menu-button:hover{background:var(--color-primary-press)}}@media (width<=450px){.brand-logo{width:190px;height:41px}}@media (width<=400px){.brand{align-items:flex-start;gap:var(--space-2);flex-direction:column}.brand-product{align-self:center;align-items:baseline;gap:var(--space-2);white-space:nowrap;border-left:none;flex-direction:row;padding-left:0}.brand-product small{letter-spacing:.08em;margin:0;font-size:.9rem}.brand-product strong{font-size:.9rem}}.btn{min-height:var(--touch-target-min);border-radius:var(--radius-button);border:var(--border-width) solid transparent;font-size:var(--font-size-body);font-weight:var(--font-weight-emphasis);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing), border-color var(--motion-duration-fast) var(--motion-easing), color var(--motion-duration-fast) var(--motion-easing);justify-content:center;align-items:center;padding:10px 20px;display:inline-flex}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.btn--primary:not(:disabled):active{background:var(--color-primary-press);border-color:var(--color-primary-press)}@media (hover:hover){.btn--primary:not(:disabled):hover{background:var(--color-primary-press);border-color:var(--color-primary-press)}.btn--secondary:not(:disabled):hover{background:var(--color-primary);color:var(--color-surface)}.btn--neutral:not(:disabled):hover{background:var(--color-ink);border-color:var(--color-ink)}.btn--danger:not(:disabled):hover{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-surface)}}.btn--secondary{border-color:var(--color-primary);color:var(--color-primary);background:0 0}.btn--secondary:not(:disabled):active{background:var(--color-primary);color:var(--color-surface)}.btn--neutral{background:var(--color-neutral-dark);border-color:var(--color-neutral-dark);color:var(--color-surface)}.btn--neutral:not(:disabled):active{background:var(--color-ink);border-color:var(--color-ink)}.btn--danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.btn--danger:not(:disabled):active{background:var(--color-danger-press);border-color:var(--color-danger-press)}.btn:disabled{background:var(--color-neutral-light);border-color:var(--color-neutral-light);color:var(--color-text-muted);cursor:not-allowed}.page-toolbar{align-items:center;column-gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:var(--border-width) solid var(--color-border);grid-template-columns:auto auto 1fr;grid-template-areas:"title back action";display:grid}.page-toolbar__title{white-space:nowrap;grid-area:title;width:18rem}.page-toolbar__back{border-color:var(--color-neutral-dark);color:var(--color-neutral-dark);background:0 0;grid-area:back}.page-toolbar__back:not(:disabled):active{background:var(--color-neutral-dark);color:var(--color-surface)}@media (hover:hover){.page-toolbar__back:not(:disabled):hover{background:var(--color-neutral-dark);border-color:var(--color-neutral-dark);color:var(--color-surface)}}.page-toolbar__action{justify-self:end;align-items:center;gap:var(--space-3);grid-area:action;display:flex}.page-toolbar__secondary-action{display:flex}.page-toolbar__action .btn{white-space:nowrap}@media (width<=809px){.page-toolbar{row-gap:var(--space-3);grid-template-columns:1fr 1fr;grid-template-areas:"title title""back action"}.page-toolbar__title{width:auto}.page-toolbar__back{justify-self:start}.page-toolbar--without-back{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title action"}.page-toolbar--with-secondary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title""back secondary""action action"}.page-toolbar--with-secondary .page-toolbar__action{display:contents}.page-toolbar--with-secondary .page-toolbar__secondary-action{grid-area:secondary;justify-self:stretch}.page-toolbar--with-secondary .page-toolbar__back,.page-toolbar--with-secondary .page-toolbar__secondary-action .btn,.page-toolbar--with-secondary .page-toolbar__action>.btn{width:100%}.page-toolbar--with-secondary .page-toolbar__action>.btn{grid-area:action;justify-self:stretch}.page-toolbar--with-secondary-without-back{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""secondary""action"}.page-toolbar--with-secondary-without-back .page-toolbar__action{display:contents}.page-toolbar--with-secondary-without-back .page-toolbar__secondary-action{grid-area:secondary}.page-toolbar--with-secondary-without-back .page-toolbar__secondary-action .btn,.page-toolbar--with-secondary-without-back .page-toolbar__action>.btn{width:100%}.page-toolbar--with-secondary-without-back .page-toolbar__action>.btn{grid-area:action}}.vorgangsliste{flex-direction:column;flex:1;display:flex}.vorgangsliste__toolbar{width:100vw;padding-inline:var(--space-5);margin-bottom:0;margin-left:50%;transform:translate(-50%)}.vorgangsliste__content{width:100vw;margin-left:50%;margin-bottom:calc(-1 * var(--space-5));padding:var(--space-5);background:color-mix(in srgb, var(--color-bg-subtle) 30%, var(--color-surface));flex-direction:column;flex:1;display:flex;transform:translate(-50%)}.vorgangsliste__empty{align-items:center;gap:var(--space-2);width:100%;max-width:52rem;padding:var(--space-8) var(--space-5);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-control);text-align:center;flex-direction:column;margin:0 auto;display:flex}.vorgangsliste__empty-title{font-size:var(--font-size-heading);font-weight:var(--font-weight-emphasis);color:var(--color-text)}.vorgangsliste__empty-hint{font-size:var(--font-size-meta);color:var(--color-text-muted)}.vorgangsliste__termine{margin-bottom:2rem}.vorgangsliste__termine-title,.vorgangsliste__vorgaenge-title{text-align:center;max-width:52rem;margin:0 auto .75rem;font-size:1.1rem;font-weight:600}.vorgangsliste__termin-link{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.vorgangsliste__termin-fehler{max-width:52rem;color:var(--color-text-muted);margin:0 auto 1rem}.vorgangsliste__termine-ladehinweis{color:var(--color-text-muted);justify-content:center}@media (width<=400px){.vorgangsliste__neu-button{padding-right:var(--space-3);padding-left:var(--space-3);font-size:.9rem}}.vorgangsliste__liste{gap:var(--space-3);flex-direction:column;display:flex}.vorgangsliste__eintrag-link{align-items:center;gap:var(--space-5);width:100%;max-width:52rem;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);color:inherit;background:var(--color-surface);transition:background-color var(--motion-duration-fast) var(--motion-easing), border-color var(--motion-duration-fast) var(--motion-easing);margin:0 auto;text-decoration:none;display:flex}.vorgangsliste__eintrag-zeit{white-space:nowrap;font-size:var(--font-size-meta);color:var(--color-text-muted);flex:none}.vorgangsliste__eintrag-kunde{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.vorgangsliste__status{align-items:center;gap:var(--space-3);flex:none;display:flex}.vorgangsliste__eintrag-link--geloescht{align-items:stretch;gap:var(--space-3);padding:0}.vorgangsliste__geloescht-link{align-items:center;gap:var(--space-5);min-width:0;padding:var(--space-4) 0 var(--space-4) var(--space-4);color:inherit;flex:1;text-decoration:none;display:flex}.vorgangsliste__geloescht-aktion{padding:var(--space-4) var(--space-4) var(--space-4) 0;align-items:center;display:flex}.vorgangsliste__eintrag-loeschhinweis{text-align:right;font-variant-numeric:tabular-nums;font-size:var(--font-size-meta);color:var(--color-text-muted);flex:0 0 11rem}.vorgangsliste__wiederherstellen-btn{min-width:10rem;min-height:0;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-control);color:var(--color-primary);font-family:inherit;line-height:1;font-size:var(--font-size-meta);font-weight:var(--font-weight-emphasis);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing), color var(--motion-duration-fast) var(--motion-easing);background:0 0;justify-content:center;align-items:center;display:inline-flex}.vorgangsliste__wiederherstellen-btn:active{background:var(--color-primary);color:var(--color-surface)}@media (hover:hover){a.vorgangsliste__eintrag-link:hover,button.vorgangsliste__eintrag-link:hover{background:var(--color-bg-subtle)}.vorgangsliste__wiederherstellen-btn:hover{background:var(--color-primary);color:var(--color-surface)}div.vorgangsliste__eintrag-link:has(.vorgangsliste__geloescht-link:hover){background:var(--color-bg-subtle)}}@media (width<=740px){a.vorgangsliste__eintrag-link,button.vorgangsliste__eintrag-link{column-gap:var(--space-3);row-gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}a.vorgangsliste__eintrag-link .vorgangsliste__eintrag-zeit,button.vorgangsliste__eintrag-link .vorgangsliste__eintrag-zeit{grid-area:1/1}a.vorgangsliste__eintrag-link .vorgangsliste__eintrag-kunde,button.vorgangsliste__eintrag-link .vorgangsliste__eintrag-kunde{grid-area:2/1}a.vorgangsliste__eintrag-link .vorgangsliste__status,button.vorgangsliste__eintrag-link .vorgangsliste__status{align-items:center;gap:var(--space-1);flex-direction:column;grid-area:1/2/span 2}.vorgangsliste__eintrag-link--geloescht{flex-wrap:wrap;gap:0}.vorgangsliste__geloescht-link{column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-4) var(--space-4) var(--space-2) var(--space-4);flex:1 0 100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.vorgangsliste__geloescht-link .vorgangsliste__eintrag-zeit{grid-area:1/1}.vorgangsliste__geloescht-link .vorgangsliste__eintrag-kunde{grid-area:2/1}.vorgangsliste__geloescht-link .vorgangsliste__eintrag-loeschhinweis{grid-area:1/2/span 2}.vorgangsliste__geloescht-aktion{width:100%;padding:var(--space-2) var(--space-4) var(--space-4);border-top:var(--border-width) solid var(--color-border);justify-content:center;display:flex}}@media (width<=500px){a.vorgangsliste__eintrag-link,button.vorgangsliste__eintrag-link{row-gap:var(--space-2);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr)}a.vorgangsliste__eintrag-link .vorgangsliste__eintrag-zeit,button.vorgangsliste__eintrag-link .vorgangsliste__eintrag-zeit{grid-area:1/1}a.vorgangsliste__eintrag-link .vorgangsliste__eintrag-kunde,button.vorgangsliste__eintrag-link .vorgangsliste__eintrag-kunde{font-size:var(--font-size-body);font-weight:var(--font-weight-emphasis);line-clamp:2;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;grid-area:2/1;display:-webkit-box;overflow:hidden}a.vorgangsliste__eintrag-link .vorgangsliste__status,button.vorgangsliste__eintrag-link .vorgangsliste__status{width:100%;padding-top:var(--space-2);border-top:var(--border-width) solid var(--color-border);flex-direction:row;grid-area:3/1;justify-content:flex-start}a.vorgangsliste__eintrag-link .vorgangsliste__status .status--chip{margin-left:auto}button.vorgangsliste__eintrag-link .vorgangsliste__status{justify-content:center}.vorgangsliste__geloescht-link{padding:var(--space-3) var(--space-4) var(--space-2) var(--space-4)}.vorgangsliste__eintrag-link--geloescht .vorgangsliste__eintrag-kunde{font-size:var(--font-size-body);font-weight:var(--font-weight-emphasis);line-clamp:2;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;grid-area:2/1/auto/-1;display:-webkit-box;overflow:hidden}.vorgangsliste__eintrag-link--geloescht .vorgangsliste__eintrag-loeschhinweis{text-align:right;grid-area:1/2}.vorgangsliste__geloescht-aktion{padding:var(--space-2) var(--space-4) var(--space-3)}}@media (width<=400px){a.vorgangsliste__eintrag-link .vorgangsliste__status,button.vorgangsliste__eintrag-link .vorgangsliste__status{flex-wrap:wrap;justify-content:center}a.vorgangsliste__eintrag-link .vorgangsliste__status .status--dot,button.vorgangsliste__eintrag-link .vorgangsliste__status .status--dot{flex:0 0 100%;justify-content:center}a.vorgangsliste__eintrag-link .vorgangsliste__status .status--chip,button.vorgangsliste__eintrag-link .vorgangsliste__status .status--chip{margin-left:auto;margin-right:auto}}.confirm-dialog{max-width:24rem;width:calc(100% - var(--space-8));color:var(--color-text);background:0 0;border:none;padding:0}.confirm-dialog::backdrop{background:#25252566}.confirm-dialog__panel{border:var(--border-width) solid var(--color-border);padding:var(--space-6);background:var(--color-surface);border-radius:0}.confirm-dialog__title{margin-bottom:var(--space-3)}.confirm-dialog__message{color:var(--color-text-muted);margin-bottom:var(--space-5)}.confirm-dialog__actions{justify-content:center;gap:var(--space-3);display:flex}.select-control{position:relative}.select-control__native{width:100%;min-height:var(--touch-target-min);padding:0 var(--space-6) 0 var(--space-4);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);appearance:none;cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-easing);border-radius:0}.select-control__arrow{top:50%;right:var(--space-4);color:var(--color-text-muted);pointer-events:none;position:absolute;transform:translateY(-50%)}@media (hover:hover){.select-control__native:hover{border-color:var(--color-primary)}}.select-control--disabled{opacity:.6}.select-control--disabled .select-control__native{cursor:not-allowed}.signature-field{gap:var(--space-2);flex-direction:column;display:flex}.signature-field__canvas{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);touch-action:none;background-image:linear-gradient(var(--color-border), var(--color-border));background-size:calc(100% - 2 * var(--space-5)) 1px;background-position:var(--space-5) 75%;cursor:crosshair;background-repeat:no-repeat;width:100%}.signature-field__aktionen{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.signature-field__hinweis{font-size:var(--font-size-meta);color:var(--color-text-muted)}.signature-field__vorschau{border-bottom:var(--border-width) solid var(--color-border);max-width:100%;height:auto}.signature-field__leer{font-size:var(--font-size-meta);color:var(--color-text-muted)}.form-renderer{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-6);background:var(--color-surface)}.form-renderer__confidence-legend{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:linear-gradient(105deg, color-mix(in srgb, var(--color-primary) 4%, var(--color-surface)) 0%, var(--color-surface) 72%);display:flex}.form-renderer__confidence-legend-heading{align-items:flex-start;gap:var(--space-2);flex:0 18rem;display:flex}.form-renderer__confidence-legend-icon{background:var(--color-primary);width:1.75rem;height:1.75rem;color:var(--color-surface);border-radius:50%;flex:0 0 1.75rem;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.form-renderer__confidence-legend-title,.form-renderer__confidence-legend-description{margin:0}.form-renderer__confidence-legend-title{color:var(--color-text);font-size:var(--font-size-meta);font-weight:var(--font-weight-emphasis)}.form-renderer__confidence-legend-description{color:var(--color-text-muted);margin-top:.1rem;font-size:.78rem;line-height:1.35}.form-renderer__confidence-scale{border-left:var(--border-width) solid var(--color-border);flex:0 26rem;grid-template-columns:repeat(4,minmax(4.8rem,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.form-renderer__confidence-scale-item{min-width:0;padding:.35rem var(--space-2) .35rem .6rem;color:var(--color-text);flex-direction:column;gap:.1rem;font-size:.72rem;line-height:1.2;display:flex;position:relative}.form-renderer__confidence-scale-item+.form-renderer__confidence-scale-item{border-left:var(--border-width) solid var(--color-border)}.form-renderer__confidence-scale-item:before{top:var(--space-2);bottom:var(--space-2);background:var(--confidence-accent);content:"";border-radius:99px;width:3px;position:absolute;left:0}.form-renderer__confidence-scale-label{font-weight:var(--font-weight-emphasis)}.form-renderer__confidence-scale-value{color:var(--color-text-muted);white-space:nowrap}.form-renderer__confidence-scale-item--niedrig{--confidence-accent:var(--color-danger)}.form-renderer__confidence-scale-item--mittel{--confidence-accent:var(--color-warning)}.form-renderer__confidence-scale-item--hoch{--confidence-accent:var(--color-info)}.form-renderer__confidence-scale-item--sehr-hoch{--confidence-accent:var(--color-primary)}.form-renderer__section{margin-bottom:var(--space-4)}.form-renderer__section:last-child{margin-bottom:0}.form-renderer__section-title{font-size:var(--font-size-heading);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--color-border)}.form-renderer__field{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--color-border);display:flex}.form-renderer__field:last-child{border-bottom:none}.form-renderer__field--textarea,.form-renderer__field--read-only{align-items:flex-start}.form-renderer__field-label{font-size:var(--font-size-meta);color:var(--color-text-muted);flex:0 0 12rem}.form-renderer__required{color:var(--color-text-muted)}.form-renderer__field-value{flex:1}.form-renderer__field-value--readonly{color:var(--color-text)}.form-renderer__field-value--empty{color:var(--color-text-muted)}.form-renderer__field-readonly{padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);overflow-wrap:anywhere;white-space:pre-wrap;flex:1;line-height:1.45;display:block}.form-renderer__field,.form-renderer__field--textarea,.form-renderer__field--read-only{align-items:stretch;gap:var(--space-2);flex-direction:column}.form-renderer__field-label{flex-basis:auto}@media (width<=44rem){.form-renderer__confidence-legend{flex-direction:column;align-items:flex-start}.form-renderer__confidence-legend-heading{flex:none}.form-renderer__confidence-scale{flex-basis:auto;width:100%}}@media (width<=34rem){.form-renderer__confidence-scale{border-left:none;grid-template-columns:minmax(0,1fr)}.form-renderer__confidence-scale-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.35rem .7rem}.form-renderer__confidence-scale-item+.form-renderer__confidence-scale-item{border-top:var(--border-width) solid var(--color-border);border-left:none}.form-renderer__confidence-scale-item:before{top:.35rem;bottom:.35rem}}.form-renderer__textarea,.form-renderer__input{width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);transition:border-color var(--motion-duration-fast) var(--motion-easing);border-radius:0}.form-renderer__textarea{min-height:var(--touch-target-min);padding-top:calc((var(--touch-target-min) - var(--border-width) * 2 - 1.2em) / 2);padding-bottom:calc((var(--touch-target-min) - var(--border-width) * 2 - 1.2em) / 2);resize:vertical;line-height:1.2}.form-renderer__input{min-height:var(--touch-target-min)}@media (hover:hover){.form-renderer__textarea:hover,.form-renderer__input:hover{border-color:var(--color-primary)}}@media (width<=800px){.form-renderer__section:nth-of-type(2) .form-renderer__textarea{min-height:4rem;padding-top:var(--space-2);padding-bottom:var(--space-2)}}.form-renderer__checkbox-group{gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);background:var(--color-surface);border-radius:0;flex-direction:column;display:flex}.form-renderer__checklist-eingabe{gap:var(--space-2);margin-top:var(--space-1);display:flex}.form-renderer__checklist-eingabe input[type=text]{padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);border-radius:0;flex:1}.form-renderer__checklist-eingabe button{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-body);cursor:pointer;border-radius:0;flex:none}@media (hover:hover){.form-renderer__checklist-eingabe button:hover{border-color:var(--color-primary);color:var(--color-primary)}}.form-renderer__field--checkbox .form-renderer__checkbox-label{padding:var(--space-2) 0}.form-renderer__checkbox-label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.form-renderer__checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);flex:none}.form-renderer__textarea.form-renderer__field-value--konfidenz-niedrig,.form-renderer__input.form-renderer__field-value--konfidenz-niedrig,.form-renderer__field-readonly.form-renderer__field-value--konfidenz-niedrig,.form-renderer__checkbox-group.form-renderer__field-value--konfidenz-niedrig,.form-renderer__field-value--konfidenz-niedrig .select-control__native{border-color:var(--color-danger);border-width:2px}.form-renderer__textarea.form-renderer__field-value--konfidenz-mittel,.form-renderer__input.form-renderer__field-value--konfidenz-mittel,.form-renderer__field-readonly.form-renderer__field-value--konfidenz-mittel,.form-renderer__checkbox-group.form-renderer__field-value--konfidenz-mittel,.form-renderer__field-value--konfidenz-mittel .select-control__native{border-color:var(--color-warning);border-width:2px}.form-renderer__textarea.form-renderer__field-value--konfidenz-hoch,.form-renderer__input.form-renderer__field-value--konfidenz-hoch,.form-renderer__field-readonly.form-renderer__field-value--konfidenz-hoch,.form-renderer__checkbox-group.form-renderer__field-value--konfidenz-hoch,.form-renderer__field-value--konfidenz-hoch .select-control__native{border-color:var(--color-info);border-width:2px}.form-renderer__textarea.form-renderer__field-value--konfidenz-sehr-hoch,.form-renderer__input.form-renderer__field-value--konfidenz-sehr-hoch,.form-renderer__field-readonly.form-renderer__field-value--konfidenz-sehr-hoch,.form-renderer__checkbox-group.form-renderer__field-value--konfidenz-sehr-hoch,.form-renderer__field-value--konfidenz-sehr-hoch .select-control__native{border-color:var(--color-primary);border-width:2px}.form-renderer__number{align-items:center;gap:var(--space-2);display:flex}.form-renderer__number .form-renderer__input{flex:auto;min-width:0}.form-renderer__unit{font-size:var(--font-size-meta);color:var(--color-text-muted);flex:none}.form-renderer__option-group{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.form-renderer__option-group-label{font-size:var(--font-size-body);font-weight:var(--font-weight-emphasis)}.form-renderer__field--signature{gap:var(--space-2);flex-direction:column;display:flex}.aufnahme{flex-direction:column;flex:1;display:flex}.aufnahme__toolbar{width:100vw;padding-inline:var(--space-5);margin-bottom:0;margin-left:50%;transform:translate(-50%)}.aufnahme__content{width:100vw;margin-left:50%;margin-bottom:calc(-1 * var(--space-5));padding:var(--space-5);background:color-mix(in srgb, var(--color-bg-subtle) 30%, var(--color-surface));flex:1;transform:translate(-50%)}.aufnahme__form-select{gap:var(--space-2);max-width:26rem;margin:0 auto var(--space-5);flex-direction:column;display:flex}.aufnahme__setup-title{display:none}.aufnahme__form-label{font-size:var(--font-size-meta);color:var(--color-text-muted);text-align:center}.aufnahme__record{align-items:center;gap:var(--space-5);padding:0 0 var(--space-5);flex-direction:column;display:flex}.aufnahme__fehler{color:var(--color-danger);font-size:var(--font-size-meta);text-align:center}.aufnahme__verbindungshinweis{text-align:center;white-space:normal;max-width:26rem}.aufnahme__record-button{width:26rem;max-width:100%;height:56px;padding:0 var(--space-6);font-size:var(--font-size-body);white-space:nowrap;line-height:1}.aufnahme__record-icon{width:1em;height:1em;margin-right:var(--space-2);justify-content:center;align-items:center;font-size:.7em;line-height:1;display:inline-flex}.aufnahme__record-icon--pause{font-size:.85em}.aufnahme__audio-feedback{align-items:flex-start;gap:var(--space-2);width:26rem;max-width:100%;padding:var(--space-3);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-meta);line-height:1.35;display:flex}.aufnahme__audio-feedback input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary);flex:none;margin:.1rem 0 0}.aufnahme__audio-feedback strong,.aufnahme__audio-feedback small{display:block}.aufnahme__audio-feedback strong{color:var(--color-text);font-weight:var(--font-weight-emphasis)}.aufnahme__audio-feedback small{font-size:inherit;margin-top:.1rem}@media (width>=501px) and (width<=950px){.aufnahme__toolbar{row-gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title""back action"}.aufnahme__toolbar .page-toolbar__title{width:auto}.aufnahme__toolbar .page-toolbar__back{justify-self:start}.aufnahme__toolbar.page-toolbar--with-secondary{grid-template-areas:"title title""back secondary""action action"}.aufnahme__toolbar.page-toolbar--with-secondary .page-toolbar__action{display:contents}.aufnahme__toolbar.page-toolbar--with-secondary .page-toolbar__back,.aufnahme__toolbar.page-toolbar--with-secondary .page-toolbar__secondary-action .btn,.aufnahme__toolbar.page-toolbar--with-secondary .page-toolbar__action>.btn{width:100%}.aufnahme__toolbar.page-toolbar--with-secondary .page-toolbar__secondary-action{grid-area:secondary}.aufnahme__toolbar.page-toolbar--with-secondary .page-toolbar__action>.btn{grid-area:action}}@media (width<=500px){.aufnahme__setup{margin:0 calc(-1 * var(--space-5)) var(--space-5);padding:var(--space-4) var(--space-5);border-top:var(--border-width) solid var(--color-border);border-bottom:var(--border-width) solid var(--color-border)}.aufnahme__setup-title{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-emphasis);text-align:left;display:block}.aufnahme__form-select{max-width:none;margin-bottom:var(--space-4)}.aufnahme__form-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.aufnahme__record{align-items:stretch;padding:0}.aufnahme__audio-feedback{width:100%;max-width:none;padding:var(--space-3);border:var(--border-width) solid var(--color-border)}.aufnahme__toolbar{border-bottom:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"title""back""action"}.aufnahme__toolbar .page-toolbar__back,.aufnahme__toolbar .page-toolbar__action,.aufnahme__toolbar .page-toolbar__action .btn{width:100%}.aufnahme__toolbar .page-toolbar__action{justify-self:stretch}.aufnahme__toolbar.page-toolbar--with-secondary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title""back secondary""action action"}.aufnahme__record-button{width:100%}}.aufnahme__formular-laedt{color:var(--color-text-muted);font-size:var(--font-size-meta)}.pruefen{flex-direction:column;flex:1;display:flex}.pruefen__toolbar{width:100vw;padding-inline:var(--space-5);margin-bottom:0;margin-left:50%;transform:translate(-50%)}.pruefen__content{width:100vw;margin-left:50%;margin-bottom:calc(-1 * var(--space-5));padding:var(--space-5);background:color-mix(in srgb, var(--color-bg-subtle) 30%, var(--color-surface));flex:1;transform:translate(-50%)}.pruefen__auswertung-status{padding:var(--space-3) 0;justify-content:center;display:flex}.pruefen__analyse-hinweis{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-warning);background:var(--color-bg-subtle)}.pruefen__analyse-hinweis-titel{margin-bottom:var(--space-1);color:var(--color-text);font-size:var(--font-size-meta);font-weight:var(--font-weight-emphasis);display:block}.pruefen__analyse-hinweis-text,.pruefen__formular-laedt{color:var(--color-text-muted);font-size:var(--font-size-meta)}.login-page{min-height:100dvh;padding:var(--space-5);background:color-mix(in srgb, var(--color-bg-subtle) 30%, var(--color-surface));flex-direction:column;display:flex}.login-page__brand{width:100%;max-width:32rem;padding:var(--space-5) var(--space-5);border:var(--border-width) solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 80%, transparent);border-bottom:none;justify-content:center;align-items:center;gap:12px;display:flex}.login-page__brand-logo{object-fit:contain;width:238px;height:50px;display:block}.login-page__brand-product{border-left:var(--border-width) solid var(--color-neutral-dark);flex-direction:column;padding-left:12px;line-height:1;display:flex}.login-page__brand-product small{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:700;display:block}.login-page__brand-product strong{color:var(--color-primary);letter-spacing:.08em;font-size:1.15rem}@media (width<=450px){.login-page__brand-logo{width:190px;height:41px}}.login-page__form-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.login-page__form{gap:var(--space-4);border:var(--border-width) solid var(--color-border);background:var(--color-surface);border-radius:0;flex-direction:column;width:100%;max-width:32rem;padding:2rem 3rem 3rem;display:flex}.login-page__title{margin:0 0 var(--space-2);font-size:var(--font-size-title);letter-spacing:var(--letter-spacing-heading);text-align:center}.login-page__field{gap:var(--space-2);font-size:var(--font-size-meta);color:var(--color-text-muted);flex-direction:column;display:flex}.login-page__field input{padding:calc(var(--space-3) - 1px);border:2px solid var(--color-border);font:inherit;font-size:var(--font-size-body);color:var(--color-text);min-height:var(--touch-target-min);border-radius:0}.login-page__field input[aria-invalid=true]{border-color:var(--color-danger)}.login-page__field input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;box-shadow:0 0 0 1000px var(--color-surface) inset;transition:background-color 600000s,color 600000s}.login-page__field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;box-shadow:0 0 0 1000px var(--color-surface) inset;transition:background-color 600000s,color 600000s}.login-page__field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;box-shadow:0 0 0 1000px var(--color-surface) inset;transition:background-color 600000s,color 600000s}.login-page__field input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.login-page__fehler{min-height:calc(var(--font-size-meta) * 1.4);color:var(--color-danger);font-size:var(--font-size-meta);text-align:center;margin:0;line-height:1.4}.login-page__submit{margin-top:var(--space-2);width:100%;min-height:var(--touch-target-min)}