/* admin_shop 页面组（admin/products、product-edit、orders、announcements、announcement-edit）专用样式。
 * 只用 app.css 里的 var(--token)，不写十六进制色值；class 一律用 ash- 前缀。
 * 兼容 iOS Safari 14：不用 inset / flex gap / aspect-ratio / :is() / dvh / color-mix，间距用 margin。
 */

.ash-page { padding-top: var(--sp-2); }

/* ---------------------------------------------------------------- 列表页顶部主按钮（新增商品 / 新增公告） */
.ash-top-actions { margin: 0 var(--gutter) var(--sp-3); }

/* ---------------------------------------------------------------- 卡片（小程序 ad-card 的对应物） */
.ash-card { padding: var(--sp-4); }

.ash-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ash-head__title {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: var(--sp-2);
  word-break: break-all;
}
.ash-head .tag { flex: 0 0 auto; margin-top: 1px; }

/* 商品行：缩略图 + 信息 */
.ash-prod {
  display: flex;
  align-items: flex-start;
}
.ash-thumb {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  margin-right: var(--sp-3);
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: var(--fill);
}
.ash-thumb__img { display: block; width: 100%; height: 100%; }
.ash-thumb__ph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--label-2);
}
.ash-prod__body { flex: 1 1 auto; min-width: 0; }
.ash-prod__meta { margin-top: 2px; }
.ash-zero { color: var(--red-ink); }

/* 订单卡片 */
.ash-od-item { margin-top: var(--sp-1); word-break: break-all; }
.ash-meta { margin-top: 2px; }
.ash-reason {
  margin-top: 2px;
  color: var(--red-ink);
  word-break: break-all;
}
.ash-actions { margin-top: var(--sp-3); }

/* 公告卡片：置頂 + 發佈狀態两个胶囊挨着放 */
.ash-tags {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.ash-tags .tag + .tag { margin-left: var(--sp-1); }

/* ---------------------------------------------------------------- 商品編輯：图片块 */
.ash-image { margin-bottom: var(--sp-4); }
.ash-image__row {
  display: flex;
  align-items: center;
  padding: var(--sp-3) var(--sp-4);
  border-radius: var(--radius);
  background: var(--bg-elevated);
}
.ash-pic {
  flex: 0 0 auto;
  width: 100px;
  height: 100px;
  margin-right: var(--sp-4);
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: var(--fill);
}
.ash-pic__img { display: block; width: 100%; height: 100%; }
.ash-pic__ph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--label-2);
}
.ash-image__side {
  flex: 1 1 auto;
  min-width: 0;
}
.ash-image__rm { margin-top: var(--sp-2); }
.ash-image__hint {
  margin-top: var(--sp-2);
  color: var(--label-2);
}

/* 商品編輯：狀態分段控件块、庫存提示、說明 */
.ash-status { margin: var(--sp-4) 0; }
.ash-hint {
  margin-top: var(--sp-2);
  color: var(--label-2);
}
.ash-block-label {
  margin: 0 var(--gutter) var(--sp-2);
  color: var(--label-2);
  font-size: 13px;
  line-height: 1.35;
}
.ash-desc-textarea { min-height: 120px; }
.ash-ann-textarea { min-height: 180px; }

/* 取消訂單抽屜里的按钮排 */
.ash-sheet-actions { display: flex; }
.ash-sheet-actions .btn { flex: 1 1 0; min-width: 0; }
.ash-sheet-actions .btn + .btn { margin-left: var(--sp-3); }