@media screen{
html.tz-ui,html.tz-ui body{
 --bg:var(--tz-bg)!important;--body-bg:var(--tz-bg)!important;--cream:var(--tz-bg)!important;--bg-elev:var(--tz-raised)!important;
 --surface:var(--tz-surface)!important;--surface2:var(--tz-raised)!important;--surface-2:var(--tz-raised)!important;--surface-3:var(--tz-raised)!important;--surface-solid:var(--tz-surface)!important;--surface-alt:var(--tz-raised)!important;--panel:var(--tz-surface)!important;--panel2:var(--tz-raised)!important;--card:var(--tz-surface)!important;--card2:var(--tz-raised)!important;--sidebar:var(--tz-surface)!important;--dialog-bg:var(--tz-surface)!important;--input:var(--tz-bg)!important;--item:var(--tz-raised)!important;--item-hover:var(--tz-soft)!important;--mobile-bg:var(--tz-surface)!important;
 --ink:var(--tz-text)!important;--text:var(--tz-text)!important;--text-soft:var(--tz-muted)!important;--muted:var(--tz-muted)!important;
 --brand:var(--tz-accent)!important;--brand2:var(--tz-accent)!important;--brand-strong:var(--tz-accent)!important;--accent:var(--tz-accent)!important;--accent2:var(--tz-accent)!important;--accent-strong:var(--tz-accent)!important;--gold:var(--tz-accent)!important;--gold-bright:var(--tz-accent)!important;--gold-dark:var(--tz-accent)!important;--green:var(--tz-accent)!important;--accent-text:var(--tz-onAccent)!important;
 --line:var(--tz-line)!important;--line-strong:var(--tz-line)!important;--border:var(--tz-line)!important;--stroke:var(--tz-line)!important;--stroke-soft:var(--tz-line)!important;--brand-soft:var(--tz-soft)!important;--accent-soft:var(--tz-soft)!important;
 --danger:var(--tz-danger)!important;--danger-text:var(--tz-danger)!important;--danger-soft:var(--tz-dangerBg)!important;--danger-bg:var(--tz-dangerBg)!important;--success:var(--tz-success)!important;--ok:var(--tz-success)!important;--good:var(--tz-success)!important;--success-soft:var(--tz-successBg)!important;--paid-bg:var(--tz-successBg)!important;--paid-text:var(--tz-success)!important;--warning:var(--tz-warning)!important;--warning-soft:var(--tz-warningBg)!important;
 --font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;--heading-font:Inter,system-ui,sans-serif!important;--radius:16px!important;--card-radius:18px!important;--btn-radius:10px!important;
 background:var(--tz-bg)!important;color:var(--tz-text)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
html.tz-ui body{background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--tz-accent) 9%,transparent),transparent 55%),var(--tz-bg)!important}
.tz-ui :is(h1,h2,h3,h4){font-family:Inter,system-ui,sans-serif!important;color:var(--tz-text);letter-spacing:-.025em}
.tz-ui :is(button,input,select,textarea){font-family:inherit!important}
.tz-ui :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){background:var(--tz-bg)!important;color:var(--tz-text)!important;border-color:var(--tz-line)!important;border-radius:10px!important}
.tz-ui :is(input,textarea)::placeholder{color:var(--tz-muted)!important;opacity:1}
.tz-ui :is(input[type=checkbox],input[type=radio],progress){accent-color:var(--tz-accent)}
.tz-ui :is(button,.btn){background:var(--tz-raised)!important;color:var(--tz-text)!important;border:1px solid var(--tz-line)!important;border-radius:10px!important}
.tz-ui :is(button,.btn):hover{border-color:var(--tz-accent)!important}
.tz-ui :is(button.primary,.btn-primary,.btn.primary,button[type=submit],.nav-btn.active,nav button.active,#save,#savePaidBtn){background:var(--tz-accent)!important;color:var(--tz-onAccent)!important;border-color:var(--tz-accent)!important}
.tz-ui :is(.danger,.btn-danger,button.danger,.icon-btn.danger){background:var(--tz-dangerBg)!important;color:var(--tz-danger)!important}
.tz-ui :is(.card,.panel,.stat-card,.summary-panel,.offer-card,.orderCard,.modal,dialog,.sidebar,.toolbar,.topbar,.top-bar,.menu-panel,.order-panel,.notice,.hero,.item,.product-card,.result,.results,.kpi,.metric,.toast){background:var(--tz-surface)!important;color:var(--tz-text)!important;border-color:var(--tz-line)!important;border-radius:18px}
.tz-ui :is(.sidebar,.topbar,.top-bar){border-radius:0}
.tz-ui :is(.muted,small,.subtitle,.description,.source-text,.offer-meta,.footer,.hint,.note){color:var(--tz-muted)!important}
.tz-ui :is(th,td,article){border-color:var(--tz-line)!important}
.tz-ui th{background:var(--tz-raised)!important;color:var(--tz-muted)!important}
.tz-ui :is(.badge,.pill,.tag,.cat-chip){background:var(--tz-soft)!important;color:var(--tz-accent)!important;border-color:var(--tz-line)!important}
.tz-ui :is(.price,.line-price,.offer-sum,.eyebrow,.open){color:var(--tz-accent)!important}
.tz-ui a{color:var(--tz-accent)}.tz-ui a.card{color:var(--tz-text)}
.tz-ui :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--tz-accent)!important;outline-offset:3px}
.tz-ui button:disabled{opacity:.45;cursor:not-allowed}
.tz-ui .suite-home-link{background:var(--tz-raised)!important;color:var(--tz-accent)!important;border-color:var(--tz-line)!important}
#tzBar{display:flex!important;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 24px;margin:0!important;background:var(--tz-surface)!important;border-bottom:1px solid var(--tz-line);font:13px Inter,system-ui,sans-serif;color:var(--tz-text);position:relative;z-index:50;box-sizing:border-box;width:100%}
#tzBar a{text-decoration:none;font-weight:750;color:var(--tz-accent)!important}#tzBar .tz-identity{flex:1;color:var(--tz-muted);font-size:12px}#tzBar button{padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer}
#tzDesign{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:28px;border:1px solid var(--tz-line)!important;box-shadow:0 25px 100px #0008;border-radius:22px!important;color:var(--tz-text)!important}
#tzDesign::backdrop{background:#0009;backdrop-filter:blur(3px)}#tzDesign p{font:14px/1.6 Inter,system-ui,sans-serif;color:var(--tz-muted)!important;margin:16px 0}#tzDesign h2{font-size:26px;margin:0}.tz-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#tzDesign fieldset{border:0;padding:12px 0;margin:8px 0;display:flex;gap:10px;flex-wrap:wrap}#tzDesign legend{font-weight:700;font-size:13px;padding:0;color:var(--tz-text)}#tzDesign button{padding:11px 14px;cursor:pointer;font-size:13px}#tzDesign button[aria-pressed=true]{background:var(--tz-soft)!important;border-color:var(--tz-accent)!important;color:var(--tz-accent)!important;box-shadow:inset 0 0 0 1px var(--tz-accent)}#tzDesign .tz-palette{display:grid;grid-template-columns:1fr 1fr}#tzDesign .tz-palette button{display:flex;align-items:center;gap:10px}.tz-swatch{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #8888;flex-shrink:0}
.tz-ui #themePicker{display:none!important}
@media(max-width:600px){#tzBar{padding:10px 16px;gap:10px}#tzBar .tz-identity{order:3;flex-basis:100%}#tzBar button{margin-left:auto}#tzDesign{padding:20px}}
}
@media print{#tzBar,#tzDesign{display:none!important}}

@media screen{
.tz-ui :is(label,.field-label,.sub,.hint,.help,.summary-lines>div,.deposit-info,.item-category,.data-table td small){color:var(--tz-muted)!important}
.tz-ui :is(.summary-lines strong,.total-line,.deposit-info strong,.item-name,.data-table td strong,.offer-title,.remaining strong,.stat-value){color:var(--tz-text)!important}
.tz-ui :is(.remaining,.tool-result,.preview,.output,.section-card,.metric-card,.kpi-card,.auth-card,.content-card,.table-wrap,.table-container,.input-section,.output-section){background:var(--tz-surface)!important;color:var(--tz-text)!important;border-color:var(--tz-line)!important}
.tz-ui :is(.suite-nav a,.tabs,.tab,.filter,.chip){background:var(--tz-raised)!important;color:var(--tz-text)!important;border-color:var(--tz-line)!important}
.tz-ui :is(.tab.active,.tab[aria-selected=true],.category-tab.active,.category-tab[aria-checked=true]){background:var(--tz-accent)!important;color:var(--tz-onAccent)!important}
.tz-ui :is(#convert,#copy,.btn-gold){background:var(--tz-accent)!important;color:var(--tz-onAccent)!important}
.tz-ui[data-tz-page=dateien] section,.tz-ui[data-tz-page=dateiadmin] section{background:var(--tz-surface)!important;border-color:var(--tz-line)!important}
.tz-ui[data-tz-page=dateien] p,.tz-ui[data-tz-page=dateiadmin] p{color:var(--tz-muted)!important}
.tz-ui[data-tz-page=konverter] code{color:var(--tz-accent)!important}
.tz-ui[data-tz-page=bauernhof] .hero:after{color:var(--tz-soft)!important}
.tz-ui #barTop{background:var(--tz-surface)!important}
.tz-ui[data-tz-mode=light] :is(.card,.panel){box-shadow:0 8px 30px #1734240a!important}
}
@media screen{
html.tz-ui,html.tz-ui body{--foot:var(--tz-raised)!important;--status-bg:var(--tz-raised)!important;--status-text:var(--tz-text)!important;--toast-bg:var(--tz-raised)!important;--toast-text:var(--tz-text)!important;--shadow:0 12px 35px #0002!important;--shadow-sm:0 4px 14px #0001!important;--soft-shadow:0 4px 14px #0001!important}
.tz-ui .hero p,.tz-ui .metric .sub{color:var(--tz-muted)!important}
.tz-ui td,.tz-ui .metric .value,.tz-ui .material-name-main,.tz-ui .summary-tile strong{color:var(--tz-text)!important}
.tz-ui :is(.category-tabs,.cart-foot,.history-detail){background:var(--tz-raised)!important;color:var(--tz-text)!important}
.tz-ui .nav button.active{background:var(--tz-accent)!important;color:var(--tz-onAccent)!important}
.tz-ui .pill.ok,.tz-ui .profit-pos{color:var(--tz-success)!important}.tz-ui .pill.ok{background:var(--tz-successBg)!important}
.tz-ui .pill.warn,.tz-ui .warning,.tz-ui .menu-warning{color:var(--tz-warning)!important}.tz-ui .pill.warn{background:var(--tz-warningBg)!important}
.tz-ui .profit-neg,.tz-ui .danger-note{color:var(--tz-danger)!important}
.tz-ui[data-tz-mode=light] .topbar{box-shadow:0 4px 16px #0001!important}
.tz-ui #tzBar{border-radius:0!important}
}

/* Keep the compact 18 Bar layout and its distinct action hierarchy. */
@media screen{
html.tz-ui[data-tz-theme=green][data-tz-mode=dark] body{background:radial-gradient(ellipse at 15% 0%,#40e58b06,transparent 42%),var(--tz-bg)!important}
html.tz-ui[data-tz-page=bar18],html.tz-ui[data-tz-page=bar18] body{--card-radius:11px!important;--item:var(--tz-bg)!important;--soft-shadow:0 4px 14px #0002!important;--shadow:0 12px 32px #0003!important}
.tz-ui[data-tz-page=bar18] .panel{border-radius:16px;box-shadow:var(--shadow)}
.tz-ui[data-tz-page=bar18] :is(.item,.stat-card){border-radius:11px;background:var(--tz-bg)!important}
.tz-ui[data-tz-page=bar18] .item:hover{background:var(--tz-raised)!important;border-color:color-mix(in srgb,var(--tz-accent) 45%,var(--tz-line))!important}
.tz-ui[data-tz-page=bar18] :is(.topbar,.category-tabs){background:var(--tz-surface)!important;box-shadow:none!important}
.tz-ui[data-tz-page=bar18] :is(.add,.cat-tab[aria-pressed=true],.stats-filter button[aria-pressed=true]){background:var(--tz-accent)!important;color:var(--tz-onAccent)!important;border-color:var(--tz-accent)!important}
.tz-ui[data-tz-page=bar18] .add{border:0!important;border-radius:8px!important;box-shadow:0 3px 12px color-mix(in srgb,var(--tz-accent) 18%,transparent)}
.tz-ui[data-tz-page=bar18] :is(.cat-tab,.peso-rate-btn){border-radius:999px!important}
.tz-ui[data-tz-page=bar18] .fav-btn{background:transparent!important;border:0!important;border-radius:50%!important;color:var(--tz-muted)!important}
.tz-ui[data-tz-page=bar18] .fav-btn:hover,.tz-ui[data-tz-page=bar18] .fav-btn.active{color:var(--tz-accent)!important}
.tz-ui[data-tz-page=bar18] .btn.ghost{background:transparent!important}
.tz-ui[data-tz-page=bar18] .remove{background:transparent!important;border:0!important;color:var(--tz-danger)!important}
.tz-ui[data-tz-page=bar18] .qty-btn{border-radius:7px!important}
.tz-ui[data-tz-page=bar18] .btn.paid-action{background:var(--tz-successBg)!important;color:var(--tz-success)!important;border-color:color-mix(in srgb,var(--tz-success) 35%,var(--tz-successBg))!important}
.tz-ui[data-tz-page=bar18] .brand h1{letter-spacing:.01em}
}

@media screen{
#tzBar #barTop{padding:0;background:transparent!important;border:0;gap:8px;flex-wrap:wrap;min-width:0;margin-left:auto}
#tzBar #barSync{flex:0 1 auto;min-width:0;max-width:320px;font-size:12px;line-height:1.4;margin-right:6px}
body:not(.bar-ready) #tzBar #barTop{display:none}
@media(max-width:900px){#tzBar:has(#barTop) .tz-identity{flex:1}#tzBar #barTop{order:3;flex-basis:100%;margin-left:0}#tzBar #barSync{flex:1;max-width:none}}
}