.vehicle-3d-viewer{width:100%;height:min(500px,60vh);border:none;border-radius:8px;overflow:hidden;background:var(--color-white);margin:1.5rem 0;position:relative;box-shadow:0 0 100px 35px var(--color-white)}@media (max-width: 1023px){.vehicle-3d-viewer{height:min(50vh,380px);margin:.75rem 0;border-radius:6px}}@media (max-width: 639px){.vehicle-3d-viewer{height:min(42vh,280px);margin:.5rem 0}}.vehicle-3d-viewer.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-fullscreen, 9999);height:100vh;height:100dvh;margin:0;border-radius:0}.vehicle-3d-viewer.display-mode,.vehicle-3d-viewer.capture-mode{height:100%;margin:0;border:none;border-radius:0;box-shadow:none}.vehicle-3d-viewer canvas{display:block;width:100%;height:100%;touch-action:none}.viewer-toolbar{position:absolute;top:var(--ds-space-3, 12px);left:var(--ds-space-3, 12px);right:var(--ds-space-3, 12px);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-2, 8px);z-index:10;pointer-events:none}.viewer-toolbar-move{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-2, 8px)}.viewer-toolbar>.viewer-btn-icon{margin-left:auto}.viewer-toolbar .viewer-btn{pointer-events:auto}.viewer-toolbar .viewer-btn.active{background-color:var(--ds-color-brand, #134d75);border-color:var(--ds-color-brand, #134d75);color:var(--ds-color-fg-inverted, #ffffff)}.viewer-toolbar .viewer-btn.active:hover:not(:disabled){background-color:var(--ds-color-brand-hover, #1a5f8e);border-color:var(--ds-color-brand-hover, #1a5f8e)}.model-info,.cad-filenames{position:absolute;bottom:10px;left:10px;background:#0009;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:var(--font-size-xs)}.cad-filenames div+div{margin-top:.25rem}.viewer-control-btn.ds-btn{border-radius:var(--ds-radius-sm, 6px);box-shadow:var(--ds-shadow-md, 0 4px 12px rgba(0, 0, 0, .28));border-color:var(--ds-color-border-strong, rgba(0, 0, 0, .35))}.viewer-control-btn.viewer-control-btn.ds-btn:not(.ds-btn--icon){padding:var(--ds-space-1, 4px) var(--ds-space-3, 12px)}.viewer-control-btn.viewer-control-btn.ds-btn--icon{padding:var(--ds-space-1, 4px)}.display-image-gallery{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden}.display-image-gallery--empty{min-height:60px}.display-image-gallery__img{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .4s ease}.display-image-gallery__img.is-transitioning{opacity:0}.config-ticker{--ticker-height: 30px;--ticker-bg: var(--color-accent-blue, #134d75);position:fixed;top:0;left:0;right:0;height:var(--ticker-height);z-index:1005;display:flex;align-items:center;overflow:hidden;background:var(--ticker-bg);color:#fff;padding-top:env(safe-area-inset-top,0px);box-sizing:content-box;box-shadow:0 1px 4px #0003;-webkit-user-select:none;user-select:none;pointer-events:none}.config-ticker__track{--ticker-gap: 4rem;display:inline-flex;flex-shrink:0;white-space:nowrap;will-change:transform;animation:config-ticker-scroll var(--ticker-duration, 30s) linear infinite}.config-ticker__text{display:inline-block;flex:0 0 auto;padding-right:var(--ticker-gap);font-size:13px;font-weight:600;letter-spacing:.01em;line-height:var(--ticker-height)}@keyframes config-ticker-scroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--ticker-copy-width, 0px)))}}@media (prefers-reduced-motion: reduce){.config-ticker__track{animation:none;transform:none;overflow:hidden;text-overflow:ellipsis;max-width:100%}.config-ticker__text[aria-hidden=true]{display:none}.config-ticker__text{overflow:hidden;text-overflow:ellipsis;max-width:100vw}}html[data-config-ticker=on] .ds-header{top:calc(30px + env(safe-area-inset-top,0px))}html[data-config-ticker=on] .moby-konfigurator-theme .app-main{padding-top:calc(var(--header-height) + 30px)}html.moby-embedded[data-config-ticker=on] .moby-konfigurator-theme .app-main,html.moby-in-iframe[data-config-ticker=on] .app-main{padding-top:30px!important}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Inter-Black.woff2) format("woff2")}.ds-header.scrolled{transform:translateY(-100%);pointer-events:none}html.moby-embedded .ds-header,html.moby-embedded header.header,html.moby-embedded .app-header{display:none!important}html.moby-embedded body,html.moby-embedded #root,html.moby-embedded .app-content,html.moby-embedded :where(.moby-konfigurator-theme) .app-main{padding-top:0!important;margin-top:0!important}html.moby-in-iframe .app-main{padding-top:0!important;margin-top:0!important}.ds-header .ds-header-content{padding-left:8px;padding-right:8px}.header-left{flex:0 0 auto;display:flex;align-items:center;padding-left:0}.header-center{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 var(--spacing-md);overflow:hidden}.header-right{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);padding-right:0}.header-logo{height:60px;max-height:100%;display:flex;align-items:center;transition:opacity var(--transition-base)}.header-logo:hover{opacity:.8}.header-logo img{height:60px;max-height:100%;width:auto;object-fit:contain}.header-logo-separator{margin:0 .2em;display:inline-flex;align-items:center;align-self:center;justify-content:center;font-size:1rem;font-weight:300;line-height:1;color:#00000059;-webkit-user-select:none;user-select:none}.header-dealer-logo{height:60px;max-height:100%;display:flex;align-items:center}.header-dealer-logo img{height:44px;max-width:140px;width:auto;object-fit:contain}.header-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-800);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.header-title--fahrzeugkonzept{font-weight:200;font-size:1.5rem;letter-spacing:.08em}.header-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600);white-space:nowrap;display:block}.header-icon-svg{width:clamp(15px,1.5vw,20px);height:clamp(15px,1.5vw,20px);display:block}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:clamp(28px,2.8vw,36px);height:clamp(28px,2.8vw,36px);padding:0;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-gray-700);cursor:pointer;transition:background .2s,color .2s}.header-icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.header-customer-panel-wrap{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.header-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-fixed);background:transparent}.header-customer-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;max-width:360px;padding:1rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:var(--z-fixed-above)}.header-customer-panel-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-gray-800);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200)}.header-customer-panel-list{margin:0;font-size:var(--font-size-sm)}.header-customer-panel-list dt{color:var(--color-gray-600);font-weight:var(--font-weight-medium);margin-top:.5rem}.header-customer-panel-list dt:first-of-type{margin-top:0}.header-customer-panel-list dd{margin:.15rem 0 0;color:var(--color-gray-800)}.header-customer-panel-empty{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600)}.header-user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-info-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);border:1px solid var(--color-info)}.user-label{color:var(--color-info);font-weight:var(--font-weight-medium)}.user-name{color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}@media (max-width: 639px){.ds-header-content{flex-direction:row;align-items:center;padding:0 8px}.header-logo,.header-logo img,.header-dealer-logo{height:36px}.header-dealer-logo img{height:28px;max-width:80px}.header-logo-separator{margin:0 .15em;font-size:.8rem}.header-title{font-size:var(--font-size-base)}.header-subtitle,.header-beratungsplatz-label{display:none}.header-beratungsplatz-select{min-width:100px;font-size:var(--font-size-xs);padding:.25rem .35rem}}@media (max-width: 1023px) and (min-width: 640px){.header-logo,.header-logo img{height:44px}.header-dealer-logo img{height:36px;max-width:110px}}.header-beratungsplatz{display:flex;align-items:center;gap:.5rem}.header-display-status{font-size:.65rem;line-height:1}.header-display-status.online{color:#4cde80}.header-display-status.offline{color:#ffffff59}.header-icon-btn--active{border-color:#4cde8080!important;color:#4cde80!important}.header-icon-btn--active:hover{border-color:#dc262680!important;color:#fca5a5!important}.header-display-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-display-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:201;display:flex;align-items:center;justify-content:center;pointer-events:none}.header-display-modal-card{pointer-events:auto;text-align:center;padding:2rem 2.5rem;background:#1e2837eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 16px 48px #00000080;color:#ffffffe6;min-width:240px}.header-display-modal-title{margin:0 0 .25rem;font-size:var(--font-size-base);font-weight:600;color:#ffffffe6}.header-display-modal-hint{margin:0 0 1rem;font-size:var(--font-size-xs);color:#ffffff73}.header-display-popup-row{display:flex;gap:.35rem}.header-display-popup-input{width:80px;font-size:1.1rem!important;font-weight:700;text-align:center;letter-spacing:.25em;padding:.35rem .5rem!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:6px}.header-display-popup-btn{padding:.35rem .75rem;font-size:var(--font-size-sm);font-weight:600;background:var(--config-accent-step, #134D75);color:#fff;border:none;border-radius:6px;cursor:pointer}.header-display-popup-btn:disabled{opacity:.4;cursor:not-allowed}.header-display-popup-error{margin:.35rem 0 0;font-size:var(--font-size-xs);color:#fca5a5}.header-config-code{gap:.4rem;font-variant-numeric:tabular-nums;letter-spacing:.01em}.header-config-code .header-config-code-label{font-weight:600;font-size:.85em}.header-config-code.copied{background:var(--color-success-soft, #16a34a)!important;color:#fff!important;border-color:transparent!important}.header-config-code--empty{opacity:.55}.header-config-code--empty .header-config-code-label{font-weight:400}.vehicle-configuration{min-height:calc(100vh - var(--header-height) - var(--bottom-nav-height));min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height));padding:2rem 0;padding-bottom:calc(2rem + var(--bottom-nav-height))}.vehicle-configuration:has(.vehicle-configuration-split){padding:0!important;overflow:visible;min-height:0}.vehicle-configuration-split{display:block;width:100%;min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height))}.vehicle-configuration-split .main-content.with-imagepack,.vehicle-configuration-split .config-sidebar.container.main-content{margin-left:var(--left-panel-width, 40%);width:calc(100% - var(--left-panel-width, 40%));flex:none}@media (max-aspect-ratio: 1/1),(max-width: 1023px){.vehicle-configuration-split{display:flex;flex-direction:column;min-height:0;flex:1 1 0%;height:0;overflow:hidden}.vehicle-configuration-split .main-content.with-imagepack,.vehicle-configuration-split .config-sidebar.container.main-content{margin-left:0;width:100%;flex:none}.vehicle-configuration-split .main-content.with-imagepack{flex:1 1 0%;min-height:0;overflow-y:auto;overflow-x:hidden;background:transparent}}.vehicle-configuration-split .resizable-left-panel{max-width:75vw}.vehicle-configuration-split .resizable-left-panel .vehicle-3d-viewer,.vehicle-configuration-split .resizable-left-panel .image-gallery-container{flex:1;min-height:0}.vehicle-configuration-split .resizable-left-panel .vehicle-3d-viewer{height:auto;margin:0}.left-panel-tabs{position:absolute;top:10px;left:10px;z-index:20;display:flex;gap:4px;padding:0}.left-panel-tabs button{padding:.35rem .9rem;border:1px solid rgba(255,255,255,.3);background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffd9;cursor:pointer;font-size:var(--font-size-sm);border-radius:6px;min-height:32px;transition:background .15s,color .15s}.left-panel-tabs button.active{background:#ffffff38;color:#fff;font-weight:600;border-color:#ffffff8c}.vehicle-configuration-split .main-content.with-imagepack{flex:1;min-width:0;margin-left:0;max-width:none;overflow-y:visible;overflow-x:hidden;padding-bottom:calc(1.5rem + var(--bottom-nav-height, 80px))}.vehicle-configuration .container.main-content,.vehicle-configuration form{background:transparent}.left-panel-iso-stack{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.left-panel-iso-stack__images{flex:0 0 58%;min-height:0;overflow:hidden;position:relative}.left-panel-iso-stack__viewer{flex:0 0 42%;min-height:0;overflow:hidden;position:relative;border-top:1px solid rgba(255,255,255,.1)}.left-panel-iso-stack__viewer .vehicle-3d-viewer{height:100%!important;margin:0!important;border-radius:0!important;box-shadow:none!important}.left-panel-iso-stack__images .image-gallery-container{height:100%;border-radius:0}.vehicle-configuration-split .resizable-left-panel .image-gallery-image-container{aspect-ratio:unset!important;height:100%!important;width:100%;min-height:0!important;max-height:none!important}.vehicle-configuration-split .resizable-left-panel .image-gallery-main{justify-content:flex-start!important;align-items:stretch!important}.vehicle-configuration-split .resizable-left-panel .image-gallery-container{height:100%!important;max-height:none!important;flex:1!important;min-height:0!important}.left-panel-iso-stack__images .image-gallery-image-container{aspect-ratio:unset!important;height:100%!important;width:100%;min-height:0;max-height:none!important}.left-panel-iso-stack__images .image-gallery-main{justify-content:flex-start!important;align-items:stretch!important}@media (max-aspect-ratio: 1/1),(max-width: 1023px){.left-panel-iso-stack{flex-direction:row}.left-panel-iso-stack__images{flex:0 0 55%}.left-panel-iso-stack__viewer{flex:0 0 45%;border-top:none;border-left:1px solid rgba(255,255,255,.1)}}.main-content.with-imagepack,.container.main-content{container-type:inline-size;container-name:config}.subcategory-section{margin-bottom:3rem}.subcategory-section .subcategory-title{font-size:var(--font-size-2-5xl);font-weight:700;color:var(--sb-title-color, #333);margin-bottom:1rem;margin-top:0;padding-bottom:.5rem;border-bottom:2px solid var(--sb-divider, #e9ecef)}.subcategory-description{color:var(--config-text-muted, var(--color-gray-600));font-size:var(--font-size-base);margin-bottom:1.5rem}.form-section-title{font-size:var(--font-size-3-25xl);font-weight:700;color:var(--sb-title-color, #333);margin-bottom:1.5rem;display:block}.form-section-divider{height:2px;background-color:var(--color-gray-200);margin:2.5rem 0;border:none}.form-section-block{background:var(--sb-bg, #f8f9fa);border:1px solid var(--sb-border, #e9ecef);border-radius:var(--sb-radius, 8px);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--sb-shadow, 0 2px 4px rgba(0, 0, 0, .05));backdrop-filter:var(--sb-backdrop, none);-webkit-backdrop-filter:var(--sb-backdrop, none)}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.checkbox-label:hover{background-color:var(--color-moby-bg-alt)}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.checkbox-label span{-webkit-user-select:none;user-select:none}:where(.moby-konfigurator-theme) .price-display{margin-top:.5rem;padding:.75rem;background-color:#e9f7ef;border:1px solid var(--color-success);border-radius:4px;color:#155724}:where(.moby-konfigurator-theme) .price-display strong{display:block;font-size:var(--font-size-lg);margin-bottom:.25rem}.price-product-name{font-size:var(--font-size-md);color:var(--color-gray-600);font-style:var(--font-style-italic)}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.option-card{border:1px solid var(--oc-border, var(--ds-color-border, #e4e7ec));border-radius:var(--oc-radius, var(--ds-radius-md, 10px));overflow:hidden;cursor:pointer;position:relative;transition:background-color .15s ease,box-shadow .2s ease,border-color .2s ease,transform .1s ease;background:var(--oc-bg, var(--ds-color-bg-elevated, #ffffff));box-shadow:var(--oc-shadow, var(--ds-shadow-sm, 0 1px 3px rgba(0,0,0,.08)));backdrop-filter:var(--oc-backdrop, none);-webkit-backdrop-filter:var(--oc-backdrop, none);color:var(--ds-color-fg-default, inherit)}.option-card.option-card-has-color-stripe{display:flex;flex-direction:column;padding-top:14px}.option-card-color-stripe{position:absolute;top:0;left:0;right:0;height:14px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.option-card.option-card--image-right{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding-right:1rem}.option-card.option-card--image-right .option-content{flex:1;order:1;min-width:0;padding-right:0}.option-card.option-card--image-right .option-image-container,.option-card.option-card--image-right .option-image-container:not(.radstand-image-container){order:2;flex:none;width:80px;height:80px;min-height:80px;border-radius:var(--ds-radius-sm, 8px)}.option-card.option-card--image-right .option-image-container img{width:100%;height:100%;object-fit:cover;border-radius:var(--ds-radius-sm, 8px)}.option-card.option-card--image-right.option-card--has-stepper .option-count-stepper{order:1;flex:none;align-self:center;margin-top:0;margin-left:.5rem}.option-card.option-card-no-image.option-card--has-stepper{justify-content:space-between;gap:.5rem}.option-card.option-card-no-image.option-card--has-stepper .option-content{width:auto;flex:1;min-width:0}.option-card.option-card-no-image.option-card--has-stepper .option-count-stepper{flex:none;margin-top:0}.option-card:hover{border-color:var(--oc-hover-border, var(--ds-color-brand, #00c3be));box-shadow:var(--oc-hover-shadow, var(--ds-shadow-md, 0 4px 10px -2px rgba(0,0,0,.12)));background:var(--oc-hover-bg, var(--ds-color-bg-hover, var(--ds-color-bg-elevated, #ffffff)))}.option-card.selected{border-color:var(--oc-selected-border, var(--ds-color-brand, #00c3be));box-shadow:var(--oc-selected-shadow, var(--ds-shadow-lg, 0 8px 24px rgba(0,0,0,.18)));background:var(--oc-selected-bg, var(--ds-color-brand-soft, rgba(0, 195, 190, .18)))}.option-card.default-selected,.option-card.base-option,.option-card.base-option.selected{border-color:var(--oc-default-border, var(--ds-color-success, #22c55e));box-shadow:var(--oc-default-shadow, var(--ds-shadow-md, 0 4px 10px -2px rgba(0,0,0,.12)));background:var(--oc-default-bg, var(--ds-color-success-soft, rgba(34, 197, 94, .18)))}.option-card.selected.default-selected{border-color:var(--oc-selected-border, var(--ds-color-brand, #00c3be));box-shadow:var(--oc-selected-shadow, var(--ds-shadow-lg, 0 8px 24px rgba(0,0,0,.18)));background:var(--oc-selected-bg, var(--ds-color-brand-soft, rgba(0, 195, 190, .18)))}.option-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.option-card.disabled:hover{border-color:var(--oc-border, var(--ds-color-border, #e4e7ec));box-shadow:var(--oc-shadow, var(--ds-shadow-sm, 0 1px 3px rgba(0,0,0,.08)));background:var(--oc-bg, var(--ds-color-bg-elevated, #ffffff));transform:none}.option-card.option-card-conditional{cursor:default;background:var(--oc-bg, var(--ds-color-bg-elevated, #ffffff));box-shadow:var(--oc-shadow, var(--ds-shadow-sm, 0 1px 3px rgba(0,0,0,.08)));border-style:dashed;border-color:var(--oc-border, var(--ds-color-border, #e4e7ec))}.option-card.option-card-conditional:hover{border-color:var(--oc-border, var(--ds-color-border, #e4e7ec));box-shadow:var(--oc-shadow, var(--ds-shadow-sm, 0 1px 3px rgba(0,0,0,.08)));background:var(--oc-bg, var(--ds-color-bg-elevated, #ffffff));transform:none}.option-card.option-card-conditional .option-content h3{opacity:.6}.option-card.option-card-conditional .option-card-conditional-note{margin-top:.4rem;font-size:.8rem;font-weight:600;color:var(--ds-color-fg-muted, var(--color-gray-600, #475569))}.option-card.option-card-conditional .option-conditional-altbox{margin-top:.6rem;display:flex;flex-direction:column;gap:.4rem;opacity:1}.option-card.option-card-conditional .option-conditional-alt{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;padding:.45rem .7rem;font-size:.85rem;font-weight:600;text-align:left;cursor:pointer;border-radius:var(--ds-radius-sm, 8px);border:1px solid var(--oc-selected-border, var(--ds-color-brand, #00c3be));color:var(--oc-selected-border, var(--ds-color-brand, #00c3be));background:transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.option-card.option-card-conditional .option-conditional-alt:hover{background:var(--oc-selected-border, var(--ds-color-brand, #00c3be));color:#fff}.option-card.option-card-conditional .option-conditional-alt--active{background:var(--oc-selected-border, var(--ds-color-brand, #00c3be));color:#fff;border-color:var(--oc-selected-border, var(--ds-color-brand, #00c3be))}.option-card.option-card-conditional .option-conditional-alt-label{flex:1 1 auto;min-width:0}.option-card.option-card-conditional .option-conditional-alt-price{flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap}.option-card.option-card-conditional.option-card-conditional--active{border-style:solid;border-color:var(--oc-selected-border, var(--ds-color-brand, #00c3be));background:var(--oc-selected-bg, var(--ds-color-brand-soft, rgba(0, 195, 190, .18)));box-shadow:var(--oc-selected-shadow, var(--ds-shadow-lg, 0 8px 24px rgba(0,0,0,.18)))}.option-card .option-card-conditional-persistent{margin-top:.5rem}.option-card .option-card-conditional-persistent .option-card-conditional-note{margin-top:.4rem;font-size:.8rem;font-weight:600;color:var(--ds-color-fg-muted, var(--color-gray-600, #475569))}.option-card .option-card-conditional-persistent .option-conditional-altbox{margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.option-card .option-card-conditional-persistent .option-conditional-alt{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;padding:.45rem .7rem;font-size:.85rem;font-weight:600;text-align:left;cursor:pointer;border-radius:var(--ds-radius-sm, 8px);border:1px solid var(--oc-selected-border, var(--ds-color-brand, #00c3be));color:var(--oc-selected-border, var(--ds-color-brand, #00c3be));background:transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.option-card .option-card-conditional-persistent .option-conditional-alt:hover{background:var(--oc-selected-border, var(--ds-color-brand, #00c3be));color:#fff}.option-card .option-card-conditional-persistent .option-conditional-alt--active{background:var(--oc-selected-border, var(--ds-color-brand, #00c3be));color:#fff;border-color:var(--oc-selected-border, var(--ds-color-brand, #00c3be));cursor:default}.option-card .option-card-conditional-persistent .option-conditional-alt-label{flex:1 1 auto;min-width:0}.option-card .option-card-conditional-persistent .option-conditional-alt-price{flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap}.option-card.option-card--no-visual{min-height:var(--oc-no-visual-min-height, 9rem);justify-content:flex-start}.option-card.option-card-none{border:2px dashed var(--ds-color-border, var(--color-gray-300, #d0d5dd));background:var(--ds-color-bg-muted, var(--color-gray-50, #f8fafc));min-height:auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:center}.option-card.option-card-none .option-content{text-align:center}.option-card.option-card-none .option-content h3{font-size:.95rem;font-weight:500;color:var(--ds-color-fg-muted, var(--color-gray-600, #475569))}.option-card.option-card-none:hover{border-color:var(--ds-color-brand, var(--color-gray-400, #00c3be));background:var(--ds-color-bg-hover, var(--color-gray-100, rgba(0, 195, 190, .08)))}.option-card.option-card-none.selected,.option-card.option-card-none.default-selected{border-style:solid;border-color:var(--ds-color-brand, var(--color-primary, #00c3be));background:var(--ds-color-brand-soft, rgba(0, 195, 190, .18))}.option-card.option-card-none .option-price{display:none}.option-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:var(--oc-image-bg, #f8f9fa);display:flex;align-items:center;justify-content:center}.option-image-container .option-selected-badge{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:none}.radstand-image-container{height:350px;min-height:350px;overflow:visible;padding:1rem}.radstand-image-container .radstand-image{width:100%;height:100%;object-fit:contain;object-position:center}.option-card .color-swatch{height:80px;min-height:80px}.option-card .option-image-container:not(.radstand-image-container){height:80px;min-height:80px}.option-image-container img:not(.radstand-image){width:100%;height:100%;object-fit:cover}.color-swatch{width:100%;height:100%;border:2px solid rgba(0,0,0,.1);box-shadow:inset 0 0 20px #0000001a}.option-card .color-swatch{height:80px!important;min-height:80px!important}.option-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#6c757d;font-style:var(--font-style-italic)}.option-selected-badge{position:absolute;top:10px;right:10px;background:var(--color-accent-blue);color:var(--color-white);width:32px;height:32px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-xl);box-shadow:0 2px 8px #0003;opacity:1!important;visibility:visible!important;z-index:10;pointer-events:none}.option-card .option-selected-badge,.option-card:not(:hover) .option-selected-badge,.option-card:hover .option-selected-badge,.option-card.selected .option-selected-badge,.option-card.default-selected .option-selected-badge,.option-card.base-option .option-selected-badge{display:flex!important;opacity:1!important;visibility:visible!important}.option-selected-badge.base-badge{background-color:var(--color-success);color:var(--color-white);border:2px solid var(--color-success-dark);box-shadow:0 2px 8px #28a7454d;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;font-size:.55rem;font-weight:700;line-height:1;letter-spacing:-.5px;overflow:hidden}.option-image-container .option-selected-badge,.option-content .option-selected-badge,.option-card-no-image .option-selected-badge{display:flex!important;opacity:1!important;visibility:visible!important}.option-selected-badge.default-badge{background:var(--color-success);box-shadow:0 2px 8px #28a7454d;width:32px;height:32px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-xl)}.option-content{padding:1rem}.option-content h3{margin:0 0 .75rem;color:var(--oc-text, #333);font-size:var(--font-size-xl)}.option-price{margin-top:.5rem}.option-price strong{display:block;font-size:var(--font-size-xl);color:var(--oc-price-color, #28a745);margin-bottom:.25rem}.option-price-name{font-size:var(--font-size-sm);color:var(--color-gray-600);font-style:var(--font-style-italic);margin-top:var(--spacing-xs)}.option-price-loading{color:#6c757d;font-style:var(--font-style-italic)}.option-price-error{color:#dc3545;font-size:var(--font-size-md)}.option-price-surcharge{color:#6c757d;font-size:var(--font-size-sm);font-style:var(--font-style-italic);margin-top:.25rem}.option-price-saving{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal, 400);color:var(--color-success-dark, #1e7e34)}.option-menge-label{display:inline-block;margin-right:.4rem;font-size:var(--font-size-sm);font-weight:600;color:var(--ds-color-fg-muted, var(--color-gray-600, #757575))}.option-card-no-image{min-height:56px;display:flex;align-items:center;justify-content:center}.option-card-no-image .option-content{width:100%;position:relative}.option-card-no-image .option-selected-badge{position:absolute;top:10px;right:10px;display:flex!important;opacity:1!important;visibility:visible!important;z-index:10;pointer-events:none}.disabled-section{opacity:.5;pointer-events:none}.disabled-label{color:#999}.sitzkonzept-container{margin-top:1rem}.sitzkonzept-info{margin-bottom:1.5rem;padding:1rem;background-color:var(--color-moby-bg-alt);border-radius:4px}.sitzkonzept-info p{margin:.5rem 0;font-size:var(--font-size-base)}.sitzkonzept-hinweis{font-style:var(--font-style-italic);color:#6c757d;font-size:var(--font-size-md)}.sitzkonzept-zusammenfassung{margin-top:.75rem;padding:.75rem;background-color:#e3f2fd;border:1px solid #90caf9;border-radius:4px;color:#1565c0;font-size:var(--font-size-base)}.sitzkonzept-zusammenfassung strong{color:#1976d2;font-weight:600}.sitz-elemente{padding:1rem;background-color:var(--color-moby-bg-alt);border:2px solid #dee2e6;border-radius:8px;min-width:200px;flex:0 0 auto}.elemente-label{font-weight:600;margin-bottom:1rem;color:#333}.elemente-grid{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.sitz-element{width:120px;height:120px;border:2px solid var(--color-accent-blue);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;transition:all .2s;background-color:#fff;box-shadow:0 2px 4px #0000001a;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.sitz-element.touch-active{border-color:var(--color-success);box-shadow:0 4px 12px #28a74566;transform:scale(1.05);z-index:10}.touch-hint{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background-color:var(--color-success);color:var(--color-white);padding:.25rem .5rem;border-radius:4px;font-size:var(--font-size-xs);white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none}.sitz-slot-vis.touch-drag-active{border-color:var(--color-success);background-color:#d4edda;border-style:dashed}.sitz-element:active{cursor:grabbing}.sitz-element:hover{transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.sitz-element.disabled{opacity:.5;cursor:not-allowed;border-color:#ccc}.element-label{margin-top:.5rem;font-size:var(--font-size-sm);font-weight:500;color:#333}.sitzplan{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;background-color:#fff;border:2px solid #e9ecef;border-radius:8px}.sitzplan-container{display:flex;gap:2rem;align-items:flex-start}.fahrzeug-visualisierung{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--color-moby-bg-alt);border:2px solid #dee2e6;border-radius:8px;position:relative;min-width:400px;flex:0 0 auto}.fahrzeug-header,.fahrzeug-footer{text-align:center;padding:.5rem;font-weight:600;color:var(--color-accent-blue);font-size:var(--font-size-lg)}.fahrzeug-front,.fahrzeug-back{display:inline-block;padding:.25rem 1rem;font-weight:700}.fahrzeug-layout{display:grid;grid-template-columns:80px 1fr;gap:.75rem;align-items:start}.schrank-container{grid-column:1;display:flex;flex-direction:column;height:100%;align-items:stretch}.schrank-placeholder-top{height:120px;width:80px}.schrank-visual{width:80px;flex:1;min-height:200px;background-color:#8b4513;border:2px solid #654321;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-size-sm);writing-mode:vertical-rl;text-orientation:mixed}.sitze-container{grid-column:2;display:flex;flex-direction:column;gap:.75rem}.fahrersitze-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.fahrersitz-box{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background-color:#e9ecef;border:2px solid #333;border-radius:8px;font-weight:700;color:#333;font-size:var(--font-size-base)}.sitze-grid{display:flex;flex-direction:column;gap:.75rem}.sitzreihe-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;position:relative}.sitzreihe-visual{display:grid;grid-template-columns:80px 1fr;gap:.75rem;align-items:start}.sitzreihe-visual.fahrersitze{grid-template-columns:80px 1fr}.schrank-links{width:80px;height:120px;background-color:#8b4513;border:2px solid #654321;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-size-sm);writing-mode:vertical-rl;text-orientation:mixed}.schrank-placeholder{background-color:transparent;border:2px dashed #dee2e6;color:transparent}.schrank-start{border-radius:8px 8px 0 0}.schrank-continue{border-radius:0;margin-top:-1px;border-top:none}.schrank-end{border-radius:0 0 8px 8px;border-top:none;margin-top:-1px;height:50px}.fahrzeug-footer{text-align:center;padding:.5rem;font-weight:600;color:var(--color-accent-blue);font-size:var(--font-size-lg)}.reihe-label-vis{font-weight:600;color:#333;font-size:var(--font-size-base);margin-bottom:.5rem;grid-column:2}.fahrersitz-label{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background-color:#e9ecef;border:2px solid #dee2e6;border-radius:8px;font-weight:600;color:#495057;font-size:var(--font-size-md)}.sitzreihe-content-vis{display:flex;gap:.75rem;align-items:center;grid-column:2}.sitz-slot-vis{width:100px;height:100px;border:2px dashed #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;background-color:var(--color-moby-bg-alt);position:relative;min-height:100px}.sitz-slot-vis:hover{border-color:var(--color-accent-blue);background-color:#e7f3ff}.sitz-slot-vis.belegt{border-style:solid;border-color:var(--color-success);background-color:#d4edda}.sitz-slot-vis.sitzbank-slot-vis{width:100%;border-color:#ffc107;grid-column:1 / -1;position:absolute;left:0;right:0;top:0;bottom:0;z-index:10}.sitz-slot-vis.sitzbank-box-slot{width:calc(200px + .75rem);border-color:#ff9800;grid-column:1 / -1;background-color:#fff3e0;border-width:3px;border-style:dashed;min-height:100px;position:absolute;left:0;top:0;z-index:5}.sitz-slot-vis.sitzbank-box-slot:hover{border-color:#ff9800;background-color:#ffe0b2}.sitz-slot-vis.sitzbank-box-slot.belegt{border-style:solid;border-color:#ff9800;background-color:#ffe0b2}.sitzreihe{display:flex;flex-direction:column;gap:.75rem}.reihe-label{font-weight:600;color:#333;font-size:var(--font-size-base);margin-bottom:.5rem}.sitzreihe-content{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap}.sitz-slot{width:120px;height:120px;border:2px dashed #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;background-color:var(--color-moby-bg-alt);position:relative;min-height:120px}.sitz-slot:hover{border-color:var(--color-accent-blue);background-color:#e7f3ff}.sitz-slot.belegt{border-style:solid;border-color:var(--color-success);background-color:#d4edda}.sitz-slot.sitzbank-slot{width:240px;border-color:#ffc107}.sitz-slot.disabled{opacity:.5;cursor:not-allowed;background-color:#e9ecef}.slot-placeholder{color:#999;font-size:var(--font-size-sm);font-style:var(--font-style-italic)}.remove-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;border:none;background-color:#dc3545;color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s}.remove-btn:hover{background-color:#c82333;transform:scale(1.1)}.sitz-icon{font-size:var(--font-size-3xl);opacity:.8}.sitz-slot.belegt .sitz-icon{opacity:1}.sonstiges-container{display:flex;flex-direction:column;gap:1rem}.sonstiges-item{border:2px solid var(--color-success);border-radius:8px;background:#f8fff9;padding:1rem;box-shadow:0 2px 8px #28a74526}.sonstiges-content{display:flex;flex-direction:column;gap:.75rem}.sonstiges-content h3{margin:0;color:#333;font-size:var(--font-size-lg);font-weight:600}.sonstiges-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sonstiges-badge{background-color:var(--color-success);color:var(--color-white);padding:.25rem .75rem;border-radius:12px;font-size:var(--font-size-sm);font-weight:500}@container config (max-width: 640px){.option-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem}.option-grid .option-card{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%}.option-grid .option-card .option-image-container,.option-grid .option-card .option-image-container:not(.radstand-image-container){width:100%;min-width:unset;height:70px;min-height:70px;flex-shrink:0}.option-grid .option-card .radstand-image-container{width:100%;min-width:unset;height:80px;min-height:80px}.option-grid .option-card .option-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:.4rem .5rem}.option-grid .option-card .option-content h3{margin:0 0 .25rem;font-size:var(--font-size-sm)}.option-grid .option-card .option-content .option-price{font-size:var(--font-size-xs)}.option-grid .option-card.option-card-has-color-stripe{flex-direction:column}.option-grid .option-card.option-card--image-right{flex-direction:row;align-items:center}.option-grid .option-card.option-card--image-right .option-image-container,.option-grid .option-card.option-card--image-right .option-image-container:not(.radstand-image-container){width:64px;height:64px;min-height:64px;flex:none}}@media (max-width: 1023px){.option-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem}.option-grid .option-card{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%}.option-grid .option-card .option-image-container,.option-grid .option-card .option-image-container:not(.radstand-image-container){width:100%;min-width:unset;height:70px;min-height:70px;flex-shrink:0}.option-grid .option-card .radstand-image-container{width:100%;min-width:unset;height:80px;min-height:80px}.option-grid .option-card .option-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:.4rem .5rem}.option-grid .option-card .option-content h3{margin:0 0 .25rem;font-size:var(--font-size-sm)}.option-grid .option-card .option-content .option-price{font-size:var(--font-size-xs)}.option-grid .option-card.option-card-has-color-stripe{flex-direction:column}.option-grid .option-card.option-card--image-right{flex-direction:row;align-items:center}.option-grid .option-card.option-card--image-right .option-image-container,.option-grid .option-card.option-card--image-right .option-image-container:not(.radstand-image-container){width:64px;height:64px;min-height:64px;flex:none}.sitzreihe-content{gap:.5rem}.sitzplatz{width:60px;height:60px}.sitzplatz.sitzbank{width:100px}.sitz-icon{font-size:var(--font-size-xl)}.sonstiges-info{flex-direction:column;align-items:flex-start;gap:.5rem}}.config-sidebar-header{margin-bottom:1.5rem}.config-sidebar-title{font-size:var(--font-size-xl);font-weight:700;color:#333;margin:0 0 1rem;letter-spacing:.02em}.config-step-bar{display:flex;flex-wrap:wrap;gap:.35rem}.config-step-bar-btn{padding:.4rem .75rem;font-size:var(--font-size-sm);border-radius:8px;border:1px solid var(--color-gray-300);background:var(--color-gray-100);color:var(--color-gray-700);font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.config-step-bar-btn:hover{background:var(--color-gray-200);border-color:var(--color-gray-400);color:#333}.config-step-bar-btn.active{background:var(--config-accent-step);border-color:var(--config-accent-step);color:#fff}.resizable-left-panel{position:fixed;top:0;left:0;height:100dvh;padding-top:var(--header-height, 68px);padding-bottom:var(--bottom-nav-height, 80px);box-sizing:border-box;flex:0 0 auto;max-width:75vw;display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease,top .25s ease,height .25s ease;background:var(--left-panel-bg, white);z-index:10}.resizable-left-panel.is-resizing{transition:none}.resizable-left-panel-content{flex:1;min-height:0;height:100%;display:flex;flex-direction:column}.resizable-left-panel-resizer{position:absolute;right:0;top:0;bottom:0;width:10px;background:color-mix(in srgb,var(--config-accent-step, #134D75) 12%,transparent);cursor:ew-resize;z-index:10;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.resizable-left-panel-resizer:before{content:"";display:block;width:3px;height:36px;border-radius:2px;background:color-mix(in srgb,var(--config-accent-step, #134D75) 35%,transparent);transition:background .2s ease}.resizable-left-panel-resizer:hover{background:color-mix(in srgb,var(--config-accent-step, #134D75) 20%,transparent)}.resizable-left-panel-resizer:hover:before{background:color-mix(in srgb,var(--config-accent-step, #134D75) 55%,transparent)}.resizable-left-panel-resizer:active{background:color-mix(in srgb,var(--config-accent-step, #134D75) 28%,transparent)}.resizable-left-panel-resizer:active:before{background:color-mix(in srgb,var(--config-accent-step, #134D75) 75%,transparent)}.resizable-left-panel-resizer-bottom{position:absolute;bottom:0;left:0;right:0;height:10px;background:color-mix(in srgb,var(--config-accent-step, #134D75) 12%,transparent);cursor:ns-resize;z-index:10;transition:background .2s ease;touch-action:none;display:none;align-items:center;justify-content:center}.resizable-left-panel-resizer-bottom:before{content:"";display:block;width:36px;height:3px;border-radius:2px;background:color-mix(in srgb,var(--config-accent-step, #134D75) 35%,transparent);transition:background .2s ease}.resizable-left-panel-resizer-bottom:hover{background:color-mix(in srgb,var(--config-accent-step, #134D75) 20%,transparent)}.resizable-left-panel-resizer-bottom:hover:before{background:color-mix(in srgb,var(--config-accent-step, #134D75) 55%,transparent)}.resizable-left-panel-resizer-bottom:active{background:color-mix(in srgb,var(--config-accent-step, #134D75) 28%,transparent)}.resizable-left-panel-resizer-bottom:active:before{background:color-mix(in srgb,var(--config-accent-step, #134D75) 75%,transparent)}.resizable-left-panel-resizer-bottom:active:before{background:var(--config-accent-step, #134D75)}@media (max-aspect-ratio: 1/1),(max-width: 1023px){.resizable-left-panel{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-width:100%!important;height:clamp(180px,38dvh,360px);max-height:50dvh;padding-top:0;padding-bottom:0;flex-shrink:0;z-index:2;overflow:hidden;background:var(--left-panel-bg, white);border-radius:0 0 16px 16px;transition:border-radius .25s ease}.resizable-left-panel-content{height:100%;overflow:hidden}.resizable-left-panel-resizer{display:none}.resizable-left-panel-resizer-bottom{display:flex}}.ds-bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-white);border-top:2px solid var(--color-gray-200);box-shadow:0 -2px 8px #0000001a;z-index:var(--z-fixed);padding-bottom:env(safe-area-inset-bottom,0px)}.ds-bottom-nav--konfigurator{background:linear-gradient(to bottom,#262c5259,#262c52)!important;background:linear-gradient(to bottom,color-mix(in srgb,var(--aurora-edge-bottom, #262c52) 35%,transparent),var(--aurora-edge-bottom, #262c52))!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.1)!important;box-shadow:0 -4px 24px #0000004d!important;outline:none;overflow:visible;border-radius:20px 20px 0 0}.ds-bottom-nav--konfigurator .bottom-nav-banner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;max-width:2200px;margin:0 auto;padding:.5rem 8px .6rem;flex-wrap:nowrap;overflow:visible;position:relative;--bar-h: clamp(56px, 10vw, 125px);--logo-sz: calc(var(--bar-h) * 1);--logo-bot: calc(var(--bar-h) - 16px);--logo-l: clamp(8px, 1.5vw, 24px);--h-gap: 0px;--sep-w: 0px;--h-gap-post: 0px;height:var(--bar-h);padding:clamp(.2rem,.5vw,.6rem) clamp(4px,.8vw,8px);border-radius:clamp(10px,1.5vw,20px) clamp(10px,1.5vw,20px) 0 0}.ds-bottom-nav--konfigurator .bottom-nav-left{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.6rem);flex-shrink:0;position:relative;margin-left:var(--logo-l);z-index:3;width:clamp(190px,25vw,320px);min-width:clamp(190px,25vw,320px);overflow:visible}.ds-bottom-nav--konfigurator .bottom-nav-price-block{display:flex;align-items:center;gap:.5rem;flex-shrink:0;min-width:0;flex:1 1 auto;overflow:visible}.ds-bottom-nav--konfigurator .bottom-nav-price-block .price-main{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;line-height:1.2}.ds-bottom-nav--konfigurator .bottom-nav-price-block .price-label{font-size:var(--font-size-xs);font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.02em;order:0}.ds-bottom-nav--konfigurator .bottom-nav-price-block .price-value{font-size:clamp(1.4rem,3.2vw,2.2rem);font-weight:700;color:#fff;order:1;line-height:1.1;white-space:nowrap}.ds-bottom-nav--konfigurator .bottom-nav-price-block .price-value.price-value-loading{opacity:.5}.ds-bottom-nav--konfigurator .bottom-nav-price-block .price-tax{font-size:var(--font-size-2xs, .7rem);color:#ffffffbf;font-style:italic;order:2;white-space:normal;line-height:1.25}.ds-bottom-nav--konfigurator .bottom-nav-price-block .bottom-nav-config-code{order:3;display:inline-flex;align-items:center;gap:.3rem;margin-top:.2rem;padding:.1rem .45rem;max-width:100%;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;font-size:var(--font-size-2xs, .7rem);font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background-color .2s,border-color .2s}.ds-bottom-nav--konfigurator .bottom-nav-price-block .bottom-nav-config-code:hover{background:#fff3;border-color:#ffffff52}.ds-bottom-nav--konfigurator .bottom-nav-price-block .bottom-nav-config-code.copied{background:var(--color-success, #2e9e6b);border-color:var(--color-success, #2e9e6b)}.ds-bottom-nav--konfigurator .bottom-nav-price-block .bottom-nav-config-code-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-bottom-nav--konfigurator .price-expand-btn{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;padding:0;border-radius:6px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.ds-bottom-nav--konfigurator .price-expand-btn.expanded{transform:rotate(180deg)}.ds-bottom-nav--konfigurator .bottom-nav-wal-left{position:absolute;left:var(--logo-l);bottom:var(--logo-bot);width:var(--logo-sz);height:var(--logo-sz);display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:visible;z-index:4;transform-origin:bottom center;transition:transform .4s ease,opacity .4s ease}@media (min-width: 1024px){.ds-bottom-nav--konfigurator .bottom-nav-wal-left--hidden{transform:scale(.5)}}.ds-bottom-nav--konfigurator .bottom-nav-logo-separator{position:absolute;left:calc(var(--logo-l) + var(--logo-sz) + var(--h-gap));bottom:var(--logo-bot);width:var(--sep-w);height:var(--logo-sz);display:flex;align-items:center;justify-content:center;color:#000000bf;font-size:clamp(.6rem,1.2vw,1rem);font-weight:300;pointer-events:none;z-index:4;line-height:1}.ds-bottom-nav--konfigurator .bottom-nav-dealer-logo{position:absolute;left:calc(var(--logo-l) + var(--logo-sz) + var(--h-gap) + var(--sep-w) + var(--h-gap-post));bottom:var(--logo-bot);width:var(--logo-sz);height:var(--logo-sz);object-fit:contain;pointer-events:none;z-index:3}.ds-bottom-nav--konfigurator .bottom-nav-wal-icon{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;transform:scaleX(-1)}.ds-bottom-nav--konfigurator .bottom-nav-center{display:flex;align-items:stretch;justify-content:center;flex:1 1 auto;min-width:0;gap:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ds-bottom-nav--konfigurator .ds-bottom-nav-step{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%);margin-left:3px;min-width:0;min-height:56px;padding:.5rem .6rem .5rem .9rem;font-size:clamp(var(--font-size-sm),1.1vw,var(--font-size-md));border:none;border-radius:6px;background:#ffffff1f;color:#ffffffe6;font-weight:500;cursor:pointer;transition:background .2s,color .2s,flex .25s ease;position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;line-height:1.2}.ds-bottom-nav--konfigurator .ds-bottom-nav-step .step-num{font-size:1.15em;font-weight:700}.ds-bottom-nav--konfigurator .ds-bottom-nav-step .step-name{font-size:1.05em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ds-bottom-nav--konfigurator .ds-bottom-nav-step:first-of-type{margin-left:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}.ds-bottom-nav--konfigurator .ds-bottom-nav-step:last-of-type{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10px 50%)}.ds-bottom-nav--konfigurator .ds-bottom-nav-step:hover:not(.active){background:#ffffff38;color:#fff}.ds-bottom-nav--konfigurator .ds-bottom-nav-step.active{background:#ffffffe6;color:var(--color-moby-footer-dark, #0a3d52);font-weight:600}.ds-bottom-nav--konfigurator .price-breakdown{max-width:2200px;margin:0 auto;padding:1rem 1.5rem;background:#262c5266;background:color-mix(in srgb,var(--aurora-edge-bottom, #262c52) 40%,transparent);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff}.ds-bottom-nav--konfigurator .bottom-nav-price-empty{height:24px;min-width:80px}.bottom-nav-price-bar{background-color:var(--color-accent-blue);color:#fff;padding:.75rem 0 .25rem;border-bottom:1px solid #0056b3}.bottom-nav-price-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 2rem;position:relative}.bottom-nav-price-empty{height:16px}.price-main{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.price-expand-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;opacity:.8}.price-expand-btn:hover{opacity:1;background-color:#ffffff1a}.price-expand-btn.expanded{transform:rotate(180deg)}.price-breakdown{max-width:1400px;margin:0 auto;padding:1rem 2rem;background-color:#0000001a;border-top:1px solid rgba(255,255,255,.2);animation:slideDown .3s ease-out}.price-breakdown-category{margin-bottom:.5rem}.category-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.category-header:hover{background-color:#ffffff1a;border-radius:4px;padding-left:.5rem;padding-right:.5rem}.category-price-wrapper{display:flex;align-items:center;gap:.5rem;margin-left:auto}.category-expand-icon{display:inline-flex;align-items:center;opacity:.7;transition:transform .2s}.category-expand-icon.expanded{transform:rotate(90deg)}.price-breakdown-details{padding-left:1.5rem;padding-top:.5rem;padding-bottom:.5rem;background-color:#0000000d;border-left:2px solid rgba(255,255,255,.3);margin-left:.5rem;animation:slideDown .2s ease-out}.price-breakdown-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:var(--font-size-md)}.detail-label{opacity:.85;font-size:var(--font-size-md)}.detail-value{font-weight:500;font-size:var(--font-size-md)}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:1rem;padding-bottom:1rem}}.price-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.price-breakdown-item:last-of-type{border-bottom:none}.price-breakdown-total{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;margin-top:.5rem;border-top:2px solid rgba(255,255,255,.3);font-weight:700}.breakdown-label{font-size:var(--font-size-base);opacity:.9}.breakdown-value{font-size:var(--font-size-base);font-weight:600}:where(.moby-konfigurator-theme) .price-label{font-size:var(--font-size-base);font-weight:500}.price-value{font-size:var(--font-size-2xl);font-weight:700}.price-tax{font-size:var(--font-size-sm);opacity:.9;font-style:var(--font-style-italic)}.bottom-nav-content,.ds-bottom-nav .ds-bottom-nav-content{max-width:1400px;margin:0 auto;display:flex;justify-content:center;gap:.5rem;padding:.25rem 2rem 1rem;flex-wrap:wrap}.bottom-nav-step{flex:1 1 auto;min-width:80px;max-width:180px;padding:.75rem .4rem;border:2px solid var(--color-gray-300);background-color:#fff;color:var(--color-moby-text-muted);border-radius:8px;cursor:pointer;font-size:clamp(var(--font-size-2xs),1.2vw,var(--font-size-sm));font-weight:500;transition:all .2s;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis}.bottom-nav-step:hover:not(:disabled){background-color:var(--color-moby-bg-alt);border-color:var(--color-accent-blue);color:var(--color-accent-blue);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.bottom-nav-step.active{background-color:var(--color-accent-blue);color:var(--color-white);border-color:var(--color-accent-blue);box-shadow:0 4px 12px #007bff4d}.bottom-nav-step.completed{border-color:var(--color-success);color:var(--color-success);background-color:#f8fff9}.bottom-nav-step.completed:hover:not(:disabled){background-color:#d4edda;border-color:var(--color-success);color:var(--color-success)}.bottom-nav-step:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}@media (max-width: 1023px){.bottom-nav-content,.ds-bottom-nav .ds-bottom-nav-content{gap:.4rem;padding:.25rem 1rem .75rem}.bottom-nav-step{min-width:70px;max-width:130px;padding:.6rem .3rem;font-size:clamp(var(--font-size-2xs),1vw,var(--font-size-xs))}}@media (max-width: 639px){.bottom-nav-price-content{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.price-main{flex-direction:column;gap:.5rem}:where(.moby-konfigurator-theme) .price-label{font-size:var(--font-size-md)}.price-value{font-size:var(--font-size-xl)}.price-tax{font-size:var(--font-size-xs)}.price-breakdown{padding:.75rem 1rem}.price-expand-btn{position:absolute;top:.75rem;right:1rem}.ds-bottom-nav--konfigurator .price-expand-btn{position:static}.bottom-nav-content,.ds-bottom-nav .ds-bottom-nav-content{flex-direction:column;gap:.75rem;padding:.25rem 1rem 1rem}.bottom-nav-step{max-width:100%;padding:1rem;font-size:var(--font-size-md)}}@media (max-width: 639px){.ds-bottom-nav--konfigurator .bottom-nav-banner{flex-wrap:wrap;height:auto;align-items:flex-start;--logo-sz: calc(var(--bar-h) * 1.5);--logo-bot: calc(44px + var(--bar-h) - var(--logo-sz) * .5)}.ds-bottom-nav--konfigurator .bottom-nav-left{order:1;flex:1 1 auto;width:auto;min-width:0;height:var(--bar-h);display:flex;align-items:center;overflow:visible;margin-left:calc(var(--logo-l) + var(--logo-sz) + 8px);margin-right:.5rem}.ds-bottom-nav--konfigurator .bottom-nav-center{order:2;flex:0 0 100%;width:100%;min-width:0;height:auto;padding:.15rem .4rem .35rem;overflow:hidden}.ds-bottom-nav--konfigurator .bottom-nav-price-block .price-value{font-size:clamp(1.15rem,4.5vw,1.5rem)}.ds-bottom-nav--konfigurator .bottom-nav-price-block .price-label,.ds-bottom-nav--konfigurator .bottom-nav-price-block .price-tax{font-size:var(--font-size-2xs)}.ds-bottom-nav--konfigurator .ds-bottom-nav-step{min-height:40px;padding:.2rem .3rem .2rem .5rem;font-size:clamp(.65rem,1.8vw,var(--font-size-sm));flex:1 1 0}.ds-bottom-nav--konfigurator .ds-bottom-nav-step .step-name{display:none}.ds-bottom-nav--konfigurator .ds-bottom-nav-step .step-num{font-size:1.1em}.ds-bottom-nav--konfigurator .ds-bottom-nav-step.active{flex:2 1 0;padding:.2rem .4rem .2rem .6rem}.ds-bottom-nav--konfigurator .ds-bottom-nav-step.active .step-num{display:none}.ds-bottom-nav--konfigurator .ds-bottom-nav-step.active .step-name{display:block;font-size:clamp(.7rem,2.2vw,.9rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-bottom-nav--konfigurator .price-expand-btn{padding:.25rem}}@media (max-width: 399px){.ds-bottom-nav--konfigurator .bottom-nav-left{margin-left:calc(var(--logo-l) + var(--logo-sz) + 4px);margin-right:.25rem}.ds-bottom-nav--konfigurator .bottom-nav-price-block .price-value{font-size:1.05rem}.ds-bottom-nav--konfigurator .ds-bottom-nav-step{min-height:44px;min-width:44px}}.vehicle-configuration>.main-content.with-imagepack.summary-panel{padding-bottom:0}.summary-inner{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:1rem 1.5rem calc(1rem + var(--bottom-nav-height, 80px));display:flex;flex-direction:column;gap:1rem}.summary-glass-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px #ffffff0d,0 4px 24px #00000040,0 0 40px 2px #659ba314;overflow:hidden}.summary-card-title{margin:0;padding:.7rem 1.25rem .5rem;font-size:var(--font-size-lg);font-weight:600;color:#fffffff2;border-bottom:1px solid rgba(255,255,255,.12);letter-spacing:.01em}.summary-data-grid{display:flex;flex-direction:column;gap:0}.summary-data-row{display:grid;grid-template-columns:clamp(100px,30%,160px) 1fr;align-items:baseline;gap:1rem;padding:.35rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07)}.summary-data-row:last-child{border-bottom:none}.summary-data-label{font-size:var(--font-size-sm);font-weight:500;color:#ffffff8c;white-space:nowrap}.summary-data-value{font-size:var(--font-size-sm);color:#ffffffe6;word-break:break-word}.summary-category-block{border-bottom:1px solid rgba(255,255,255,.1)}.summary-category-block:last-of-type{border-bottom:none}.summary-category-title{margin:0;padding:.5rem 1.25rem .3rem;font-weight:600;color:#ffffffbf;text-transform:uppercase;letter-spacing:.06em;font-size:var(--font-size-xs)}.summary-items-table{display:flex;flex-direction:column;transition:opacity .2s ease}.summary-item-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.3rem 1.25rem;border-top:1px solid rgba(255,255,255,.06)}.summary-item-row:first-child{border-top:none}.summary-item-row--total{background:#ffffff0a;border-top:1px solid rgba(255,255,255,.15)!important;margin-top:.2rem}.summary-item-left{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.summary-item-subcategory{font-size:var(--font-size-xs);color:#ffffff80;font-weight:500;letter-spacing:.02em}.summary-item-row--total .summary-item-subcategory{color:#ffffffbf;font-size:var(--font-size-sm);font-weight:600}.summary-item-name{font-size:var(--font-size-base);color:#ffffffeb;font-weight:400;word-break:break-word}.summary-item-name--empty{color:#ffffff4d}.summary-item-artnr{font-size:var(--font-size-xs);color:#fff6;font-style:italic;margin-top:.05rem}.summary-item-price{font-size:var(--font-size-sm);color:#78dca0f2;text-align:right;white-space:nowrap;flex-shrink:0;min-width:90px;padding-top:.1rem}.summary-item-price strong{font-size:var(--font-size-base)}.summary-item-price--total{font-size:var(--font-size-base);color:#78dca0}.summary-item-price--total strong{font-size:var(--font-size-lg)}.summary-item-inclusive{color:#ffffff59;font-size:var(--font-size-xs);font-style:italic}.summary-total-block{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#007bff1f;border-top:2px solid rgba(0,123,255,.5);border-radius:0 0 14px 14px}.summary-total-label{font-size:var(--font-size-base);font-weight:600;color:#ffffffe6;letter-spacing:.02em}.summary-total-value{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;color:#fff;text-align:right}.summary-loading{padding:1.5rem 1.25rem;color:#ffffff80;font-style:italic;font-size:var(--font-size-sm);min-height:6rem;display:flex;align-items:center}.summary-disclaimer{font-size:var(--font-size-xs);color:#ffffff59;text-align:center;margin:0;padding:0 .5rem}@media (max-width: 639px){.summary-inner{padding-top:.75rem;padding-left:.75rem;padding-right:.75rem;gap:.75rem}.summary-data-row{grid-template-columns:1fr;gap:.1rem;padding:.3rem 1rem}.summary-item-row{padding:.25rem 1rem}.summary-category-title{padding:.4rem 1rem .25rem}.summary-card-title{padding:.6rem 1rem .45rem}.summary-total-block{padding:.6rem 1rem}}:root[data-color-mode=light] .summary-glass-card{background:#ffffff73;border-color:#0d948826;box-shadow:0 0 0 1px #0d94880f,0 4px 24px #0000000f,0 0 40px 2px #0d94880a}:root[data-color-mode=light] .summary-card-title{color:#1f2937;border-bottom-color:#0d94881f}:root[data-color-mode=light] .summary-category-title{color:#374151}:root[data-color-mode=light] .summary-category-block{border-bottom-color:#0d948814}:root[data-color-mode=light] .summary-item-row{border-top-color:#0d94880f}:root[data-color-mode=light] .summary-item-row--total{background:#0d94880f;border-top-color:#0d948826!important}:root[data-color-mode=light] .summary-item-subcategory{color:#6b7280}:root[data-color-mode=light] .summary-item-row--total .summary-item-subcategory{color:#374151}:root[data-color-mode=light] .summary-item-name{color:#1f2937}:root[data-color-mode=light] .summary-item-name--empty{color:#9ca3af}:root[data-color-mode=light] .summary-item-artnr{color:#9ca3af}:root[data-color-mode=light] .summary-item-price{color:#047857}:root[data-color-mode=light] .summary-item-price--total{color:#065f46}:root[data-color-mode=light] .summary-data-label{color:#6b7280}:root[data-color-mode=light] .summary-data-value{color:#1f2937}:root[data-color-mode=light] .summary-data-row{border-bottom-color:#0d948814}:root[data-color-mode=light] .summary-total-block{background:#0d94881a;border-top-color:#0d948866}:root[data-color-mode=light] .summary-total-label{color:#1f2937}:root[data-color-mode=light] .summary-total-value{color:#065f46}:root[data-color-mode=light] .summary-disclaimer{color:#9ca3af}:root[data-color-mode=light] .summary-loading{color:#6b7280}.summary-offer-card{border-top:1px solid rgba(255,255,255,.12)}.summary-offer-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:calc(100% - 2.5rem);margin:.75rem 1.25rem 1.25rem;padding:.75rem 1.5rem;background:var(--config-accent-step, #134D75);border:1px solid var(--config-accent-step, #134D75);border-radius:var(--config-radius, 8px);color:var(--color-white, #fff);font-size:var(--font-size-base, .95rem);font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s}.summary-offer-btn:hover:not(:disabled){background:var(--color-moby-accent-hover, #1a6ba8);border-color:var(--color-moby-accent-hover, #1a6ba8);box-shadow:0 4px 12px #134d7566;transform:translateY(-1px)}.summary-offer-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.summary-offer-btn svg{width:1.1em;height:1.1em;flex-shrink:0}.summary-offer-spinner{display:inline-block;width:1em;height:1em;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:summarySpinnerRot .7s linear infinite;flex-shrink:0}@keyframes summarySpinnerRot{to{transform:rotate(360deg)}}.summary-offer-progress{display:flex;flex-direction:column;gap:.4rem;margin:0 1.25rem 1.25rem;padding:.65rem .9rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.summary-offer-progress-track{position:relative;width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.summary-offer-progress-fill{height:100%;background:linear-gradient(90deg,var(--config-accent-step, #134D75) 0%,var(--color-moby-accent-hover, #1a6ba8) 100%);border-radius:4px;transition:width .35s ease-out}.summary-offer-progress-label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0;font-size:.82rem;color:#ffffffc7;font-variant-numeric:tabular-nums}.summary-offer-progress-pct{font-weight:600;color:#ffffffeb}:root[data-color-mode=light] .summary-offer-progress{background:#00000008;border-color:#00000014}:root[data-color-mode=light] .summary-offer-progress-track{background:#00000014}:root[data-color-mode=light] .summary-offer-progress-label{color:#000000b3}:root[data-color-mode=light] .summary-offer-progress-pct{color:#000000e0}.summary-offer-success{display:flex;flex-direction:column;gap:.5rem;margin:.25rem 1.25rem 1.25rem;padding:.85rem 1.1rem;background:#1eb4642e;border:1px solid rgba(60,220,130,.45);border-radius:10px;color:#c8ffdcf2;font-size:.92rem}.summary-offer-headline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.summary-offer-success svg{width:1.3em;height:1.3em;color:#5de8a0;flex-shrink:0}.summary-offer-steps{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.summary-step{border-radius:8px;overflow:hidden;font-size:.84rem}.summary-step--ok{background:#0000002e;border:1px solid rgba(60,220,130,.25)}.summary-step--warn{background:#0000002e;border:1px solid rgba(255,200,80,.35)}.summary-step__header{display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.summary-step__header::-webkit-details-marker{display:none}.summary-step--ok .summary-step__header{color:#96ffbee6}.summary-step--warn .summary-step__header{color:#ffdc6ee6}.summary-step__icon{font-size:.9rem;flex-shrink:0;font-style:normal}.summary-step__label{font-weight:600;flex-shrink:0}.summary-step__msg{font-size:.78rem;opacity:.75;margin-left:auto;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.summary-step__detail{margin:0;padding:.55rem .85rem .65rem;background:#00000047;font-family:monospace;font-size:.73rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-all;color:#fffc;max-height:260px;overflow-y:auto;border-top:1px solid rgba(255,255,255,.07)}.summary-offer-docnr{font-size:.88rem;color:#c8ffdcbf}.summary-offer-error{display:flex;align-items:flex-start;gap:.5rem;margin:.25rem 1.25rem .5rem;padding:.75rem 1rem;background:#c828282e;border:1px solid rgba(255,100,100,.45);border-radius:10px;color:#ffc8c8f2;font-size:.88rem}.summary-offer-error svg{width:1.2em;height:1.2em;flex-shrink:0;margin-top:.1em}.summary-offer-error-body{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.summary-offer-error-msg{word-break:break-word}.summary-offer-error-code{font-size:.78rem;font-family:monospace;color:#ffb4b4b3}.summary-offer-li-warnings{display:flex;flex-direction:column;gap:.15rem;margin-top:.25rem}.summary-offer-li-warn{font-size:.8rem;color:#ffdc82e6}.summary-offer-raw{margin-top:.5rem;font-size:.8rem}.summary-offer-raw summary{cursor:pointer;font-size:.8rem;opacity:.75;-webkit-user-select:none;user-select:none;padding:.15rem 0}.summary-offer-raw summary:hover{opacity:1}.summary-offer-raw pre{margin:.4rem 0 0;padding:.65rem .85rem;background:#00000059;border-radius:6px;font-family:monospace;font-size:.75rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-all;color:#ffffffd9;max-height:300px;overflow-y:auto}.summary-customer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9000}.summary-customer-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9001;pointer-events:none}.summary-customer-card{pointer-events:auto;background:var(--config-card-bg, #1a2630);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1.5rem;width:min(90vw,420px);box-shadow:0 12px 32px #00000073;color:#fff}.summary-customer-title{margin:0 0 .35rem;font-size:1.1rem;font-weight:600}.summary-customer-tabs{display:flex;gap:.25rem;margin:.5rem 0 .85rem;padding:.25rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px}.summary-customer-tab{flex:1;background:transparent;border:none;color:#ffffffa6;border-radius:8px;padding:.45rem .75rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.summary-customer-tab:hover{color:#fff}.summary-customer-tab.is-active{background:var(--config-accent-step, #134D75);color:#fff}.summary-customer-form{display:flex;flex-direction:column;gap:.6rem;max-height:60vh;overflow-y:auto;padding-right:.25rem}.summary-customer-form-row-2,.summary-customer-form-row-plz{display:flex;gap:.5rem}.summary-customer-form-row-2>.summary-customer-field{flex:1}.summary-customer-field--plz{flex:0 0 30%}.summary-customer-field--ort{flex:1}.summary-customer-field{display:flex;flex-direction:column;gap:.25rem}.summary-customer-field>span{font-size:.78rem;color:#ffffffb3;letter-spacing:.02em}.summary-customer-field>input[aria-invalid=true]{border-color:#ff9a9a}.summary-customer-field-error{color:#ff9a9a;font-size:.78rem}.summary-customer-duplicate{border-color:#f1c40f;background:#f1c40f14}:root[data-color-mode=light] .summary-customer-tabs{background:#0000000a;border-color:#0000001a}:root[data-color-mode=light] .summary-customer-tab{color:#0009}:root[data-color-mode=light] .summary-customer-tab:hover{color:#1a2630}:root[data-color-mode=light] .summary-customer-field>span{color:#000000a6}:root[data-color-mode=light] .summary-customer-duplicate{background:#f1c40f26;border-color:#b58800}.summary-customer-hint{margin:0 0 1rem;color:#ffffffb3;font-size:.88rem;line-height:1.45}.summary-customer-row{display:flex;gap:.5rem;margin-bottom:.5rem}.summary-customer-input{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:8px;padding:.55rem .75rem;font-size:.95rem}.summary-customer-input:focus{outline:none;border-color:var(--config-accent-step, #134D75);box-shadow:0 0 0 2px #134d7559}.summary-customer-btn{background:var(--config-accent-step, #134D75);border:1px solid var(--config-accent-step, #134D75);color:#fff;border-radius:8px;padding:.55rem 1rem;font-weight:600;cursor:pointer;transition:background .15s}.summary-customer-btn:not(:disabled):hover{background:var(--color-moby-accent-hover, #1a6ba8)}.summary-customer-btn:disabled{opacity:.55;cursor:not-allowed}.summary-customer-error{margin:.5rem 0 0;color:#ff9a9a;font-size:.85rem}.summary-customer-result{margin-top:.85rem;padding:.85rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px}.summary-customer-result p{margin:0 0 .25rem;font-size:.9rem;color:#ffffffd9}.summary-customer-assign-btn{margin-top:.5rem;width:100%;background:var(--config-accent-step, #134D75);border:none;color:#fff;border-radius:8px;padding:.55rem;font-weight:600;cursor:pointer;transition:background .15s}.summary-customer-assign-btn:hover{background:var(--color-moby-accent-hover, #1a6ba8)}.summary-customer-cancel{margin-top:.85rem;width:100%;background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;border-radius:8px;padding:.45rem;font-size:.85rem;cursor:pointer}.summary-customer-cancel:hover{background:#ffffff0a;color:#fff}:root[data-color-mode=light] .summary-customer-card{background:#fff;color:#1a2630;border-color:#0000001a;box-shadow:0 12px 32px #0000002e}:root[data-color-mode=light] .summary-customer-hint,:root[data-color-mode=light] .summary-customer-result p{color:#000000a6}:root[data-color-mode=light] .summary-customer-input{background:#0000000a;border-color:#00000026;color:#1a2630}:root[data-color-mode=light] .summary-customer-result{background:#0000000a;border-color:#0000001a}:root[data-color-mode=light] .summary-customer-cancel{border-color:#00000026;color:#000000a6}:root[data-color-mode=light] .summary-customer-cancel:hover{background:#0000000a;color:#1a2630}.summary-public-card>:not(.summary-card-title):not(.summary-offer-success){padding-inline:1.25rem}.summary-public-card>:last-child:not(.summary-offer-success){padding-bottom:1.25rem}.summary-public-card>.summary-card-title+:not(.summary-offer-success){padding-top:1rem}.summary-public-hint{margin:0 0 1rem;color:#ffffffb8;font-size:var(--font-size-sm, .88rem);line-height:1.45}.summary-public-form{display:flex;flex-direction:column;gap:var(--spacing-md, .75rem)}.summary-public-field{display:flex;flex-direction:column;gap:.3rem}.summary-public-field>span{font-size:var(--font-size-sm, .85rem);color:#fffc}.summary-public-form-row-plz{display:flex;gap:var(--spacing-md, .75rem)}.summary-public-field--plz{flex:0 0 35%}.summary-public-field--ort{flex:1}.summary-public-consent{display:flex;align-items:flex-start;gap:.6rem;margin-top:.35rem;font-size:var(--font-size-sm, .85rem);line-height:1.45;color:#ffffffd1;cursor:pointer}.summary-public-consent input[type=checkbox]{margin-top:.2rem;width:1.05rem;height:1.05rem;flex:0 0 auto;accent-color:var(--config-accent-step, #134D75);cursor:pointer}.summary-public-link{color:var(--config-accent-step, #1a6ba8);text-decoration:underline;white-space:nowrap}.summary-public-link:hover{color:var(--color-moby-accent-hover, #2a8bd8)}.summary-offer-hint{margin:0;color:#ffffffb8;font-size:var(--font-size-sm, .88rem);line-height:1.45;text-align:center}:root[data-color-mode=light] .summary-public-hint,:root[data-color-mode=light] .summary-public-consent,:root[data-color-mode=light] .summary-offer-hint{color:#000000b3}:root[data-color-mode=light] .summary-public-field>span{color:#000000b3}.display-page__header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed, 1000);background:transparent}.display-page__left-panel{width:55%!important}.display-page__left-panel .resizable-left-panel-resizer,.display-page__left-panel .resizable-left-panel-resizer-bottom{display:none!important}.display-page__left-panel~.display-page__summary{margin-left:55%!important;width:45%!important}.display-page__view-images,.display-page__view-3d{transition:flex .6s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:0;will-change:flex}.display-page__iso-stack--images .display-page__view-images{flex:1 1 100%!important}.display-page__iso-stack--images .display-page__view-3d,.display-page__iso-stack--3d .display-page__view-images{flex:0 0 0px!important}.display-page__iso-stack--3d .display-page__view-3d{flex:1 1 100%!important}.display-page__iso-stack--none .display-page__view-images,.display-page__iso-stack--none .display-page__view-3d{flex:1 1 50%!important}.moby-konfigurator-theme .vehicle-configuration-split .display-page__summary{padding:0!important;padding-top:calc(var(--header-height, 68px) + .75rem)!important;padding-bottom:calc(var(--bottom-nav-height, 80px) + .75rem)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;max-height:100dvh;box-sizing:border-box;overflow:hidden}.moby-konfigurator-theme .vehicle-configuration-split .display-page__summary{background:transparent!important}.display-page__glass-fill{flex:0 1 auto;width:100%;max-height:100%;display:flex;flex-direction:column;margin:0 .75rem;padding:1rem var(--container-padding, 2rem);overflow:hidden;min-height:0}.display-page__header-qr{height:clamp(48px,7vw,80px);width:auto;border-radius:4px}.display-page__header .header-title{color:#fff;background:transparent;border:none;padding:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;mix-blend-mode:difference;text-shadow:0 0 6px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.25)}.display-page__legal-bar{position:fixed;bottom:4px;left:0;right:0;z-index:calc(var(--z-fixed, 1000) + 1);display:flex;justify-content:center;align-items:center;gap:1rem;pointer-events:none;font-family:inherit;font-size:.55rem;font-weight:400;color:#ffffff40;line-height:1.4}.display-page__legal-bar>*{pointer-events:auto}.display-page__legal-bar a{color:inherit;text-decoration:underline}:root[data-color-mode=light] .display-page__legal-bar{color:#0000004d}.display-page__breakdown{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;width:100%;min-height:0;overflow:hidden}.display-page__breakdown-scale{display:flex;flex-direction:column;gap:clamp(.1rem,.5vh,.3rem);width:100%;transform-origin:center center;transition:transform .25s ease;will-change:transform}.display-page__breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:clamp(.3rem,1.2vh,.6rem) .5rem;font-size:clamp(.75rem,3.5vh,1.4rem);color:var(--config-text, rgba(255,255,255,.9))}.display-page__breakdown-row--base{background:#ffffff0a;border-radius:6px;font-weight:600}:root[data-color-mode=light] .display-page__breakdown-row--base{background:#0000000a}.display-page__breakdown-price{color:var(--oc-price-color, rgba(120, 220, 160, .95));font-weight:600;white-space:nowrap}:root[data-color-mode=light] .display-page__breakdown-price{color:#16a34a}.display-page__breakdown-cat{border-radius:8px;border:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease}.display-page__breakdown-cat-header--base{font-weight:700;font-size:clamp(.85rem,3.8vh,1.5rem)}.display-page__breakdown-cat-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.2rem,1vh,.5rem) .5rem;font-size:clamp(.75rem,3.5vh,1.4rem);color:var(--config-text, rgba(255,255,255,.85))}:root[data-color-mode=light] .display-page__breakdown-cat-header{color:#1f2937}.display-page__breakdown-cat--active{border-color:var(--oc-selected-border, rgba(0, 123, 255, .9));box-shadow:0 0 0 1px #007bff66,0 0 12px 2px #007bff40,0 0 24px 6px #007bff26}:root[data-color-mode=light] .display-page__breakdown-cat--active{border-color:#007bff80;box-shadow:0 0 0 1px #007bff33,0 0 8px 2px #007bff1a}.display-page__breakdown-cat--active .display-page__breakdown-cat-header{font-weight:600;border-bottom:1px solid rgba(255,255,255,.12)}:root[data-color-mode=light] .display-page__breakdown-cat--active .display-page__breakdown-cat-header{border-bottom-color:#0000001a}.display-page__breakdown-details{padding:clamp(.05rem,.3vh,.15rem) 0}.display-page__breakdown-detail-group{border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:clamp(.1rem,.4vh,.2rem)}.display-page__breakdown-detail-group:last-child{border-bottom:none}:root[data-color-mode=light] .display-page__breakdown-detail-group{border-bottom-color:#0000000f}.display-page__breakdown-detail{display:flex;align-items:center;padding:clamp(.1rem,.6vh,.3rem) .5rem clamp(.1rem,.6vh,.3rem) 1rem;font-size:clamp(.6rem,2.8vh,1.1rem);gap:.5rem}.display-page__breakdown-detail--selected{background:#ffffff0a;border-radius:4px}:root[data-color-mode=light] .display-page__breakdown-detail--selected{background:#00000008}.display-page__breakdown-detail-label{color:var(--config-text-muted, rgba(255,255,255,.5));font-size:clamp(.5rem,2.2vh,.9rem);min-width:4rem;flex-shrink:0}:root[data-color-mode=light] .display-page__breakdown-detail-label{color:#6b7280}.display-page__breakdown-detail-name{color:var(--config-text, rgba(255,255,255,.85));flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-color-mode=light] .display-page__breakdown-detail-name{color:#1f2937}.display-page__breakdown-detail-price{color:var(--oc-price-color, rgba(120, 220, 160, .95));font-weight:500;white-space:nowrap}:root[data-color-mode=light] .display-page__breakdown-detail-price{color:#16a34a}.display-page__breakdown-alternatives{padding:0 .5rem 0 2rem}.display-page__breakdown-alt{display:flex;align-items:center;justify-content:space-between;padding:clamp(.05rem,.3vh,.15rem) .5rem;font-size:clamp(.45rem,1.8vh,.8rem);gap:.5rem;opacity:.6}.display-page__breakdown-alt-name{color:var(--config-text-muted, rgba(255,255,255,.5));flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-color-mode=light] .display-page__breakdown-alt-name{color:#6b7280}.display-page__breakdown-alt-diff{white-space:nowrap;font-weight:500}.display-page__breakdown-alt-diff--up{color:#ffb464e6}.display-page__breakdown-alt-diff--down{color:#78dca0e6}:root[data-color-mode=light] .display-page__breakdown-alt-diff--up{color:#d97706}:root[data-color-mode=light] .display-page__breakdown-alt-diff--down{color:#16a34a}.display-page__verification{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-fixed, 1000) - 1);display:flex;align-items:center;justify-content:center}.display-page__verification-card{position:relative;z-index:2;text-align:center;padding:clamp(.3rem,.8vw,.6rem) clamp(.6rem,1.5vw,1rem);background:transparent;border:1px solid transparent;border-radius:12px;opacity:0;transform:scale(.85) translateY(20px);transform-origin:center center;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,background .4s ease,border-color .4s ease;pointer-events:none}.display-page__verification-card--focused{opacity:1;transform:scale(1) translateY(0);background:#ffffff1a;border-color:#ffffff26;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.display-page__verification-label{font-size:clamp(.8rem,1.2vw,1rem);color:var(--config-text-muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .75rem}.display-page__verification-code{font-size:clamp(4rem,12vw,9rem);font-weight:800;color:#ffffff40;letter-spacing:.3em;margin:0;padding-left:.3em;line-height:1;font-variant-numeric:tabular-nums;transition:color .4s ease}.display-page__verification-card--focused .display-page__verification-code{color:#fffffff2}.display-page__verification-hint{font-size:clamp(.85rem,1.3vw,1.1rem);color:var(--config-text-muted);margin:0;line-height:1.6}.display-page__waiting-wrap{position:relative;min-height:calc(100dvh - var(--header-height, 68px));display:flex;align-items:center;justify-content:center}.display-page__waiting-video{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.display-page__waiting-video-iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100%;transform:translate(-50%,-50%);border:none;pointer-events:none}video.display-page__waiting-video-iframe{object-fit:cover;background:#000}.display-page__waiting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 40%)}.display-page__waiting{position:relative;z-index:2;color:#fff;mix-blend-mode:difference;text-shadow:0 0 6px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.25);font-size:clamp(.9rem,1.5vw,1.1rem);text-align:center}.display-page__price-block{text-align:center;padding:1rem}.display-page__price-label{display:block;font-size:var(--font-size-sm);color:var(--config-text-muted);margin-bottom:.25rem}.display-page__price-value{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;color:#fff}:root[data-color-mode=light] .display-page__price-value{color:#0f172a}.whale-loading-circle{--whale-size: 200px;width:var(--whale-size);height:var(--whale-size);margin:0 auto 2rem;overflow:visible;background:transparent;position:relative}.whale-loading-svg-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.whale-swim-body{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);animation:whaleDrift 6s ease-in-out infinite}@keyframes whaleDrift{0%,to{margin-left:0}50%{margin-left:6px}}.whale-swim-bob{animation:whaleBob 3.5s ease-in-out infinite}@keyframes whaleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.whale-swim-tilt{animation:whaleTilt 4.2s ease-in-out infinite}@keyframes whaleTilt{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.whale-swim-breathe{position:relative;animation:whaleBreathe 2.8s ease-in-out infinite;transform-origin:center center}@keyframes whaleBreathe{0%,to{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1.03) scaleY(.97)}}.whale-swim-img{display:block;filter:brightness(0) invert(1);opacity:.85;drop-shadow:0 4px 12px rgba(0,0,0,.2)}:root[data-color-mode=light] .whale-swim-img{filter:brightness(0) saturate(100%) invert(32%) sepia(86%) saturate(401%) hue-rotate(135deg) brightness(92%) contrast(95%);opacity:.75}.whale-eye-blink{position:absolute;left:69%;top:36%;width:8px;height:8px;background:transparent;border-radius:50%;animation:whaleBlink 4s ease-in-out infinite;transform-origin:center;pointer-events:none}@keyframes whaleBlink{0%,90%,to{background:transparent;transform:scaleY(1)}93%{background:#fff;transform:scaleY(.1)}96%{background:#fff;transform:scaleY(.1)}}.whale-wave-1{animation:whaleWaveRight 3.2s linear infinite}.whale-wave-2{animation:whaleWaveLeft 4s linear infinite;animation-delay:-1.5s}@keyframes whaleWaveRight{0%{transform:translate(0)}to{transform:translate(50px)}}@keyframes whaleWaveLeft{0%{transform:translate(0)}to{transform:translate(-50px)}}.whale-bubble{fill:#fff9;animation:bubbleRise 3s ease-in infinite}:root[data-color-mode=light] .whale-bubble{fill:color-mix(in srgb,var(--ds-color-brand, #0d9488) 55%,transparent)}:root[data-color-mode=light] .whale-wave{stroke:color-mix(in srgb,var(--ds-color-brand, #0d9488) 50%,transparent)!important}.whale-bubble--1{animation-delay:0s}.whale-bubble--2{animation-delay:.8s}.whale-bubble--3{animation-delay:1.6s}.whale-bubble--4{animation-delay:2.4s}@keyframes bubbleRise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.7;transform:translateY(-5px) scale(.8)}50%{opacity:.5;transform:translateY(-30px) scale(1)}to{transform:translateY(-65px) translate(8px) scale(1.2);opacity:0}}.whale-loading-indicator--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;color:var(--ds-color-fg-default, white)}.whale-loading-indicator--fullscreen .whale-loading-indicator__content{text-align:center;max-width:500px;padding:2rem}.whale-loading-indicator--fullscreen .whale-loading-circle{margin-bottom:0}.whale-loading-indicator--embedded.whale-loading-indicator--fullscreen{position:absolute;right:0;bottom:0;left:0;top:0;min-height:0;z-index:auto}.whale-loading-indicator--inline{display:flex;align-items:center;justify-content:center;flex:1;min-height:100%;color:var(--ds-color-fg-default, white)}.whale-loading-indicator--inline .whale-loading-indicator__content{text-align:center;padding:1.5rem}.whale-loading-indicator--inline .whale-loading-circle{--whale-size: 140px;margin-bottom:0}.whale-loading-indicator--inline .whale-swim-img{width:80px;height:80px}@keyframes bubbleRise{0%{transform:translateY(0) translate(0);opacity:0}8%{opacity:.6}50%{transform:translateY(-52vh) translate(12px);opacity:.45}90%{opacity:.25}to{transform:translateY(-115vh) translate(-8px);opacity:0}}@keyframes bubbleWobble{0%,to{transform:scaleX(1) scaleY(1)}33%{transform:scaleX(1.06) scaleY(.96)}66%{transform:scaleX(.95) scaleY(1.04)}}@keyframes shimmerDrift1{0%{transform:translate(0) scaleX(1);opacity:.4}20%{transform:translate(12%,4%) scaleX(1.12);opacity:.5}45%{transform:translate(-10%,7%) scaleX(.92);opacity:.38}70%{transform:translate(18%,3%) scaleX(1.08);opacity:.48}to{transform:translate(0) scaleX(1);opacity:.4}}@keyframes shimmerDrift2{0%{transform:translate(0) scaleX(1.05);opacity:.35}25%{transform:translate(-18%,5%) scaleX(.88);opacity:.48}55%{transform:translate(14%,9%) scaleX(1.15);opacity:.33}80%{transform:translate(-12%,4%) scaleX(.95);opacity:.45}to{transform:translate(0) scaleX(1.05);opacity:.35}}@keyframes shimmerDrift3{0%{transform:translate(0) scale(1);opacity:.3}30%{transform:translate(10%,6%) scale(1.2);opacity:.45}60%{transform:translate(-14%,3%) scale(.85);opacity:.35}to{transform:translate(0) scale(1);opacity:.3}}.water-bubbles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 85% 30% at 45% 0%,rgba(255,240,160,.18) 0%,transparent 65%),radial-gradient(ellipse 55% 25% at 90% 70%,rgba(0,210,200,.12) 0%,transparent 60%),linear-gradient(170deg,#0d9b9b,#0a8fa5 25%,#0e7a96 55%,#0a6480)}.water-bubbles:before{content:"";position:absolute;top:-15%;left:-15%;width:110%;height:120%;border-radius:50% 50% 60% 40%;background:radial-gradient(ellipse at 35% 12%,rgba(255,255,220,.28) 0%,rgba(120,230,220,.15) 25%,rgba(40,180,180,.06) 55%,transparent 80%);filter:blur(32px);animation:shimmerDrift1 18s ease-in-out infinite;mix-blend-mode:screen}.water-bubbles:after{content:"";position:absolute;top:-15%;right:-15%;width:100%;height:120%;border-radius:40% 60% 55% 45%;background:radial-gradient(ellipse at 65% 10%,rgba(200,240,255,.25) 0%,rgba(80,210,220,.14) 28%,rgba(20,160,180,.05) 60%,transparent 82%);filter:blur(36px);animation:shimmerDrift2 24s ease-in-out infinite;mix-blend-mode:screen}.water-shimmer-accent{position:absolute;top:-10%;left:-5%;width:110%;height:110%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 10%,rgba(255,255,200,.28) 0%,rgba(150,235,230,.16) 22%,rgba(50,190,200,.06) 50%,transparent 75%);filter:blur(24px);animation:shimmerDrift3 14s ease-in-out infinite;mix-blend-mode:screen;z-index:0}.water-bubble{position:absolute;bottom:-60px;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.35) 0%,rgba(180,240,245,.08) 45%,transparent 80%);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 2px #fff3,0 2px 8px #008ca01a;filter:blur(1.8px);animation:bubbleRise linear infinite}.water-bubble:nth-child(2n){animation-name:bubbleRise,bubbleWobble;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite}@media (max-width: 639px){.water-bubble{filter:none}.water-bubbles:before,.water-bubbles:after{filter:blur(20px);animation-duration:30s}.water-shimmer-accent{display:none}.water-bubble:nth-child(3n){display:none}}:root{--ds-space-0: 0;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-7: 32px;--ds-space-8: 40px;--ds-space-9: 56px;--ds-space-10: 80px;--ds-radius-xs: 4px;--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 14px;--ds-radius-xl: 20px;--ds-radius-2xl: 28px;--ds-radius-pill: 999px;--ds-radius-circle: 50%;--ds-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ds-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;--ds-font-display: var(--ds-font-sans);--ds-fs-2xs: 10px;--ds-fs-xs: 12px;--ds-fs-sm: 13px;--ds-fs-md: 14px;--ds-fs-base: 15px;--ds-fs-lg: 16px;--ds-fs-xl: 18px;--ds-fs-2xl: 22px;--ds-fs-3xl: 28px;--ds-fs-4xl: 36px;--ds-fs-5xl: 48px;--ds-lh-tight: 1.2;--ds-lh-normal: 1.45;--ds-lh-relaxed: 1.6;--ds-fw-regular: 400;--ds-fw-medium: 500;--ds-fw-semibold: 600;--ds-fw-bold: 700;--ds-fw-extrabold: 800;--ds-fw-black: 900;--ds-motion-instant: 0ms;--ds-motion-fast: .12s ease;--ds-motion-base: .18s ease;--ds-motion-slow: .26s ease;--ds-motion-slower: .4s ease;--ds-z-behind: -1;--ds-z-base: 1;--ds-z-dropdown: 100;--ds-z-sticky: 200;--ds-z-fixed: 1000;--ds-z-fixed-above: 1010;--ds-z-overlay: 1500;--ds-z-modal: 2000;--ds-z-toast: 2500;--ds-z-tooltip: 3000;--ds-z-fullscreen: 9999;--ds-z-fullscreen-controls: 10000;--ds-z-system-max: 10001;--ds-bp-sm: 640px;--ds-bp-md: 768px;--ds-bp-lg: 1024px;--ds-bp-xl: 1280px;--ds-bp-2xl: 1536px;--ds-topbar-height: 52px;--ds-sidebar-width: 240px;--ds-container-max: 1400px;--ds-page-max-width: 1800px;--ds-surface-padding: var(--ds-space-5);--ds-surface-padding-lg: var(--ds-space-6)}:root,[data-theme=moby-design]{--ds-color-bg-app: #f5f9fa;--ds-color-bg-surface: #ffffff;--ds-color-bg-elevated: #ffffff;--ds-color-bg-muted: #f8f9fa;--ds-color-bg-hover: #e8eaf6;--ds-color-bg-selected: #e3f2fd;--ds-color-fg-default: #1f2937;--ds-color-fg-muted: #6b7280;--ds-color-fg-subtle: #9e9e9e;--ds-color-fg-faint: #bdbdbd;--ds-color-fg-inverted: #ffffff;--ds-color-brand: #3b82f6;--ds-color-brand-hover: #5568d3;--ds-color-brand-soft: rgba(59, 130, 246, .15);--ds-color-brand-strong: #2563eb;--ds-color-accent: #007bff;--ds-color-accent-hover: #0069d9;--ds-color-accent-soft: #e3f2fd;--ds-color-success: #28a745;--ds-color-success-soft: #d4edda;--ds-color-warning: #ffc107;--ds-color-warning-soft: #fff3e0;--ds-color-danger: #fe3101;--ds-color-danger-soft: #f8d7da;--ds-color-info: #3b82f6;--ds-color-info-soft: #e8eaf6;--ds-color-border: #e0e0e0;--ds-color-border-strong: #bdbdbd;--ds-color-border-focus: #3b82f6;--ds-color-input-bg: #ffffff;--ds-color-input-border: #e0e0e0;--ds-color-input-fg: #1f2937;--ds-color-input-placeholder: #9e9e9e;--ds-shadow-sm: 0 2px 4px rgba(59, 130, 246, .1);--ds-shadow-md: 0 4px 12px rgba(59, 130, 246, .15);--ds-shadow-lg: 0 8px 24px rgba(59, 130, 246, .2);--ds-shadow-xl: 0 12px 40px rgba(59, 130, 246, .25);--ds-shadow-card: 0 10px 40px rgba(0, 0, 0, .1);--ds-brand-name: "moby van";--ds-brand-pattern: linear-gradient(135deg, #f5f9fa 0%, #e8f2f5 50%, #f5f9fa 100%);--ds-brand-gradient: linear-gradient(135deg, #3b82f6 0%, #764ba2 100%);--ds-button-radius: var(--ds-radius-md);--ds-input-radius: var(--ds-radius-md);--ds-card-radius: var(--ds-radius-lg);--ds-card-shadow: var(--ds-shadow-card);--ds-moby-footer: #164D76;--ds-moby-footer-dark: #0d3a52;--ds-moby-accent: #134D75;--ds-moby-accent-hover: #1a6ba8;--ds-moby-teal: #659BA3;--ds-moby-heart-red: #fe3101;--ds-moby-card-dark: #1E2833;--ds-moby-bar-gray: #1f2229;color-scheme:light}[data-theme=moby-design][data-color-mode=dark]{--ds-color-bg-app: #0f172a;--ds-color-bg-surface: #1E2833;--ds-color-bg-elevated: #2a3540;--ds-color-bg-muted: #1a2230;--ds-color-bg-hover: #2d3a4a;--ds-color-bg-selected: #2563eb33;--ds-color-fg-default: #f1f5f9;--ds-color-fg-muted: #cbd5e1;--ds-color-fg-subtle: #94a3b8;--ds-color-fg-faint: #64748b;--ds-color-fg-inverted: #0f172a;--ds-color-border: #334155;--ds-color-border-strong: #475569;--ds-color-input-bg: #1a2230;--ds-color-input-border: #334155;--ds-color-input-fg: #f1f5f9;--ds-color-input-placeholder: #64748b;--ds-shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--ds-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--ds-shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--ds-shadow-xl: 0 12px 40px rgba(0, 0, 0, .7);--ds-shadow-card: 0 10px 40px rgba(0, 0, 0, .5);--ds-brand-pattern: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);color-scheme:dark}[data-theme=moby-intranet]{--brand-50: #e6f7f4;--brand-100: #c6ece5;--brand-200: #8ad8cc;--brand-300: #4fc4b2;--brand-400: #1bb29b;--brand-500: #0e9f8e;--brand-600: #098474;--brand-700: #066b5f;--brand-800: #044f47;--brand-900: #02332d;--ds-color-brand: #0e9f8e;--ds-color-brand-hover: #098474;--ds-color-brand-soft: rgba(14, 159, 142, .15);--ds-color-brand-strong: #066b5f;--ds-color-accent: #0e9f8e;--ds-color-accent-hover: #098474;--ds-color-accent-soft: #c6ece5;--ds-color-success: #16a34a;--ds-color-success-soft: #dcfce7;--ds-color-warning: #d97706;--ds-color-warning-soft: #fef3c7;--ds-color-danger: #dc2626;--ds-color-danger-soft: #fee2e2;--ds-color-info: #0284c7;--ds-color-info-soft: #e0f2fe;--ds-button-radius: var(--ds-radius-md);--ds-input-radius: var(--ds-radius-sm);--ds-card-radius: var(--ds-radius-md);--ds-card-shadow: var(--ds-shadow-md);--ds-brand-name: "moby intranet";--ds-brand-pattern: none;--ds-brand-gradient: linear-gradient(135deg, #0e9f8e 0%, #066b5f 100%)}[data-theme=moby-intranet],[data-theme=moby-intranet][data-color-mode=light]{--ds-color-bg-app: #f5f6f8;--ds-color-bg-surface: #ffffff;--ds-color-bg-elevated: #ffffff;--ds-color-bg-muted: #eff1f4;--ds-color-bg-hover: #eef0f3;--ds-color-bg-selected: #e6f7f4;--ds-color-fg-default: #0f172a;--ds-color-fg-muted: #475569;--ds-color-fg-subtle: #64748b;--ds-color-fg-faint: #94a3b8;--ds-color-fg-inverted: #ffffff;--ds-color-border: #e4e7ec;--ds-color-border-strong: #cbd2db;--ds-color-border-focus: #0e9f8e;--ds-color-input-bg: #ffffff;--ds-color-input-border: #d0d5dd;--ds-color-input-fg: #0f172a;--ds-color-input-placeholder: #94a3b8;--ds-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--ds-shadow-md: 0 4px 10px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);--ds-shadow-lg: 0 12px 24px -6px rgba(16, 24, 40, .1), 0 4px 8px -4px rgba(16, 24, 40, .06);--ds-shadow-xl: 0 24px 48px -12px rgba(16, 24, 40, .18);--ds-shadow-card: var(--ds-shadow-md);color-scheme:light}[data-theme=moby-intranet][data-color-mode=dark]{--ds-color-bg-app: #0b0d11;--ds-color-bg-surface: #121520;--ds-color-bg-elevated: #171a26;--ds-color-bg-muted: #1a1f2e;--ds-color-bg-hover: #1d2332;--ds-color-bg-selected: #0e2a28;--ds-color-fg-default: #e8ecf2;--ds-color-fg-muted: #a1a9b8;--ds-color-fg-subtle: #7c8495;--ds-color-fg-faint: #5c6578;--ds-color-fg-inverted: #0b0d11;--ds-color-border: #272c3a;--ds-color-border-strong: #3a4050;--ds-color-border-focus: #1bb29b;--ds-color-input-bg: #0f1220;--ds-color-input-border: #2b3142;--ds-color-input-fg: #e8ecf2;--ds-color-input-placeholder: #5c6578;--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--ds-shadow-md: 0 4px 10px -2px rgba(0, 0, 0, .55), 0 2px 4px -2px rgba(0, 0, 0, .35);--ds-shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .65), 0 4px 8px -4px rgba(0, 0, 0, .4);--ds-shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .75);--ds-shadow-card: var(--ds-shadow-md);color-scheme:dark}[data-theme=moby-werkstatt]{--ds-color-brand: #3b82f6;--ds-color-brand-hover: #2563eb;--ds-color-brand-soft: rgba(59, 130, 246, .15);--ds-color-brand-strong: #1d4ed8;--ds-color-accent: #f59e0b;--ds-color-accent-hover: #d97706;--ds-color-accent-soft: rgba(245, 158, 11, .15);--ds-color-success: #22c55e;--ds-color-success-soft: rgba(34, 197, 94, .15);--ds-color-warning: #f59e0b;--ds-color-warning-soft: rgba(245, 158, 11, .15);--ds-color-danger: #ef4444;--ds-color-danger-soft: rgba(239, 68, 68, .15);--ds-color-info: #3b82f6;--ds-color-info-soft: rgba(59, 130, 246, .15);--ds-brand-name: "moby werkstatt";--ds-brand-pattern: none;--ds-button-radius: var(--ds-radius-sm);--ds-input-radius: var(--ds-radius-sm);--ds-card-radius: var(--ds-radius-md);--ds-card-shadow: var(--ds-shadow-md)}[data-theme=moby-werkstatt],[data-theme=moby-werkstatt][data-color-mode=dark]{--ds-color-bg-app: #14182a;--ds-color-bg-surface: #1c2136;--ds-color-bg-elevated: #252b44;--ds-color-bg-muted: #1a1f33;--ds-color-bg-hover: #2e3551;--ds-color-bg-selected: rgba(245, 158, 11, .15);--ds-color-fg-default: #f1f5f9;--ds-color-fg-muted: #cbd5e1;--ds-color-fg-subtle: #7c8aa6;--ds-color-fg-faint: #505a75;--ds-color-fg-inverted: #14182a;--ds-color-border: #2d3349;--ds-color-border-strong: #3d4566;--ds-color-border-focus: #3b82f6;--ds-color-input-bg: #1c2136;--ds-color-input-border: #2d3349;--ds-color-input-fg: #f1f5f9;--ds-color-input-placeholder: #505a75;--ds-shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--ds-shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--ds-shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--ds-shadow-xl: 0 30px 80px rgba(0, 0, 0, .6);--ds-shadow-card: var(--ds-shadow-md);--ds-brand-gradient: linear-gradient(135deg, #14182a 0%, #1c2136 100%);color-scheme:dark}[data-theme=moby-werkstatt][data-color-mode=light]{--ds-color-bg-app: #eef1f6;--ds-color-bg-surface: #ffffff;--ds-color-bg-elevated: #ffffff;--ds-color-bg-muted: #e4e8f0;--ds-color-bg-hover: #e0e5ee;--ds-color-bg-selected: rgba(245, 158, 11, .16);--ds-color-fg-default: #14182a;--ds-color-fg-muted: #3f4a63;--ds-color-fg-subtle: #5c6783;--ds-color-fg-faint: #97a1b8;--ds-color-fg-inverted: #ffffff;--ds-color-brand: #2563eb;--ds-color-brand-hover: #1d4ed8;--ds-color-brand-soft: rgba(37, 99, 235, .12);--ds-color-brand-strong: #1e40af;--ds-color-accent: #d97706;--ds-color-accent-hover: #b45309;--ds-color-accent-soft: rgba(217, 119, 6, .14);--ds-color-success: #16a34a;--ds-color-success-soft: rgba(34, 197, 94, .12);--ds-color-warning: #d97706;--ds-color-warning-soft: rgba(245, 158, 11, .14);--ds-color-danger: #dc2626;--ds-color-danger-soft: rgba(239, 68, 68, .12);--ds-color-info: #2563eb;--ds-color-info-soft: rgba(59, 130, 246, .12);--ds-color-border: #d3d9e4;--ds-color-border-strong: #b4bdce;--ds-color-border-focus: #2563eb;--ds-color-input-bg: #ffffff;--ds-color-input-border: #c3cad9;--ds-color-input-fg: #14182a;--ds-color-input-placeholder: #97a1b8;--ds-shadow-sm: 0 1px 2px rgba(20, 24, 42, .06);--ds-shadow-md: 0 4px 12px rgba(20, 24, 42, .1);--ds-shadow-lg: 0 12px 32px rgba(20, 24, 42, .14);--ds-shadow-xl: 0 24px 60px rgba(20, 24, 42, .18);--ds-shadow-card: var(--ds-shadow-md);--ds-brand-gradient: linear-gradient(135deg, #eef1f6 0%, #dbe1ec 100%);color-scheme:light}[data-theme=moby-light]{--ds-color-brand: #475569;--ds-color-brand-hover: #334155;--ds-color-brand-soft: rgba(71, 85, 105, .1);--ds-color-brand-strong: #1e293b;--ds-color-accent: #6366f1;--ds-color-accent-hover: #4f46e5;--ds-color-accent-soft: rgba(99, 102, 241, .1);--ds-brand-name: "moby light";--ds-brand-pattern: none;--ds-button-radius: var(--ds-radius-sm);--ds-input-radius: var(--ds-radius-sm);--ds-card-radius: var(--ds-radius-sm);--ds-card-shadow: var(--ds-shadow-sm)}[data-theme=moby-light],[data-theme=moby-light][data-color-mode=light]{--ds-color-bg-app: #fafafa;--ds-color-bg-surface: #ffffff;--ds-color-bg-elevated: #ffffff;--ds-color-bg-muted: #f4f4f5;--ds-color-bg-hover: #f0f0f1;--ds-color-bg-selected: #e4e4e7;--ds-color-fg-default: #18181b;--ds-color-fg-muted: #52525b;--ds-color-fg-subtle: #71717a;--ds-color-fg-faint: #a1a1aa;--ds-color-fg-inverted: #ffffff;--ds-color-success: #15803d;--ds-color-success-soft: #f0fdf4;--ds-color-warning: #b45309;--ds-color-warning-soft: #fffbeb;--ds-color-danger: #b91c1c;--ds-color-danger-soft: #fef2f2;--ds-color-info: #1d4ed8;--ds-color-info-soft: #eff6ff;--ds-color-border: #e4e4e7;--ds-color-border-strong: #d4d4d8;--ds-color-border-focus: #475569;--ds-color-input-bg: #ffffff;--ds-color-input-border: #d4d4d8;--ds-color-input-fg: #18181b;--ds-color-input-placeholder: #a1a1aa;--ds-shadow-sm: 0 1px 1px rgba(0, 0, 0, .04);--ds-shadow-md: 0 2px 4px rgba(0, 0, 0, .06);--ds-shadow-lg: 0 4px 12px rgba(0, 0, 0, .08);--ds-shadow-xl: 0 8px 24px rgba(0, 0, 0, .1);--ds-shadow-card: var(--ds-shadow-sm);--ds-brand-gradient: linear-gradient(135deg, #fafafa 0%, #f4f4f5 100%);color-scheme:light}[data-theme=moby-light][data-color-mode=dark]{--ds-color-bg-app: #18181b;--ds-color-bg-surface: #1f1f23;--ds-color-bg-elevated: #27272a;--ds-color-bg-muted: #1c1c20;--ds-color-bg-hover: #2c2c31;--ds-color-bg-selected: #3f3f46;--ds-color-fg-default: #f4f4f5;--ds-color-fg-muted: #c5c5cb;--ds-color-fg-subtle: #a1a1aa;--ds-color-fg-faint: #71717a;--ds-color-fg-inverted: #18181b;--ds-color-brand: #94a3b8;--ds-color-brand-hover: #cbd5e1;--ds-color-brand-soft: rgba(148, 163, 184, .14);--ds-color-brand-strong: #e2e8f0;--ds-color-accent: #a5b4fc;--ds-color-accent-hover: #c7d2fe;--ds-color-accent-soft: rgba(165, 180, 252, .14);--ds-color-success: #4ade80;--ds-color-success-soft: rgba(34, 197, 94, .14);--ds-color-warning: #fbbf24;--ds-color-warning-soft: rgba(245, 158, 11, .14);--ds-color-danger: #f87171;--ds-color-danger-soft: rgba(239, 68, 68, .14);--ds-color-info: #60a5fa;--ds-color-info-soft: rgba(59, 130, 246, .14);--ds-color-border: #34343a;--ds-color-border-strong: #46464d;--ds-color-border-focus: #94a3b8;--ds-color-input-bg: #1c1c20;--ds-color-input-border: #34343a;--ds-color-input-fg: #f4f4f5;--ds-color-input-placeholder: #71717a;--ds-shadow-sm: 0 1px 1px rgba(0, 0, 0, .3);--ds-shadow-md: 0 2px 6px rgba(0, 0, 0, .4);--ds-shadow-lg: 0 4px 14px rgba(0, 0, 0, .5);--ds-shadow-xl: 0 8px 28px rgba(0, 0, 0, .6);--ds-shadow-card: var(--ds-shadow-sm);--ds-brand-gradient: linear-gradient(135deg, #18181b 0%, #27272a 100%);color-scheme:dark}[data-theme=moby-corporate]{--ds-color-brand: #000000;--ds-color-brand-hover: #1a1a1a;--ds-color-brand-soft: rgba(0, 0, 0, .08);--ds-color-brand-strong: #000000;--ds-color-accent: #404040;--ds-color-accent-hover: #262626;--ds-color-accent-soft: rgba(64, 64, 64, .1);--ds-color-success: #166534;--ds-color-success-soft: #f0fdf4;--ds-color-warning: #854d0e;--ds-color-warning-soft: #fefce8;--ds-color-danger: #991b1b;--ds-color-danger-soft: #fef2f2;--ds-color-info: #1e3a8a;--ds-color-info-soft: #eff6ff;--ds-button-radius: var(--ds-radius-xs);--ds-input-radius: var(--ds-radius-xs);--ds-card-radius: var(--ds-radius-xs);--ds-brand-name: "moby corporate";--ds-brand-pattern: none;--ds-brand-gradient: linear-gradient(135deg, #000000 0%, #404040 100%)}[data-theme=moby-corporate],[data-theme=moby-corporate][data-color-mode=light]{--ds-color-bg-app: #ffffff;--ds-color-bg-surface: #ffffff;--ds-color-bg-elevated: #ffffff;--ds-color-bg-muted: #f5f5f5;--ds-color-bg-hover: #f0f0f0;--ds-color-bg-selected: #e5e5e5;--ds-color-fg-default: #000000;--ds-color-fg-muted: #404040;--ds-color-fg-subtle: #737373;--ds-color-fg-faint: #a3a3a3;--ds-color-fg-inverted: #ffffff;--ds-color-border: #d4d4d4;--ds-color-border-strong: #a3a3a3;--ds-color-border-focus: #000000;--ds-color-input-bg: #ffffff;--ds-color-input-border: #d4d4d4;--ds-color-input-fg: #000000;--ds-color-input-placeholder: #a3a3a3;--ds-shadow-sm: 0 1px 0 rgba(0, 0, 0, .05);--ds-shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--ds-shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--ds-shadow-xl: 0 8px 24px rgba(0, 0, 0, .2);--ds-shadow-card: 0 0 0 1px var(--ds-color-border);color-scheme:light}[data-theme=moby-corporate][data-color-mode=dark]{--ds-color-bg-app: #000000;--ds-color-bg-surface: #0a0a0a;--ds-color-bg-elevated: #171717;--ds-color-bg-muted: #0a0a0a;--ds-color-bg-hover: #262626;--ds-color-bg-selected: #404040;--ds-color-fg-default: #ffffff;--ds-color-fg-muted: #d4d4d4;--ds-color-fg-subtle: #a3a3a3;--ds-color-fg-faint: #737373;--ds-color-fg-inverted: #000000;--ds-color-brand: #ffffff;--ds-color-brand-hover: #e5e5e5;--ds-color-brand-soft: rgba(255, 255, 255, .08);--ds-color-brand-strong: #ffffff;--ds-color-accent: #d4d4d4;--ds-color-border: #262626;--ds-color-border-strong: #404040;--ds-color-border-focus: #ffffff;--ds-color-input-bg: #0a0a0a;--ds-color-input-border: #262626;--ds-color-input-fg: #ffffff;--ds-color-input-placeholder: #737373;--ds-shadow-sm: 0 1px 0 rgba(255, 255, 255, .05);--ds-shadow-md: 0 2px 4px rgba(0, 0, 0, .4);--ds-shadow-lg: 0 4px 12px rgba(0, 0, 0, .6);--ds-shadow-xl: 0 8px 24px rgba(0, 0, 0, .8);--ds-shadow-card: 0 0 0 1px var(--ds-color-border);color-scheme:dark}[data-theme=moby-aurora]{color-scheme:dark;--ds-button-radius: var(--ds-radius-md);--ds-input-radius: var(--ds-radius-md);--ds-card-radius: var(--ds-radius-lg);--ds-card-shadow: 0 8px 30px rgba(0, 0, 0, .45);--ds-shadow-xl: 0 25px 70px rgba(0, 0, 0, .55);--ds-color-bg-app: #060c2e;--ds-color-bg-surface: #0d1438;--ds-color-bg-elevated: #15224a;--ds-color-bg-muted: #0a1238;--ds-color-bg-hover: #1d2a55;--ds-color-bg-selected: rgba(0, 195, 190, .18);--ds-color-fg-default: #f3f4f6;--ds-color-fg-muted: #cbd5e1;--ds-color-fg-subtle: #94a3b8;--ds-color-fg-faint: #64748b;--ds-color-fg-inverted: #ffffff;--ds-color-brand: #00c3be;--ds-color-brand-hover: #14b8a6;--ds-color-brand-soft: rgba(0, 195, 190, .18);--ds-color-brand-strong: #0d9488;--ds-color-accent: #e1376c;--ds-color-accent-hover: #db2777;--ds-color-accent-soft: rgba(225, 55, 108, .18);--ds-color-success: #22c55e;--ds-color-success-soft: rgba(34, 197, 94, .18);--ds-color-warning: #ff9e1c;--ds-color-warning-soft: rgba(255, 158, 28, .18);--ds-color-danger: #ef4444;--ds-color-danger-soft: rgba(239, 68, 68, .18);--ds-color-info: #3741e1;--ds-color-info-soft: rgba(55, 65, 225, .18);--ds-color-border: rgba(255, 255, 255, .1);--ds-color-border-strong: rgba(255, 255, 255, .18);--ds-color-border-focus: #00c3be;--ds-color-input-bg: rgba(255, 255, 255, .06);--ds-color-input-border: rgba(255, 255, 255, .12);--ds-color-input-focus: #00c3be;--ds-color-input-fg: #f3f4f6;--ds-color-input-placeholder: rgba(243, 244, 246, .45);--ds-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--ds-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--ds-shadow-lg: 0 16px 48px rgba(0, 0, 0, .65);--ds-aurora-base: #060c2e;--ds-aurora-c1: 0, 195, 190;--ds-aurora-c2: 55, 65, 225;--ds-aurora-c3: 225, 55, 108;--ds-aurora-c4: 255, 158, 28;--ds-aurora-c5: 80, 210, 255}[data-theme=moby-aurora][data-color-mode=light]{color-scheme:light;--ds-card-shadow: 0 6px 20px rgba(13, 148, 136, .18);--ds-shadow-xl: 0 25px 70px rgba(13, 148, 136, .22);--ds-color-bg-app: #ecfdf5;--ds-color-bg-surface: #f0fdfa;--ds-color-bg-elevated: #ccfbf1;--ds-color-bg-muted: #e6fffa;--ds-color-bg-hover: rgba(13, 148, 136, .06);--ds-color-fg-default: #1f2937;--ds-color-fg-muted: #4b5563;--ds-color-fg-subtle: #6b7280;--ds-color-fg-faint: #9ca3af;--ds-color-brand: #0d9488;--ds-color-brand-hover: #0f766e;--ds-color-brand-soft: rgba(13, 148, 136, .18);--ds-color-brand-strong: #115e59;--ds-color-accent: #14b8a6;--ds-color-accent-hover: #0d9488;--ds-color-accent-soft: rgba(20, 184, 166, .18);--ds-color-border: rgba(13, 148, 136, .18);--ds-color-border-strong: rgba(13, 148, 136, .3);--ds-color-input-bg: #ffffff;--ds-color-input-border: rgba(13, 148, 136, .2);--ds-color-input-fg: #1f2937;--ds-color-input-placeholder: #9ca3af;--ds-aurora-base: #b2e0d4;--ds-aurora-c1: 13, 148, 136;--ds-aurora-c2: 20, 184, 166;--ds-aurora-c3: 52, 211, 153;--ds-aurora-c4: 16, 185, 129;--ds-aurora-c5: 94, 234, 212}[data-theme=moby-konfigurator]{--ds-button-radius: var(--ds-radius-md);--ds-input-radius: var(--ds-radius-md);--ds-card-radius: var(--ds-radius-lg);--ds-color-brand: #0d9488;--ds-color-brand-hover: #0f766e;--ds-color-brand-soft: rgba(13, 148, 136, .18);--ds-color-brand-strong: #115e59;--ds-color-accent: #14b8a6;--ds-color-accent-hover: #0d9488;--ds-color-accent-soft: rgba(20, 184, 166, .18);--ds-color-success: #22c55e;--ds-color-success-soft: rgba(34, 197, 94, .15);--ds-color-warning: #f59e0b;--ds-color-warning-soft: rgba(245, 158, 11, .15);--ds-color-danger: #ef4444;--ds-color-danger-soft: rgba(239, 68, 68, .15);--ds-color-info: #3b82f6;--ds-color-info-soft: rgba(59, 130, 246, .15);--ds-color-border: rgba(13, 148, 136, .18);--ds-color-border-strong: rgba(13, 148, 136, .32);--ds-color-border-focus: #0d9488;--ds-color-input-focus: #0d9488;--ds-brand-name: "moby konfigurator";--ds-brand-pattern: none;--ds-brand-gradient: linear-gradient(135deg, #0d9488 0%, #115e59 100%)}[data-theme=moby-konfigurator],[data-theme=moby-konfigurator][data-color-mode=light]{--ds-card-shadow: 0 4px 16px rgba(13, 148, 136, .18);--ds-shadow-xl: 0 20px 60px rgba(13, 148, 136, .22);--ds-color-bg-app: #0a6480;--ds-color-bg-surface: #ffffff;--ds-color-bg-elevated: #ffffff;--ds-color-bg-muted: #f0fdfa;--ds-color-bg-hover: rgba(13, 148, 136, .06);--ds-color-bg-selected: rgba(13, 148, 136, .18);--ds-color-fg-default: #1f2937;--ds-color-fg-muted: #4b5563;--ds-color-fg-subtle: #6b7280;--ds-color-fg-faint: #9ca3af;--ds-color-fg-inverted: #ffffff;--ds-color-input-bg: #ffffff;--ds-color-input-border: rgba(13, 148, 136, .22);--ds-color-input-fg: #1f2937;--ds-color-input-placeholder: #9ca3af;--ds-shadow-sm: 0 1px 4px rgba(13, 148, 136, .08);--ds-shadow-md: 0 4px 12px rgba(13, 148, 136, .15);--ds-shadow-lg: 0 16px 48px rgba(13, 148, 136, .2);--ds-bg-gradient: radial-gradient(ellipse 85% 30% at 45% 0%, rgba(255, 240, 160, .18) 0%, transparent 65%), radial-gradient(ellipse 55% 25% at 90% 70%, rgba(0, 210, 200, .12) 0%, transparent 60%), linear-gradient(170deg, #0d9b9b 0%, #0a8fa5 25%, #0e7a96 55%, #0a6480 100%);color-scheme:light}[data-theme=moby-konfigurator][data-color-mode=dark]{--ds-card-shadow: 0 8px 30px rgba(0, 0, 0, .45);--ds-shadow-xl: 0 25px 70px rgba(0, 0, 0, .55);--ds-color-bg-app: #042f33;--ds-color-bg-surface: #0a3d42;--ds-color-bg-elevated: #0f4a50;--ds-color-bg-muted: #073338;--ds-color-bg-hover: rgba(20, 184, 166, .12);--ds-color-bg-selected: rgba(20, 184, 166, .2);--ds-color-fg-default: #ecfdf5;--ds-color-fg-muted: #b8d8d2;--ds-color-fg-subtle: #8db5ae;--ds-color-fg-faint: #5f857f;--ds-color-fg-inverted: #042f33;--ds-color-brand: #2dd4bf;--ds-color-brand-hover: #5eead4;--ds-color-brand-soft: rgba(45, 212, 191, .16);--ds-color-brand-strong: #99f6e4;--ds-color-accent: #5eead4;--ds-color-accent-hover: #99f6e4;--ds-color-accent-soft: rgba(94, 234, 212, .16);--ds-color-success: #4ade80;--ds-color-success-soft: rgba(34, 197, 94, .16);--ds-color-warning: #fbbf24;--ds-color-warning-soft: rgba(245, 158, 11, .16);--ds-color-danger: #f87171;--ds-color-danger-soft: rgba(239, 68, 68, .16);--ds-color-info: #60a5fa;--ds-color-info-soft: rgba(59, 130, 246, .16);--ds-color-border: rgba(45, 212, 191, .18);--ds-color-border-strong: rgba(45, 212, 191, .32);--ds-color-border-focus: #2dd4bf;--ds-color-input-focus: #2dd4bf;--ds-color-input-bg: rgba(255, 255, 255, .05);--ds-color-input-border: rgba(45, 212, 191, .22);--ds-color-input-fg: #ecfdf5;--ds-color-input-placeholder: #5f857f;--ds-shadow-sm: 0 1px 4px rgba(0, 0, 0, .4);--ds-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--ds-shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);--ds-bg-gradient: radial-gradient(ellipse 85% 30% at 45% 0%, rgba(94, 234, 212, .1) 0%, transparent 65%), radial-gradient(ellipse 55% 25% at 90% 70%, rgba(0, 210, 200, .1) 0%, transparent 60%), linear-gradient(170deg, #0a4a4f 0%, #073b42 25%, #06343a 55%, #042f33 100%);color-scheme:dark}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);font-family:var(--ds-font-sans);font-size:var(--ds-fs-md);font-weight:var(--ds-fw-semibold);line-height:var(--ds-lh-tight);border:1px solid transparent;border-radius:var(--ds-button-radius, var(--ds-radius-md));cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:background-color var(--ds-motion-fast),border-color var(--ds-motion-fast),color var(--ds-motion-fast),box-shadow var(--ds-motion-fast),transform var(--ds-motion-fast);white-space:nowrap}.ds-btn:focus-visible{outline:2px solid var(--ds-color-border-focus);outline-offset:2px}.ds-btn:disabled,.ds-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.ds-btn--primary{background-color:var(--ds-color-brand);color:var(--ds-color-fg-inverted);border-color:var(--ds-color-brand)}.ds-btn--primary:hover:not(:disabled){background-color:var(--ds-color-brand-hover);border-color:var(--ds-color-brand-hover)}.ds-btn--secondary{background-color:var(--ds-color-bg-elevated);color:var(--ds-color-fg-default);border-color:var(--ds-color-border)}.ds-btn--secondary:hover:not(:disabled){background-color:var(--ds-color-bg-hover);border-color:var(--ds-color-border-strong)}.ds-btn--ghost{background-color:transparent;color:var(--ds-color-fg-default);border-color:transparent}.ds-btn--ghost:hover:not(:disabled){background-color:var(--ds-color-bg-hover)}.ds-btn--danger{background-color:var(--ds-color-danger);color:var(--ds-color-fg-inverted);border-color:var(--ds-color-danger)}.ds-btn--danger:hover:not(:disabled){filter:brightness(.9)}.ds-btn--success{background-color:var(--ds-color-success);color:var(--ds-color-fg-inverted);border-color:var(--ds-color-success)}.ds-btn--success:hover:not(:disabled){filter:brightness(.9)}.ds-btn--sm{padding:var(--ds-space-1) var(--ds-space-3);font-size:var(--ds-fs-sm);min-height:28px}.ds-btn--md{min-height:36px}.ds-btn--lg{padding:var(--ds-space-3) var(--ds-space-5);font-size:var(--ds-fs-lg);min-height:44px}.ds-btn--icon{padding:var(--ds-space-2);aspect-ratio:1;min-width:36px}.ds-btn--icon.ds-btn--sm{min-width:28px;padding:var(--ds-space-1)}.ds-btn--icon.ds-btn--lg{min-width:44px;padding:var(--ds-space-3)}.ds-btn--block{display:flex;width:100%}.ds-field{display:flex;flex-direction:column;gap:var(--ds-space-1)}.ds-field__label{font-family:var(--ds-font-sans);font-size:var(--ds-fs-sm);font-weight:var(--ds-fw-medium);color:var(--ds-color-fg-default)}.ds-field__input,.ds-input{display:block;width:100%;padding:var(--ds-space-2) var(--ds-space-3);font-family:var(--ds-font-sans);font-size:var(--ds-fs-md);color:var(--ds-color-input-fg, var(--ds-color-fg-default));background-color:var(--ds-color-input-bg, var(--ds-color-bg-surface));border:1px solid var(--ds-color-input-border, var(--ds-color-border));border-radius:var(--ds-input-radius, var(--ds-radius-md));transition:border-color var(--ds-motion-fast),box-shadow var(--ds-motion-fast);min-height:36px}.ds-field__input:focus,.ds-input:focus{outline:none;border-color:var(--ds-color-border-focus);box-shadow:0 0 0 3px var(--ds-color-brand-soft)}.ds-field__input::placeholder,.ds-input::placeholder{color:var(--ds-color-input-placeholder, var(--ds-color-fg-subtle))}.ds-field__input:disabled,.ds-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--ds-color-bg-muted)}textarea.ds-field__input,textarea.ds-input{min-height:80px;resize:vertical}select.ds-field__input,select.ds-input{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ds-color-fg-muted) 50%),linear-gradient(135deg,var(--ds-color-fg-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--ds-space-7)}.ds-field__hint{font-size:var(--ds-fs-xs);color:var(--ds-color-fg-subtle)}.ds-field__error{font-size:var(--ds-fs-xs);color:var(--ds-color-danger)}.ds-field--invalid .ds-field__input,.ds-input--invalid{border-color:var(--ds-color-danger)}.ds-field--invalid .ds-field__input:focus,.ds-input--invalid:focus{box-shadow:0 0 0 3px var(--ds-color-danger-soft)}.ds-checkbox,.ds-radio{width:18px;height:18px;cursor:pointer;accent-color:var(--ds-color-brand)}.ds-card{background-color:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-lg));box-shadow:var(--ds-card-shadow, var(--ds-shadow-sm));overflow:hidden}.ds-card--flat{box-shadow:none}.ds-card--elevated{box-shadow:var(--ds-shadow-lg)}.ds-card--interactive{cursor:pointer;transition:transform var(--ds-motion-fast),box-shadow var(--ds-motion-fast)}.ds-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.ds-card__header{padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.ds-card__body{padding:var(--ds-space-5)}.ds-card__footer{padding:var(--ds-space-4) var(--ds-space-5);border-top:1px solid var(--ds-color-border);display:flex;gap:var(--ds-space-2);justify-content:flex-end}.ds-card__title{font-family:var(--ds-font-sans);font-size:var(--ds-fs-lg);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default);margin:0}.ds-card__subtitle{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted);margin:0}.ds-modal-backdrop,.ntm-backdrop,.emoji-backdrop,.mail-modal-backdrop,.cust-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-overlay, 1000);padding:var(--ds-space-4);animation:ds-modal-fade-in var(--ds-motion-fast, .18s)}.ds-modal{background-color:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-lg));box-shadow:var(--ds-shadow-xl);max-height:calc(100vh - var(--ds-space-7));width:100%;display:flex;flex-direction:column;z-index:var(--ds-z-modal);animation:ds-modal-scale-in var(--ds-motion-base)}.ds-modal--sm{max-width:400px}.ds-modal--md{max-width:600px}.ds-modal--lg{max-width:900px}.ds-modal--xl{max-width:1200px}.ds-modal--full{max-width:none;height:calc(100vh - var(--ds-space-7))}.ds-modal__header{padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.ds-modal__title{font-size:var(--ds-fs-xl);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default);margin:0}.ds-modal__body{padding:var(--ds-space-5);overflow-y:auto;flex:1}.ds-modal__footer{padding:var(--ds-space-4) var(--ds-space-5);border-top:1px solid var(--ds-color-border);display:flex;gap:var(--ds-space-2);justify-content:flex-end}.ds-modal__close{background:none;border:none;color:var(--ds-color-fg-muted);cursor:pointer;padding:var(--ds-space-1);border-radius:var(--ds-radius-sm);display:inline-flex;align-items:center;justify-content:center}.ds-modal__close:hover{background-color:var(--ds-color-bg-hover);color:var(--ds-color-fg-default)}@keyframes ds-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ds-table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-md));background-color:var(--ds-color-bg-elevated)}.ds-table{width:100%;border-collapse:collapse;font-family:var(--ds-font-sans);font-size:var(--ds-fs-md);color:var(--ds-color-fg-default)}.ds-table thead{background-color:var(--ds-color-bg-muted);text-align:left}.ds-table th{padding:var(--ds-space-3) var(--ds-space-4);font-weight:var(--ds-fw-semibold);font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ds-color-border);white-space:nowrap}.ds-table td{padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-color-border);vertical-align:middle}.ds-table tr:last-child td{border-bottom:none}.ds-table--striped tbody tr:nth-child(2n){background-color:var(--ds-color-bg-muted)}.ds-table--bordered th,.ds-table--bordered td{border:1px solid var(--ds-color-border)}.ds-table--hoverable tbody tr:hover{background-color:var(--ds-color-bg-hover)}.ds-table--sticky thead{position:sticky;top:0;z-index:var(--ds-z-sticky)}.ds-table .ds-table__cell--center{text-align:center}.ds-table .ds-table__cell--right{text-align:right}.ds-table .ds-table__cell--actions{text-align:right;white-space:nowrap}.ds-toast-container{position:fixed;bottom:var(--ds-space-5);right:var(--ds-space-5);display:flex;flex-direction:column;gap:var(--ds-space-2);z-index:var(--ds-z-toast);pointer-events:none;max-width:420px}.ds-toast{pointer-events:auto;background-color:var(--ds-color-bg-elevated);color:var(--ds-color-fg-default);border:1px solid var(--ds-color-border);border-left-width:4px;border-radius:var(--ds-radius-md);padding:var(--ds-space-3) var(--ds-space-4);box-shadow:var(--ds-shadow-lg);display:flex;align-items:flex-start;gap:var(--ds-space-3);font-size:var(--ds-fs-md);animation:ds-toast-slide-in var(--ds-motion-base)}.ds-toast--success{border-left-color:var(--ds-color-success)}.ds-toast--info{border-left-color:var(--ds-color-info)}.ds-toast--warning{border-left-color:var(--ds-color-warning)}.ds-toast--danger{border-left-color:var(--ds-color-danger)}.ds-toast__title{font-weight:var(--ds-fw-semibold);margin:0 0 var(--ds-space-1)}.ds-toast__body{color:var(--ds-color-fg-muted);font-size:var(--ds-fs-sm);margin:0}.ds-toast__close{background:none;border:none;color:var(--ds-color-fg-subtle);cursor:pointer;font-size:var(--ds-fs-lg);line-height:1;margin-left:auto;padding:0}@keyframes ds-toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ds-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--ds-radius-pill);font-size:var(--ds-fs-xs);font-weight:var(--ds-fw-semibold);background-color:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);white-space:nowrap;line-height:1.4}.ds-badge--neutral{background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted)}.ds-badge--brand{background:var(--ds-color-brand-soft);color:var(--ds-color-brand-strong)}.ds-badge--info{background:var(--ds-color-info-soft);color:var(--ds-color-info)}.ds-badge--success{background:var(--ds-color-success-soft);color:var(--ds-color-success)}.ds-badge--warning{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-badge--danger{background:var(--ds-color-danger-soft);color:var(--ds-color-danger)}.ds-badge--sm{padding:1px 6px;font-size:var(--ds-fs-2xs)}.ds-badge--lg{padding:4px 12px;font-size:var(--ds-fs-sm)}.ds-avatar{display:inline-flex;align-items:center;justify-content:center;background-color:var(--ds-color-bg-muted);color:var(--ds-color-fg-default);border-radius:var(--ds-radius-circle);overflow:hidden;font-weight:var(--ds-fw-semibold);-webkit-user-select:none;user-select:none;flex-shrink:0}.ds-avatar--sm{width:24px;height:24px;font-size:var(--ds-fs-xs)}.ds-avatar--md{width:32px;height:32px;font-size:var(--ds-fs-md)}.ds-avatar--lg{width:48px;height:48px;font-size:var(--ds-fs-xl)}.ds-avatar--xl{width:80px;height:80px;font-size:var(--ds-fs-3xl)}img.ds-avatar{object-fit:cover}.ds-spinner-wrapper{display:inline-flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-color-fg-muted)}.ds-spinner{display:inline-block;border:2px solid var(--ds-color-border);border-top-color:var(--ds-color-brand);border-radius:var(--ds-radius-circle);animation:ds-spin .7s linear infinite}.ds-spinner--sm{width:14px;height:14px;border-width:2px}.ds-spinner--md{width:20px;height:20px;border-width:2px}.ds-spinner--lg{width:32px;height:32px;border-width:3px}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-tabs{display:flex;gap:var(--ds-space-1);border-bottom:1px solid var(--ds-color-border);flex-wrap:wrap}.ds-tabs__tab{background:none;border:none;padding:var(--ds-space-2) var(--ds-space-3);font-family:var(--ds-font-sans);font-size:var(--ds-fs-md);color:var(--ds-color-fg-muted);cursor:pointer;display:inline-flex;align-items:center;gap:var(--ds-space-2);border-radius:var(--ds-radius-sm) var(--ds-radius-sm) 0 0;position:relative}.ds-tabs__tab:hover:not(:disabled){color:var(--ds-color-fg-default)}.ds-tabs__tab.is-active{color:var(--ds-color-brand);font-weight:var(--ds-fw-semibold)}.ds-tabs--underline .ds-tabs__tab.is-active:after{content:"";position:absolute;left:var(--ds-space-3);right:var(--ds-space-3);bottom:-1px;height:2px;background-color:var(--ds-color-brand)}.ds-tabs--pill .ds-tabs__tab{border-radius:var(--ds-radius-pill)}.ds-tabs--pill .ds-tabs__tab.is-active{background-color:var(--ds-color-brand-soft)}.ds-tabs__badge{background-color:var(--ds-color-bg-muted);border-radius:var(--ds-radius-pill);padding:1px 6px;font-size:var(--ds-fs-2xs)}.ds-sidebar{display:flex;flex-direction:column;gap:var(--ds-space-4);padding:var(--ds-space-3);background-color:var(--ds-color-bg-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-lg))}.ds-sidebar__brand{font-size:var(--ds-fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ds-color-fg-muted);font-weight:var(--ds-fw-semibold);padding:0 var(--ds-space-2)}.ds-sidebar__group{display:flex;flex-direction:column;gap:2px}.ds-sidebar__group-title{font-size:var(--ds-fs-xs);color:var(--ds-color-fg-subtle);text-transform:uppercase;letter-spacing:.05em;margin:var(--ds-space-2) 0 var(--ds-space-1) var(--ds-space-2)}.ds-sidebar__link{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-fs-sm);color:var(--ds-color-fg-default);border-radius:var(--ds-radius-sm);text-decoration:none;cursor:pointer;transition:background-color var(--ds-motion-fast);background:none;border:none;font-family:inherit;text-align:left;width:100%}.ds-sidebar__link:hover{background-color:var(--ds-color-bg-hover)}.ds-sidebar__link.is-active{background-color:var(--ds-color-brand-soft);color:var(--ds-color-brand);font-weight:var(--ds-fw-semibold)}.ds-sidebar__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.ds-sidebar__badge{margin-left:auto;background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);font-size:var(--ds-fs-2xs);padding:1px 6px;border-radius:var(--ds-radius-pill)}.ds-searchbar{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background-color:var(--ds-color-input-bg);border:1px solid var(--ds-color-input-border);border-radius:var(--ds-input-radius, var(--ds-radius-md));transition:border-color var(--ds-motion-fast)}.ds-searchbar:focus-within{border-color:var(--ds-color-border-focus);box-shadow:0 0 0 3px var(--ds-color-brand-soft)}.ds-searchbar__icon{color:var(--ds-color-fg-subtle)}.ds-searchbar__input{flex:1;border:none;outline:none;background:none;color:var(--ds-color-input-fg);font:inherit;min-width:0}.ds-searchbar__clear{background:none;border:none;color:var(--ds-color-fg-subtle);cursor:pointer;padding:2px}.ds-searchbar__clear:hover{color:var(--ds-color-fg-default)}.ds-empty{text-align:center;padding:var(--ds-space-7);color:var(--ds-color-fg-muted)}.ds-empty__icon{font-size:var(--ds-fs-4xl);margin-bottom:var(--ds-space-3)}.ds-empty__title{font-size:var(--ds-fs-lg);color:var(--ds-color-fg-default);margin:0 0 var(--ds-space-2)}.ds-empty__desc{font-size:var(--ds-fs-md);margin:0 0 var(--ds-space-4);max-width:360px;margin-left:auto;margin-right:auto}.ds-empty__action{display:inline-flex;gap:var(--ds-space-2)}.ds-file-upload__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-6);border:2px dashed var(--ds-color-border-strong);border-radius:var(--ds-card-radius, var(--ds-radius-md));background-color:var(--ds-color-bg-muted);cursor:pointer;text-align:center;transition:all var(--ds-motion-fast)}.ds-file-upload__zone:hover,.ds-file-upload.is-drag-over .ds-file-upload__zone{border-color:var(--ds-color-brand);background-color:var(--ds-color-brand-soft)}.ds-file-upload.is-disabled .ds-file-upload__zone{opacity:.6;cursor:not-allowed}.ds-file-upload.has-error .ds-file-upload__zone{border-color:var(--ds-color-danger)}.ds-file-upload__input{display:none}.ds-file-upload__icon{font-size:var(--ds-fs-3xl)}.ds-file-upload__label{margin-top:var(--ds-space-2);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default)}.ds-file-upload__hint{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted);margin-top:var(--ds-space-1)}.ds-file-upload__error{font-size:var(--ds-fs-sm);color:var(--ds-color-danger);margin-top:var(--ds-space-2)}.ds-tooltip{position:relative;display:inline-block}.ds-tooltip__bubble{position:absolute;background:var(--ds-color-fg-default);color:var(--ds-color-fg-inverted);padding:4px 8px;border-radius:var(--ds-radius-sm);font-size:var(--ds-fs-xs);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--ds-motion-fast),transform var(--ds-motion-fast);z-index:var(--ds-z-tooltip)}.ds-tooltip:hover .ds-tooltip__bubble,.ds-tooltip:focus-within .ds-tooltip__bubble{opacity:1;transform:translateY(0)}.ds-tooltip--top .ds-tooltip__bubble{bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}.ds-tooltip--top:hover .ds-tooltip__bubble{transform:translate(-50%)}.ds-tooltip--bottom .ds-tooltip__bubble{top:calc(100% + 6px);left:50%;transform:translate(-50%,-4px)}.ds-tooltip--bottom:hover .ds-tooltip__bubble{transform:translate(-50%)}.ds-tooltip--left .ds-tooltip__bubble{right:calc(100% + 6px);top:50%;transform:translate(4px,-50%)}.ds-tooltip--left:hover .ds-tooltip__bubble{transform:translateY(-50%)}.ds-tooltip--right .ds-tooltip__bubble{left:calc(100% + 6px);top:50%;transform:translate(-4px,-50%)}.ds-tooltip--right:hover .ds-tooltip__bubble{transform:translateY(-50%)}.ds-kv{display:flex;flex-direction:column;gap:var(--ds-space-2)}.ds-kv__header{display:grid;grid-template-columns:1fr 1fr 32px;gap:var(--ds-space-2);font-size:var(--ds-fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ds-color-fg-muted);padding:0 var(--ds-space-2)}.ds-kv__row{display:grid;grid-template-columns:1fr 1fr 32px;gap:var(--ds-space-2);align-items:center}.ds-kv__row--add{grid-template-columns:1fr 1fr auto}.ds-breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-1);font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted)}.ds-breadcrumb li{display:inline-flex;align-items:center;gap:var(--ds-space-1)}.ds-breadcrumb a{color:var(--ds-color-fg-muted);text-decoration:none}.ds-breadcrumb a:hover{color:var(--ds-color-fg-default)}.ds-breadcrumb li.is-current{color:var(--ds-color-fg-default);font-weight:var(--ds-fw-semibold)}.ds-breadcrumb__sep{color:var(--ds-color-fg-faint);margin:0 4px}.ds-topbar{display:flex;align-items:center;gap:var(--ds-space-3);padding:0 var(--ds-space-4);height:var(--ds-topbar-height);background-color:var(--ds-color-bg-surface);border-bottom:1px solid var(--ds-color-border)}.ds-topbar--sticky{position:sticky;top:0;z-index:var(--ds-z-fixed)}.ds-topbar__brand{font-weight:var(--ds-fw-semibold)}.ds-topbar__section{display:flex;align-items:center;gap:var(--ds-space-2)}.ds-topbar__center{flex:1;justify-content:center}.ds-topbar__right{margin-left:auto}.ds-checkbox-row,.ds-radio-row{display:inline-flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-fs-md);cursor:pointer}.ds-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--ds-fs-xs, .7rem);font-weight:var(--ds-fw-semibold, 600);line-height:1.4;border-radius:var(--ds-radius-pill, 999px);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.ds-pill--success{background:var(--ds-color-success-soft);color:var(--ds-color-success)}.ds-pill--warning{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-pill--danger,.ds-pill--error{background:var(--ds-color-danger-soft);color:var(--ds-color-danger)}.ds-pill--info{background:var(--ds-color-info-soft);color:var(--ds-color-info)}.ds-pill--brand{background:var(--ds-color-brand-soft);color:var(--ds-color-brand)}.ds-pill--neutral{background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted)}.ds-pill--sm{font-size:.65rem;padding:1px 6px}.ds-pill--lg{font-size:var(--ds-fs-sm, .85rem);padding:4px 12px}.ds-dot{display:inline-block;width:8px;height:8px;border-radius:var(--ds-radius-pill, 999px)}.ds-dot--success{background:var(--ds-color-success)}.ds-dot--warning{background:var(--ds-color-warning)}.ds-dot--danger{background:var(--ds-color-danger)}.ds-dot--info{background:var(--ds-color-info)}.ds-dot--brand{background:var(--ds-color-brand)}.ds-dot--neutral{background:var(--ds-color-fg-faint)}.ds-status-group{display:inline-flex;align-items:center;gap:var(--ds-space-1);flex-wrap:wrap}.ds-status-toggle{background:transparent;color:var(--ds-color-fg-muted);border:1px solid var(--ds-color-border);text-transform:none;letter-spacing:0;font-weight:var(--ds-fw-medium);cursor:pointer;transition:background var(--ds-motion-fast),color var(--ds-motion-fast),border-color var(--ds-motion-fast)}.ds-status-toggle:hover:not(:disabled):not(.is-active){background:var(--ds-color-bg-hover);color:var(--ds-color-fg-default);border-color:var(--ds-color-border-strong)}.ds-status-toggle:disabled{opacity:.7;cursor:default}.ds-status-toggle.is-active{border-color:transparent}.ds-status-toggle--warn.is-active{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-status-toggle--info.is-active{background:var(--ds-color-info-soft);color:var(--ds-color-info)}.ds-status-toggle--success.is-active{background:var(--ds-color-success-soft);color:var(--ds-color-success)}.ds-status-toggle--brand.is-active{background:var(--ds-color-brand-soft);color:var(--ds-color-brand)}.ds-status-toggle--danger.is-active{background:var(--ds-color-danger-soft);color:var(--ds-color-danger)}.ds-status-toggle--neutral.is-active{background:var(--ds-color-bg-muted);color:var(--ds-color-fg-default)}.ds-chat-thread{display:flex;flex-direction:column;gap:var(--ds-space-3);padding:var(--ds-space-2) 0;list-style:none;margin:0}.ds-chat-bubble{display:flex;flex-direction:column;max-width:72%;min-width:0}.ds-chat-bubble--in{align-self:flex-start}.ds-chat-bubble--out{align-self:flex-end}.ds-chat-bubble--note{align-self:center;max-width:60%}.ds-chat-bubble__row{display:flex;align-items:flex-end;gap:var(--ds-space-2);min-width:0}.ds-chat-bubble--out .ds-chat-bubble__row{flex-direction:row-reverse}.ds-chat-bubble__avatar{width:32px;height:32px;flex:0 0 32px;border-radius:var(--ds-radius-circle);display:inline-flex;align-items:center;justify-content:center;font-size:var(--ds-fs-xs);font-weight:var(--ds-fw-semibold);background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);text-transform:uppercase;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.ds-chat-bubble--in .ds-chat-bubble__avatar{background:var(--ds-color-info-soft);color:var(--ds-color-info)}.ds-chat-bubble--out .ds-chat-bubble__avatar{background:var(--ds-color-brand-soft);color:var(--ds-color-brand)}.ds-chat-bubble--note .ds-chat-bubble__avatar{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-chat-bubble__body{padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-lg);background:var(--ds-color-bg-elevated);color:var(--ds-color-fg-default);border:1px solid var(--ds-color-border);min-width:0;word-wrap:break-word;overflow-wrap:anywhere;transition:box-shadow var(--ds-motion-fast),transform var(--ds-motion-fast)}.ds-chat-bubble--in .ds-chat-bubble__body{background:var(--ds-color-bg-elevated);border-color:var(--ds-color-border);border-bottom-left-radius:var(--ds-radius-xs)}.ds-chat-bubble--out .ds-chat-bubble__body{background:var(--ds-color-brand-soft);border-color:transparent;border-bottom-right-radius:var(--ds-radius-xs)}.ds-chat-bubble--note .ds-chat-bubble__body{background:var(--ds-color-warning-soft);border-color:transparent;border-radius:var(--ds-radius-md)}.ds-chat-bubble--clickable .ds-chat-bubble__body{cursor:pointer}.ds-chat-bubble--clickable .ds-chat-bubble__body:hover{box-shadow:var(--ds-shadow-md);transform:translateY(-1px)}.ds-chat-bubble--compact .ds-chat-bubble__body{padding:var(--ds-space-2) var(--ds-space-3)}.ds-chat-bubble__meta{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-fs-xs);color:var(--ds-color-fg-subtle);margin:0 0 2px}.ds-chat-bubble--in .ds-chat-bubble__meta{padding-left:calc(32px + var(--ds-space-2))}.ds-chat-bubble--out .ds-chat-bubble__meta{padding-right:calc(32px + var(--ds-space-2));justify-content:flex-end}.ds-chat-bubble--note .ds-chat-bubble__meta{justify-content:center}.ds-chat-bubble__sender{font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-muted)}.ds-chat-bubble__greeting,.ds-chat-bubble__closing,.ds-chat-bubble__subject-echo{display:block;font-size:var(--ds-fs-sm);font-weight:var(--ds-fw-regular);line-height:var(--ds-lh-normal);color:var(--ds-color-fg-muted);opacity:.55;white-space:pre-wrap;word-break:break-word;margin-bottom:var(--ds-space-1)}.ds-chat-bubble__closing{margin-top:var(--ds-space-1);margin-bottom:0}.ds-chat-bubble__subject-echo{font-style:italic}.ds-chat-bubble__footnote-row{display:flex;flex-wrap:wrap;gap:var(--ds-space-3);margin-top:var(--ds-space-2);padding-top:var(--ds-space-1);border-top:1px dashed var(--ds-color-border)}.ds-chat-bubble__toggle{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;padding:2px 0;font:inherit;font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle);cursor:pointer;opacity:.7;transition:opacity var(--ds-motion-fast),color var(--ds-motion-fast)}.ds-chat-bubble__toggle:hover,.ds-chat-bubble__toggle.is-open{opacity:1;color:var(--ds-color-fg-muted)}.ds-chat-bubble__toggle-chev{font-size:var(--ds-fs-xs);line-height:1;display:inline-block;width:10px;text-align:center}.ds-chat-bubble__signature{display:block;margin:var(--ds-space-1) 0 0;padding:0;font-family:inherit;font-size:var(--ds-fs-2xs);font-weight:var(--ds-fw-regular);line-height:var(--ds-lh-normal);color:var(--ds-color-fg-muted);opacity:.5;white-space:pre-wrap;word-break:break-word;background:transparent;border:0}.ds-chat-bubble__quoted-reply{display:block;margin:var(--ds-space-1) 0 0;padding:4px 0 4px var(--ds-space-2);border-left:2px solid var(--ds-color-border);font-family:var(--ds-ff-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace);font-size:var(--ds-fs-2xs);line-height:var(--ds-lh-normal);color:var(--ds-color-fg-muted);opacity:.65;white-space:pre-wrap;word-break:break-word;background:transparent}.ds-chat-bubble__att-pill{display:inline-flex;align-items:center;gap:4px;margin-top:var(--ds-space-2);font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle)}.ds-chat-bubble__attachments{display:flex;flex-direction:column;gap:var(--ds-space-2);margin-top:var(--ds-space-2)}.ds-chat-bubble__att-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--ds-space-2);max-width:420px}.ds-chat-bubble__att-files{display:flex;flex-direction:column;gap:var(--ds-space-1)}.ds-chat-attachment{position:relative;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-bg-elevated);text-decoration:none;color:inherit;cursor:pointer;padding:0;transition:box-shadow var(--ds-motion-fast),border-color var(--ds-motion-fast),transform var(--ds-motion-fast)}.ds-chat-attachment:hover{border-color:var(--ds-color-brand);box-shadow:var(--ds-shadow-sm)}.ds-chat-attachment--image{width:100%;aspect-ratio:1 / 1;max-width:200px;max-height:200px;overflow:hidden;display:block}.ds-chat-attachment--image img{width:100%;height:100%;object-fit:cover;display:block}.ds-chat-attachment--image:hover img{transform:scale(1.02)}.ds-chat-attachment__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--ds-fs-lg);color:var(--ds-color-fg-subtle)}.ds-chat-attachment--file{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:6px var(--ds-space-2);font-size:var(--ds-fs-xs)}.ds-chat-attachment__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-color-fg-default)}.ds-chat-attachment__size{color:var(--ds-color-fg-subtle);font-size:var(--ds-fs-2xs);white-space:nowrap}.ds-chat-bubble__text strong{font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default)}.ds-chat-bubble__head{font-weight:var(--ds-fw-semibold);font-size:var(--ds-fs-sm);color:var(--ds-color-fg-default);margin-bottom:var(--ds-space-1);display:flex;align-items:center;gap:var(--ds-space-1);flex-wrap:wrap}.ds-chat-bubble__text{font-size:var(--ds-fs-sm);line-height:var(--ds-lh-normal);color:var(--ds-color-fg-default);white-space:pre-wrap;word-break:break-word;max-height:320px;overflow-y:auto;padding-right:var(--ds-space-1)}.ds-chat-bubble__foot{display:flex;align-items:center;gap:var(--ds-space-2);margin-top:var(--ds-space-2);font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle);flex-wrap:wrap}.ds-chat-bubble--out .ds-chat-bubble__foot{justify-content:flex-end}@media (max-width: 640px){.ds-chat-bubble,.ds-chat-bubble--note{max-width:88%}.ds-chat-bubble__avatar{width:28px;height:28px;flex-basis:28px}.ds-chat-bubble--in .ds-chat-bubble__meta{padding-left:calc(28px + var(--ds-space-2))}.ds-chat-bubble--out .ds-chat-bubble__meta{padding-right:calc(28px + var(--ds-space-2))}}.ds-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:var(--ds-radius-circle, 999px);font-size:var(--ds-fs-xs);font-weight:var(--ds-fw-semibold);background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);text-transform:uppercase;letter-spacing:.02em;-webkit-user-select:none;user-select:none;overflow:hidden;position:relative}.ds-avatar--xs{width:20px;height:20px;flex-basis:20px;font-size:.625rem}.ds-avatar--sm{width:24px;height:24px;flex-basis:24px;font-size:.7rem}.ds-avatar--md{width:32px;height:32px;flex-basis:32px}.ds-avatar--lg{width:40px;height:40px;flex-basis:40px;font-size:var(--ds-fs-sm)}.ds-avatar--xl{width:56px;height:56px;flex-basis:56px;font-size:var(--ds-fs-md)}.ds-avatar--brand{background:var(--ds-color-brand-soft);color:var(--ds-color-brand)}.ds-avatar--info{background:var(--ds-color-info-soft);color:var(--ds-color-info)}.ds-avatar--success{background:var(--ds-color-success-soft);color:var(--ds-color-success)}.ds-avatar--warning{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-avatar--danger{background:var(--ds-color-danger-soft);color:var(--ds-color-danger)}.ds-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.ds-avatar-stack{display:inline-flex;align-items:center}.ds-avatar-stack>.ds-avatar,.ds-avatar-stack>.ds-avatar-stack__more{border:2px solid var(--ds-color-bg-elevated);margin-left:-8px}.ds-avatar-stack>.ds-avatar:first-child,.ds-avatar-stack>.ds-avatar-stack__more:first-child{margin-left:0}.ds-avatar-stack--sm>.ds-avatar,.ds-avatar-stack--sm>.ds-avatar-stack__more{margin-left:-6px}.ds-avatar-stack__more{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ds-radius-circle, 999px);background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);font-size:var(--ds-fs-xs);font-weight:var(--ds-fw-semibold)}.ds-avatar-stack--sm .ds-avatar-stack__more{width:24px;height:24px;font-size:.7rem}.ds-kanban{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--ds-space-3);height:calc(100vh - var(--ds-topbar-height, 56px));min-height:0;overflow:hidden}@media (max-width: 800px){.ds-kanban{grid-template-columns:1fr;height:auto}}.ds-kanban__sidebar{background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);display:flex;flex-direction:column;overflow:hidden;min-height:0}.ds-kanban__sidebar-head{padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2)}.ds-kanban__sidebar-head h2{margin:0;font-size:var(--ds-fs-md);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default)}.ds-kanban-board-list{list-style:none;margin:0;padding:var(--ds-space-1);display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0}.ds-kanban-board-list__item{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);cursor:pointer;color:var(--ds-color-fg-default);font-size:var(--ds-fs-sm);transition:background-color var(--ds-motion-fast);border:none;background:transparent;width:100%;text-align:left;min-width:0}.ds-kanban-board-list__item:hover{background:var(--ds-color-bg-hover)}.ds-kanban-board-list__item.is-active{background:var(--ds-color-brand-soft);color:var(--ds-color-brand);font-weight:var(--ds-fw-semibold)}.ds-kanban-board-list__dot{width:8px;height:8px;flex:0 0 8px;border-radius:var(--ds-radius-circle, 999px);background:var(--ds-color-fg-faint)}.ds-kanban-board-list__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-kanban-board-list__count{font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle);font-variant-numeric:tabular-nums}.ds-kanban__main{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);overflow:hidden}.ds-kanban__header{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-color-border);background:var(--ds-color-bg-elevated)}.ds-kanban__title{margin:0;font-size:var(--ds-fs-lg);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:var(--ds-space-2)}.ds-kanban__title-dot{width:12px;height:12px;border-radius:var(--ds-radius-circle, 999px);flex:0 0 12px}.ds-kanban-cols{display:flex;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);overflow-x:auto;overflow-y:hidden;flex:1;min-height:0;align-items:flex-start}.ds-kanban-col{flex:0 0 280px;display:flex;flex-direction:column;background:var(--ds-color-bg-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);max-height:100%;min-height:0}.ds-kanban-col__head{padding:var(--ds-space-2) var(--ds-space-3);display:flex;align-items:center;gap:var(--ds-space-2);border-bottom:1px solid var(--ds-color-border)}.ds-kanban-col__name{flex:1;font-weight:var(--ds-fw-semibold);font-size:var(--ds-fs-sm);color:var(--ds-color-fg-default);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-kanban-col__count{font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle);font-variant-numeric:tabular-nums}.ds-kanban-col__count.is-over{color:var(--ds-color-danger);font-weight:var(--ds-fw-semibold)}.ds-kanban-col__body{flex:1;overflow-y:auto;padding:var(--ds-space-2);display:flex;flex-direction:column;gap:var(--ds-space-2);min-height:80px}.ds-kanban-card{background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-2) var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-1);cursor:pointer;transition:transform var(--ds-motion-fast),box-shadow var(--ds-motion-fast),border-color var(--ds-motion-fast);position:relative}.ds-kanban-card:hover{transform:translateY(-1px);box-shadow:var(--ds-shadow-sm);border-color:var(--ds-color-border-strong)}.ds-kanban-card:hover .ds-kanban-card__moves{opacity:1}.ds-kanban-card__head{font-size:var(--ds-fs-sm);font-weight:var(--ds-fw-medium);color:var(--ds-color-fg-default);line-height:var(--ds-lh-normal);word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ds-kanban-card__tags{display:flex;gap:4px;flex-wrap:wrap}.ds-kanban-tag{display:inline-flex;align-items:center;padding:1px 6px;font-size:.65rem;font-weight:var(--ds-fw-semibold);border-radius:var(--ds-radius-pill, 999px);white-space:nowrap;letter-spacing:.02em;background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted)}.ds-kanban-card__foot{display:flex;align-items:center;gap:var(--ds-space-2);margin-top:4px;font-size:var(--ds-fs-2xs);color:var(--ds-color-fg-subtle)}.ds-kanban-card__progress{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.ds-kanban-card__progress.is-done{color:var(--ds-color-success)}.ds-kanban-card__due{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:var(--ds-radius-pill, 999px);background:var(--ds-color-bg-muted);color:var(--ds-color-fg-muted);font-variant-numeric:tabular-nums}.ds-kanban-card__due.is-overdue{background:var(--ds-color-danger-soft);color:var(--ds-color-danger)}.ds-kanban-card__due.is-soon{background:var(--ds-color-warning-soft);color:var(--ds-color-warning)}.ds-kanban-card__spacer{flex:1}.ds-kanban-card__moves{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity var(--ds-motion-fast)}.ds-kanban-card__move-btn{width:20px;height:20px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-color-border);background:var(--ds-color-bg-elevated);color:var(--ds-color-fg-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:.7rem;line-height:1}.ds-kanban-card__move-btn:hover:not(:disabled){background:var(--ds-color-bg-hover);color:var(--ds-color-fg-default)}.ds-kanban-card__move-btn:disabled{opacity:.35;cursor:not-allowed}.ds-kanban__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-3);padding:var(--ds-space-7) var(--ds-space-5);text-align:center;color:var(--ds-color-fg-muted);flex:1}.ds-kanban__empty h3{margin:0;font-size:var(--ds-fs-lg);color:var(--ds-color-fg-default)}.ds-kanban-col--add{background:transparent;border:1px dashed var(--ds-color-border);align-items:center;justify-content:center;padding:var(--ds-space-3);color:var(--ds-color-fg-muted);cursor:pointer;font-size:var(--ds-fs-sm);min-height:80px;flex:0 0 200px}.ds-kanban-col--add:hover{background:var(--ds-color-bg-hover);color:var(--ds-color-fg-default);border-color:var(--ds-color-border-strong)}.ds-kanban-col__add{background:transparent;border:1px dashed var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-fg-muted);padding:var(--ds-space-2);font-size:var(--ds-fs-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-1)}.ds-kanban-col__add:hover{background:var(--ds-color-bg-elevated);color:var(--ds-color-fg-default)}.ds-kanban-quick-add{background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-brand);border-radius:var(--ds-radius-md);padding:var(--ds-space-2);display:flex;flex-direction:column;gap:var(--ds-space-2)}.ds-kanban-quick-add textarea{width:100%;min-height:60px;resize:vertical;border:none;background:transparent;color:var(--ds-color-fg-default);font-size:var(--ds-fs-sm);font-family:inherit;outline:none;padding:0}.ds-kanban-quick-add__actions{display:flex;gap:var(--ds-space-1);justify-content:flex-end}.ds-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;min-height:100vh;padding:var(--ds-space-5);padding-top:max(var(--ds-space-5),calc(env(safe-area-inset-top,0px) + var(--ds-space-4)));background:var(--ds-color-bg-app);position:relative;overflow:hidden}.ds-login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 110%,var(--ds-color-brand-soft) 0%,transparent 70%);pointer-events:none}.ds-login__card{position:relative;width:100%;max-width:420px;background:var(--ds-color-bg-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-xl));box-shadow:var(--ds-shadow-xl),inset 0 1px #ffffff0d;padding:clamp(var(--ds-space-6),5vw,var(--ds-space-7));display:flex;flex-direction:column;gap:var(--ds-space-5)}@supports (backdrop-filter: blur(20px)){.ds-login__card{background:color-mix(in srgb,var(--ds-color-bg-elevated) 70%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.ds-login__logo{display:flex;justify-content:center}.ds-login__logo img{max-width:140px;max-height:80px;height:auto;width:auto}.ds-login__logo>*:not(img){width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--ds-color-brand);color:var(--ds-color-fg-inverted);border-radius:var(--ds-radius-lg);font-size:var(--ds-fs-2xl);font-weight:var(--ds-fw-bold)}.ds-login__header{text-align:center}.ds-login__header h1{margin:0 0 var(--ds-space-2);font-size:var(--ds-fs-2xl);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default)}.ds-login__header p{margin:0;font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted)}.ds-login__form{display:flex;flex-direction:column;gap:var(--ds-space-4)}.ds-login__error{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-color-danger-soft);color:var(--ds-color-danger);border-radius:var(--ds-radius-md);font-size:var(--ds-fs-sm);border:1px solid var(--ds-color-danger);border-color:color-mix(in srgb,var(--ds-color-danger) 40%,transparent)}.ds-login__extra{margin-top:var(--ds-space-3);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-color-border);display:flex;flex-direction:column;gap:var(--ds-space-2);position:relative}.ds-login__extra:before{content:"oder";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--ds-color-bg-elevated);color:var(--ds-color-fg-subtle);font-size:var(--ds-fs-xs);padding:0 var(--ds-space-2);text-transform:uppercase;letter-spacing:.08em}.ds-login__sso-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-bg-surface);color:var(--ds-color-fg-default);font-weight:var(--ds-fw-medium);font-size:var(--ds-fs-sm);cursor:pointer;text-decoration:none;transition:background .12s ease,border-color .12s ease}.ds-login__sso-btn:hover{background:var(--ds-color-bg-hover);border-color:var(--ds-color-border-focus)}.ds-login__sso-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ds-login__sso-icon{width:18px;height:18px}.ds-brand{display:inline-flex;align-items:center;gap:var(--ds-space-2);text-decoration:none;color:var(--ds-color-fg-default);background:none;border:none;padding:0;cursor:default;font-family:var(--ds-font-sans);-webkit-user-select:none;user-select:none}a.ds-brand,button.ds-brand{cursor:pointer;transition:opacity var(--ds-motion-fast)}a.ds-brand:hover,button.ds-brand:hover{opacity:.85}.ds-brand__logo{display:block;height:var(--ds-brand-logo-size, 28px);width:auto;flex-shrink:0}.ds-brand__name{font-weight:var(--ds-fw-semibold);font-size:var(--ds-fs-lg);line-height:var(--ds-lh-tight);letter-spacing:-.01em;white-space:nowrap}.ds-brand__primary{color:var(--ds-color-fg-default)}.ds-brand__suffix{color:var(--ds-color-brand);font-weight:var(--ds-fw-bold)}.ds-brand--sm{--ds-brand-logo-size: 22px;gap:var(--ds-space-1)}.ds-brand--sm .ds-brand__name{font-size:var(--ds-fs-md)}.ds-brand--md{--ds-brand-logo-size: 28px}.ds-brand--lg{--ds-brand-logo-size: 40px}.ds-brand--lg .ds-brand__name{font-size:var(--ds-fs-2xl)}.ds-brand--xl{--ds-brand-logo-size: 64px;gap:var(--ds-space-3)}.ds-brand--xl .ds-brand__name{font-size:var(--ds-fs-3xl)}.aurora-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--ds-aurora-base, #060c2e);pointer-events:none}html[data-bg-animation=aurora]:not([data-theme=moby-aurora]){--ds-aurora-base: #060c2e}html[data-bg-animation=aurora][data-color-mode=light]:not([data-theme=moby-aurora]){--ds-aurora-base: #b2e0d4}html.aurora-active,html[data-theme=moby-aurora]{background:var(--ds-aurora-base, var(--ds-color-bg-app, #060c2e))}html.aurora-active body,html.aurora-active .app-shell,html.aurora-active #root,html[data-theme=moby-aurora] body,html[data-theme=moby-aurora] .app-shell,html[data-theme=moby-aurora] #root{background:transparent!important}.aurora-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 70% at 0% 50%,rgba(18,30,120,.95) 0%,transparent 60%),radial-gradient(ellipse 80% 80% at 100% 60%,rgba(8,20,100,.85) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(5,15,90,.8) 0%,transparent 55%)}.aurora-layer-1{position:absolute;width:130%;height:80%;top:15%;left:-15%;background:radial-gradient(ellipse 65% 55% at 40% 55%,rgba(var(--ds-aurora-c1, 0, 225, 210),.82) 0%,rgba(var(--ds-aurora-c1, 0, 190, 200),.55) 40%,transparent 70%),radial-gradient(ellipse 45% 50% at 70% 45%,rgba(var(--ds-aurora-c1, 20, 210, 220),.65) 0%,transparent 65%);border-radius:40% 60% 55% 45%/55% 45% 65% 35%;filter:blur(22px);animation:aurora-drift-1 16s ease-in-out infinite alternate;will-change:transform,opacity;mix-blend-mode:screen}.aurora-layer-2{position:absolute;width:150%;height:90%;top:-10%;left:-25%;background:radial-gradient(ellipse 60% 55% at 35% 40%,rgba(var(--ds-aurora-c2, 30, 80, 220),.75) 0%,rgba(var(--ds-aurora-c2, 15, 55, 200),.5) 45%,transparent 70%),radial-gradient(ellipse 50% 60% at 75% 65%,rgba(var(--ds-aurora-c2, 10, 45, 190),.65) 0%,transparent 65%);border-radius:55% 45% 40% 60%/45% 60% 40% 55%;filter:blur(28px);animation:aurora-drift-2 20s ease-in-out infinite alternate;will-change:transform,opacity;mix-blend-mode:screen}.aurora-layer-3{position:absolute;width:110%;height:70%;top:5%;left:-10%;background:radial-gradient(ellipse 50% 60% at 20% 45%,rgba(var(--ds-aurora-c3, 255, 90, 120),.6) 0%,rgba(var(--ds-aurora-c3, 230, 70, 100),.38) 45%,transparent 68%),radial-gradient(ellipse 35% 45% at 55% 25%,rgba(var(--ds-aurora-c3, 255, 110, 130),.45) 0%,transparent 62%);border-radius:45% 55% 60% 40%/60% 40% 50% 50%;filter:blur(25px);animation:aurora-drift-3 24s ease-in-out infinite alternate;will-change:transform,opacity;mix-blend-mode:screen}.aurora-layer-4{position:absolute;width:80%;height:55%;top:-5%;right:-10%;background:radial-gradient(ellipse 55% 60% at 65% 40%,rgba(var(--ds-aurora-c4, 255, 190, 60),.55) 0%,rgba(var(--ds-aurora-c4, 255, 140, 40),.35) 45%,transparent 68%),radial-gradient(ellipse 35% 40% at 85% 20%,rgba(var(--ds-aurora-c4, 255, 210, 80),.42) 0%,transparent 60%);border-radius:50% 50% 40% 60%/40% 55% 55% 45%;filter:blur(30px);animation:aurora-drift-4 28s ease-in-out infinite alternate;will-change:transform,opacity;mix-blend-mode:screen}.aurora-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,255,255,.75) 0%,transparent 100%),radial-gradient(1px 1px at 28% 38%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(1px 1px at 42% 9%,rgba(255,255,255,.65) 0%,transparent 100%),radial-gradient(1px 1px at 57% 58%,rgba(255,255,255,.45) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 72% 22%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 88% 42%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(1px 1px at 17% 72%,rgba(255,255,255,.45) 0%,transparent 100%),radial-gradient(1px 1px at 62% 82%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(2px 2px at 50% 28%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 93% 14%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 35% 92%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(2px 2px at 78% 90%,rgba(255,255,255,.75) 0%,transparent 100%);opacity:.8;animation:stars-twinkle 7s ease-in-out infinite alternate}@keyframes aurora-drift-1{0%{transform:translate(0) scale(1) rotate(0);opacity:.85}30%{transform:translate(6%,-4%) scale(1.06) rotate(2deg);opacity:.95}65%{transform:translate(-4%,6%) scale(.96) rotate(-2deg);opacity:.8}to{transform:translate(3%,2%) scale(1.04) rotate(1deg);opacity:.9}}@keyframes aurora-drift-2{0%{transform:translate(0) scale(1.02);opacity:.78}40%{transform:translate(-6%,5%) scale(.95);opacity:.88}70%{transform:translate(8%,-3%) scale(1.07);opacity:.8}to{transform:translate(2%,6%) scale(1);opacity:.82}}@keyframes aurora-drift-3{0%{transform:translate(0) scale(1) rotate(0);opacity:.72}35%{transform:translate(5%,-6%) scale(1.07) rotate(-3deg);opacity:.85}70%{transform:translate(-5%,4%) scale(.94) rotate(2deg);opacity:.75}to{transform:translate(3%,3%) scale(1.03) rotate(-1deg);opacity:.78}}@keyframes aurora-drift-4{0%{transform:translate(0) scale(1);opacity:.68}45%{transform:translate(-5%,5%) scale(1.08);opacity:.8}to{transform:translate(4%,-4%) scale(.95);opacity:.7}}@keyframes stars-twinkle{0%{opacity:.55}50%{opacity:.9}to{opacity:.65}}@media (prefers-reduced-motion: reduce){.aurora-layer-1,.aurora-layer-2,.aurora-layer-3,.aurora-layer-4,.aurora-stars{animation:none}}html[data-color-mode=light] .aurora-layer-1,html[data-color-mode=light] .aurora-layer-2,html[data-color-mode=light] .aurora-layer-3,html[data-color-mode=light] .aurora-layer-4{mix-blend-mode:multiply;opacity:.55}html[data-color-mode=light] .aurora-background:before{background:radial-gradient(ellipse 100% 70% at 0% 50%,rgba(13,148,136,.18) 0%,transparent 60%),radial-gradient(ellipse 80% 80% at 100% 60%,rgba(20,184,166,.14) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(52,211,153,.12) 0%,transparent 55%)}html[data-color-mode=light] .aurora-stars{opacity:0}html[data-surface-style=liquid-glass]{--ds-glass-bg: rgba(255, 255, 255, .06);--ds-glass-bg-strong: rgba(255, 255, 255, .1);--ds-glass-border: rgba(255, 255, 255, .18);--ds-glass-highlight: rgba(255, 255, 255, .1);--ds-glass-shadow: 0 8px 32px rgba(0, 0, 0, .25);--ds-glass-blur: blur(40px) saturate(160%)}html[data-surface-style=liquid-glass][data-color-mode=light]{--ds-glass-bg: rgba(255, 255, 255, .55);--ds-glass-bg-strong: rgba(255, 255, 255, .7);--ds-glass-border: rgba(0, 0, 0, .06);--ds-glass-highlight: rgba(255, 255, 255, .5);--ds-glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--ds-glass-blur: blur(30px) saturate(160%)}html[data-surface-style=liquid-glass] .ds-card,html[data-surface-style=liquid-glass] .card,html[data-surface-style=liquid-glass] .dash-card,html[data-surface-style=liquid-glass] .event-bubble,html[data-surface-style=liquid-glass] .customer-pane__section,html[data-surface-style=liquid-glass] .ofc__row,html[data-surface-style=liquid-glass] .ofc__others,html[data-surface-style=liquid-glass] .ds-modal__panel,html[data-surface-style=liquid-glass] .modal-panel,html[data-surface-style=liquid-glass] .mail-modal,html[data-surface-style=liquid-glass] [data-glass=surface],html[data-surface-style=liquid-glass] [data-surface=card]{background:var(--ds-glass-bg);-webkit-backdrop-filter:var(--ds-glass-blur);backdrop-filter:var(--ds-glass-blur);border:1px solid var(--ds-glass-border);box-shadow:inset 0 1px 0 var(--ds-glass-highlight),var(--ds-glass-shadow)}html[data-surface-style=liquid-glass] .ds-modal__panel,html[data-surface-style=liquid-glass] .modal-panel,html[data-surface-style=liquid-glass] .mail-modal,html[data-surface-style=liquid-glass] [data-glass=modal]{background:var(--ds-glass-bg-strong)}html[data-surface-style=liquid-glass] [data-glass=surface] input,html[data-surface-style=liquid-glass] [data-glass=surface] textarea,html[data-surface-style=liquid-glass] [data-glass=surface] select,html[data-surface-style=liquid-glass] .ds-card input,html[data-surface-style=liquid-glass] .ds-card textarea,html[data-surface-style=liquid-glass] .ds-card select{background:#ffffff0a;border:1px solid var(--ds-glass-border)}html[data-surface-style=liquid-glass][data-color-mode=light] [data-glass=surface] input,html[data-surface-style=liquid-glass][data-color-mode=light] [data-glass=surface] textarea,html[data-surface-style=liquid-glass][data-color-mode=light] [data-glass=surface] select,html[data-surface-style=liquid-glass][data-color-mode=light] .ds-card input,html[data-surface-style=liquid-glass][data-color-mode=light] .ds-card textarea,html[data-surface-style=liquid-glass][data-color-mode=light] .ds-card select{background:#ffffffd9}@media (prefers-reduced-motion: reduce){html[data-surface-style=liquid-glass] .ds-card,html[data-surface-style=liquid-glass] .card,html[data-surface-style=liquid-glass] .dash-card,html[data-surface-style=liquid-glass] .event-bubble{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.ds-info-hint{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.ds-info-hint--inline{margin-left:var(--ds-space-1, 4px)}.ds-info-hint__btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:var(--ds-color-fg-muted);border-radius:999px;cursor:pointer;transition:background var(--ds-motion-fast, .15s),color var(--ds-motion-fast, .15s)}.ds-info-hint__btn:hover,.ds-info-hint__btn:focus-visible,.ds-info-hint[aria-expanded=true] .ds-info-hint__btn{background:var(--ds-color-bg-subtle, rgba(127, 127, 127, .12));color:var(--ds-color-fg-default);outline:none}.ds-info-hint__btn:focus-visible{box-shadow:0 0 0 2px var(--ds-color-border-focus, rgba(99, 102, 241, .5))}.ds-info-hint__bubble{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--ds-z-popover, 900);display:block;width:max-content;max-width:min(360px,80vw);padding:var(--ds-space-3, 12px) var(--ds-space-4, 16px);background:var(--ds-color-bg-elevated, var(--ds-color-bg-surface, #fff));color:var(--ds-color-fg-default, #1a1a1a);border:1px solid var(--ds-color-border-default, rgba(127, 127, 127, .2));border-radius:var(--ds-radius-md, 8px);box-shadow:var(--ds-shadow-lg, 0 8px 24px rgba(0, 0, 0, .18));font-size:var(--ds-fs-sm, 13px);line-height:1.5;white-space:normal;animation:ds-info-hint-fade-in var(--ds-motion-fast, .15s)}.ds-info-hint__bubble:before{content:"";position:absolute;top:-5px;left:8px;width:10px;height:10px;background:inherit;border-left:1px solid var(--ds-color-border-default, rgba(127, 127, 127, .2));border-top:1px solid var(--ds-color-border-default, rgba(127, 127, 127, .2));transform:rotate(45deg)}.ds-info-hint__title{display:block;margin-bottom:var(--ds-space-1, 4px);font-weight:600;font-size:var(--ds-fs-sm, 13px);color:var(--ds-color-fg-default)}.ds-info-hint__body{display:block;color:var(--ds-color-fg-muted, var(--ds-color-fg-default))}.ds-info-hint__bubble--tooltip{opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity var(--ds-motion-fast, .15s),transform var(--ds-motion-fast, .15s)}.ds-info-hint--tooltip:hover .ds-info-hint__bubble--tooltip,.ds-info-hint--tooltip:focus-within .ds-info-hint__bubble--tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.ds-info-hint__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-z-modal, 1000);background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--ds-space-4, 16px);animation:ds-info-hint-fade-in var(--ds-motion-fast, .18s)}.ds-info-hint__modal{width:100%;max-width:520px;max-height:calc(100vh - 64px);display:flex;flex-direction:column;background:var(--ds-color-bg-surface, #fff);color:var(--ds-color-fg-default);border-radius:var(--ds-radius-lg, 12px);box-shadow:var(--ds-shadow-xl, 0 16px 48px rgba(0, 0, 0, .28));overflow:hidden;animation:ds-info-hint-scale-in var(--ds-motion-base, .18s)}.ds-info-hint__modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3, 12px);padding:var(--ds-space-4, 16px) var(--ds-space-5, 20px);border-bottom:1px solid var(--ds-color-border-default, rgba(127, 127, 127, .15))}.ds-info-hint__modal-header h3{margin:0;font-size:var(--ds-fs-md, 15px);font-weight:600}.ds-info-hint__modal-close{width:28px;height:28px;border:0;background:transparent;color:var(--ds-color-fg-muted);border-radius:999px;cursor:pointer;font-size:16px;line-height:1}.ds-info-hint__modal-close:hover,.ds-info-hint__modal-close:focus-visible{background:var(--ds-color-bg-subtle, rgba(127, 127, 127, .12));color:var(--ds-color-fg-default);outline:none}.ds-info-hint__modal-body{padding:var(--ds-space-4, 16px) var(--ds-space-5, 20px);font-size:var(--ds-fs-sm, 13px);line-height:1.6;color:var(--ds-color-fg-default);overflow-y:auto}@keyframes ds-info-hint-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-info-hint-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ds-theme-picker{display:flex;flex-direction:column;gap:var(--ds-space-6)}.ds-theme-picker__section{display:flex;flex-direction:column;gap:var(--ds-space-3)}.ds-theme-picker__heading{font-size:var(--ds-fs-md);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default);margin:0}.ds-theme-picker__hint{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted);margin:0}.ds-theme-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ds-space-3)}.ds-theme-picker__option{display:block;padding:var(--ds-space-3);border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius, var(--ds-radius-md));background-color:var(--ds-color-bg-elevated);cursor:pointer;transition:border-color var(--ds-motion-fast),box-shadow var(--ds-motion-fast)}.ds-theme-picker__option:hover{border-color:var(--ds-color-border-strong)}.ds-theme-picker__option.is-selected{border-color:var(--ds-color-brand);box-shadow:0 0 0 3px var(--ds-color-brand-soft)}.ds-theme-picker__option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.ds-theme-picker__option-body{display:flex;flex-direction:column;gap:var(--ds-space-1)}.ds-theme-picker__option-title{font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-default)}.ds-theme-picker__option-desc{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted)}.ds-theme-picker__swatch{margin-top:var(--ds-space-2);height:32px;border-radius:var(--ds-radius-sm);background:linear-gradient(90deg,var(--ds-color-bg-app) 0% 25%,var(--ds-color-bg-surface) 25% 50%,var(--ds-color-brand) 50% 75%,var(--ds-color-accent) 75% 100%);border:1px solid var(--ds-color-border)}.ds-theme-picker__radios{display:flex;flex-wrap:wrap;gap:var(--ds-space-3)}.ds-theme-picker__radio{display:inline-flex;align-items:center;gap:var(--ds-space-2);cursor:pointer;font-size:var(--ds-fs-md);color:var(--ds-color-fg-default)}.ds-theme-picker__custom{display:flex;flex-direction:column;gap:var(--ds-space-2)}.ds-theme-picker__custom-row{display:grid;grid-template-columns:1fr 40px 120px;gap:var(--ds-space-3);align-items:center}.ds-theme-picker__custom-label{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-default)}.ds-theme-picker__color-input{width:40px;height:36px;padding:0;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);cursor:pointer;background:none}.ds-theme-picker__hex-input{font-family:var(--ds-font-mono);font-size:var(--ds-fs-sm)}.ds-theme-picker__lock{margin-left:6px;font-size:.85em;opacity:.6}.ds-theme-picker__lock-box{border:1px dashed var(--ds-color-border-strong);background:var(--ds-color-bg-muted);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-3);align-items:flex-start}.ds-theme-picker__custom-name{font-size:var(--ds-fs-sm);color:var(--ds-color-fg-muted);background:var(--ds-color-bg-muted);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-sm);display:inline-block}.ds-theme-picker__radio.is-selected{border-color:var(--ds-color-brand);background:var(--ds-color-brand-soft)}.ds-theme-picker__sub-heading{font-size:var(--ds-fs-xs);font-weight:var(--ds-fw-semibold);color:var(--ds-color-fg-muted);text-transform:uppercase;letter-spacing:.08em;margin:var(--ds-space-3) 0 var(--ds-space-2)}.ds-theme-picker__dup-btn{margin-top:var(--ds-space-2);align-self:flex-start}.ds-theme-picker__custom-actions{display:flex;gap:var(--ds-space-2);margin-top:var(--ds-space-2);flex-wrap:wrap}.ds-theme-picker__danger-btn:hover{color:var(--ds-color-danger)}html[data-theme]{--color-primary: var(--ds-color-brand) !important;--color-primary-dark: var(--ds-color-brand-strong) !important;--color-primary-hover: var(--ds-color-brand-hover) !important;--color-primary-light: var(--ds-color-brand-soft) !important;--color-secondary: var(--ds-color-accent) !important;--color-secondary-dark: var(--ds-color-accent-hover) !important;--color-info: var(--ds-color-info) !important;--color-info-light: var(--ds-color-info-soft) !important;--color-accent-blue: var(--ds-color-accent) !important;--color-accent-blue-light: var(--ds-color-accent-soft) !important;--color-success: var(--ds-color-success) !important;--color-success-light: var(--ds-color-success-soft) !important;--color-warning: var(--ds-color-warning) !important;--color-warning-light: var(--ds-color-warning-soft) !important;--color-danger: var(--ds-color-danger) !important;--color-danger-light: var(--ds-color-danger-soft) !important;--color-moby-bg-alt: var(--ds-color-bg-muted) !important;--color-moby-card-dark: var(--ds-color-bg-elevated) !important;--color-moby-bar-gray: var(--ds-color-bg-surface) !important;--color-moby-text: var(--ds-color-fg-default) !important;--color-moby-text-muted: var(--ds-color-fg-muted) !important;--color-moby-footer: var(--ds-color-brand-strong) !important;--color-moby-footer-dark: var(--ds-color-brand-strong) !important;--color-moby-accent: var(--ds-color-brand) !important;--color-moby-accent-hover: var(--ds-color-brand-hover) !important;--config-accent-step: var(--ds-color-brand) !important;--config-bg-main: var(--ds-color-bg-surface) !important;--config-bg-main-alt: var(--ds-color-bg-muted) !important;--config-bg-footer: var(--ds-color-brand-strong) !important;--config-text: var(--ds-color-fg-default) !important;--config-text-muted: var(--ds-color-fg-muted) !important;--color-white: var(--ds-color-bg-surface) !important;--shadow-sm: var(--ds-shadow-sm);--shadow-md: var(--ds-shadow-md);--shadow-lg: var(--ds-shadow-lg);--shadow-card: var(--ds-shadow-md);--whale-water-dark: var(--ds-color-bg-app) !important;--whale-water-light: var(--ds-color-bg-surface) !important;--whale-loading-bg-start: var(--ds-color-bg-surface) !important;--whale-loading-bg-mid: var(--ds-color-brand) !important;--whale-loading-bg-end: var(--ds-color-bg-app) !important}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Inter-Black.woff2) format("woff2")}:root{--color-primary: #3b82f6;--color-primary-dark: #5568d3;--color-primary-light: #e8eaf6;--color-primary-hover: #5568d3;--color-secondary: #764ba2;--color-secondary-dark: #2d5a8f;--color-secondary-light: #f3e5f5;--color-success: #28a745;--color-success-light: #d4edda;--color-success-dark: #1e7e34;--color-warning: #ffc107;--color-warning-light: #fff3e0;--color-warning-dark: #e0a800;--color-danger: var(--color-moby-heart-red, #fe3101);--color-danger-light: #f8d7da;--color-info: #3b82f6;--color-info-light: #e8eaf6;--color-accent-blue-light: #e3f2fd;--color-accent-blue: #007bff;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-2xs: .7rem;--font-size-sm: .85rem;--font-size-md: .9rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-2-5xl: 2.5rem;--font-size-3xl: 2rem;--font-size-3-25xl: 3.25rem;--font-size-4xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-style-normal: normal;--font-style-italic: italic;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50%;--shadow-sm: 0 2px 4px rgba(59, 130, 246, .1);--shadow-md: 0 4px 12px rgba(59, 130, 246, .15);--shadow-lg: 0 8px 24px rgba(59, 130, 246, .2);--shadow-xl: 0 12px 40px rgba(59, 130, 246, .25);--shadow-card: 0 10px 40px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-behind: -1;--z-base: 1;--z-panel-bg-overlay: 9;--z-panel: 10;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 1000;--z-fixed-above: 1010;--z-overlay: 1500;--z-modal: 2000;--z-toast: 2500;--z-tooltip: 3000;--z-fullscreen: 9999;--z-fullscreen-controls: 10000;--z-system-max: 10001;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--container-max-width: 1400px;--container-padding: 2rem;--header-height: calc(72px + env(safe-area-inset-top, 0px)) ;--bottom-nav-height: 64px;--color-moby-footer: #164D76;--color-moby-footer-dark: #0d3a52;--color-moby-accent: #134D75;--color-moby-accent-hover: #1a6ba8;--color-moby-teal: #659BA3;--color-moby-teal-50: rgba(101, 155, 163, .5);--color-moby-gradient-start: #f5f9fa;--color-moby-gradient-mid: #e8f2f5;--color-moby-card-dark: #1E2833;--color-moby-bar-gray: #1f2229;--color-moby-bar-gray-10: rgba(31, 34, 41, .1);--color-moby-heart-red: #fe3101;--color-moby-text: #1f2937;--color-moby-text-muted: #6b7280;--color-moby-bg-alt: #f8f9fa;--whale-water-dark: #0d3d4d;--whale-water-light: #1a5f7a;--whale-loading-bg-start: var(--whale-water-light);--whale-loading-bg-mid: var(--color-primary);--whale-loading-bg-end: var(--whale-water-dark)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}a,button,[role=button],input,select,textarea,label{touch-action:manipulation}html,body{margin:0;padding:0;min-height:100%;overflow-x:hidden}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--ds-color-fg-default, var(--color-gray-800));background:var(--ds-bg-gradient, var(--ds-color-bg-app));background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}code{font-family:var(--font-family-mono)}.ds-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.ds-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-xl);border:1px solid var(--color-gray-200)}.ds-card-compact{padding:var(--spacing-lg)}.ds-card-flat{box-shadow:none;border:1px solid var(--color-gray-200)}.ds-page-container{min-height:100vh;min-height:100dvh;padding:var(--spacing-xl) 0}.ds-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none}.ds-button-primary{background-color:var(--color-primary);color:var(--color-white);border:none}.ds-button-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ds-button-secondary{background-color:var(--color-secondary);color:var(--color-white)}.ds-button-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.ds-button-success{background-color:var(--color-success);color:var(--color-white)}.ds-button-success:hover:not(:disabled){background-color:var(--color-success-dark)}.ds-button-warning{background-color:var(--color-warning);color:var(--color-gray-900)}.ds-button-warning:hover:not(:disabled){background-color:var(--color-warning-dark)}.ds-button-danger{background-color:var(--color-danger);color:var(--color-white)}.ds-button-danger:hover:not(:disabled){background-color:#c82333}.ds-button:disabled{background-color:var(--color-gray-400);color:var(--color-gray-600);cursor:not-allowed;opacity:.6}.ds-button.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 4px 12px #3b82f666}.ds-button-secondary.active{background-color:var(--color-primary);color:var(--color-white)}.ds-button-secondary.active:hover:not(:disabled){background-color:var(--color-primary-hover)}.ds-button-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.ds-button-lg{padding:var(--spacing-base) var(--spacing-xl);font-size:var(--font-size-lg)}.ds-form-group{margin-bottom:var(--spacing-lg)}.ds-form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-gray-800);font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.ds-form-input,.ds-form-select,.ds-form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:var(--font-family-base);transition:border-color var(--transition-base)}.ds-form-input:focus,.ds-form-select:focus,.ds-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.ds-form-error{color:var(--color-danger);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.ds-form-success{color:var(--color-success);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.ds-header{position:fixed;top:0;left:0;right:0;background-color:var(--color-white);border-bottom:5px solid var(--color-accent-blue);padding:0 4px;padding-top:env(safe-area-inset-top,0px);box-shadow:var(--shadow-sm);z-index:var(--z-fixed);height:var(--header-height);display:flex;align-items:flex-end}.ds-header-content{max-width:var(--container-max-width);margin:0 auto;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.ds-bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-white);border-top:2px solid var(--color-gray-200);box-shadow:0 -2px 8px #0000001a;z-index:var(--z-fixed)}.ds-bottom-nav-content{max-width:var(--container-max-width);margin:0 auto;display:flex;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-base) var(--spacing-xl);flex-wrap:wrap}.ds-bottom-nav-step{flex:1;min-width:120px;max-width:200px;padding:var(--spacing-md) var(--spacing-sm);border:2px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-600);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);white-space:nowrap;text-align:center}.ds-bottom-nav-step:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ds-bottom-nav-step.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 4px 12px #3b82f666}.ds-bottom-nav-step.completed{border-color:var(--color-success);color:var(--color-success);background-color:var(--color-success-light)}.ds-bottom-nav-step:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-100)}.ds-step-card{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-slow);background:var(--color-white);margin-top:var(--spacing-xl);position:relative;box-shadow:var(--shadow-sm)}.ds-step-card:hover:not(.disabled){border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.ds-step-card.completed{border-color:var(--color-gray-300);background:var(--color-gray-100)}.ds-step-card.completed:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-success);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.ds-step-card.disabled{opacity:.6;cursor:not-allowed}.ds-step-number{min-width:50px;height:50px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);flex-shrink:0;box-shadow:var(--shadow-md)}.ds-step-card.completed .ds-step-number{background-color:var(--color-success)}.ds-step-card.disabled .ds-step-number{background-color:var(--color-gray-400)}.ds-step-content{flex:1}.ds-step-content h2{margin-bottom:var(--spacing-lg);color:var(--color-gray-800)}.ds-step-content p{color:var(--color-gray-600);margin-bottom:var(--spacing-base)}.ds-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.ds-selection-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);cursor:pointer;box-shadow:var(--shadow-sm)}.ds-selection-card:hover:not(.disabled){border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-4px)}.ds-selection-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.ds-selection-card.disabled{opacity:.6;cursor:not-allowed}.ds-selection-card-image{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-base)}.ds-selection-card-image img{width:100%;height:100%;object-fit:contain}.ds-selection-card-header h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);color:var(--color-gray-800)}.ds-selection-card-body{margin:var(--spacing-sm) 0}.ds-selection-card-description{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.ds-selection-card-footer{margin-top:var(--spacing-base)}.ds-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.ds-option-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-base);transition:all var(--transition-base);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm)}.ds-option-card:hover:not(.disabled){border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-option-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.ds-option-card.default-selected{border-color:var(--color-success);background:var(--color-success-light)}.ds-option-card.disabled{opacity:.5;cursor:not-allowed}.ds-option-image-container{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-base);position:relative}.ds-option-image-container img{width:100%;height:100%;object-fit:contain}.ds-option-selected-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-success);color:var(--color-white);width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.ds-option-selected-badge.default-badge{background:var(--color-primary)}.ds-option-content h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--color-gray-800)}.ds-option-price{margin-top:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.ds-info-box{padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--radius-sm);border-left:4px solid;margin:var(--spacing-lg) 0}.ds-info-box-info{background:var(--color-info-light);border-color:var(--color-info);color:#0c5460}.ds-info-box-warning{background:var(--color-warning-light);border-color:var(--color-warning);color:#856404}.ds-info-box-success{background:var(--color-success-light);border-color:var(--color-success);color:#155724}.ds-info-box-error{background:var(--color-danger-light);border-color:var(--color-danger);color:#721c24}.ds-info-box-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.ds-info-box-content{font-size:var(--font-size-sm)}.ds-text-xs{font-size:var(--font-size-xs)}.ds-text-2xs{font-size:var(--font-size-2xs)}.ds-text-sm{font-size:var(--font-size-sm)}.ds-text-md{font-size:var(--font-size-md)}.ds-text-base{font-size:var(--font-size-base)}.ds-text-lg{font-size:var(--font-size-lg)}.ds-text-xl{font-size:var(--font-size-xl)}.ds-text-2xl{font-size:var(--font-size-2xl)}.ds-text-3xl{font-size:var(--font-size-3xl)}.ds-text-4xl{font-size:var(--font-size-4xl)}.ds-text-muted{color:var(--color-gray-600)}.ds-text-muted-light{color:var(--color-gray-500)}.ds-text-italic{font-style:var(--font-style-italic)}.ds-mt-xs{margin-top:var(--spacing-xs)}.ds-mt-base{margin-top:var(--spacing-base)}.ds-p-base{padding:var(--spacing-base)}.ds-text-center{text-align:center}.ds-text-left{text-align:left}.ds-text-right{text-align:right}.ds-mt-sm{margin-top:var(--spacing-sm)}.ds-mt-md{margin-top:var(--spacing-md)}.ds-mt-lg{margin-top:var(--spacing-lg)}.ds-mt-xl{margin-top:var(--spacing-xl)}.ds-mb-sm{margin-bottom:var(--spacing-sm)}.ds-mb-md{margin-bottom:var(--spacing-md)}.ds-mb-lg{margin-bottom:var(--spacing-lg)}.ds-mb-xl{margin-bottom:var(--spacing-xl)}.ds-p-sm{padding:var(--spacing-sm)}.ds-p-md{padding:var(--spacing-md)}.ds-p-lg{padding:var(--spacing-lg)}.ds-p-xl{padding:var(--spacing-xl)}.ds-flex{display:flex}.ds-flex-column{flex-direction:column}.ds-flex-center{align-items:center;justify-content:center}.ds-gap-sm{gap:var(--spacing-sm)}.ds-gap-md{gap:var(--spacing-md)}.ds-gap-lg{gap:var(--spacing-lg)}.ds-gap-xl{gap:var(--spacing-xl)}@media (max-width: 1023px){:root{--container-padding: 1rem}.ds-selection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ds-option-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 1023px){body{background-attachment:scroll}}.ds-scrollbar,.ds-scrollbar-auto{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.ds-scrollbar::-webkit-scrollbar,.ds-scrollbar-auto::-webkit-scrollbar{width:6px}.ds-scrollbar::-webkit-scrollbar-track,.ds-scrollbar-auto::-webkit-scrollbar-track{background:transparent;border-radius:3px}.ds-scrollbar::-webkit-scrollbar-thumb,.ds-scrollbar-auto::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px;transition:background .2s ease}.ds-scrollbar::-webkit-scrollbar-thumb:hover,.ds-scrollbar-auto::-webkit-scrollbar-thumb:hover{background:#00000040}.ds-scrollbar-light,.ds-scrollbar-light-auto{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.ds-scrollbar-light::-webkit-scrollbar,.ds-scrollbar-light-auto::-webkit-scrollbar{width:6px}.ds-scrollbar-light::-webkit-scrollbar-track,.ds-scrollbar-light-auto::-webkit-scrollbar-track{background:transparent;border-radius:3px}.ds-scrollbar-light::-webkit-scrollbar-thumb,.ds-scrollbar-light-auto::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.ds-scrollbar-light::-webkit-scrollbar-thumb:hover,.ds-scrollbar-light-auto::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width: 639px){:root{--container-padding: 1rem;--header-height: calc(72px + env(safe-area-inset-top, 0px)) }.ds-step-card{flex-direction:column;align-items:flex-start}.ds-selection-grid{grid-template-columns:1fr}.ds-option-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ds-bottom-nav-content{flex-direction:column}.ds-bottom-nav-step{max-width:100%;width:100%}.ds-card{padding:var(--spacing-lg)}.ds-button{width:100%}}.moby-konfigurator-theme{--config-bg-main: var(--color-white);--config-bg-sidebar: var(--color-white);--config-bg-main-alt: var(--color-moby-bg-alt);--config-bg-footer: var(--color-moby-footer);--config-accent-step: var(--color-moby-accent);--config-action-primary: var(--color-danger);--config-action-secondary: var(--color-gray-700);--config-text: var(--color-moby-text);--config-text-muted: var(--color-moby-text-muted);--config-button-secondary-bg: transparent;--config-button-secondary-fg: var(--config-accent-step);--config-button-secondary-border: var(--config-accent-step);--config-font-family: var(--font-family-base);--config-radius: var(--radius-md);--config-radius-sm: var(--radius-sm);--header-height: calc(clamp(56px, 8.5vw, 102px) + env(safe-area-inset-top, 0px)) ;--whale-water-dark: #0f3d52;--whale-water-light: #1a5f7a;--whale-loading-bg-start: var(--config-bg-footer);--whale-loading-bg-mid: var(--config-accent-step);--whale-loading-bg-end: var(--color-moby-footer-dark);--oc-bg: var(--config-bg-main-alt);--oc-border: rgba(0, 0, 0, .1);--oc-shadow: 0 1px 4px rgba(0, 0, 0, .07);--oc-backdrop: none;--oc-radius: var(--config-radius-sm);--oc-inset: none;--oc-hover-bg: rgba(19, 77, 117, .04);--oc-hover-border: var(--config-accent-step);--oc-hover-shadow: 0 4px 12px rgba(19, 77, 117, .15);--oc-selected-bg: rgba(19, 77, 117, .12);--oc-selected-border: var(--config-accent-step);--oc-selected-shadow: 0 0 0 2px rgba(19, 77, 117, .25);--oc-default-bg: rgba(40, 167, 69, .08);--oc-default-border: rgba(40, 167, 69, .35);--oc-default-shadow: 0 0 0 2px rgba(40, 167, 69, .2);--oc-text: var(--config-text);--oc-price-color: var(--color-success);--oc-image-bg: var(--config-bg-main-alt);--sb-bg: var(--config-bg-main-alt);--sb-border: rgba(0, 0, 0, .08);--sb-shadow: 0 1px 3px rgba(0, 0, 0, .05);--sb-backdrop: none;--sb-radius: var(--config-radius);--sb-title-color: var(--config-text);--sb-divider: rgba(0, 0, 0, .12)}.app.moby-konfigurator-theme,.moby-konfigurator-theme .vehicle-configuration,.moby-konfigurator-theme .vehicle-configuration-split{background:transparent}.moby-konfigurator-theme .vehicle-configuration:has(.vehicle-configuration-split){padding:0!important;overflow:visible}.moby-konfigurator-theme .vehicle-configuration-split{min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height))}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack{padding-bottom:calc(1.5rem + var(--bottom-nav-height, 80px))}.moby-konfigurator-theme .main-content.with-imagepack,.moby-konfigurator-theme .container.main-content{background:transparent;color:var(--config-text)}.moby-konfigurator-theme .vehicle-configuration:has(.main-content.with-imagepack),.moby-konfigurator-theme .vehicle-configuration-split{--oc-bg: rgba(255, 255, 255, .055);--oc-border: rgba(255, 255, 255, .1);--oc-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 2px 12px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08);--oc-backdrop: blur(10px);--oc-inset: inset 0 1px 0 rgba(255,255,255,.08);--oc-hover-bg: rgba(255, 255, 255, .09);--oc-hover-border: rgba(101, 155, 163, .5);--oc-hover-shadow: 0 0 0 1px rgba(101,155,163,.3), 0 0 20px 4px rgba(101,155,163,.25), 0 0 40px 8px rgba(59,130,246,.15), inset 0 1px 0 rgba(255,255,255,.12);--oc-selected-bg: rgba(0, 123, 255, .18);--oc-selected-border: rgba(0, 123, 255, .9);--oc-selected-shadow: 0 0 0 2px rgba(0, 123, 255, .7), 0 0 14px 4px rgba(255, 255, 255, .25), 0 0 28px 8px rgba(0, 123, 255, .3), inset 0 1px 0 rgba(255,255,255,.18);--oc-default-bg: rgba(40, 167, 69, .18);--oc-default-border: rgba(60, 200, 100, .45);--oc-default-shadow: 0 0 0 1px rgba(60,200,100,.3), 0 0 16px 4px rgba(60,200,100,.3), 0 0 30px 8px rgba(40,167,69,.4), inset 0 1px 0 rgba(255,255,255,.1);--oc-text: rgba(255, 255, 255, .88);--oc-price-color: rgba(120, 220, 160, .95);--oc-image-bg: rgba(0, 0, 0, .15);--sb-bg: rgba(255, 255, 255, .04);--sb-border: rgba(255, 255, 255, .1);--sb-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 4px 24px rgba(0,0,0,.25), 0 0 40px 2px rgba(101,155,163,.08);--sb-backdrop: blur(14px);--sb-title-color: rgba(255, 255, 255, .95);--sb-divider: rgba(255, 255, 255, .12);--config-text: rgba(255, 255, 255, .92);--config-text-muted: rgba(255, 255, 255, .55);--config-button-secondary-fg: rgba(255, 255, 255, .92);--config-button-secondary-border: rgba(255, 255, 255, .55)}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack,.moby-konfigurator-theme .vehicle-configuration-split .container.main-content,.moby-konfigurator-theme .vehicle-configuration>.main-content.with-imagepack{position:relative;background:radial-gradient(ellipse 85% 30% at 45% 0%,rgba(255,240,160,.1) 0%,transparent 65%),radial-gradient(ellipse 55% 25% at 90% 70%,rgba(0,210,200,.07) 0%,transparent 60%),transparent}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack>form,.moby-konfigurator-theme .vehicle-configuration-split .container.main-content>form,.moby-konfigurator-theme .vehicle-configuration>.main-content.with-imagepack>form{position:relative;z-index:1}@media (min-aspect-ratio: 1/1) and (min-width: 1024px){.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack{padding-top:0;padding-left:0;padding-right:0;min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height))}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack>form{padding-top:1.5rem;padding-left:var(--container-padding, 2rem);padding-right:var(--container-padding, 2rem)}}@media not ((min-aspect-ratio: 1/1) and (min-width: 1024px)){.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack,.moby-konfigurator-theme .vehicle-configuration>.main-content.with-imagepack{padding-left:0;padding-right:0}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack>form,.moby-konfigurator-theme .vehicle-configuration>.main-content.with-imagepack>form{padding-left:var(--container-padding, 1rem);padding-right:var(--container-padding, 1rem);padding-top:1rem}}.moby-konfigurator-theme .vehicle-configuration>.main-content.with-imagepack{width:100%;min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height));overflow-y:visible;overflow-x:hidden;padding-bottom:calc(1.5rem + var(--bottom-nav-height, 80px))}.moby-konfigurator-theme .app-main:has(.vehicle-configuration-split){overflow:visible;flex:1 1 auto}.moby-konfigurator-theme .app-main:has(.vehicle-configuration>.main-content.with-imagepack){overflow:visible}.moby-konfigurator-theme .form-section-block{color:var(--config-text)}.moby-konfigurator-theme .config-info-banner{display:flex;align-items:flex-start;gap:.65rem;margin:0 0 1.25rem;padding:.85rem 1.1rem;background:#0096c824;border:1px solid rgba(100,200,255,.35);border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffe0;font-size:var(--font-size-sm);line-height:1.5}.moby-konfigurator-theme .config-info-banner svg{width:1.15em;height:1.15em;flex-shrink:0;margin-top:.1em;color:#64d2ffe6}.moby-konfigurator-theme .config-locked-banner{margin:0 0 1.5rem;padding:1rem 1.25rem;background:#fe310126;border:1px solid rgba(254,49,1,.45);border-radius:var(--radius-md, 12px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffeb;font-size:var(--font-size-sm);line-height:1.5}.moby-konfigurator-theme .config-locked-banner--compact{padding:.7rem 1rem;margin:.5rem 0 0}.moby-konfigurator-theme .config-locked-banner p{margin:0 0 .75rem}.moby-konfigurator-theme .config-locked-actions{display:flex;gap:.5rem;flex-wrap:wrap}.moby-konfigurator-theme .config-locked-actions .button{font-size:var(--font-size-sm);padding:.45rem 1rem;border-radius:var(--radius-sm, 6px);border:none;cursor:pointer;font-weight:500;transition:background .15s;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.3)}.moby-konfigurator-theme .config-locked-actions .button:hover{background:#ffffff40}.moby-konfigurator-theme .config-locked-actions .button-danger{background:#fe3101b3;border-color:#fe3101e6}.moby-konfigurator-theme .config-locked-actions .button-danger:hover{background:#fe3101e6}.moby-konfigurator-theme .config-locked-actions .button-sm{font-size:var(--font-size-xs);padding:.35rem .75rem}.moby-konfigurator-theme .subcategory-section .subcategory-title,.moby-konfigurator-theme .form-section-title{color:var(--sb-title-color, var(--config-text));font-weight:400}.moby-konfigurator-theme .form-section-title{position:relative;padding-bottom:.75rem;margin-bottom:1.25rem}.moby-konfigurator-theme .form-section-title:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#0000001f;box-shadow:none}.moby-konfigurator-theme .form-section-block{border-radius:var(--sb-radius)}.moby-konfigurator-theme .form-section-title:after{background:var(--sb-divider)}.moby-konfigurator-theme .subcategory-section .subcategory-title{border-bottom-color:#00000026}.moby-konfigurator-theme .left-panel-tabs button{background:#00000073;border-color:#ffffff4d;color:#ffffffd9}.moby-konfigurator-theme .left-panel-tabs button.active{background:#ffffff38;border-color:#ffffff8c;color:#fff}.moby-konfigurator-theme .subcategory-description,.moby-konfigurator-theme .form-section-block label:not(.form-section-title),.moby-konfigurator-theme .form-section-block .form-group label:not(.form-section-title){color:var(--config-text-muted)}.suboption-group-box{background:var(--oc-bg, rgba(255,255,255,.04));border:1px solid var(--oc-border, rgba(255,255,255,.1));border-radius:12px;padding:.5rem .75rem}.suboption-block{padding:.35rem 0}.suboption-label{margin:0 0 .3rem;font-size:var(--font-size-xs);font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.suboption-divider{height:1px;background:#ffffff14;margin:.2rem 0}.suboption-options{display:flex;flex-direction:column;gap:.2rem}.suboption-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.suboption-item:hover{background:var(--oc-hover-bg, rgba(255,255,255,.06));border-color:var(--oc-hover-border, rgba(255,255,255,.12))}.suboption-item--selected{background:var(--oc-selected-bg, rgba(255,255,255,.08));border-color:var(--oc-selected-border, rgba(0, 123, 255, .5));box-shadow:var(--oc-selected-shadow, none)}.suboption-item--serie{background:var(--oc-serie-bg, rgba(34, 197, 94, .12));border-color:var(--oc-serie-border, rgba(34, 197, 94, .55));box-shadow:none;cursor:default}.suboption-item-check.serie.checked{background:#22c55e;border-color:#22c55e}.suboption-item-name{font-size:var(--font-size-sm);color:var(--oc-text, rgba(255,255,255,.85));font-weight:500;flex:1;min-width:0}.suboption-item-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.suboption-item-price{font-size:var(--font-size-xs);font-weight:600;color:var(--oc-price-color, rgba(120, 220, 160, .95));white-space:nowrap}.suboption-item-price--serie{color:var(--oc-text, rgba(255,255,255,.45));font-weight:400}.suboption-item-check{width:18px;height:18px;border-radius:4px;border:2px solid rgba(255,255,255,.25);flex-shrink:0;transition:all .15s}.suboption-item-check.checked{background:var(--config-accent-step, #0d9488);border-color:var(--config-accent-step, #0d9488);position:relative}.suboption-item-check.checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}:root[data-color-mode=light] .suboption-group-box{background:#ffffff80;border-color:#0d94881f}:root[data-color-mode=light] .suboption-label{color:#6b7280}:root[data-color-mode=light] .suboption-divider{background:#0d94881a}:root[data-color-mode=light] .suboption-item-name{color:#1f2937}:root[data-color-mode=light] .suboption-item-price{color:#047857}:root[data-color-mode=light] .suboption-item-price--serie{color:#9ca3af}:root[data-color-mode=light] .suboption-item-check{border-color:#0d94884d}:root[data-color-mode=light] .suboption-item--serie{background:#22c55e1a;border-color:#16a34a80}.moby-konfigurator-theme .form-section-divider{background-color:#00000014}.moby-konfigurator-theme .navigation-buttons .button,.moby-konfigurator-theme .button{border-radius:var(--config-radius)}.moby-konfigurator-theme .app-main{font-family:var(--config-font-family)}.moby-konfigurator-theme .config-sidebar-title{color:var(--config-text)}.moby-konfigurator-theme .config-step-bar-btn{background:var(--config-bg-main-alt);border-color:#0000001f;color:var(--config-text-muted)}.moby-konfigurator-theme .config-step-bar-btn:hover{background:#0000000a;border-color:#0003;color:var(--config-text)}.moby-konfigurator-theme .config-step-bar-btn.active{background:var(--config-accent-step);border-color:var(--config-accent-step);color:var(--color-white)}.moby-konfigurator-theme .ds-header{background-color:transparent;background-image:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:none;border-top:none;box-shadow:0 2px 12px #fe310159,0 4px 20px #0003;overflow:visible;transition:transform .25s ease,opacity .25s ease}.moby-konfigurator-theme{user-select:none;-webkit-user-select:none}.moby-konfigurator-theme .app-main{padding-top:var(--header-height);overflow-y:auto;overflow-x:hidden;min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height))}.moby-konfigurator-theme:has(.ds-header.scrolled) .app-main{padding-top:0}.moby-konfigurator-theme .ds-header .ds-header-content,.moby-konfigurator-theme .ds-header .header-left,.moby-konfigurator-theme .ds-header .header-center,.moby-konfigurator-theme .ds-header .header-right{align-items:center}.moby-konfigurator-theme .header-logo,.moby-konfigurator-theme .header-logo img{height:clamp(36px,5.5vw,72px);max-height:100%}.moby-konfigurator-theme .header-dealer-logo{height:clamp(32px,5.5vw,72px);max-height:100%}.moby-konfigurator-theme .header-dealer-logo img{height:clamp(32px,5vw,64px);max-height:100%}.moby-konfigurator-theme .header-title{color:var(--color-white);font-size:calc(2 * var(--font-size-xl))}.moby-konfigurator-theme .header-title--fahrzeugkonzept{font-weight:200;font-size:3.2rem;letter-spacing:.1em}.moby-konfigurator-theme .header-subtitle{color:#fffc}.moby-konfigurator-theme .header-logo-separator{color:#fff6}.moby-konfigurator-theme .header-config-code svg{width:clamp(12px,1.3vw,15px);height:clamp(12px,1.3vw,15px);flex-shrink:0}.moby-konfigurator-theme .header-config-code.copied{border-color:var(--color-success, #28a745)!important;color:var(--color-success, #28a745)!important}.moby-konfigurator-theme .header-config-code-label{font-size:clamp(.55rem,.9vw,.7rem);font-weight:600;letter-spacing:.06em;font-family:var(--font-family-mono, monospace);line-height:1}.moby-konfigurator-theme .image-gallery-container{margin-top:0}.moby-konfigurator-theme .image-gallery-image-container{border:none;border-radius:0;box-shadow:none}.moby-konfigurator-theme .image-gallery-image{border-radius:0}.moby-konfigurator-theme .option-image-container{border:1px solid rgba(0,0,0,.12);border-radius:var(--config-radius-sm);box-shadow:inset 0 0 25px 6px #00000014}.moby-konfigurator-theme .option-image-container img{border-radius:calc(var(--config-radius-sm) - 1px)}.moby-konfigurator-theme .option-card.option-card-none{background:var(--oc-bg, var(--color-gray-50));border:1px dashed var(--oc-border, rgba(0, 0, 0, .2));box-shadow:var(--oc-shadow, none);backdrop-filter:var(--oc-backdrop, none);-webkit-backdrop-filter:var(--oc-backdrop, none);padding:.5rem .75rem}.moby-konfigurator-theme .option-card.option-card-none:hover{background:var(--oc-hover-bg, var(--color-gray-100));border-color:var(--oc-hover-border, rgba(0, 0, 0, .25));box-shadow:var(--oc-hover-shadow, none)}.moby-konfigurator-theme .option-card.option-card-none.selected,.moby-konfigurator-theme .option-card.option-card-none.default-selected{border-style:solid;border-color:var(--oc-default-border, rgba(60, 200, 100, .45));background:var(--oc-default-bg, rgba(40, 167, 69, .18));box-shadow:var(--oc-default-shadow, 0 0 0 1px rgba(60,200,100,.3), 0 0 16px 4px rgba(60,200,100,.3))}.moby-konfigurator-theme .option-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.35rem;margin-top:.5rem}.moby-konfigurator-theme .form-section-block{padding:1rem}.moby-konfigurator-theme .option-card .option-image-container:not(.radstand-image-container){height:48px;min-height:48px}.option-count-stepper{display:flex;align-items:center;gap:0;margin-top:.5rem;border:1px solid var(--oc-border, rgba(255,255,255,.15));border-radius:8px;overflow:hidden;width:fit-content}.stepper-btn{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .55rem;gap:.35rem;background:#ffffff14;border:none;color:var(--oc-text, rgba(255,255,255,.85));font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.stepper-btn .stepper-sign{display:inline-flex;align-items:center;font-size:1.1rem;font-weight:700;line-height:1}.stepper-btn .stepper-price{font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;opacity:.85;white-space:nowrap}.stepper-btn:disabled .stepper-price{opacity:.5}.stepper-btn:hover:not(:disabled){background:#ffffff2e}.stepper-btn:disabled{opacity:.25;cursor:default}.stepper-value{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;font-size:var(--font-size-base);font-weight:700;color:var(--oc-text, rgba(255,255,255,.95));font-family:var(--font-family-mono, monospace)}:root[data-color-mode=light] .stepper-btn{background:#0d948814;color:#1f2937}:root[data-color-mode=light] .stepper-btn:hover:not(:disabled){background:#0d94882e}:root[data-color-mode=light] .stepper-value{color:#1f2937}.moby-konfigurator-theme .option-card .color-swatch{height:48px;min-height:48px}.moby-konfigurator-theme .option-image-container{height:100px}.moby-konfigurator-theme .radstand-image-container{height:200px;min-height:200px;padding:.5rem}.moby-konfigurator-theme .option-content{padding:.3rem .5rem;color:var(--oc-text)}.moby-konfigurator-theme .option-content h3{font-size:var(--font-size-base);margin:0 0 .15rem;font-weight:500;color:var(--oc-text)}.moby-konfigurator-theme .option-content .option-price{font-size:var(--font-size-xs);color:var(--oc-text)}.moby-konfigurator-theme .option-content .option-price strong{font-size:var(--font-size-xs);color:var(--oc-price-color)}.moby-konfigurator-theme .option-content .option-price-error{color:var(--color-danger)}.moby-konfigurator-theme .option-content .option-price-name,.moby-konfigurator-theme .option-content .option-price-loading,.moby-konfigurator-theme .option-content .option-price-surcharge{color:var(--config-text-muted)}.moby-konfigurator-theme .option-card.option-card-none{padding:.75rem 1rem}.moby-konfigurator-theme .option-card.option-card-none .option-content h3{color:var(--oc-text, var(--config-text))}.moby-konfigurator-theme .option-info-trigger{position:relative;display:inline-flex;align-items:center;margin-left:.35rem;vertical-align:middle}.moby-konfigurator-theme .option-info-btn{width:1.1rem;height:1.1rem;padding:0;border:1.5px solid var(--oc-text, rgba(255,255,255,.5));border-radius:50%;background:transparent;color:var(--oc-text, rgba(255,255,255,.7));font-size:.65rem;font-weight:700;font-style:italic;font-family:Georgia,serif;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.55;transition:opacity .15s ease,border-color .15s ease}.moby-konfigurator-theme .option-info-btn:hover{opacity:1;border-color:var(--oc-price-color, var(--color-primary));color:var(--oc-price-color, var(--color-primary))}.option-info-tooltip{position:fixed;transform:translate(-50%,-100%);min-width:14rem;max-width:22rem;padding:.75rem 1rem;background:#0a0e1ed1;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md, 10px);color:#ffffffeb;font-size:var(--font-size-xs, .8rem);font-weight:400;font-style:normal;line-height:1.6;white-space:pre-line;z-index:var(--z-tooltip, 3000);pointer-events:none;box-shadow:0 8px 32px #00000080,inset 0 0 0 .5px #ffffff14;animation:option-info-fade-in .12s ease}@keyframes option-info-fade-in{0%{opacity:0;transform:translate(-50%,-100%) translateY(4px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.option-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-fullscreen, 9999);background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:option-info-overlay-in .15s ease}@keyframes option-info-overlay-in{0%{opacity:0}to{opacity:1}}.option-info-overlay-card{background:#0a0e1ed1;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-top:1px solid rgba(255,255,255,.15);border-radius:16px 16px 0 0;padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px));max-width:100%;width:100%;max-height:70vh;overflow-y:auto;color:#ffffffeb;box-shadow:0 -8px 32px #00000080,inset 0 0 0 .5px #ffffff14;animation:option-info-card-in .22s cubic-bezier(.32,.72,0,1)}@keyframes option-info-card-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.option-info-overlay-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}.option-info-overlay-text{font-size:.85rem;line-height:1.65;color:#ffffffc7}.option-info-overlay-close{display:block;width:100%;margin-top:1.25rem;padding:.7rem 0;border:none;border-radius:var(--radius-md, 8px);background:#ffffff1a;color:#ffffffe6;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s ease}.option-info-overlay-close:hover{background:#ffffff2e}.option-info-tooltip ul,.option-info-tooltip ol,.option-info-overlay-text ul,.option-info-overlay-text ol{margin:.3rem 0;padding-left:1.2rem;list-style:disc}.option-info-tooltip li,.option-info-overlay-text li{margin-bottom:.2rem;line-height:1.5}.moby-konfigurator-theme .vehicle-configuration-split:before{content:"";position:fixed;top:var(--header-height, 68px);bottom:var(--bottom-nav-height, 80px);left:0;width:var(--left-panel-width, 40%);background:#0a0f198c;z-index:var(--z-panel-bg-overlay, 9);pointer-events:none;transition:top .25s ease}.moby-konfigurator-theme:has(.ds-header.scrolled) .vehicle-configuration-split:before{top:0}.moby-konfigurator-theme .vehicle-configuration-split>.resizable-left-panel{z-index:var(--z-panel, 10)}.moby-konfigurator-theme:has(.ds-header.scrolled) .vehicle-configuration-split>.resizable-left-panel{top:0;height:calc(100dvh - var(--bottom-nav-height, 80px));border-radius:16px}.moby-konfigurator-theme .vehicle-configuration-split>.main-content.with-imagepack{z-index:1}@media (max-aspect-ratio: 1/1),(max-width: 1023px){.moby-konfigurator-theme .vehicle-configuration-split:before{display:none}.moby-konfigurator-theme .vehicle-configuration-split>.resizable-left-panel{background:#fff;position:relative;z-index:1}}.moby-konfigurator-theme .resizable-left-panel-resizer{background:#00000014;border-left:1px solid rgba(0,0,0,.12)}.moby-konfigurator-theme .resizable-left-panel-resizer:hover{background:var(--config-accent-step);border-left-color:var(--config-accent-step)}.moby-konfigurator-theme .resizable-left-panel-resizer:active{background:var(--color-moby-footer-dark)}.moby-konfigurator-theme.app{background:transparent}.moby-konfigurator-theme .app-main{background:transparent;color:var(--config-text)}.moby-konfigurator-theme .app-main{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.moby-konfigurator-theme .app-main::-webkit-scrollbar{width:6px}.moby-konfigurator-theme .app-main::-webkit-scrollbar-track{background:transparent}.moby-konfigurator-theme .app-main::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.moby-konfigurator-theme .app-main::-webkit-scrollbar-thumb:hover{background:#00000040}.moby-konfigurator-theme .container{color:var(--config-text)}.moby-konfigurator-theme .card{background:#ffffff1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:var(--config-radius);color:var(--config-text);box-shadow:0 4px 24px #0000002e}.moby-konfigurator-theme .button{background:var(--config-accent-step);color:var(--color-white);border:1px solid var(--config-accent-step);border-radius:var(--config-radius);transition:background .2s,border-color .2s,box-shadow .2s}.moby-konfigurator-theme .button:hover:not(:disabled){background:var(--color-moby-accent-hover);border-color:var(--color-moby-accent-hover);box-shadow:0 4px 12px #134d7566;transform:translateY(-1px)}.moby-konfigurator-theme .button:disabled{background:#0000000f;color:var(--config-text-muted);border-color:#0000001a;cursor:not-allowed;transform:none}.moby-konfigurator-theme .button-secondary{background:var(--config-button-secondary-bg, transparent);color:var(--config-button-secondary-fg);border:1px solid var(--config-button-secondary-border)}.moby-konfigurator-theme .button-secondary:hover:not(:disabled){background:var(--config-accent-step);border-color:var(--config-accent-step);color:var(--color-white)}.moby-konfigurator-theme .ds-button,.moby-konfigurator-theme .ds-button-primary{background:var(--config-accent-step)!important;color:var(--color-white)!important;border-color:var(--config-accent-step)!important}.moby-konfigurator-theme .ds-button:hover:not(:disabled),.moby-konfigurator-theme .ds-button-primary:hover:not(:disabled){background:var(--color-moby-accent-hover)!important;border-color:var(--color-moby-accent-hover)!important}.moby-konfigurator-theme .form-group label:not(.form-section-title){color:var(--config-text-muted);font-weight:500}.moby-konfigurator-theme .form-group input,.moby-konfigurator-theme .form-group select,.moby-konfigurator-theme .form-group textarea{background:var(--ds-color-input-bg, rgba(255, 255, 255, .08));border:1px solid var(--ds-color-input-border, rgba(255, 255, 255, .2));color:var(--ds-color-input-fg, rgba(255, 255, 255, .92));border-radius:var(--config-radius-sm)}.moby-konfigurator-theme .form-group input::placeholder,.moby-konfigurator-theme .form-group textarea::placeholder{color:var(--ds-color-input-placeholder, rgba(255, 255, 255, .3))}.moby-konfigurator-theme .form-group input:focus,.moby-konfigurator-theme .form-group select:focus,.moby-konfigurator-theme .form-group textarea:focus{background:var(--ds-color-input-bg, rgba(255, 255, 255, .13));border-color:var(--ds-color-border-focus, rgba(255, 255, 255, .45));box-shadow:0 0 0 2px var(--ds-color-brand-soft, rgba(255, 255, 255, .12));outline:none}.moby-konfigurator-theme .form-group select option{background:var(--ds-color-bg-elevated, #1a3a4a);color:var(--ds-color-fg-default, rgba(255, 255, 255, .92))}.moby-konfigurator-theme h1,.moby-konfigurator-theme .container h1,.moby-konfigurator-theme h2,.moby-konfigurator-theme .container h2{color:var(--config-text);font-weight:400}.moby-konfigurator-theme h3,.moby-konfigurator-theme h4{color:var(--config-text)}.moby-konfigurator-theme .main-menu{background:transparent}.moby-konfigurator-theme .main-menu .subtitle{color:var(--config-text-muted)}.moby-konfigurator-theme .customer-display{background:#134d751a;border:1px solid rgba(19,77,117,.25);border-radius:var(--config-radius)}.moby-konfigurator-theme .customer-display-label{color:var(--config-text-muted)}.moby-konfigurator-theme .customer-display-info,.moby-konfigurator-theme .customer-display-info strong{color:var(--config-text)}.moby-konfigurator-theme .ds-step-card{background:var(--config-bg-main-alt);border:1px solid rgba(0,0,0,.08);border-radius:var(--config-radius);box-shadow:0 1px 3px #00000014}.moby-konfigurator-theme .ds-step-card:hover:not(.disabled){border-color:#134d754d;box-shadow:0 2px 8px #134d7526}.moby-konfigurator-theme .ds-step-card.completed{background:#28a74514;border-color:#28a74540}.moby-konfigurator-theme .ds-step-card.completed:before{background:var(--color-success)}.moby-konfigurator-theme .ds-step-card.disabled{opacity:.5}.moby-konfigurator-theme .ds-step-number{background:var(--config-accent-step);color:var(--color-white);box-shadow:0 2px 8px #134d7566}.moby-konfigurator-theme .ds-step-card.completed .ds-step-number{background:var(--color-success)}.moby-konfigurator-theme .ds-step-card.disabled .ds-step-number{background:#00000014;color:var(--config-text-muted)}.moby-konfigurator-theme .ds-step-content h2{color:var(--config-text)}.moby-konfigurator-theme .ds-step-content p,.moby-konfigurator-theme .ds-text-muted{color:var(--config-text-muted)}.moby-konfigurator-theme .start-page h1{color:var(--config-text)}.moby-konfigurator-theme .start-page .subtitle{color:var(--config-text-muted)}.moby-konfigurator-theme .start-page-content{color:var(--config-text)}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container){display:block;overflow:visible}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.page-container,.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.vehicle-concept-container{display:block;height:auto;padding:var(--spacing-base) var(--container-padding, 2rem);padding-bottom:var(--spacing-xl)}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.vehicle-configuration{display:block;min-height:calc(100dvh - var(--header-height, 68px))}.moby-konfigurator-theme .start-page:has(.vehicle-concept-container){padding-top:0!important;padding-bottom:0;flex:none;display:block}.moby-konfigurator-theme .start-page-content:has(.vehicle-concept-container){margin-top:0!important;flex:none;display:block}.moby-konfigurator-theme .start-page-content:has(.vehicle-concept-container) .vehicle-concept-container{flex:none;display:block}.moby-konfigurator-theme .page-container,.moby-konfigurator-theme .customer-data{background:transparent}.moby-konfigurator-theme .step-indicator{color:#ffffff8c}.moby-konfigurator-theme .customer-data .input-with-button .button-load,.moby-konfigurator-theme .customer-data .input-with-button .button{background:#ffffff26;border:1px solid rgba(255,255,255,.22);color:#ffffffe0}.moby-konfigurator-theme .customer-data .input-with-button .button-load:hover,.moby-konfigurator-theme .customer-data .input-with-button .button:hover{background:#ffffff38}.moby-konfigurator-theme .mode-button{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:var(--config-radius)}.moby-konfigurator-theme .mode-button:hover:not(:disabled){background:#ffffff24;border-color:#ffffff59;color:#fffffff2}.moby-konfigurator-theme .mode-button.active{background:var(--config-accent-step);border-color:var(--config-accent-step);color:var(--color-white);box-shadow:0 4px 12px #134d7573}.moby-konfigurator-theme .mode-button:disabled{background:#ffffff0a;color:#ffffff4d}.moby-konfigurator-theme .submit-error{background:#fe310133;border-color:#fe310173;color:#ff8a8a}.moby-konfigurator-theme .info-message{color:#ffffff8c}.moby-konfigurator-theme.app:has(.vehicle-concept-container){min-height:100vh;min-height:100dvh;position:relative}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container){position:relative;background:transparent!important}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container){--wave-height: calc(var(--spacing-xl, 2rem) + 380px + 2 * var(--spacing-base, 1rem) + 3rem)}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container):before{display:none}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>*{position:relative;z-index:1}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container) .selection-header h1{color:var(--color-moby-text)}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container) .vehicle-systems-title{color:var(--color-moby-text)}.moby-konfigurator-theme .selection-header h1{color:var(--config-text)}.moby-konfigurator-theme .selection-header p{color:var(--config-text-muted)}.moby-konfigurator-theme .vehicle-concept-layout,.moby-konfigurator-theme .vehicle-concept-container,.moby-konfigurator-theme .vehicle-systems-title{color:var(--config-text)}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container) .vehicle-systems-title{color:var(--color-white)}.moby-konfigurator-theme .vehicle-carousel-nav{background:#0000000f;border:none;color:var(--config-text)}.moby-konfigurator-theme .vehicle-carousel-nav:hover:not(:disabled){background:#0000001a;color:var(--config-text)}.moby-konfigurator-theme .vehicle-carousel-pills{background:#00000026}.moby-konfigurator-theme .vehicle-carousel-pill{background:#ffffff80;border:none;color:var(--config-text)}.moby-konfigurator-theme .vehicle-carousel-pill:hover:not(:disabled){background:#ffffffb3;color:var(--config-text)}.moby-konfigurator-theme .vehicle-carousel-pill.active{background:var(--color-white);color:var(--config-text)}.moby-konfigurator-theme .selection-empty{color:var(--config-text-muted)}.moby-konfigurator-theme .app-footer{background:linear-gradient(to bottom,#262c524d,#262c52);background:linear-gradient(to bottom,color-mix(in srgb,var(--aurora-edge-bottom, #262c52) 30%,transparent) 0%,var(--aurora-edge-bottom, #262c52) 100%);border-top:1px solid rgba(255,255,255,.08);border-radius:20px 20px 0 0;color:var(--config-text)}.moby-konfigurator-theme .app-footer .footer-company,.moby-konfigurator-theme .app-footer .footer-company strong{color:#fffffff2}.moby-konfigurator-theme .app-footer .footer-legal-notice{color:#fffc}.moby-konfigurator-theme .app-footer .footer-link{color:#ffffffd9}.moby-konfigurator-theme .app-footer .footer-link:hover{color:var(--color-white);text-decoration:underline}.moby-konfigurator-theme .app-footer .footer-user-info{background:#ffffff1f;border-color:#fff3}.moby-konfigurator-theme .app-footer .footer-user-label,.moby-konfigurator-theme .app-footer .footer-user-name{color:var(--color-white)}.moby-konfigurator-theme .app-footer .footer-logout-button{background:#fff3;color:var(--color-white);border:1px solid rgba(255,255,255,.2)}.moby-konfigurator-theme .app-footer .footer-logout-button:hover{background:#ffffff4d}.moby-konfigurator-theme .access-denied-page{background:transparent}.moby-konfigurator-theme .access-denied-card{background:var(--config-bg-main-alt);border:1px solid rgba(0,0,0,.12);color:var(--config-text)}.moby-konfigurator-theme .access-denied-card h1{color:var(--config-text)}.moby-konfigurator-theme .access-denied-card p{color:var(--config-text-muted)}.moby-konfigurator-theme .error-message{color:var(--color-danger-light)}.moby-konfigurator-theme .success-message{color:var(--color-success-light)}.moby-konfigurator-theme .loading{color:var(--config-text-muted)}.moby-konfigurator-theme .whale-loading-indicator--inline{align-items:center;justify-content:center}.moby-konfigurator-theme .info-box{border-radius:var(--config-radius);border:1px solid rgba(0,0,0,.12)}.moby-konfigurator-theme .info-box-title,.moby-konfigurator-theme .info-box-content,.moby-konfigurator-theme .info-box-content div{color:var(--config-text)}.moby-konfigurator-theme .info-box-info{background:#134d7533;border-color:#fff3}.moby-konfigurator-theme .info-box-success{background:#28a74526;border-color:#fff3}.moby-konfigurator-theme .info-box-warning{background:#ffc10726;border-color:#fff3}.moby-konfigurator-theme .info-box-error{background:#fe310126;border-color:#fff3}.moby-konfigurator-theme .configurations-box,.moby-konfigurator-theme .customer-info div{color:var(--config-text)}@media (max-width: 1023px){.moby-konfigurator-theme .header-title{font-size:var(--font-size-xl)}.moby-konfigurator-theme .header-title--fahrzeugkonzept{font-size:1.8rem;letter-spacing:.05em}.moby-konfigurator-theme .form-section-block{padding:.75rem}.moby-konfigurator-theme .option-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin-top:.5rem}.moby-konfigurator-theme .option-card .option-image-container:not(.radstand-image-container){height:40px;min-height:40px}.moby-konfigurator-theme .option-image-container{height:72px}.moby-konfigurator-theme .radstand-image-container{height:140px;min-height:140px}.moby-konfigurator-theme .option-content{padding:.4rem .6rem}.moby-konfigurator-theme .option-content h3{font-size:var(--font-size-base);margin:0 0 .2rem}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.page-container,.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.vehicle-concept-container{padding:var(--spacing-sm) var(--spacing-base) var(--spacing-lg)}}@media (max-width: 639px){.moby-konfigurator-theme .header-title{font-size:var(--font-size-base)}.moby-konfigurator-theme .form-section-block{padding:.6rem .75rem}.moby-konfigurator-theme .option-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.4rem}.moby-konfigurator-theme .option-card .option-image-container:not(.radstand-image-container){height:32px;min-height:32px}.moby-konfigurator-theme .option-image-container{height:56px}.moby-konfigurator-theme .radstand-image-container{height:100px;min-height:100px}.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.page-container,.moby-konfigurator-theme .app-main:has(.vehicle-concept-container)>.vehicle-concept-container{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-base)}}@media (max-aspect-ratio: 1/1),(max-width: 1023px){.moby-konfigurator-theme .app-main{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}.moby-konfigurator-theme .app-main:has(.vehicle-configuration-split){height:calc(100dvh - var(--bottom-nav-height, 64px));padding-top:var(--header-height)!important;min-height:0!important;overflow:hidden!important;flex:0 0 auto;display:flex;flex-direction:column}.moby-konfigurator-theme:has(.ds-header.scrolled) .app-main:has(.vehicle-configuration-split){padding-top:0!important}.moby-konfigurator-theme .app-main:has(.vehicle-configuration-split)>.vehicle-configuration{flex:1 1 0%;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-top:0!important;padding-bottom:0!important}.moby-konfigurator-theme .vehicle-configuration-split{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.moby-konfigurator-theme .vehicle-configuration-split .main-content.with-imagepack{overflow-y:auto!important;overflow-x:hidden;overscroll-behavior-y:contain;flex:1 1 auto!important;min-height:40dvh!important;margin-left:0!important;width:100%!important;padding-bottom:calc(1.5rem + var(--bottom-nav-height, 80px))}.moby-konfigurator-theme .vehicle-configuration-split .image-gallery-container{max-height:min(45vh,360px)}}@media (max-width: 639px) and (max-aspect-ratio: 1/1){.moby-konfigurator-theme .vehicle-configuration-split .image-gallery-container{max-height:min(38vh,280px)}}@media (max-width: 639px){.moby-konfigurator-theme .vehicle-configuration:has(.main-content.with-imagepack),.moby-konfigurator-theme .vehicle-configuration-split{--oc-backdrop: none;--oc-bg: rgba(255, 255, 255, .1);--sb-backdrop: none;--sb-bg: rgba(255, 255, 255, .08)}}:root[data-color-mode=light]{--color-moby-footer: var(--config-accent-step, #115e59);--color-moby-footer-dark: #0d4f4a;--color-moby-accent: var(--config-accent-step, #0d9488);--color-moby-accent-hover: #14b8a6;--color-moby-text: #1f2937;--color-moby-text-muted: #6b7280;--color-moby-bg-alt: #f0fdfa;--color-white: #ffffff;--whale-water-dark: #0d4f4a;--whale-water-light: #0d9488;--whale-loading-bg-start: #0d9488;--whale-loading-bg-mid: #115e59;--whale-loading-bg-end: #0d4f4a}:root[data-color-mode=light] .moby-konfigurator-theme .ds-header{background-color:transparent!important;box-shadow:0 2px 12px #0d948833,0 4px 20px #00000014!important}:root[data-color-mode=light] .moby-konfigurator-theme .ds-header .ds-btn--secondary{background-color:var(--ds-color-bg-surface, #f0fdfa);border-color:var(--ds-color-border-strong, rgba(13, 148, 136, .3));color:var(--ds-color-brand-strong, #115e59);box-shadow:0 1px 4px #0d94881f}:root[data-color-mode=light] .moby-konfigurator-theme .ds-header .ds-btn--secondary:hover:not(:disabled){background-color:var(--ds-color-bg-elevated, #ccfbf1);border-color:var(--ds-color-brand, #0d9488);color:var(--ds-color-brand, #0d9488)}:root[data-color-mode=light] .ds-bottom-nav--konfigurator{background:linear-gradient(to bottom,color-mix(in srgb,var(--aurora-edge-bottom, rgb(86, 198, 173)) 35%,transparent),var(--aurora-edge-bottom, rgb(86, 198, 173)))!important;box-shadow:0 -4px 24px #0d948826!important;border-top:1px solid rgba(13,148,136,.15)!important}:root[data-color-mode=light] .resizable-left-panel{background:#f8fffe}:root[data-color-mode=light] .config-sidebar{color:var(--config-text, #1f2937)}:root[data-color-mode=light] .moby-konfigurator-theme{--oc-bg: #f0fdfa;--oc-border: rgba(13, 148, 136, .15);--oc-shadow: 0 1px 4px rgba(13, 148, 136, .08);--oc-hover-bg: rgba(13, 148, 136, .06);--oc-hover-border: var(--config-accent-step, #0d9488);--oc-hover-shadow: 0 4px 12px rgba(13, 148, 136, .15);--oc-selected-bg: rgba(13, 148, 136, .12);--oc-selected-border: var(--config-accent-step, #0d9488);--oc-selected-shadow: 0 0 0 2px rgba(13, 148, 136, .3);--oc-text: #1f2937;--oc-price-color: #059669;--sb-bg: #f0fdfa;--sb-border: rgba(13, 148, 136, .12);--sb-title-color: #1f2937;--sb-divider: rgba(13, 148, 136, .15)}:root[data-color-mode=light] .moby-konfigurator-theme .vehicle-configuration:has(.main-content.with-imagepack),:root[data-color-mode=light] .moby-konfigurator-theme .vehicle-configuration-split{--oc-text: #1f2937;--oc-price-color: #047857;--sb-title-color: #0f172a;--sb-divider: rgba(13, 148, 136, .18);--config-text: #1f2937;--config-text-muted: #4b5563;--config-button-secondary-fg: var(--config-accent-step);--config-button-secondary-border: var(--config-accent-step)}:root[data-color-mode=light] .moby-konfigurator-theme .button:not(.button-danger):not(.button-secondary):not([style*=danger]){background:var(--config-accent-step, #0d9488);border-color:var(--config-accent-step, #0d9488)}:root[data-color-mode=light] .moby-konfigurator-theme .button:not(.button-danger):not(.button-secondary):hover:not(:disabled){background:#14b8a6;border-color:#14b8a6}:root[data-color-mode=light] .moby-konfigurator-theme .button-secondary{background:var(--config-button-secondary-bg, transparent);color:var(--config-button-secondary-fg, #0d9488);border-color:var(--config-button-secondary-border, #0d9488)}:root[data-color-mode=light] .summary-container{color:#1f2937}:root[data-color-mode=light] .summary-offer-spinner{border-color:#0d948840;border-top-color:#0d9488}:root[data-color-mode=light] .summary-step--ok{background:#0d94880f;border-color:#0d948833}:root[data-color-mode=light] .summary-step--ok .summary-step__header{color:#065f46}:root[data-color-mode=light] .summary-step--warn{background:#f59e0b0f;border-color:#f59e0b40}:root[data-color-mode=light] .summary-step--warn .summary-step__header{color:#92400e}:root[data-color-mode=light] .summary-step__detail{background:#0000000a;color:#374151;border-top-color:#00000014}:root[data-color-mode=light] .summary-offer-success{background:#0d948814;border-color:#0d948840;color:#065f46}:root[data-color-mode=light] .summary-offer-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}:root[data-color-mode=light] .summary-offer-card{border-top-color:#0d94881f}:root[data-color-mode=light] .ds-bottom-nav--konfigurator .ds-bottom-nav-step{background:#fff6;color:#1f2937}:root[data-color-mode=light] .ds-bottom-nav--konfigurator .ds-bottom-nav-step:hover:not(.active){background:#fff9}:root[data-color-mode=light] .ds-bottom-nav--konfigurator .ds-bottom-nav-step.active{background:#ffffffe6;color:#065f46}:root[data-color-mode=light] .ds-bottom-nav--konfigurator .bottom-nav-price-block .price-value{color:#1f2937}:root[data-color-mode=light] .ds-bottom-nav--konfigurator .bottom-nav-price-block .price-label,:root[data-color-mode=light] .ds-bottom-nav--konfigurator .bottom-nav-price-block .price-tax{color:#1f2937b3}:root[data-color-mode=light] .option-info-tooltip{background:#fffffff2;border-color:#0d948833;color:#1f2937;box-shadow:0 4px 16px #0000001f}:root[data-color-mode=light] .option-info-overlay-card{background:#fffffff2;border-color:#0d948826;color:#1f2937;box-shadow:0 8px 32px #00000026}:root[data-color-mode=light] .header-beratungsplatz-label{color:#1f2937}:root[data-color-mode=light] .header-display-status.offline{color:#9ca3af}:root[data-color-mode=light] .header-beratungsplatz-select{border-color:#0d94884d;background:#fff9;color:#1f2937}