/* Industrial typography and a compact layout for daily workshop use. */
:root{--ink:#1c1d1f;--muted:#74777b;--line:#e0e1e3;--yellow:#ffd100;--heading:'Bahnschrift','Arial Black',Arial,sans-serif;--body:'Bahnschrift','Arial',sans-serif}
body{background:#f2f2f3;color:var(--ink);font-family:var(--body);font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased}
button,input,select{font-family:var(--body)}
button{border-radius:5px;font-weight:500;transition:background .15s,border-color .15s}button:hover{background:#ededee;border-color:#a5a6a9}button.primary{background:var(--yellow);border-color:var(--yellow);font-weight:600}button.primary:hover{background:#e9bf00;border-color:#e9bf00}
input,select{border-radius:5px;border-color:#d8dadd;color:#34363a}input:focus,select:focus{outline:2px solid #d6ae00;outline-offset:1px}
h1,h2,h3,.value{font-family:var(--heading);font-stretch:semi-condensed;font-weight:600}
.title h1{font-size:30px;letter-spacing:-.65px;font-weight:600}.title{margin-bottom:24px}.title .muted{font-size:12px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.9px;font-weight:500;color:#63666b}.muted{color:var(--muted)}
aside{background:#1b1c1f;color:#b7b8bb;padding:24px 15px}.sidebrand{background:var(--yellow);border-radius:3px;margin:0 8px 36px;padding:0 12px}.sidebrand img{width:150px;mix-blend-mode:darken}.navlabel{letter-spacing:1.1px;font-size:9px;color:#83868b;margin:10px 14px 18px}nav button{display:flex;align-items:center;gap:12px;color:#bcbec2;padding:12px 14px;border-radius:5px;margin:5px 0;font-size:13px;line-height:1.35}nav button svg{width:18px;height:18px;flex-shrink:0}nav button.active{background:#ffd100;color:#17181a;font-weight:600}nav button:hover{background:#2b2c30;color:white}nav button.active:hover{background:#f2c600;color:#17181a}.sidefoot{border-color:#37383c;font-size:13px}.sidefoot button{background:transparent;color:#aeb0b5;border-color:#44464b;font-size:12px}.avatar{border-radius:5px;width:30px;height:30px;font-size:13px}
header{height:66px;padding:0 32px;border-color:var(--line);font-size:12px}header span{color:#929499}header img{height:36px;width:58px;border-radius:2px}.workspace{padding:29px 32px}.actions button{font-size:12px;padding:10px 14px}.filters{margin-bottom:20px}.filters input,.filters select,.filters button{font-size:12px}
.kpis{gap:14px}.card,.panel{border-color:var(--line);border-radius:6px;box-shadow:0 1px 2px #00000003;padding:22px}.card{position:relative;border-top:3px solid #27282b;padding-top:19px}.card.accent{background:#fff;border-color:var(--line);border-top-color:#e5b900}.card.accent .value{color:#252629}.card .value{font-size:34px;font-weight:600;letter-spacing:-.9px;font-variant-numeric:tabular-nums;margin:17px 0 10px;line-height:1.1}.card small{font-size:11px}.panel h3{font-size:17px;letter-spacing:-.25px;font-weight:500}.paneltop{margin-bottom:20px}.grid{gap:18px;margin:18px 0}.legend{font-size:10px}.chart{background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#f0f0f2 calc(25% - 1px),#f0f0f2 25%);border-color:#d6d8dc}.bar{background:#ffd100;border-radius:2px 2px 0 0}.bar.cost{background:#42454b}.legend i.cost{background:#42454b}.barcol small{font-family:var(--body);font-size:9px;font-weight:500;color:#6d7075}.chip{border-radius:4px;padding:5px 8px;font-size:11px;font-weight:400;background:#edf3ef;color:#3b6d4e;font-variant-numeric:tabular-nums}.chip.warn{background:#faf0d5;color:#89651c}.signal{font-size:12px;padding:14px 0;border-color:#ebedef}.signal .chip{font-weight:500}.notice{border-radius:5px;font-size:12px}.track{height:6px;background:#ededf0}.track b{background:#ffd100}.family{font-size:12px}.family strong{font-variant-numeric:tabular-nums;font-weight:500}
table{font-size:12px}th{font-family:var(--body);font-size:10px;font-weight:500;background:#f4f4f5;color:#676b71;letter-spacing:.6px;padding:12px}td{padding:14px 12px;border-color:#ededee;font-variant-numeric:tabular-nums}td strong{font-weight:600;font-size:13px;letter-spacing:.1px}td small{font-size:11px;color:#888b91}tbody tr:hover{background:#fafafa}.subtabs button{font-size:12px}.pageform{gap:18px}.pageform label{font-size:12px}
.login{grid-template-columns:1fr 1fr;background:#f7f7f8}.brandwall{background:#1b1c1f;color:white;padding:56px}.brandwall img.logo{mix-blend-mode:normal;width:190px;border-radius:3px}.brandwall .eyebrow{color:#ffd100;font-size:11px;letter-spacing:1.5px;margin-bottom:20px}.brandwall h1{font-family:var(--heading);font-size:58px;font-weight:600;letter-spacing:-1.4px;line-height:1.1;margin:0}.brandwall .photo{width:200px;height:235px;border-radius:4px;box-shadow:none;filter:saturate(.8)}.loginbox{background:#f7f7f8}.loginbox h2{font-size:32px;letter-spacing:-.6px;font-weight:600}.loginbox form{gap:22px;width:360px}.loginbox .eyebrow{font-size:11px;color:#96999e;letter-spacing:1.3px}.loginbox label{font-size:12px;color:#60646a}.loginbox input{background:white;height:44px}.loginbox button{height:44px;border-radius:4px;text-align:center}.loginbox small.muted{font-size:11px}
@media(min-width:1400px){.workspace{padding-top:34px}.card .value{font-size:36px}}
@media(max-width:1100px){.workspace{padding:24px}.sidebrand img{width:120px}.card .value{font-size:30px}.brandwall{padding:40px}.brandwall h1{font-size:46px}}
@media(max-width:700px){.login{grid-template-columns:1fr}.workspace{padding:20px 14px}aside{padding:14px}.sidebrand{margin-bottom:12px}.navlabel{display:none}nav button{font-size:11px;padding:9px;gap:6px}nav button svg{width:15px;height:15px}.card{padding:16px 13px}.card .value{font-size:27px}.eyebrow{font-size:9px}.panel{padding:18px}.title h1{font-size:27px}.sidebrand img{width:120px}}
@media print{body{background:white}.card,.panel{box-shadow:none}.workspace{padding:0}}
.session-user{font-size:11px;color:#979aa1;margin:8px 0 0 40px}.sidefoot #logout{width:100%;font-size:11px;padding:10px 6px}.op-bar{margin:18px 0}.op-bar>div:first-child{display:flex;justify-content:space-between;gap:14px;font-size:12px}.op-bar strong{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.op-bar .track{margin-top:9px}.compare-row{padding:14px 0;border-bottom:1px solid #eee}.compare-row>strong{font-size:11px;font-weight:500}.compare-line{display:flex;gap:12px;align-items:center;font-size:11px;margin-top:12px}.compare-line>span{width:43px;color:#7b7e84}.compare-line .track{flex:1;margin:0}.compare-line>b{width:42px;text-align:right;font-weight:500}.track b.ppg{background:#555960}

/* SINNEK: logo from the official catalogue; yellow from sinnek.com app.css. */
:root{--yellow:#ffd100}.sidebrand{padding:18px 15px;background:#ffd100}.sidebrand img{width:145px;height:50px;object-fit:contain;mix-blend-mode:normal}.brandwall{background:#ffd100;color:#171717}.brandwall .eyebrow{color:#353018}.brandwall img.logo{width:240px;height:82px;object-fit:contain;mix-blend-mode:normal}.loginbox .eyebrow{color:#585b60}header img{width:88px;height:30px;object-fit:contain}.bar,.track b,.legend i{background:#ffd100}.bar.cost,.legend i.cost,.track b.ppg{background:#42454b}.card.accent{border-top-color:#ffd100}.brandwall .photo{border:1px solid #17171712}@media(max-width:1100px){.sidebrand img{width:115px;height:40px}}

.home-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.home-kpis .card{padding:19px 15px}.home-kpis .value{font-size:30px}.home-kpis .eyebrow{font-size:10px;letter-spacing:.6px}.home-kpis small{line-height:1.5;display:block}@media(max-width:1350px){.home-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.home-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-kpis .card{padding:16px 13px}.home-kpis .value{font-size:27px}}

.header-context{min-width:0;display:flex;align-items:center;gap:9px}.workshop-name{font-size:17px;font-weight:600;color:#242629;max-width:min(55vw,650px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.settings-grid .panel{align-self:start}.settings-preview{margin-top:20px;border-left:3px solid #ffd100;background:#f5f5f6;padding:16px}.settings-preview strong{display:block;margin-top:8px;overflow-wrap:anywhere;font-size:19px}.pageform small{line-height:1.6}@media(max-width:1000px){.settings-grid{grid-template-columns:1fr}.header-context{display:block}.header-context>span{display:block;font-size:10px;margin-top:4px}.workshop-name{display:block;font-size:15px;max-width:60vw}}