:root{--navy:#0b1f3a;--navy-2:#102c52;--blue:#087ef0;--blue-soft:#eaf4ff;--green:#14965b;--green-soft:#e8f8ef;--amber:#d89113;--amber-soft:#fff5dc;--red:#db3144;--red-soft:#fff0f2;--ink:#10213a;--muted:#718096;--line:#dce6f1;--surface:#fff;--canvas:#f3f7fb;--shadow:0 14px 40px rgba(11,31,58,.08);--radius:18px}
*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 100% 0,#e6f3ff 0,transparent 28rem),var(--canvas)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.brand{display:flex;align-items:center;gap:12px}.brand img{width:132px;max-height:44px;object-fit:contain}.brand div{display:grid;gap:1px}.brand span,.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.brand strong{font-size:1rem}.topbar{position:sticky;z-index:30;top:0;height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.top-actions{display:flex;align-items:center;gap:12px}.tenant-chip{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:var(--green-soft);color:#087744;font-weight:800;font-size:.85rem}.tenant-chip i{width:8px;height:8px;border-radius:50%;background:#22c978;box-shadow:0 0 0 4px rgba(34,201,120,.13)}.avatar,.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--navy);font-weight:900}.avatar img{width:100%;height:100%;border-radius:12px;object-fit:cover}.icon-btn{font-size:1.15rem}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{padding:26px 18px 120px;border-right:1px solid var(--line);background:rgba(255,255,255,.66)}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:13px;color:#53647b;font-weight:750}.sidebar nav a span{width:24px;text-align:center;font-size:1.1rem}.sidebar nav a:hover,.sidebar nav a.active{background:var(--navy);color:#fff;box-shadow:0 10px 25px rgba(11,31,58,.16)}.sidebar-help{margin-top:32px;padding:18px;border-radius:16px;background:linear-gradient(145deg,var(--blue-soft),#fff);border:1px solid #cee4fb}.sidebar-help p{margin:.45rem 0 0;color:#65758a;font-size:.83rem;line-height:1.45}.content{width:100%;max-width:1540px;margin:0 auto;padding:32px 36px 110px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.page-head h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05;margin:.28rem 0 .45rem;color:var(--navy)}.page-head p{margin:0;color:var(--muted)}.btn{border:0;border-radius:12px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:850;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#0b88f5,#086bd2);color:#fff;box-shadow:0 10px 25px rgba(8,126,240,.24)}.btn.secondary{background:#fff;color:#086bd2;border:1px solid #b8d7f7}.btn.danger{background:var(--red-soft);color:#bd2134;border:1px solid #ffc4cc}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi,.panel,.article-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{position:relative;overflow:hidden;padding:22px 22px 20px;border-top:4px solid var(--blue)}.kpi:after{content:"";position:absolute;width:88px;height:88px;border-radius:50%;right:-30px;top:-32px;background:currentColor;opacity:.06}.kpi.green{border-color:var(--green)}.kpi.amber{border-color:var(--amber)}.kpi.navy{border-color:var(--navy)}.kpi span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;font-weight:850}.kpi strong{display:block;margin:8px 0 5px;font-size:1.85rem;color:var(--navy)}.kpi small{color:#758399}.split-grid,.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h2,.panel h2{margin:.25rem 0;font-size:1.2rem;color:var(--navy)}.panel-head>a{color:var(--blue);font-size:.87rem;font-weight:800}.payout-spot{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;overflow:hidden;position:relative}.payout-spot:after{content:"€";position:absolute;right:4%;top:-26px;font-size:9rem;font-weight:900;color:#fff;opacity:.05}.payout-spot .eyebrow{color:#77c2ff}.payout-spot h2{color:#fff;font-size:2.25rem}.payout-spot p{color:#c8d8eb;max-width:570px;line-height:1.5}.movement,.audit-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #edf2f7}.movement:first-of-type,.audit-row:first-of-type{border-top:0}.movement-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:900}.movement div,.audit-row div{display:grid;gap:4px}.movement small,.audit-row small{color:var(--muted);font-size:.78rem}.audit-dot{width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px var(--blue-soft)}.notice{padding:14px 17px;margin-bottom:18px;border-radius:13px;font-weight:750}.notice.success{background:var(--green-soft);color:#087744;border:1px solid #b8ebcf}.notice.error{background:var(--red-soft);color:#aa1f31;border:1px solid #ffc4cc}.notice.warning{background:var(--amber-soft);color:#855800;border:1px solid #f0d690}.position-list{display:grid;gap:10px;margin:14px 0 18px}.position{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border-radius:14px;border:1px solid var(--line);background:#fbfdff}.position:hover{border-color:#aad2fa}.position input{width:19px;height:19px;accent-color:var(--blue)}.position span{display:grid;gap:4px}.position small{color:var(--muted)}.position-list.locked .position{grid-template-columns:minmax(0,1fr) auto;background:#fffaf0}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-card{overflow:hidden}.article-media{position:relative;height:190px;background:linear-gradient(145deg,#edf5fd,#fff);display:grid;place-items:center}.article-media img{width:100%;height:100%;object-fit:contain}.article-media span{position:absolute;left:12px;bottom:12px;background:rgba(11,31,58,.88);color:#fff;border-radius:8px;padding:6px 9px;font-size:.75rem}.article-body{padding:18px}.article-body h2{font-size:1.02rem;line-height:1.38;margin:0 0 8px}.article-body>p{color:var(--muted);font-size:.82rem}.price-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:15px 0 9px}.price-form label{font-size:.76rem;font-weight:850}.price-input{display:flex;align-items:center;margin-top:5px;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.price-input input{width:100%;border:0;padding:11px;outline:none}.price-input span{padding-right:10px;color:var(--muted);font-size:.75rem}.stop-form .btn{width:100%}.form-stack,.form-grid{display:grid;gap:15px}.form-grid{grid-template-columns:1fr 1fr}.form-stack label,.form-grid label{display:grid;gap:7px;font-size:.8rem;font-weight:850;color:#516178}.form-stack input,.form-grid input,.form-grid select{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;outline:none;background:#fff;color:var(--ink)}.form-stack input:focus,.form-grid input:focus,.price-input:focus-within{border-color:#6eb5fa;box-shadow:0 0 0 4px rgba(8,126,240,.09)}.profile-grid hr{border:0;border-top:1px solid var(--line);margin:20px 0}.empty{padding:20px;color:var(--muted);text-align:center}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(120deg,rgba(11,31,58,.97),rgba(16,58,101,.93)),radial-gradient(circle at 70% 30%,#0b88f5,transparent 45%)}.login-card{width:min(100%,490px);padding:35px;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.28)}.login-card .brand{margin-bottom:30px}.login-copy h1{font-size:clamp(2rem,7vw,3rem);line-height:1.02;color:var(--navy);margin:.45rem 0 1rem}.login-copy p{color:var(--muted);line-height:1.55;margin-bottom:24px}.privacy{display:block;margin-top:18px;color:#8591a2;line-height:1.45}.mobile-nav{display:none}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{height:66px;padding:0 16px}.topbar .brand div{display:none}.topbar .brand img{width:112px}.tenant-chip{font-size:.72rem;padding:8px 10px}.icon-btn{display:none}.app-shell{display:block;min-height:calc(100vh - 66px)}.sidebar{display:none}.content{padding:22px 14px 34px}.page-head{align-items:start}.page-head .btn{display:none}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:17px 15px}.kpi strong{font-size:1.42rem}.split-grid,.profile-grid{grid-template-columns:1fr}.panel{padding:17px;border-radius:16px}.payout-spot{display:block}.payout-spot .btn{margin-top:8px;width:100%}.article-grid{grid-template-columns:1fr}.article-media{height:160px}.form-grid{grid-template-columns:1fr}.price-form{grid-template-columns:1fr}.position{grid-template-columns:auto minmax(0,1fr)}.position>strong{grid-column:2}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:40;left:0;right:0;bottom:0;padding:7px 7px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.mobile-nav a{display:grid;place-items:center;gap:2px;padding:6px 2px;color:#7b899c;font-size:.67rem;font-weight:800}.mobile-nav a span{font-size:1.15rem}.mobile-nav a.active{color:var(--blue);background:var(--blue-soft);border-radius:12px}.login-card{padding:27px 22px;border-radius:20px}}
@media(max-width:430px){.kpi-grid{grid-template-columns:1fr}.page-head h1{font-size:1.9rem}.top-actions{gap:7px}.tenant-chip{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-shell{padding:14px}.login-card{padding:25px 19px}}
@media(max-width:780px){body.login-page{padding-bottom:0}.login-page .login-shell{min-height:100svh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Lieferantenportal 1.0.2: klarer Mobil-Header und wirklich bedienbare Artikelaktionen. */
.topbar-identity{display:flex;align-items:center;gap:12px;min-width:0}.header-avatar{order:-1;flex:0 0 auto;width:48px;height:48px;border-radius:15px;box-shadow:0 8px 22px rgba(11,31,58,.12)}.header-avatar img{border-radius:14px}.header-view{display:grid;gap:1px;padding-left:14px;border-left:1px solid var(--line);min-width:0}.header-view span{font-size:.65rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.header-view strong{font-size:.94rem;color:var(--navy);white-space:nowrap}.tenant-chip time{padding-left:8px;border-left:1px solid rgba(20,150,91,.22);font-variant-numeric:tabular-nums}.profile-first-login{width:min(100%,680px);margin:0 auto}.profile-first-login .panel{padding:26px}.profile-first-login h2{margin:.35rem 0 1.25rem}.price-form,.price-form label,.price-input,.price-input input,.price-form .btn,.stop-form,.stop-form .btn{position:relative;z-index:3;pointer-events:auto!important;touch-action:manipulation}.price-input input{appearance:auto;-webkit-appearance:auto;user-select:text;-webkit-user-select:text;background:#fff;color:var(--ink);opacity:1}.price-form .btn,.stop-form .btn{min-height:46px}.article-card{position:relative}.article-body{position:relative;z-index:2}
@media(max-width:1000px){.topbar .brand div{display:none}.header-view{padding-left:10px}.header-view strong{font-size:.86rem}}
@media(max-width:780px){.topbar{height:84px;padding:10px 14px;gap:10px}.topbar-identity{gap:8px}.header-avatar{width:48px;height:48px}.topbar .brand img{width:94px}.header-view{position:absolute;left:14px;right:14px;bottom:3px;padding:0;border:0;display:flex;justify-content:center;gap:6px;pointer-events:none}.header-view span{font-size:.55rem}.header-view strong{font-size:.68rem}.top-actions{margin-left:auto}.tenant-chip{max-width:none;padding:8px 10px;gap:6px}.tenant-chip>span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-chip time{padding-left:6px}.app-shell{min-height:calc(100vh - 84px)}.content{padding-top:24px}.profile-first-login .panel{padding:20px}.price-form .btn,.stop-form .btn{width:100%;min-height:58px}.price-input input{min-height:56px;font-size:1rem}}
@media(max-width:430px){.topbar .brand img{width:78px}.header-avatar{width:44px;height:44px}.tenant-chip>span{max-width:58px}.tenant-chip{font-size:.68rem}.tenant-chip time{font-size:.68rem}}

/* Login: mehr Ruhe und keine gequetschte Hero-Zeile auf Tablet/Desktop. */
.login-card{width:min(100%,570px);padding:38px 42px}
.login-card .brand{margin-bottom:27px}
.login-copy h1{max-width:490px;font-size:clamp(2.15rem,4.6vw,2.75rem);line-height:1.02;letter-spacing:-.025em}
.login-copy p{max-width:470px}
@media(max-width:780px){.login-card{padding:29px 25px}.login-copy h1{font-size:clamp(2.05rem,8.7vw,2.55rem);letter-spacing:-.02em}}
@media(max-width:430px){.login-card{padding:25px 19px}.login-copy h1{font-size:clamp(2rem,10.7vw,2.4rem)}}

/* Eigene, tastaturbedienbare Dateiauswahl statt des Browser-Standardknopfs. */
.file-picker{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px!important;padding:9px;border:1px solid var(--line);border-radius:13px;background:#f8fbff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.file-picker:hover,.file-picker:focus-within{border-color:#77b9f8;background:#fff;box-shadow:0 0 0 4px rgba(8,126,240,.09)}
.file-picker input[type=file]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.file-picker-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:10px;background:var(--blue-soft);color:#086bd2;font-weight:850;white-space:nowrap}
.file-picker-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.82rem;font-weight:700}
@media(max-width:430px){.file-picker{grid-template-columns:1fr}.file-picker-action{width:100%}.file-picker-name{text-align:center}}

/* Artikelbilder bleiben strikt im eigenen Medienbereich; Formulare stehen immer auf Weiss. */
.article-card{display:flex;flex-direction:column;background:#fff}
.article-media{flex:0 0 190px;height:190px;min-height:190px;max-height:190px;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#edf5fd,#fff)}
.article-media img{display:block;width:100%;height:100%;max-width:100%;max-height:190px;object-fit:contain;object-position:center;overflow:hidden}
.article-body{flex:1 1 auto;position:relative;z-index:4;background:#fff;border-top:1px solid #edf2f7}

/* Laufende eBay-Aktion: diagonal sichtbar und bis zur Cron-Bestaetigung gesperrt. */
.article-card.action-pending{box-shadow:0 14px 40px rgba(11,31,58,.13)}
.article-card.action-pending.pending-stop{border-color:#f0b7bf}
.article-card.action-pending.pending-update{border-color:#9dc9f8}
.article-card.action-pending .article-media img{filter:grayscale(.42);opacity:.66}
.action-pending-mark{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}
.action-pending-mark strong{width:145%;padding:9px 18px;text-align:center;color:#fff;font-size:1rem;letter-spacing:.055em;line-height:1.15;text-shadow:0 1px 4px rgba(0,0,0,.26);transform:rotate(-18deg);box-shadow:0 6px 18px rgba(11,31,58,.22)}
.pending-stop .action-pending-mark strong{background:linear-gradient(90deg,#b81428,#f22f46,#b81428)}
.pending-update .action-pending-mark strong{background:linear-gradient(90deg,#1259ad,#168af0,#1259ad)}
.action-pending-info{margin-top:15px;padding:12px 14px;border-radius:12px;font-size:.82rem;font-weight:750;line-height:1.45}
.pending-stop .action-pending-info{background:var(--red-soft);border:1px solid #ffc4cc;color:#a51e30}
.pending-update .action-pending-info{background:var(--blue-soft);border:1px solid #b8d7f7;color:#075fae}
.article-card.action-pending input:disabled,.article-card.action-pending button:disabled{pointer-events:none!important;cursor:not-allowed!important;opacity:.55}
@media(max-width:430px){.action-pending-mark strong{font-size:.86rem;padding:8px 14px}}