:root{font-family:Inter,system-ui,sans-serif;color:#1b2c48;background:#f6f8fc;font-size:15px;--accent:#2563eb;--tint:#edf3ff}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;background:white;border-bottom:1px solid #e4e9f2;gap:20px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;color:#4543c7}.brand span{font-size:21px;color:#20304c}.brand small{display:block;font-size:11px;color:#8290a6;font-weight:500}.dev{text-align:center;background:#edf3ff;color:#36588b;padding:9px;font-size:12px}main{max-width:1320px;margin:0 auto;padding:35px 25px 70px}h1{font-size:clamp(28px,4vw,46px);letter-spacing:-1.4px;margin:12px 0}h2{margin-top:0}h3{margin:0 0 15px}p{color:#63728a;line-height:1.7}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:800;color:var(--accent)}.split,.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.panel{background:white;padding:25px;border:1px solid #e1e7f0;border-radius:16px;margin-bottom:22px;min-width:0}.tint{background:var(--tint)}.row,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>label{flex:1;min-width:120px}.tabs{display:flex;gap:9px;overflow:auto;padding:12px 0 22px;white-space:nowrap}.tabs a{background:white;border:1px solid #e1e7f0;border-radius:9px;padding:10px 15px;color:#63728a}.tabs .active{background:var(--accent);color:white;border-color:var(--accent)}label{display:block;font-weight:600;font-size:13px;margin-bottom:15px}input,select,textarea{font:inherit;display:block;margin-top:7px;width:100%;padding:12px;border:1px solid #d7dfeb;border-radius:8px;background:white;color:#20304c;min-width:0}textarea{min-height:85px}button,.button{font:inherit;padding:11px 17px;background:var(--accent);color:white;border:none;border-radius:9px;font-weight:650;cursor:pointer;display:inline-block}button:disabled{opacity:.5;cursor:default}.secondary{background:#eef2f8;color:#365077}.small{font-size:12px;padding:8px 11px}.danger{background:#fff0f0;color:#a33030}.note{font-size:12px;color:#7d889a}.stat strong{display:block;font-size:32px;margin:8px 0}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #e9edf4;padding:12px 10px;vertical-align:top}th{font-size:11px;color:#8290a6;text-transform:uppercase;letter-spacing:.6px}.badge{display:inline-block;border-radius:20px;background:var(--tint);padding:4px 9px;color:var(--accent);font-size:11px;white-space:nowrap}.empty{padding:20px 0;color:#8793a6}#notice{position:fixed;right:20px;bottom:20px;background:#233758;color:white;padding:14px 20px;border-radius:10px;max-width:min(500px,90vw);display:none}#notice.visible{display:block}.hero{max-width:760px;padding:50px 0}.hero h1{font-size:clamp(38px,6vw,72px)}.hero em{font-style:normal;color:#5141ce}.mark{display:grid;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;background:var(--tint);color:var(--accent);border-radius:12px;margin-bottom:17px}[data-product=glas]{--accent:#04999c;--tint:#e8f8f8}[data-product=mobil]{--accent:#ec8b23;--tint:#fff4e6}[data-product=web]{--accent:#8450da;--tint:#f3edfc}[data-product=learn]{--accent:#35a567;--tint:#ebf8ee}[data-product=start]{--accent:#eb6f61;--tint:#fff0ec}[data-product=chatai]{--accent:#5141ce;--tint:#f1efff}details{margin:20px 0}summary{cursor:pointer;font-weight:650}.check{display:flex;gap:12px;align-items:center}.check input{width:auto;margin:0}.break{overflow-wrap:anywhere}@media(max-width:760px){header{padding:16px 20px}.brand{font-size:20px}.brand span{font-size:17px}.split{grid-template-columns:1fr}main{padding:25px 16px}.panel{padding:20px}.dev{font-size:10px}.hero{padding:20px 0}.tabs{margin-right:-16px}th,td{padding:10px 8px}#account{font-size:12px}}

.hero{max-width:none;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.hero-photo{position:relative;margin-bottom:30px}.hero-photo img{width:100%;aspect-ratio:1.05;object-fit:cover;border-radius:24px}.hero-caption{position:absolute;bottom:-25px;left:25px;right:25px;background:white;padding:20px;border:1px solid #e1e7f0;border-radius:13px;box-shadow:0 12px 32px #23375812;color:#63728a;font-size:12px}.hero-caption strong{display:block;margin-top:8px;color:#304668}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:25px}.hero-photo img{aspect-ratio:1.3}.hero h1{font-size:45px}}

.product-logo{display:block;width:64px;height:64px;margin-bottom:20px}.hero-photo img{object-position:center}.hero-caption{font-size:12px}

.hero-photo img{aspect-ratio:auto;height:auto;object-fit:contain}.hero-caption{left:16px;right:16px;padding:17px}.hero{gap:38px}.product-logo{filter:drop-shadow(0 5px 7px #23375808)}

.family-logo{display:block;width:44px;height:44px}.product-logo{width:68px;height:68px;filter:drop-shadow(0 6px 10px #23375815)}@media(max-width:760px){.family-logo{width:36px;height:36px}}

body[data-program=mobil]{--accent:#db7922;--tint:#fff4e6}body[data-program=glas]{--accent:#04999c;--tint:#e8f8f8}body[data-program=portal]{--accent:#3c4e70;--tint:#eef2f8}

/* Independent product workspaces: blue, orange, turquoise and violet. */
body[data-program=flow]{--accent:#2464da;--tint:#edf3ff;--rail:#143360;--wash:#f3f6fc}
body[data-program=mobil]{--accent:#bd5c13;--tint:#fff2e5;--rail:#58311e;--wash:#fbf6f0}
body[data-program=glas]{--accent:#087e83;--tint:#e8f8f6;--rail:#16494d;--wash:#f0f8f7}
body[data-program=portal]{--accent:#7250b5;--tint:#f2edfb;--rail:#302449;--wash:#f6f3fa}
body{background:var(--wash,#f6f8fc)}.dev{background:var(--tint);color:var(--accent)}header{border-top:4px solid var(--accent)}
.app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;margin-top:25px;align-items:start}.program-rail{background:var(--rail);padding:26px 16px;border-radius:20px;position:sticky;top:20px;min-height:650px;box-shadow:0 15px 35px #20304c12}.rail-brand{display:flex;flex-direction:column;color:white;gap:9px;padding:0 10px 24px}.rail-brand img{width:48px;height:48px}.rail-brand small{color:#ffffffa0;font-size:11px}.program-rail .tabs{display:flex;flex-direction:column;gap:5px;padding:0;white-space:normal;overflow:visible}.program-rail .tabs a{background:transparent;border:0;color:#ffffffbc;padding:11px 13px;border-radius:9px;font-size:13px}.program-rail .tabs a:hover{background:#ffffff12;color:white;text-decoration:none}.program-rail .tabs a.active{background:#ffffff20;color:white;box-shadow:inset 3px 0 white}.rail-footer{color:#ffffff70;font-size:11px;line-height:1.8;padding:28px 12px}.workspace{min-width:0}.workspace h1{font-size:clamp(27px,3vw,39px)}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.section-head h3{margin:0}.stat{border-top:3px solid var(--accent);box-shadow:0 8px 25px #20304c06}.panel{box-shadow:0 3px 15px #20304c03}.message{max-width:90%;background:var(--tint);border-radius:13px;padding:15px 18px;margin:12px 0}.message.operator{margin-left:auto;background:#edf1f7}.message p{white-space:pre-wrap;margin:8px 0;color:#38485f;overflow-wrap:anywhere}.message small{color:#778497;font-size:10px}.conversation form.panel{box-shadow:none;background:#fafbfc}.messages{max-height:480px;overflow:auto}.rail-brand strong{overflow-wrap:anywhere}
@media(max-width:1000px){.app-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}.workspace .split{grid-template-columns:1fr}.program-rail{padding:20px 10px}.grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}
@media(max-width:760px){.app-layout{display:block;margin-top:18px}.program-rail{position:static;padding:12px;min-height:0;border-radius:13px;margin-bottom:20px}.rail-brand,.rail-footer{display:none}.program-rail .tabs{flex-direction:row;white-space:nowrap;overflow:auto}.program-rail .tabs a{flex-shrink:0}.program-rail .tabs a.active{box-shadow:inset 0 -2px white}.section-head{align-items:start;flex-wrap:wrap}.message{max-width:100%}.workspace h1{font-size:28px}.grid{grid-template-columns:1fr}.stat strong{font-size:30px}}
.entry summary,.firm-entry summary{color:var(--accent);padding:3px 0;font-size:15px}.entry[open]>summary,.firm-entry[open]>summary{margin-bottom:22px}.entry form{margin-bottom:0;box-shadow:none}.panel small{color:#8190a3}.grid .stat{min-width:0}.grid .stat span{font-size:13px}

.company-logo{display:block;max-width:300px;max-height:100px;margin-bottom:16px}.preline{white-space:pre-line}.mascot-button{position:fixed;left:12px;bottom:12px;width:80px;height:100px;border-radius:22px;z-index:20;background-image:url(/assets/mascots-gewerkfamilie.png);background-size:400% 200%;background-position:0 0;padding:0;box-shadow:0 4px 18px #18304a25}.mascot-button[data-mascot=mobil]{background-position:33.333% 0}.mascot-button[data-mascot=glas]{background-position:66.666% 0}.mascot-button[data-mascot=portal]{background-position:100% 100%}@media(max-width:650px){.mascot-button{width:58px;height:75px;left:6px;bottom:6px}}

.logo-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logo-examples figure{margin:0;background:#f3f6fb;padding:8px;border-radius:8px}.logo-examples img{width:100%}.logo-examples figcaption{font-size:12px}.company-logo{object-fit:contain}
.online-hero{gap:36px}.online-hero img{width:100%;height:auto;border-radius:24px}.online-workspace{max-width:1100px;margin:auto}.online-tabs{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.online-workspace fieldset{border:1px solid #dbe4ee;border-radius:14px;margin:20px 0;padding:20px}.online-workspace details{margin-bottom:16px}.online-workspace legend{font-weight:700}body[data-program=learn],body[data-program=start]{--accent:#235ce2;background:#f4f8ff}body[data-program=web]{--accent:#7751b7}body[data-program=chatai]{--accent:#ad3c81}@media(max-width:650px){.online-hero{display:block}.online-hero img{margin-top:20px}.online-workspace fieldset{padding:12px}}
.mascot-button[data-mascot=web]{background-position:100% 0}.mascot-button[data-mascot=learn]{background-position:0 100%}.mascot-button[data-mascot=start]{background-position:33.333% 100%}.mascot-button[data-mascot=chatai]{background-position:66.666% 100%}

.employee-card{padding:18px 0;border-bottom:1px solid #e0e9ee}.employee-card:last-child{border-bottom:0}.employee-card h3{margin:10px 0}.employee-actions{display:flex;flex-wrap:wrap;gap:12px}.employee-summary .stat strong{font-size:26px}.employee-card .actions{flex-wrap:wrap}
@media(max-width:760px){.employee-actions{display:grid;grid-template-columns:1fr 1fr}.employee-actions .button{text-align:center;min-height:48px;padding:12px}.employee-summary.grid{grid-template-columns:1fr}.employee-card{padding:16px 0}input,select,textarea{min-height:46px;font-size:16px}.employee-summary .panel{margin-bottom:10px}}
.employee-connection{padding:10px 20px;text-align:center;font-size:13px;background:#eef5fc;color:#294a68}.employee-connection[data-offline=true]{background:#fff0d9;color:#744714}
.settings-categories{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.settings-categories a{padding:12px 16px;background:#fff;border:1px solid #dce5ef;border-radius:12px}.settings-categories a.active{background:var(--accent);color:#fff}.settings-content{min-width:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-day{min-height:90px;padding:9px 6px;border:1px solid #dce5ef;border-radius:8px;text-decoration:none;overflow:hidden}.calendar-day small{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-day.today{border:2px solid var(--accent)}.calendar-day.muted{opacity:.45}.calendar-weekday{text-align:center;font-size:13px}.calendar-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.calendar-toolbar h2{margin:0}.calendar-toolbar .button{font-size:13px}
@media(max-width:760px){.calendar-day{min-height:60px;padding:5px 2px}.calendar-day small{font-size:9px}.calendar-toolbar{gap:8px}.calendar-toolbar h2{width:100%;font-size:22px}.settings-categories a{padding:10px;font-size:13px}}
@media print{header,.dev,.program-rail,.mascot-button,#account,#notice,.employee-connection,form,button,.calendar-toolbar>a,.settings-categories{display:none!important}body,main,.app-layout,.workspace{display:block!important;background:#fff!important;max-width:none!important;margin:0!important;padding:0!important}.panel{box-shadow:none!important}.calendar-grid{break-inside:avoid}.calendar-day{min-height:60px}}

.statistics-cards .stat{text-decoration:none;color:inherit}.statistics-filter .button{margin-left:10px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.integration-grid article{border:1px solid #dce5ef;padding:20px;border-radius:14px}.integration-grid ul{padding-left:20px}.statistics-cards strong{font-variant-numeric:tabular-nums}@media(max-width:650px){.integration-grid{grid-template-columns:1fr}}

.shower-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.shower-models .panel{padding:14px;text-decoration:none;color:inherit}.shower-models .selected{border:2px solid #087f84}.shower-models svg{width:100%;height:auto}.shower-models text,#shower-preview svg text{font:10px system-ui}#shower-preview svg{width:100%;max-width:440px;height:auto;display:block;margin:auto}@media(max-width:850px){.shower-models{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Grouped programme navigation, shared by browser and desktop workspaces. */
.program-navigation{display:flex;flex-direction:column;gap:5px;min-width:0}.program-navigation a{display:block;padding:10px 12px;border-radius:8px;color:inherit;font-size:13px;overflow-wrap:anywhere}.program-navigation a:hover{text-decoration:none;background:var(--tint)}.program-navigation a.active{background:var(--tint);color:var(--accent);font-weight:700}.nav-start{padding-bottom:8px;border-bottom:1px solid #ffffff20}.nav-group{margin:0}.nav-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;font-size:13px;border-radius:8px}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary::after{content:'›';font-size:20px;line-height:1;transition:transform .15s}.nav-group[open]>summary::after{transform:rotate(90deg)}.nav-children{padding:2px 0 8px 12px;margin-left:12px;border-left:1px solid #ffffff30}.nav-search{font-size:11px;font-weight:500;margin:0 0 14px;padding:0 6px}.nav-search input{font-size:13px;margin-top:6px;padding:10px;width:100%;min-height:40px}.nav-empty{font-size:12px;padding:12px}.program-rail .program-navigation{color:#ffffffd9}.program-rail .program-navigation a:hover,.program-rail .nav-group>summary:hover{background:#ffffff12;color:white}.program-rail .program-navigation a.active{background:#ffffff20;color:white;box-shadow:inset 3px 0 white}.program-rail .nav-search{color:#ffffffa0}.program-rail .nav-search input{background:#ffffff0d;border-color:#ffffff30;color:white}.program-rail .nav-search input::placeholder{color:#ffffff80}.program-rail .nav-empty{color:#ffffffbc}.program-navigation [hidden]{display:none!important}.program-navigation summary:focus-visible,.program-navigation a:focus-visible{outline:2px solid currentColor;outline-offset:2px}.online-navigation{background:white;border:1px solid #dce5ef;padding:16px;border-radius:14px;margin-bottom:24px}.online-navigation .nav-start{border-color:#e1e7f0}.online-navigation .nav-children{border-color:#dce5ef}.workspace>section[id]{scroll-margin-top:20px}
@media(max-width:760px){.program-rail .program-navigation{display:flex;flex-direction:column;white-space:normal}.program-rail .nav-search{margin:0 0 8px}.program-navigation .nav-start{display:flex;flex-wrap:wrap;gap:4px}.program-navigation a,.nav-group>summary{min-height:44px;display:flex;align-items:center}.nav-children{padding-left:8px}.program-rail{padding:14px}.online-navigation{padding:12px}}
.time-account-balance{font-size:30px;font-variant-numeric:tabular-nums;color:var(--accent)}

.module-choice{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line,#dce4eb);border-radius:10px;min-height:48px}.module-choice input{width:22px;height:22px;flex-shrink:0}.module-choice:has(input:checked){background:var(--surface,#f4f8fc)}[hidden]{display:none!important}

.recent-documents{display:grid;gap:18px;margin-bottom:24px}.recent-documents .panel{margin:0}.recent-documents h2{font-size:1.2rem}.panel[id^="quote-"],.panel[id^="invoice-"]{scroll-margin-top:100px}

.overview-create-actions{margin-bottom:20px;flex-wrap:wrap}form[data-action=quote]{scroll-margin-top:100px}

/* Compact offer editing only; templates and recurring-plan forms retain their layout. */
.offer-builder{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:20px;align-items:start}
.quote-editor{padding:18px!important;margin:0!important;min-width:0}.quote-editor h3{margin:0 0 14px;font-size:19px}
.quote-editor label{font-size:12px;margin:0;min-width:0}.quote-editor input,.quote-editor select{padding:8px 9px;min-height:36px;margin:5px 0 0;font-size:13px;width:100%}
.quote-customer-controls,.quote-editor .quote-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quote-customer-note{padding:9px 0;font-size:12px;color:#52657f;line-height:1.5}.quote-new-customer{display:inline-block;font-size:12px;margin:8px 0 14px}
.quote-editor .quote-row{padding:12px;margin:0 0 10px;border-radius:12px;box-shadow:none;background:#f8fafd}
.quote-editor .quote-row>.row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.quote-editor .quote-row>button{grid-column:1/-1;justify-self:end;padding:5px 9px;font-size:11px;margin:0}
.quote-add-actions{gap:7px;margin:0 0 14px}.quote-add-actions button{font-size:12px;padding:8px 10px;margin:0}
.quote-totals-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.quote-version-options{margin:14px 0;font-size:12px}.quote-version-options summary{cursor:pointer;color:var(--accent);font-weight:600;padding:7px 0}.quote-version-options[open]{display:block}.quote-version-options label{display:block;margin:8px 0}
.quote-editor>button{width:100%;margin:5px 0 0;padding:10px}.quote-live-preview{position:sticky;top:20px;min-width:0}.quote-preview-caption{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}
.quote-preview-paper{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:22px;box-shadow:0 10px 30px #2337580c;min-height:520px;font-size:12px;overflow-wrap:anywhere}
.quote-preview-brand{display:flex;gap:12px;align-items:center;color:var(--accent);font-size:17px}.quote-preview-brand img{max-width:100px;max-height:44px;object-fit:contain}
.quote-preview-sender{font-size:10px;color:#7b8799;border-bottom:1px solid #e7edf5;padding-bottom:12px;margin:9px 0 20px}.quote-preview-recipient{line-height:1.6;min-height:70px}
.quote-preview-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px}.quote-preview-title h2{font-size:22px;margin:0}.quote-preview-title small{font-size:10px;color:#6c7c93}.quote-preview-project{color:#6c7c93;margin:6px 0 18px}
.quote-preview-items{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px}.quote-preview-items th,.quote-preview-items td{padding:9px 3px;text-align:right;border-bottom:1px solid #e5ecf5;vertical-align:top;white-space:normal}.quote-preview-items th{font-size:9px;color:#72819a;text-transform:none;letter-spacing:0}.quote-preview-items th:first-child,.quote-preview-items td:first-child{width:50%;text-align:left}.quote-preview-items small{display:block;font-size:10px;color:#72819a;line-height:1.6}
.quote-preview-sums{margin-top:16px;margin-left:auto;max-width:250px}.quote-preview-sums>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0}.quote-preview-total{border-top:2px solid var(--accent);margin-top:5px;color:var(--accent);font-size:15px}
.quote-preview-hint,.quote-preview-footnote{font-size:11px;color:#6c7c93;line-height:1.6}.quote-preview-validation{font-size:11px;background:#fff5e4;padding:9px;border-radius:7px;color:#72521e}
@media(max-width:1100px){.offer-builder{grid-template-columns:1fr}.quote-live-preview{position:static}.quote-preview-paper{min-height:0}}
@media(max-width:760px){.quote-editor{padding:14px!important}.quote-editor input,.quote-editor select{min-height:44px;font-size:16px;padding:8px}.quote-customer-controls{grid-template-columns:1fr}.quote-editor .quote-row{padding:10px;gap:8px}.quote-editor .quote-row>label{grid-column:1/-1}.quote-editor .quote-row>.row{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-editor .quote-row>.row>label:last-child{grid-column:1/-1}.quote-totals-controls{grid-template-columns:1fr 1fr}.quote-totals-controls>label:last-child{grid-column:1/-1}.quote-preview-paper{padding:16px}.offer-builder{gap:18px}}
/* Long import schemas and editable page blocks remain readable on phones. */
label{overflow-wrap:anywhere}fieldset{min-width:0;box-sizing:border-box;max-width:100%}.panel input,.panel textarea,.panel select{min-width:0;max-width:100%;box-sizing:border-box}[data-site-live-preview]{overflow-wrap:anywhere;background:#f4f7fb;padding:16px;border-radius:10px}[data-block-row]{margin:14px 0}

.package-hash{overflow-wrap:anywhere;font-family:monospace;font-size:.85rem;}
.mascot-button{left:auto;right:20px;bottom:20px;border:0;cursor:pointer}.mascot-button:focus-visible{outline:3px solid var(--accent,#235ce2);outline-offset:4px}
.fox-support-window{position:fixed;right:20px;bottom:20px;width:min(390px,calc(100vw - 24px));z-index:60}.fox-support-window[hidden],.mascot-button[hidden]{display:none}
.fox-support-peek{position:absolute;right:40px;top:-112px;width:150px;height:130px;pointer-events:none;z-index:2}.fox-support-peek img{width:100%;height:100%;object-fit:contain;object-position:bottom}
.fox-support-card{border:1px solid #dae2ef;border-radius:22px;background:#fff;box-shadow:0 16px 60px #172c5040;padding:20px;max-height:calc(100dvh - 155px);overflow-y:auto;overscroll-behavior:contain}.fox-support-card h2{font-size:1.15rem;margin:0}.fox-support-card .section-head{gap:12px;margin-bottom:12px}.fox-support-content>p{font-size:.9rem}.fox-support-card form{margin:12px 0}.fox-support-card textarea{min-height:76px}.fox-support-card label{margin-bottom:10px}.fox-support-messages{max-height:180px;overflow-y:auto;overscroll-behavior:contain}.fox-support-card .message p{white-space:pre-wrap;overflow-wrap:anywhere}.fox-support-card .message{font-size:.9rem}.fox-support-card #fox-support-error{font-size:.85rem;margin:10px 0 0}.fox-topics{gap:6px;flex-wrap:wrap}
@media(max-width:650px){.mascot-button{left:auto;right:12px;bottom:12px}.fox-support-window{right:12px;bottom:12px}.fox-support-card{padding:16px}.fox-support-peek{right:25px;top:-95px;width:130px;height:110px}}
@media print{.fox-support-window{display:none!important}}
.operator-live-availability{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.operator-livechat-window{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:620px;background:#fff;border:1px solid #e2def0;border-radius:22px;overflow:hidden;box-shadow:0 8px 30px #30234b0b}.operator-chat-customers{padding:20px;background:#f7f5fb;border-right:1px solid #e2def0;min-width:0}.operator-chat-customers h2{font-size:1.2rem;margin-top:0}.operator-chat-customers>label{font-size:.85rem}.operator-customer-row{display:block;width:100%;text-align:left;background:#fff;color:#26354f;border:1px solid #e3dfee;border-radius:14px;padding:14px;margin-top:10px;overflow:hidden}.operator-customer-row:hover,.operator-customer-row.selected{background:#eee8fb;border-color:#9576cf;color:#26354f}.operator-customer-row small{display:block;margin:6px 0;color:#6c7590}.operator-customer-row .section-head{align-items:flex-start;gap:8px}.operator-customer-row .badge{font-size:.65rem;white-space:nowrap}.operator-chat-preview{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.8rem;font-weight:400}.operator-chat-thread{padding:24px;min-width:0}.operator-chat-heading h2{margin-top:0}.operator-chat-heading>p{font-size:.85rem}.operator-chat-messages{height:300px;overflow-y:auto;overscroll-behavior:contain;padding:12px;background:#fafbfe;border-radius:16px;margin:16px 0}.operator-chat-messages .message p{white-space:pre-wrap;overflow-wrap:anywhere}.operator-chat-messages .message{max-width:90%}.operator-chat-thread textarea{min-height:90px}.operator-chat-feedback{font-size:.85rem;min-height:20px}.operator-chat-empty{padding:90px 10px;text-align:center}.fox-support-content .operator-live-availability{margin-bottom:16px}
@media(max-width:1000px){.operator-livechat-window{grid-template-columns:220px minmax(0,1fr)}.operator-chat-customers,.operator-chat-thread{padding:16px}}
@media(max-width:650px){.operator-livechat-window{grid-template-columns:1fr}.operator-chat-customers{border-right:0;border-bottom:1px solid #e2def0}.operator-chat-customers [data-operator-chat-list]{max-height:240px;overflow-y:auto}.operator-chat-messages{height:260px}}
.support-access-banner{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding:12px 24px;background:#ffedc2;color:#493310;border-bottom:2px solid #ddaa30}.support-access-banner a{margin-left:auto}.operator-chat-thread details.panel{margin-top:18px}.operator-chat-thread details form{box-shadow:none;padding:10px}.fox-support-card #fox-support-approvals .panel{padding:12px}.fox-support-card #fox-support-approvals h3{font-size:1rem}
.vehicle-photo-result{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.vehicle-photo-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vehicle-photo-comparison figure{margin:0;min-width:0}.vehicle-photo-comparison img{display:block;width:100%;max-height:380px;object-fit:contain;background:#edf0f3;border-radius:12px}.vehicle-photo-comparison figcaption{padding:10px 0;font-size:14px;font-weight:600}@media(max-width:600px){.vehicle-photo-comparison{grid-template-columns:1fr}}

.vehicle-stage-track{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.vehicle-stage-track span:not([aria-hidden]){padding:8px 12px;background:var(--soft,#f2f5f7);border-radius:12px;font-weight:600}.vehicle-process .grid{margin-top:16px}

.vehicle-stock-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.vehicle-stock-stats .stat{padding:18px}.vehicle-fieldset{border:1px solid #dfe6ef;border-radius:12px;padding:18px;margin:0 0 20px;min-width:0}.vehicle-fieldset legend{font-weight:700;padding:0 8px;color:var(--accent)}.vehicle-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.vehicle-fields>p,.vehicle-fields>label:has(textarea){grid-column:1/-1}@media(max-width:900px){.vehicle-stock-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.vehicle-fields{grid-template-columns:1fr}.vehicle-stock-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vehicle-photo-slots,.vehicle-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.vehicle-photo-slot{border:1px solid var(--line,#dce4ef);border-radius:14px;padding:12px;min-width:0}.vehicle-photo-slot .actions{flex-wrap:wrap}.vehicle-photo-slot img,.vehicle-gallery img{width:100%;max-height:180px;object-fit:contain;border-radius:10px}.vehicle-photo-slot small{display:block;overflow-wrap:anywhere}.vehicle-gallery figure{margin:0}.vehicle-gallery figcaption{padding:8px 0}.vehicle-photo-slot label.button{cursor:pointer;display:inline-block}.vehicle-gallery{margin:16px 0}
.equipment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.equipment-options .module-choice{padding:10px;border:1px solid var(--line,#dce4ef);border-radius:10px;cursor:pointer}.equipment-options input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.equipment-options [hidden]{display:none!important}.equipment-picker{min-width:0}.equipment-picker details{margin:12px 0}
.vehicle-fields>.equipment-picker{grid-column:1/-1;width:100%}.equipment-options label.module-choice{margin:0}.equipment-picker .equipment-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}

/* Comfortable commercial editors · Flow and Glas */
.quote-template-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;background:var(--tint,#eff8f8);border:1px solid #dbe7ed;border-radius:12px;margin-bottom:18px}.quote-template-bar small,.template-replace{grid-column:1/-1}.template-replace input{width:auto!important;min-height:0!important}.editor-section-title{margin:20px 0 12px}.position-actions{grid-column:1/-1;display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.position-actions button{font-size:11px;padding:6px 8px}.invoice-editor{margin:0!important;padding:20px;min-width:0}.invoice-service-list{margin:18px 0}.invoice-service{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:16px;padding:14px 0;border-bottom:1px solid #e2e8f0;align-items:center}.invoice-service small{display:block;font-weight:normal;color:#64748b;margin-top:5px}.invoice-service input{width:100%;margin:0}.quote-preview-title{border-top:3px solid var(--accent,#168b8b);padding-top:14px}.quote-preview-paper{border-radius:3px;box-shadow:0 12px 35px #13243812}.logo-examples figure{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;margin:0}.logo-examples img{width:100%;height:auto}.logo-examples figcaption{font-size:12px;color:#64748b;margin-top:12px}
@media(max-width:760px){.quote-template-bar{grid-template-columns:1fr}.quote-template-bar button{width:100%}.invoice-editor{padding:14px}.invoice-service{grid-template-columns:minmax(0,1fr) 80px;gap:8px}}

.quote-preview-brand img{max-width:180px;max-height:52px}.quote-preview-items strong{white-space:pre-line}

.shower-config-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px}.shower-config-workspace>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}.shower-config-workspace>form h3,.shower-config-workspace>form p,.shower-config-workspace>form [data-shower-dimensions],.shower-config-workspace>form>button,.shower-config-workspace>form label:has([name=project_id]),.shower-config-workspace>form label:has([name=pricebook_id]),.shower-config-workspace>form label:has([name=measurement_note]){grid-column:1/-1}.shower-config-workspace>form label{margin:0;font-size:12px}.shower-config-workspace>form input,.shower-config-workspace>form select{margin-top:6px}.shower-config-workspace [data-shower-dimensions]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#shower-preview>.panel{margin-top:0}#shower-preview svg{display:block;width:min(100%,420px);margin:12px auto}.shower-draft{position:sticky;top:20px}
@media(max-width:1100px){.shower-config-workspace{grid-template-columns:1fr}.shower-draft{position:static}}
@media(max-width:760px){.shower-config-workspace>form{grid-template-columns:1fr}.shower-config-workspace>form>*{grid-column:1!important}.shower-config-workspace [data-shower-dimensions]{grid-template-columns:1fr}}
.shower-config-workspace>*{min-width:0}.shower-config-workspace form>*{min-width:0}#shower-preview .scroll{max-width:100%}
@media(max-width:1100px){.shower-config-workspace{grid-template-columns:minmax(0,1fr)}}

.batch-reminder-choice{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #e2e8f0}.batch-reminder-choice input{width:auto;margin:0}

/* Document hierarchy inspired by current German invoice templates. */
.quote-preview-brand{padding-bottom:22px;border-bottom:1px solid #dce5eb}.quote-preview-title{border-top:0;padding-top:12px}.quote-preview-title h2{font-size:27px;letter-spacing:-.7px}.quote-preview-items th{background:#f3f6fa;color:var(--accent);padding:12px 7px}.quote-preview-items td{padding:13px 7px}.quote-preview-items tbody tr:nth-child(even){background:#fafbfd}.quote-preview-total{background:var(--tint,#eef5f9);padding:13px 10px!important;border-top:0;border-radius:8px}.shower-visual{display:block;width:100%;height:auto}.shower-models .panel{padding:10px;transition:box-shadow .2s,transform .2s}.shower-models .panel:hover{transform:translateY(-3px);box-shadow:0 12px 25px #24445515}.shower-models strong{display:block;padding:12px 8px}.shower-draft .shower-visual{margin:16px 0}

/* Approved user logos are shown intact; original pixels preserved. */
.product-logo.approved-logo{display:block;width:100%;max-width:280px;height:auto;margin:0 auto 12px}body[data-program=flow] .family-logo,body[data-program=mobil] .family-logo,body[data-program=glas] .family-logo,body[data-program=chatai] .family-logo{width:74px;height:74px;object-fit:contain;background:#fff;border-radius:10px}body[data-program=flow] .rail-brand img,body[data-program=mobil] .rail-brand img,body[data-program=glas] .rail-brand img{width:140px;height:140px;object-fit:contain;background:#fff;border-radius:10px}@media(max-width:600px){body[data-program=flow] .family-logo,body[data-program=mobil] .family-logo,body[data-program=glas] .family-logo,body[data-program=chatai] .family-logo{width:56px;height:56px}}

body[data-program=web] .family-logo,body[data-program=learn] .family-logo,body[data-program=start] .family-logo{width:74px;height:74px;object-fit:contain;background:#fff;border-radius:10px}@media(max-width:600px){body[data-program=web] .family-logo,body[data-program=learn] .family-logo,body[data-program=start] .family-logo{width:56px;height:56px}}

/* Learn: four real radio choices, mouse/touch and keyboard accessible. */
.learn-answer-group{border:0;padding:0;margin:18px 0}.learn-answer-group legend{font-weight:650;margin-bottom:12px}.learn-answer-grid{display:grid;grid-template-columns:1fr;gap:12px}.learn-answer-option{display:flex;align-items:center;gap:12px;margin:0;padding:18px;border:2px solid #dce5ef;border-radius:12px;background:white;cursor:pointer;min-height:72px;transition:border-color .15s,background .15s}.learn-answer-option>input[type=radio]{width:20px;height:20px;min-height:20px;margin:0;flex:0 0 20px;accent-color:var(--accent)}.learn-answer-option>span{display:flex;align-items:flex-start;gap:12px;min-width:0;overflow-wrap:anywhere}.learn-answer-option strong{color:var(--accent)}.learn-answer-option:hover{border-color:var(--accent)}.learn-answer-option:has(input:checked){border-color:var(--accent);background:var(--tint)}.learn-answer-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}@media(max-width:760px){.learn-answer-grid{grid-template-columns:1fr}.learn-answer-option{padding:16px;min-height:64px}}

/* GewerkAI business drafts */
.work-ai-text{white-space:pre-wrap;overflow-wrap:anywhere}.work-ai-result form{margin-top:20px}.work-ai-result details{margin:18px 0}.work-ai-result small{overflow-wrap:anywhere}.work-ai-result section{margin-bottom:20px}

.sentence-offer-notes{background:#fff8df;padding:16px;border-radius:12px;margin:16px 0}.sentence-offer details{margin-bottom:18px}.sentence-offer .offer-builder{margin-top:22px}.sentence-offer{overflow-wrap:anywhere}
.sentence-offer .quote-editor .module-choice{align-items:flex-start}.sentence-offer .quote-editor .module-choice input[type=checkbox]{width:20px;min-height:20px;height:20px;margin:2px 0 0;padding:0;flex:0 0 20px}.sentence-offer .module-choice span{flex:1;min-width:0;line-height:1.5}

/* Approved design 3: independently branded Flow / Mobil / Glas workspaces. */
body[data-program=flow]{--accent:#2179e9;--tint:#edf5ff;--rail:#0e2440;--wash:#edf2f8;--hero-start:#174276;--hero-end:#1b6295;--nav-end:#19aac3}
body[data-program=mobil]{--accent:#7955d7;--tint:#f3effd;--rail:#241b3e;--wash:#f2eff8;--hero-start:#46316f;--hero-end:#7351a4;--nav-end:#ae6be7}
body[data-program=glas]{--accent:#087f8b;--tint:#e8f7f7;--rail:#103b41;--wash:#edf6f6;--hero-start:#15545f;--hero-end:#198b96;--nav-end:#18acaa}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]):has(.app-layout)>header{padding:17px 30px;border-top:0;border-bottom:1px solid #e4eaf1;background:#fff}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]):has(.app-layout)>header .brand{font-size:20px}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]):has(.app-layout)>main{max-width:1600px;padding:0 26px 55px 0}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .app-layout{grid-template-columns:235px minmax(0,1fr);gap:28px;margin-top:0}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .program-rail{border-radius:0 0 18px 0;top:0;min-height:calc(100vh - 110px);padding:25px 17px;box-shadow:none}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .rail-brand{gap:8px;padding:0 10px 23px}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .rail-brand img{width:58px;height:58px;background:white;border-radius:12px;padding:4px;object-fit:contain}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .workspace{padding-top:25px}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .program-heading{background:linear-gradient(115deg,var(--hero-start),var(--hero-end));border-radius:17px;padding:25px 28px;margin-bottom:24px;box-shadow:0 10px 24px #183b6415;color:white}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .program-heading h1{font-size:clamp(26px,2.6vw,35px);letter-spacing:-.9px;margin:8px 0 0;line-height:1.25;color:white}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .program-heading .eyebrow{color:#ffffffb5;font-size:10px;letter-spacing:1.5px}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .program-rail .program-navigation a.active{background:linear-gradient(120deg,var(--accent),var(--nav-end));box-shadow:0 5px 15px #00000020;color:white}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .nav-group>summary{font-weight:600}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .panel{border-color:#e7edf3;border-radius:17px;box-shadow:0 6px 20px #25486806}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .workspace input,body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .workspace select,body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .workspace textarea{border-color:#dce5ee;border-radius:9px}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .workspace :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .workspace button,body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .workspace .button{border-radius:9px}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .quote-preview-paper{border-radius:9px;box-shadow:0 10px 30px #24466c16}
body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .stat{border-top:3px solid var(--accent)}
@media(max-width:1000px){body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .app-layout{grid-template-columns:205px minmax(0,1fr);gap:20px}}
@media(max-width:760px){body:is([data-program=flow],[data-program=mobil],[data-program=glas]):has(.app-layout)>header{padding:14px 16px}body:is([data-program=flow],[data-program=mobil],[data-program=glas]):has(.app-layout)>main{padding:16px 14px 55px}body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .app-layout{display:block;margin-top:0}body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .program-rail{position:static;border-radius:15px;min-height:0;padding:16px}body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .workspace{padding-top:20px}body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .program-heading{padding:20px;margin-bottom:20px}body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .program-heading h1{font-size:26px}body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .rail-brand{flex-direction:row;align-items:center;flex-wrap:wrap;padding-bottom:14px}body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .rail-brand img{width:42px;height:42px}body:is([data-program=flow],[data-program=mobil],[data-program=glas]) .rail-brand small{width:100%}}

/* Floating mascot without a button tile; retain keyboard focus visibility. */
.mascot-button{background-color:transparent;border:0;border-radius:0;box-shadow:none}
.mascot-button:hover,.mascot-button:active{background-color:transparent;box-shadow:none}
/* GewerkWeb: four-step personal website builder. */
.web-build-shell{max-width:1160px;margin:0 auto 24px}.web-build-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.web-build-steps>div{display:flex;gap:10px;align-items:center;padding:17px;background:#fff;border:1px solid #e3e7ef;border-radius:13px;color:#8490a1;font-size:12px}.web-build-steps span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#eef0f5;flex-shrink:0}.web-build-steps .active{color:#7950bb;border-color:#7950bb;background:#f6f1fe}.web-build-steps .active span{background:#7950bb;color:white}.web-build-steps .complete{color:#258376}.web-build-content{padding:32px}.web-build-content form>h2{font-size:29px;letter-spacing:-.8px}.web-build-loading{text-align:center;padding:45px 10px;max-width:700px;margin:auto}.web-build-orbit{display:grid;place-items:center;width:94px;height:94px;margin:0 auto 30px;background:linear-gradient(130deg,#7650bb,#418ade);border-radius:27px;color:white;font-size:40px;animation:web-build-pulse 1.5s ease-in-out infinite}.web-build-orbit.done{animation:none;background:#238576}.web-build-demo{display:block;width:100%;height:650px;border:1px solid #dce4ed;border-radius:15px;background:white}.web-build-buy{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#f7f3fc;border-radius:15px;padding:25px;margin-top:25px}.web-build-buy strong{font-size:26px;color:#714eac}.web-build-buy strong small{display:block;font-size:12px;color:#7e8797;font-weight:500}.web-build-buy .check{font-size:12px}.web-build-buy p{font-size:13px}.web-build-buy button{margin:8px 0}@keyframes web-build-pulse{50%{transform:scale(1.04);box-shadow:0 0 0 12px #7950bb0e}}@media(prefers-reduced-motion:reduce){.web-build-orbit{animation:none}}@media(max-width:760px){.web-build-steps{grid-template-columns:1fr 1fr;gap:8px}.web-build-steps>div{padding:10px;font-size:11px}.web-build-content{padding:20px}.web-build-buy{grid-template-columns:1fr;padding:20px}.web-build-demo{height:500px}.web-build-loading{padding:25px 0}}

.operator-customer-card{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;margin:12px 0}.operator-customer-card>div{flex:1;min-width:0;overflow-wrap:anywhere}.operator-customer-card p{margin:6px 0}.operator-customer-card:hover{border-color:var(--accent,#7454bf)}

.operator-mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;padding:16px;background:#f5f7fb;border-radius:12px}.operator-mail-recipients{display:grid;gap:8px;margin:20px 0}.operator-mail-recipient{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}.operator-mail-recipient input{width:auto;flex:0 0 auto}.operator-mail-recipient small{display:block;color:#64748b}