/* Mobile admin hotfix v14: cache-independent catalog, payments and blog editor. */
@media (max-width: 900px) {
  .admin .product-list.product-table .product-row {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-areas:
      "select product product product product product"
      "stock stock price price promo promo"
      "status status status actions actions actions" !important;
  }
  .admin .product-row > strong,
  .admin .product-row > span:nth-of-type(2),
  .admin .product-row > span:nth-of-type(3) {
    width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  .admin .admin-payment-grid > label.disabled-method::after { content: none !important; display: none !important; }
  .admin .admin-payment-grid > label.disabled-method > em { margin-left: auto !important; white-space: nowrap !important; }
  .admin .payment-config-head > .payment-mark.transfer-mark {
    display: grid !important; place-items: center !important; flex: 0 0 46px !important;
    width: 46px !important; min-width: 46px !important; height: 46px !important;
    border-radius: 12px !important; background: #eef7fd !important;
  }
  .admin .payment-config-head > .payment-mark.transfer-mark img {
    width: 30px !important; max-width: 30px !important; height: 30px !important;
    max-height: 30px !important; object-fit: contain !important;
  }
  .admin .qa-payment-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 9px !important; }
  .admin .qa-payment-option {
    display: grid !important; grid-template-columns: 18px minmax(72px, 88px) minmax(0, 1fr) !important;
    align-items: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important;
    min-height: 58px !important; height: auto !important; padding: 10px 12px !important;
  }
  .admin .qa-payment-option > input { width: 16px !important; min-width: 16px !important; height: 16px !important; margin: 0 !important; }
  .admin .qa-payment-option > .qa-payment-logo {
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 100% !important; min-width: 0 !important; height: 34px !important;
  }
  .admin .qa-payment-option > .qa-payment-logo img {
    display: block !important; width: auto !important; max-width: 100% !important;
    height: auto !important; max-height: 30px !important; object-fit: contain !important;
  }
  .admin .qa-payment-option > span:last-child {
    min-width: 0 !important; overflow-wrap: normal !important; word-break: normal !important;
    white-space: normal !important; line-height: 1.25 !important;
  }
}
@media (max-width: 640px) {
  .admin .blog-editor .ql-toolbar:has(.ql-picker.ql-expanded) { padding-bottom: 122px !important; }
  .admin .blog-editor .ql-color-picker .ql-picker-options,
  .admin .blog-editor .ql-background.ql-picker .ql-picker-options { left: auto !important; right: 0 !important; }
}
/* Blog picker v15: keep toolbar stable while moving only the editor. */
@media (max-width: 640px) {
  .admin .blog-editor .ql-toolbar:has(.ql-picker.ql-expanded) {
    padding-bottom: 8px !important;
  }
  .admin .blog-editor .ql-toolbar:has(.ql-picker.ql-expanded) + .ql-container {
    margin-top: 122px !important;
  }
}
/* Institutional picker v16: same stable behavior as Blog. */
@media (max-width: 640px) {
  .admin .institutional-content-field .ql-toolbar:has(.ql-picker.ql-expanded) {
    padding-bottom: 8px !important;
  }
  .admin .institutional-content-field .ql-toolbar:has(.ql-picker.ql-expanded) + .ql-container {
    margin-top: 122px !important;
  }
  .admin .institutional-content-field .ql-color-picker .ql-picker-options,
  .admin .institutional-content-field .ql-background.ql-picker .ql-picker-options {
    left: auto !important;
    right: 0 !important;
  }
}
/* Institutional picker v17: its color control sits on the left. */
@media (max-width: 640px) {
  .admin .institutional-content-field .ql-color-picker .ql-picker-options,
  .admin .institutional-content-field .ql-background.ql-picker .ql-picker-options {
    left: 0 !important;
    right: auto !important;
  }
}