/* Eigene mobile Komposition: natürliche Höhe statt verschachtelter Desktop-Panels. */
@media(max-width:899px){
 html,body{min-width:0;overflow-x:clip}
 #app.dashboard-layout{width:100%;max-width:none;margin:0;padding:0;height:auto!important;min-height:100svh;overflow:visible!important}
 #app header{height:64px;padding:12px 16px;gap:12px}#app .logo{font-size:26px}#app .logo sup,#app .header-note{display:none}#app .contact{font-size:13px;padding:9px 10px;letter-spacing:0;gap:8px}#app .contact small{font-size:8px}
 #app main{height:auto;min-height:0;padding:0 14px 24px;display:block}
 #app .scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:5px;margin:12px 0}
 #app .scenarios button{min-width:0;min-height:64px;padding:10px 6px;font-size:10px;text-align:left;line-height:1.4;overflow-wrap:normal}#app .scenarios button>span{display:block;font-size:10px;margin-bottom:4px}#app .scenarios small{display:none}
 #app .show-controls{height:auto;display:block;margin:12px 0}#app .show-controls>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}#app .show-controls>span{display:none}#app .show-controls button{min-height:44px;font-size:11px;padding:9px 10px;letter-spacing:0}
 #app:not(.recording-layout) .cockpit{height:auto!important;display:flex;flex-direction:column;overflow:visible;gap:16px}
 #app.dashboard-layout:not(.portrait) .intelligence{display:flex;flex-direction:column;height:auto!important;min-height:0;padding:18px!important;gap:8px;overflow:visible;border:1px solid #dac49d26;border-radius:14px}
 #app.dashboard-layout:not(.portrait) .core-scene{width:100%;height:150px;min-height:150px;max-height:150px;aspect-ratio:auto;margin:0}
 #app .core-scene .core-orbits{max-height:190px}#app .holo-tag{display:none}#app .core-scene .core-state{display:none}
 #app .caption-stage{padding:8px 0;min-height:0;max-height:none}#app .live-caption{font-size:21px;line-height:1.3}#app #captionFact{display:none}
 #app #heroStatus,#app .voice-wave{display:none}#app #voiceStatus{font-size:12px;line-height:1.5;margin:0}#app .voice-consent{font-size:12px;margin:4px 0;align-items:flex-start}#app .voice-consent input{width:20px;height:20px}
 #app #micButton{font-size:16px;min-height:52px;width:100%;margin:4px 0;padding:14px}#app .voice-actions{width:100%;margin:0;gap:8px}#app .voice-actions button{min-height:44px;font-size:12px}#app .limits{font-size:10px;line-height:1.6;margin:4px 0}#app #ownerAccess{min-height:34px}#app .disclosure{font-size:11px;line-height:1.6;margin:0}
 #app:not(.recording-layout) .workspace{height:auto!important;display:block;padding:18px;min-width:0;overflow:visible;border:1px solid #dac49d26;border-radius:14px}
 #app:not(.recording-layout) #scenarioContent,#app.dashboard-layout:not(.portrait) #scenarioContent.has-order-detail{height:auto!important;min-height:0;max-height:none;overflow:visible;display:block;padding-top:18px}
 #app .finance-head{gap:8px}#app.dashboard-layout.cinema-mode:not(.portrait) .finance-head .amount{font-size:clamp(36px,10vw,56px);letter-spacing:-2px}#app .finance-seal{width:58px;height:58px}#app .finance-seal>span{font-size:15px}#app .finance-seal small{font-size:6px;letter-spacing:0}#app .growth{font-size:12px;line-height:1.6}#app .growth span{display:block;margin:0}
 #app .finance-toolbar{flex-wrap:wrap;margin:12px 0;gap:8px}#app .periods{display:flex;gap:4px}#app .periods button,#app .finance-toolbar button{min-height:44px;font-size:11px;padding:8px}#app .finance-replay{margin-left:0}
 #app.dashboard-layout.cinema-mode:not(.portrait) .finance-plot{height:210px;min-height:210px;margin:12px 0}#app .plot-heading{font-size:10px!important;gap:8px}#app .land-labels button{min-height:44px;font-size:9px;padding:0;min-width:0}
 #app .finance-readout{gap:8px;padding:12px 0!important}#app.dashboard-layout.cinema-mode:not(.portrait) .finance-readout strong{font-size:clamp(17px,5vw,24px)}#app .finance-readout small,#app .finance-bottom small{font-size:9px;letter-spacing:0;line-height:1.5;min-height:27px;color:#b5bdbd}
 #app .finance-bottom{grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}#app .finance-bottom>div:last-child{grid-column:1/-1;border-top:1px solid #ffffff16;padding-top:14px}#app .finance-bottom .finance-customer{font-size:19px}
 #app #suggestions{margin-top:20px;grid-template-columns:1fr}#app #suggestions button{min-height:48px;font-size:13px;padding:12px}
 #app .order-flow{gap:5px;padding:12px 5px}#app .order-flow small{font-size:9px}#app .order-list{max-height:none;overflow:visible}#app .order-card{min-width:0;padding:12px 8px;gap:8px}#app .order-info{min-width:0}#app .order-info strong{font-size:14px;overflow-wrap:anywhere}#app .order-info small{font-size:10px}#app .order-price{font-size:14px}#app .order-icon,#app .order-icon svg{width:38px}#app .order-status{font-size:9px}
 #app #orderDetail.cinematic-order,#app #orderDetail.scope-open{display:flex;flex-direction:column;height:auto;max-height:none;overflow:visible;gap:16px;padding:16px 0;border-inline:0}
 #app .order-detail-top{flex-wrap:wrap;gap:12px}#app .order-detail-top h3{font-size:26px}#app .order-project-stage{width:100%;height:240px;min-height:240px;display:block;flex:none}#app .order-project-info{min-width:0}#app .order-project-info p{font-size:14px;line-height:1.6}#app .order-progress{flex-wrap:wrap;gap:8px}
 #app .detail-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;order:0}#app .detail-tabs button{min-height:44px;font-size:12px;padding:10px 6px}#app .scope-panel{padding:0;overflow:visible}#app .scope-panel .scope-title{font-size:26px;margin:12px 0}#app .scope-card h4{font-size:16px}#app .scope-card p{font-size:14px;line-height:1.6}#app .scope-panel .scope-note{font-size:11px;line-height:1.5}
 #app .brief-form{grid-template-columns:1fr;gap:14px}#app .brief-form label{font-size:13px}#app .brief-form input,#app .brief-form textarea,#app #commandInput{font-size:16px;padding:13px;min-width:0}#app .brief-form button,#app .slot,#app .booking-confirm button{min-height:48px;font-size:14px}#app .scenario-description,#app .recommendation p{font-size:14px;line-height:1.6}#app .slot strong{font-size:15px}#app .slot small{font-size:12px}
 #app:not(.cinema-mode):not(.recording-layout) .conversation{display:flex;height:auto;min-height:280px;max-height:420px;padding:18px;border:1px solid #dac49d26;border-radius:14px}#app #log{max-height:260px}#app #commandForm{flex-shrink:0}
 #app .offer{margin-top:36px;padding:24px 4px;display:block}#app .offer h2{font-size:36px}#app .offer-list{margin-top:32px}#app footer{flex-wrap:wrap;padding:20px 16px;gap:12px;font-size:9px}
 .aura-dialog{padding:24px 18px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.aura-dialog h2{font-size:27px}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%;min-height:48px}
 #app.dashboard-layout.extended-display{display:flex!important;flex-direction:column;height:auto!important;min-height:100svh!important;padding:20px;overflow:visible!important}#app.extended-display .companion-stage{height:auto;min-height:0;padding-bottom:24px}#app .companion-body{height:auto;display:flex;flex-direction:column;gap:24px;align-items:stretch}#app .companion-heading{display:flex;height:auto;padding:0 0 24px;flex-wrap:wrap;gap:12px}#app .companion-heading span{width:100%;font-size:9px}#app .companion-fullscreen{margin-left:0;min-height:44px}#app .direction-badge{position:static;margin-bottom:10px}#app .companion-facts{overflow:visible;max-height:none}#app .companion-visual>.concept-image{height:240px}#app .companion-speech{order:2;position:static;max-height:none;padding:18px;display:block}#app .companion-speech p{font-size:18px}#app .companion-value{font-size:clamp(44px,13vw,80px)}#app .companion-metrics{grid-template-columns:1fr}#app .companion-order-list{max-height:none;overflow:visible}
}