/* DiagnostiX V6: browser/PWA mobile sensor-card layout only.
   Do not load in native Android; this stylesheet is linked only by web platform.html. */
@media (max-width:767px){
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-list{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx305-sensor-group{
    max-width:100%!important;
    min-width:0!important;
    margin-top:9px!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row{
    box-sizing:border-box!important;
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 30px!important;
    grid-template-rows:auto auto!important;
    gap:6px 11px!important;
    width:calc(100% - 4px)!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:124px!important;
    height:auto!important;
    padding:14px 13px!important;
    margin:0 2px 12px!important;
    border:1px solid rgba(185,206,231,.085)!important;
    border-radius:17px!important;
    box-shadow:none!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row-icon{
    grid-column:1!important;grid-row:1!important;
    width:39px!important;height:39px!important;
    align-self:start!important;margin:0!important;
    border-radius:12px!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row-copy{
    grid-column:2!important;grid-row:1!important;
    min-width:0!important;align-self:start!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx305-sensor-title-line{
    display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;
    gap:4px 7px!important;min-width:0!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx305-sensor-title-line strong{
    flex:1 1 112px!important;min-width:0!important;
    font-size:16px!important;line-height:1.27!important;
    white-space:normal!important;overflow-wrap:break-word!important;
    text-overflow:clip!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx305-sensor-title-line em{
    flex:0 0 auto!important;align-self:center!important;
    padding:3px 7px!important;font-size:10px!important;
    border-radius:9px!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row-copy>small{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    max-width:100%!important;
    overflow:hidden!important;
    white-space:normal!important;
    font-size:12px!important;line-height:1.35!important;
    margin-top:5px!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx-mobile-premium-badge{
    margin-top:7px!important;
    font-size:10.5px!important;
    padding:4px 8px!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx305-sensor-info{
    grid-column:3!important;grid-row:1!important;
    width:28px!important;height:28px!important;
    padding:2px!important;margin:0!important;
    align-self:start!important;justify-self:end!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx305-sensor-bottom{
    grid-column:1/3!important;grid-row:2!important;
    min-width:0!important;align-self:end!important;
    margin:4px 0 0!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx305-sensor-bottom b{
    font-size:19px!important;line-height:1.12!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx305-sensor-bottom small{
    font-size:11px!important;margin-top:3px!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row-state{
    grid-column:3!important;grid-row:2!important;
    display:flex!important;flex-direction:column!important;align-items:flex-end!important;
    gap:4px!important;margin:0!important;padding:0!important;min-width:0!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row-state strong,
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row-state small{
    min-width:0!important;width:auto!important;
    padding:4px 6px!important;margin:0!important;
    font-size:10px!important;line-height:1.3!important;
    border-radius:8px!important;
  }
  /* All content under the overlay remains readable as an outline, never as
     actionable controls or premium data. Do not blur or dim the overlay itself. */
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row.is-online-locked{
    min-height:112px!important;
    height:auto!important;
    opacity:1!important;
    filter:none!important;
    background:#24303d!important;
    border-color:rgba(180,198,221,.12)!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row.is-online-locked > :not(.dx-web-sensor-lock-overlay-v6){
    filter:blur(2.5px) grayscale(.35)!important;
    opacity:.50!important;
    pointer-events:none!important;
    user-select:none!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row.is-online-locked .dx305-sensor-bottom,
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row.is-online-locked .dx303-sensor-row-state{
    display:none!important;
  }
  /* Cancel the old top-right lock. It must only exist in the center overlay. */
  body[data-page="home"] #dxAndroidExactAppV303 .dx-web-locked-icon-v5{display:none!important}
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row .dx-web-sensor-lock-overlay-v6{
    position:absolute!important;
    inset:0!important;
    z-index:10!important;
    isolation:isolate!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;height:100%!important;
    min-height:0!important;
    margin:0!important;padding:12px!important;
    border:0!important;border-radius:inherit!important;
    background:rgba(12,21,32,.31)!important;
    -webkit-backdrop-filter:blur(1.4px)!important;
    backdrop-filter:blur(1.4px)!important;
    color:#edf2f9!important;
    cursor:pointer!important;
    text-align:center!important;
    box-shadow:none!important;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx-web-lock-action-v6{
    display:inline-grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    width:42px!important;height:42px!important;
    min-width:42px!important;min-height:42px!important;
    border-radius:14px!important;
    border:1px solid rgba(198,218,241,.28)!important;
    background:rgba(40,58,76,.93)!important;
    color:#eaf3ff!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx-web-lock-action-v6 svg{
    width:23px!important;height:23px!important;
    display:block!important;stroke:currentColor!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx-web-lock-action-label-v6{
    display:block!important;
    font-size:12px!important;line-height:1.2!important;
    font-weight:760!important;letter-spacing:.01em!important;
    color:#f5f9fe!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx-web-sensor-lock-overlay-v6:focus-visible{
    outline:3px solid #9fd4ff!important;outline-offset:-4px!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx-web-sensor-lock-overlay-v6:active{
    background:rgba(23,45,69,.45)!important;
  }
}
@media(max-width:360px){
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row{
    grid-template-columns:35px minmax(0,1fr) 26px!important;
    gap:4px 8px!important;padding:12px 10px!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row-icon{
    width:34px!important;height:34px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] #dxAndroidExactAppV303 .dx-web-sensor-lock-overlay-v6{
    transition:none!important;animation:none!important;
  }
}/* V6 final: the lock icon itself is at the exact center; label is small beneath it. */
@media (max-width:767px){
  body[data-page="home"] #dxAndroidExactAppV303 .dx-web-sensor-lock-overlay-v6 .dx-web-lock-action-v6{
    position:absolute!important;
    top:50%!important;left:50%!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx-web-sensor-lock-overlay-v6 .dx-web-lock-action-label-v6{
    position:absolute!important;
    top:calc(50% + 27px)!important;
    left:12px!important;right:12px!important;
    display:block!important;
    width:auto!important;
    padding:0!important;margin:0!important;
    background:transparent!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:700!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row:not(.is-online-locked) .dx305-sensor-bottom{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;
    gap:3px 10px!important;
  }
  body[data-page="home"] #dxAndroidExactAppV303 .dx303-sensor-row:not(.is-online-locked) .dx305-sensor-bottom small{
    display:inline!important;
    margin:0!important;
    line-height:1.25!important;
  }
}