/*
 * Mobile Select Common
 * 规范入口：见 /public/mobile-common-guidelines.md
 * 统一 5 个系统的移动端 select 下拉样式，避免各页重复维护。
 *
 * 变更说明：
 * - 2026-03 Step 1 第二轮：从 orders/after-sales/admin/profile/products-inventory 抽离公共规则。
 * - 2026-03 Step 1 第三轮：补充分组注释与接入说明，方便后续页面按同规范接入。
 */

@media (max-width: 768px) {
  /* A. 业务页面区块级选择器（筛选区/表格区/弹窗区） */
  .tech-card .admin-table td select,
  .modal-content .order-detail-summary-table select,
  .modal-content .table-container select,
  .modal-content .modal-product-table-container select,
  /* B. 通用输入类选择器（后台/个人中心/产品库存等） */
  select.search-input,
  select.form-input,
  select.tech-input,
  select.inventory-category-select,
  select.pagination-page-select,
  select.card-assign-select {
    /* C. 统一视觉参数（底色 + 箭头、位置、右侧留白） */
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--tech-surface-input, rgba(15, 23, 42, 0.85));
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px 12px;
    padding-right: 32px;
  }
}