:root{--ink:#171719;--muted:#6d6d72;--accent:#ed1b2f;--accent-soft:#fbe8eb;--line:#dedee1;--bg:#f2f2f3;--white:#fff;--blue:#444b55;--orange:#765f51;--red:#c8102e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:8px;background:var(--accent);color:#fff;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s}button:hover,.button:hover{filter:brightness(.92)}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.compact{padding:8px 13px;font-size:13px}
aside{position:fixed;inset:0 auto 0 0;width:220px;background:#111;color:#e7e7e7;padding:24px 16px;z-index:5;display:flex;flex-direction:column}.logo{display:grid;gap:7px;color:#fff;padding:0 8px 28px;font-size:0}.logo span,.brand-mark{background:#111 url("schober24-logo.png") center/contain no-repeat;color:transparent;border-radius:0;display:block}.logo span{width:166px;height:51px}.logo:after{content:"Auftragssystem";color:#949494;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.brand-mark{margin:auto;width:179px;height:55px}nav{display:grid;gap:5px}nav a,.aside-foot a{color:#bcbcc0;padding:10px 12px;border-radius:7px}nav a:hover,nav a.active{background:#29292c;color:#fff}nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.aside-foot{margin-top:auto}
header{position:fixed;z-index:4;top:0;left:220px;right:0;height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;justify-content:space-between}header div{display:grid}header small{color:var(--muted)}.menu{display:none;background:none;color:var(--ink);padding:5px}main{margin-left:220px;padding:104px 30px 50px;max-width:1500px}.hero,.page-head,.case-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.hero h1,.page-head h1,.case-top h1{font-size:30px;line-height:1.15;margin:2px 0 6px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin:0}.muted{color:var(--muted)}.actions{display:flex;gap:8px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stats article{display:grid;border-top:3px solid #222}.stats article:first-child{border-top-color:var(--accent)}.stats span,.stats small{color:var(--muted)}.stats strong{font-size:30px;margin:3px 0}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2,.panel-head h2,.timeline h2{margin:2px 0 15px;font-size:18px}.case-list{display:grid}.case-list a{display:flex;align-items:center;gap:12px;color:var(--ink);padding:13px 4px;border-top:1px solid #ededee}.case-list a>span:nth-child(2),.case-list a>span:first-child:not(.type-icon){display:grid;flex:1}.case-list small,td small{display:block;color:var(--muted)}.type-icon{width:37px;height:37px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:8px;font-weight:800}.badge{font-size:12px;padding:4px 9px;border-radius:99px;background:#ededee;color:#555;white-space:nowrap}.status-in_progress{background:#e8eaed;color:#333a44}.status-waiting_customer,.status-waiting_approval{background:#eee9e5;color:#655247}.status-done,.status-invoiced{background:#e6e6e7;color:#252527}.empty{text-align:center;color:var(--muted);padding:35px}.empty b{color:var(--ink)}
.search{margin-bottom:15px}.search input{max-width:480px}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #ededee}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}tbody tr{cursor:pointer}tbody tr:hover{background:#f7f7f8}input,select,textarea{width:100%;border:1px solid #cfcfd3;border-radius:8px;background:#fff;padding:10px 11px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #ed1b2f33;border-color:var(--accent)}textarea{resize:vertical;min-height:95px}label{display:grid;gap:6px;font-size:13px;font-weight:650}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;max-width:900px}.wide{grid-column:1/-1}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:18px}dl{display:grid;grid-template-columns:90px 1fr;gap:11px;margin:0}dt{color:var(--muted)}dd{margin:0}
.case-top{align-items:center}.status-form select{min-width:190px}.case-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px}.case-side{position:static;width:auto;background:transparent;color:var(--ink);padding:0;display:block}.case-side .panel{margin-bottom:14px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-5px 0 16px}.tabs button{background:transparent;color:var(--muted);border-radius:0;padding:10px 13px;border-bottom:2px solid transparent}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.entry-fields{display:none;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.composer[data-mode=work] .work-fields,.composer[data-mode=material] .material-fields{display:grid}.check{display:flex;align-items:center;gap:8px;align-self:end;padding:10px 0}.check input{width:auto}.composer>form>button{margin-top:12px}.timeline{margin-top:25px}.timeline article{position:relative;display:grid;grid-template-columns:16px 1fr;gap:12px;padding:0 0 22px}.timeline article:before{content:"";position:absolute;left:5px;top:15px;bottom:-2px;width:1px;background:var(--line)}.timeline-dot{width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent);margin-top:5px;z-index:1}.kind-work{background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.kind-material{background:var(--orange);box-shadow:0 0 0 1px var(--orange)}.entry-head{display:flex;justify-content:space-between}.entry-head time,.timeline article small{font-size:12px;color:var(--muted)}.timeline article p{margin:5px 0}.metrics div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ededee}.ghost{width:100%;margin-top:7px;background:#f3f3f4;color:var(--ink);justify-content:space-between}.ghost span{font-size:10px;color:var(--muted)}
.auth{min-height:100vh;display:grid;place-items:center;background:#ededee}.auth-card{width:min(420px,calc(100% - 30px));margin:0;padding:32px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 60px #00000015}.auth-card .brand-mark{margin:-32px -32px 28px;width:auto;height:104px;background-color:#111;background-size:69px 44px;background-position:center;border-radius:14px 14px 0 0}.auth-card h1{text-align:center;margin:15px 0 0}.auth-card>p{text-align:center}.auth-card form{display:grid;gap:14px;margin-top:25px}.alert,.toast{padding:11px 14px;border-radius:8px;background:#fde8eb;color:var(--red)}.toast{position:fixed;right:25px;top:84px;background:#222;color:#fff;z-index:20;box-shadow:0 8px 30px #0003}
nav{display:flex;flex:1;flex-direction:column}nav a:last-child{margin-top:auto;font-size:13px;color:#8f8f94}.aside-foot{margin-top:8px}.app-footer{margin:0 0 26px 220px;text-align:center;color:var(--muted);font-size:12px}.app-footer small{font-size:11px}.auth:after{content:"© 2026 schober24.com Deutschland – Alle Rechte vorbehalten · Version 0.3.0 vom 30.08.2026";position:fixed;left:15px;right:15px;bottom:18px;text-align:center;color:#777;font-size:11px}.release{padding:13px 0;border-top:1px solid var(--line)}.release>b,.release>small{display:block}.release>small{color:var(--muted);margin-top:2px}.release ul{margin:8px 0 0}
@media(max-width:850px){aside{transform:translateX(-100%);transition:.2s}.menu-open aside{transform:none}header{left:0;padding:0 16px}.menu{display:block}header>div{margin-right:auto;margin-left:10px}main{margin-left:0;padding:92px 15px 35px}.app-footer{margin-left:0}.stats{grid-template-columns:1fr}.case-layout,.detail-grid,.article-overview{grid-template-columns:1fr}.form-grid,.form-section{grid-template-columns:1fr}.wide,.section-heading{grid-column:auto}.article-kpis{grid-template-columns:repeat(2,1fr)}.article-nav{overflow-x:auto}.hero,.page-head{align-items:flex-start;gap:18px}.actions{flex-wrap:wrap}.case-top{align-items:flex-start;gap:15px}.entry-fields{grid-template-columns:1fr}.case-side{order:-1}}@media(max-width:520px){header .button{display:none}.hero,.page-head,.case-top{flex-direction:column}.stats{gap:8px}.panel{padding:15px}.article-kpis{grid-template-columns:1fr}.article-shell{padding:15px}.entry-head{display:grid}.form-actions{justify-content:space-between}.case-list .type-icon{display:none}.auth:after{font-size:10px;bottom:8px}}
.auth{min-height:100vh;min-height:100svh;display:flex;align-items:flex-start;justify-content:center;padding:clamp(90px,18vh,180px) 15px 80px}.auth-card{width:min(420px,100%);margin:0}.article-nav{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-4px -4px 22px;padding:0 4px}.article-nav button,.article-nav a{background:transparent;color:var(--muted);border-radius:0;padding:12px 14px;border-bottom:3px solid transparent;font-weight:700;white-space:nowrap}.article-nav button.active,.article-nav a.active{color:var(--ink);border-bottom-color:var(--accent)}.article-nav button[hidden]{display:none}.form-section{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-section[hidden]{display:none}.section-heading{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid var(--line)}.section-heading h2{margin:0 0 3px}.currency-field{position:relative}.currency-field input{padding-right:38px;text-align:right;font-variant-numeric:tabular-nums}.currency-field:after{content:"€";position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:700}.article-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.article-kpis article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px;border-top:3px solid #222}.article-kpis article.stock-alert{border-top-color:var(--accent)}.article-kpis span,.article-kpis small{display:block;color:var(--muted);font-size:12px}.article-kpis strong{display:block;font-size:20px;margin:4px 0;font-variant-numeric:tabular-nums}.article-shell{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.article-overview{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}.article-image{max-width:220px;max-height:170px;object-fit:contain;width:100%;border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff}.stock-history>div{padding:11px 0;border-top:1px solid var(--line)}
@media(max-width:850px){.form-section,.article-overview{grid-template-columns:1fr}.section-heading{grid-column:auto}.article-kpis{grid-template-columns:repeat(2,1fr)}.article-nav{overflow-x:auto}}@media(max-width:520px){.auth{padding-top:50px}.article-kpis{grid-template-columns:1fr}.article-shell{padding:15px}}