:root{--bg:#07090d;--panel:#111827;--panel2:#0b1220;--line:#26333a;--text:#f8fafc;--muted:#94a3b8;--blue:#38bdf8;--red:#ef4444;--green:#22c55e;--yellow:#fbbf24;--orange:#f97316} *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif;display:flex;min-height:100vh}aside{width:285px;background:#05070a;border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh;overflow:auto}aside img{width:150px;display:block;margin:0 auto 18px;border-radius:14px}h1{font-size:24px;margin:10px 0 24px;text-align:center}button{border:0;background:var(--blue);color:#00111a;font-weight:900;border-radius:14px;padding:14px 16px;cursor:pointer;width:100%;margin:8px 0;font-size:15px}button.secondary{background:#1f2937;color:var(--text)}button.danger{background:#8b1a1a;color:#fff}.navActive{outline:2px solid rgba(56,189,248,.55);box-shadow:0 0 0 4px rgba(56,189,248,.08)}main{flex:1;padding:28px;overflow:hidden}.mobileTopbar{display:none}.loginCard{max-width:430px;background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:22px;margin:8vh auto}.errorText{color:#fca5a5}input,select,textarea{width:100%;padding:14px;border-radius:14px;border:1px solid var(--line);background:#0b1220;color:var(--text);margin:8px 0;font-size:16px}textarea{min-height:100px}header{display:grid;grid-template-columns:1fr minmax(260px,520px);gap:16px;align-items:center}header h2{font-size:32px;margin:0}.small{color:var(--muted);font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin:18px 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.stat strong{font-size:34px;display:block}.stat .sub{color:var(--muted);font-size:13px;margin-top:4px}.viewToolbar{display:flex;gap:10px;align-items:center;margin:10px 0 18px;flex-wrap:wrap}.viewToolbar select,.viewToolbar input{max-width:230px}.orders{display:grid;gap:12px}.order{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;grid-template-columns:160px 1fr 270px;gap:16px;align-items:start;position:relative;overflow:hidden}.order.closed{opacity:.86}.order.messageHot{border-color:var(--blue);box-shadow:0 0 0 1px rgba(56,189,248,.18)}.badge{display:inline-block;padding:7px 10px;border-radius:999px;background:#1e293b;color:var(--blue);font-weight:900;font-size:12px}.badge.done{color:var(--green)}.badge.warn{color:var(--yellow)}.badge.closed{color:#cbd5e1}.ageRed{color:#ff3b30;font-weight:950;margin-top:10px}.ageOrange{color:#f59e0b;font-weight:950;margin-top:10px}.ageGray{color:#94a3b8;font-weight:800;margin-top:10px}.rightTools{background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:12px}.rightTools .toolTitle{font-weight:950;margin-bottom:8px}.toolLine{color:var(--muted);font-size:13px;line-height:1.35;margin:3px 0}.toolLine strong{color:#fff}.miniGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.miniInput{padding:10px;margin:4px 0}.moneyHint{font-size:12px;color:#22c55e;font-weight:900}.positionTag{display:inline-block;margin:3px 4px 3px 0;padding:4px 8px;border-radius:999px;background:#172554;color:#93c5fd;font-weight:800;font-size:12px}.customerRow,.messageRow,.statRow{display:grid;grid-template-columns:220px 1fr 230px;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:10px;align-items:start}.messageRow{grid-template-columns:190px 1fr 180px}.pill{display:inline-block;border-radius:999px;padding:5px 9px;background:#1e293b;color:#38bdf8;font-weight:900;font-size:12px}.pill.red{background:#451a1a;color:#fca5a5}.pill.green{background:#052e16;color:#86efac}.pill.yellow{background:#422006;color:#fde68a}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal[hidden]{display:none}.modalCard{width:min(820px,96vw);max-height:88vh;overflow:auto;background:#0f172a;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 20px 80px rgba(0,0,0,.55)}.messageList{display:grid;gap:10px;margin:12px 0 16px}.msg{border-radius:16px;padding:12px 14px;border:1px solid #334155}.customerMsg{background:#1e293b}.staffMsg{background:#082f49;border-color:#0ea5e9}.msg p{margin:6px 0 0}.chatFab{display:none!important;position:fixed;left:22px;bottom:22px;z-index:12;width:auto!important;border-radius:999px;background:#38bdf8;color:#00111a;padding:14px 18px;box-shadow:0 15px 40px rgba(0,0,0,.45)}a{color:var(--blue)}@media(max-width:1100px){body{display:block}aside{width:100%;height:auto;position:relative}.order,.customerRow,.messageRow,.statRow{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}header{grid-template-columns:1fr}}@media(max-width:650px){ body{display:block;background:#080b10} aside{position:fixed;left:0;right:0;top:0;width:100%;height:auto;max-height:0;overflow:hidden;z-index:50;padding:0 14px;background:rgba(5,7,10,.98);border-right:0;border-bottom:1px solid var(--line);box-shadow:0 18px 60px rgba(0,0,0,.55);transition:max-height .22s ease,padding .22s ease} body.menuOpen aside{max-height:92vh;padding:78px 14px 16px} aside img{display:none} aside h1{font-size:18px;margin:0 0 8px;text-align:left} aside button{margin:6px 0;padding:12px 14px;border-radius:13px;font-size:14px} .mobileTopbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:60;background:rgba(7,9,13,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:10px 12px;margin:-14px -14px 14px} .mobileBrand{display:flex;align-items:center;gap:10px;min-width:0} .mobileBrand img{width:38px;height:38px;border-radius:10px;border:1px solid var(--blue);object-fit:cover} .mobileBrand strong{display:block;font-size:15px;line-height:1.1} .mobileBrand span{display:block;font-size:12px;color:var(--muted)} .menuToggle{width:auto!important;margin:0!important;padding:10px 12px!important;border-radius:12px!important;background:#1f2937!important;color:var(--text)!important;touch-action:manipulation} main{padding:14px;overflow:visible} header{display:block;margin-bottom:10px} header h2{font-size:23px} header input{margin-top:10px} .stats{grid-template-columns:1fr;gap:10px;margin:10px 0} .stat{padding:14px;border-radius:16px}.stat strong{font-size:28px} .viewToolbar{gap:8px;margin:8px 0 12px}.viewToolbar select,.viewToolbar input{max-width:none} .order,.customerRow,.messageRow,.statRow{border-radius:18px;padding:14px;gap:10px} .rightTools{border-radius:16px;padding:10px}.miniGrid{grid-template-columns:1fr} .modal{padding:10px}.modalCard{border-radius:20px;padding:16px;width:100%;max-height:90vh} } .messagePreview { margin: 10px 0 4px; color: var(--text); font-size: 15px; font-weight: 750; line-height: 1.4; overflow-wrap: anywhere; } body.theme-dark .messagePreview { color: #f8fafc; } .order{cursor:pointer} .order input,.order select,.order button,.order a{cursor:auto} .detailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}.detailBlock{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:14px}.detailBlock h3{margin:0 0 8px}.detailActions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.buttonLink{display:inline-block;background:var(--blue);color:#00111a!important;font-weight:900;border-radius:14px;padding:14px 16px;text-decoration:none}.photoStrip{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.photoStrip img{width:100%;height:110px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}@media(max-width:650px){.detailGrid{grid-template-columns:1fr}.detailActions{display:block}.buttonLink{width:100%;text-align:center;margin:8px 0}.photoStrip{grid-template-columns:repeat(2,1fr)}} /* Werkstatt-Erweiterung */ .workshopRow{display:grid;grid-template-columns:160px 1fr 1fr 230px 170px;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:10px;cursor:pointer}.workshopRow:hover{border-color:var(--blue)}.workshopEditGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.workshopEditGrid .wide{grid-column:1/-1}.aiDraft{white-space:pre-wrap;background:#07111d;border:1px solid var(--line);border-radius:14px;padding:12px;color:#c7d2fe;margin-top:10px;min-height:70px}@media(max-width:900px){.workshopRow{grid-template-columns:1fr}.workshopEditGrid{grid-template-columns:1fr}} .internalOnly{ color:#fbbf24; font-weight:700; } /* MIB backup panel */ .card ul{line-height:1.7}.card hr{border:0;border-top:1px solid var(--line,#26333a);margin:18px 0} /* MIB light admin refresh */ :root{ --bg:#f6f8fb; --panel:#ffffff; --panel2:#eef4fb; --line:#cbd5e1; --text:#111827; --txt:#111827; --muted:#475569; --blue:#0284c7; --red:#dc2626; --green:#047857; --yellow:#b45309; --orange:#ea580c; } body{background:var(--bg);color:var(--text)} aside{background:#ffffff;border-right:1px solid var(--line);box-shadow:8px 0 26px rgba(15,23,42,.05)} aside img{border:1px solid #d7e3ef;background:#0b1220} h1{color:#0f172a} .navGroup{border:1px solid #cbd5e1;border-radius:16px;padding:8px;margin:8px 0;background:#f8fafc} .navGroup summary{cursor:pointer;font-weight:900;color:#0f172a;padding:8px 10px;list-style:none} .navGroup summary::-webkit-details-marker{display:none} .navGroup summary:after{content:'+';float:right} .navGroup[open] summary:after{content:'-'} .navGroup button{margin:6px 0} main{background:linear-gradient(180deg,#f8fafc 0%,#f6f8fb 100%)} button{background:#0ea5e9;color:#06131f;box-shadow:none} button.secondary,.menuToggle{background:#e2e8f0!important;color:#0f172a!important} button.danger{background:#dc2626;color:#fff} .navActive{background:#0284c7;color:#fff;outline:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)} input,select,textarea{background:#fff;color:#111827;border-color:#cbd5e1} .loginCard,.stat,.order,.customerRow,.messageRow,.statRow,.modalCard,.detailBlock,.rightTools{background:#fff;border-color:#cbd5e1;box-shadow:0 10px 30px rgba(15,23,42,.06)} .order{grid-template-columns:160px minmax(0,1fr) 310px} .order:hover,.customerRow:hover,.messageRow:hover,.statRow:hover{border-color:#7dd3fc} .badge,.pill{background:#eef6ff;color:#0369a1;border:1px solid #bae6fd} .badge.done,.pill.green{background:#ecfdf5;color:#047857;border-color:#bbf7d0} .badge.warn,.pill.yellow{background:#fffbeb;color:#b45309;border-color:#fde68a} .badge.closed{background:#f1f5f9;color:#475569} .pill.red{background:#fef2f2;color:#dc2626;border-color:#fecaca} .rightTools{background:#f8fafc} .toolLine strong{color:#0f172a} .positionTag{background:#dbeafe;color:#1d4ed8} .modal{background:rgba(15,23,42,.38)} .customerMsg{background:#f8fafc} .staffMsg{background:#e0f2fe;border-color:#7dd3fc} .msg{border-color:#cbd5e1} .ageRed{color:#dc2626}.ageOrange{color:#b45309}.ageGray{color:#64748b} .buttonLink{background:#0284c7;color:#fff!important} .workshopRow{background:#fff;border-color:#cbd5e1} .aiDraft{background:#f8fafc;color:#1e293b;border-color:#cbd5e1} .internalOnly{color:#b45309} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px} .adminPhotoStrip{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))} .adminPhotoCard{border:1px solid #cbd5e1;border-radius:14px;padding:10px;background:#f8fafc;display:grid;gap:8px} .adminPhotoCard img{width:100%;height:130px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #cbd5e1} .adminPhotoCard select,.adminPhotoCard button{width:100%;margin:0} .customerOrderRow{display:grid;grid-template-columns:minmax(220px,1fr) 220px 130px 180px;gap:12px;align-items:start;background:#fff;border:1px solid #cbd5e1;border-radius:16px;padding:14px;margin:10px 0;box-shadow:0 10px 30px rgba(15,23,42,.05)} .customerOrderRow.posCompactRow{grid-template-columns:minmax(220px,1fr) auto 76px;align-items:center;gap:14px;cursor:pointer;padding:12px 14px} .posCompactMain b{display:block;font-size:16px;line-height:1.2;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .posCompactMain .small{margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .posCompactAmount{display:flex;align-items:center;gap:10px;justify-content:flex-end;white-space:nowrap} .posCompactAmount strong{font-size:20px;color:#16a34a} .posCompactHint{font-size:12px;font-weight:900;color:#64748b;text-align:right;text-transform:uppercase;letter-spacing:.04em} .posBackofficeRows{display:grid;gap:10px} .posBackofficeList{max-height:700px;overflow:auto;padding-right:2px} .posCompactActionRow{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;align-items:center;min-width:0} .posCompactActionRow button{min-width:74px;padding:8px 10px;border-radius:10px!important;font-size:13px} .posCompactActionRow .secondary{background:#e2e8f0!important;color:#0f172a!important} .posCompactActionRow .danger{background:#ef4444!important;color:#fff!important} .customerOrderRow.posCompactRow:hover{border-color:#38bdf8;box-shadow:0 14px 36px rgba(14,165,233,.13);transform:translateY(-1px)} .customerOrderRow.posCompactRow:focus-visible{outline:3px solid rgba(56,189,248,.35);outline-offset:2px} .orderStatusBoard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;align-items:start} .orderStatusLane{background:#f8fafc;border:1px solid #cbd5e1;border-radius:18px;padding:12px} .orderStatusLane h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;color:#0f172a} .orderStatusLane h3 span{background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:4px 9px;font-size:13px} .orderStatusLane .customerOrderRow{grid-template-columns:1fr;margin:8px 0} .calendarBox{background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:16px;margin:14px 0;box-shadow:0 10px 30px rgba(15,23,42,.05)} .calendarBox h2{margin:0 0 12px} .calendarWeek,.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px} .calendarWeek span{text-align:center;font-weight:900;color:#475569} .calendarCell{min-height:76px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;color:#0f172a;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:9px;margin:0} .calendarCell.empty{background:transparent;border:0} .calendarCell.hasItems{background:#e0f2fe;border-color:#7dd3fc} .calendarCell span{align-self:flex-end;background:#0284c7;color:#fff;border-radius:999px;padding:2px 7px;font-size:12px;font-weight:900} .viewToolbar .calendarNavBtn{width:auto;margin:0;white-space:nowrap} .viewToolbar #adminCalMonth,.viewToolbar #adminCalYear{width:auto;min-width:130px;margin:0} aside{background:#eef4fb;width:300px;padding:20px} aside h1{font-size:28px;color:#111827} aside button{border-radius:18px;padding:13px 15px;font-size:15px;background:#e2e8f0;color:#111827;text-align:center;margin:6px 0} aside button.navActive,.navActive{background:#0284c7;color:#fff} .navGroup{background:transparent;border:0;padding:0} .navGroup summary{font-size:15px;margin:6px 0;color:#475569} header h2{font-size:44px;letter-spacing:0} .detailBlock.wide{grid-column:1/-1} button{padding:10px 13px;border-radius:12px;font-size:14px} .rightTools button,.miniGrid button,.detailActions button,.customerRow button,.messageRow button,.statRow button{padding:9px 11px;font-size:13px;border-radius:12px} .viewToolbar button{padding:8px 11px;font-size:13px;border-radius:999px} @media(max-width:650px){ body{background:#f6f8fb} aside{background:rgba(255,255,255,.98);box-shadow:0 18px 60px rgba(15,23,42,.18)} .mobileTopbar{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)} .mobileBrand span{color:#64748b} main{padding:12px} header h2{font-size:25px} .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .stat{padding:12px;border-radius:14px} .stat strong{font-size:26px} .order{display:grid;grid-template-columns:1fr;gap:10px;border-radius:16px;padding:12px} .rightTools{padding:10px;border-radius:14px} .miniGrid{grid-template-columns:1fr 1fr} .customerOrderRow{grid-template-columns:1fr} .customerOrderRow.posCompactRow{grid-template-columns:1fr auto;gap:8px} .posCompactActionRow{justify-content:flex-start} .posCompactActionRow button{min-width:0;padding:8px 9px} .posCompactHint{display:none} .posCompactAmount{align-items:flex-end;flex-direction:column;gap:5px} .adminPhotoStrip{grid-template-columns:repeat(2,1fr)} .calendarWeek,.calendarGrid{gap:4px} .calendarCell{min-height:52px;border-radius:10px;padding:6px;font-size:12px} } @media(max-width:430px){ .stats{grid-template-columns:1fr} .miniGrid{grid-template-columns:1fr} } /* 2026 mobile/theme polish */ body.theme-dark{--bg:#07090d;--panel:#111827;--panel2:#0b1220;--line:#26333a;--text:#f8fafc;--txt:#f8fafc;--muted:#94a3b8;--blue:#38bdf8;background:#07090d;color:#f8fafc} body.theme-dark main{background:#07090d} body.theme-dark aside{background:#05070a;border-color:#26333a;box-shadow:none} body.theme-dark h1,body.theme-dark .navGroup summary,body.theme-dark .toolLine strong{color:#f8fafc} body.theme-dark .loginCard,body.theme-dark .stat,body.theme-dark .order,body.theme-dark .customerRow,body.theme-dark .messageRow,body.theme-dark .statRow,body.theme-dark .modalCard,body.theme-dark .detailBlock,body.theme-dark .rightTools,body.theme-dark .calendarBox,body.theme-dark .calendarCell,body.theme-dark .orderStatusLane,body.theme-dark .customerOrderRow{background:#111827;border-color:#26333a;color:#f8fafc} body.theme-dark .posCompactMain b{color:#f8fafc} body.theme-dark .posCompactAmount strong{color:#4ade80} body.theme-dark .posCompactActionRow button{background:#1f2937!important;color:#f8fafc!important} body.theme-dark .posCompactActionRow .secondary{background:#1f2937!important;color:#f8fafc!important} body.theme-dark .posCompactActionRow .danger{background:#dc2626!important;color:#fff!important} body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:#0b1220;color:#f8fafc;border-color:#26333a} body.theme-dark .mobileTopbar{background:rgba(7,9,13,.94);border-color:#26333a} body.theme-dark button.secondary,body.theme-dark .menuToggle{background:#1f2937!important;color:#f8fafc!important} .quickActions{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin:8px 0 12px; } .quickActions button{ margin:0; padding:10px 12px; font-size:13px; } .voucherQuickActions{ display:grid; grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); gap:8px; margin:8px 0 10px; } .voucherQuickActions button{ margin:0; font-size:13px; padding:10px 12px; } .voucherInlineActions{ display:grid; grid-template-columns:repeat(auto-fit,minmax(92px,1fr)); gap:8px; align-items:center; margin:8px 0; } .voucherInlineActions input{ margin:0!important; } .voucherInlineActions button{ margin:0!important; } .navScroll{min-height:0;overflow:auto;padding-right:2px} aside{display:flex!important;flex-direction:column!important;gap:0!important} aside>img,aside>h1,aside>#showDashboard{flex:0 0 auto} aside>#showDashboard{background:#0284c7!important;color:#fff!important;border-radius:18px!important;padding:16px!important;font-size:18px!important} aside button{border-radius:18px!important;padding:15px 16px!important;font-size:17px!important;font-weight:900!important} .mobileActions{display:flex;gap:8px;align-items:center} @media(max-width:760px){ aside{position:fixed!important;left:0;right:0;top:0;width:100%!important;height:auto!important;max-height:0;overflow:hidden;z-index:50;padding:0 12px!important;border-right:0!important;border-bottom:1px solid var(--line);transition:max-height .22s ease,padding .22s ease} body.menuOpen aside{max-height:92vh!important;overflow:auto!important;padding:78px 12px 14px!important} aside{display:block!important} .navScroll{overflow:visible!important} aside img{display:none!important} aside h1{font-size:18px!important;text-align:left!important;margin:0 0 8px!important} aside button{padding:10px 12px!important;border-radius:13px!important;font-size:14px!important;margin:5px 0!important} .navGroup summary{padding:7px 4px!important} .mobileTopbar{display:flex!important;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:60;padding:10px 12px;margin:-12px -12px 12px;backdrop-filter:blur(14px)} .mobileBrand{display:flex;align-items:center;gap:10px;min-width:0} .mobileBrand img{width:38px;height:38px;object-fit:cover;border-radius:10px} .mobileBrand strong{display:block;font-size:15px;line-height:1.1} .mobileBrand span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px} .menuToggle{width:auto!important;margin:0!important;padding:9px 11px!important;border-radius:12px!important} main{padding:12px!important;overflow:visible!important} header{display:grid!important;grid-template-columns:1fr!important;gap:10px!important} header h2{font-size:24px!important} #search{width:100%;margin:0} } /* 2026-05-21: Einheitlicher Werkstatt-Button-Look fuer Admin */ :root{ --mib-side:#eef4fb; --mib-button:#e2e8f0; --mib-active:#0284c7; --mib-ink:#111827; --mib-line:#cbd5e1; } aside{ width:220px!important; min-width:220px!important; background:var(--mib-side)!important; border-right:1px solid var(--mib-line)!important; padding:16px!important; box-shadow:none!important; } aside img{ width:132px!important; height:132px!important; object-fit:cover!important; border-radius:16px!important; margin:0 auto 14px!important; } aside h1{ font-size:24px!important; line-height:1.12!important; margin:8px 0 14px!important; text-align:center!important; color:var(--mib-ink)!important; } aside button, aside .navBtn, .navGroup button, #themeToggleSide{ width:100%!important; min-height:50px!important; margin:0 0 9px!important; padding:12px 14px!important; border-radius:14px!important; background:var(--mib-button)!important; color:var(--mib-ink)!important; text-align:left!important; font-size:16px!important; font-weight:650!important; line-height:1.15!important; box-shadow:none!important; outline:0!important; } aside button.navActive, aside #showDashboard.navActive, aside #showDashboard{ background:var(--mib-active)!important; color:#fff!important; } .navGroup{ margin:0!important; } .navGroup summary{ padding:8px 2px 10px!important; color:#475569!important; } body.theme-dark aside{ background:#05070a!important; border-color:#26333a!important; } body.theme-dark aside button, body.theme-dark aside .navBtn, body.theme-dark .navGroup button, body.theme-dark #themeToggleSide{ background:#1f2937!important; color:#f8fafc!important; } body.theme-dark aside button.navActive, body.theme-dark aside #showDashboard{ background:#0284c7!important; color:#fff!important; } @media(max-width:760px){ aside{ width:100%!important; min-width:0!important; background:rgba(238,244,251,.98)!important; } aside button, aside .navBtn, .navGroup button, #themeToggleSide{ min-height:48px!important; padding:11px 14px!important; border-radius:14px!important; font-size:15px!important; } } /* 2026-05-21: kompakter Werkstatt-Look fuer Admin */ aside{ width:200px!important; min-width:200px!important; padding:14px!important; } aside img{ width:118px!important; height:118px!important; border-radius:14px!important; margin:0 auto 12px!important; } aside h1{ font-size:21px!important; margin:6px 0 12px!important; } aside button, aside .navBtn, .navGroup button, #themeToggleSide{ min-height:42px!important; padding:9px 12px!important; border-radius:14px!important; font-size:14px!important; font-weight:600!important; margin:0 0 7px!important; text-align:left!important; } aside #showDashboard{ min-height:42px!important; padding:9px 12px!important; font-size:14px!important; border-radius:14px!important; } button, .rightTools button, .miniGrid button, .detailActions button, .customerRow button, .messageRow button, .statRow button, .buttonLike{ min-height:38px!important; padding:8px 11px!important; border-radius:12px!important; font-size:13px!important; font-weight:650!important; } .buttonLike{ display:inline-flex!important; align-items:center!important; justify-content:center!important; background:#e2e8f0!important; color:#111827!important; text-decoration:none!important; margin:3px!important; } @media(max-width:760px){ aside{ width:100%!important; min-width:0!important; } aside button, aside .navBtn, .navGroup button, #themeToggleSide{ min-height:40px!important; padding:9px 12px!important; font-size:14px!important; } } /* Leitstand-Flow (gleiches Bedienmuster wie Central/Mac) */ .leitstandFlow{display:grid;gap:10px;margin:8px 0 14px} .dashboardCockpit{display:grid;gap:12px;background:linear-gradient(135deg,#06111f 0%,#0b2c3e 48%,#07151f 100%);border:1px solid rgba(56,189,248,.24);border-radius:22px;padding:16px;box-shadow:0 18px 45px rgba(2,8,23,.18);overflow:hidden} .cockpitHero{display:grid;grid-template-columns:1fr minmax(210px,300px);gap:14px;align-items:stretch} .cockpitLabel{display:inline-flex;font-size:12px;font-weight:950;color:#67e8f9;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px} .cockpitHero h3{font-size:34px;line-height:1.02;margin:0 0 6px;color:#fff} .cockpitHero p{margin:0;color:#cbd5e1;font-weight:800} .barometerBox{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px;display:grid;gap:8px;color:#e0f2fe} .barometerBox span{font-size:12px;font-weight:950;text-transform:uppercase;color:#93c5fd} .barometerBox strong{font-size:30px;color:#fff} .barometerTrack{height:12px;border-radius:999px;background:rgba(148,163,184,.28);overflow:hidden} .barometerTrack i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444)} .cockpitModes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .cockpitModeCard{margin:0!important;border-radius:16px!important;min-height:88px!important;padding:13px!important;display:grid;align-content:start;gap:5px;text-align:left!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important} .cockpitModeCard strong{font-size:16px;line-height:1.1} .cockpitModeCard span{font-size:12px;line-height:1.25;color:rgba(255,255,255,.82)} .cockpitModeCard.pos{background:linear-gradient(135deg,#0891b2,#0f766e)!important} .cockpitModeCard.workshop{background:linear-gradient(135deg,#7c3aed,#4338ca)!important} .cockpitModeCard.office{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important} .cockpitModeCard.stock{background:linear-gradient(135deg,#f97316,#b45309)!important} .cockpitNumbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .cockpitNumbers div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px;color:#e5e7eb} .cockpitNumbers span{display:block;color:#a5b4fc;font-size:12px;font-weight:900} .cockpitNumbers strong{display:block;color:#fff;font-size:20px;line-height:1.15;margin-top:2px} .leitstandGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .leitstandCard{margin:0!important;border-radius:14px!important;padding:12px!important;min-height:74px!important;display:grid;gap:6px;align-content:start;text-align:left!important;background:#eef4fb!important;color:#0f172a!important;border:1px solid #cbd5e1!important} .leitstandCard strong{font-size:14px;line-height:1.15} .leitstandCard span{font-size:12px;line-height:1.25;color:#475569} .leitstandCard.primary{background:#0284c7!important;color:#fff!important;border-color:#0284c7!important} .leitstandCard.primary span{color:rgba(255,255,255,.88)} .leitstandSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .stepItem{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:9px} .stepItem b{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-size:12px} .stepItem span{font-size:12px;color:#334155;font-weight:700} .leitstandRecent{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px} .leitstandRecent button{margin:0!important;padding:9px 11px!important;border-radius:12px!important;background:#fff!important;border:1px solid #cbd5e1!important;color:#111827!important;font-size:13px!important;text-align:left!important} @media(max-width:760px){ .cockpitHero,.cockpitModes,.cockpitNumbers,.leitstandGrid,.leitstandSteps,.leitstandRecent{grid-template-columns:1fr} } /* Backoffice cockpit */ .backofficeQuickGrid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; } .backofficeQuickGrid button{ margin:0!important; min-height:74px; display:grid; align-content:start; gap:6px; text-align:left; } .backofficeQuickGrid button p{ margin:0; font-size:12px; color:var(--muted); } .backofficeStats{ grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); } .backofficeStatus{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; } /* macOS-style light polish for admin panel */ body.theme-light{ font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif; background: linear-gradient(180deg,#f3f6fc 0,#edf2fa 420px,#eef2f7 100%); --bg:#f5f7fb; --panel:#ffffff; --panel2:#e8eef6; --text:#111827; --txt:#111827; --muted:#5a667d; --line:#d6deea; --blue:#0284c7; --red:#dc2626; --green:#047857; --yellow:#b45309; --orange:#ea580c; } body.theme-light{ --mib-side: #f7fbff; --mib-button: #f7fafc; --mib-active: #0284c7; --mib-ink: #111827; --mib-line: #d6deea; } body.theme-light main, body.theme-light aside, body.theme-light .loginCard, body.theme-light .stat, body.theme-light .order, body.theme-light .customerRow, body.theme-light .messageRow, body.theme-light .statRow, body.theme-light .modalCard, body.theme-light .detailBlock, body.theme-light .rightTools, body.theme-light .calendarBox, body.theme-light .calendarCell, body.theme-light .orderStatusLane, body.theme-light .customerOrderRow, body.theme-light .orderStatusLane .customerOrderRow{ background: rgba(255,255,255,0.96); border-color: var(--line); border-radius: 16px; box-shadow: 0 10px 28px rgba(15,23,42,0.06); } body.theme-light .topbar, body.theme-light .mobileTopbar, body.theme-light .chatFab{ background: rgba(255,255,255,0.94); } body.theme-light .topActions button, body.theme-light button{ border-radius: 12px; border-color: #cfd9ea; background: #fff; box-shadow: 0 4px 12px rgba(15,23,42,0.08); } body.theme-light button.navActive, body.theme-light aside button.navActive{ background: linear-gradient(180deg,#0ea5e9,#0284c7); color: #fff; border-color: #0284c7; } body.theme-light aside button, body.theme-light aside .navBtn, body.theme-light .navGroup button, body.theme-light #themeToggleSide{ background: #fff; color: var(--mib-ink); border-color: #d3dee9; } body.theme-light input, body.theme-light textarea, body.theme-light select{ background:#fff; border-color:#cad6e6; border-radius:12px; } body.theme-light .logo, body.theme-light .detailBlock, body.theme-light .miniGrid img{ border-radius: 14px; } /* Linux desktop: macOS-inspired surface polish (KDE / X11 / Wayland) */ body.linuxHost{ -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body.linuxHost.theme-light{ font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif; background: linear-gradient(180deg,#f5f7fb 0,#eef2fb 420px,#ecf2f7 100%) !important; --bg: #f5f7fb; --panel: #ffffff; --panel2: #e8eef6; --text: #111827; --txt: #111827; --muted: #5a667d; --line: #d6deea; --mib-side:#f7fbff; --mib-button:#f7fafc; --mib-active:#0284c7; --mib-ink:#111827; --mib-line:#d6deea; } body.linuxHost.theme-light .topbar, body.linuxHost.theme-light .mobileTopbar, body.linuxHost.theme-light .chatFab{ background: rgba(255,255,255,.94); backdrop-filter: blur(18px); box-shadow: 0 10px 30px rgba(15,23,42,.07); border-bottom-color: #d6deea; } body.linuxHost.theme-light aside, body.linuxHost.theme-light main, body.linuxHost.theme-light .loginCard, body.linuxHost.theme-light .stat, body.linuxHost.theme-light .order, body.linuxHost.theme-light .customerRow, body.linuxHost.theme-light .messageRow, body.linuxHost.theme-light .statRow, body.linuxHost.theme-light .modalCard, body.linuxHost.theme-light .detailBlock, body.linuxHost.theme-light .rightTools, body.linuxHost.theme-light .calendarBox, body.linuxHost.theme-light .calendarCell, body.linuxHost.theme-light .orderStatusLane, body.linuxHost.theme-light .customerOrderRow{ background: rgba(255,255,255,.96); border-color: #d6deea; box-shadow: 0 12px 30px rgba(15,23,42,.06); } body.linuxHost.theme-light .topActions button, body.linuxHost.theme-light button{ border-radius: 12px; border-color: #cfd9ea; background: #fff; box-shadow: 0 4px 12px rgba(15,23,42,.08); } body.linuxHost.theme-light button.navActive, body.linuxHost.theme-light aside button.navActive{ background: linear-gradient(180deg,#0ea5e9,#0284c7); color:#fff; border-color:#0284c7; } body.linuxHost.theme-light input, body.linuxHost.theme-light textarea, body.linuxHost.theme-light select{ background: #fff; border-color: #cad6e6; border-radius: 12px; } body.linuxHost.theme-light .logo, body.linuxHost.theme-light .detailBlock, body.linuxHost.theme-light .miniGrid img{ border-radius: 14px; } body.linuxHost *:focus-visible{ outline: 3px solid rgba(14,165,233,.35); outline-offset: 2px; } /* Dedicated macOS look for Linux host 192.168.178.184 */ body.mibMacServerHost, body.mibMacServerHost.theme-light, body.mibMacServerHost:not(.theme-dark){ -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif; } body.mibMacServerHost:not(.theme-dark){ --bg:#f5f7fb; --panel:#ffffff; --panel2:#edf3fc; --line:#d6e0ec; --text:#101827; --txt:#101827; --muted:#566175; --blue:#007aff; --red:#e53e3e; --green:#0da678; --yellow:#e49b00; --orange:#f59e0b; background: radial-gradient(circle at 20% -12%, #eef4ff 0%, #f5f7fb 32%, #eff4fb 70%, #eef3fb 100%) !important; } body.mibMacServerHost.theme-light, body.mibMacServerHost:not(.theme-dark){ background: radial-gradient(circle at 20% -12%, #eef4ff 0%, #f5f7fb 32%, #eff4fb 70%, #eef3fb 100%) !important; } body.mibMacServerHost:not(.theme-dark) .topbar, body.mibMacServerHost:not(.theme-dark) .mobileTopbar, body.mibMacServerHost:not(.theme-dark) .chatFab{ background: rgba(255,255,255,0.92); backdrop-filter: blur(18px); border-color: #d9e4f1; box-shadow: 0 10px 30px rgba(15,23,42,0.08); } body.mibMacServerHost:not(.theme-dark) aside, body.mibMacServerHost:not(.theme-dark) main, body.mibMacServerHost:not(.theme-dark) .loginCard, body.mibMacServerHost:not(.theme-dark) .stat, body.mibMacServerHost:not(.theme-dark) .order, body.mibMacServerHost:not(.theme-dark) .customerRow, body.mibMacServerHost:not(.theme-dark) .messageRow, body.mibMacServerHost:not(.theme-dark) .statRow, body.mibMacServerHost:not(.theme-dark) .modalCard, body.mibMacServerHost:not(.theme-dark) .detailBlock, body.mibMacServerHost:not(.theme-dark) .rightTools, body.mibMacServerHost:not(.theme-dark) .calendarBox, body.mibMacServerHost:not(.theme-dark) .calendarCell, body.mibMacServerHost:not(.theme-dark) .orderStatusLane, body.mibMacServerHost:not(.theme-dark) .customerOrderRow{ background: rgba(255,255,255,0.95); border-color: #d9e4f1; border-radius: 18px; box-shadow: 0 14px 30px rgba(15,23,42,0.06); } body.mibMacServerHost:not(.theme-dark) aside, body.mibMacServerHost:not(.theme-dark) .navGroup{ background: rgba(244,248,255,0.7); border-color: #d9e4f1; } body.mibMacServerHost:not(.theme-dark) button, body.mibMacServerHost:not(.theme-dark) aside button, body.mibMacServerHost:not(.theme-dark) aside .navBtn, body.mibMacServerHost:not(.theme-dark) .secondary{ background: #f8fbff; color: #0f172a; border-color: #d8e4f1; border-radius: 14px; box-shadow: 0 6px 18px rgba(15,23,42,0.08); } body.mibMacServerHost:not(.theme-dark) button.navActive, body.mibMacServerHost:not(.theme-dark) aside button.navActive, body.mibMacServerHost:not(.theme-dark) .navActive{ background: linear-gradient(180deg, #2d90ff, #007aff); border-color: #007aff; color: #fff; } body.mibMacServerHost:not(.theme-dark) input, body.mibMacServerHost:not(.theme-dark) textarea, body.mibMacServerHost:not(.theme-dark) select{ background: #fff; border-color: #d7e2ef; border-radius: 12px; } body.mibMacServerHost:not(.theme-dark) .logo, body.mibMacServerHost:not(.theme-dark) .detailBlock, body.mibMacServerHost:not(.theme-dark) .miniGrid img{ border-radius: 14px; } body.mibMacServerHost:not(.theme-dark){ --blue:#007aff; } body.mibMacServerHost.theme-dark{ --bg:#10151f; --panel:#141b26; --panel2:#111924; --line:#2b3a4e; --text:#f3f7ff; --txt:#f3f7ff; --muted:#a2b2c8; --blue:#5ca9ff; background: radial-gradient(circle at 20% -10%, #111827 0%, #0f172a 42%, #0b1220 100%) !important; } body.mibMacServerHost.theme-dark .topbar, body.mibMacServerHost.theme-dark .mobileTopbar{ background: rgba(18,25,38,0.92); backdrop-filter: blur(16px); border-color: #2a374a; box-shadow: 0 10px 30px rgba(0,0,0,0.35); } body.mibMacServerHost.theme-dark aside{ background: rgba(16,23,38,0.95); border-color: #2a374a; } body.mibMacServerHost.theme-dark .stat, body.mibMacServerHost.theme-dark .order, body.mibMacServerHost.theme-dark .customerRow, body.mibMacServerHost.theme-dark .messageRow, body.mibMacServerHost.theme-dark .statRow, body.mibMacServerHost.theme-dark .modalCard, body.mibMacServerHost.theme-dark .detailBlock, body.mibMacServerHost.theme-dark .rightTools{ background: rgba(20,28,42,0.95); border-color: #2a374a; box-shadow: 0 14px 34px rgba(0,0,0,0.35); } body.mibMacServerHost.theme-dark button{ background: #1c273a; color: #f3f7ff; border-color: #425066; } body.mibMacServerHost.theme-dark button.navActive, body.mibMacServerHost.theme-dark aside button.navActive{ background: linear-gradient(180deg, #2d8dff, #1277ef); border-color: #4b9dff; color: #fff; } /* Dedicated Linux server macOS refinement (192.168.178.184) */ body.mibMacServerHost:not(.theme-dark){ color-scheme: light; accent-color: #007aff; } body.mibMacServerHost:not(.theme-dark) .topbar, body.mibMacServerHost:not(.theme-dark) .mobileTopbar{ border-bottom-color: #d9e4f1 !important; box-shadow: 0 14px 34px rgba(15,23,42,.08) !important; } body.mibMacServerHost:not(.theme-dark) aside, body.mibMacServerHost:not(.theme-dark) .navGroup, body.mibMacServerHost:not(.theme-dark) .mibAiPanelWrap{ background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%) !important; } body.mibMacServerHost:not(.theme-dark) button, body.mibMacServerHost:not(.theme-dark) aside button, body.mibMacServerHost:not(.theme-dark) aside .navBtn, body.mibMacServerHost:not(.theme-dark) .secondary, body.mibMacServerHost:not(.theme-dark) .chatFab{ border-radius: 14px !important; border-color: #d9e6f2 !important; } body.mibMacServerHost:not(.theme-dark) .topbar, body.mibMacServerHost:not(.theme-dark) .mibAiPanelWrap, body.mibMacServerHost:not(.theme-dark) .stat, body.mibMacServerHost:not(.theme-dark) .order, body.mibMacServerHost:not(.theme-dark) .customerRow, body.mibMacServerHost:not(.theme-dark) .messageRow, body.mibMacServerHost:not(.theme-dark) .statRow, body.mibMacServerHost:not(.theme-dark) .modalCard, body.mibMacServerHost:not(.theme-dark) .detailBlock, body.mibMacServerHost:not(.theme-dark) .rightTools, body.mibMacServerHost:not(.theme-dark) .calendarBox, body.mibMacServerHost:not(.theme-dark) .calendarCell, body.mibMacServerHost:not(.theme-dark) .orderStatusLane, body.mibMacServerHost:not(.theme-dark) .customerOrderRow, body.mibMacServerHost:not(.theme-dark) .loginCard{ backdrop-filter: blur(16px); } /* Final macOS style pass for Linux server 192.168.178.184 */ body.mibMacServerHost:not(.theme-dark){ --blue:#007aff; color-scheme: light; accent-color: #007aff; } body.mibMacServerHost:not(.theme-dark) .topbar, body.mibMacServerHost:not(.theme-dark) .mobileTopbar{ border-color: #d9e6f2; box-shadow: 0 18px 34px rgba(15,23,42,0.08); } body.mibMacServerHost:not(.theme-dark) aside, body.mibMacServerHost:not(.theme-dark) main, body.mibMacServerHost:not(.theme-dark) .mibAiPanelWrap{ background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%); } body.mibMacServerHost:not(.theme-dark) .loginCard, body.mibMacServerHost:not(.theme-dark) .stat, body.mibMacServerHost:not(.theme-dark) .order, body.mibMacServerHost:not(.theme-dark) .customerRow, body.mibMacServerHost:not(.theme-dark) .messageRow, body.mibMacServerHost:not(.theme-dark) .statRow, body.mibMacServerHost:not(.theme-dark) .modalCard, body.mibMacServerHost:not(.theme-dark) .detailBlock, body.mibMacServerHost:not(.theme-dark) .rightTools, body.mibMacServerHost:not(.theme-dark) .orderStatusLane, body.mibMacServerHost:not(.theme-dark) .customerOrderRow, body.mibMacServerHost:not(.theme-dark) .calendarBox, body.mibMacServerHost:not(.theme-dark) .calendarCell{ border-color: #d5e1ef; border-radius: 18px; box-shadow: 0 12px 30px rgba(15,23,42,0.07); background: rgba(255,255,255,0.96); backdrop-filter: blur(18px); } body.mibMacServerHost:not(.theme-dark) .navGroup, body.mibMacServerHost:not(.theme-dark) aside button, body.mibMacServerHost:not(.theme-dark) aside .navBtn, body.mibMacServerHost:not(.theme-dark) .secondary, body.mibMacServerHost:not(.theme-dark) .menuToggle, body.mibMacServerHost:not(.theme-dark) .chatFab{ background: #f8fbff; border-color: #d8e5f2; border-radius: 14px; color: #0f172a; box-shadow: 0 8px 20px rgba(15,23,42,0.08); } body.mibMacServerHost:not(.theme-dark) button.navActive, body.mibMacServerHost:not(.theme-dark) aside button.navActive{ background: linear-gradient(180deg, #2d90ff, #007aff); border-color: #007aff; color: #fff; } body.mibMacServerHost:not(.theme-dark) input, body.mibMacServerHost:not(.theme-dark) textarea, body.mibMacServerHost:not(.theme-dark) select{ border-color: #d7e3f1; border-radius: 12px; } /* 2026-06-18: MIB unified productive theme for backoffice + workshop parity */ body:not(.theme-dark){ --mib-bg:#f4f7fc; --mib-panel:#ffffff; --mib-panel-alt:#f0f5fb; --mib-line:#d8e2ef; --mib-text:#0f172a; --mib-muted:#526075; --mib-blue:#007aff; --mib-green:#14b871; --mib-red:#e11d48; --mib-yellow:#f59e0b; --mib-orange:#f97316; --mib-shadow-soft:0 12px 30px rgba(15,23,42,.08); --mib-shadow-focus:0 0 0 4px rgba(0,122,255,.14); background: radial-gradient(circle at 18% -16%, #eef5ff 0%, var(--mib-bg) 34%, #f4f8ff 100%); color: var(--mib-text); color-scheme: light; accent-color: var(--mib-blue); } body:not(.theme-dark) .loginCard, body:not(.theme-dark) .stat, body:not(.theme-dark) .order, body:not(.theme-dark) .customerRow, body:not(.theme-dark) .messageRow, body:not(.theme-dark) .statRow, body:not(.theme-dark) .modalCard, body:not(.theme-dark) .detailBlock, body:not(.theme-dark) .rightTools, body:not(.theme-dark) .calendarBox, body:not(.theme-dark) .calendarCell, body:not(.theme-dark) .orderStatusLane, body:not(.theme-dark) .customerOrderRow, body:not(.theme-dark) .panel, body:not(.theme-dark) .orderCard, body:not(.theme-dark) .row, body:not(.theme-dark) .col, body:not(.theme-dark) .dialog, body:not(.theme-dark) .proCards div, body:not(.theme-dark) .photoCard, body:not(.theme-dark) .conditionBox{ background: var(--mib-panel) !important; border-color: var(--mib-line) !important; color: var(--mib-text); border-radius: 16px !important; box-shadow: var(--mib-shadow-soft); } body:not(.theme-dark) .detailGrid, body:not(.theme-dark) .miniGrid, body:not(.theme-dark) .scannerPanel, body:not(.theme-dark) .scannerActions button{ background: var(--mib-panel-alt); } body:not(.theme-dark) aside, body:not(.theme-dark) .navGroup, body:not(.theme-dark) .topbar, body:not(.theme-dark) .mobileTopbar, body:not(.theme-dark) .chatFab, body:not(.theme-dark) .layout aside, body:not(.theme-dark) .scannerMode .topbar, body:not(.theme-dark) dialog{ background: #f8fbff; border-color: var(--mib-line); } body:not(.theme-dark) main{ background: transparent; } body:not(.theme-dark) aside{width:250px;max-width:250px;padding:16px 14px;border-right:1px solid var(--mib-line);} body:not(.theme-dark) aside img{width:132px;height:132px;object-fit:cover;border-radius:16px;border:1px solid #d9e6f4;box-shadow:0 10px 24px rgba(15,23,42,.07)} body:not(.theme-dark) aside h1{font-size:24px;margin:8px 0 12px;color:var(--mib-text)} body:not(.theme-dark) button, body:not(.theme-dark) .menuToggle, body:not(.theme-dark) .secondary, body:not(.theme-dark) .topActions button, body:not(.theme-dark) .detailActions button, body:not(.theme-dark) .miniGrid button, body:not(.theme-dark) .viewToolbar button{ border-radius: 12px !important; background: #f3f8ff !important; border-color: var(--mib-line) !important; color: var(--mib-text) !important; box-shadow: 0 10px 20px rgba(15,23,42,.05); transition: transform .12s ease, box-shadow .12s ease; } body:not(.theme-dark) button:hover, body:not(.theme-dark) .menuToggle:hover, body:not(.theme-dark) .secondary:hover, body:not(.theme-dark) .topActions button:hover, body:not(.theme-dark) .detailActions button:hover, body:not(.theme-dark) .miniGrid button:hover, body:not(.theme-dark) .viewToolbar button:hover, body:not(.theme-dark) .quickActions button:hover, body:not(.theme-dark) .leitstandCard:hover, body:not(.theme-dark) .miniItem:hover, body:not(.theme-dark) .row:hover, body:not(.theme-dark) .orderCard:hover{ transform: translateY(-1px); box-shadow: 0 12px 26px rgba(15,23,42,.12); } body:not(.theme-dark) .navActive, body:not(.theme-dark) .layout aside #showBoard, body:not(.theme-dark) button.navActive, body:not(.theme-dark) .leitstandCard.primary, body:not(.theme-dark) .pill.good, body:not(.theme-dark) .pill.green, body:not(.theme-dark) .badge.done{ background: linear-gradient(180deg, #1c84ff 0%, #007aff 100%) !important; color: #fff !important; border-color: var(--mib-blue) !important; text-shadow: 0 1px 1px rgba(0,0,0,.15); } body:not(.theme-dark) .navGroup, body:not(.theme-dark) .detailGrid .detailActions, body:not(.theme-dark) .orderStatusBoard, body:not(.theme-dark) .calendarBox, body:not(.theme-dark) .calendarCell{ border-color: #d9e4f2; } body:not(.theme-dark) .navGroup button{border-radius:10px !important} body:not(.theme-dark) .navGroup summary{color:#3d4a5f} body:not(.theme-dark) .stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))} body:not(.theme-dark) .stat strong{font-size:30px} body:not(.theme-dark) .order, body:not(.theme-dark) .customerRow, body:not(.theme-dark) .messageRow, body:not(.theme-dark) .statRow, body:not(.theme-dark) .row, body:not(.theme-dark) .orderCard, body:not(.theme-dark) .scannerPanel, body:not(.theme-dark) .miniItem{ border-radius: 14px !important; } body:not(.theme-dark) .miniItem{ background: #fff; } body:not(.theme-dark) .errorText, body:not(.theme-dark) .error{color:#b91c1c} body:not(.theme-dark) a{color:var(--mib-blue)} body:not(.theme-dark) *:focus-visible{ outline: none; box-shadow: var(--mib-shadow-focus); } body:not(.theme-dark) input, body:not(.theme-dark) select, body:not(.theme-dark) textarea, body:not(.theme-dark) .menuToggle, body:not(.theme-dark) .topActions input{ background:#fff; color:var(--mib-text); border-color: #c7d5e9; border-radius: 12px; } body:not(.theme-dark) .mobileTopbar{border-color: #dbe6f4} /* 2026-06-18: Final MIB-Kasse pro UI (konservativ, professionell, farblich fokussiert wie D3) */ body.mibProUi{ font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body.mibProUi:not(.theme-dark){ --bg: #f3f6fb; --panel: #ffffff; --panel2: #edf3fb; --line: #d6dfeb; --text: #0f172a; --txt: #0f172a; --muted: #566176; --blue: #007aff; --red: #e11d48; --green: #16a34a; --yellow: #b45309; --orange: #f59e0b; --mib-shadow: 0 12px 30px rgba(15,23,42,.08); --mib-shadow-soft: 0 10px 25px rgba(15,23,42,.08); --mib-focus: 0 0 0 4px rgba(0,122,255,.18); --mib-side-bg: #f8fbff; --mib-side-line: #d9e4f2; --mib-btn-bg: #eff4fb; --mib-btn-ink: #0f172a; color-scheme: light; accent-color: var(--blue); background: linear-gradient(180deg, #f8fbff 0%, #f2f6fc 45%, #f7fafd 100%) !important; color: var(--text); } body.mibProUi.theme-light, body.mibProUi.mibMacServerHost.theme-light, body.mibMacServerHost.mibProUi:not(.theme-dark){ background: linear-gradient(180deg, #f8fbff 0%, #f2f6fc 45%, #f7fafd 100%) !important; } body.mibProUi:not(.theme-dark) #sideMenu, body.mibProUi:not(.theme-dark) aside, body.mibProUi:not(.theme-dark) .topbar, body.mibProUi:not(.theme-dark) .mobileTopbar, body.mibProUi:not(.theme-dark) .chatFab{ background: linear-gradient(180deg, #f8fbff 0%, #f3f8ff 100%) !important; border-color: var(--mib-side-line) !important; } body.mibProUi:not(.theme-dark) aside{ width: 250px; max-width: 250px; padding: 14px; border-right: 1px solid var(--mib-side-line); box-shadow: 0 12px 40px rgba(15,23,42,.06); } body.mibProUi:not(.theme-dark) aside img{ width: 124px; height: 124px; border-radius: 16px; border: 1px solid #d9e6f4; box-shadow: 0 8px 18px rgba(15,23,42,.10); object-fit: cover; } body.mibProUi:not(.theme-dark) aside h1{ color: var(--text); font-size: 24px; line-height: 1.2; margin: 8px 0 12px; text-align: center; } body.mibProUi:not(.theme-dark) .navScroll{ display: flex; flex-direction: column; gap: 7px; } body.mibProUi:not(.theme-dark) aside button, body.mibProUi:not(.theme-dark) aside .navBtn, body.mibProUi:not(.theme-dark) .navGroup button, body.mibProUi:not(.theme-dark) #themeToggleSide, body.mibProUi:not(.theme-dark) .menuToggle, body.mibProUi:not(.theme-dark) .secondary{ background: var(--mib-btn-bg) !important; border: 1px solid #cfdeec !important; color: var(--mib-btn-ink) !important; border-radius: 12px !important; text-align: left !important; padding: 11px 12px !important; margin: 0 0 7px !important; width: 100%; min-height: 42px; font-size: 14px; font-weight: 650; } body.mibProUi:not(.theme-dark) aside button:hover, body.mibProUi:not(.theme-dark) aside .navBtn:hover, body.mibProUi:not(.theme-dark) .navGroup button:hover, body.mibProUi:not(.theme-dark) #themeToggleSide:hover, body.mibProUi:not(.theme-dark) .secondary:hover{ transform: translateY(-1px); box-shadow: var(--mib-shadow-soft); } body.mibProUi:not(.theme-dark) aside button.navActive, body.mibProUi:not(.theme-dark) #showDashboard, body.mibProUi:not(.theme-dark) .navActive{ background: linear-gradient(180deg, #2e97ff 0%, #007aff 100%) !important; border-color: var(--blue) !important; color: #fff !important; } body.mibProUi:not(.theme-dark) .navGroup{ border: 1px solid #d6dfeb !important; border-radius: 12px !important; background: #f8fbff !important; margin: 4px 0 6px !important; padding: 8px; } body.mibProUi:not(.theme-dark) .navGroup summary{ color: #42526a !important; font-weight: 700; } body.mibProUi:not(.theme-dark) main, body.mibProUi:not(.theme-dark) #app, body.mibProUi:not(.theme-dark) .content{ background: transparent !important; } body.mibProUi:not(.theme-dark) .loginCard, body.mibProUi:not(.theme-dark) .stat, body.mibProUi:not(.theme-dark) .order, body.mibProUi:not(.theme-dark) .customerRow, body.mibProUi:not(.theme-dark) .messageRow, body.mibProUi:not(.theme-dark) .statRow, body.mibProUi:not(.theme-dark) .modalCard, body.mibProUi:not(.theme-dark) .detailBlock, body.mibProUi:not(.theme-dark) .rightTools, body.mibProUi:not(.theme-dark) .calendarBox, body.mibProUi:not(.theme-dark) .calendarCell, body.mibProUi:not(.theme-dark) .orderStatusLane, body.mibProUi:not(.theme-dark) .customerOrderRow{ background: var(--panel); color: var(--text); border-color: var(--mib-line); border-radius: 16px; box-shadow: var(--mib-shadow-soft); } body.mibProUi:not(.theme-dark) button, body.mibProUi:not(.theme-dark) .topActions button, body.mibProUi:not(.theme-dark) .detailActions button, body.mibProUi:not(.theme-dark) .miniGrid button, body.mibProUi:not(.theme-dark) .viewToolbar button, body.mibProUi:not(.theme-dark) .quickActions button, body.mibProUi:not(.theme-dark) .buttonLink{ background: linear-gradient(180deg, #eff5ff 0%, #e4eeff 100%) !important; border: 1px solid #cfe0f5 !important; color: #0f172a !important; border-radius: 11px !important; padding: 10px 12px !important; min-height: 38px !important; font-size: 14px !important; font-weight: 650 !important; box-shadow: 0 7px 18px rgba(15,23,42,.06); text-shadow: none; } body.mibProUi:not(.theme-dark) button.secondary{ background: #edf2fb !important; } body.mibProUi:not(.theme-dark) button.primary, body.mibProUi:not(.theme-dark) .buttonLike{ background: linear-gradient(180deg, #2e97ff 0%, #007aff 100%) !important; border-color: #007aff !important; color: #fff !important; } body.mibProUi:not(.theme-dark) button:hover, body.mibProUi:not(.theme-dark) button:focus-visible, body.mibProUi:not(.theme-dark) .topActions button:hover, body.mibProUi:not(.theme-dark) .detailActions button:hover, body.mibProUi:not(.theme-dark) .miniGrid button:hover, body.mibProUi:not(.theme-dark) .viewToolbar button:hover, body.mibProUi:not(.theme-dark) .quickActions button:hover{ transform: translateY(-1px); box-shadow: 0 10px 20px rgba(15,23,42,.10); } body.mibProUi:not(.theme-dark) input, body.mibProUi:not(.theme-dark) select, body.mibProUi:not(.theme-dark) textarea{ border-radius: 11px; border-color: #c9d8eb; background: #fff; color: var(--text); } body.mibProUi:not(.theme-dark) input:focus, body.mibProUi:not(.theme-dark) select:focus, body.mibProUi:not(.theme-dark) textarea:focus{ outline: none; box-shadow: var(--mib-focus); border-color: #8bb8ff; } body.mibProUi:not(.theme-dark) header{ display: flex; flex-wrap: wrap; align-items: center; gap: 14px; row-gap: 10px; } body.mibProUi:not(.theme-dark) h2{ font-size: 34px; letter-spacing: .0px; margin: 0; } body.mibProUi:not(.theme-dark) .small{ color: var(--muted); } body.mibProUi:not(.theme-dark) .stats{ grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 12px; margin: 16px 0; } body.mibProUi:not(.theme-dark) .stat{ background: linear-gradient(180deg,#ffffff 0%,#f7fbff 100%); border-radius: 16px; padding: 16px; } body.mibProUi:not(.theme-dark) .stat strong{ font-size: 30px; line-height: 1.1; } body.mibProUi:not(.theme-dark) .stat .sub{ color: var(--muted); } body.mibProUi:not(.theme-dark) .leitstandGrid, body.mibProUi:not(.theme-dark) .backofficeQuickGrid{ grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); } body.mibProUi:not(.theme-dark) .leitstandCard{ border-radius: 13px !important; background: #f7fbff !important; border-color: #d8e5f2 !important; } body.mibProUi:not(.theme-dark) .leitstandCard.primary{ color: #fff !important; } body.mibProUi:not(.theme-dark) .leitstandSteps{ grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); } body.mibProUi:not(.theme-dark) .order{ display: grid; grid-template-columns: 170px 1fr 320px; gap: 14px; padding: 14px; } body.mibProUi:not(.theme-dark) .rightTools, body.mibProUi:not(.theme-dark) .detailGrid, body.mibProUi:not(.theme-dark) .miniGrid{ background: var(--panel2); border-color: var(--line); } body.mibProUi:not(.theme-dark) .badge, body.mibProUi:not(.theme-dark) .pill{ background: #e8f1ff; color: #0f4ea8; border: 1px solid #d2e3fb; } body.mibProUi:not(.theme-dark) .badge.done, body.mibProUi:not(.theme-dark) .pill.green, body.mibProUi:not(.theme-dark) .badge.good, body.mibProUi:not(.theme-dark) .navActive, body.mibProUi:not(.theme-dark) .leitstandCard.primary, body.mibProUi:not(.theme-dark) .pill.done, body.mibProUi:not(.theme-dark) button.navActive{ background: linear-gradient(180deg, #2e97ff 0%, #007aff 100%) !important; color: #fff !important; border-color: var(--blue) !important; } body.mibProUi:not(.theme-dark) .badge.warn, body.mibProUi:not(.theme-dark) .pill.yellow{ background: #ffefc7; color: #8d5e00; border-color: #f9d08c; } body.mibProUi:not(.theme-dark) .pill.red, body.mibProUi:not(.theme-dark) .badge.red, body.mibProUi:not(.theme-dark) .badge[data-severity='danger']{ background: #fde2e8; color: #a61d4d; border-color: #f6bacf; } body.mibProUi:not(.theme-dark) .order:hover, body.mibProUi:not(.theme-dark) .customerRow:hover, body.mibProUi:not(.theme-dark) .messageRow:hover, body.mibProUi:not(.theme-dark) .statRow:hover{ border-color: #8fc3ff; } body.mibProUi:not(.theme-dark) .modal{ background: rgba(15,23,42,.52); } body.mibProUi:not(.theme-dark) .modalCard{ border-radius: 20px; width: min(900px, 96vw); } body.mibProUi:not(.theme-dark) .messageList .msg{ border-radius: 14px; border: 1px solid #d6e0ee; } body.mibProUi:not(.theme-dark) .customerMsg{ background: #f8fbff; } body.mibProUi:not(.theme-dark) .staffMsg{ background: #e9f5ff; border-color: #90c6ff; } body.mibProUi:not(.theme-dark) .viewToolbar{ margin: 12px 0 16px; gap: 9px; } body.mibProUi:not(.theme-dark) .photoStrip img{ border-radius: 12px; border-color: #d7e3f1; } body.mibProUi:not(.theme-dark) .errorText, body.mibProUi:not(.theme-dark) .error{color: #b42338;} body.mibProUi:not(.theme-dark) a{color: #005ecf;} body.mibProUi:not(.theme-dark) .mobileTopbar{ border-color: #d9e4f2; backdrop-filter: blur(14px); background: rgba(248,251,255,.95); border-bottom: 1px solid #d9e4f2; } body.mibProUi:not(.theme-dark) .mobileActions button{ margin: 0 !important; } body.mibProUi:not(.theme-dark) *:focus-visible{ outline: none; box-shadow: var(--mib-focus); } @media (max-width: 650px){ body.mibProUi:not(.theme-dark) main{padding: 12px;} body.mibProUi:not(.theme-dark) aside{width: 100%;} body.mibProUi:not(.theme-dark) .order, body.mibProUi:not(.theme-dark) .customerRow, body.mibProUi:not(.theme-dark) .messageRow, body.mibProUi:not(.theme-dark) .statRow{ grid-template-columns: 1fr !important; } } /* 2026-06-19: Kasse-Portal (mib-kasse.web.app) explicit visual lock for D3-kasse look */ body.mibKassePortal:not(.theme-dark), body.mibKassePortal.mibProUi:not(.theme-dark){ --bg: #edf4ff; --panel: #ffffff; --panel2: #f1f5fb; --line: #d6e2f2; --text: #0f172a; --txt: #0f172a; --muted: #53627f; --blue: #007aff; --red: #e02424; --green: #17a34a; --yellow: #b45309; --orange: #f59e0b; --mib-shadow-soft: 0 12px 30px rgba(15,23,42,.06); --mib-shadow-focus: 0 0 0 4px rgba(0,122,255,.18); --mib-side-line: #d6e2f2; --mib-side-bg: #f7fbff; --mib-btn-bg: #eff5ff; --mib-btn-ink: #0f172a; color-scheme: light; accent-color: #007aff; background: radial-gradient(circle at 18% -16%, #edf5ff 0%, #edf4ff 34%, #f4f8ff 100%) !important; } body.mibKassePortal:not(.theme-dark) main, body.mibKassePortal:not(.theme-dark) #sideMenu, body.mibKassePortal.mibProUi:not(.theme-dark) .topbar, body.mibKassePortal.mibProUi:not(.theme-dark) .mobileTopbar, body.mibKassePortal.mibProUi:not(.theme-dark) .chatFab{ background: #f8fbff; border-color: #d9e4f1; } body.mibKassePortal.mibProUi:not(.theme-dark) #app, body.mibKassePortal.mibProUi:not(.theme-dark) .content{ padding: 0; } body.mibKassePortal.mibProUi:not(.theme-dark) #pageTitle{ font-size: 34px; letter-spacing: 0; } body.mibKassePortal.mibProUi:not(.theme-dark) #search{ background: #fff; border: 1px solid #cce2ff; box-shadow: inset 0 1px 0 rgba(0,0,0,.02); } body.mibKassePortal:not(.theme-dark) aside, body.mibKassePortal:not(.theme-dark) .navGroup, body.mibKassePortal.mibProUi:not(.theme-dark) aside, body.mibKassePortal.mibProUi:not(.theme-dark) .navGroup, body.mibKassePortal.mibProUi:not(.theme-dark) .scannerPanel, body.mibKassePortal.mibProUi:not(.theme-dark) .mibAiPanelWrap{ background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%); } body.mibKassePortal.mibProUi:not(.theme-dark) aside{ width: 250px; max-width: 250px; border-right: 1px solid #d6e2f2; } body.mibKassePortal.mibProUi:not(.theme-dark) .loginCard, body.mibKassePortal.mibProUi:not(.theme-dark) .stat, body.mibKassePortal.mibProUi:not(.theme-dark) .order, body.mibKassePortal.mibProUi:not(.theme-dark) .customerRow, body.mibKassePortal.mibProUi:not(.theme-dark) .messageRow, body.mibKassePortal.mibProUi:not(.theme-dark) .statRow, body.mibKassePortal.mibProUi:not(.theme-dark) .modalCard, body.mibKassePortal.mibProUi:not(.theme-dark) .detailBlock, body.mibKassePortal.mibProUi:not(.theme-dark) .rightTools, body.mibKassePortal.mibProUi:not(.theme-dark) .calendarBox, body.mibKassePortal.mibProUi:not(.theme-dark) .calendarCell, body.mibKassePortal.mibProUi:not(.theme-dark) .orderStatusLane, body.mibKassePortal.mibProUi:not(.theme-dark) .customerOrderRow{ border-radius: 16px; background: #ffffff; border-color: #d6e2f2; box-shadow: 0 12px 30px rgba(15,23,42,.06); } body.mibKassePortal.mibProUi:not(.theme-dark) .loginCard{ border-top: 4px solid #b7d4ff; } body.mibKassePortal.mibProUi:not(.theme-dark) .stats{ grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); } body.mibKassePortal.mibProUi:not(.theme-dark) .stat, body.mibKassePortal.mibProUi:not(.theme-dark) .stat strong{ color: #0f172a; } body.mibKassePortal.mibProUi:not(.theme-dark) .stat strong{ font-size: 30px; } body.mibKassePortal.mibProUi:not(.theme-dark) .stat{ border-left: 4px solid #d7e5f7; padding-left: 14px; } body.mibKassePortal.mibProUi:not(.theme-dark) .leitstandCard{ border-top: 4px solid #c7dcff; position: relative; overflow: hidden; } body.mibKassePortal.mibProUi:not(.theme-dark) .leitstandCard::after{ content: ''; position: absolute; inset: 0; pointer-events: none; border: 1px solid rgba(0,122,255,.16); border-radius: inherit; } body.mibKassePortal.mibProUi:not(.theme-dark) .leitstandCard.primary::after{ border-color: rgba(255,255,255,.24); } body.mibKassePortal.mibProUi:not(.theme-dark) .order, body.mibKassePortal.mibProUi:not(.theme-dark) .customerRow, body.mibKassePortal.mibProUi:not(.theme-dark) .messageRow, body.mibKassePortal.mibProUi:not(.theme-dark) .statRow, body.mibKassePortal.mibProUi:not(.theme-dark) .customerOrderRow{ border-left: 4px solid #dbe8f8; } body.mibKassePortal.mibProUi:not(.theme-dark) .order, body.mibKassePortal.mibProUi:not(.theme-dark) .customerRow, body.mibKassePortal.mibProUi:not(.theme-dark) .messageRow, body.mibKassePortal.mibProUi:not(.theme-dark) .statRow, body.mibKassePortal.mibProUi:not(.theme-dark) .customerOrderRow{ transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease; } body.mibKassePortal.mibProUi:not(.theme-dark) .order:hover, body.mibKassePortal.mibProUi:not(.theme-dark) .customerRow:hover, body.mibKassePortal.mibProUi:not(.theme-dark) .messageRow:hover, body.mibKassePortal.mibProUi:not(.theme-dark) .statRow:hover, body.mibKassePortal.mibProUi:not(.theme-dark) .customerOrderRow:hover{ transform: translateY(-1px); border-color: #a6cbff; box-shadow: 0 16px 32px rgba(15,23,42,.08); } body.mibKassePortal.mibProUi:not(.theme-dark) .leitstandCard, body.mibKassePortal.mibProUi:not(.theme-dark) .leitstandCard.primary, body.mibKassePortal.mibProUi:not(.theme-dark) .stat, body.mibKassePortal.mibProUi:not(.theme-dark) .order, body.mibKassePortal.mibProUi:not(.theme-dark) .customerRow, body.mibKassePortal.mibProUi:not(.theme-dark) .messageRow, body.mibKassePortal.mibProUi:not(.theme-dark) .statRow{ background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%); } body.mibKassePortal.mibProUi:not(.theme-dark) .order:focus-visible, body.mibKassePortal.mibProUi:not(.theme-dark) .customerRow:focus-visible, body.mibKassePortal.mibProUi:not(.theme-dark) .messageRow:focus-visible, body.mibKassePortal.mibProUi:not(.theme-dark) .statRow:focus-visible, body.mibKassePortal.mibProUi:not(.theme-dark) .customerOrderRow:focus-visible{ box-shadow: inset 0 0 0 1px rgba(0,122,255,.22), 0 12px 30px rgba(15,23,42,.12); } body.mibKassePortal.mibProUi:not(.theme-dark) .rightTools, body.mibKassePortal.mibProUi:not(.theme-dark) .detailGrid, body.mibKassePortal.mibProUi:not(.theme-dark) .miniGrid, body.mibKassePortal.mibProUi:not(.theme-dark) .viewToolbar, body.mibKassePortal.mibProUi:not(.theme-dark) .calendarBox{ border: 1px solid #d7e4f3; background: #f3f8ff; } body.mibKassePortal.mibProUi:not(.theme-dark) button, body.mibKassePortal.mibProUi:not(.theme-dark) .buttonLike, body.mibKassePortal.mibProUi:not(.theme-dark) .menuToggle, body.mibKassePortal.mibProUi:not(.theme-dark) .topActions button, body.mibKassePortal.mibProUi:not(.theme-dark) .detailActions button, body.mibKassePortal.mibProUi:not(.theme-dark) .miniGrid button, body.mibKassePortal.mibProUi:not(.theme-dark) .viewToolbar button, body.mibKassePortal.mibProUi:not(.theme-dark) .quickActions button{ background: linear-gradient(180deg, #f1f6ff 0%, #e5f0ff 100%); border: 1px solid #cbe0fd; color: #0f172a; border-radius: 12px; box-shadow: 0 8px 18px rgba(15,23,42,.05); } body.mibKassePortal.mibProUi:not(.theme-dark) .viewToolbar button, body.mibKassePortal.mibProUi:not(.theme-dark) .quickActions button{ border-radius: 10px; } body.mibKassePortal.mibProUi:not(.theme-dark) button.primary, body.mibKassePortal.mibProUi:not(.theme-dark) button.navActive, body.mibKassePortal.mibProUi:not(.theme-dark) .buttonLike, body.mibKassePortal.mibProUi:not(.theme-dark) .leitstandCard.primary{ background: linear-gradient(180deg, #2d98ff 0%, #007aff 100%) !important; border-color: #007aff !important; color: #fff !important; } body.mibKassePortal.mibProUi:not(.theme-dark) button.primary:hover, body.mibKassePortal.mibProUi:not(.theme-dark) .leitstandCard.primary:hover, body.mibKassePortal.mibProUi:not(.theme-dark) button.navActive:hover{ filter: brightness(1.03); transform: translateY(-1px); } body.mibKassePortal.mibProUi:not(.theme-dark) aside button, body.mibKassePortal.mibProUi:not(.theme-dark) aside .navBtn, body.mibKassePortal.mibProUi:not(.theme-dark) .navGroup button, body.mibKassePortal.mibProUi:not(.theme-dark) #themeToggleSide, body.mibKassePortal.mibProUi:not(.theme-dark) .secondary{ background: #f2f7ff !important; border-color: #d8e6f4 !important; color: #0f172a !important; } body.mibKassePortal.mibProUi:not(.theme-dark) aside button.navActive, body.mibKassePortal.mibProUi:not(.theme-dark) #showDashboard, body.mibKassePortal.mibProUi:not(.theme-dark) .navActive{ background: linear-gradient(180deg, #2993ff 0%, #007aff 100%) !important; color: #fff !important; border-color: #007aff !important; } body.mibKassePortal.mibProUi:not(.theme-dark) .miniGrid, body.mibKassePortal.mibProUi:not(.theme-dark) .rightTools, body.mibKassePortal.mibProUi:not(.theme-dark) .detailGrid{ background: #f1f6fb; border-color: #d8e4f1; } body.mibKassePortal.mibProUi:not(.theme-dark) .order, body.mibKassePortal.mibProUi:not(.theme-dark) .customerRow, body.mibKassePortal.mibProUi:not(.theme-dark) .messageRow, body.mibKassePortal.mibProUi:not(.theme-dark) .statRow{ background: #ffffff; } body.mibKassePortal.mibProUi:not(.theme-dark) .order, body.mibKassePortal.mibProUi:not(.theme-dark) .customerRow, body.mibKassePortal.mibProUi:not(.theme-dark) .messageRow, body.mibKassePortal.mibProUi:not(.theme-dark) .statRow, body.mibKassePortal.mibProUi:not(.theme-dark) .customerOrderRow{ border-radius: 14px; } body.mibKassePortal.mibProUi:not(.theme-dark) .badge, body.mibKassePortal.mibProUi:not(.theme-dark) .pill{ background: #e8f1ff; border-color: #d7e6f8; color: #0f4ea8; } body.mibKassePortal.mibProUi:not(.theme-dark) .pill.green, body.mibKassePortal.mibProUi:not(.theme-dark) .badge.good, body.mibKassePortal.mibProUi:not(.theme-dark) .pill.done, body.mibKassePortal.mibProUi:not(.theme-dark) .badge.done{ background: linear-gradient(180deg, #2d97ff 0%, #007aff 100%) !important; border-color: #007aff !important; color: #fff !important; } body.mibKassePortal.mibProUi:not(.theme-dark) .mobileTopbar{ backdrop-filter: blur(14px); background: rgba(247,252,255,.95); } body.mibKassePortal.mibProUi:not(.theme-dark) *:focus-visible{ outline: none; box-shadow: 0 0 0 4px rgba(0,122,255,.2); } /* 2026-06-18: POS scanner + checkout surface */ .scanDesk{ display:grid; grid-template-columns:minmax(170px,240px) minmax(240px,1fr) 130px 110px; gap:10px; align-items:center; padding:12px; border:1px solid #d6e2f2; background:#ffffff; border-radius:14px; box-shadow:0 10px 24px rgba(15,23,42,.06); } .scanDesk.compact{grid-template-columns:minmax(120px,180px) minmax(160px,1fr) 130px;margin:0 0 12px} .scanDesk strong{display:block;color:#0f172a;font-size:16px} .scanDesk span{display:block;color:#53627f;font-size:13px} .scanDesk input{margin:0!important} .scanDesk button{margin:0!important} .scanDeskResult{grid-column:1/-1} .scanResultCard{ display:grid; grid-template-columns:minmax(220px,1fr) auto auto auto; gap:8px; align-items:center; padding:10px; border-radius:12px; background:#eef7ff; border:1px solid #bdd9ff; } .scanResultCard.warn{background:#fff7ed;border-color:#fed7aa} .scanResultCard p{margin:2px 0 0} .scanResultCard button{width:auto!important;white-space:nowrap} .posLayout{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(320px,.85fr);gap:14px;align-items:start} .posRegister,.posSide,.scanVoucherHero{ background:#fff; border:1px solid #d6e2f2; border-radius:16px; box-shadow:0 12px 30px rgba(15,23,42,.07); padding:16px; } .posHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start} .posHead strong,.scanVoucherHero strong{font-size:34px;color:#047857;white-space:nowrap} .posCustomer{display:flex;gap:10px;align-items:center;margin:8px 0 12px} .posCustomer button{width:auto!important;margin:0!important} .posMessage{min-height:20px} .quickPosGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0 12px} .quickPosGrid button{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:0!important;text-align:left!important} .quickPosGrid span{font-weight:900;color:#047857} .posCart{display:grid;gap:8px;margin:12px 0} .posCartRow,.posRepairRow{ display:grid; grid-template-columns:minmax(170px,1fr) 60px 110px 46px; gap:8px; align-items:center; padding:10px; border:1px solid #dbe8f8; background:#f8fbff; border-radius:12px; } .posRepairRow{grid-template-columns:minmax(180px,1fr) minmax(118px,140px) 105px 86px} .posCartRow button,.posRepairRow button{margin:0!important;padding:9px 10px!important} .posRepairAmount{ display:grid; gap:3px; margin:0; } .posRepairAmount span{ color:#64748b; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; } .posRepairAmount input{ margin:0!important; padding:9px 10px!important; font-weight:900; text-align:right; } .scanVoucherHero{ display:grid; grid-template-columns:minmax(240px,1fr) auto auto auto auto; gap:10px; align-items:center; margin-bottom:14px; border-left:5px solid #14b871; } .scanVoucherHero h2{margin:4px 0!important;font-size:26px!important} .scanVoucherHero button{margin:0!important} @media(max-width:900px){ .scanDesk,.scanDesk.compact,.posLayout,.scanResultCard,.scanVoucherHero{grid-template-columns:1fr} .scanResultCard button,.scanVoucherHero button{width:100%!important} .posHead{display:block} .posCartRow,.posRepairRow{grid-template-columns:1fr} } /* Login first: navigation appears only after successful admin auth. */ body.loggedOut{ display:block; } body.loggedOut aside, body.loggedOut .mobileTopbar{ display:none!important; } body.loggedOut main{ min-height:100vh; display:flex; align-items:flex-start; justify-content:center; overflow:visible; } body.loggedOut .loginCard{ width:min(430px, calc(100vw - 28px)); margin:10vh auto 0; } body:has(#app[hidden]){ display:block; } body:has(#app[hidden]) aside, body:has(#app[hidden]) .mobileTopbar{ display:none!important; } body:has(#app[hidden]) main{ min-height:100vh; display:flex; align-items:flex-start; justify-content:center; overflow:visible; } body:has(#app[hidden]) .loginCard{ width:min(430px, calc(100vw - 28px)); margin:10vh auto 0; } /* 2026-06-20: Zebra-connected POS productivity layer */ .posSmartShelf{ border:1px solid #d6e2f2; background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%); border-radius:14px; padding:12px; margin:10px 0 12px; } .posShelfHead{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:10px; } .posShelfHead b{display:block;font-size:17px;color:#0f172a} .posShelfHead span{display:block;font-size:13px;color:#53627f;line-height:1.3} .posShelfHead button{width:auto!important;margin:0!important;white-space:nowrap} .posInventoryGrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:8px; max-height:286px; overflow:auto; padding-right:2px; } .posInventoryTile{ min-height:104px; display:flex!important; flex-direction:column; justify-content:space-between; gap:8px; margin:0!important; text-align:left!important; border-radius:12px!important; background:#fff!important; border:1px solid #d8e6f6!important; color:#0f172a!important; } .posInventoryTile strong{font-size:14px;line-height:1.18} .posInventoryTile span{font-size:12px;color:#53627f;font-weight:700;line-height:1.25} .posInventoryTile b{font-size:18px;color:#047857} .posCart{ max-height:320px; overflow:auto; padding-right:2px; } .posVoucherPay{ display:grid; grid-template-columns:minmax(180px,1fr) 130px 105px 82px; gap:8px; align-items:center; border:1px solid #fed7aa; background:linear-gradient(180deg,#fff7ed 0%,#ffedd5 100%); border-radius:14px; padding:10px; margin:10px 0; } .posVoucherPay b{display:block;color:#0f172a;font-size:15px} .posVoucherPay span{display:block;color:#7c2d12;font-size:12px;font-weight:800;line-height:1.25} .posVoucherPay input,.posVoucherPay button{margin:0!important} .posVoucherPay button{width:100%!important} .posVoucherValue{color:#c2410c;font-size:18px;white-space:nowrap;text-align:right} .posVoucherPay .small{grid-column:1/-1;margin:0;color:#7c2d12} .posSide > .list{ max-height:340px; overflow:auto; padding-right:2px; } .posDigitalPreview{ border:1px solid #cfe0f3; background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%); border-radius:16px; padding:12px; margin:0 0 14px; } .posPreviewHead{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:10px; } .posPreviewHead h2{margin:6px 0 0!important;font-size:22px!important;color:#0f172a} .posPreviewHead strong{font-size:30px;color:#047857;white-space:nowrap} .posPreviewReceipt{ background:#fff; border:1px solid #d9e6f5; border-radius:14px; padding:12px; box-shadow:0 10px 24px rgba(15,23,42,.06); } .posPreviewBrand{ display:flex; align-items:center; gap:10px; padding-bottom:10px; border-bottom:1px solid #e2eaf5; } .posPreviewBrand img{width:50px;height:50px;object-fit:contain;border-radius:10px;background:#0b1220} .posPreviewBrand b{display:block;color:#0f172a;font-size:15px} .posPreviewBrand span{display:block;color:#64748b;font-size:12px;font-weight:750} .posPreviewLines{ display:grid; gap:7px; max-height:155px; overflow:auto; padding:10px 0; } .posPreviewLines div,.posPreviewTotal{ display:flex; justify-content:space-between; gap:10px; color:#334155; font-size:13px; } .posPreviewLines b{color:#0f172a;white-space:nowrap} .posPreviewTotal{ border-top:2px solid #0f172a; padding-top:10px; align-items:center; font-weight:950; } .posPreviewTotal strong{font-size:24px;color:#047857;white-space:nowrap} .posPreviewQr{ display:grid; grid-template-columns:92px minmax(0,1fr); gap:10px; align-items:center; margin-top:10px; padding-top:10px; border-top:1px solid #e2eaf5; } .posPreviewQr img{ width:92px; height:92px; background:#fff; border:1px solid #d9e6f5; border-radius:10px; padding:5px; } .posPreviewQr span{ color:#64748b; font-size:12px; font-weight:750; word-break:break-word; } .posPreviewQrPlaceholder{ width:92px; height:92px; display:grid; place-items:center; text-align:center; border:1px dashed #94a3b8; border-radius:10px; background:#f8fafc; color:#64748b; font-size:11px; font-weight:900; padding:8px; } @media(max-width:900px){ .posShelfHead{display:grid} .posShelfHead button{width:100%!important} .posInventoryGrid{grid-template-columns:1fr;max-height:260px} .posVoucherPay{grid-template-columns:1fr} .posPreviewQr{grid-template-columns:1fr} } /* 2026-06-20: POS Backoffice Analyse, Detail und eRechnung */ .posAnalyticsCard{ overflow:hidden; } .posAnalyticsHead{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:8px; } .posAnalyticsHead h2{margin-bottom:4px} .posAnalyticsTotal{ min-width:220px; border-radius:18px; padding:14px 16px; background:linear-gradient(135deg,#052e16,#0f766e); color:#ecfdf5; text-align:right; box-shadow:0 14px 35px rgba(15,118,110,.18); } .posAnalyticsTotal span{display:block;font-size:12px;font-weight:900;color:#bbf7d0;text-transform:uppercase} .posAnalyticsTotal strong{display:block;font-size:30px;line-height:1.05} .posAnalyticsGrid{ display:grid; grid-template-columns:repeat(4,minmax(180px,1fr)); gap:12px; } .posAnalyticsGrid section{ border:1px solid #d7e2ef; border-radius:18px; padding:14px; background:#f8fafc; min-height:190px; } .posAnalyticsGrid h3{ margin:0 0 10px; color:#0f172a; font-size:15px; } .businessIntelligenceCard{ border-top:4px solid #ef4444; overflow:hidden; } .businessKpis .stat{ min-height:112px; } .businessCharts section{ min-height:300px; max-height:420px; overflow:auto; } .businessInsightGrid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; margin-top:16px; } .businessInsight{ border:1px solid #dbe3ec; border-left:5px solid #3b82f6; border-radius:8px; padding:14px; background:#fff; color:#172033; } .businessInsight.green{border-left-color:#16a34a} .businessInsight.yellow{border-left-color:#eab308} .businessInsight.danger{border-left-color:#dc2626} .businessInsight>span{ display:inline-block; text-transform:uppercase; font-size:11px; font-weight:800; letter-spacing:0; color:#536173; } .businessInsight h3{margin:5px 0 7px;font-size:16px} .businessInsight p{margin:0 0 9px;line-height:1.45;color:#445166} .businessInsight b{font-size:13px;line-height:1.4} .businessQualityRow{ display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #e4e9ef; } .businessDisclaimer{margin-top:14px} body.theme-dark .businessInsight{ background:#111827; border-color:#334155; color:#f8fafc; } body.theme-dark .businessInsight p, body.theme-dark .businessInsight>span{color:#cbd5e1} body.theme-dark .businessQualityRow{border-bottom-color:#334155} .posMiniBar{ display:grid; gap:6px; margin:0 0 10px; } .posMiniBar div{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; } .posMiniBar b{ color:#0f172a; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .posMiniBar span{ color:#64748b; font-size:12px; font-weight:900; white-space:nowrap; } .posMiniBar i{ display:block; height:8px; min-width:10px; border-radius:999px; background:linear-gradient(90deg,#14b8a6,#22c55e); box-shadow:0 6px 16px rgba(20,184,166,.18); } .posTrendBars .posMiniBar i{background:linear-gradient(90deg,#38bdf8,#2563eb)} .posDetailHero{ display:flex; justify-content:space-between; gap:16px; align-items:flex-start; padding:16px; border-radius:20px; background:linear-gradient(135deg,#ecfdf5,#eff6ff); border:1px solid #cbd5e1; margin-bottom:14px; } .posDetailHero h3{ margin:8px 0 4px; color:#0f172a; font-size:24px; } .posDetailHero strong{ color:#047857; font-size:34px; white-space:nowrap; } .posDetailGrid .detailBlock{background:#fff} .posLineTable{ display:grid; gap:8px; } .posLineTable div{ display:grid; grid-template-columns:50px minmax(180px,1fr) minmax(160px,1fr) 110px; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid #e2e8f0; } .posLineTable span,.posLineTable small{ color:#64748b; font-weight:800; } .posLineTable b{color:#0f172a} .posLineTable strong{ text-align:right; color:#047857; } .posDetailQr{ width:150px; height:150px; background:#fff; border:1px solid #d7e2ef; border-radius:14px; padding:8px; } .repairNotice{ border-color:#bbf7d0!important; background:#ecfdf5!important; } .posRepairFacts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; margin:8px 0 10px; } .posRepairFacts span{ display:grid; gap:3px; border:1px solid #dbe8f8; border-radius:12px; background:#f8fbff; padding:10px; color:#334155; min-width:0; } .posRepairFacts b{ color:#0f172a; font-size:12px; text-transform:uppercase; letter-spacing:.04em; } body.theme-dark .posAnalyticsGrid section, body.theme-dark .posDetailGrid .detailBlock{ background:#111827; border-color:#26333a; } body.theme-dark .posAnalyticsGrid h3, body.theme-dark .posMiniBar b, body.theme-dark .posLineTable b, body.theme-dark .posDetailHero h3{color:#f8fafc} body.theme-dark .posDetailHero{ background:linear-gradient(135deg,#102116,#0f172a); border-color:#26333a; } body.theme-dark .posRepairFacts span{ background:#0b1220; border-color:#26333a; color:#cbd5e1; } body.theme-dark .posRepairFacts b{ color:#f8fafc; } @media(max-width:1180px){ .posAnalyticsGrid{grid-template-columns:repeat(2,minmax(0,1fr))} .posLineTable div{grid-template-columns:40px 1fr 95px} .posLineTable small{display:none} } @media(max-width:700px){ .posAnalyticsHead,.posDetailHero{display:grid} .posAnalyticsTotal{text-align:left;min-width:0} .posAnalyticsGrid{grid-template-columns:1fr} .posLineTable div{grid-template-columns:1fr} .posLineTable strong{text-align:left} } /* 2026-07 productivity command bar */ .mibCommandBar{display:grid;gap:10px;margin:14px 0 16px} .commandRail{display:grid;grid-template-columns:repeat(7,minmax(118px,1fr));gap:8px} .commandBtn{position:relative;display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;min-height:62px;margin:0!important;padding:10px 12px!important;border-radius:8px!important;text-align:left!important;background:#fff!important;color:#0f172a!important;border:1px solid #d7e0eb!important;box-shadow:0 8px 20px rgba(15,23,42,.06)!important} .commandBtn span{font-size:14px;font-weight:950;line-height:1.1} .commandBtn small{grid-column:1/-1;color:#64748b;font-size:11px;font-weight:800;line-height:1.2} .commandBtn kbd{grid-row:1;grid-column:2;min-width:30px;padding:4px 6px;border-radius:6px;background:#eef2f7;color:#334155;text-align:center;font-size:11px;font-weight:950} .commandBtn.active,.commandBtn:hover{background:linear-gradient(180deg,#0ea5e9,#0284c7)!important;border-color:#0284c7!important;color:#fff!important;transform:translateY(-1px)} .commandBtn.active small,.commandBtn:hover small{color:#e0f2fe} .commandBtn.active kbd,.commandBtn:hover kbd{background:rgba(255,255,255,.22);color:#fff} .commandMetrics{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .commandFocusButton{width:auto!important;margin:0!important;min-height:30px;padding:7px 12px!important;border-radius:999px!important;background:linear-gradient(90deg,#0f766e,#0284c7)!important;border:0!important;color:#fff!important;font-size:12px!important;font-weight:950!important;box-shadow:0 10px 24px rgba(2,132,199,.22)!important} .commandMetrics span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:6px 10px;border-radius:999px;background:#eef6ff;border:1px solid #cfe8ff;color:#475569;font-size:12px;font-weight:900} .commandMetrics b{color:#0369a1} body.theme-dark .commandBtn{background:#111827!important;color:#f8fafc!important;border-color:#26333a!important;box-shadow:none!important} body.theme-dark .commandBtn small{color:#94a3b8} body.theme-dark .commandBtn kbd{background:#1f2937;color:#cbd5e1} body.theme-dark .commandMetrics span{background:#0b1220;border-color:#26333a;color:#cbd5e1} body.theme-dark .commandMetrics b{color:#38bdf8} @media(max-width:1120px){.commandRail{grid-template-columns:repeat(4,minmax(120px,1fr))}} @media(max-width:700px){ .mibCommandBar{margin:10px 0 12px} .commandRail{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity} .commandBtn{min-width:148px;scroll-snap-align:start} .commandMetrics{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px} .commandMetrics span{white-space:nowrap} } /* 2026-07 Pro Command Polish 2.0 */ body.mibProUi #app, body.mibProUi main, body.mibProUi #app > header { position: relative; } body.mibProUi .mibCommandBar{ animation: proFadeIn .12s ease; } body.mibProUi .commandRail{ align-items:stretch; } body.mibProUi .commandBtn{ min-height:64px; transition:transform .12s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease; } body.mibProUi .commandBtn:hover, body.mibProUi .commandBtn:focus-visible{ box-shadow:0 12px 28px rgba(2,132,199,.18); transform:translateY(-1px); } body.mibProUi .commandBtn kbd{ display:none; } body.mibProUi .commandFocusButton{ letter-spacing:0; box-shadow:0 10px 20px rgba(15,118,110,.18); } body.mibProUi .commandMetrics{ gap:10px; } body.mibProUi .commandMetrics span{ transition:transform .14s ease; } body.mibProUi .commandMetrics span:hover{ transform:translateX(2px); } body.mibProUi .commandFocusButton, body.mibProUi .commandBtn[data-admin-search-focus]{ position:relative; overflow:hidden; } body.mibProUi .commandFocusButton::after, body.mibProUi .commandBtn[data-admin-search-focus]::after{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.16),transparent 55%); opacity:.35; pointer-events:none; } @keyframes proFadeIn{ from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} } body.mibProUi .card, body.mibProUi .panel, body.mibProUi .stat{ backdrop-filter: blur(6px); } body.mibProUi:not(.theme-dark) .card, body.mibProUi:not(.theme-dark) .panel{ border-color:#d5deea; } body.mibProUi:not(.theme-dark) .stat{ border-color:#d9e3f0; } body.mibProUi.theme-dark .card, body.mibProUi.theme-dark .panel{ border-color:#26333a; } /* Leise Kontrast-Helfer für Lesbarkeit */ body.theme-dark .commandBtn:not(.active):not(:hover){ background:#0f172a!important; } /* Status/Head-Bar: immer klare Kontraste nach Theme */ body.theme-dark header, body.theme-dark header *, body.theme-dark .topbar, body.theme-dark .topbar *, body.theme-dark .mobileTopbar, body.theme-dark .mobileTopbar * { color: #f8fafc !important; } body.theme-light header, body.theme-light header *, body.theme-light .topbar, body.theme-light .topbar *, body.theme-light .mobileTopbar, body.theme-light .mobileTopbar *, body:not(.theme-dark) header, body:not(.theme-dark) header *, body:not(.theme-dark) .topbar, body:not(.theme-dark) .topbar *, body:not(.theme-dark) .mobileTopbar, body:not(.theme-dark) .mobileTopbar * { color: #0f172a !important; } /* Verleihverwaltung */ .rentalAdminCreate, .rentalAdminWorkspace { margin-bottom: 16px; padding: 18px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; } .rentalAdminHeading, .rentalAdminToolbar, .rentalAdminRowHead, .rentalAdminActions, .rentalAdminCreateActions { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .rentalAdminHeading h2, .rentalAdminToolbar h2, .rentalAdminRowHead h3 { margin: 0; } .rentalAdminEyebrow { display: block; margin-bottom: 3px; color: #0369a1; font-size: 11px; font-weight: 900; text-transform: uppercase; } .rentalAdminSync { min-width: 76px; padding: 7px 10px; border: 1px solid #0ea5e9; border-radius: 4px; background: #e0f2fe; color: #075985; font-size: 12px; font-weight: 900; text-align: center; } .rentalAdminForm { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 14px; } .rentalAdminForm label, .rentalAdminDates label, .rentalAdminNote { display: grid; gap: 5px; } .rentalAdminForm label > span, .rentalAdminDates label > span, .rentalAdminNote > span { font-size: 12px; font-weight: 800; } .rentalAdminForm .rentalWide { grid-column: span 2; } .rentalAdminCreateActions { justify-content: flex-start; margin-top: 12px; } .rentalAdminCreateActions p { margin: 0; } .rentalAdminToolbar { display: grid; grid-template-columns: minmax(230px, 1fr) minmax(220px, .8fr) 190px auto; align-items: end; margin-bottom: 12px; } .rentalAdminSummary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 12px 0 16px; } .rentalAdminSummary > div { display: grid; gap: 3px; min-height: 74px; padding: 12px; border: 1px solid #cbd5e1; border-left: 4px solid #0ea5e9; border-radius: 5px; background: #f8fafc; } .rentalAdminSummary span { color: #64748b; font-size: 12px; font-weight: 800; } .rentalAdminSummary strong { font-size: 24px; } .rentalAdminSummary .rentalWarn { border-left-color: #ef4444; background: #fff1f2; } .rentalAdminList { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rentalAdminRow { min-width: 0; padding: 14px; border: 1px solid #cbd5e1; border-left: 5px solid #0ea5e9; border-radius: 6px; background: #f8fafc; } .rentalAdminRow.overdue { border-left-color: #ef4444; } .rentalAdminRowHead { align-items: flex-start; } .rentalAdminRowHead > div { min-width: 0; } .rentalAdminRowHead h3, .rentalAdminRowHead p { overflow-wrap: anywhere; } .rentalAdminRowHead p { margin: 4px 0 0; color: #64748b; font-size: 13px; } .rentalAdminRowHead select { width: min(180px, 42%); margin: 0; } .rentalAdminDates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; } .rentalAdminNote { margin-top: 8px; } .rentalAdminNote textarea { min-height: 72px; } .rentalAdminFlags { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; } .rentalAdminFlags span { padding: 5px 7px; border: 1px solid #cbd5e1; border-radius: 4px; background: #fff; color: #475569; font-size: 11px; font-weight: 800; } .rentalAdminActions { justify-content: flex-end; } .rentalAdminActions button { width: auto; margin: 0; } body.theme-dark :is(.rentalAdminCreate,.rentalAdminWorkspace) { border-color: #334155; background: #111827; color: #f8fafc; } body.theme-dark .rentalAdminRow, body.theme-dark .rentalAdminSummary > div { border-color: #334155; background: #0f172a; color: #f8fafc; } body.theme-dark .rentalAdminSummary .rentalWarn { background: #32151a; } body.theme-dark .rentalAdminEyebrow { color: #67e8f9; } body.theme-dark .rentalAdminRowHead p, body.theme-dark .rentalAdminSummary span { color: #b9c7d4; } body.theme-dark .rentalAdminFlags span { border-color: #405665; background: #111827; color: #dbe7ef; } body.theme-dark .rentalAdminSync { border-color: #22d3ee; background: #082d35; color: #67e8f9; } @media (max-width: 1100px) { .rentalAdminForm { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rentalAdminToolbar { grid-template-columns: 1fr 1fr; } .rentalAdminList { grid-template-columns: 1fr; } } @media (max-width: 620px) { .rentalAdminCreate, .rentalAdminWorkspace { padding: 12px; } .rentalAdminHeading, .rentalAdminRowHead, .rentalAdminCreateActions { align-items: flex-start; flex-direction: column; } .rentalAdminForm, .rentalAdminToolbar, .rentalAdminSummary, .rentalAdminDates { grid-template-columns: 1fr; } .rentalAdminForm .rentalWide { grid-column: auto; } .rentalAdminRowHead select { width: 100%; } .rentalAdminActions { display: grid; grid-template-columns: 1fr; } .rentalAdminActions button { width: 100%; } } /* Dunkelmodus: Werkstattkarten dürfen nicht von der alten weißen Kartenregel überstimmt werden. */ body.theme-dark .workshopRow { border-color: #334155 !important; background: #111827 !important; color: #f8fafc !important; box-shadow: 0 10px 26px rgba(0,0,0,.24); } body.theme-dark .workshopRow:hover { border-color: #38bdf8 !important; background: #142131 !important; } body.theme-dark .workshopRow :is(h1,h2,h3,h4,b,strong,p) { color: #f8fafc !important; } body.theme-dark .workshopRow .small { color: #b8c5d1 !important; } body.theme-dark .workshopRow .pill { border: 1px solid #256783 !important; background: #0c3142 !important; color: #a5efff !important; } body.theme-dark .workshopRow button { border: 1px solid #38bdf8 !important; background: #22a9dc !important; color: #03131b !important; } /* Mobile Kasse/Admin: kompakte Kennzahlen statt schmaler senkrechter Fokus-Schaltfläche. */ @media (max-width: 700px) { body.mibProUi .mibCommandBar { width: 100%; margin: 10px 0 12px !important; overflow: hidden; } body.mibProUi .commandRail { display: flex !important; width: 100%; gap: 7px; overflow-x: auto !important; overflow-y: hidden; padding: 1px 1px 5px; scroll-snap-type: x proximity; scrollbar-width: none; } body.mibProUi .commandRail::-webkit-scrollbar { display: none; } body.mibProUi .commandBtn { flex: 0 0 142px; min-width: 142px !important; min-height: 58px; padding: 9px 10px !important; scroll-snap-align: start; } body.mibProUi .commandMetrics { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px !important; width: 100%; overflow: visible !important; padding: 0 !important; } body.mibProUi .commandFocusButton { grid-column: 1 / -1; width: 100% !important; min-width: 0 !important; min-height: 42px; white-space: normal !important; overflow-wrap: normal !important; } body.mibProUi .commandMetrics span { display: flex; justify-content: center; min-width: 0; width: 100%; min-height: 38px; padding: 6px 7px; white-space: nowrap; } } /* 2026-07-28: einklappbare Desktop-/iPad-Navigation wie in der Mac-App. */ .sidebarCollapseButton, .sidebarExpandButton { display: none; } @media (min-width: 761px) { body:not(.loggedOut) { display: flex !important; align-items: stretch; } #sideMenu { position: sticky !important; inset: 0 auto auto 0 !important; flex: 0 0 236px; width: 236px !important; min-width: 236px; height: 100vh !important; padding: 18px 14px !important; overflow: hidden !important; transition: width .2s ease, min-width .2s ease, flex-basis .2s ease, padding .2s ease, transform .2s ease; } #sideMenu .navScroll { min-height: 0; overflow: auto; } main { flex: 1 1 auto; width: auto !important; min-width: 0; transition: width .2s ease; } .sidebarCollapseButton, .sidebarExpandButton { display: grid !important; place-items: center; width: 34px !important; min-width: 34px; height: 34px; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(100, 116, 139, .38) !important; border-radius: 7px !important; background: rgba(226, 232, 240, .82) !important; color: #0f172a !important; box-shadow: 0 5px 16px rgba(15, 23, 42, .12) !important; font: 800 28px/1 system-ui, sans-serif !important; } .sidebarCollapseButton { position: absolute; top: 13px; right: 10px; z-index: 4; } .sidebarExpandButton { position: fixed; top: 14px; left: 12px; z-index: 90; opacity: 0; visibility: hidden; transform: translateX(-10px); transition: opacity .16s ease, transform .16s ease, visibility .16s ease; } body.sidebarCollapsed #sideMenu { display: none !important; flex-basis: 0; width: 0 !important; min-width: 0; padding-right: 0 !important; padding-left: 0 !important; border-right-width: 0 !important; box-shadow: none !important; transform: translateX(-100%); } body.sidebarCollapsed .sidebarExpandButton { opacity: 1; visibility: visible; transform: translateX(0); } body.sidebarCollapsed main { flex: 1 1 100vw !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 56px !important; padding-right: 18px !important; } body.sidebarCollapsed main > #app, body.sidebarCollapsed main > #login { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } body.theme-dark .sidebarCollapseButton, body.theme-dark .sidebarExpandButton { border-color: #3b4b58 !important; background: rgba(17, 27, 35, .94) !important; color: #f8fafc !important; } } @media (max-width: 760px) { body.sidebarCollapsed #sideMenu { transform: none; } } /* Unternehmenssteuerung: eine eigene, fokussierte Statistik-Rubrik. */ .statToolbarField { display: grid; gap: 3px; min-width: 138px; margin: 0; } .statToolbarField > span { color: #475569; font-size: 11px; font-weight: 800; } .statToolbarField :is(input,select) { margin: 0; min-height: 38px; } .statsWorkspace { display: grid; gap: 14px; min-width: 0; } .statsWorkspaceHead { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; border: 1px solid #b9d4df; border-left: 6px solid #0ea5e9; border-radius: 6px; background: #f4fbfd; } .statsWorkspaceHead h2 { margin: 4px 0; font-size: 24px; } .statsWorkspaceHead p { margin: 0; color: #526575; } .statsWorkspaceTotal { min-width: 180px; text-align: right; } .statsWorkspaceTotal span { display: block; color: #526575; font-size: 12px; font-weight: 800; } .statsWorkspaceTotal strong { display: block; margin-top: 2px; font-size: 30px; font-variant-numeric: tabular-nums; } .statsAreaNav { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 7px; padding: 7px; border: 1px solid #cbd5e1; border-radius: 6px; background: #eef4f7; } .statsAreaNav button { min-width: 0; min-height: 42px; margin: 0; border: 1px solid transparent; background: transparent; color: #334155; box-shadow: none; } .statsAreaNav button:hover { border-color: #7dd3fc; background: #e0f2fe; } .statsAreaNav button.active { border-color: #0284c7; background: #0284c7; color: #fff; } .statsAreaContent { display: grid; gap: 14px; min-width: 0; } .statsExecutiveGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .statsMetric { position: relative; overflow: hidden; border-top: 4px solid #0ea5e9; } .statsMetric:nth-child(2n) { border-top-color: #16a34a; } .statsMetric:nth-child(3n) { border-top-color: #f59e0b; } .statsDelta { display: inline-flex; width: fit-content; margin-top: 7px; padding: 4px 6px; border-radius: 4px; font-size: 11px; font-weight: 900; } .statsDelta.positive { background: #dcfce7; color: #166534; } .statsDelta.negative { background: #fee2e2; color: #991b1b; } .statsDelta.neutral { background: #e2e8f0; color: #475569; } .statsInsightsCard { margin: 0; } body.theme-dark .statToolbarField > span { color: #cbd5e1; } body.theme-dark .statsWorkspaceHead { border-color: #31566a; border-left-color: #22d3ee; background: #10212b; color: #f8fafc; } body.theme-dark .statsWorkspaceHead p, body.theme-dark .statsWorkspaceTotal span { color: #c4d4df; } body.theme-dark .statsAreaNav { border-color: #334155; background: #111827; } body.theme-dark .statsAreaNav button { color: #e2e8f0; } body.theme-dark .statsAreaNav button:hover { border-color: #22d3ee; background: #123344; color: #fff; } body.theme-dark .statsAreaNav button.active { border-color: #22d3ee; background: #0891b2; color: #fff; } body.theme-dark .statsDelta.positive { background: #133923; color: #86efac; } body.theme-dark .statsDelta.negative { background: #451a1a; color: #fecaca; } body.theme-dark .statsDelta.neutral { background: #273548; color: #d9e4ec; } @media (max-width: 1180px) { .statsAreaNav { display: flex; overflow-x: auto; } .statsAreaNav button { flex: 0 0 132px; } .statsExecutiveGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .statsWorkspaceHead { align-items: flex-start; flex-direction: column; padding: 14px; } .statsWorkspaceTotal { min-width: 0; text-align: left; } .statsWorkspaceTotal strong { font-size: 26px; } .statsExecutiveGrid { grid-template-columns: 1fr; } .statToolbarField { width: 100%; } } /* Buchhaltung: eindeutiger Abgleich zwischen MIB, SumUp POS und Lexware. */ .accountingReconciliation { display: grid; gap: 11px; margin: 12px 0; padding: 14px; border: 1px solid #b9cbd6; border-left: 5px solid #f59e0b; border-radius: 7px; background: #f7fafc; color: #14202b; } .accountingReconciliation.complete { border-left-color: #16a34a; } .accountingReconciliationHead { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .accountingReconciliationHead > div { display: grid; gap: 2px; } .accountingReconciliationHead span { color: #087a9d; font-size: 11px; font-weight: 900; text-transform: uppercase; } .accountingReconciliationHead b { font-size: 17px; } .accountingReconciliationHead small { color: #526575; font-weight: 700; } .accountingReconciliationGrid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid #d8e2e8; } .accountingReconciliationGrid > div { min-width: 0; padding: 10px 12px 2px; border-right: 1px solid #d8e2e8; } .accountingReconciliationGrid > div:last-child { border-right: 0; } .accountingReconciliationGrid span,.accountingReconciliationGrid small { display: block; color: #526575; font-size: 11px; font-weight: 750; } .accountingReconciliationGrid b { display: block; margin: 3px 0; color: #14202b; font-size: 22px; font-variant-numeric: tabular-nums; } .accountingReconciliationGrid .warning b { color: #b45309; } .accountingReconciliationGrid .danger b { color: #dc2626; } .accountingReconciliationGrid .ok b { color: #15803d; } body.theme-dark .accountingReconciliation { border-color: #3c5260; background: #111f28; color: #f8fafc; } body.theme-dark .accountingReconciliationHead span { color: #67e8f9; } body.theme-dark .accountingReconciliationHead small, body.theme-dark .accountingReconciliationGrid span, body.theme-dark .accountingReconciliationGrid small { color: #b8c7d2; } body.theme-dark .accountingReconciliationGrid { border-top-color: #3c5260; } body.theme-dark .accountingReconciliationGrid > div { border-right-color: #3c5260; } body.theme-dark .accountingReconciliationGrid b { color: #fff; } @media (max-width: 1050px) { .accountingReconciliationGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .accountingReconciliationHead { align-items: stretch; flex-direction: column; } .accountingReconciliationGrid { grid-template-columns: 1fr; } .accountingReconciliationGrid > div { border-right: 0; border-bottom: 1px solid #d8e2e8; } body.theme-dark .accountingReconciliationGrid > div { border-bottom-color: #3c5260; } } /* Admin-Start: echte Betriebskennzahlen mit klaren Arbeitswegen. */ .dashboardCockpitPro { gap: 14px; border-radius: 8px; border-color: #263c49; background: #0d1820; box-shadow: 0 10px 26px rgba(2, 8, 23, .22); } .cockpitProHead, .cockpitPriorityLine { display: flex; align-items: center; justify-content: space-between; gap: 18px; } .cockpitProHead h3 { margin: 0 0 4px; color: #f8fafc; font-size: 24px; line-height: 1.15; } .cockpitProHead p { margin: 0; color: #b8c7d2; font-weight: 650; } .cockpitSyncState { min-width: 190px; padding-left: 16px; border-left: 1px solid #38505e; text-align: right; } .cockpitSyncState span, .cockpitSyncState strong { display: block; } .cockpitSyncState span { color: #91a8b7; font-size: 11px; font-weight: 800; } .cockpitSyncState strong { margin-top: 3px; color: #67e8f9; font-size: 14px; } .cockpitKpiGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; } .cockpitKpi { display: grid !important; align-content: start; gap: 5px; min-width: 0; min-height: 104px !important; margin: 0 !important; padding: 13px 14px !important; border: 1px solid #304653 !important; border-top-width: 4px !important; border-radius: 8px !important; background: #14232c !important; color: #f8fafc !important; text-align: left !important; box-shadow: none !important; } .cockpitKpi:hover { border-color: #67e8f9 !important; background: #192e39 !important; transform: translateY(-1px); } .cockpitKpi span { color: #b8c7d2; font-size: 12px; font-weight: 800; } .cockpitKpi strong { overflow-wrap: anywhere; color: #fff; font-size: clamp(20px, 2vw, 29px); font-variant-numeric: tabular-nums; line-height: 1.08; } .cockpitKpi small { color: #9fb1bd; font-size: 11px; font-weight: 700; line-height: 1.25; } .cockpitKpi.green { border-top-color: #22c55e !important; } .cockpitKpi.cyan { border-top-color: #22d3ee !important; } .cockpitKpi.blue { border-top-color: #3b82f6 !important; } .cockpitKpi.indigo { border-top-color: #818cf8 !important; } .cockpitKpi.pink { border-top-color: #ec4899 !important; } .cockpitKpi.mint { border-top-color: #2dd4bf !important; } .cockpitKpi.orange { border-top-color: #f59e0b !important; } .cockpitKpi.red { border-top-color: #f43f5e !important; } .cockpitKpi.attention { background: #2a2020 !important; } .cockpitPriorityLine { padding: 12px 14px; border: 1px solid #3c5260; border-left: 5px solid #f59e0b; border-radius: 7px; background: #111f28; color: #f8fafc; } .cockpitPriorityLine > div:first-child { display: grid; gap: 2px; } .cockpitPriorityLine span { color: #fbbf24; font-size: 11px; font-weight: 900; text-transform: uppercase; } .cockpitPriorityLine strong { font-size: 17px; } .cockpitPriorityLine small { color: #b8c7d2; } .cockpitPriorityBadges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; } .cockpitPriorityBadges b { padding: 6px 8px; border: 1px solid #405865; border-radius: 5px; background: #182832; color: #dbe7ee; font-size: 11px; } .dashboardCockpitPro .cockpitModeCard { min-height: 76px !important; border-radius: 7px !important; } .dashboardCockpitPro .cockpitModeCard.pos { background: #087a73 !important; } .dashboardCockpitPro .cockpitModeCard.workshop { background: #4f46a5 !important; } .dashboardCockpitPro .cockpitModeCard.office { background: #1d5bbf !important; } .dashboardCockpitPro .cockpitModeCard.stock { background: #a8540a !important; } .statCustomTitle { align-self: end; padding: 0 2px 9px; color: #0891b2; font-size: 12px; font-weight: 900; white-space: nowrap; } .statCustomHint { align-self: end; max-width: 220px; padding-bottom: 8px; color: #526575; font-size: 11px; font-weight: 700; } body.theme-dark .statCustomTitle { color: #67e8f9; } body.theme-dark .statCustomHint { color: #b8c7d2; } @media (max-width: 1180px) { .cockpitKpiGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 700px) { .cockpitProHead, .cockpitPriorityLine { align-items: flex-start; flex-direction: column; } .cockpitSyncState { min-width: 0; padding: 0; border-left: 0; text-align: left; } .cockpitKpiGrid { grid-template-columns: 1fr; } .cockpitPriorityBadges { justify-content: flex-start; } .dashboardCockpitPro .cockpitModes { grid-template-columns: 1fr; } .statCustomTitle, .statCustomHint { align-self: auto; width: 100%; padding: 2px 0; } } /* MIB Buchhaltung + Lexware Office XL */ .accountingWorkspace{display:grid;gap:12px;min-width:0;color:#0f172a} .accountingHero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #b8c7d2;border-left:5px solid #0891b2;border-radius:8px;background:#fff} .accountingHero h2{margin:3px 0 2px;font-size:24px;letter-spacing:0}.accountingHero p{margin:0;color:#526575;font-size:13px;font-weight:650} .accountingHeroActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.accountingHeroActions button,.accountingHeroActions .buttonLink{width:auto;margin:0;padding:10px 12px;border-radius:6px;font-size:13px;white-space:nowrap} .buttonLink.lexware,.lexwareButton{background:#15803d!important;color:#fff!important;border:1px solid #166534!important;text-decoration:none}.buttonLink.secondary{background:#e2e8f0;color:#0f172a!important;text-decoration:none} .accountingBusy{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #67e8f9;border-radius:7px;background:#ecfeff;color:#155e75;font-weight:850} .accountingSpinner{width:18px;height:18px;border:3px solid #a5f3fc;border-top-color:#0891b2;border-radius:50%;animation:accountingSpin .75s linear infinite}@keyframes accountingSpin{to{transform:rotate(360deg)}} .accountingKpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.accountingKpis article{display:grid;gap:4px;min-width:0;padding:12px 13px;border:1px solid #cbd5e1;border-top:4px solid #0ea5e9;border-radius:7px;background:#fff}.accountingKpis article.income{border-top-color:#16a34a}.accountingKpis article.expense{border-top-color:#dc2626}.accountingKpis article.warning{border-top-color:#f59e0b;background:#fffaf0}.accountingKpis span{color:#526575;font-size:11px;font-weight:850}.accountingKpis strong{overflow-wrap:anywhere;color:#0f172a;font-size:22px;font-variant-numeric:tabular-nums;line-height:1.1}.accountingKpis small{color:#64748b;font-size:10px;font-weight:700} .lexwareStatusCard{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid #86efac;border-radius:8px;background:#f0fdf4}.lexwareStatusCard>div{display:grid;gap:2px}.lexwareStatusCard b{color:#14532d;font-variant-numeric:tabular-nums}.lexwareStatusCard span{color:#3f6150;font-size:11px;font-weight:700}.lexwareMark{display:grid!important;place-items:center;width:42px;height:42px;border-radius:7px;background:#15803d;color:#fff;font-size:12px;font-weight:950;letter-spacing:0} .accountingBwa{border:1px solid #cbd5e1;border-radius:8px;background:#fff;overflow:hidden}.accountingBwa summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 15px;cursor:pointer}.accountingBwa summary span{display:grid;gap:2px}.accountingBwa summary small{color:#64748b;font-size:11px}.accountingBwa summary>strong{font-size:20px;font-variant-numeric:tabular-nums}.accountingBwaBody{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:18px;padding:14px;border-top:1px solid #d8e0e8;background:#f8fafc}.accountingBwaTotals{display:grid;gap:7px}.accountingBwaTotals span,.accountingCategoryRows div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #d8e0e8;border-radius:5px;background:#fff}.accountingCategoryRows{display:grid;gap:5px}.accountingCategoryRows b.positive{color:#15803d}.accountingCategoryRows b.negative{color:#b91c1c} .accountingMain{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(560px,1.6fr);min-height:590px;border:1px solid #b8c7d2;border-radius:8px;background:#fff;overflow:hidden}.accountingListPanel{min-width:0;border-right:1px solid #cbd5e1;background:#f8fafc}.accountingListTools{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #cbd5e1}.accountingListTools input{margin:0;padding:10px 11px;border-radius:6px;font-size:14px}.accountingListTools span{min-width:72px;color:#526575;font-size:11px;font-weight:850;text-align:right}.accountingList{display:grid;align-content:start;max-height:650px;overflow:auto}.accountingListRow{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:3px 9px;width:100%;margin:0;padding:12px;border:0;border-bottom:1px solid #d8e0e8;border-radius:0;background:#fff;color:#0f172a;text-align:left;box-shadow:none}.accountingListRow:hover{background:#eef8fb}.accountingListRow.active{background:#e0f2fe;box-shadow:inset 4px 0 #0891b2}.accountingTypeDot{grid-row:1/3;align-self:center;width:8px;height:34px;border-radius:3px;background:#dc2626}.accountingTypeDot.income{background:#16a34a}.accountingListMain{display:grid;min-width:0;gap:3px}.accountingListMain b,.accountingListMain small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountingListMain b{font-size:13px}.accountingListMain small{color:#64748b;font-size:11px}.accountingListAmount{align-self:start;color:#b91c1c;font-size:13px;font-variant-numeric:tabular-nums}.accountingListAmount.income{color:#15803d}.accountingListState{grid-column:3;color:#64748b;font-size:10px;font-weight:850;text-align:right}.accountingListState.warning{color:#b45309} .accountingEmpty,.accountingDetailEmpty{display:grid;place-items:center;gap:8px;padding:40px 22px;color:#526575;text-align:center}.accountingEmpty strong,.accountingDetailEmpty h2{color:#0f172a}.accountingEmpty span{font-size:12px}.accountingDetailPanel{min-width:0;background:#fff}.accountingDetailEmpty{min-height:540px}.accountingEmptyIcon{display:grid;place-items:center;width:52px;height:52px;border:2px solid #67e8f9;border-radius:8px;color:#0891b2;font-size:26px;font-weight:900} .accountingForm{display:grid;gap:12px;padding:16px}.accountingFormHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid #d8e0e8}.accountingFormHead h2{margin:3px 0 2px;font-size:21px}.accountingFormHead p{margin:0;color:#64748b;font-size:12px}.accountingFormActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.accountingFormActions .buttonLink{padding:8px 10px;border-radius:6px;font-size:12px;white-space:nowrap} .accountingConfidence{display:grid;grid-template-columns:auto minmax(120px,220px) 1fr;align-items:center;gap:10px;color:#526575;font-size:11px;font-weight:800}.accountingConfidence i{height:7px;border-radius:4px;background:#d8e0e8;overflow:hidden}.accountingConfidence i b{display:block;height:100%;background:#0891b2}.accountingWarnings,.accountingChecked{padding:10px 12px;border:1px solid #fdba74;border-left:4px solid #f59e0b;border-radius:6px;background:#fff7ed;color:#7c2d12}.accountingWarnings strong{display:block;margin-bottom:4px}.accountingWarnings p{margin:3px 0;font-size:11px;font-weight:700}.accountingChecked{border-color:#86efac;border-left-color:#16a34a;background:#f0fdf4;color:#14532d;font-size:11px;font-weight:750} .accountingAiState{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #cbd5e1;border-left:4px solid #64748b;border-radius:6px;background:#f8fafc;color:#0f172a}.accountingAiState>span{display:grid;place-items:center;width:34px;height:28px;border-radius:5px;background:#e2e8f0;color:#334155;font-size:11px;font-weight:950}.accountingAiState>div{display:grid;gap:2px;min-width:0}.accountingAiState b{font-size:12px}.accountingAiState small{overflow:hidden;color:#526575;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.accountingAiState i{color:#64748b;font-size:9px;font-style:normal;font-weight:800}.accountingAiState.ready{border-left-color:#16a34a;background:#f0fdf4}.accountingAiState.ready>span{background:#dcfce7;color:#15803d}.accountingAiState.review{border-left-color:#f59e0b;background:#fff7ed}.accountingAiState.review>span{background:#ffedd5;color:#c2410c}body.theme-dark .accountingAiState{border-color:#344956;border-left-color:#64748b;background:#111b23;color:#f8fafc}body.theme-dark .accountingAiState small,body.theme-dark .accountingAiState i{color:#b8c7d2}body.theme-dark .accountingAiState.ready{border-left-color:#22c55e;background:#10271b}body.theme-dark .accountingAiState.review{border-left-color:#f59e0b;background:#332213} .accountingFieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.accountingFieldGrid label{display:grid;align-content:start;gap:4px;min-width:0}.accountingFieldGrid label.wide{grid-column:1/-1}.accountingFieldGrid label>span{color:#526575;font-size:11px;font-weight:850}.accountingFieldGrid input,.accountingFieldGrid select,.accountingFieldGrid textarea{margin:0;padding:10px 11px;border-radius:6px;font-size:14px}.accountingFieldGrid textarea{min-height:72px;resize:vertical}.accountingBottomActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #d8e0e8}.accountingBottomActions button{width:auto;margin:0;padding:10px 13px;border-radius:6px} body.theme-dark .accountingWorkspace{color:#f8fafc}body.theme-dark .accountingHero,body.theme-dark .accountingKpis article,body.theme-dark .accountingBwa,body.theme-dark .accountingMain,body.theme-dark .accountingDetailPanel,body.theme-dark .accountingForm,body.theme-dark .accountingListRow{background:#111b23;color:#f8fafc;border-color:#344956}body.theme-dark .accountingHero p,body.theme-dark .accountingKpis span,body.theme-dark .accountingKpis small,body.theme-dark .accountingBwa summary small,body.theme-dark .accountingListTools span,body.theme-dark .accountingListMain small,body.theme-dark .accountingFormHead p,body.theme-dark .accountingFieldGrid label>span,body.theme-dark .accountingConfidence{color:#b8c7d2}body.theme-dark .accountingKpis strong,body.theme-dark .accountingEmpty strong,body.theme-dark .accountingDetailEmpty h2{color:#fff}body.theme-dark .accountingKpis article.warning{background:#2a2116}body.theme-dark .lexwareStatusCard{background:#10271b;border-color:#297346}body.theme-dark .lexwareStatusCard b{color:#bbf7d0}body.theme-dark .lexwareStatusCard span{color:#a7d7b8}body.theme-dark .accountingBwaBody,body.theme-dark .accountingListPanel{background:#0c151c;border-color:#344956}body.theme-dark .accountingBwaTotals span,body.theme-dark .accountingCategoryRows div{background:#111b23;border-color:#344956}body.theme-dark .accountingListTools,body.theme-dark .accountingListRow,body.theme-dark .accountingFormHead,body.theme-dark .accountingBottomActions{border-color:#344956}body.theme-dark .accountingListRow:hover{background:#182a35}body.theme-dark .accountingListRow.active{background:#123247}body.theme-dark .accountingBusy{background:#102a33;color:#a5f3fc;border-color:#155e75}body.theme-dark .accountingWarnings{background:#332213;color:#fed7aa;border-color:#9a5418}body.theme-dark .accountingChecked{background:#10271b;color:#bbf7d0;border-color:#297346}body.theme-dark .buttonLink.secondary{background:#24343f;color:#f8fafc!important} @media(max-width:1400px){.accountingKpis{grid-template-columns:repeat(3,minmax(0,1fr))}.accountingMain{grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr)}} @media(max-width:950px){.accountingHero{align-items:flex-start;flex-direction:column}.accountingHeroActions{justify-content:flex-start}.accountingKpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lexwareStatusCard{grid-template-columns:auto 1fr}.accountingBwaBody{grid-template-columns:1fr}.accountingMain{grid-template-columns:1fr}.accountingListPanel{border-right:0;border-bottom:1px solid #cbd5e1}.accountingList{max-height:280px}} @media(max-width:600px){.accountingHero{padding:13px}.accountingHeroActions{display:grid;grid-template-columns:1fr 1fr;width:100%}.accountingHeroActions button,.accountingHeroActions .buttonLink{width:100%;text-align:center;white-space:normal}.accountingKpis{grid-template-columns:1fr 1fr}.accountingKpis strong{font-size:19px}.lexwareStatusCard{grid-template-columns:auto 1fr}.lexwareStatusCard>div:nth-last-child(-n+2){padding-top:8px;border-top:1px solid currentColor}.accountingFieldGrid{grid-template-columns:1fr}.accountingFieldGrid label.wide{grid-column:auto}.accountingFormHead{flex-direction:column}.accountingFormActions{justify-content:flex-start}.accountingConfidence{grid-template-columns:1fr}.accountingBottomActions{display:grid;grid-template-columns:1fr}.accountingBottomActions button{width:100%}} /* Buchhaltung 2026.07.27: Aufgaben, Zahlungsstand und Steuerbericht */ .accountingKpis{grid-template-columns:repeat(5,minmax(0,1fr))} .accountingTasks{display:grid;gap:8px;padding:11px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc} .accountingTaskHead{display:flex;align-items:center;gap:9px}.accountingTaskHead span{color:#64748b;font-size:11px}.accountingTaskHead button{width:auto;margin-left:auto;padding:4px 8px;border:0;background:transparent;color:#0891b2;font-size:11px} .accountingTaskGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.accountingTaskGrid button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;margin:0;padding:9px 10px;border:1px solid #cbd5e1;border-left:4px solid #0ea5e9;border-radius:6px;background:#fff;color:#0f172a;text-align:left;box-shadow:none}.accountingTaskGrid button:hover{background:#eef8fb}.accountingTaskGrid button.warning{border-left-color:#f59e0b}.accountingTaskGrid button.danger{border-left-color:#dc2626}.accountingTaskGrid i{display:grid;place-items:center;width:28px;height:28px;border-radius:5px;background:#e0f2fe;color:#0369a1;font-style:normal;font-weight:950}.accountingTaskGrid span{display:grid;gap:2px;min-width:0}.accountingTaskGrid small{overflow:hidden;color:#64748b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.accountingTaskGrid strong{font-size:18px;font-variant-numeric:tabular-nums} .accountingBwaBody{grid-template-columns:minmax(390px,1.25fr) minmax(300px,.75fr)}.accountingBwaOverview{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(280px,1.25fr);gap:12px}.accountingCategoryRows{align-content:start}.accountingCategoryRows h3{margin:0 0 3px;font-size:13px}.accountingMonthChart{display:flex;align-items:flex-end;gap:6px;min-height:158px;padding:15px 11px 25px;border:1px solid #d8e0e8;border-radius:6px;background:#fff}.accountingMonth{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:2px;flex:1;height:115px}.accountingMonth>b{position:absolute;bottom:-18px;color:#64748b;font-size:9px}.accountingMonth>span{display:block;width:42%;min-height:3px;border-radius:3px 3px 0 0}.accountingMonth>span.income{background:#16a34a}.accountingMonth>span.expense{background:#f97316} .accountingListMain b{display:flex;align-items:center;gap:6px}.accountingSource{display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:16px;border-radius:4px;background:#dcfce7;color:#15803d;font-size:8px;font-style:normal;font-weight:950}.accountingSource.lex{background:#cffafe;color:#0e7490} .accountingPaymentSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.accountingPaymentSummary>span{display:grid;gap:2px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc}.accountingPaymentSummary b{font-variant-numeric:tabular-nums}.accountingPaymentSummary small{color:#64748b;font-size:10px}.accountingPaymentSummary.overdue>span:first-child{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}.accountingReadonly{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #67e8f9;border-left:4px solid #0891b2;border-radius:6px;background:#ecfeff}.accountingReadonly span{color:#155e75;font-size:11px}.accountingFieldGrid{margin:0;padding:0;border:0}.accountingFieldGrid:disabled{opacity:.78} body.theme-dark .accountingTasks,body.theme-dark .accountingTaskGrid button,body.theme-dark .accountingMonthChart,body.theme-dark .accountingPaymentSummary>span{background:#111b23;color:#f8fafc;border-color:#344956}body.theme-dark .accountingTaskHead span,body.theme-dark .accountingTaskGrid small,body.theme-dark .accountingMonth>b,body.theme-dark .accountingPaymentSummary small{color:#b8c7d2}body.theme-dark .accountingReadonly{background:#102a33;color:#e6fbff;border-color:#155e75}body.theme-dark .accountingReadonly span{color:#a5f3fc} @media(max-width:1400px){.accountingKpis{grid-template-columns:repeat(3,minmax(0,1fr))}.accountingTaskGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.accountingBwaOverview{grid-template-columns:1fr}} .accountingWorkspaceSwitch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #b8c7d2;border-radius:7px;background:#e8eef2}.accountingWorkspaceSwitch button{width:auto;margin:0;padding:8px 13px;border:0;border-radius:5px;background:transparent;color:#334155;box-shadow:none;font-size:13px}.accountingWorkspaceSwitch button.active{background:#0891b2;color:#fff;box-shadow:0 2px 6px rgba(8,145,178,.24)} .cashbookWorkspace{display:grid;gap:12px}.cashbookKpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.cashbookKpis article{display:grid;gap:4px;min-width:0;padding:13px;border:1px solid #cbd5e1;border-top:4px solid #64748b;border-radius:7px;background:#fff}.cashbookKpis article.cash{border-top-color:#0ea5e9;background:#f0f9ff}.cashbookKpis article.income{border-top-color:#16a34a}.cashbookKpis article.card{border-top-color:#2563eb;background:#eff6ff}.cashbookKpis article.expense{border-top-color:#dc2626}.cashbookKpis article.advance{border-top-color:#8b5cf6;background:#f5f3ff}.cashbookKpis span{color:#526575;font-size:11px;font-weight:850}.cashbookKpis strong{color:#0f172a;font-size:22px;font-variant-numeric:tabular-nums;line-height:1.05}.cashbookKpis small{color:#64748b;font-size:10px;font-weight:700} .cashbookClose{display:grid;grid-template-columns:minmax(280px,1fr) 190px auto auto;align-items:end;gap:12px;padding:14px 16px;border:1px solid #99c5d2;border-left:5px solid #0891b2;border-radius:8px;background:#eef9fc}.cashbookClose h3{margin:3px 0;font-size:18px}.cashbookClose p{margin:0;color:#526575;font-size:12px;font-weight:700}.cashbookClose label{display:grid;gap:5px}.cashbookClose label span{font-size:11px;font-weight:850}.cashbookClose input,.cashbookClose button{margin:0}.cashbookClose>strong{align-self:center;color:#15803d}.cashbookClose>strong.warning{color:#b45309} .cashbookRecurring{display:grid;gap:10px;padding:14px 16px;border:1px solid #c8d5de;border-left:5px solid #f59e0b;border-radius:8px;background:#fff}.cashbookRecurring>div:first-child,.cashbookRecurringHead{display:flex;align-items:center;justify-content:space-between;gap:16px}.cashbookRecurring h3{margin:3px 0;font-size:18px;letter-spacing:0}.cashbookRecurring p{margin:0;color:#526575;font-size:12px;font-weight:700}.cashbookRecurring button{width:auto;margin:0;white-space:nowrap}.cashbookRecurringRows{display:grid!important;gap:7px!important}.cashbookRecurringRow{display:grid;grid-template-columns:minmax(230px,1fr) 110px auto auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid #dce5eb;border-radius:6px;background:#f8fafc}.cashbookRecurringRow>span:first-child{display:grid;gap:2px;min-width:0}.cashbookRecurringRow b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#14202b}.cashbookRecurringRow small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:11px;font-weight:700}.cashbookRecurringRow>strong{color:#14202b;font-size:17px;font-variant-numeric:tabular-nums;text-align:right} .cashbookSplit{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(560px,1.3fr);min-height:560px;border:1px solid #b8c7d2;border-radius:8px;background:#fff;overflow:hidden}.cashbookList{display:grid;align-content:start;max-height:650px;overflow:auto}.cashbookRow{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:3px 10px;width:100%;margin:0;padding:12px;border:0;border-bottom:1px solid #d8e0e8;border-radius:0;background:#fff;color:#0f172a;text-align:left;box-shadow:none}.cashbookRow:hover{background:#eef8fb}.cashbookRow.active{background:#e0f2fe;box-shadow:inset 4px 0 #0891b2}.cashbookDate,.cashbookMain{display:grid;min-width:0;gap:2px}.cashbookDate b,.cashbookMain b{font-size:13px}.cashbookDate small,.cashbookMain small{overflow:hidden;color:#64748b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.cashbookAmount{align-self:start;color:#b91c1c;font-size:14px;font-weight:850;font-variant-numeric:tabular-nums}.cashbookAmount.positive{color:#15803d}.cashbookSync{grid-column:3;color:#b45309;font-size:10px;font-weight:850;text-align:right}.cashbookSync.ok{color:#15803d}.cashbookForm{display:grid;gap:14px}.cashbookLexwareNote{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #b8c7d2;border-radius:8px;background:#f8fafc}.cashbookLexwareNote b{flex:0 0 auto;color:#087a9d}.cashbookLexwareNote span{color:#526575;font-size:12px;font-weight:650}.cashbookLexwareTasks{display:grid;gap:10px;padding:14px 16px;border:1px solid #f0b44d;border-left:5px solid #d97706;border-radius:8px;background:#fffaf0}.cashbookLexwareTasksHead{display:flex;align-items:center;justify-content:space-between;gap:16px}.cashbookLexwareTasksHead>div,.cashbookLexwareTask>div{display:grid;gap:3px;min-width:0}.cashbookLexwareTasks b{color:#8a4b08}.cashbookLexwareTasks span,.cashbookLexwareTask small{color:#765d3c;font-size:12px;font-weight:650}.cashbookLexwareTasks button,.cashbookLexwareTask .buttonLink{width:auto;margin:0;white-space:nowrap}.cashbookLexwareTaskRows{display:grid;gap:7px}.cashbookLexwareTask{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;padding:10px 12px;border:1px solid #ead9b7;border-radius:6px;background:#fff}.cashbookLexwareTask b{color:#263746}.cashbookLexwareTask>span{grid-column:1/-1;color:#765d3c;font-size:11px}.cashbookLexwareTask.warning{border-color:#e3a55a;background:#fff7e8} body.theme-dark .accountingWorkspaceSwitch{border-color:#3c5260;background:#0b141a}body.theme-dark .accountingWorkspaceSwitch button{color:#cbd5e1}body.theme-dark .accountingWorkspaceSwitch button.active{background:#0e9fc5;color:#fff}body.theme-dark .cashbookKpis article,body.theme-dark .cashbookSplit,body.theme-dark .cashbookRow{border-color:#344956;background:#111b23;color:#f8fafc}body.theme-dark .cashbookKpis article.cash{background:#102532}body.theme-dark .cashbookKpis article.card{background:#111f38}body.theme-dark .cashbookKpis article.advance{background:#211a35}body.theme-dark .cashbookKpis span,body.theme-dark .cashbookKpis small,body.theme-dark .cashbookDate small,body.theme-dark .cashbookMain small{color:#b8c7d2}body.theme-dark .cashbookKpis strong{color:#fff}body.theme-dark .cashbookClose{border-color:#2d7184;background:#102832;color:#f8fafc}body.theme-dark .cashbookClose p{color:#b8c7d2}body.theme-dark .cashbookRecurring{border-color:#6f5730;background:#151b20;color:#f8fafc}body.theme-dark .cashbookRecurring p,body.theme-dark .cashbookRecurringRow small{color:#cbd5e1}body.theme-dark .cashbookRecurringRow{border-color:#344956;background:#111b23}body.theme-dark .cashbookRecurringRow b,body.theme-dark .cashbookRecurringRow>strong{color:#fff}body.theme-dark .cashbookRow:hover{background:#182a35}body.theme-dark .cashbookRow.active{background:#123247}body.theme-dark .cashbookLexwareNote{border-color:#344956;background:#111b23;color:#f8fafc}body.theme-dark .cashbookLexwareNote span{color:#cbd5e1}body.theme-dark .cashbookLexwareTasks{border-color:#9a6b2b;background:#2b2115}body.theme-dark .cashbookLexwareTasks b,body.theme-dark .cashbookLexwareTasks span,body.theme-dark .cashbookLexwareTask small,body.theme-dark .cashbookLexwareTask>span{color:#f7d9a2}body.theme-dark .cashbookLexwareTask{border-color:#604722;background:#111b23}body.theme-dark .cashbookLexwareTask b{color:#fff} @media(max-width:1350px){.cashbookKpis{grid-template-columns:repeat(3,minmax(0,1fr))}.cashbookSplit{grid-template-columns:minmax(330px,.75fr) minmax(500px,1.25fr)}.cashbookClose{grid-template-columns:1fr 180px auto}} @media(max-width:900px){.cashbookKpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cashbookClose{grid-template-columns:1fr 1fr}.cashbookSplit{grid-template-columns:1fr}.cashbookList{max-height:320px}} @media(max-width:900px){.cashbookRecurringRow{grid-template-columns:minmax(180px,1fr) 100px auto}.cashbookRecurringRow>span:last-child{grid-column:1/-1;justify-self:start}} @media(max-width:600px){.accountingWorkspaceSwitch{width:100%}.accountingWorkspaceSwitch button{flex:1}.cashbookKpis{grid-template-columns:1fr 1fr}.cashbookKpis strong{font-size:18px}.cashbookClose{grid-template-columns:1fr}.cashbookRecurring>div:first-child,.cashbookRecurringHead,.cashbookLexwareTasksHead{align-items:flex-start;flex-direction:column}.cashbookRecurring button,.cashbookLexwareTasksHead button{width:100%}.cashbookRecurringRow{grid-template-columns:minmax(0,1fr) auto}.cashbookRecurringRow .pill{grid-column:1/-1;justify-self:start}.cashbookSplit{display:block}.cashbookRow{grid-template-columns:78px minmax(0,1fr) auto}.cashbookLexwareNote{align-items:flex-start;flex-direction:column}.cashbookLexwareTask{grid-template-columns:1fr}.cashbookLexwareTask .buttonLink{justify-self:start}} @media(max-width:950px){.accountingBwaBody{grid-template-columns:1fr}} @media(max-width:600px){.accountingTaskGrid{grid-template-columns:1fr}.accountingPaymentSummary{grid-template-columns:1fr 1fr}} /* 2026-07-27: iPad-Lesbarkeit fuer Leitstand und Buchhaltung. */ body:not(.theme-dark) .dashboardCockpitPro .cockpitKpi { border-color: #c8d8e5 !important; background: #f7fbff !important; color: #0f172a !important; } body:not(.theme-dark) .dashboardCockpitPro .cockpitKpi:hover { border-color: #38bdf8 !important; background: #ffffff !important; } body:not(.theme-dark) .dashboardCockpitPro .cockpitKpi span { color: #43566a !important; } body:not(.theme-dark) .dashboardCockpitPro .cockpitKpi strong { color: #0b1220 !important; text-shadow: none !important; } body:not(.theme-dark) .dashboardCockpitPro .cockpitKpi small { color: #526575 !important; } body:not(.theme-dark) .dashboardCockpitPro .cockpitProHead h3 { color: #f8fafc !important; } .accountingMain > .accountingListPanel, .cashbookSplit > .accountingListPanel { position: relative; inset: auto; width: 100%; max-width: none; height: auto; max-height: none; padding: 0; overflow: hidden; transform: none; } @media (max-width: 1180px) { .accountingMain { grid-template-columns: minmax(0, 1fr); } .accountingListPanel { border-right: 0; border-bottom: 1px solid #cbd5e1; } .accountingList { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 300px; } .accountingListRow { min-width: 0; border-right: 1px solid #d8e0e8; } .accountingBwaBody, .accountingBwaOverview { grid-template-columns: minmax(0, 1fr); } .accountingPaymentSummary { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 700px) { .accountingList { grid-template-columns: minmax(0, 1fr); } .accountingListRow { border-right: 0; } } /* 2026-07-28: stabiler App-Rahmen und klar getrennte Buchhaltungs-Arbeitsbereiche. */ @media (min-width: 761px) { body:not(.loggedOut) { display: grid !important; grid-template-columns: 236px minmax(0, 1fr); width: 100%; min-width: 0; } body.sidebarCollapsed:not(.loggedOut) { grid-template-columns: 0 minmax(0, 1fr); } #sideMenu { grid-column: 1; min-width: 0 !important; } main, body.sidebarCollapsed main { grid-column: 2; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 18px !important; overflow-x: hidden !important; } main > #app, main > #login, #app > header, #content, .orders { width: 100% !important; min-width: 0 !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } body.sidebarCollapsed #app > header { min-height: 44px; padding-left: 68px !important; } } .accountingToolbar { display: grid; grid-template-columns: minmax(0, 1fr) repeat(4, minmax(120px, auto)); align-items: end; gap: 8px; } .accountingToolbar .accountingWorkspaceSwitch { grid-column: 1 / -1; } .accountingWorkspaceSwitch { display: grid; grid-template-columns: repeat(6, minmax(120px, 1fr)); width: 100%; } .accountingWorkspaceSwitch button { min-width: 0; white-space: normal; } .accountingWorkspace:not(.accountingTab-overview) .accountingOverviewOnly, .accountingWorkspace:not(.accountingTab-overview):not(.accountingTab-bwa) .accountingBwaOnly { display: none !important; } .accountingMailStatus { display: grid; gap: 10px; padding: 14px; border: 1px solid #f4c27a; border-left: 5px solid #f59e0b; border-radius: 8px; background: #fffaf0; } .accountingMailStatus.connected { border-color: #86efac; border-left-color: #16a34a; background: #f0fdf4; } .accountingMailHead { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .accountingMailHead h3 { margin: 2px 0; font-size: 18px; } .accountingMailHead p { margin: 0; color: #526575; font-size: 12px; font-weight: 650; } .accountingMailHead button { width: auto; margin: 0; white-space: nowrap; } .accountingMailAccounts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .accountingMailAccount { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 2px 8px; align-items: center; min-width: 0; padding: 9px 10px; border: 1px solid #bbdfc7; border-radius: 6px; background: rgba(255,255,255,.8); } .accountingMailAccount > span { grid-row: 1 / 3; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 5px; background: #dcfce7; color: #15803d; font-weight: 950; } .accountingMailAccount b, .accountingMailAccount small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .accountingMailAccount small { color: #526575; font-size: 10px; } .accountingMailAccount.error { border-color: #fca5a5; } .accountingMailAccount.error > span { background: #fee2e2; color: #b91c1c; } .accountingMailSummary { display: flex; flex-wrap: wrap; gap: 7px; } .accountingMailSummary span { padding: 6px 8px; border-radius: 5px; background: rgba(255,255,255,.75); color: #425466; font-size: 11px; font-weight: 750; } .accountingMailSummary .danger { color: #b91c1c; } .accountingOpenItemsHead, .accountingTaxKpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .accountingOpenItemsHead > div, .accountingTaxKpis article { display: grid; gap: 3px; padding: 13px; border: 1px solid #cbd5e1; border-top: 4px solid #0ea5e9; border-radius: 7px; background: #fff; } .accountingOpenItemsHead span, .accountingTaxKpis span { color: #526575; font-size: 11px; font-weight: 850; } .accountingOpenItemsHead strong, .accountingTaxKpis b { color: #0f172a; font-size: 22px; font-variant-numeric: tabular-nums; } .accountingOpenItemsHead small, .accountingTaxKpis small { color: #64748b; font-size: 10px; } .accountingOpenItemsHead .danger, .accountingTaxKpis .warning { border-top-color: #dc2626; background: #fff7f7; } .accountingTaxKpis .positive { border-top-color: #16a34a; background: #f5fff8; } .accountingTaxWorkspace { display: grid; gap: 12px; } .accountingTaxHeadline { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px; border: 1px solid #cbd5e1; border-left: 5px solid #0891b2; border-radius: 8px; background: #fff; } .accountingTaxHeadline h2 { margin: 3px 0; font-size: 23px; } .accountingTaxHeadline p { margin: 0; color: #526575; font-size: 12px; } .accountingTaxHeadline > strong { color: #b45309; font-size: 30px; font-variant-numeric: tabular-nums; } .accountingTaxHeadline > strong.positive { color: #15803d; } .accountingTaxKpis { grid-template-columns: repeat(4, minmax(0, 1fr)); } .accountingTaxTableWrap { overflow: auto; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; } .accountingTaxTable { width: 100%; border-collapse: collapse; min-width: 680px; } .accountingTaxTable th, .accountingTaxTable td { padding: 12px; border-bottom: 1px solid #d8e0e8; text-align: right; font-variant-numeric: tabular-nums; } .accountingTaxTable th:first-child, .accountingTaxTable td:first-child { text-align: left; } .accountingTaxTable thead th { background: #14202b; color: #fff; } .accountingTaxActions { display: flex; gap: 8px; flex-wrap: wrap; } .accountingTaxActions button, .accountingTaxActions .buttonLink { width: auto; margin: 0; } .accountingCompliance { display: grid; gap: 10px; padding: 14px; border: 1px solid #b8c7d2; border-radius: 8px; background: #f8fafc; } .accountingComplianceHead { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .accountingComplianceHead h3 { margin: 3px 0; font-size: 18px; } .accountingComplianceHead p { margin: 0; color: #526575; font-size: 11px; } .accountingComplianceScore { padding: 8px 12px; border-radius: 999px; background: #dcfce7; color: #15803d; font-size: 12px; font-weight: 900; } .accountingComplianceScore.warning { background: #fef3c7; color: #92400e; } .accountingComplianceGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .accountingComplianceGrid article { display: grid; gap: 3px; min-width: 0; padding: 10px; border: 1px solid #cbd5e1; border-left: 4px solid #16a34a; border-radius: 6px; background: #fff; } .accountingComplianceGrid article.warning { border-left-color: #f59e0b; } .accountingComplianceGrid article.info { border-left-color: #0ea5e9; } .accountingComplianceGrid article.saving { border-left-color: #8b5cf6; background: #faf8ff; } .accountingComplianceGrid span { color: #526575; font-size: 10px; font-weight: 850; } .accountingComplianceGrid strong { color: #0f172a; font-size: 20px; } .accountingComplianceGrid small { color: #64748b; font-size: 10px; line-height: 1.35; } .accountingAdvisor { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid #c4b5fd; border-radius: 6px; background: #f5f3ff; color: #4c1d95; } .accountingAdvisor b { flex: 0 0 auto; } .accountingAdvisor p { margin: 0; font-size: 11px; font-weight: 650; } body.theme-dark .accountingMailStatus, body.theme-dark .accountingOpenItemsHead > div, body.theme-dark .accountingTaxWorkspace article, body.theme-dark .accountingTaxHeadline, body.theme-dark .accountingTaxTableWrap, body.theme-dark .accountingMailAccount { border-color: #344956; background: #111b23; color: #f8fafc; } body.theme-dark .accountingMailHead p, body.theme-dark .accountingMailAccount small, body.theme-dark .accountingMailSummary span, body.theme-dark .accountingOpenItemsHead span, body.theme-dark .accountingOpenItemsHead small, body.theme-dark .accountingTaxHeadline p, body.theme-dark .accountingTaxKpis span, body.theme-dark .accountingTaxKpis small { color: #b8c7d2; } body.theme-dark .accountingMailSummary span { background: #0b141a; } body.theme-dark .accountingOpenItemsHead strong, body.theme-dark .accountingTaxKpis b { color: #fff; } body.theme-dark .accountingTaxTable th, body.theme-dark .accountingTaxTable td { border-color: #344956; color: #f8fafc; } body.theme-dark .accountingCompliance, body.theme-dark .accountingComplianceGrid article { border-color: #344956; background: #111b23; color: #f8fafc; } body.theme-dark .accountingComplianceHead p, body.theme-dark .accountingComplianceGrid span, body.theme-dark .accountingComplianceGrid small { color: #b8c7d2; } body.theme-dark .accountingComplianceGrid strong { color: #fff; } body.theme-dark .accountingAdvisor { border-color: #6d55b7; background: #211a35; color: #ddd6fe; } @media (max-width: 1180px) { .accountingToolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .accountingWorkspaceSwitch { grid-template-columns: repeat(3, minmax(0, 1fr)); } .accountingMailAccounts { grid-template-columns: 1fr; } .accountingTaxKpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .accountingComplianceGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 700px) { .accountingToolbar, .accountingWorkspaceSwitch, .accountingOpenItemsHead, .accountingTaxKpis { grid-template-columns: 1fr 1fr; } .accountingMailHead, .accountingTaxHeadline, .accountingComplianceHead, .accountingAdvisor { align-items: stretch; flex-direction: column; } .accountingMailHead button { width: 100%; } .accountingTaxHeadline > strong { font-size: 25px; } .accountingComplianceGrid { grid-template-columns: 1fr; } } .profitTableWrap { overflow:auto; max-width:100%; border:1px solid #cbd5e1; border-radius:6px; } .profitTable { width:100%; min-width:860px; border-collapse:collapse; } .profitTable th, .profitTable td { padding:10px 12px; text-align:right; border-bottom:1px solid #d8e0e8; font-variant-numeric:tabular-nums; } .profitTable th { position:sticky; top:0; z-index:1; background:#14202b; color:#fff; font-size:12px; } .profitTable th:first-child, .profitTable td:first-child { text-align:left; } .profitTable td:first-child small, .profitTable td:nth-child(3) small { display:block; margin-top:3px; color:#64748b; font-size:10px; font-weight:700; } .profitTable tbody tr:hover { background:rgba(10,166,206,.07); } .inventoryQualityControls { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:14px 0 8px; } .inventoryQualityFilters { display:flex; flex-wrap:wrap; gap:6px; } .inventoryQualityFilters button { width:auto; min-height:36px; margin:0; padding:8px 12px; border:1px solid #bfd0db; background:#eef5f8; color:#213442; font-size:11px; } .inventoryQualityFilters button.active { border-color:#0aa6ce; background:#0aa6ce; color:#fff; } .inventoryQualityControls label { display:grid; grid-template-columns:auto minmax(210px,280px); align-items:center; gap:8px; color:#526575; font-size:11px; font-weight:800; } .inventoryQualityControls select { min-width:0; margin:0; } .inventoryQualityResult { margin:0 0 9px; color:#64748b; font-size:11px; font-weight:750; } .inventoryStatusStack { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:4px; } .inventoryStatusStack .pill { margin:0; font-style:normal; white-space:nowrap; } .inventoryQualityTable { max-height:560px; } /* Gemeinsames Lager und revisionsklare Inventur */ .inventoryWorkspace{display:grid;gap:12px;min-width:0;color:#14202b} .inventoryHero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #b8c7d2;border-left:5px solid #f59e0b;border-radius:8px;background:#fff} .inventoryHero h2{margin:3px 0;font-size:24px;letter-spacing:0}.inventoryHero p{margin:0;color:#526575;font-size:12px;font-weight:650} .inventoryHeroActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.inventoryHeroActions button{width:auto;margin:0;white-space:nowrap} .inventoryKpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.inventoryKpis article{display:grid;gap:3px;padding:12px;border:1px solid #cbd5e1;border-top:4px solid #0ea5e9;border-radius:7px;background:#fff;min-width:0}.inventoryKpis article.warning{border-top-color:#f59e0b}.inventoryKpis article.count{border-top-color:#16a34a}.inventoryKpis span,.inventoryKpis small{color:#64748b;font-size:10px;font-weight:750}.inventoryKpis b{overflow:hidden;color:#0f172a;font-size:21px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap} .inventoryControls{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:9px;padding:10px;border:1px solid #cbd5e1;border-radius:7px;background:#f8fafc}.inventoryControls input{margin:0}.inventoryControls>button{width:auto;margin:0}.inventoryFilters{display:flex;gap:5px;flex-wrap:wrap}.inventoryFilters button{width:auto;min-height:36px;margin:0;padding:8px 10px;border:1px solid #bfd0db;background:#eef5f8;color:#213442;font-size:11px}.inventoryFilters button.active{border-color:#0aa6ce;background:#0aa6ce;color:#fff} .inventoryCountNotice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 13px;border:1px solid #fdba74;border-left:5px solid #f59e0b;border-radius:7px;background:#fff7ed;color:#7c2d12}.inventoryCountNotice span{font-size:11px;font-weight:700}.inventoryCountNotice strong{font-variant-numeric:tabular-nums} .inventorySplit{display:grid;grid-template-columns:minmax(650px,1.55fr) minmax(320px,.7fr);min-height:590px;border:1px solid #b8c7d2;border-radius:8px;background:#fff;overflow:hidden}.inventoryTableWrap{overflow:auto;max-height:680px;border-right:1px solid #cbd5e1}.inventoryTable{width:100%;min-width:760px;border-collapse:collapse}.inventoryTable th,.inventoryTable td{padding:10px 9px;border-bottom:1px solid #d8e0e8;text-align:left;font-size:11px}.inventoryTable th{position:sticky;top:0;z-index:2;background:#14202b;color:#fff;font-weight:850}.inventoryTable tr{cursor:pointer}.inventoryTable tbody tr:hover{background:#eef8fb}.inventoryTable tbody tr.active{background:#e0f2fe;box-shadow:inset 4px 0 #0891b2}.inventoryTable td b,.inventoryTable td small{display:block}.inventoryTable td small{margin-top:2px;color:#64748b;font-size:9px}.inventoryTable td.warning{color:#b45309;font-weight:900}.inventoryCountInput{width:76px!important;margin:0!important;padding:8px!important;text-align:right;font-variant-numeric:tabular-nums} .inventoryDetail{display:grid;align-content:start;gap:11px;padding:15px;background:#f8fafc;overflow:auto}.inventoryDetail h3{margin:0;font-size:18px}.inventoryDetail form{display:grid;gap:10px}.inventoryDetail label{display:grid;gap:4px;color:#526575;font-size:10px;font-weight:850}.inventoryDetail input{margin:0;padding:9px 10px}.inventoryFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.inventoryCountStats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inventoryCountStats span{display:grid;gap:3px;padding:10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#64748b;font-size:10px}.inventoryCountStats b{color:#0f172a;font-size:17px;font-variant-numeric:tabular-nums}.inventoryHistory{display:grid;gap:3px;width:100%;margin:0;padding:10px;border:1px solid #cbd5e1;border-left:4px solid #0aa6ce;border-radius:6px;background:#fff;color:#14202b;text-align:left}.inventoryHistory span,.inventoryHistory small{color:#64748b;font-size:10px} body.theme-dark .inventoryWorkspace{color:#f8fafc}body.theme-dark .inventoryHero,body.theme-dark .inventoryKpis article,body.theme-dark .inventorySplit,body.theme-dark .inventoryHistory,body.theme-dark .inventoryCountStats span{border-color:#344956;background:#111b23;color:#f8fafc}body.theme-dark .inventoryHero p,body.theme-dark .inventoryKpis span,body.theme-dark .inventoryKpis small,body.theme-dark .inventoryTable td small,body.theme-dark .inventoryDetail label,body.theme-dark .inventoryHistory span,body.theme-dark .inventoryHistory small,body.theme-dark .inventoryCountStats span{color:#b8c7d2}body.theme-dark .inventoryKpis b,body.theme-dark .inventoryCountStats b{color:#fff}body.theme-dark .inventoryControls,body.theme-dark .inventoryDetail{border-color:#344956;background:#0c151c}body.theme-dark .inventoryFilters button{border-color:#3c5260;background:#1c2b34;color:#f8fafc}body.theme-dark .inventoryFilters button.active{background:#0e9fc5}body.theme-dark .inventoryTable th,body.theme-dark .inventoryTable td{border-color:#344956;color:#f8fafc}body.theme-dark .inventoryTable tbody tr:hover{background:#182a35}body.theme-dark .inventoryTable tbody tr.active{background:#123247}body.theme-dark .inventoryCountNotice{border-color:#9a5418;background:#332213;color:#fed7aa} @media(max-width:1200px){.inventoryKpis{grid-template-columns:repeat(3,minmax(0,1fr))}.inventorySplit{grid-template-columns:1fr}.inventoryTableWrap{border-right:0;border-bottom:1px solid #cbd5e1}.inventoryDetail{max-height:none}} @media(max-width:760px){.inventoryHero{align-items:flex-start;flex-direction:column}.inventoryHeroActions{display:grid;grid-template-columns:1fr 1fr;width:100%}.inventoryHeroActions button{width:100%;white-space:normal}.inventoryKpis{grid-template-columns:1fr 1fr}.inventoryControls{grid-template-columns:1fr}.inventoryControls>button{width:100%}.inventoryFilters{display:grid;grid-template-columns:repeat(2,1fr)}.inventoryFilters button{width:100%}.inventoryCountNotice{grid-template-columns:1fr}.inventorySplit{display:block;min-height:0}.inventoryTableWrap{max-height:58vh}.inventoryDetail{padding:12px}.inventoryFormGrid{grid-template-columns:1fr}} .inventoryCostMissing { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid #d8e0e8; } .inventoryCostMissing span { color:#64748b; text-align:right; } body.theme-dark .profitTableWrap { border-color:#344956; } body.theme-dark .profitTable td { border-color:#344956; color:#f8fafc; } body.theme-dark .profitTable tbody tr:hover { background:rgba(34,211,238,.08); } body.theme-dark .profitTable td:first-child small, body.theme-dark .profitTable td:nth-child(3) small, body.theme-dark .inventoryQualityResult { color:#b8c7d2; } body.theme-dark .inventoryQualityFilters button { border-color:#344956; background:#1b2a34; color:#e7f0f5; } body.theme-dark .inventoryQualityFilters button.active { border-color:#22d3ee; background:#0891b2; color:#fff; } body.theme-dark .inventoryQualityControls label { color:#b8c7d2; } /* Accounting and inventory must keep their working width when the sidebar changes. */ #content, .accountingWorkspace, .statsWorkspace, .accountingHero > div, .accountingDetailPanel, .accountingForm, .statsAreaContent, .posAnalyticsCard, .posAnalyticsGrid > section { min-width:0; } .accountingToolbar { grid-template-columns:repeat(auto-fit,minmax(132px,1fr)); } .accountingToolbar .statToolbarField, .accountingToolbar .statToolbarField select, .accountingToolbar .statToolbarField input { width:100%;min-width:0;max-width:none; } .accountingHero h2, .accountingHero p, .statsWorkspaceHead h2, .statsWorkspaceHead p { overflow-wrap:anywhere; } .accountingDetailPanel { overflow:auto; } .statsInventoryHead{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #cbd5e1;border-left:5px solid #f59e0b;border-radius:8px;background:#fff} .statsInventoryHead h2{margin:3px 0;font-size:23px}.statsInventoryHead p{margin:0;color:#526575;font-size:12px}.statsInventoryHead button{width:auto;margin:0;white-space:nowrap} .goodsReceiptCard{width:min(1500px,97vw);height:min(900px,94vh);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:12px;overflow:hidden;border-radius:8px} .goodsReceiptHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.goodsReceiptHead h2{margin:3px 0;font-size:25px}.goodsReceiptHead p{margin:0;color:#aebdca}.goodsReceiptHead .iconButton{width:42px;height:42px;margin:0;padding:0;font-size:25px} .goodsReceiptActions{display:flex;gap:8px;flex-wrap:wrap}.goodsReceiptActions button{width:auto;margin:0} .goodsReceiptStatus{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid #155e75;border-radius:6px;background:#102a33}.goodsReceiptStatus span{color:#bae6fd;text-align:right} .goodsReceiptRows{min-height:0;overflow:auto;display:grid;align-content:start;gap:8px;padding-right:3px} .goodsReceiptRow{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(110px,.65fr) minmax(220px,1.5fr) 90px 130px minmax(230px,1.4fr) 42px;gap:8px;align-items:end;padding:10px;border:1px solid #344956;border-radius:7px;background:#111b23} .goodsReceiptRow label{display:grid;gap:3px;min-width:0}.goodsReceiptRow label>span{color:#b8c7d2;font-size:10px;font-weight:850}.goodsReceiptRow input,.goodsReceiptRow select{min-width:0;margin:0;padding:10px;border-radius:5px}.goodsReceiptDelete{width:42px;height:42px;margin:0;padding:0;font-size:20px}.goodsReceiptRow small{grid-column:1/-1;color:#fed7aa}.goodsReceiptRow small.matched{color:#86efac}.goodsReceiptEmpty{display:grid;place-items:center;min-height:240px;border:1px dashed #526575;border-radius:7px;color:#aebdca} .goodsReceiptFoot{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) auto;gap:12px;align-items:center;padding-top:12px;border-top:1px solid #344956}.goodsReceiptFoot p{margin:0;color:#aebdca;font-size:11px}.goodsReceiptFoot>button{width:auto;margin:0}.goodsReceiptAccounting{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750}.goodsReceiptAccounting input{width:18px;height:18px;margin:0} body:not(.theme-dark) .goodsReceiptCard{background:#fff;color:#0f172a}body:not(.theme-dark) .goodsReceiptHead p,body:not(.theme-dark) .goodsReceiptFoot p{color:#526575}body:not(.theme-dark) .goodsReceiptStatus{background:#ecfeff;color:#164e63}body:not(.theme-dark) .goodsReceiptStatus span{color:#0e7490}body:not(.theme-dark) .goodsReceiptRow{background:#f8fafc;border-color:#cbd5e1}body:not(.theme-dark) .goodsReceiptRow label>span{color:#526575} body.theme-dark .statsInventoryHead{background:#111b23;border-color:#344956;color:#f8fafc}body.theme-dark .statsInventoryHead p{color:#b8c7d2} @media(max-width:1180px){ .goodsReceiptCard{height:96vh} .goodsReceiptRow{grid-template-columns:repeat(3,minmax(0,1fr))} .goodsReceiptDelete{grid-column:3;grid-row:3;justify-self:end}.goodsReceiptRow small{grid-column:1/3;grid-row:3;align-self:center} } @media(max-width:700px){ main,body.sidebarCollapsed main{padding:10px!important} .accountingToolbar{grid-template-columns:1fr 1fr} .accountingWorkspaceSwitch{grid-column:1/-1;grid-template-columns:1fr 1fr} .accountingHeroActions{grid-template-columns:1fr!important} .statsInventoryHead,.goodsReceiptHead,.goodsReceiptStatus{align-items:stretch;flex-direction:column} .statsInventoryHead button{width:100%} .goodsReceiptCard{width:100vw;height:100vh;max-height:none;padding:12px;border:0} .goodsReceiptActions{display:grid;grid-template-columns:1fr}.goodsReceiptActions button{width:100%} .goodsReceiptStatus span{text-align:left} .goodsReceiptRow{grid-template-columns:1fr 1fr}.goodsReceiptName,.goodsReceiptMatch{grid-column:1/-1}.goodsReceiptDelete{grid-column:2;grid-row:auto;justify-self:end}.goodsReceiptRow small{grid-column:1/-1;grid-row:auto} .goodsReceiptFoot{grid-template-columns:1fr}.goodsReceiptFoot>button{width:100%} .inventoryQualityControls{align-items:stretch;flex-direction:column}.inventoryQualityControls label{grid-template-columns:1fr}.inventoryQualityControls select{width:100%} } @media(max-width:430px){ .accountingToolbar,.accountingWorkspaceSwitch{grid-template-columns:1fr} .goodsReceiptRow{grid-template-columns:1fr}.goodsReceiptName,.goodsReceiptMatch,.goodsReceiptDelete,.goodsReceiptRow small{grid-column:1}.goodsReceiptDelete{justify-self:stretch;width:100%} } body.theme-dark .inventoryCostMissing { border-color:#344956; } body.theme-dark .inventoryCostMissing span { color:#b8c7d2; } /* Website editor */ .websiteAdminGrid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 14px; align-items: start; } .websiteEditor, .websiteAdminSide, .websiteInbox, .websiteStatusCard { min-width: 0; } .websiteEditor { display: grid; gap: 14px; } .websiteAdminSide { display: grid; gap: 14px; width: auto; height: auto; padding: 0; overflow: visible; position: static; border: 0; background: transparent; } .websiteSectionHead { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .websiteSectionHead h2, .websiteSectionHead h3 { margin: 0 0 4px; } .websiteSectionHead p { margin: 0; color: #64748b; font-size: 12px; line-height: 1.45; } .websiteTitleGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .websiteEditor label { display: grid; gap: 5px; color: #425466; font-size: 11px; font-weight: 850; } .websiteEditor input, .websiteEditor textarea { width: 100%; min-width: 0; margin: 0; } .websiteEditor textarea { resize: vertical; } .websiteDivider { height: 1px; background: #d8e0e8; } .websiteToggle { display: flex !important; grid-template-columns: none !important; align-items: center; gap: 8px !important; white-space: nowrap; } .websiteToggle input { width: 18px; height: 18px; margin: 0; } .websiteSaveBar { display: flex; align-items: center; gap: 12px; min-height: 42px; } .websiteSaveBar button { width: auto; min-width: 170px; margin: 0; } .websiteSaveBar span { color: #526575; } .websiteStatusCard { display: grid; gap: 8px; } .websiteStatusCard h2 { margin: 0 0 3px; } .websiteStatusCard > div { display: grid; grid-template-columns: minmax(86px, .75fr) minmax(0, 1.4fr) auto; gap: 8px; align-items: center; padding: 10px 0; border-bottom: 1px solid #e2e8f0; } .websiteStatusCard > div:last-child { border-bottom: 0; } .websiteStatusCard span { color: #64748b; font-size: 10px; font-weight: 850; } .websiteStatusCard strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .statusDot { display: inline-flex; align-items: center; gap: 5px; color: #64748b; font-size: 10px; } .statusDot::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #94a3b8; } .statusDot.online { color: #15803d; } .statusDot.online::before { background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.14); } .websiteInbox { display: grid; gap: 12px; } #websiteContactList { display: grid; gap: 8px; max-height: 540px; overflow: auto; padding-right: 3px; } .websiteContactItem { display: grid; gap: 9px; padding: 13px 2px; border-bottom: 1px solid #d8e0e8; } .websiteContactItem:last-child { border-bottom: 0; } .websiteContactHead, .websiteContactActions { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .websiteContactHead > div { display: grid; min-width: 0; gap: 2px; } .websiteContactHead a { overflow: hidden; text-overflow: ellipsis; color: #087f9c; font-size: 11px; } .websiteContactHead time { flex: 0 0 auto; color: #64748b; font-size: 10px; } .websiteContactItem p { margin: 0; color: #334155; font-size: 12px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; } .websiteContactActions { align-items: center; } .websiteContactActions button { width: auto; min-height: 34px; margin: 0; padding: 7px 10px; font-size: 10px; } body.theme-dark .websiteEditor label, body.theme-dark .websiteSaveBar span, body.theme-dark .websiteSectionHead p, body.theme-dark .websiteStatusCard span, body.theme-dark .websiteContactHead time { color: #b8c7d2; } body.theme-dark .websiteDivider, body.theme-dark .websiteStatusCard > div { border-color: #344956; background: transparent; } body.theme-dark .websiteContactItem { border-color: #344956; } body.theme-dark .websiteContactItem p { color: #e2e8f0; } .websiteWorkspace { display: grid; gap: 12px; min-width: 0; } .websiteQuickActions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; width: 100%; } .websiteQuickActions .buttonLink, .websiteQuickActions button { flex: 0 0 auto; width: max-content !important; margin: 0; white-space: nowrap; } .websiteWorkspaceTabs { display: flex; align-items: center; gap: 4px; min-width: 0; padding: 4px; overflow-x: auto; border: 1px solid #d8e0e8; border-radius: 8px; background: #eef3f6; } .websiteWorkspaceTabs button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: auto; min-width: 118px; min-height: 38px; margin: 0; padding: 8px 14px; border: 0; border-radius: 6px; background: transparent; color: #425466; box-shadow: none; white-space: nowrap; } .websiteWorkspaceTabs button:hover { background: #fff; color: #0f172a; } .websiteWorkspaceTabs button.active { background: #0f172a; color: #fff; } .websiteWorkspaceTabs button span { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: #dc2626; color: #fff; font-size: 10px; } .websiteLoading, .websiteEmpty { min-height: 120px; display: grid; place-items: center; color: #64748b; text-align: center; } .websiteDataWarning { margin: 0; padding: 10px 12px; border: 1px solid #f59e0b; border-radius: 7px; background: #fffbeb; color: #92400e; font-size: 11px; } .websiteTwoColumns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .websiteWorkspaceSplit { display: grid; grid-template-columns: minmax(310px, .7fr) minmax(0, 1.3fr); gap: 14px; align-items: start; } .websiteShopWorkspace { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; } .websiteCompactEditor { align-content: start; } .websiteCompactEditor > button { width: auto; justify-self: start; margin: 0; } .websiteListPanel { min-width: 0; display: grid; gap: 12px; align-content: start; } .websiteProductListPanel { grid-column: 1 / -1; } .websiteManageList { display: grid; min-width: 0; } .websiteManageItem { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 13px 0; border-bottom: 1px solid #d8e0e8; } .websiteManageItem:last-child { border-bottom: 0; } .websiteManageItem.muted { opacity: .62; } .websiteManageItem > div:first-child { min-width: 0; } .websiteManageItem strong, .websiteManageItem span { display: block; } .websiteManageItem span { margin-top: 3px; color: #64748b; font-size: 10px; font-weight: 750; } .websiteManageItem p { margin: 7px 0 0; color: #334155; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; } .websiteInlineActions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; } .websiteInlineActions button { width: auto; min-height: 34px; margin: 0; padding: 7px 10px; font-size: 10px; white-space: nowrap; } .websiteCategoryList { display: grid; margin-top: 4px; border-top: 1px solid #d8e0e8; } .websiteCategoryList > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid #d8e0e8; } .websiteCategoryList > div:last-child { border-bottom: 0; } .websiteCategoryList span:first-child { display: grid; min-width: 0; } .websiteCategoryList small { color: #64748b; font-size: 10px; } .websiteInboxWorkspace { display: grid; gap: 12px; min-width: 0; } .websiteInboxToolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #d8e0e8; border-bottom: 1px solid #d8e0e8; } .websiteSubTabs { display: flex; align-items: center; gap: 5px; } .websiteSubTabs button { display: inline-flex; align-items: center; gap: 7px; width: auto; min-height: 36px; margin: 0; padding: 7px 10px; background: #e2e8f0; color: #334155; } .websiteSubTabs button.active { background: #0f172a; color: #fff; } .websiteSubTabs span { display: inline-grid; place-items: center; min-width: 20px; height: 20px; border-radius: 10px; background: rgba(255,255,255,.18); font-size: 10px; } .websiteInboxFilters { display: grid; grid-template-columns: minmax(190px, 1fr) minmax(145px, auto) auto; gap: 7px; min-width: min(100%, 520px); } .websiteInboxFilters input, .websiteInboxFilters select, .websiteInboxFilters button { min-width: 0; min-height: 38px; margin: 0; } .websiteInboxFilters button { width: auto; } .websiteInboxWorkspace #websiteContactList { max-height: 66vh; } .websiteMessageMeta { display: flex; gap: 10px; flex-wrap: wrap; color: #64748b; font-size: 10px; } .websiteResultCount { margin: 0; text-align: right; } body.theme-dark .websiteWorkspaceTabs { border-color: #344956; background: #0c151c; } body.theme-dark .websiteWorkspaceTabs button { color: #b8c7d2; } body.theme-dark .websiteWorkspaceTabs button:hover { background: #1b2a34; color: #fff; } body.theme-dark .websiteWorkspaceTabs button.active, body.theme-dark .websiteSubTabs button.active { background: #0891b2; color: #fff; } body.theme-dark .websiteDataWarning { border-color: #9a5418; background: #332213; color: #fed7aa; } body.theme-dark .websiteManageItem, body.theme-dark .websiteCategoryList, body.theme-dark .websiteCategoryList > div, body.theme-dark .websiteInboxToolbar { border-color: #344956; } body.theme-dark .websiteManageItem p { color: #e2e8f0; } body.theme-dark .websiteManageItem span, body.theme-dark .websiteCategoryList small, body.theme-dark .websiteMessageMeta { color: #b8c7d2; } body.theme-dark .websiteSubTabs button { background: #24343f; color: #e7f0f5; } @media (max-width: 1080px) { .websiteAdminGrid { grid-template-columns: 1fr; } .websiteAdminSide { grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); } .websiteWorkspaceSplit { grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); } } @media (max-width: 700px) { .websiteQuickActions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; } .websiteQuickActions .buttonLink, .websiteQuickActions button { width: 100% !important; text-align: center; white-space: normal; } .websiteQuickActions button { grid-column: 1 / -1; } .websiteTitleGrid, .websiteAdminSide, .websiteTwoColumns, .websiteWorkspaceSplit, .websiteShopWorkspace { grid-template-columns: 1fr; } .websiteSectionHead, .websiteSaveBar, .websiteContactHead, .websiteContactActions { align-items: stretch; flex-direction: column; } .websiteSaveBar button, .websiteContactActions button { width: 100%; } .websiteProductListPanel { grid-column: auto; } .websiteManageItem { grid-template-columns: 1fr; } .websiteInlineActions { justify-content: flex-start; } .websiteInboxToolbar { align-items: stretch; flex-direction: column; } .websiteSubTabs { display: grid; grid-template-columns: 1fr 1fr; } .websiteSubTabs button { width: 100%; } .websiteInboxFilters { grid-template-columns: 1fr; min-width: 0; } .websiteInboxFilters button { width: 100%; } .websiteCategoryList > div { align-items: stretch; flex-direction: column; } } /* MIB 2026-09-09 unified control sizing */ :root{ --mib-control-height:52px; --mib-menu-button-height:48px; --mib-control-radius:10px; } button, input, select, textarea{ line-height:1.2; } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea{ min-height:var(--mib-control-height); padding:11px 13px; font-size:16px; border-radius:var(--mib-control-radius); } textarea{ min-height:118px; } button{ min-height:46px; padding:11px 15px; border-radius:var(--mib-control-radius); white-space:normal; overflow-wrap:anywhere; } aside button, .navScroll button, .navGroup button, .mobileActions button, .topActions button, .viewToolbar button, .actions button, .detailActions button, .websiteWorkspaceTabs button, .websiteSubTabs button{ min-height:var(--mib-menu-button-height); } aside button, .navScroll button, .navGroup button{ text-align:left; } .navScroll{ max-width:100%; overflow-x:hidden; } .navGroup summary{ min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:8px; } #loginBtn, .loginCard input, .loginCard button{ width:100%; } button:disabled, [aria-busy="true"]{ cursor:wait; opacity:.62; } input:not([type="checkbox"]):not([type="radio"]):focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible{ outline:3px solid rgba(2,132,199,.45); outline-offset:2px; } [role="alert"]:not(:empty), [role="status"]:not(:empty), .errorText:not(:empty){ min-height:24px; line-height:1.45; } section[id], [role="dialog"]{ scroll-margin-top:84px; } @media(pointer:coarse){ button, summary, [role="button"]{ min-height:52px; } } @media(max-width:760px){ :root{ --mib-control-height:50px; --mib-menu-button-height:48px; } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea{ font-size:16px; padding:11px 12px; } button, aside button, .navScroll button, .navGroup button, .topActions button, .viewToolbar button, .actions button, .detailActions button{ font-size:15px; min-height:48px; } } /* Stable auth transition and compact, controllable admin navigation. */ #authGate{display:none} body.authPending{display:block!important} body.authPending aside, body.authPending main, body.authPending .mobileTopbar{display:none!important} body.authPending #authGate{ min-height:100vh; min-height:100dvh; display:grid; place-content:center; justify-items:center; gap:10px; padding:24px; background:var(--bg); color:var(--text); text-align:center; } #authGate img{ width:104px; height:104px; object-fit:cover; border:1px solid var(--line); border-radius:8px; } #authGate strong{font-size:24px} #authGate span{color:var(--muted);font-size:16px} body.mibProUi:not(.theme-dark) #sideMenu h1{color:var(--text)!important} .navGroupTools{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:8px 0 10px; } .navGroupTools button{ min-height:48px!important; margin:0!important; padding:10px 12px!important; border:1px solid var(--line)!important; border-radius:8px!important; font-size:14px!important; text-align:center!important; } .navGroup summary{ border-radius:6px; touch-action:manipulation; } .navGroup summary:hover{background:rgba(56,189,248,.08)} @media(max-width:760px){ aside{ right:auto!important; width:min(390px, calc(100vw - 24px))!important; min-width:0!important; height:100vh!important; height:100dvh!important; max-height:100vh!important; max-height:100dvh!important; overflow:auto!important; padding:72px 12px 18px!important; transform:translateX(-105%); transition:transform .2s ease!important; } body.menuOpen aside{ max-height:100vh!important; max-height:100dvh!important; padding:72px 12px 18px!important; transform:translateX(0); } body.menuOpen main::after{ content:''; position:fixed; inset:0; z-index:45; background:rgba(0,0,0,.56); } .navGroup summary{ min-height:52px; padding:10px 8px!important; font-size:16px!important; } } @media(prefers-reduced-motion:reduce){ aside{transition:none!important} } .cashbookSourceStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0;padding:10px 12px;border:1px solid #b8c7d2;border-left:4px solid #0aa6ce;border-radius:8px;background:#f8fafc}.cashbookSourceStrip div{display:grid;gap:3px;min-width:0}.cashbookSourceStrip b{color:#0f5f78;font-size:12px}.cashbookSourceStrip span{overflow:hidden;color:#526575;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.cashbookAssistant{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding:13px 14px;border:1px solid #b8c7d2;border-radius:8px;background:#eef8fb}.cashbookAssistant div{display:grid;gap:4px}.cashbookAssistant b{color:#087a9d}.cashbookAssistant span{color:#526575;font-size:12px;font-weight:650}.cashbookAssistant code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#0f5f78}@media(max-width:800px){.cashbookSourceStrip{grid-template-columns:1fr}.cashbookAssistant{align-items:flex-start;flex-direction:column}.cashbookAssistant .buttonLink{width:100%;text-align:center}} /* Shared setup form for printers, third-party terminals and TSE bridges. */ .sumupDeviceSetup{margin-top:14px;border-top:1px solid var(--line);padding-top:12px} .sumupDeviceSetup>summary{cursor:pointer;color:var(--text);font-size:15px;font-weight:900;list-style-position:inside} .sumupDeviceSetup>summary::marker{color:#047857} .sumupSetupColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px} .sumupSetupSection{min-width:0;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--panel2)} .sumupSetupSection h3{margin:0 0 9px;color:var(--text);font-size:14px} .sumupSetupGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end} .sumupSetupGrid label{display:grid;gap:4px;min-width:0;color:var(--muted);font-size:11px;font-weight:800} .sumupSetupGrid label:first-child{grid-column:1/-1} .sumupSetupGrid input,.sumupSetupGrid select{min-width:0;min-height:42px;margin:0!important;padding:8px 9px!important;font-size:12px!important} .sumupSetupGrid .sumupSetupCheck{display:flex;grid-column:1/-1;align-items:center;gap:7px;min-height:35px;color:var(--text)} .sumupSetupGrid .sumupSetupCheck input{width:18px;min-height:18px;margin:0!important} .sumupSetupSection>.small{margin:9px 0 0;line-height:1.35} .sumupSetupMessage{padding:9px 10px;border-left:3px solid #047857;background:rgba(4,120,87,.08)} .sumupSetupDeviceTools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px} .sumupSetupDeviceTools button{min-height:48px;margin:0!important} .sumupSetupDeviceTools .small{margin:0;line-height:1.35} .sumupSetupMessage[data-tone="warning"]{border-left-color:#d97706;background:rgba(217,119,6,.10)} .sumupSetupMessage[data-tone="error"]{border-left-color:#dc2626;background:rgba(220,38,38,.10)} .sumupSetupMessage[data-tone="success"]{border-left-color:#047857;background:rgba(4,120,87,.08)} @media(max-width:720px){.sumupSetupColumns,.sumupSetupGrid{grid-template-columns:1fr}.sumupSetupGrid label:first-child,.sumupSetupGrid .sumupSetupCheck{grid-column:auto}} .sumupSetupWorkspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;width:100%;margin-top:12px;align-items:start;overflow:visible} .sumupSetupTabs{display:grid;gap:6px;position:sticky;top:12px} .sumupSetupTabs button{min-height:48px;margin:0!important;padding:9px 11px!important;border:1px solid var(--line)!important;border-radius:6px!important;background:var(--panel2)!important;color:var(--text)!important;font-size:12px!important;font-weight:850!important;text-align:left!important} .sumupSetupTabs button.active{border-color:#0284c7!important;background:#0284c7!important;color:#fff!important} .sumupSetupWorkspace .sumupSetupColumns{display:block;width:100%;min-width:0;margin-top:0;overflow:visible} .sumupSetupSection{display:none} .sumupSetupSection.is-active{display:block} @media(max-width:760px){.sumupSetupWorkspace{grid-template-columns:1fr}.sumupSetupTabs{display:flex;position:static;overflow-x:auto;padding-bottom:2px}.sumupSetupTabs button{flex:0 0 auto;min-width:145px;text-align:center!important}.sumupSetupTabs button.active{position:sticky;left:0}} .systemHardwareOverview{margin:14px 0 18px;padding:14px;border:1px solid var(--line);background:var(--panel2);border-radius:8px} .systemHardwareOverviewHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.systemHardwareOverviewHead>div:first-child{min-width:0}.systemHardwareOverviewHead span{color:#087f5b;font-size:11px;font-weight:900;letter-spacing:.03em}.systemHardwareOverviewHead h3{margin:3px 0 4px;font-size:18px}.systemHardwareOverviewHead p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.systemHardwareOverviewHead button{flex:0 0 auto;min-height:44px;margin:0!important} .systemHardwareGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.systemHardwareItem{min-width:0;padding:11px;border:1px solid var(--line);border-top:3px solid #64748b;background:var(--panel);border-radius:6px}.systemHardwareItem.ready,.systemHardwareItem.reachable{border-top-color:#059669}.systemHardwareItem.open,.systemHardwareItem.configuration_error{border-top-color:#d97706}.systemHardwareItem.unreachable,.systemHardwareItem.requires_provider_api{border-top-color:#dc2626}.systemHardwareItemHead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.systemHardwareItemHead strong,.systemHardwareItemHead small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.systemHardwareItemHead strong{font-size:13px}.systemHardwareItemHead small{margin-top:3px;color:var(--muted);font-size:11px}.systemHardwareItemHead b{font-size:10px;color:#64748b;text-align:right;white-space:nowrap}.systemHardwareItem.reachable .systemHardwareItemHead b,.systemHardwareItem.ready .systemHardwareItemHead b{color:#047857}.systemHardwareItem.configuration_error .systemHardwareItemHead b,.systemHardwareItem.open .systemHardwareItemHead b{color:#b45309}.systemHardwareItem.unreachable .systemHardwareItemHead b,.systemHardwareItem.requires_provider_api .systemHardwareItemHead b{color:#b91c1c}.systemHardwareItem p{min-height:32px;margin:10px 0;color:var(--muted);font-size:11px;line-height:1.4;overflow-wrap:anywhere}.systemHardwareItem button{width:100%;min-height:42px;margin:0!important;padding:8px 10px!important;font-size:11px!important} @media(max-width:1080px){.systemHardwareGrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.systemHardwareOverview{padding:11px}.systemHardwareOverviewHead{display:block}.systemHardwareOverviewHead button{width:100%;margin-top:10px!important}.systemHardwareGrid{grid-template-columns:1fr}.systemHardwareItem p{min-height:0}} /* Current operational figures stay visible next to the booked Lexware figures. */ .accountingLivePanel{display:grid;gap:12px;padding:14px;border:1px solid #9dd6e5;border-left:5px solid #0891b2;border-radius:8px;background:#f0fbfd} .accountingLiveHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .accountingLiveHead h3{margin:3px 0 2px;font-size:21px} .accountingLiveHead p{margin:0;color:#526575;font-size:12px;font-weight:650} .accountingLiveHead .pill{flex:0 0 auto} .accountingLiveGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .accountingLiveGrid article{display:grid;gap:4px;min-width:0;padding:11px 12px;border:1px solid #cbd5e1;border-top:4px solid #0ea5e9;border-radius:7px;background:#fff} .accountingLiveGrid article.sumup{border-top-color:#7c3aed} .accountingLiveGrid article.workshop{border-top-color:#0f766e} .accountingLiveGrid article.invoice{border-top-color:#d97706} .accountingLiveGrid span{color:#526575;font-size:11px;font-weight:850} .accountingLiveGrid strong{color:#0f172a;font-size:24px;font-variant-numeric:tabular-nums;line-height:1.1} .accountingLiveGrid small{color:#64748b;font-size:10px;font-weight:700} .accountingLiveNote{margin:0;color:#526575;font-size:11px;font-weight:700} body.theme-dark .accountingLivePanel{border-color:#155e75;background:#102a33;color:#f8fafc} body.theme-dark .accountingLiveHead p,body.theme-dark .accountingLiveNote,body.theme-dark .accountingLiveGrid span,body.theme-dark .accountingLiveGrid small{color:#b8c7d2} body.theme-dark .accountingLiveGrid article{border-color:#344956;background:#111b23} body.theme-dark .accountingLiveGrid strong{color:#fff} @media(max-width:950px){.accountingLiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.accountingLiveHead{flex-direction:column}.accountingLiveHead .pill{align-self:flex-start}.accountingLiveGrid{grid-template-columns:1fr 1fr}.accountingLiveGrid strong{font-size:19px}} .accountingFinancialReport{display:grid;gap:12px;padding:15px 16px;border:1px solid #b8c7d2;border-left:5px solid #0891b2;border-radius:8px;background:#f8fafc}.accountingFinancialReportLoading{min-height:92px;align-content:center}.accountingFinancialReportHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.accountingFinancialReportHead h3{margin:3px 0 2px;font-size:18px}.accountingFinancialReportHead p{margin:0;color:#526575;font-size:11px;font-weight:700}.accountingFinancialReportGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.accountingFinancialReportGrid article{display:grid;gap:4px;min-width:0;padding:10px 11px;border:1px solid #d8e0e8;border-radius:6px;background:#fff}.accountingFinancialReportGrid span{color:#526575;font-size:10px;font-weight:850}.accountingFinancialReportGrid b{font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.accountingFinancialReportGrid small{color:#64748b;font-size:10px;font-weight:700}.accountingFinancialTaxTable{overflow:auto;border:1px solid #d8e0e8;border-radius:6px;background:#fff}.accountingFinancialTaxTable table{width:100%;border-collapse:collapse;min-width:620px}.accountingFinancialTaxTable th,.accountingFinancialTaxTable td{padding:8px 10px;border-bottom:1px solid #e2e8f0;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.accountingFinancialTaxTable th:first-child,.accountingFinancialTaxTable td:first-child{text-align:left}.accountingFinancialTaxTable thead th{color:#526575;font-size:10px}.accountingFinancialTaxTable tbody tr:last-child th,.accountingFinancialTaxTable tbody tr:last-child td{border-bottom:0}.accountingFinancialReport .accountingWarnings,.accountingFinancialReport .accountingChecked{margin:0} body.theme-dark .accountingFinancialReport{background:#111b23;border-color:#344956;color:#f8fafc}body.theme-dark .accountingFinancialReportHead p,body.theme-dark .accountingFinancialReportGrid span,body.theme-dark .accountingFinancialReportGrid small,body.theme-dark .accountingFinancialTaxTable thead th{color:#b8c7d2}body.theme-dark .accountingFinancialReportGrid article,body.theme-dark .accountingFinancialTaxTable{background:#0c151c;border-color:#344956}body.theme-dark .accountingFinancialTaxTable th,body.theme-dark .accountingFinancialTaxTable td{border-color:#344956} @media(max-width:1100px){.accountingFinancialReportGrid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:600px){.accountingFinancialReportHead{flex-direction:column}.accountingFinancialReportGrid{grid-template-columns:1fr 1fr}} .accountingSourceBreakdown{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:12px}.accountingSourceBreakdown h4{margin:0 0 3px;font-size:13px}.accountingSourceBreakdown p{margin:0 0 7px;color:#526575;font-size:11px;font-weight:650}.accountingSourceBreakdown table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d8e0e8;border-radius:6px;overflow:hidden}.accountingSourceBreakdown th,.accountingSourceBreakdown td{padding:7px 9px;border-bottom:1px solid #e2e8f0;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.accountingSourceBreakdown th:first-child,.accountingSourceBreakdown td:first-child{text-align:left}.accountingSourceBreakdown tbody tr:last-child th,.accountingSourceBreakdown tbody tr:last-child td{border-bottom:0}.accountingAuditGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.accountingAuditGrid span{display:grid;gap:2px;padding:8px 9px;border:1px solid #d8e0e8;border-radius:6px;background:#fff;color:#526575;font-size:10px;font-weight:750}.accountingAuditGrid strong{color:#0f172a;font-size:16px}.accountingAuditState{margin-top:8px!important;padding:8px 9px;border-left:4px solid #f59e0b;border-radius:5px;background:#fff7ed;color:#9a3412!important}.accountingAuditState.ready{border-left-color:#16a34a;background:#f0fdf4;color:#166534!important}.accountingPrintActions{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}.accountingPrintActions button{width:auto;margin:0}.accountingFinancialReport .accountingPrintActions button{min-height:40px}@media(max-width:760px){.accountingSourceBreakdown{grid-template-columns:1fr}.accountingPrintActions{display:grid;grid-template-columns:1fr}.accountingPrintActions button{width:100%}}body.theme-dark .accountingSourceBreakdown p{color:#b8c7d2}body.theme-dark .accountingSourceBreakdown table,body.theme-dark .accountingAuditGrid span{background:#0c151c;border-color:#344956}body.theme-dark .accountingSourceBreakdown th,body.theme-dark .accountingSourceBreakdown td{border-color:#344956}body.theme-dark .accountingAuditGrid strong{color:#fff}body.theme-dark .accountingAuditState{background:#332213;color:#fed7aa!important}body.theme-dark .accountingAuditState.ready{background:#10271b;color:#bbf7d0!important} .accountingTaxAdvisor{display:grid;gap:12px;padding:15px 16px;border:1px solid #b7c9d5;border-left:5px solid #7c3aed;border-radius:8px;background:#faf8ff}.accountingTaxAdvisorLoading{min-height:92px;align-content:center}.accountingTaxAdvisorHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.accountingTaxAdvisorHead h3{margin:3px 0 2px;font-size:19px}.accountingTaxAdvisorHead p{margin:0;color:#526575;font-size:11px;font-weight:700}.accountingTaxAdvisorBadges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.accountingTaxAdvisorFlow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.accountingTaxAdvisorFlowItem{display:grid;grid-template-columns:auto 1fr;gap:7px;min-width:0;padding:9px 10px;border:1px solid #d8e0e8;border-top:3px solid #94a3b8;border-radius:6px;background:#fff}.accountingTaxAdvisorFlowItem.done,.accountingTaxAdvisorFlowItem.ready{border-top-color:#16a34a}.accountingTaxAdvisorFlowItem.review{border-top-color:#d97706}.accountingTaxAdvisorFlowItem.blocked{border-top-color:#dc2626}.accountingTaxAdvisorFlowItem>b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:#334155}.accountingTaxAdvisorFlowItem.done>b,.accountingTaxAdvisorFlowItem.ready>b{background:#dcfce7;color:#166534}.accountingTaxAdvisorFlowItem.review>b{background:#fef3c7;color:#92400e}.accountingTaxAdvisorFlowItem.blocked>b{background:#fee2e2;color:#991b1b}.accountingTaxAdvisorFlowItem span{display:grid;gap:3px;min-width:0}.accountingTaxAdvisorFlowItem strong{font-size:11px;line-height:1.2}.accountingTaxAdvisorFlowItem small{color:#526575;font-size:10px;line-height:1.3}.accountingTaxAdvisorFlowItem em{grid-column:2;color:#64748b;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase}.accountingTaxAdvisorActions{display:grid;gap:7px}.accountingTaxAdvisorActions h4,.accountingTaxAdvisorChecks h4{margin:0;font-size:13px}.accountingTaxAdvisorActions article{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:9px 10px;border:1px solid #d8e0e8;border-left:4px solid #94a3b8;border-radius:6px;background:#fff}.accountingTaxAdvisorActions article.critical{border-left-color:#dc2626}.accountingTaxAdvisorActions article.high{border-left-color:#d97706}.accountingTaxAdvisorActions article.medium{border-left-color:#7c3aed}.accountingTaxAdvisorActions article span{color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase}.accountingTaxAdvisorActions article div{display:grid;gap:3px}.accountingTaxAdvisorActions article b{font-size:12px}.accountingTaxAdvisorActions article p,.accountingTaxAdvisorActions article small{margin:0;color:#526575;font-size:11px;line-height:1.35}.accountingTaxAdvisorChecks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.accountingTaxAdvisorChecks span{display:grid;gap:3px;padding:8px 9px;border:1px solid #d8e0e8;border-radius:6px;background:#fff}.accountingTaxAdvisorChecks span.open{border-color:#f2c47d;background:#fffaf0}.accountingTaxAdvisorChecks b{font-size:18px;font-variant-numeric:tabular-nums}.accountingTaxAdvisorChecks small{color:#526575;font-size:10px;font-weight:750;line-height:1.25}.accountingTaxAdvisorChecks .clear b{color:#15803d}.accountingTaxAdvisorChecks .open b{color:#b45309}.accountingTaxAdvisor .businessDisclaimer{margin:0}.accountingTaxAdvisor .pill.ok{background:#dcfce7;color:#166534}.accountingTaxAdvisor .pill.warning{background:#fef3c7;color:#92400e} body.theme-dark .accountingTaxAdvisor{background:#171329;border-color:#493a64;color:#f8fafc}body.theme-dark .accountingTaxAdvisorHead p,body.theme-dark .accountingTaxAdvisorFlowItem small,body.theme-dark .accountingTaxAdvisorActions article p,body.theme-dark .accountingTaxAdvisorActions article small,body.theme-dark .accountingTaxAdvisorChecks small{color:#b8c7d2}body.theme-dark .accountingTaxAdvisorFlowItem,body.theme-dark .accountingTaxAdvisorActions article,body.theme-dark .accountingTaxAdvisorChecks span{background:#0c151c;border-color:#344956}body.theme-dark .accountingTaxAdvisorFlowItem>b{background:#263442;color:#e2e8f0}body.theme-dark .accountingTaxAdvisorChecks span.open{background:#332213;border-color:#8a5b20} @media(max-width:1050px){.accountingTaxAdvisorFlow{grid-template-columns:repeat(3,minmax(0,1fr))}.accountingTaxAdvisorChecks{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:650px){.accountingTaxAdvisorHead{flex-direction:column}.accountingTaxAdvisorBadges{justify-content:flex-start}.accountingTaxAdvisorFlow,.accountingTaxAdvisorChecks{grid-template-columns:1fr 1fr}.accountingTaxAdvisorActions article{grid-template-columns:1fr;gap:3px}} .cashbookLexwareTaskActions{display:flex;align-items:center;gap:6px}.cashbookLexwareTaskActions button{width:auto;margin:0;white-space:nowrap}.cashbookLexwareTaskActions .buttonLink{width:auto;margin:0;white-space:nowrap} body.theme-dark .cashbookLexwareTasks{border-color:#9a6b2b;background:#2b2115}body.theme-dark .cashbookLexwareTasks b,body.theme-dark .cashbookLexwareTasks span,body.theme-dark .cashbookLexwareTask small,body.theme-dark .cashbookLexwareTask>span{color:#f7d9a2}body.theme-dark .cashbookLexwareTask{border-color:#604722;background:#111b23}body.theme-dark .cashbookLexwareTask b{color:#fff} @media(max-width:600px){.cashbookLexwareTasksHead{align-items:flex-start;flex-direction:column}.cashbookLexwareTasksHead button{width:100%}.cashbookLexwareTask{grid-template-columns:1fr}.cashbookLexwareTaskActions{justify-content:flex-start}} /* Calm finance workspace: SumUp-inspired hierarchy with MIB controls and data intact. */ body.theme-light:not(.theme-dark){ --bg:#fbfaf7; --panel:#ffffff; --panel2:#f5f3ed; --line:#e3e0d8; --text:#1e1e1c; --txt:#1e1e1c; --muted:#716f69; --blue:#1e1e1c; background:#fbfaf7; color:#1e1e1c; } body.theme-light:not(.theme-dark) aside{ width:288px; padding:24px 18px; background:#f7f6f1; border-right:1px solid #e3e0d8; box-shadow:none; } body.theme-light:not(.theme-dark) main{ padding:34px clamp(22px,4vw,64px); background:#fbfaf7; } body.theme-light:not(.theme-dark) h1{font-size:20px;text-align:left;margin:8px 10px 24px} body.theme-light:not(.theme-dark) aside button, body.theme-light:not(.theme-dark) aside .navBtn, body.theme-light:not(.theme-dark) .navGroup button{ min-height:44px; margin:3px 0; padding:11px 14px!important; border:0; border-radius:10px!important; background:transparent; color:#363531; box-shadow:none; text-align:left; font-size:15px!important; font-weight:650!important; } body.theme-light:not(.theme-dark) aside button:hover, body.theme-light:not(.theme-dark) aside .navBtn:hover{background:#eceae3} body.theme-light:not(.theme-dark) aside button.navActive, body.theme-light:not(.theme-dark) aside .navBtn.navActive, body.theme-light:not(.theme-dark) .navActive{ background:#1e1e1c!important; color:#fff!important; box-shadow:none; } body.theme-light:not(.theme-dark) .navGroup{border:0;background:transparent;padding:2px 0;margin:5px 0} body.theme-light:not(.theme-dark) .navGroup summary{padding:10px 12px;color:#6b6962;font-size:12px;letter-spacing:.06em;text-transform:uppercase} body.theme-light:not(.theme-dark) button, body.theme-light:not(.theme-dark) .buttonLink{ border-radius:10px; border:1px solid #1e1e1c; background:#1e1e1c; color:#fff!important; box-shadow:none; min-height:44px; } body.theme-light:not(.theme-dark) button.secondary, body.theme-light:not(.theme-dark) .buttonLink.secondary{ background:#fff!important; color:#1e1e1c!important; border-color:#d8d5cc; } body.theme-light:not(.theme-dark) input, body.theme-light:not(.theme-dark) select, body.theme-light:not(.theme-dark) textarea{border-color:#d8d5cc;background:#fff;color:#1e1e1c;border-radius:10px} body.theme-light:not(.theme-dark) .accountingHero, body.theme-light:not(.theme-dark) .accountingLivePanel, body.theme-light:not(.theme-dark) .accountingKpis article, body.theme-light:not(.theme-dark) .accountingMain, body.theme-light:not(.theme-dark) .accountingDetailPanel, body.theme-light:not(.theme-dark) .accountingFinancialReport, body.theme-light:not(.theme-dark) .accountingTaxAdvisor, body.theme-light:not(.theme-dark) .lexwareStatusCard, body.theme-light:not(.theme-dark) .accountingReconciliation, body.theme-light:not(.theme-dark) .accountingTasks{ border:1px solid #e3e0d8; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(46,42,31,.045); } body.theme-light:not(.theme-dark) .accountingHero{border-left:1px solid #e3e0d8;padding:22px 24px} body.theme-light:not(.theme-dark) .accountingHero h2{font-size:30px;letter-spacing:-.02em} body.theme-light:not(.theme-dark) .accountingLivePanel{border-left:1px solid #e3e0d8;background:#f5f3ed;padding:18px} body.theme-light:not(.theme-dark) .accountingLiveGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} body.theme-light:not(.theme-dark) .accountingLiveGrid article{border:1px solid #e3e0d8;border-top:0;border-radius:12px;padding:16px;background:#fff} body.theme-light:not(.theme-dark) .accountingLiveGrid article.pos{border-left:4px solid #1e1e1c} body.theme-light:not(.theme-dark) .accountingLiveGrid article.sumup, body.theme-light:not(.theme-dark) .accountingLiveGrid article.card{border-left:4px solid #5b63d3} body.theme-light:not(.theme-dark) .accountingLiveGrid article.cash{border-left:4px solid #0f8a68} body.theme-light:not(.theme-dark) .accountingLiveGrid article.workshop{border-left:4px solid #d17b35} body.theme-light:not(.theme-dark) .accountingLiveGrid article.invoice{border-left:4px solid #8b5fbf} body.theme-light:not(.theme-dark) .accountingLiveGrid strong{font-size:26px} body.theme-light:not(.theme-dark) .accountingKpis{gap:10px} body.theme-light:not(.theme-dark) .accountingKpis article{border:1px solid #e3e0d8;border-top:0;border-radius:12px;padding:15px} body.theme-light:not(.theme-dark) .accountingKpis article.income{border-left:4px solid #0f8a68} body.theme-light:not(.theme-dark) .accountingKpis article.expense{border-left:4px solid #d65f55} body.theme-light:not(.theme-dark) .accountingListPanel{background:#faf9f6;border-color:#e3e0d8} body.theme-light:not(.theme-dark) .accountingListRow{background:transparent;border-color:#e8e5de} body.theme-light:not(.theme-dark) .accountingListRow:hover{background:#f3f1eb} body.theme-light:not(.theme-dark) .accountingListRow.active{background:#eceae3;box-shadow:inset 4px 0 #1e1e1c} body.theme-light:not(.theme-dark) .accountingListMain b{font-size:14px} body.theme-light:not(.theme-dark) .accountingWorkspaceSwitch{border:1px solid #d8d5cc;border-radius:10px;background:#f1efe9} body.theme-light:not(.theme-dark) .accountingWorkspaceSwitch button.active{background:#1e1e1c;color:#fff} @media(max-width:950px){body.theme-light:not(.theme-dark) .accountingLiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){body.theme-light:not(.theme-dark) aside{width:100%;padding:0 12px}body.theme-light:not(.theme-dark) main{padding:14px}body.theme-light:not(.theme-dark) .accountingLiveGrid{grid-template-columns:1fr 1fr}body.theme-light:not(.theme-dark) .accountingHero h2{font-size:24px}} /* Unified MIB operations surface: dark by default, with mobile-safe work areas. */ body:not(.theme-light), body.theme-dark { color-scheme: dark; --bg:#07090d; --panel:#11161b; --line:#2d3941; --text:#f2f5f6; --muted:#9eabb2; --accent:#f2b93f; } body:not(.theme-light) main, body.theme-dark main, body:not(.theme-light) aside, body.theme-dark aside, body:not(.theme-light) .topbar, body.theme-dark .topbar, body:not(.theme-light) .mobileTopbar, body.theme-dark .mobileTopbar { background:var(--bg); color:var(--text); } body:not(.theme-light) input, body:not(.theme-light) select, body:not(.theme-light) textarea, body.theme-dark input, body.theme-dark select, body.theme-dark textarea { background:#0d1216; color:var(--text); border-color:var(--line); } body:not(.theme-light) .modal, body.theme-dark .modal { padding:0; align-items:stretch; } .orderDetailModalCard { display:flex; flex-direction:column; width:min(1120px,100%); max-height:94vh; padding:0!important; overflow:hidden; background:#11161b!important; border:1px solid #3a464d; } .orderDetailModalHeader { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; background:#11161b; border-bottom:1px solid var(--line); } .orderDetailModalHeader h2 { margin:2px 0 0; } .modalEyebrow { color:var(--accent); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .iconButton { width:40px; min-width:40px; height:40px; padding:0; border-radius:6px; font-size:24px; line-height:1; } #orderDetailBody { min-height:0; flex:1 1 auto; overflow:auto; padding:16px 20px 28px; } .orderDetailModalFooter { position:sticky; bottom:0; z-index:2; display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; padding:12px 20px; background:#11161b; border-top:1px solid var(--line); } .orderDetailModalFooter>* { min-height:42px; } .orderDetailModalFooter #saveDetail { background:var(--accent); color:#101316; border-color:var(--accent); } .orderPhotosBlock { grid-column:1/-1; } .photoUploadActions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:12px 0; } .photoUploadActions input[type=file] { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; } .fileButton { display:inline-flex; align-items:center; min-height:40px; padding:0 14px; border:1px solid var(--line); border-radius:6px; cursor:pointer; } .adminPhotoCard { display:grid; gap:7px; min-width:0; } .adminPhotoCard img { width:100%; aspect-ratio:4/3; object-fit:cover; border:1px solid var(--line); border-radius:5px; background:#0b0f12; } .photoOriginalNote { color:#70d6a2; } .photoRetouchModal { z-index:1200; } .photoRetouchCard { display:flex; flex-direction:column; max-width:980px; max-height:94vh; padding:0!important; overflow:hidden; background:#11161b!important; } .photoRetouchBody { min-height:0; overflow:auto; padding:16px 20px 24px; } .photoRetouchPreview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .photoRetouchPreview>div { min-width:0; } .photoRetouchPreview>div>span { display:block; margin-bottom:7px; color:var(--muted); font-size:12px; font-weight:700; } .photoRetouchPreview img, .photoRetouchResult { display:block; width:100%; min-height:180px; aspect-ratio:4/3; object-fit:contain; border:1px solid var(--line); border-radius:5px; background:#0a0e11; } .photoRetouchResult { display:grid; place-items:center; } .photoRetouchResult img { width:100%; height:100%; object-fit:contain; border:0; background:transparent; } @media(max-width:760px){#orderDetail .orderDetailModalCard,.photoRetouchCard{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0}#orderDetailBody,.photoRetouchBody{padding:14px 14px 22px}.orderDetailModalHeader{padding:12px 14px}.orderDetailModalFooter{justify-content:stretch;padding:9px 10px max(9px,env(safe-area-inset-bottom))}.orderDetailModalFooter>*{flex:1 1 130px;min-width:0}.orderDetailModalFooter .buttonLink{display:inline-flex;align-items:center;justify-content:center}.photoRetouchPreview{grid-template-columns:1fr}.photoUploadActions>*{flex:1 1 100%}.fileButton{justify-content:center}} /* --- MIB MOBILE NAVIGATION & RESPONSIVE UX --- */ .mobileBottomNav { display: none; } @media (max-width: 768px) { body { padding-bottom: 74px !important; } .mobileBottomNav { display: flex; position: fixed; bottom: 0; left: 0; right: 0; height: 64px; background: rgba(10, 15, 25, 0.96); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-top: 1px solid rgba(255, 255, 255, 0.12); z-index: 999; justify-content: space-around; align-items: center; padding: 0 4px; box-shadow: 0 -4px 20px rgba(0,0,0,0.5); } .mobileNavBtn { background: transparent !important; border: none !important; color: #94a3b8 !important; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6px 4px !important; margin: 0 !important; font-size: 10px !important; font-weight: 600 !important; min-height: 48px !important; width: auto !important; flex: 1; cursor: pointer; transition: all 0.15s ease; } .mobileNavBtn .navIcon { font-size: 19px; line-height: 1; margin-bottom: 2px; } .mobileNavBtn.active, .mobileNavBtn:hover { color: #38bdf8 !important; transform: translateY(-1px); } .mobileNavBtn.active .navIcon { filter: drop-shadow(0 0 6px rgba(56, 189, 248, 0.6)); } /* Responsive sidebar drawer */ body.menuOpen aside { max-height: 85vh !important; overflow-y: auto !important; padding-bottom: 80px !important; -webkit-overflow-scrolling: touch; } /* Leitstand responsive grid */ .leitstandGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } .leitstandCard { padding: 12px 10px !important; min-height: 80px !important; border-radius: 14px !important; } .leitstandCard strong { font-size: 13px !important; } .leitstandCard span { font-size: 11px !important; line-height: 1.2 !important; } /* Scanner Desk mobile adjustments */ .scanDesk { flex-direction: column; align-items: stretch; gap: 8px; } .scanDesk input { width: 100% !important; } } /* ========================================================================== ROBUST RESPONSIVE SEITEN-NAVIGATION (OPEN & CLOSE ON BUTTON / TOUCH / ESC) ========================================================================== */ .sideMenuTopBar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 4px 0 14px; margin-bottom: 8px; border-bottom: 1px solid var(--line); } .sideMenuBrandMini { display: flex; align-items: center; gap: 10px; } .sideMenuCloseBtn { width: auto !important; margin: 0 !important; padding: 8px 14px !important; border-radius: 12px !important; background: #273549 !important; color: #f8fafc !important; font-size: 13px !important; font-weight: 800 !important; border: 1px solid #3e4f66 !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important; transition: all 0.15s ease !important; } .sideMenuCloseBtn:hover { background: #3a4c64 !important; border-color: var(--blue) !important; transform: translateY(-1px); } .sideMenuBackdrop { display: none; position: fixed; inset: 0; background: rgba(5, 7, 12, 0.72); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 95; cursor: pointer; transition: opacity 0.2s ease; } body.menuOpen .sideMenuBackdrop { display: block !important; } .headerLeftCol { display: flex; align-items: center; gap: 16px; } .desktopSidebarToggle { width: auto !important; margin: 0 !important; padding: 8px 14px !important; border-radius: 12px !important; background: #1e293b !important; color: var(--text) !important; font-size: 13px !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; border: 1px solid var(--line) !important; cursor: pointer !important; transition: all 0.15s ease !important; } .desktopSidebarToggle:hover { background: #334155 !important; border-color: var(--blue) !important; } @media (min-width: 1025px) { body.sidebarCollapsed aside#sideMenu { display: none !important; } body.sidebarCollapsed main { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; } } @media (max-width: 1024px) { body { display: block !important; } .desktopSidebarToggle { display: none !important; } aside#sideMenu { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: min(340px, 86vw) !important; height: 100vh !important; max-height: 100vh !important; z-index: 100 !important; background: #090d14 !important; border-right: 1px solid var(--line) !important; box-shadow: 14px 0 45px rgba(0, 0, 0, 0.75) !important; transform: translateX(-105%) !important; transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; padding: 16px 14px 28px !important; overflow-y: auto !important; display: flex !important; flex-direction: column !important; } body.menuOpen aside#sideMenu { transform: translateX(0) !important; } .mobileTopbar { display: flex !important; } }