.workspace-shell{--ink:#1c1917;--muted:#6f6862;--line:#e7e5e4;--line-strong:#c4bfba;--canvas:#fafaf9;--field:#fafaf9;--navy:#1c1917;--navy-dark:#292524;--accent:#0e7490;--green:#0e7490;--green-dark:#0c5f74;min-height:100dvh;color:var(--ink);background:var(--canvas);grid-template-columns:236px minmax(0,1fr);display:grid}.workspace-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:24px;height:100dvh;padding:24px 16px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.workspace-brand{letter-spacing:-1px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font:600 25px Space Grotesk,sans-serif;display:flex}.workspace-identity{border:1px solid var(--line);background:var(--canvas);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.workspace-initials{color:#0c5f74;background:#ecf7fa;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:650;display:grid}.workspace-business-logo{object-fit:contain;background:#fff;border-radius:4px;flex-shrink:0;width:72px;height:48px}.workspace-identity>div{min-width:0}.workspace-identity strong{overflow-wrap:anywhere;font-size:12px;display:block}.workspace-identity small,.workspace-account small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.workspace-selector{margin-top:-12px}.workspace-selector select{width:100%;font-size:12px}.workspace-navigation{gap:24px;display:grid}.workspace-nav-group{gap:3px;display:grid}.workspace-nav-group>span{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;padding:0 12px;font-size:10px;font-weight:600}.workspace-nav-group button{text-align:left;color:#57534e;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:11px 12px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.workspace-nav-group button svg{flex-shrink:0}.workspace-nav-group button:hover{color:var(--ink);background:#f5f5f4}.workspace-nav-group button[aria-current]{color:#0c5f74;box-shadow:inset 3px 0 var(--accent);background:#ecf7fa;font-weight:650}.workspace-account{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:16px 8px 0;display:flex}.workspace-account>div{flex:1;min-width:0}.workspace-account strong{overflow-wrap:anywhere;font-size:12px}.workspace-account button,.workspace-menu-toggle,.workspace-menu-close{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:#fff;border-radius:8px;place-items:center;padding:8px;display:grid}.workspace-stage{min-width:0}.workspace-topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;min-height:74px;padding:16px 32px;font-size:12px;display:flex}.workspace-topbar>small{color:var(--muted);margin-left:auto;font-size:11px}.workspace-breadcrumb{color:var(--muted);margin-right:12px}.workspace-menu-toggle{display:none}.workspace-content{min-width:0;min-height:calc(100dvh - 74px)}.workspace-content :is(h1,h2,h3),.workspace-assigned :is(h1,h2,h3){letter-spacing:-.025em;font-family:Space Grotesk,sans-serif}.workspace-content .page-heading h1{font-size:32px;font-weight:600;line-height:1.2}.workspace-content .page-heading p{color:var(--muted);line-height:1.6}.workspace-content :is(.archive-page,.orders-page,.invoice-page,.customers-page,.inquiries-page,.operations-page,.settings-page,.template-library){max-width:1400px;margin-inline:auto}.workspace-content .primary-button{background:var(--accent);color:#fff;border-color:var(--accent);border-radius:9px}.workspace-content .primary-button:hover{background:var(--green-dark)}.workspace-content :is(.offer-table,.order-table,.document-design-form){border-radius:12px}.workspace-content .offer-table-row{min-height:86px}.workspace-content .offer-table-head{background:var(--canvas)}.workspace-document-heading{background:var(--canvas);padding:20px 24px 0}.workspace-back{min-height:44px;color:var(--accent);background:0 0;border:0;padding:8px 0;font-size:12px}.workspace-document-actions{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0 16px;display:flex}.workspace-document-actions .toolbar-button{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);background:#fff;border-radius:8px;gap:8px;padding:10px 14px;font-size:12px;display:inline-flex}.workspace-document-actions .toolbar-button span{display:inline}.workspace-document-actions .compact-action{width:auto}.workspace-document-actions .toolbar-button:hover{background:#f5f5f4}.workspace-more{position:relative}.workspace-more summary{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:8px;align-items:center;min-height:44px;padding:10px 14px;font-size:12px;display:flex}.workspace-more>div{z-index:35;border:1px solid var(--line);background:#fff;border-radius:10px;min-width:245px;max-width:calc(100vw - 40px);padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 30px #1c19171a}.workspace-more>div button{width:100%;min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.workspace-more>div button:hover{background:#f5f5f4}.workspace-order-views{border-bottom:1px solid var(--line);gap:20px;margin:20px 24px 0;display:flex}.workspace-order-views :is(a,button){min-height:44px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;padding:10px 0;font-size:13px;text-decoration:none;display:flex}.workspace-order-views [aria-current]{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.workspace-content>button.primary-button{margin:20px 24px 0}.workspace-content>section[aria-label^=Direkt]{margin:20px 24px}.workspace-overview{max-width:1400px;margin:auto;padding:32px}.workspace-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.workspace-metrics button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;padding:24px}.workspace-metrics span{color:var(--muted);font-size:12px;display:block}.workspace-metrics strong{margin-top:12px;font:500 28px Space Grotesk,sans-serif;display:block}.workspace-overview-grid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.workspace-overview-grid>section{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:24px}.workspace-overview-grid h2{margin:0 0 16px;font-size:20px}.workspace-overview-grid p{color:var(--muted);font-size:13px;line-height:1.6}.workspace-overview-grid>section:last-child{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.workspace-task{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 0;display:flex}.workspace-task strong,.workspace-task small{display:block}.workspace-task strong{margin-top:6px;font-size:13px}.workspace-task small{color:var(--muted);font-size:11px}.workspace-task>span:last-child{color:var(--accent);flex-shrink:0;font-size:12px}.workspace-assigned{max-width:1300px;margin:0 auto;padding:24px}.workspace-assigned>.workspace-order-views{margin:0 0 24px}.workspace-mobile-menu{border:1px solid var(--line);width:min(350px,100% - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);color:var(--ink);overscroll-behavior:contain;background:#fff;border-radius:12px;margin:10px auto 10px 10px;padding:20px 16px}.workspace-mobile-menu::backdrop{background:#1c191766}.workspace-menu-close{position:absolute;top:20px;right:16px}.workspace-mobile-menu .workspace-brand,.workspace-mobile-menu .workspace-identity{margin-bottom:20px}.workspace-mobile-menu .workspace-account{margin-top:24px}.workspace-shell :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (max-width:1390px){.workspace-content .workbench{display:block}.workspace-content .mobile-view-switch{background:var(--canvas);padding:14px 24px;display:flex}.workspace-content .mobile-view-switch button{min-height:44px}.workspace-content .mobile-hidden{display:none}.workspace-content .preview-pane{min-height:calc(100dvh - 230px)}}@media (max-width:1100px){.workspace-shell{grid-template-columns:216px minmax(0,1fr)}.workspace-metrics strong{font-size:24px}.workspace-overview{padding:24px}.workspace-overview-grid{grid-template-columns:1fr}}@media (max-width:760px){.workspace-shell{display:block}.workspace-sidebar{display:none}.workspace-menu-toggle{flex-shrink:0;display:grid}.workspace-topbar{min-height:64px;padding:10px 16px}.workspace-topbar>small{text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-size:10px;overflow:hidden}.workspace-breadcrumb{display:none}.workspace-overview{padding:24px 16px}.workspace-content .page-heading h1{font-size:28px}.workspace-metrics{gap:8px}.workspace-metrics button{min-width:0;padding:12px}.workspace-metrics span{font-size:10px}.workspace-metrics strong{overflow-wrap:anywhere;font-size:19px}.workspace-metrics button:last-child{grid-column:1/-1}.workspace-metrics{grid-template-columns:1fr 1fr}.workspace-overview-grid>section{padding:20px}.workspace-task{flex-wrap:wrap}.workspace-document-heading{padding:16px 16px 0}.workspace-document-actions{gap:6px}.workspace-document-actions .toolbar-button{padding:10px 12px}.workspace-document-actions .toolbar-button span{display:inline}.workspace-document-actions .compact-action{width:auto}.workspace-more{flex-basis:100%}.workspace-more summary{width:max-content}.workspace-more>div{left:0}.workspace-order-views{margin:16px 16px 0}.workspace-assigned{padding:16px}.workspace-content>button.primary-button{margin:20px 16px 0}.workspace-content>section[aria-label^=Direkt]{margin:20px 16px}}@media (max-width:1240px){.workspace-content .offer-table-head{display:none}.workspace-content .offer-table-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 12px}.workspace-content .offer-customer-cell{grid-area:2/1/auto/-1}.workspace-content .offer-table-row>[role=cell]:nth-child(3){grid-area:1/2}.workspace-content .offer-table-row>[role=cell]:nth-child(4){grid-area:3/1;display:block}.workspace-content .offer-table-row>[role=cell]:nth-child(5){grid-area:4/1;gap:4px;display:grid}.workspace-content .offer-table-row .row-actions{grid-area:3/2/5;justify-content:flex-end}}
