:root{--bg:#f4f7fb;--ink:#172033;--muted:#687386;--line:#dfe5ee;--blue:#2764e7;--blue2:#174dc3;--soft:#edf3ff;--title:#eef2f8;--split:68%;--shadow:0 12px 35px rgba(35,54,92,.09)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif;overflow:hidden}.hidden{display:none!important}.topbar{height:66px;background:#111b2d;color:#fff;display:flex;align-items:center;padding:0 2vw;box-shadow:0 2px 12px #0b122055}.brand{display:flex;align-items:center;gap:13px}.brand b{display:block;font-size:17px}.brand b em{font-style:normal;font-size:11px;color:#aeb9ca;margin-left:7px}.brand small{display:block;color:#aeb9ca}.logo{width:39px;height:39px;border-radius:10px;background:linear-gradient(135deg,#4c82ff,#1e57df);display:grid;place-items:center;font-weight:800}.head-separator{height:30px;width:1px;background:#536079;margin-left:8px}.head-export{border:1px solid #64748b;background:transparent;color:#fff;border-radius:7px;padding:7px 15px;cursor:pointer;font-weight:700}.head-export:hover{background:#26344d}.primary,.secondary,.drop-button{border:0;border-radius:8px;padding:9px 15px;font-weight:650;cursor:pointer}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue2)}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}main{width:98vw;height:calc(100vh - 76px);margin:10px auto}.dropzone{min-height:440px;background:#fff;border:2px dashed #b8c5d9;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:50px;box-shadow:var(--shadow)}.dropzone.drag{border-color:var(--blue);background:var(--soft)}.dropzone h1{font-size:26px;margin:18px 0 6px}.dropzone p{color:var(--muted);margin:0 0 22px}.dropicon{width:82px;height:82px;border-radius:20px;background:var(--soft);color:var(--blue);display:grid;place-items:center;font-size:21px;font-weight:800}.viewer{height:100%;display:flex;flex-direction:column;min-height:0}.tabsbar{display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid #cbd5e1;margin-bottom:8px;flex:none}.tabs{display:flex;gap:4px;overflow-x:auto;flex:1}.tab{border:1px solid #cbd5e1;border-bottom:0;background:#e9eef5;color:#526077;padding:7px 11px;border-radius:8px 8px 0 0;cursor:pointer;white-space:nowrap;max-width:270px;overflow:hidden;text-overflow:ellipsis}.tab.active{background:#fff;color:var(--ink);font-weight:700;padding-top:9px}.tab .close{margin-left:10px;color:#8490a2}.drop-button{background:var(--blue);color:#fff;margin-bottom:4px}.drop-button.drag{background:#0b3ea6;outline:3px solid #a9c2ff}.project-head{flex:none}.project-head h1{font-size:20px;margin:1px 0}.project-head p{color:var(--muted);margin:0;font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-size:9px;font-weight:800}.overview{display:flex;gap:7px;margin:7px 0;flex:none}.overview div{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:6px 10px;min-width:0}.overview div:first-child{flex:1}.overview span{color:var(--muted);font-size:11px;white-space:nowrap}.overview strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.split{display:grid;grid-template-columns:minmax(420px,var(--split)) 8px minmax(280px,1fr);flex:1;min-height:0}.left-pane,.detail{min-width:0;min-height:0}.left-pane{display:flex;flex-direction:column}.divider{cursor:col-resize;position:relative}.divider:after{content:"";position:absolute;inset:0 3px;background:#cbd5e1;border-radius:4px}.divider:hover:after,.divider.drag:after{background:var(--blue)}.toolbar{display:flex;gap:9px;background:#fff;border:1px solid var(--line);border-radius:9px 9px 0 0;padding:7px;flex:none}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:5px 9px;flex:1}.search input{border:0;outline:0;width:100%;font:inherit}.clear-search{border:0;background:#e5eaf2;color:#4f5b6d;border-radius:50%;width:21px;height:21px;cursor:pointer;font-size:16px;line-height:18px}.long-search{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted);font-size:12px}.table-wrap{background:#fff;border:1px solid var(--line);border-top:0;flex:1;min-height:0;overflow:auto}table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:fixed}th{position:sticky;top:0;z-index:2;background:#f8fafc;color:#566176;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:8px;border-bottom:1px solid var(--line);border-right:1px solid #d9e0e9}th.oz{width:115px}th.desc{width:390px}th.qty{width:85px}th.unit{width:60px}.togglecol{width:32px}th.bidcol{width:125px;padding:5px}th.bidcol.compact,td.bidcol.compact{width:45px;max-width:45px;overflow:hidden;padding:3px}th.bidcol button{width:100%;border:0;background:transparent;color:inherit;font:inherit;font-weight:750;cursor:pointer;text-align:right}th.bidcol.compact button{writing-mode:vertical-rl;max-height:80px;overflow:hidden}th.lvprice,td.lvprice{background:#fff0dc}th.lowest,td.lowest{background:#e3f5e8}th.highest,td.highest{background:#fde6e4}td{padding:8px;border-bottom:1px solid #edf0f5;border-right:1px solid #e2e7ef;vertical-align:top}td:last-child{border-right:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.position{cursor:pointer}.position:hover td{filter:brightness(.97)}.position.selected td{outline:1px solid #6d9cff;outline-offset:-1px}.title td{background:var(--title);font-weight:750}.title.level-1 td{background:#dfe8f6}.toggle{border:0;background:transparent;cursor:pointer;color:#4e5c72}.muted{color:#9aa3b1}.empty{padding:50px;text-align:center;color:var(--muted)}.summary{height:56px;flex:none;background:#111b2d;color:#fff;display:flex;gap:8px;overflow-x:auto;padding:8px 12px;border-radius:0 0 10px 10px}.sumitem{min-width:135px;border-right:1px solid #334057;padding-right:12px}.sumitem span,.sumitem small{display:block;color:#aeb9ca;font-size:10px;white-space:nowrap}.sumitem strong{font-size:14px;white-space:nowrap}.sumitem.lvprice strong{color:#ffc77f}.sumitem.lowest strong{color:#8ee6a6}.sumitem.highest strong{color:#ffaaa4}.detail{background:#fff;border:1px solid #cbd5e4;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.detail-head{background:#111b2d;color:#fff;padding:8px 10px 8px 14px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-head>div{display:flex;gap:9px;align-items:center;min-width:0}.detail-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-oz{background:#2d63d8;border-radius:5px;padding:3px 7px}.copy-text{border:1px solid #6f7e97;background:#24334c;color:#fff;border-radius:6px;padding:6px 9px;cursor:pointer;white-space:nowrap}.copy-text:disabled{opacity:.45;cursor:default}.copy-text.copied{background:#18783a;border-color:#48b56a}.longtext{white-space:pre-wrap;padding:17px 19px;overflow:auto;flex:1;font:14px/1.55 Segoe UI,Arial,sans-serif}.empty-longtext{color:var(--muted)}.status{position:fixed;inset:0;background:#0f172ad8;color:#fff;display:grid;place-items:center;font-size:17px;z-index:40}.modal{position:fixed;inset:0;background:#111827aa;z-index:30;display:grid;place-items:center}.modal-card{width:min(620px,92vw);max-height:86vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 24px 80px #0005;padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.modal-head button{border:0;background:transparent;font-size:28px;cursor:pointer}.format-choice{display:flex;gap:25px;background:#f1f5f9;border-radius:8px;padding:12px;margin:17px 0}.export-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.export-columns label{border:1px solid var(--line);border-radius:7px;padding:8px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.indent-1{padding-left:20px}.indent-2{padding-left:36px}.indent-3{padding-left:52px}@media(max-width:900px){body{overflow:auto}.overview{flex-wrap:wrap}.overview div:first-child{flex-basis:100%}.split{grid-template-columns:1fr;height:auto}.divider{display:none}.detail{height:350px;margin-top:10px}.left-pane{height:600px}.export-columns{grid-template-columns:1fr}}

:root{--grid-width:1px;--blue2:color-mix(in srgb,var(--blue),#000 20%)}
.head-action{border:1px solid #64748b;background:transparent;color:#fff;border-radius:7px;padding:7px 14px;cursor:pointer;font-weight:700}.head-action:hover{background:#26344d}.toolbar .search{min-width:170px}.toolbar .secondary{padding-left:10px;padding-right:10px;white-space:nowrap}
.search-nav{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}.search-nav button{border:0;background:#edf2f8;color:var(--ink);height:29px;width:29px;font-size:20px;cursor:pointer}.search-nav span{font-size:11px;min-width:42px;text-align:center}.search-hit td{box-shadow:inset 0 0 0 999px rgba(255,220,64,.16)}.search-hit.current-hit td{box-shadow:inset 0 0 0 999px rgba(255,201,32,.34)}mark{background:#ffe25a;color:#24200c;border-radius:2px;padding:0 1px}th,td{border-right-width:var(--grid-width)!important;border-bottom-width:var(--grid-width)!important}
.settings-card{width:min(570px,92vw)}.setting{border-bottom:1px solid var(--line);padding:13px 0}.setting h3{margin:0 0 4px}.setting p{margin:3px 0 12px;color:var(--muted);font-size:12px}.color-palette{display:grid;grid-template-columns:repeat(8,38px);gap:10px}.color-swatch{width:38px;height:38px;border-radius:9px;border:3px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #0002}.color-swatch.active{border-color:#fff;outline:3px solid var(--ink)}.mode-choice{display:flex;gap:10px}.mode-choice button{flex:1;border:1px solid var(--line);background:#f3f6fa;color:var(--ink);padding:12px;border-radius:8px;cursor:pointer}.mode-choice button.active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:var(--blue);font-weight:750}.range-head{display:flex;justify-content:space-between;align-items:center}.line-slider{width:100%;accent-color:var(--blue)}
html[data-theme="dark"]{--bg:#111827;--ink:#e6edf7;--muted:#9aa8bb;--line:#3a4658;--soft:#26344a;--title:#2b3749;color-scheme:dark}html[data-theme="dark"] body,html[data-theme="dark"] main{background:var(--bg);color:var(--ink)}html[data-theme="dark"] .dropzone,html[data-theme="dark"] .overview div,html[data-theme="dark"] .toolbar,html[data-theme="dark"] .table-wrap,html[data-theme="dark"] .detail,html[data-theme="dark"] .modal-card,html[data-theme="dark"] .search-nav{background:#1b2433;color:var(--ink)}html[data-theme="dark"] .search,html[data-theme="dark"] .search input,html[data-theme="dark"] .secondary{background:#202b3b;color:var(--ink)}html[data-theme="dark"] th{background:#222d3d;color:#b5c0d0}html[data-theme="dark"] td{border-color:#354154}html[data-theme="dark"] .title td{background:#2a3749}html[data-theme="dark"] .title.level-1 td{background:#324158}html[data-theme="dark"] th.lvprice,html[data-theme="dark"] td.lvprice{background:#4a3824}html[data-theme="dark"] th.lowest,html[data-theme="dark"] td.lowest{background:#234230}html[data-theme="dark"] th.highest,html[data-theme="dark"] td.highest{background:#4a292b}html[data-theme="dark"] .format-choice,html[data-theme="dark"] .mode-choice button{background:#263244;color:var(--ink)}html[data-theme="dark"] .export-columns label{background:#202b3b}

main{height:calc(100vh - 86px)}.topbar,.detail-head{background:var(--blue)!important}.topbar{box-shadow:0 2px 12px color-mix(in srgb,var(--blue),#000 45%)}
html[data-theme="dark"] .tab{background:#303d50;color:#d2dbea;border-color:#526077}html[data-theme="dark"] .tab.active{background:#1b2433;color:#fff;border-color:#718096}html[data-theme="dark"] .tab .close{color:#c6d0df}html[data-theme="dark"] .tab:hover{background:#39485d}
.color-open{display:flex;align-items:center;gap:9px;margin-top:11px;border:1px solid var(--line);background:#f4f7fb;color:var(--ink);border-radius:8px;padding:9px 12px;cursor:pointer}.color-open span{width:24px;height:24px;border-radius:6px;border:1px solid #0003}.text-button{border:0;background:transparent;color:var(--blue);padding:8px;cursor:pointer}.settings-actions{display:grid;grid-template-columns:auto 1fr auto}.danger-button{border:1px solid #d64747;background:#fff;color:#c53030;border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:700}.danger-button.solid{background:#c53030;color:#fff}.color-picker-card{width:min(470px,92vw)}.color-picker-card>label{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:10px;margin:15px 0}.color-picker-card input[type="range"]{width:100%;accent-color:var(--blue)}.picker-preview{height:95px;border-radius:10px;margin:16px 0;border:1px solid #0002}.hue-slider{appearance:none;height:14px;border-radius:8px;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.hue-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #333}.picker-code{display:flex;justify-content:space-between;background:#eef2f7;border-radius:7px;padding:9px 12px}.confirm-card{width:min(430px,90vw);text-align:center}.confirm-card p{color:var(--muted)}.confirm-icon{margin:auto;width:52px;height:52px;border-radius:50%;background:#fff0f0;color:#c53030;display:grid;place-items:center;font-size:28px}.confirm-card .modal-actions{justify-content:center}.color-swatch.custom-active{outline:3px dashed var(--ink)}
html[data-theme="dark"] .color-open,html[data-theme="dark"] .picker-code,html[data-theme="dark"] .danger-button{background:#263244;color:var(--ink)}html[data-theme="dark"] .confirm-icon{background:#472a2e}html[data-theme="dark"] .text-button{color:color-mix(in srgb,var(--blue),#fff 25%)}

:root{--bar-color:#2764e7}.topbar,.detail-head{background:var(--bar-color)!important}.topbar{box-shadow:0 2px 12px color-mix(in srgb,var(--bar-color),#000 45%)}
.longtext mark{background:#ffe25a;color:#24200c;padding:1px 2px;border-radius:2px}

:root{--blue:#C68739;--bar-color:#424242;--grid-width:2.5px}.topbar{box-shadow:none!important}
.head-action,#expandAll,#collapseAll,.copy-text{background:var(--blue)!important;border-color:color-mix(in srgb,var(--blue),#000 18%)!important;color:#fff!important}.head-action:hover,#expandAll:hover,#collapseAll:hover,.copy-text:hover:not(:disabled){background:color-mix(in srgb,var(--blue),#000 14%)!important}.copy-text:disabled{background:color-mix(in srgb,var(--blue),#fff 42%)!important;border-color:color-mix(in srgb,var(--blue),#fff 28%)!important;color:#ffffffcc!important;opacity:.72!important;cursor:default}

.legal-nav{margin-left:auto;display:flex;gap:5px}.legal-nav button{border:0;background:transparent;color:#ffffffb8;font-size:11px;padding:6px 8px;cursor:pointer}.legal-nav button:hover{color:#fff;text-decoration:underline}.legal-card{width:min(760px,94vw);max-height:88vh;display:flex;flex-direction:column}.legal-text{overflow:auto;padding:4px 4px 12px;line-height:1.55}.legal-text h3{margin:18px 0 5px;font-size:14px}.legal-text p{margin:4px 0;color:var(--ink)}.legal-text a{color:var(--blue)}.legal-date{margin-top:20px!important;color:var(--muted)!important}.legal-card .modal-actions{flex:none;border-top:1px solid var(--line);padding-top:12px}.privacy-banner{position:fixed;z-index:50;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:22px;background:#fff;color:#172033;border:1px solid #d4dce8;border-radius:12px;padding:14px 16px;box-shadow:0 15px 50px #11182740}.privacy-banner>div:first-child{flex:1}.privacy-banner strong{font-size:15px}.privacy-banner p{margin:3px 0;color:#5f6c7f;font-size:12px}.banner-actions{display:flex;align-items:center;gap:7px}.banner-actions>button:not(.primary){border:0;background:transparent;color:var(--blue);cursor:pointer;font-size:12px}.banner-actions .primary{white-space:nowrap}html[data-theme="dark"] .privacy-banner{background:#1b2433;color:#e6edf7;border-color:#3a4658}html[data-theme="dark"] .privacy-banner p{color:#aeb9ca}@media(max-width:750px){.legal-nav{gap:0}.legal-nav button{font-size:10px;padding:5px}.privacy-banner{flex-direction:column;align-items:stretch}.banner-actions{justify-content:flex-end}}

.privacy-backdrop{position:fixed;inset:0;z-index:49;background:rgba(15,23,42,.34);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.privacy-banner{left:50%!important;right:auto!important;bottom:auto!important;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));display:block;padding:24px 24px 20px;z-index:50;box-shadow:0 22px 70px rgba(15,23,42,.38)}.privacy-banner strong{font-size:18px}.privacy-banner p{font-size:13px;line-height:1.55;margin-top:7px}.privacy-banner .banner-actions{justify-content:flex-end;margin-top:17px}.privacy-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#69768a;font-size:25px;line-height:1;cursor:pointer}.privacy-close:hover{color:#172033}.modal{z-index:60}html[data-theme="dark"] .privacy-close{color:#aeb9ca}html[data-theme="dark"] .privacy-close:hover{color:#fff}@media(max-width:550px){.privacy-banner .banner-actions{flex-wrap:wrap}.privacy-banner .banner-actions .primary{width:100%;margin-top:5px}}

.tab{display:flex;align-items:center;gap:9px;max-width:290px;overflow:visible}
.tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tab .close{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;margin-left:auto;border-radius:50%;font-size:18px;line-height:1;color:#657287}
.tab .close:hover{background:#d6dde8;color:#172033}
.drop-button{max-width:none;line-height:1.3;text-align:center;font-size:12px}
.drop-line{display:block;white-space:nowrap}
html[data-theme="dark"] .tab .close:hover{background:#526077;color:#fff}
@media(max-width:900px){.drop-button{max-width:420px;font-size:11px}.drop-line{white-space:normal}}

/* Startansicht */
#openMain{background:transparent!important;color:var(--blue)!important;border:2px dashed var(--blue)!important}
#openMain:hover{background:color-mix(in srgb,var(--blue),transparent 92%)!important}
#newFile{background:transparent!important;color:var(--blue)!important;border:2px dashed var(--blue)!important}
#newFile:hover,#newFile.drag{background:color-mix(in srgb,var(--blue),transparent 92%)!important;outline:none}
.legal-nav a{border:0;background:transparent;color:#ffffffb8;font-size:11px;padding:6px 8px;cursor:pointer;text-decoration:none}.legal-nav a:hover{color:#fff;text-decoration:underline}

/* Hilfeseite */
body.help-page{height:auto;min-height:100%;overflow:auto;background:var(--bg)}
.help-page .topbar{position:sticky;top:0;z-index:10}
.help-shell{width:min(1040px,94vw);height:auto;margin:32px auto 60px}
.help-hero{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 38px;margin-bottom:18px}
.help-hero .eyebrow{font-size:11px}.help-hero h1{font-size:31px;margin:6px 0 8px}.help-hero p{color:var(--muted);font-size:15px;margin:0;max-width:760px}
.help-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}
.help-nav{position:sticky;top:98px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}
.help-nav a{display:block;color:var(--ink);text-decoration:none;border-radius:7px;padding:8px 10px;font-size:13px}.help-nav a:hover{background:var(--soft);color:var(--blue)}
.help-content{display:grid;gap:16px}.help-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 27px;scroll-margin-top:90px}.help-card h2{margin:0 0 13px;font-size:20px}.help-card h3{font-size:15px;margin:20px 0 7px}.help-card p,.help-card li{color:#4f5b6d;line-height:1.65}.help-card ol,.help-card ul{padding-left:22px}.help-card code{background:var(--soft);color:var(--blue);padding:2px 6px;border-radius:4px}.help-note{border-left:4px solid var(--blue);background:var(--soft);padding:12px 15px;border-radius:0 8px 8px 0;margin:14px 0}.help-table{width:100%;border-collapse:collapse}.help-table th,.help-table td{width:auto;padding:10px;text-align:left;text-transform:none;font-size:13px;letter-spacing:0;position:static}.help-footer{text-align:center;color:var(--muted);font-size:12px;margin-top:25px}
html[data-theme="dark"] .help-hero,html[data-theme="dark"] .help-nav,html[data-theme="dark"] .help-card{background:#1b2433;color:var(--ink)}html[data-theme="dark"] .help-card p,html[data-theme="dark"] .help-card li{color:#b5c0d0}
@media(max-width:760px){.help-layout{grid-template-columns:1fr}.help-nav{position:static}.help-hero{padding:25px}.help-card{padding:20px}.help-table{display:block;overflow-x:auto}}