:root{--brand-blue:#00599b;--brand-orange:#f68121;--brand-blue-dark:#0d3e63;--on-brand:#fff;--on-brand-70:#ffffffb3;--on-brand-55:#ffffff8c;--login-gradient:linear-gradient(155deg, #00599b 0%, #074a82 60%, #0d3e63 100%);--shadow-login:0 1px 2px #0000000a, 0 8px 28px #00599b2e;--bg:#edf0f2;--surface:#fff;--surface-soft:#f6f8fa;--ink-1:#0d3e63;--ink-2:#435d7a;--ink-3:#56779d;--ink-4:#5f7590;--hairline:#0d3e631a;--hairline-strong:#0d3e6329;--danger:#7e2f26;--ok:#1f7a4d;--radius-card:10px;--radius-control:8px;--shadow-card:0 1px 2px #0d3e630f, 0 1px 0 #0d3e6308}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink-1);-webkit-font-smoothing:antialiased;font-family:Inter,Inter Variable,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}a{color:var(--brand-blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,.resrow:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px;border-radius:var(--radius-control)}.appbar a:focus-visible,.appbar button:focus-visible{outline-color:#fff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--brand-blue);color:#fff;border-radius:var(--radius-control);padding:8px 14px;font-size:13px;font-weight:500;transition:top .15s;position:absolute;top:-48px;left:12px}.skip-link:focus{text-decoration:none;top:12px}.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace}.appbar{background:var(--brand-blue);color:#fff;border-bottom:3px solid var(--brand-orange)}.appbar-inner{align-items:center;gap:20px;max-width:1120px;margin:0 auto;padding:12px 24px;display:flex}.appbar .brand{letter-spacing:-.01em;align-items:center;gap:12px;font-weight:600;display:flex}.appbar .brand img{width:auto;height:24px;display:block}.appbar .datenstand{letter-spacing:.02em;color:#ffffffeb;white-space:nowrap;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.appbar .user{color:#ffffffd1;align-items:center;gap:12px;margin-left:auto;font-size:12.5px;display:flex}.appbar .logout{color:#fff;border-radius:var(--radius-control);cursor:pointer;background:0 0;border:1px solid #ffffff59;padding:5px 12px;font-size:12.5px}.appbar .logout:hover{background:#ffffff1f;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:28px 24px 64px}.searchform{gap:10px;margin:4px 0 8px;display:flex}.searchinput{border-radius:var(--radius-card);border:1px solid var(--hairline-strong);background:var(--surface);height:48px;color:var(--ink-1);outline:none;flex:1;padding:0 16px;font-size:16px}.searchinput:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #00599b1f}.btn-primary{border-radius:var(--radius-card);background:var(--brand-blue);color:#fff;cursor:pointer;border:none;height:48px;padding:0 22px;font-size:15px;font-weight:500;box-shadow:0 4px 16px #00599b2e}.btn-primary:hover{background:#06508c}.hint{color:var(--ink-2);font-size:13px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.card+.card{margin-top:18px}.card-head{border-bottom:1px solid var(--hairline);color:var(--ink-1);align-items:center;gap:10px;margin:0;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.card-body{padding:6px 0}table.data{border-collapse:collapse;width:100%;font-size:13.5px}table.data th{text-align:left;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--hairline);padding:8px 18px;font-size:11.5px;font-weight:600}table.data td{border-bottom:1px solid var(--hairline-soft,#0d3e630d);color:var(--ink-1);vertical-align:top;padding:9px 18px}table.data tr:last-child td{border-bottom:none}table.data tr:hover td{background:var(--surface-soft)}.kv{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2px 24px;padding:14px 18px;display:grid}.kv .k{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}.kv .v{color:var(--ink-1);margin-bottom:10px;font-size:14.5px;font-weight:500}.badge{letter-spacing:.02em;background:var(--brand-blue-grey-lt,#edf0f2);color:var(--ink-2);border:1px solid var(--hairline);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.badge.Auftrag{color:#0a4c86;background:#e6f0f8;border-color:#cfe0ef}.badge.Seriennummer,.badge.Serie{color:#9a5410;background:#fff0e0;border-color:#ffd9b0}.badge.Rechnung{color:#4a3f86;background:#eae7f6;border-color:#d8d2ee}.badge.Lieferschein{color:#1f6b4a;background:#e7f3ee;border-color:#cfe8db}.badge.Kunde{color:#435d7a;background:#eef1f4;border-color:#dbe2ea}.badge.Artikel{color:#435d7a;background:#f2f4f6;border-color:#e2e8ed}.tag-ok{color:var(--ok);font-weight:600}.tag-no{color:var(--ink-4)}h1.page{letter-spacing:-.01em;color:var(--ink-1);margin:0 0 4px;font-size:22px;font-weight:600}.sub{color:var(--ink-2);margin:0 0 20px;font-size:13px}.backlink{color:var(--ink-2);margin-bottom:14px;font-size:13px;display:inline-block}.empty{color:var(--ink-2);text-align:center;padding:28px 18px}.reslist{flex-direction:column;display:flex}.resrow{text-align:left;width:100%;color:var(--ink-1);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0d3e630d;align-items:center;gap:12px;padding:11px 18px;font-family:inherit;font-size:14px;display:flex}.resrow:last-child{border-bottom:none}.resrow:hover{background:var(--surface-soft);text-decoration:none}.resrow-static{cursor:default}.resmain{flex:1;min-width:0}.resnum{color:var(--ink-1);font-weight:600}.resdesc{color:var(--ink-2)}.res-addr{color:var(--ink-3);margin-top:2px;font-size:13px;font-weight:400;display:block}.belege{vertical-align:middle;flex-wrap:wrap;gap:6px;margin-left:8px;display:inline-flex}.resopen{color:var(--brand-blue);white-space:nowrap;font-size:12.5px}.auftrag-cta{border-radius:var(--radius-control);background:var(--brand-blue);color:#fff;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.auftrag-cta:hover{background:#06508c;text-decoration:none}.hinweis{border-radius:var(--radius-control);color:#7a4e15;white-space:pre-wrap;background:#fff8ee;border:1px solid #ffdca8;padding:12px 16px;font-size:14px}.drawer-backdrop{z-index:50;background:#0d3e6347;justify-content:flex-end;animation:.15s drawer-fade;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--bg);outline:none;flex-direction:column;width:min(560px,100%);height:100%;animation:.2s drawer-slide;display:flex;overflow:hidden;box-shadow:-8px 0 30px #0d3e6333}.drawer-head{background:var(--brand-blue);color:#fff;border-bottom:3px solid var(--brand-orange);align-items:flex-start;gap:12px;padding:15px 20px;display:flex}.drawer-head .mono{color:#fff}.drawer-head .sub{color:#fffc}.drawer-close{border-radius:var(--radius-control);color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;flex:none;width:32px;height:32px;margin-left:auto;font-size:14px;line-height:1}.drawer-close:hover{background:#ffffff1f}.drawer-body{flex:1;padding:20px;overflow-y:auto}@keyframes drawer-slide{0%{opacity:.4;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}.badge.crm{color:var(--brand-blue);background:#e6f0f8;border-color:#cfe0ef}.badge.akt{color:var(--ink-2);background:#eef1f4;border-color:#dbe2ea}.crm-card{border-left:3px solid var(--brand-orange)}.hier-line{border-bottom:1px solid var(--hairline);background:var(--surface-soft);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:9px 18px;font-size:13px;display:flex}.hier-ico{color:var(--ink-3);font-style:normal}.hier-sep{color:var(--hairline-strong)}.hier-kinder{color:var(--brand-blue);cursor:pointer;font-weight:500}.hier-kinder:hover{text-decoration:underline}.mehr-laden-wrap{border-top:1px solid var(--hairline);align-items:center;gap:12px;padding:12px 18px;display:flex}.mehr-laden{border:1px solid var(--hairline-strong);background:var(--surface);color:var(--brand-blue);border-radius:var(--radius-control);font:inherit;cursor:pointer;padding:7px 16px;font-size:13.5px;font-weight:500}.mehr-laden:hover:not(:disabled){background:var(--surface-soft)}.mehr-laden:disabled{opacity:.6;cursor:default}.mehr-laden-err{color:var(--danger);font-size:12.5px}.drawer-search{background:var(--bg);border-bottom:1px solid var(--hairline);padding:12px 16px}.drawer-search-input{border-radius:var(--radius-control);border:1px solid var(--hairline-strong);background:var(--surface);width:100%;height:38px;color:var(--ink-1);outline:none;padding:0 12px;font-size:14px}.drawer-search-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #00599b1f}.crm-addr{color:var(--ink-3);font-size:13px;font-weight:400}.crm-hit{color:var(--ink-3);margin-top:2px;font-size:12px;display:block}.tl-clip{color:var(--ink-3)}.tl-link{color:inherit}.tl-link:hover{text-decoration:none}.tl-link:hover .tl-subj{color:var(--brand-blue);text-decoration:underline}.drawer-panel-wide{width:min(720px,100%)}.akt-subj{color:var(--ink-1);margin:4px 2px 10px;font-size:15px;font-weight:600}.akt-body{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--ink-1);word-break:break-word;padding:14px 16px;font-size:13.5px;line-height:1.55;overflow-x:auto}.akt-body-plain{white-space:pre-wrap}.akt-body img{max-width:100%;height:auto}.akt-body table{border-collapse:collapse}.akt-body a{word-break:break-all}.pty-row{gap:8px;padding:3px 0;font-size:13px;display:flex}.pty-lab{width:40px;color:var(--ink-3);flex:none;font-weight:600}.pty-val{flex-wrap:wrap;flex:1;gap:4px 10px;min-width:0;display:flex}.pty-chip{color:var(--ink-1)}.pty-mail{color:var(--ink-3)}.att-list{flex-direction:column;gap:6px;margin:0;padding:6px 18px 10px;list-style:none;display:flex}.att-list li{font-size:13.5px}.att-size{color:var(--ink-3);font-size:12px}.note-list{margin:0;padding:0;list-style:none}.note-item{border-bottom:1px solid #0d3e630d;padding:12px 18px}.note-item:last-child{border-bottom:none}.note-head{align-items:baseline;gap:10px;display:flex}.note-subj{color:var(--ink-1);flex:1;min-width:0;font-size:14px;font-weight:600}.note-date{color:var(--ink-3);white-space:nowrap;font-size:12.5px}.note-text{color:var(--ink-1);white-space:pre-wrap;word-break:break-word;margin-top:6px;font-size:13.5px;line-height:1.55}.note-att{border:1px solid var(--hairline-strong);border-radius:var(--radius-control);background:var(--surface-soft);text-align:left;max-width:100%;color:var(--brand-blue);cursor:pointer;align-items:center;gap:4px;margin-top:8px;padding:5px 10px;font-family:inherit;font-size:13px;line-height:1.4;display:inline-flex}.note-att:hover{background:#eef3f8;text-decoration:none}.att-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.att-view-hint{color:var(--ink-2);white-space:nowrap;flex:none;font-size:12px}.note-meta{color:var(--ink-3);margin-top:6px;font-size:12px}.att-vw-backdrop{z-index:1000;background:#0d3e638c;justify-content:center;align-items:center;padding:3vh 3vw;animation:.15s drawer-fade;display:flex;position:fixed;inset:0}.att-vw-panel{background:var(--surface);border-radius:var(--radius-card);flex-direction:column;width:min(1000px,96vw);height:92vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0d3e6359}.att-vw-head{border-bottom:1px solid var(--hairline);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.att-vw-name{color:var(--ink-1);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.att-vw-actions{flex:none;align-items:center;gap:14px;display:flex}.att-vw-actions a{color:var(--brand-blue);white-space:nowrap;font-size:12.5px;font-weight:500}.att-vw-close{border-radius:var(--radius-control);border:1px solid var(--hairline-strong);background:var(--surface);width:30px;height:30px;color:var(--ink-1);cursor:pointer;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.att-vw-close:hover{background:#eef3f8}.att-vw-framewrap{flex:1;min-height:0;display:flex;position:relative}.att-vw-frame{background:var(--surface-soft);border:none;flex:1;width:100%}.att-vw-imgwrap{background:var(--surface-soft);flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:auto}.att-vw-img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%}.att-vw-note{color:var(--ink-2);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.att-vw-note-over{justify-content:center;position:absolute;inset:0}.att-vw-note-actions{gap:16px;display:flex}.att-vw-note-actions a{color:var(--brand-blue);font-weight:500}.crm-sec-head{border-bottom:1px solid var(--hairline);color:var(--ink-1);align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:600;display:flex}.kpi-row{background:var(--hairline);border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;display:grid}.kpi{background:var(--surface);text-align:center;padding:16px 18px}.kpi-num{color:var(--ink-1);font-size:26px;font-weight:700;line-height:1.1}.kpi-lab{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin-top:4px;font-size:11.5px}.opp-badge{border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.opp-badge.ok{color:var(--ok);background:#e7f3ee}.opp-badge.lost{color:var(--danger);background:#f4eeed}.opp-badge.open{color:var(--brand-blue);background:#e6f0f8}.timeline{margin:0;padding:0;list-style:none}.tl-item{border-bottom:1px solid #0d3e630d;align-items:baseline;gap:10px;padding:9px 18px;display:flex}.tl-item:last-child{border-bottom:none}.tl-main{flex:1;min-width:0}.tl-subj{color:var(--ink-1)}.tl-meta{color:var(--ink-3);font-size:12.5px}.tl-date{color:var(--ink-3);white-space:nowrap;font-size:12.5px}.login-shell{align-items:stretch;min-height:100vh;display:flex}@supports (height:100dvh){.login-shell{min-height:100dvh}}.login-brand{background:var(--login-gradient);min-width:0;color:var(--on-brand);--sheen-alpha:.14;--sheen-a:34%;--sheen-b:66%;--sheen-dur:14s;flex-direction:column;flex:1.1;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.login-brand>*{z-index:1;position:relative}.login-logo{width:auto;height:30px;display:block}.login-brand h1{letter-spacing:-.02em;margin:0;font-size:40px;font-weight:600;line-height:1.08}.login-claim{color:var(--on-brand-70);margin:6px 0 0;font-size:15px;font-weight:500}.login-lead{color:#fffc;max-width:460px;margin:18px 0 0;font-size:16px;line-height:1.55}.login-foot{color:var(--on-brand-55);font-size:12px}.login-foot .host-accent{color:var(--brand-orange)}.login-brand:after{content:"";pointer-events:none;background:linear-gradient(100deg, transparent var(--sheen-a), rgba(255, 255, 255, var(--sheen-alpha)) 50%, transparent var(--sheen-b));animation:sheen var(--sheen-dur) ease-in-out infinite;background-size:230% 100%;position:absolute;inset:0}@keyframes sheen{0%{background-position:215% 0}60%,to{background-position:-115% 0}}@media (prefers-reduced-motion:reduce){.login-brand:after{animation:none}}.login-panel{background:var(--surface);flex:1;justify-content:center;align-items:center;min-width:0;padding:clamp(20px,6vw,40px);display:flex}.login-card{width:100%;max-width:360px}.login-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.login-card h2{color:var(--brand-blue-dark);letter-spacing:-.01em;margin:8px 0 12px;font-size:24px;font-weight:600}.login-intro{color:var(--ink-3);margin:0 0 28px;font-size:14px;line-height:1.55}.login-btn{background:var(--brand-blue);width:100%;min-height:48px;color:var(--on-brand);font:inherit;cursor:pointer;box-shadow:var(--shadow-login);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.login-btn:hover{background:#06508c}.login-btn .mark{background:var(--brand-orange);border-radius:3px;flex:none;width:16px;height:16px;display:inline-block;transform:skew(-18deg)}.login-help{color:var(--ink-3);margin:28px 0 0;font-size:11.5px;line-height:1.6}.login-help a{color:var(--brand-blue)}.appbar .user{min-width:0}.appbar .user>span{overflow-wrap:anywhere;min-width:0}.appbar .user>form{flex:none}.appbar .logout{white-space:nowrap}.container,.appbar-inner{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}.datenstand-hinweis{display:none}@media (max-width:860px){.login-shell{min-height:100vh;display:block;position:relative}.login-brand{padding:28px 20px;padding-top:max(28px, env(safe-area-inset-top));padding-bottom:max(28px, env(safe-area-inset-bottom));padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));position:absolute;inset:0}.login-brand-copy{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-claim,.login-lead{display:none}.login-logo{height:26px;margin:0 auto}.login-foot{text-align:center;font-size:11.5px}.login-panel{z-index:2;min-height:100vh;padding:96px 20px 72px;padding-bottom:max(72px, calc(env(safe-area-inset-bottom) + 56px));padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));background:0 0;align-items:center;position:relative}.login-card{background:var(--surface);border-radius:14px;padding:26px 22px;box-shadow:0 18px 50px #06223a61}@supports (height:100dvh){.login-shell,.login-panel{min-height:100dvh}}}@media (max-width:860px) and (max-height:560px){.login-panel{align-items:flex-start;padding-top:76px}}@media (max-width:620px){.appbar-inner{padding:10px 14px;padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right));flex-wrap:wrap;gap:10px}.appbar .brand img{height:20px}.appbar-titel,.appbar-trenner,.appbar .datenstand{display:none}.appbar-username{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.datenstand-hinweis{color:var(--ink-3);background:var(--surface-soft);border-bottom:1px solid var(--hairline);margin:0;padding:8px 14px;font-size:12px;display:block}table.data,table.data thead,table.data tbody,table.data tr,table.data td{display:block}table.data,table.data thead,table.data tbody,table.data td{width:100%}table.data thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}table.data tr{border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--surface);margin:0 14px 10px;padding:4px 0}table.data tr:hover td{background:0 0}table.data td{overflow-wrap:anywhere;border-bottom:none;padding:6px 12px}table.data td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin-bottom:1px;font-size:11px;font-weight:600;display:block}table.data td:empty{display:none}.kv .v{overflow-wrap:anywhere}.kv{grid-template-columns:1fr;gap:10px}.container{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}}@media (max-width:620px),(pointer:coarse){.drawer-search-input{font-size:16px}}