/* 大鱼高级筛选 — 接在熊猫工具栏下方，同宽、同 Ant 控件风格 */
.dayu-android-panel {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  clear: both;
  margin: 0;
  padding: 12px 0 4px;
  background: transparent;
  border: none;
  border-top: 1px dashed #e8e8e8;
  border-radius: 0;
  box-shadow: none;
  font: 13px/1.5715 "Segoe UI", "Microsoft YaHei", sans-serif;
}

.dayu-adv-search {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}

.dayu-adv-search input[name="q"] {
  flex: 1 1 240px;
  max-width: 420px;
  height: 32px;
  padding: 4px 11px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: #fff;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  transition: border-color 0.2s;
}

.dayu-adv-search input[name="q"]:hover {
  border-color: #4096ff;
}

.dayu-adv-search input[name="q"]:focus {
  outline: none;
  border-color: #4096ff;
  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
}

.dayu-btn {
  height: 32px;
  padding: 4px 15px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: rgba(0, 0, 0, 0.88);
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5715;
}

.dayu-btn:hover {
  color: #4096ff;
  border-color: #4096ff;
}

.dayu-btn--primary {
  background: #1677ff;
  border-color: #1677ff;
  color: #fff;
}

.dayu-btn--primary:hover {
  background: #4096ff;
  border-color: #4096ff;
  color: #fff;
}

.dayu-adv-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px 10px;
  align-items: center;
}

@media (max-width: 1400px) {
  .dayu-adv-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .dayu-adv-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.dayu-adv-grid select,
.dayu-adv-grid input {
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: #fff;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  box-sizing: border-box;
}

.dayu-adv-grid select:focus,
.dayu-adv-grid input:focus {
  outline: none;
  border-color: #4096ff;
  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
}

.dayu-adv-search .ops-result-count,
.dayu-adv-grid .ops-result-count {
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  white-space: nowrap;
  grid-column: 1 / -1;
}

button.dayu-hide-rescan {
  display: none !important;
}

/* 熊猫列表工具栏内 UPI 筛选（与品牌/安装时间同一行） */
.dayu-panda-upi-wrap {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  flex-shrink: 0;
}

.dayu-panda-upi-wrap .dayu-panda-ctl {
  height: 32px;
  margin: 0;
  padding: 4px 11px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: #fff;
  color: rgba(0, 0, 0, 0.88);
  font: 14px/1.5715 "Segoe UI", "Microsoft YaHei", sans-serif;
  box-sizing: border-box;
}

.dayu-panda-upi-wrap select.dayu-panda-ctl {
  width: 110px;
  min-width: 110px;
  max-width: 110px;
  cursor: pointer;
}

.dayu-panda-upi-wrap select.dayu-panda-ctl--sort {
  width: 110px;
  min-width: 110px;
  max-width: 110px;
}

.dayu-panda-upi-wrap .dayu-panda-ctl:hover {
  border-color: #4096ff;
}

.dayu-panda-upi-wrap .dayu-panda-ctl:focus {
  outline: none;
  border-color: #4096ff;
  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
}

/* 大鱼快捷筛选条：接在设备控制工具栏上方，不盖页面 */
#dayu-android-panel.dayu-quick-pills,
.dayu-quick-pills {
  width: 100%;
  flex: 0 0 auto;
  margin: 0 0 8px;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.android-quick-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 0;
  background: transparent;
}

.android-quick-pill {
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer;
}

.android-quick-pill:hover {
  border-color: #4096ff;
  color: #1677ff;
}

.android-quick-pill--on {
  background: #1677ff;
  border-color: #1677ff;
  color: #fff;
}

.android-quick-pill--on .android-quick-count {
  color: rgba(255, 255, 255, 0.85);
}

.android-quick-count {
  margin-left: 4px;
  font-size: 11px;
  color: #64748b;
  font-variant-numeric: tabular-nums;
}

html[data-theme="dark"] .android-quick-pill {
  border-color: #30363d;
  background: #161b22;
  color: #c9d1d9;
}

html[data-theme="dark"] .android-quick-pill:hover {
  border-color: #58a6ff;
  color: #58a6ff;
}

html[data-theme="dark"] .android-quick-pill--on {
  background: #1f6feb;
  border-color: #1f6feb;
  color: #fff;
}

html[data-theme="dark"] .android-quick-count {
  color: #8b949e;
}

html[data-theme="dark"] .dayu-android-panel {
  border-top-color: #30363d;
}

html[data-theme="dark"] .dayu-panda-upi-wrap .dayu-panda-ctl {
  background: #161b22;
  border-color: #30363d;
  color: #e6edf3;
}

.dayu-filter-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: flex-start !important;
  gap: 8px 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 0 100% !important;
  margin: 8px 0 0 !important;
  box-sizing: border-box;
}

.dayu-filter-grid .ant-form-item {
  margin-inline-end: 0 !important;
  margin-bottom: 0 !important;
}

.dayu-filter-grid .ant-select {
  max-width: 100%;
}

.dayu-quick-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 0 100% !important;
  margin: 0 0 10px;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  float: none;
  clear: both;
}

.dayu-quick-row .dayu-panda-ctl {
  height: 32px;
  margin: 0;
  padding: 4px 11px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: #fff;
  color: rgba(0, 0, 0, 0.88);
  font: 14px/1.5715 "Segoe UI", "Microsoft YaHei", sans-serif;
  box-sizing: border-box;
}

.dayu-quick-row select.dayu-panda-ctl {
  width: 140px;
  min-width: 140px;
  max-width: 160px;
  cursor: pointer;
}

.dayu-quick-row .dayu-panda-ctl:hover {
  border-color: #4096ff;
}

.dayu-quick-row .dayu-panda-ctl:focus {
  outline: none;
  border-color: #4096ff;
  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
}

html[data-theme="dark"] .dayu-quick-row .dayu-panda-ctl {
  background: #161b22;
  border-color: #30363d;
  color: #e6edf3;
}