/* Production workspace: the model remains the main surface. */
:root{--workspace-ink:#191c1c;--workspace-muted:#5d6763;--workspace-orange:#f60;--workspace-panel:#fefefedf;--workspace-line:#d9ddda}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--workspace-ink);background:#f3f4f3}
.production-immersive{background:#eeefed;color:var(--workspace-ink)}
.production-immersive .production-scene{background:#eeefed}
.workspace-nav{position:absolute;z-index:6;inset:0 auto 0 0;width:88px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 8px 18px;background:#fdfdfce8;border-right:1px solid #dadfdb;backdrop-filter:blur(18px)}
.workspace-mark{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:15px;background:#1d2220;color:#fff;text-decoration:none;font-size:28px;font-weight:700;letter-spacing:-3px;line-height:1}.workspace-mark span{color:#ff7a24}
.workspace-nav-caption{font-size:8px;font-weight:700;color:#5d6861;letter-spacing:.6px;margin:20px 0 2px}.workspace-nav-item{width:68px;border:0;border-radius:13px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 2px;color:#58615d;text-decoration:none;font-size:9px;font-weight:600;text-align:center}.workspace-nav-item .icon svg{width:19px;height:19px}.workspace-nav-item:hover{background:#e9edeb}.workspace-nav-item.active{color:#fff;background:#212624}.workspace-nav-item.active .icon{color:#ff8b47}.workspace-nav-spacer{flex:1}
.immersive-header{top:13px;left:104px;right:20px;height:64px;padding:0 14px 0 20px;gap:16px;background:#fffffff2;border:1px solid #fff;border-radius:17px;box-shadow:0 9px 35px #1e29220c;backdrop-filter:blur(20px)}
.immersive-brand img{width:90px}.immersive-identity{padding-left:16px}.immersive-identity strong{font-size:15px;letter-spacing:-.4px;font-weight:650}.immersive-heading{padding-left:16px}.immersive-heading strong{font-size:12px;font-weight:500;color:#4e5753}.immersive-top-actions{gap:8px}.immersive-demo{font-size:10px;font-weight:650;color:#4d5a51;letter-spacing:0}.immersive-button,.immersive-close{border-radius:11px;background:#f2f4f2;border-color:#ecefed;font-size:11px}.immersive-close{background:#242927;color:#fff;border-color:#242927}
.immersive-rail{top:112px;left:116px;width:223px;padding:0;z-index:3}.immersive-label{font-size:9px;letter-spacing:1px;color:#66716a}.immersive-label .orange-line{width:18px;height:3px}.immersive-rail h2{font-size:37px;font-weight:400;letter-spacing:-1.8px;line-height:1.04;margin:19px 0 25px}.immersive-rail h2 em{font-style:normal;color:#b84500}.immersive-summary{gap:23px}.immersive-summary strong{font-size:24px;font-weight:500;letter-spacing:-.8px}.immersive-summary span{font-size:10px;color:#56645b}
.production-products{top:105px;left:350px;right:312px;gap:9px}.production-products .product-glass{background:#ffffffc9;border:1px solid #fff;border-radius:16px;box-shadow:0 9px 30px #2b382f0d;backdrop-filter:blur(18px);padding:8px;gap:9px}.production-products .product-glass.selected{border-color:#d85a12;background:#fff6efee}.product-image{border-radius:10px}.product-information small{font-size:10px;color:#59655d}.product-information strong{font-size:12px;font-weight:650}.product-information>span{font-size:10px;color:#59655d}.product-indicator{color:#34443a}
.immersive-team{top:106px;right:20px;bottom:104px;width:258px;padding:17px;background:#ffffffd6;border:1px solid #fff;border-radius:19px;box-shadow:0 16px 50px #33463a13;backdrop-filter:blur(22px) saturate(1.1)}.immersive-team-head>div>span{font-size:9px;color:#637168;letter-spacing:.7px}.immersive-team h3{font-size:18px;font-weight:550;letter-spacing:-.5px;margin:5px 0 13px}.immersive-team-count{background:#eaf0eb;color:#315d41}.immersive-person{padding:9px 0}.immersive-person-name strong{font-size:12px;font-weight:600}.immersive-person-name small,.immersive-person-status{font-size:10px}.immersive-team-action{background:#202724;color:#fff;border-radius:11px;font-size:11px}.immersive-team-action .icon:first-child{color:#ff994e}.immersive-team-action:hover{background:#343c38}
.immersive-bottom{left:106px;right:20px;bottom:18px;gap:8px}.immersive-filters,.immersive-bottom .scene-controls,.immersive-caption{border-radius:13px;background:#ffffffdc;border:1px solid #fff;box-shadow:0 10px 32px #2b382f12;backdrop-filter:blur(18px)}.immersive-filters label>span{font-size:8px;letter-spacing:.8px}.immersive-filters input,.immersive-filters select{font-size:11px;color:#27332d}.immersive-caption{padding:9px 14px}.immersive-caption span{font-size:10px}.immersive-bottom .scene-controls .icon-button{width:34px;height:34px;border-radius:9px;background:#f1f3f1}.product-feature{left:108px;top:344px;border-radius:17px}.production-immersive .production-hotspot{box-shadow:0 6px 20px #23362a1d!important}
/* The supporting workspaces use the same typography and restrained surfaces. */
.sidebar{background:#fafbf9}.topbar,.panel,.metric{border-radius:15px}.nav-item{border-radius:11px}.button{border-radius:10px}dialog{border-radius:18px}.page-heading h1{font-weight:550}
@media(max-width:1250px){.workspace-nav{width:72px}.workspace-mark{width:43px;height:43px}.workspace-nav-item{width:58px;font-size:8px}.immersive-header{left:86px}.immersive-rail{left:94px;width:190px}.immersive-rail h2{font-size:32px}.production-products{left:290px;right:266px}.immersive-team{right:14px;width:230px}.immersive-bottom{left:86px;right:14px}.product-feature{left:86px;width:210px}}
@media(max-width:900px) and (min-width:601px){.workspace-nav{width:62px;padding-left:3px;padding-right:3px}.workspace-nav-item{width:52px;font-size:8px}.immersive-header{left:74px;right:12px;top:10px}.immersive-rail{left:82px;right:20px;top:88px;width:auto}.immersive-rail h2{font-size:23px}.production-products{left:74px;right:12px;top:148px}.immersive-bottom{left:74px;right:12px;bottom:76px}.immersive-mobile-team{left:74px;right:12px}.immersive-team{display:none}.product-feature{display:none}}
@media(max-width:600px){.workspace-nav{display:none}.immersive-header{left:10px;right:10px;top:9px;height:54px;padding:0 9px}.immersive-brand img{width:72px}.immersive-identity{display:block;padding-left:8px}.immersive-identity strong{font-size:12px}.immersive-heading{display:none}.immersive-demo{display:inline;font-size:8px}.immersive-button{width:37px;height:37px;padding:0;font-size:0}.immersive-close{width:37px;height:37px}.immersive-rail{left:15px;right:15px;top:78px;width:auto}.immersive-rail h2{font-size:18px;letter-spacing:-.6px}.immersive-summary strong{font-size:16px}.immersive-summary span{font-size:8px}.production-products{left:10px;right:10px;top:129px}.immersive-bottom{left:10px;right:10px;bottom:73px}.immersive-mobile-team{left:10px;right:10px;bottom:10px}.product-feature{display:none}.immersive-filters input,.immersive-filters select{font-size:10px}}
@media(max-width:370px){.immersive-brand img{width:65px}.immersive-identity strong{font-size:11px}.immersive-demo{font-size:7px}.immersive-rail h2{font-size:14px}}
@media(max-height:600px) and (min-width:601px){.immersive-header{top:8px;height:48px}.immersive-rail{display:none}.production-products{top:66px}.immersive-bottom{bottom:65px}.workspace-nav{padding-top:10px}.workspace-nav-caption{margin-top:6px}}
@media(min-width:901px){.immersive-rail h2{font-weight:300;font-size:41px;letter-spacing:-2.1px}.product-information{overflow:hidden}.product-information strong,.product-information small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(min-width:901px) and (max-width:1350px){.product-information>span,.product-indicator{display:none}}
.workspace-alert{display:inline-flex;align-items:center;gap:7px;margin-top:20px;padding:9px 11px;background:#fff7f0;border:1px solid #ead3c4;border-radius:10px;color:#9a3d08;font-size:10px;font-weight:650}.workspace-alert .icon svg{width:14px;height:14px}.workspace-alert:hover{background:#ffeadc}
@media(max-width:900px){.workspace-alert{display:none}}
.product-feature{top:365px}
@media(max-height:760px) and (min-width:901px){.product-feature{top:355px;width:205px;padding:10px}.product-feature-image{height:88px}.workspace-alert{margin-top:10px}}
.demo-label,.page-footer{color:#4e5c54}.page-footer{font-size:10px}
.app-shell .context-toolbar{background:#ffffffd9;border:1px solid #fff;border-radius:14px;padding:12px 16px;box-shadow:0 8px 28px #27362b0a}.app-shell .page-heading p{color:#54625a}.app-shell .matrix-table th{background:#f5f7f5;color:#536159}.app-shell .matrix-table .group-row th{background:#edf1ee}.app-shell .matrix-table td{border-color:#edf0ed}.app-shell .skill-button{border-radius:8px}.app-shell .metric,.app-shell .panel{background:#ffffffdc;border-color:#fff;box-shadow:0 12px 40px #293a2e0a}.app-shell .line-symbol{border-radius:10px}.app-shell .badge{border-radius:7px}.app-shell .page-footer{color:#4e5c54}
.production-products .product-glass>.product-indicator{flex:0 0 auto}.product-information strong{white-space:normal;overflow:visible;overflow-wrap:anywhere}
@media(max-width:600px){.production-products .product-glass{height:84px}.product-information strong{font-size:10px;line-height:1.2}}
@media(max-width:600px){.production-products .product-glass{height:92px}}

/* Ausreichender Textkontrast auch im Hover-Zustand. */
.button-primary:hover{color:#111}
.heading-actions .button[hidden]{display:none}
