.app-loading{min-height:50vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.cmc-app{--side:380px}.banner{border-radius:var(--radius-sm);margin-bottom:14px;padding:12px 16px;font-size:.92rem}.banner--error{background:var(--danger-soft);border:1px solid var(--danger)}.app-bar{border-bottom:1px solid var(--line);margin-bottom:18px;padding-top:10px}.ptabs{scrollbar-width:thin;gap:4px;padding-bottom:0;display:flex;overflow-x:auto}.ptab{background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;flex:0 240px;align-items:stretch;min-width:0;display:flex}.ptab>button[role=tab]{text-align:left;min-width:0;color:var(--text-2);cursor:pointer;font:inherit;background:0 0;border:0;flex:1;gap:1px;padding:8px 4px 8px 12px;display:grid}.ptab-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.ptab-sum{color:var(--muted);font-size:.72rem}.ptab.is-active{background:var(--surface-2);border-color:var(--line-2);box-shadow:inset 0 2px 0 var(--accent)}.ptab.is-active>button[role=tab]{color:var(--text)}.ptab-x{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px}.ptab-x:hover{color:var(--danger)}.ptab-add{border:1px dashed var(--line-2);width:40px;color:var(--text-2);cursor:pointer;background:0 0;border-bottom:0;border-radius:8px 8px 0 0;flex:none;place-items:center;display:grid}.ptab-add:hover{color:var(--accent-text);border-color:var(--accent-line)}.toolbar{flex-wrap:wrap;align-items:center;gap:4px;padding:8px 0;display:flex}.toolbar-spacer{flex:1}.toolbar .badge--pro{cursor:pointer;border:0}.pro-btn{border-color:var(--accent-line);color:var(--accent-text)}.app-grid{grid-template-columns:minmax(0, 1fr) var(--side);align-items:start;gap:24px;display:grid}.app-side{scrollbar-width:thin;border-radius:var(--radius);max-height:calc(100dvh - 100px);position:sticky;top:84px;overflow-y:auto}@media (width<=1100px){.app-grid{grid-template-columns:minmax(0,1fr)}.app-side{max-height:none;position:static;overflow:visible}}.sections{gap:14px;display:grid}.sec{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px}.sections .sec{margin:0}.sec-head{align-items:center;gap:12px;padding:4px 16px 4px 4px;display:flex}.sec-toggle{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.sec-toggle:hover{background:var(--surface-2)}.sec-toggle h3{text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:1.25rem}.sec-toggle svg{color:var(--muted);flex:none;margin-left:auto;transition:transform .15s;transform:rotate(-90deg)}.sec.is-open .sec-toggle svg{transform:none}.sec-nr{font:600 .78rem/1 var(--font-mono);color:var(--accent-text);border:1px solid var(--accent-line);border-radius:4px;padding:4px 6px}.sec-count{font:600 .72rem/1 var(--font-mono);color:var(--text-2);background:var(--surface-3);border-radius:999px;padding:4px 8px}.sec-total{white-space:nowrap;font-weight:700}.sec-body{padding:0 16px 16px}.sec-empty{color:var(--muted);margin:0 0 12px;font-size:.9rem}.sec-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.rows{gap:8px;display:grid}.pos{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--line-2);border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px;display:flex}.pos:focus-within{border-left-color:var(--accent)}.pos>*{order:3}.pos>.c-name,.pos>.combo:first-child{order:0}.pos>.out,.pos>.row-actions{order:1}.pos:before{content:"";flex-basis:100%;order:2;height:0}.pos .field>label,.pos .field>span{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.pos .input,.pos .select{min-height:38px;padding-top:7px;padding-bottom:7px;padding-left:10px;font-size:.92rem}.c-name{flex:3 210px}.c-m{flex:2 150px}.c-s{flex:96px}.c-xs{flex:.7 72px}.c-mode{flex:none}.c-auto{flex:none;align-self:center;margin-top:16px;font-size:.82rem}.c-price{flex:116px;position:relative}.pos .out{flex:104px}.out>span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.7rem;font-weight:600}.out output{min-height:38px;color:var(--text-2);white-space:nowrap;justify-content:flex-end;align-items:center;padding:0 4px;font-size:.9rem;display:flex}.out--strong output{color:var(--text);font-size:.98rem;font-weight:700}.row-actions{gap:2px;margin-left:auto;display:flex}.seg{border:1px solid var(--line-2);border-radius:var(--radius-sm);height:38px;display:inline-flex;overflow:hidden}.seg button{background:var(--bg);color:var(--text-2);font:600 .85rem var(--font-mono);cursor:pointer;border:0;padding:0 12px}.seg button+button{border-left:1px solid var(--line-2)}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.mchip{font:600 .66rem/1 var(--font-mono);border:1px solid var(--line-2);background:var(--surface-2);color:var(--text-2);cursor:pointer;border-radius:999px;padding:3px 6px;position:absolute;top:-2px;right:0}.mchip:hover{border-color:var(--accent-line);color:var(--accent-text)}.mchip--on{border-color:color-mix(in srgb, var(--ok) 45%, transparent);color:var(--ok);background:var(--ok-soft);cursor:default}.combo{position:relative}.combo-list{z-index:40;background:var(--surface);border:1px solid var(--line-2);min-width:260px;max-height:300px;box-shadow:var(--shadow);border-radius:8px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.combo-list li[role=option]{cursor:pointer;border-radius:6px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:.9rem;display:flex}.combo-list li[role=option] small{color:var(--muted);font-family:var(--font-mono);white-space:nowrap}.combo-list li.is-hi{background:var(--accent-soft);color:var(--text)}.combo-group{font:600 .68rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);padding:8px 10px 4px}.details-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px;margin-bottom:8px}.details-grid>*{grid-column:span 2}.details-grid>.span-1{grid-column:span 1}.details-grid>.span-4{grid-column:1/-1}.details-grid .textarea{min-height:84px}@media (width<=900px){.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details-grid>.span-1{grid-column:span 1}}.plz-ort{grid-template-columns:110px 1fr;gap:10px}@media (width<=640px){.details-grid{grid-template-columns:minmax(0,1fr)}.details-grid>*,.details-grid>.span-1{grid-column:1/-1}}.summary{padding:22px}.sum-hero{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:16px}.sum-hero .eyebrow{margin-bottom:6px}.sum-net{letter-spacing:-.01em;font-size:clamp(2.1rem,3.6vw,2.7rem);font-weight:700;line-height:1.1;display:block}.sum-gross{color:var(--text-2);margin-top:4px;font-size:.9rem}.stackbar{margin:0 0 16px}.stackbar-track{background:var(--surface-2);border-radius:4px;gap:2px;height:12px;display:flex;overflow:hidden}.seg-part{min-width:3px;transition:opacity .15s}.is-dim{opacity:.35}.legend{gap:4px;margin:10px 0 0;padding:0;font-size:.84rem;list-style:none;display:grid}.legend li{color:var(--text-2);grid-template-columns:10px 1fr auto 40px;align-items:center;gap:8px;transition:opacity .15s;display:grid}.legend i{border-radius:3px;width:10px;height:10px}.legend b{color:var(--text);font-weight:600}.legend small{text-align:right;color:var(--muted)}.sum-rows{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.sum-row{color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:.92rem;display:flex}.sum-row b{color:var(--text);white-space:nowrap;flex:none}.sum-row--input .field{flex-direction:row;flex:auto;align-items:center;gap:10px;min-width:0}.sum-row--input .field>label{color:var(--text-2);letter-spacing:0;flex:1;font-size:.92rem;font-weight:400}.sum-row--input .input-suffix{flex:0 0 82px}.sum-row--input .select{flex:0 112px;width:112px;min-width:0}.sum-row--input .input,.sum-row--input .select{min-height:34px;padding-top:5px;padding-bottom:5px;font-size:.9rem}.sum-row--total{border-top:1px solid var(--line);color:var(--text);margin-top:4px;padding-top:10px;font-weight:600}.sum-row--grand{border-top:2px solid var(--accent);font:700 1.15rem var(--font-body);color:var(--text);margin-top:6px;padding-top:12px}.kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.kpis div{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:10px}.kpis dt{font:600 .66rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.kpis dd{margin:0;font-size:.95rem;font-weight:700}.exports{gap:10px;display:grid}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.export-grid .btn{white-space:normal;text-align:center;min-width:0;padding-inline:8px;font-size:.86rem}.summary{min-width:0}.app-side{overflow-x:hidden}.welcome{margin-bottom:14px}.welcome h2{font-size:2rem}.welcome-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px;display:grid}.welcome-opt{text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);cursor:pointer;font:inherit;gap:6px;padding:18px;transition:border-color .15s,transform .15s;display:grid}.welcome-opt:hover{border-color:var(--accent-line);transform:translateY(-2px)}.welcome-opt svg{color:var(--accent-text)}.welcome-opt span{color:var(--text-2);font-size:.88rem}.mobile-bar{display:none}@media (width<=1100px){.mobile-bar{z-index:30;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bar small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;display:block}.mobile-bar b{font-size:1.2rem}.cmc-app{padding-bottom:76px}}dialog.modal--wide{width:min(1080px,100vw - 24px)}.tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:2px;margin:-6px 0 18px;display:flex;overflow-x:auto}.tabs button{color:var(--text-2);font:600 .88rem var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px}.tabs button.is-active{color:var(--text);border-bottom-color:var(--accent)}.tight{gap:12px}.mt{margin-top:16px}.dbl-tools{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.dbl-tools .input{flex:200px}.dbl-table{border:1px solid var(--line);border-radius:var(--radius-sm);max-height:56vh;overflow:auto}.dbl-row{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:6px 8px;display:grid}.dbl-row .input,.dbl-row .select{min-height:34px;padding:5px 8px;font-size:.88rem}.dbl-row .select{padding-right:28px}.dbl-head{z-index:1;background:var(--surface-2);font:600 .7rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);position:sticky;top:0}.dbl-empty{margin:0;padding:16px}.mk{text-align:right;color:var(--muted);font-size:.82rem}.mk.up{color:var(--danger)}.mk.down{color:var(--ok)}@media (width<=760px){.dbl-head{display:none}.dbl-row{padding:10px;grid-template-columns:1fr 1fr!important}.dbl-row>[role=cell]:first-child{grid-column:1/-1}.dbl-row>[role=cell][data-label]:before{content:attr(data-label);color:var(--muted);margin-bottom:2px;font-size:.68rem;display:block}}.kunden{grid-template-columns:240px 1fr;gap:20px;display:grid}.kunden-list ul{gap:2px;max-height:50vh;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.kunden-list li button{text-align:left;width:100%;color:var(--text-2);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 10px;display:grid}.kunden-list li button.is-active{background:var(--surface-2);border-color:var(--line-2);color:var(--text)}.kunden-list small{color:var(--muted)}.kontakt-row{grid-template-columns:repeat(4,minmax(0,1fr)) 40px;gap:6px;margin-bottom:6px;display:grid}@media (width<=760px){.kunden{grid-template-columns:1fr}.kontakt-row{grid-template-columns:1fr 1fr}}.brand-box h4{margin:0}.logo-prev{background:#fff;border-radius:4px;max-width:160px;max-height:48px;padding:4px}input[type=color]{border:1px solid var(--line-2);background:0 0;border-radius:6px;width:44px;height:32px;padding:2px}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:16px 0 20px;display:grid}.tpl{text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;transition:border-color .15s,transform .15s;display:flex}button.tpl:hover{border-color:var(--accent-line);transform:translateY(-2px)}.tpl h4{margin:4px 0 0;font-size:1.2rem}.tpl p{flex:1;margin:0}.tpl-price{color:var(--accent-text);font-size:.9rem;font-weight:600}.tpl--own{cursor:default}.tpl-save .row .input{flex:240px}.tpl-save h4{margin:0}.pro-list{gap:10px;margin:0 0 20px;padding:0;list-style:none;display:grid}.pro-list li{border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.pro-list li svg{color:var(--accent-text);flex:none;margin-top:3px}.pro-list li div{display:grid}.pro-list li span{color:var(--text-2);font-size:.9rem}.pro-list li.is-hl{border-color:var(--accent-line);background:var(--accent-soft)}.license-form{border-top:1px solid var(--line);gap:8px;padding-top:16px;display:grid}.license-form .row .input{flex:260px}.form-error{color:var(--danger);margin:0;font-size:.9rem}@media (width<=1100px){.cmc-app .toast-host{bottom:92px}}