:root{--c-brand: #c9082b;--c-brand-deep: #a00622;--c-brand-wash: #fcf1f3;--c-shadow-gray: #413a3c;--c-jet-black: #282727;--c-ink: #12161c;--c-ink-muted: #6e6367;--c-ink-faint: #948a8f;--icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236E6367' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--c-paper: #ffffff;--c-canvas: #f0edee;--c-surface-sunken: #f7f5f6;--c-rule: #dad4d6;--c-rule-strong: #bdb4b7;--c-error: #8a1220;--c-error-wash: #fbf0f1;--c-verified: #0e7c6b;--c-verified-wash: #eef8f6;--c-attention: #b26b00;--c-attention-wash: #fdf6ea;--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-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-pill: 999px;--line: 1px solid var(--c-rule);--shadow-card: 0 1px 2px rgb(18 22 28 / 4%), 0 8px 24px -14px rgb(18 22 28 / 14%);--shadow-lift: 0 2px 4px rgb(18 22 28 / 5%), 0 16px 32px -16px rgb(18 22 28 / 22%);--dur-quick: .14s;--dur-base: .22s;--dur-slow: .38s;--ease-out: cubic-bezier(.16, .84, .44, 1);--ease-in: cubic-bezier(.5, 0, .75, 0);--stagger: 40ms;--z-base: 0;--z-rail: 10;--z-sticky: 20;--z-overlay: 40;--z-toast: 60;--rail-width: 264px;--content-max: 760px;--touch-min: 44px}@media(prefers-reduced-motion:reduce){:root{--dur-quick: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--stagger: 0ms}}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-300-900-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-300-900-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font-sans: Rubik, "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--fs-micro: .6875rem;--fs-caption: .75rem;--fs-label: .8125rem;--fs-body-sm: .875rem;--fs-body: 1rem;--fs-lead: 1.125rem;--fs-h3: 1.25rem;--fs-h2: 1.75rem;--fs-h1: 2.5rem;--lh-tight: 1.05;--lh-snug: 1.35;--lh-body: 1.55;--ls-heading: -.02em;--ls-body: 0;--ls-label: .06em;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700}.t-display{font-family:var(--font-sans);font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-heading);color:var(--c-ink)}.t-section{font-family:var(--font-sans);font-size:var(--fs-h3);font-weight:var(--fw-medium);line-height:var(--lh-snug);letter-spacing:var(--ls-heading);color:var(--c-ink)}.t-body{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--c-ink)}.t-label{font-family:var(--font-sans);font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:var(--lh-snug);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-ink)}.t-mono{font-family:var(--font-mono);font-size:var(--fs-caption);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--c-ink-muted)}.t-value{font-family:var(--font-mono);font-size:var(--fs-body-sm);font-weight:500;font-variant-numeric:tabular-nums;color:var(--c-ink)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background-color:var(--c-canvas);color:var(--c-ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}button[disabled]{cursor:not-allowed}:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:var(--z-toast);padding:var(--sp-2) var(--sp-4);background-color:var(--c-ink);color:var(--c-paper);border-radius:var(--r-md);font-size:var(--fs-body-sm);font-weight:600;text-decoration:none;transform:translateY(calc(-100% - var(--sp-4)));transition:transform var(--dur-quick) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}.shell{display:grid;grid-template-columns:1fr;min-height:100dvh}.shell__side{position:sticky;top:0;z-index:var(--z-rail);padding:var(--sp-4) var(--sp-4) var(--sp-3);background-color:var(--c-canvas);border-bottom:var(--line)}.shell__main{padding:var(--sp-6) var(--sp-4) var(--sp-8)}.shell__main:focus{outline:none}.brand{display:flex;align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-3)}.brand app-brand-logo{margin-left:calc(var(--logo-height) * var(--logo-safe-factor) * -1)}.brand__sub{font-size:var(--fs-caption);color:var(--c-ink-muted)}.shell__nav-item{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--touch-min);padding:var(--sp-2) var(--sp-3);border-left:2px solid transparent;border-radius:var(--r-md);font-size:var(--fs-body-sm);color:var(--c-ink);text-decoration:none;transition:background-color var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out)}.shell__nav-item:hover{background-color:var(--c-surface-sunken)}.shell__nav-item--active{border-left-color:var(--c-brand);background-color:var(--c-surface-sunken);font-weight:var(--fw-medium)}.shell__back{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-5)}.shell__back-link{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-body-sm);color:var(--c-brand);text-decoration:none}.shell__back-link:hover{text-decoration:underline}.shell__back-hint{font-size:var(--fs-micro);color:var(--c-ink-faint);text-transform:uppercase}app-auth-indicator.shell__role{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.shell__note{font-size:var(--fs-micro);color:var(--c-ink-faint);text-transform:uppercase}@media(min-width:1024px){.shell{grid-template-columns:var(--rail-width) minmax(0,1fr)}.shell__side{display:flex;flex-direction:column;height:100dvh;padding:var(--sp-7) var(--sp-5);border-right:var(--line);border-bottom:none}.brand{flex-wrap:wrap;margin-bottom:var(--sp-6)}.brand__rolle,.brand__sub{flex-basis:100%}.shell__main{padding:var(--sp-9) var(--sp-8)}.shell__rail{flex:1 1 auto}.shell__back{margin-bottom:auto}}@media(min-width:1024px){.shell--lieferant app-auth-indicator.shell__role,.shell--lieferant app-language-switcher.shell__language{margin-bottom:var(--sp-2)}.shell--lieferant .shell__nav{margin-bottom:auto}}@media(max-width:1023px){.shell--lieferant .shell__side{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--sp-2) var(--sp-4)}.shell--lieferant .brand{margin-bottom:0}.shell--lieferant .shell__back{grid-column:2;justify-self:end;flex-direction:column;align-items:flex-end;gap:0;margin-bottom:0}.shell--lieferant .shell__nav,.shell--lieferant .shell__rail,.shell--lieferant app-auth-indicator.shell__role,.shell--lieferant app-language-switcher.shell__language,.shell--lieferant .shell__note{grid-column:1 / -1;margin-bottom:0}.shell--lieferant app-auth-indicator.shell__role,.shell--lieferant app-language-switcher.shell__language{justify-self:start}}@media(max-width:480px){.shell--wizard .shell__back-hint,.shell--wizard app-language-switcher.shell__language,.shell--wizard .shell__note{display:none}}@media(min-width:1440px){.shell--lieferant .shell__main{padding-left:var(--sp-9)}}.list-page__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.list-page__title{margin-bottom:var(--sp-1)}.list-page__hint{max-width:70ch;color:var(--c-ink-muted)}.list-page__filter{display:flex;gap:var(--sp-2)}.list-page__loading,.list-page__empty{padding:var(--sp-6) 0;color:var(--c-ink-muted)}.list-page__body{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--sp-7);align-items:start}@media(max-width:1024px){.list-page__body{grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}}.list-page__list{min-width:0}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);background-color:var(--c-paper);border:var(--line);border-radius:var(--r-lg);text-align:center}.empty app-icon{color:var(--c-ink-faint)}.empty__title{font-size:var(--fs-h3);font-weight:var(--fw-medium);color:var(--c-ink)}.empty__text{max-width:44ch;color:var(--c-ink-muted)}.table-wrap{overflow-x:auto;background-color:var(--c-paper);border:var(--line);border-radius:var(--r-lg)}.table{width:100%;border-collapse:collapse}.table thead th{padding:var(--sp-3);background-color:var(--c-surface-sunken);border-bottom:var(--line);font-family:var(--font-sans);font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);text-transform:uppercase;text-align:left;color:var(--c-ink-muted);white-space:nowrap}.table__row+.table__row{border-top:var(--line)}.table__cell{padding:var(--sp-3);font-weight:var(--fw-regular);text-align:left;vertical-align:middle;white-space:nowrap}.table__cell--wrap{white-space:normal;overflow-wrap:anywhere}.table__cell--number,.table__cell--action{width:1%}.table tbody .table__row{animation:row-enter var(--dur-base) var(--ease-out) both;animation-delay:calc(min(var(--row-index, 0),12) * var(--stagger))}@keyframes row-enter{0%{opacity:0;transform:translateY(6px)}}.table__link{font-weight:var(--fw-medium);color:var(--c-ink);text-decoration:none}.table__link:hover{color:var(--c-brand);text-decoration:underline}.icon-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-1);border-radius:var(--r-sm);color:var(--c-ink-muted)}.icon-link:hover,.icon-link:focus-visible{color:var(--c-brand)}.skeleton-bar{display:block;block-size:10px;border-radius:var(--r-sm);background-color:var(--c-rule);opacity:.7;animation:skeleton-pulse 1.4s ease-in-out infinite;animation-delay:calc(var(--row-index, 0) * 90ms)}@keyframes skeleton-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.skeleton-bar{animation:none}}.detail-page .detail-head,.detail-page .summary{animation:detail-enter var(--dur-base) var(--ease-out) both}@keyframes detail-enter{0%{opacity:0;transform:translateY(6px)}}.detail-page .back-link{display:inline-flex;align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-5);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--c-ink-muted);text-decoration:none}.detail-page .back-link:hover{color:var(--c-ink)}.detail-page .detail-page__loading{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-6) 0;color:var(--c-ink-muted)}.detail-page .detail-head{margin-bottom:var(--sp-6)}.detail-page .detail-head__title-row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.detail-page .detail-head__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-4);margin:0;padding:var(--sp-4);background-color:var(--c-surface-sunken);border-radius:var(--r-md)}.detail-page .detail-head__meta-item dt{margin-bottom:2px}.detail-page .detail-head__meta-item dd{margin:0}.detail-page .summary{margin-top:var(--sp-7)}.detail-page .summary__title{margin-bottom:var(--sp-2);font-size:var(--fs-lead)}.detail-page .summary__hint{margin-bottom:var(--sp-4);font-size:var(--fs-body-sm);color:var(--c-ink-muted)}.detail-page .summary__empty{font-size:var(--fs-body-sm);color:var(--c-ink-faint)}.detail-page .rows{margin:0;border:var(--line);border-radius:var(--r-md);overflow:hidden}.tag{display:inline-flex;padding:2px var(--sp-2);border-radius:var(--r-sm);background-color:var(--c-surface-sunken);font-size:var(--fs-caption);color:var(--c-ink-muted);white-space:nowrap}.tag--new{background-color:var(--c-canvas);border:1px solid var(--c-rule-strong);font-weight:var(--fw-medium);color:var(--c-shadow-gray)}.detail-page .approval-row__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.detail-page .approval-row__toggle--active{outline:2px solid var(--c-brand);outline-offset:-2px}.detail-page .reason-panel{margin-top:var(--sp-4);padding:var(--sp-4);background-color:var(--c-attention-wash);border:1px solid color-mix(in srgb,var(--c-attention) 35%,transparent);border-radius:var(--r-lg)}.detail-page .reason-panel__title{margin-bottom:var(--sp-1)}.detail-page .reason-panel__hint{margin-bottom:var(--sp-3);font-size:var(--fs-body-sm);color:var(--c-ink-muted)}.detail-page .reason-panel__textarea{width:100%;padding:var(--sp-3);background-color:var(--c-paper);border:var(--line);border-radius:var(--r-md)}.detail-page .reason-panel__actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-3)}.detail-page .docs{margin:0;padding:0;list-style:none;border:var(--line);border-radius:var(--r-md);overflow:hidden}.detail-page .docs__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background-color:var(--c-paper);font-size:var(--fs-body-sm);color:var(--c-ink-muted)}.detail-page .docs__item+.docs__item{border-top:var(--line)}.detail-page .docs__meta{margin-left:auto;color:var(--c-ink-faint)}.detail-page .docs__link{display:flex;align-items:center;gap:var(--sp-3);color:var(--c-ink);text-align:left}.detail-page .docs__link:hover,.detail-page .docs__link:focus-visible{color:var(--c-brand);text-decoration:underline}.detail-page .history{margin:0;padding:0;list-style:none;border:var(--line);border-radius:var(--r-md);overflow:hidden}.detail-page .history__item{padding:var(--sp-3) var(--sp-4);background-color:var(--c-paper)}.detail-page .history__item+.history__item{border-top:var(--line)}.detail-page .history__line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:0;font-size:var(--fs-body-sm)}.detail-page .history__meta{margin-left:auto;color:var(--c-ink-faint)}.detail-page .history__reason{margin:var(--sp-1) 0 0;font-size:var(--fs-body-sm);color:var(--c-ink-muted)}.control{flex:1 1 auto;min-width:0;width:100%;padding:var(--sp-3) 0;background:none;border:none;color:var(--c-ink);font-size:var(--fs-body);line-height:var(--lh-snug)}.control:focus,.control:focus-visible{outline:none}.control::placeholder{color:var(--c-ink-faint)}.control:disabled{color:var(--c-ink-faint);cursor:not-allowed}.control--number{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-body-sm)}.control--number::-webkit-outer-spin-button,.control--number::-webkit-inner-spin-button{appearance:none;margin:0}.control--number{appearance:textfield}.control--textarea{resize:vertical;min-height:96px;line-height:var(--lh-body)}.control--select{appearance:none;padding-right:var(--sp-5);cursor:pointer;background-image:var(--icon-chevron-down);background-repeat:no-repeat;background-position:right 0 center}.control--select:invalid,.control--select.is-empty{color:var(--c-ink-faint)}.notice{display:flex;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-5);padding:var(--sp-4);border:1px solid;border-radius:var(--r-lg)}.notice>app-icon{margin-top:2px}.notice__title{font-size:var(--fs-body-sm);font-weight:700;line-height:var(--lh-snug)}.notice__text{margin-top:var(--sp-1);font-size:var(--fs-body-sm);line-height:var(--lh-snug);color:var(--c-ink-muted)}.notice__text--link{display:block;width:100%;border:none;background:none;text-align:left;font:inherit;cursor:pointer;text-decoration-line:underline;text-decoration-color:transparent;transition:text-decoration-color var(--dur-quick) var(--ease-out)}.notice__text--link:hover,.notice__text--link:focus-visible{text-decoration-color:currentColor}.notice__list{margin:var(--sp-2) 0 0;padding-left:var(--sp-4);font-size:var(--fs-body-sm);line-height:var(--lh-body)}.notice__list a{color:inherit;text-underline-offset:3px}.notice--info{background-color:var(--c-surface-sunken);border-color:var(--c-rule)}.notice--info>app-icon{color:var(--c-ink-muted)}.notice--error{background-color:var(--c-error-wash);border-color:color-mix(in srgb,var(--c-error) 35%,transparent);color:var(--c-error)}.notice--error>app-icon{color:var(--c-error)}.notice--error .notice__text{color:inherit}.notice--attention{background-color:var(--c-attention-wash);border-color:color-mix(in srgb,var(--c-attention) 35%,transparent)}.notice--attention>app-icon{color:var(--c-attention)}.notice--verified{background-color:var(--c-verified-wash);border-color:color-mix(in srgb,var(--c-verified) 35%,transparent)}.notice--verified>app-icon{color:var(--c-verified)}
