/**
 * ORKIDEM-SELLER-MOBILE-WAVE-B-RESIDUAL-CLOSURE-V22
 * <=820px only.
 *
 * V21 exact residual closure:
 * 1) Stock save button 32 -> 40px
 * 2) Stock checkbox cell hit-area height -> >=40px
 * 3) Notification checkbox cell hit-area -> >=40px
 * 4) V20 false icon-column targeting corrected:
 *    table cells are NOT icons; only actual descendants are constrained.
 */

@media (max-width: 820px) {

  /* =========================================================
     STOCK & PRICE — exact specificity closure
     ========================================================= */
  html body.seller-master-v2.seller-master-v2.seller-page--stok-fiyat-index
  #ana-icerik#ana-icerik
  div.smv2-page.smv2-stock-price-page
  form.seller-p2e2-stock-workspace.s32-stock-form.psv2-stock-workspace
  > div.panel-bolum-baslik.s32-stock-section-head.psv2-stock-workspace-head
  > button.buton {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    box-sizing: border-box !important;
  }

  html body.seller-master-v2.seller-master-v2.seller-page--stok-fiyat-index
  #ana-icerik#ana-icerik
  table.s32-stock-table
  :is(th, td):has(> input[type="checkbox"]),
  html body.seller-master-v2.seller-master-v2.seller-page--stok-fiyat-index
  #ana-icerik#ana-icerik
  table.s32-stock-table
  :is(th, td):has(> input[type="radio"]) {
    min-height: 40px !important;
    height: 40px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
  }

  html body.seller-master-v2.seller-master-v2.seller-page--stok-fiyat-index
  #ana-icerik#ana-icerik
  table.s32-stock-table
  :is(th, td):has(> input[type="checkbox"]) > input[type="checkbox"],
  html body.seller-master-v2.seller-master-v2.seller-page--stok-fiyat-index
  #ana-icerik#ana-icerik
  table.s32-stock-table
  :is(th, td):has(> input[type="radio"]) > input[type="radio"] {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  /* =========================================================
     NOTIFICATIONS — checkbox target closure
     ========================================================= */
  html body.seller-master-v2.seller-master-v2.seller-page--bildirimler-index
  #ana-icerik#ana-icerik
  .onr31-page
  table.onr31-table
  :is(th.onr31-check, td.onr31-check) {
    min-width: 40px !important;
    min-height: 40px !important;
    height: 40px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
  }

  html body.seller-master-v2.seller-master-v2.seller-page--bildirimler-index
  #ana-icerik#ana-icerik
  .onr31-page
  table.onr31-table
  :is(th.onr31-check, td.onr31-check)
  > :is(input[type="checkbox"], input[type="radio"]) {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  /* =========================================================
     NOTIFICATIONS — correct V20 icon ownership
     .onr31-iconcol is a table column/cell, not a visual icon.
     Restore cell sizing; constrain actual icon descendants only.
     ========================================================= */
  html body.seller-master-v2.seller-master-v2.seller-page--bildirimler-index
  #ana-icerik#ana-icerik
  .onr31-page
  table.onr31-table
  :is(th.onr31-iconcol, td.onr31-iconcol) {
    max-width: none !important;
    max-height: none !important;
  }

  html body.seller-master-v2.seller-master-v2.seller-page--bildirimler-index
  #ana-icerik#ana-icerik
  .onr31-page
  table.onr31-table
  :is(th.onr31-iconcol, td.onr31-iconcol)
  > :is(svg, i, img, [class*="icon"]:not(.onr31-iconcol), [class*="ikon"]) {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
  }
}