@media screen and (max-width:900px){

html,body{
height:auto!important;
overflow-y:auto!important;
overflow-x:hidden!important;
width:100vw!important;
}

#root,.app-container{
height:auto!important;
display:block!important;
overflow:visible!important;
width:100%!important;
max-width:100vw!important;
padding:8px 4px!important;
box-sizing:border-box!important;
}

header{
height:auto!important;
flex-direction:column!important;
align-items:center!important;
padding:10px 5px!important;
gap:8px!important;
z-index:100!important;
overflow:visible!important;
}

.header-left{
width:100%!important;
justify-content:center!important;
display:flex!important;
}

.header-right{
display:grid!important;
width:100%!important;
grid-template-columns:repeat(6,1fr)!important;
grid-auto-rows:42px!important;
gap:6px!important;
margin:0!important;
}

#btn-ble-bridge,#btn-connect{
grid-column:span 3!important;
font-weight:700!important;
}

.header-right button:not(#btn-ble-bridge):not(#btn-connect){
grid-column:span 2!important;
}

.header-right button{
height:40px!important;
font-size:12px!important;
white-space:nowrap!important;
border-radius:8px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}

.header-divider,.refresh-control{
display:none!important;
}

.dashboard-grid{
display:grid!important;
grid-template-columns:1fr 1fr!important;
width:100%!important;
max-width:100%!important;
gap:8px!important;
margin-bottom:12px!important;
box-sizing:border-box!important;
}

.metric-card{
height:95px!important;
min-width:0!important;
border-radius:12px!important;
padding:10px!important;
margin:0!important;
position:relative!important;
}

.card-cable{
grid-column:span 2!important;
height:auto!important;
min-height:60px!important;
}

.content-split{
flex-direction:column!important;
width:100%!important;
}

.log-panel{
width:100%!important;
height:45vh!important;
border-radius:8px!important;
margin-bottom:12px!important;
}

.toggle-panel{
width:100%!important;
max-width:100%!important;
min-width:100%!important;
left:0!important;
transform:none!important;
height:auto!important;
flex:none!important;
margin:0 0 60px 0!important;
box-sizing:border-box!important;
overflow-x:hidden!important;
}

.detail-table{
display:block!important;
width:100%!important;
overflow-x:auto!important;
-webkit-overflow-scrolling:touch!important;
border:1px solid var(--border-color)!important;
}

.gear-card .metric-value{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
}

.gear-val-main{
font-size:1.2rem!important;
font-weight:800!important;
color:var(--success-color)!important;
line-height:1!important;
}

.gear-val-type{
font-size:0.6rem!important;
margin-top:4px!important;
padding:1px 5px!important;
border-radius:4px!important;
background:rgba(var(--color-success-rgb),0.15)!important;
color:var(--success-color)!important;
}

#resizer,.gutter{
display:none!important;
}

.toast{
z-index:3000!important;
}

.chart-modal-content{
width:100vw!important;
max-width:100vw!important;
margin:0!important;
border-radius:0!important;
overflow:hidden!important;
}

.chart-modal-content *{
box-sizing:border-box!important;
}

.pdos-container{
padding:0 16px 20px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
max-height:70vh!important;
}

/* 强制单列 */
.pdo-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:16px!important;
width:100%!important;
max-width:100%!important;
}

/* 卡片宽度锁死 */
.pdo-card{
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
}

/* 防止内部撑破 */
.pdo-card-header{
width:100%!important;
overflow:hidden!important;
}

/* 防止文本溢出撑宽 */
.pdo-primary-text,
.pdo-sub-text{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* 禁止 modal 内横向滚动条 */
.pdo-section{
overflow:hidden!important;
}

.detail-grid{
  display:grid!important;
  grid-template-columns:1fr!important;   /* 强制单列 */
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
}

.detail-grid-item{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* 防止文本撑破宽度 */
.detail-grid-value{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* 禁止横向滚动 */
.chart-modal-content,
.pdos-container{
  overflow-x:hidden!important;
}

}