@font-face{font-family:'Inter';font-style:italic;font-weight:100 900;src:url('fonts/font6.woff2') format('woff2');font-display:swap;unicode-range:U+0,U+20,U+41,U+A0,U+C4,U+100-130,U+132-148,U+14A-151,U+154-1C3,U+1C5-254,U+256-27B,U+27E-284,U+286-290,U+292-2A4,U+2A6-2BA,U+2BC-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-301,U+303-304,U+308-309,U+323,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF,U+1E00-1E9B,U+1E9D-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+2113,U+2C7C,U+2C7F,U+A7FF}
@font-face{font-family:'Inter';font-style:italic;font-weight:100 900;src:url('fonts/font7.woff2') format('woff2');font-display:swap;unicode-range:U+0,U+20-7E,U+A0-AC,U+AE-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308-309,U+323,U+2002,U+2009,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;src:url('fonts/font13.woff2') format('woff2');font-display:swap;unicode-range:U+0,U+20,U+41,U+A0,U+C4,U+100-130,U+132-148,U+14A-151,U+154-1C3,U+1C5-254,U+256-27B,U+27E-284,U+286-290,U+292-2A4,U+2A6-2BA,U+2BC-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-301,U+303-304,U+308-309,U+323,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF,U+1E00-1E9B,U+1E9D-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+2113,U+2C7C,U+2C7F,U+A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;src:url('fonts/font14.woff2') format('woff2');font-display:swap;unicode-range:U+0,U+20-7E,U+A0-AC,U+AE-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308-309,U+323,U+2002,U+2009,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF}
:root{--group-line:#A4A79A;--bg:#FFFFFF;--powder:#F4F4F0;--alabaster:#E9E9E2;--ink:#0B0B0A;--ink-2:#5C5C57;--ink-3:#8A8A84;--olive:#2E3826;--red:#7B1D0D;--amber-text:#7A5300}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:13px/20px Inter,sans-serif;font-variant-numeric:tabular-nums}header{min-height:48px;padding:0 24px;border-bottom:1px solid var(--alabaster);display:flex;align-items:center;gap:24px}header a{text-decoration:none;white-space:nowrap}header nav{display:flex;align-items:stretch;gap:20px;overflow-x:auto;min-width:0;align-self:stretch}header nav a{display:flex;align-items:center;color:var(--ink-2);border-bottom:2px solid transparent}header nav a[aria-current]{border-color:var(--ink);color:var(--ink)}.brand img{display:block;height:14px;width:auto}.account{margin-left:auto}main{padding:24px;min-width:0;overflow-wrap:anywhere}h1{font-size:18px;line-height:24px;font-weight:600;margin:0 0 16px}h2,h3{font-size:13px;line-height:20px;font-weight:600;margin:24px 0 8px}p{margin:8px 0 16px}small,.helptext{font-size:12px;color:var(--ink-2)}a{color:var(--ink)}:focus-visible{outline:2px solid var(--olive);outline-offset:2px}input,textarea,select,button{font:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:32px;max-width:100%;padding:5px 8px;border:1px solid var(--alabaster);border-radius:2px;background:var(--bg);color:var(--ink)}textarea{resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--olive)}button,.button-primary{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;border:1px solid var(--alabaster);border-radius:2px;background:var(--bg);color:var(--ink);cursor:pointer;text-decoration:none}button:hover{background:var(--powder)}.primary,.button-primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.primary:hover,.button-primary:hover{background:var(--olive);color:var(--bg)}.visually-hidden,.grid-toolbar label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.catalog-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-title h1{margin:0}.search,.filters,.grid-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search,.grid-toolbar{margin:16px 0}.filters label{display:flex;align-items:center;gap:4px}.search>input{width:220px}.grid-toolbar input{width:220px}.catalog,.grid-scroll{overflow:auto;max-width:100%}.catalog-head,.catalog-row{display:grid;grid-template-columns:160px 170px 160px 145px 120px 180px 100px;min-width:1035px;align-items:center;min-height:36px}.catalog-head{background:var(--powder);font-size:12px;font-weight:600;color:var(--ink-2)}.catalog-head>span,.catalog-row>span{padding:0 8px;min-width:0}.catalog-row{border-bottom:1px solid var(--alabaster);text-decoration:none}.catalog-row:hover{background:var(--powder)}.catalog-head>span:first-child,.catalog-identity{position:sticky;left:0;z-index:2;background:var(--bg);height:100%;display:flex;align-items:center;font:12px/20px ui-monospace,SFMono-Regular,Menlo,monospace}.catalog-head>span:first-child{background:var(--powder);font:600 12px/20px Inter,sans-serif}.catalog-row:hover .catalog-identity{background:var(--powder)}.catalog-head>span:nth-child(4),.catalog-head>span:nth-child(5),.catalog-row>span:nth-child(4),.catalog-row>span:nth-child(5){text-align:right}.release{min-width:1035px;display:flex;align-items:center;gap:10px;min-height:36px;padding:0 8px;background:var(--powder);border-bottom:1px solid var(--alabaster)}.release h2{margin:0}.missing,.error,.errorlist,.form-errors{color:var(--red)}.catalog em,.sheet em{font-style:normal;color:var(--ink-2)}.mark-pending,.value-changed>span:nth-child(2){color:var(--amber-text)}.reserved-row{display:flex;gap:24px;padding:8px;border-bottom:1px solid var(--alabaster);text-decoration:none}.grid-scroll{width:100%}.product-grid{border-collapse:collapse;table-layout:fixed;min-width:1260px;width:100%}.product-grid th,.product-grid td{height:36px;padding:0 8px;border-bottom:1px solid var(--alabaster);text-align:left;font-weight:400}.product-grid th{background:var(--powder);font-weight:600}.product-grid th:first-child,.product-grid td:first-child{background:var(--bg);width:150px;font:12px/20px ui-monospace,SFMono-Regular,Menlo,monospace}.product-grid th:first-child{background:var(--powder);font:600 12px/20px Inter,sans-serif}.product-grid th:nth-child(2){width:180px}.product-grid th:nth-child(n+3):nth-child(-n+5){width:135px;text-align:right}.product-grid th:nth-child(6){width:220px}.product-grid th:nth-child(7){width:150px}.product-grid th:last-child{width:190px}.product-grid td:has(input[form]){padding:0}.product-grid input[form]{width:100%;min-height:35px;border:0;border-radius:0;background:transparent}.product-grid td:nth-child(n+3):nth-child(-n+5) input{text-align:right}.product-grid input[form]:hover{background:var(--powder)}.product-grid input[form]:focus{outline:2px solid var(--olive);outline-offset:-2px}.product-grid input[aria-invalid=true]{outline:1px solid var(--red);outline-offset:-1px}.grid-js .row-save{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.grid-js .row-save:focus{position:static;width:auto;height:auto;clip-path:none}.product-grid [data-conflict]{white-space:normal;color:var(--red)}.product-grid [data-status][data-state=saved]{color:var(--olive)}.product-grid [data-status][data-state=error]{color:var(--red)}
.product-head{display:flex;align-items:center;gap:16px;margin:16px 0}.product-head>div{flex:1;min-width:0}.product-head h1{margin:0}.product-head p{color:var(--ink-2);margin:4px 0;font:12px/20px ui-monospace,SFMono-Regular,Menlo,monospace}.segments{display:flex;gap:24px;border-bottom:1px solid var(--alabaster)}.segments a{padding:8px 0;text-decoration:none}.segments [aria-current]{border-bottom:2px solid var(--ink)}.sheet,.supplier-panel,.supplier-files,.supplier-specs{margin:24px 0}.sheet h2,.supplier-panel h2,.supplier-files h2,.supplier-specs h2{padding-bottom:6px;border-bottom:1px solid var(--alabaster)}.supplier-note{margin:20px 0}.supplier-note span{color:var(--ink-2);margin-right:12px}.row,.form-row{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,200px);gap:12px;align-items:center;min-height:32px;border-bottom:1px solid var(--alabaster)}.row>span:first-child,.form-row label{color:var(--ink-2);font-size:12px}.form-row{padding:4px 0}.form-row input:not([type=checkbox]),.form-row select,.form-row textarea{width:100%}.form-row>div{min-width:0}.form-row.dirty label:after{content:' · changed';color:var(--amber-text)}.invalid input,.invalid textarea,.invalid select,.field-error input,.field-error select,.field-error textarea{border-color:var(--red)}.errorlist{padding-left:20px}.savebar{display:flex;align-items:center;gap:12px;margin-top:16px}.savebar span{margin-right:auto}.conflict{color:var(--red);margin:16px 0}.pending{color:var(--amber-text)}.production-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.compare-head,.compare-row{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--alabaster)}details{padding:8px 0;border-bottom:1px solid var(--alabaster)}summary{cursor:pointer}.auth{max-width:320px;margin:40px auto}.auth .form-row{display:block;border:0}.auth .form-row label{display:block}.auth button{margin-top:12px}.supplier-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.supplier-fields .form-row{display:block;border:0}.supplier-fields label,.supplier-fields small{display:block}.supplier-fields .field-wide{grid-column:1/-1}.supplier-fields textarea{min-height:72px}main>ul{list-style:none;padding:0}main>ul>li{padding:8px 0;border-bottom:1px solid var(--alabaster)}main>ul form{display:inline-block}main>form:not(.search):not(.grid-toolbar),.supplier-workspace,.sheet{max-width:960px}.scenario-form{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:767px){header{padding:0 12px;gap:12px}main{padding:16px 12px}header .account{max-width:100px;overflow:hidden;text-overflow:ellipsis}.product-grid input[form]{min-height:44px}.row,.form-row{grid-template-columns:120px minmax(0,1fr)}.row small,.form-row small{grid-column:2}.supplier-fields{grid-template-columns:1fr}.supplier-fields .field-wide{grid-column:auto}.production-comparison{grid-template-columns:1fr}.compare-head,.compare-row{grid-template-columns:1fr 1fr}.compare-head>span,.compare-row>span:first-child{grid-column:1/-1}.savebar{flex-wrap:wrap}.catalog-title{flex-wrap:wrap}}
@media(pointer:coarse){button,.button-primary{min-height:44px}}

.grid-js [data-server-conflict] .row-save{position:static;width:auto;height:auto;clip-path:none}

input::placeholder,textarea::placeholder{color:var(--ink-2);opacity:1}
/* Tabellenzellen bleiben als Eingabeflächen erkennbar und in ihrem Scrollbereich. */
.grid-hint{font-size:12px;color:var(--ink-2);margin:0 0 8px}
.product-grid td:has(input[form]),.product-grid td:has(textarea[form]){padding:0;border-left:1px solid var(--alabaster);border-right:1px solid var(--alabaster)}
.product-grid textarea[form]{display:block;width:100%;height:35px;min-height:35px;padding:7px 8px;border:0;border-radius:0;background:transparent;resize:none;overflow:hidden;white-space:pre}
.product-grid textarea[form]:hover{background:var(--powder)}
.product-grid textarea[form]:focus{min-height:80px;overflow:auto;white-space:pre-wrap;outline:2px solid var(--olive);outline-offset:-2px}
.product-grid textarea[aria-invalid=true]{outline:1px solid var(--red);outline-offset:-1px}
.product-grid td:last-child{position:relative}
.grid-js .row-save{min-height:0;padding:0;border:0}
.grid-js .row-save:focus,.grid-js [data-server-conflict] .row-save{min-height:32px;padding:5px 10px;border:1px solid var(--alabaster)}
.row-error{display:block;color:var(--red)}
.production-comparison .row{grid-template-columns:minmax(100px,1fr) minmax(0,1fr)}
.catalog-row .mark-pending{display:block;line-height:16px}
.empty-value{color:var(--ink-2);font-style:normal}
@media(max-width:767px){.product-grid textarea[form]{height:44px;min-height:44px}.product-grid textarea[form]:focus{min-height:80px}}
/* Printer sheet */
.grid-scroll{max-height:calc(100vh - 190px);border:1px solid var(--alabaster)}
.product-grid th,.product-grid td{width:auto!important;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--alabaster)}
.product-grid thead th{position:sticky;z-index:3;background:var(--powder)}.product-grid .groups th{top:0;height:27px;font-size:11px;color:var(--ink-2)}.product-grid .columns th{top:27px;height:36px}
.product-grid td:has(input[form]),.product-grid td:has(textarea[form]){padding:0}.product-grid input[form]{text-align:left!important;text-overflow:ellipsis}.product-grid input[form]:focus{ text-overflow:clip}.product-grid .spec-cell span{display:block;overflow:hidden;text-overflow:ellipsis}.product-grid [data-conflict]{position:relative;white-space:normal}.product-grid td:last-child{overflow:visible;white-space:normal}
.product-grid .group-start{border-left:2px solid var(--group-line)!important}
/* Sheet identity and entry cells */
.product-grid .sku-col{width:120px}.product-grid .active-col{width:64px}.product-grid .title-col{width:280px}.product-grid .spec-col{width:110px}.product-grid .file-col{width:90px}.product-grid .number-col{width:80px}.product-grid .note-col{width:160px}.product-grid .status-col{width:120px}
.product-grid td:has(input[form]),.product-grid td:has(textarea[form]){background:var(--bg)}
.product-grid input[form],.product-grid textarea[form]{background:var(--bg);box-shadow:none;cursor:text}
.product-grid input[form]::placeholder,.product-grid textarea[form]::placeholder{color:var(--ink-3);opacity:1}
.product-grid input[form]:hover,.product-grid textarea[form]:hover{background:var(--powder)}

.product-grid .sticky-title:has(input){padding:0}.new-info{color:var(--olive);font-size:11px}.empty{color:var(--ink-3)}
.product-grid .columns th:nth-child(n+14){white-space:normal;line-height:14px;padding:2px 4px;font-size:11px}
/* Keep filled entries quiet while showing where empty cells can be edited. */
.product-grid .calc-link{color:var(--ink-2);font-size:10px;text-decoration:none}
.product-grid input[form]:placeholder-shown,.product-grid textarea[form]:placeholder-shown,.product-grid input[form]:hover,.product-grid textarea[form]:hover{box-shadow:inset 0 0 0 1px var(--alabaster)}
.product-grid textarea[form]:focus{outline:2px solid var(--olive);outline-offset:-2px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.detail-pair{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1fr);gap:12px;padding:6px 0;border-bottom:1px solid var(--alabaster)}.detail-pair>span:first-child{color:var(--ink-2)}
@media(max-width:767px){.detail-grid{grid-template-columns:1fr}}
@media(max-width:767px){.product-head{flex-wrap:wrap;gap:8px 16px}.product-head>h1{flex-basis:100%}.product-head>a{white-space:nowrap}}
.product-grid{width:2150px;min-width:2150px;border-collapse:separate;border-spacing:0}
@media(max-width:767px){.product-grid .sku-col{width:110px}.product-grid .title-col{width:110px}}

.product-grid td:has(input[form]){position:relative}.product-grid .edit-icon{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--ink-3);pointer-events:none}.product-grid td:hover .edit-icon,.product-grid td:focus-within .edit-icon{color:var(--ink)}.product-grid input[form]{padding-right:22px!important}.product-grid:has(.note-col){width:2150px;min-width:2150px}.product-grid:not(:has(.note-col)){width:1910px;min-width:1910px}

.product-grid thead .supplier-input-head{background:var(--ink);color:var(--bg)}
.product-grid .columns th{overflow:visible}
.product-grid .resize-handle{position:absolute;right:-5px;top:0;width:10px;height:100%;z-index:5;cursor:col-resize;touch-action:none}
.product-grid .resize-handle:hover{background:var(--olive);opacity:.5}
.product-grid.resizing{user-select:none}

.product-grid tr.inactive td, .product-grid tr.inactive td input, .product-grid tr.inactive td a { color: var(--ink-3); }
.product-grid input[type=checkbox] { width: auto; }
.product-grid .active-cell{text-align:center!important}
.product-grid .active-cell input[form],.product-grid .active-cell input[form]:hover,.product-grid .active-cell input[form]:focus{width:auto;min-height:0;height:auto;margin:0;vertical-align:middle;background:none;box-shadow:none;outline:none;cursor:pointer}
.product-grid .active-cell input[form]:focus-visible{outline:2px solid var(--olive);outline-offset:2px}
