/* Fit the application frame to the available screen; scroll module content, not controls. */
html,body{height:100%;overflow:hidden}
.demo-page{height:100dvh;min-height:0;display:flex;flex-direction:column;padding:10px;gap:8px}
.demo-toolbar{width:100%;flex:none;margin:0 auto;padding:0 10px;min-height:42px}
.demo-intro{flex:none;margin:0;max-width:1100px;font-size:12px;line-height:1.4}
.demo-disclaimer{display:none}
.desktop-viewport{flex:1;min-height:0;padding:0;overflow:hidden}
.qt-window{width:100%;height:100%;min-height:0;max-width:none;padding:10px;border-radius:16px}
.qt-shell{height:100%;min-height:0;padding:12px;gap:12px;border-radius:14px}
.top-bar{flex:none;min-height:0;padding:10px 14px;gap:12px;border-radius:12px}
.logo-badge{width:44px;height:44px;flex-basis:44px;font-size:15px}
.app-title{font-size:25px}.app-version{font-size:12px}.title-line{align-items:center}
.status-card{width:260px;padding:6px 10px}.status-row{min-height:18px}.status-row+.status-row{margin-top:2px}
.top-controls{gap:6px}.top-controls .qt-button,.top-controls .qt-combo,.top-action{min-height:34px;font-size:12px;padding:7px 12px}
.tabs-wrap{flex:1;min-height:0}.tab-bar{flex:none}.tab-button{min-height:48px;font-size:12px;border-radius:9px 9px 0 0}
.tab-pane{flex:1;min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain}
.module-root{height:100%;min-height:0;gap:12px}.module-content{min-height:0}.lcs-cols{min-height:0}
.left-stack,.right-stack{min-height:0;gap:12px}.group{padding:16px 12px 12px;border-radius:12px;flex-shrink:0}
.group.fill{flex:1;min-height:80px;display:flex;flex-direction:column}.group-title{font-size:13px;top:-9px;left:12px;padding:0 7px}
.status-panel{flex:1;min-height:0;overflow:auto}.status-log{min-height:0;line-height:1.5;font-size:12px}.field-label{font-size:13px}
.form-grid,.secure-grid{gap:8px 12px}.secure-grid{grid-template-columns:112px minmax(0,1fr) auto auto}.path-field{min-height:32px;font-size:13px}
.checkbox-row{font-size:13px;min-height:24px}.qt-button{min-height:32px;font-size:13px;padding:5px 13px}
.actions{flex:none}.actions .qt-button{min-width:170px}.blocks-scroll{max-height:none;min-height:0;flex:1;overflow:auto}.ecu-card{min-height:32px;padding:6px 8px;font-size:12px}
.code-list{min-height:0;max-height:none;flex:1;overflow:auto}.dme-list{height:auto;min-height:0;flex:1;overflow:auto}.dme-actions{flex:none;margin-top:12px}.ecu-grid{overflow:auto;min-height:0}.request-area{min-height:160px;flex:1}.footer-bar{flex:none;min-height:22px;padding:3px 10px;font-size:11px}.empty-state{min-height:0;font-size:13px}
.vehicle-upper,.vehicle-lower{min-height:0}.vehicle-section{min-height:0;display:flex;flex-direction:column}.vehicle-list,.ecu-tree{min-height:0;overflow:auto;flex:1}
@media(min-width:851px) and (max-height:720px){.demo-intro{font-size:11px}.qt-window{padding:5px}.qt-shell{padding:9px;gap:10px}.top-bar{padding:7px 10px}.tab-pane{padding:13px}.tab-button{min-height:42px}.group{padding:13px 10px 10px}.status-card{padding:4px 8px}}
@media(max-width:1100px){.top-bar{gap:8px}.app-title{font-size:21px}.top-action{font-size:11px}.status-card{width:220px}.top-controls .qt-combo{max-width:110px}.title-area{flex:1}.top-controls{flex-wrap:wrap}.secure-grid{grid-template-columns:90px minmax(0,1fr) auto auto}.field-label{white-space:normal}.actions .qt-button{min-width:120px}}
@media(max-width:850px){.demo-page{padding:6px;gap:5px}.demo-toolbar{padding:0 4px;min-height:38px}.edition-switch{padding:3px}.edition-switch button{padding:6px 12px}.demo-intro{font-size:11px;line-height:1.35;padding:0 4px}.qt-window{padding:4px}.qt-shell{padding:7px;gap:9px}.top-bar{padding:8px;gap:7px}.logo-badge{width:32px;height:32px;flex-basis:32px;font-size:12px}.title-line{gap:4px;row-gap:5px}.app-title{font-size:19px}.app-version{font-size:11px}.top-action{margin-left:4px;font-size:11px;padding:5px 8px;min-height:28px}.top-controls{width:100%;gap:5px;flex-wrap:wrap}.status-card{flex:1;min-width:170px;padding:4px 7px}.status-value{font-size:11px}.status-label{font-size:10px}.license-dot{width:10px;height:10px}.traffic-lights i{width:8px;height:8px}.top-controls .qt-button,.top-controls .qt-combo{min-height:30px;font-size:11px;padding:5px 8px}.tab-bar{overflow-x:auto;scrollbar-width:thin}.tab-button{min-height:42px;flex-basis:100px;font-size:11px}.tab-pane{padding:13px 10px}.module-root{height:auto;min-height:100%}.module-content,.lcs-cols{display:flex;flex-direction:column;gap:16px}.group.fill{min-height:110px}.left-stack,.right-stack{min-height:auto}.secure-grid{grid-template-columns:minmax(0,1fr) auto auto}.secure-grid>.field-label{grid-column:1/-1;text-align:left}.form-grid{grid-template-columns:minmax(0,1fr) auto auto}.form-grid .wide{grid-column:1/-1}.form-grid>span:empty{display:block}.form-grid .open{grid-column:auto}.secure-grid .open{grid-column:auto}.request-area{height:180px}.dme-list{height:250px;flex:auto}.blocks-scroll{max-height:240px}.code-list{max-height:230px;flex:auto}.vehicle-upper,.vehicle-lower{display:flex;flex-direction:column;gap:16px}.vehicle-section{min-height:160px}.vehicle-list,.ecu-tree{max-height:230px}.actions{position:sticky;bottom:-13px;background:var(--panel);padding:8px 0;margin-top:4px}.actions .qt-button{min-width:0}.footer-bar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.status-log{max-height:160px}.group-title{white-space:normal;position:static;margin:-7px 0 9px;padding:0;background:none;max-width:none;overflow:visible}.group{padding:15px 10px 10px}}
@media(max-width:440px){.edition-switch{order:initial;width:auto}.edition-switch button{font-size:12px;padding:6px 8px}.edition-switch small{font-size:10px}.demo-badge{display:none}.demo-toolbar{gap:5px}.status-card{min-width:160px}.title-area{flex-basis:auto}.top-controls>.qt-button{flex:none}.top-controls .qt-combo.language{min-width:58px}.top-controls .qt-combo{max-width:88px}.top-controls:has(#loadIsta:not([hidden])) .status-card{flex-basis:100%}.top-controls:has(#loadIsta:not([hidden])) #loadIsta{flex:1}.form-grid{grid-template-columns:minmax(0,1fr) auto auto}.qt-button{font-size:12px;padding:5px 8px}.field-label{font-size:12px}}