/* DiagnostiX platform browser — desktop/tablet only.
   Native Android app and 0-767px exact mobile web layout are unchanged. */
@media(min-width:768px){
  body[data-page="home"] .app-page-live,
  body[data-page="home"] .app-page-charts{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin-inline:0 !important;
    padding:clamp(16px,2.1vw,28px) !important;
    border:0 !important;
    border-radius:16px !important;
    background:#151e29 !important;
    background-image:none !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  body[data-page="home"] .app-page-live .section-head,
  body[data-page="home"] .app-page-charts .section-head{
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;
    width:100% !important;
    min-width:0 !important;
    gap:14px 20px !important;
    margin:0 0 20px !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
  }
  body[data-page="home"] .app-page-live .section-head>div:first-child,
  body[data-page="home"] .app-page-charts .section-head>div:first-child{
    flex:1 1 280px !important;
    min-width:0 !important;
  }
  body[data-page="home"] :is(.app-page-live,.app-page-charts) .section-head h2 {
    font-size:clamp(23px,2.3vw,32px) !important;
    line-height:1.2 !important;
    letter-spacing:-.018em !important;
    overflow-wrap:break-word;
  }
  body[data-page="home"] :is(.app-page-live,.app-page-charts) .section-head p{
    font-size:15px !important;
    line-height:1.52 !important;
    max-width:67ch !important;
  }
  body[data-page="home"] :is(.app-page-live,.app-page-charts) .section-head .head-actions{
    flex:0 1 auto !important;
    margin:0 !important;
    padding:0 !important;
  }
  body[data-page="home"] :is(.app-page-live,.app-page-charts) .head-actions .btn{
    min-height:48px !important;
    min-width:185px !important;
    border:0 !important;
    border-radius:11px !important;
    background:#2578c6 !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#fff !important;
    font-weight:720 !important;
  }
  body[data-page="home"] .main-layout .app-page-live #widgetGrid.widget-grid.sensor-grid-v2{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  body[data-page="home"] .main-layout .app-page-live #widgetGrid.widget-grid.sensor-grid-v2>.widget-card.sensor-card-v2 {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    min-height:196px !important;
    height:auto !important;
    margin:0 !important;
    padding:18px !important;
    border:0 !important;
    border-radius:15px !important;
    background:#202c3b !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  body[data-page="home"] .diagram-grid-v4 {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
    width:100% !important;
    min-width:0 !important;
  }
  body[data-page="home"] .diagram-grid-v4>.diagram-card-v4 {
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:310px !important;
    height:auto !important;
    margin:0 !important;
    padding:18px !important;
    border:0 !important;
    border-radius:15px !important;
    background:#202c3b !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  body[data-page="home"] #widgetModal.modal-backdrop {
    position:fixed !important;
    inset:0 !important;
    z-index:12000 !important;
    display:grid !important;
    place-items:center !important;
    padding:24px !important;
    background:rgba(7,12,20,.8) !important;
    overflow:auto !important;
  }
  body[data-page="home"] #widgetModal.modal-backdrop.hidden {
    display:none !important;
  }
  body[data-page="home"] #widgetModal>.modal{
    width:min(960px,100%) !important;
    max-width:100% !important;
    max-height:calc(100dvh - 48px) !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    padding:22px !important;
    gap:14px !important;
    border:0 !important;
    border-radius:18px !important;
    background:#1c2835 !important;
    background-image:none !important;
    box-shadow:0 24px 55px rgba(0,0,0,.25) !important;
  }
  body[data-page="home"] #widgetModal .modal-header{
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    min-width:0 !important;
  }
  body[data-page="home"] #widgetModal .modal-header h3{
    font-size:clamp(23px,2.5vw,29px) !important;
    line-height:1.23 !important;
    letter-spacing:-.025em !important;
  }
  body[data-page="home"] #widgetModal .pid-library{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    max-height:none !important;
    min-height:0 !important;
    flex:1 1 auto !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    padding:2px 4px 12px 0 !important;
  }
  body[data-page="home"] #widgetModal .pid-library>.pid-item{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:16px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:12px !important;
    background:#263342 !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  body[data-page="home"] #widgetModal .pid-item button.pid-toggle-btn-v4{
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    white-space:normal !important;
    padding:10px !important;
    border-radius:10px !important;
  }
  body[data-page="home"] #widgetModal .pid-item .pid-item-top{
    display:flex !important;
    gap:10px !important;
    min-width:0 !important;
  }
  body[data-page="home"] #widgetModal .pid-item .pid-item-top>div:first-child{
    min-width:0 !important;
    flex:1 1 auto !important;
  }
  body[data-page="home"] .profile-menu-v3{
    border:0 !important;
    border-radius:17px !important;
    background:#1e2a38 !important;
    background-image:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 16px 40px rgba(0,0,0,.25) !important;
    transform-origin:calc(100% - 26px) 0;
  }

}
@media(min-width:768px) and (max-width:1120px){
  body[data-page="home"] .main-layout .app-page-live #widgetGrid.widget-grid.sensor-grid-v2{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body[data-page="home"] .diagram-grid-v4{
    grid-template-columns:minmax(0,1fr) !important;
  }
  body[data-page="home"] #widgetModal .pid-library{
    grid-template-columns:minmax(0,1fr) !important;
  }
}
@media(min-width:1580px){
  body[data-page="home"] .main-layout .app-page-live #widgetGrid.widget-grid.sensor-grid-v2{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
/* Compact info badge, real premium action in shared Live/Diagram picker. */
body[data-page="home"] #widgetModal .pid-item-side-v30{display:flex!important;flex:0 0 auto!important;align-items:flex-start!important;justify-content:flex-end!important;width:auto!important;max-width:46%!important;margin-left:auto!important;gap:6px!important}
body[data-page="home"] #widgetModal .pid-item .info-tip.pid-info-tip-v30{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;min-width:34px!important;min-height:34px!important;flex:0 0 34px!important;display:inline-grid!important;place-items:center!important;border-radius:50%!important}
body[data-page="home"] #widgetModal .pid-item-side-v30 .pill{width:auto!important;min-width:0!important;max-width:100%!important;padding:5px 8px!important;font-size:11px!important;line-height:1.3!important;white-space:normal!important}
body[data-page="home"] #widgetModal button.pid-toggle-btn-v4.is-premium-locked{background:#247bc9!important;color:#fff!important;border:0!important;opacity:1!important;min-height:48px!important;cursor:pointer!important;font-weight:750!important;box-shadow:none!important}
body[data-page="home"] #widgetModal button.pid-toggle-btn-v4.is-premium-locked:hover{background:#19609e!important}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .profile-menu-v3{
    animation:none !important;
    transition:none !important;
  }
}