/* ===== 订单页：新增订单弹窗 + 云端订单卡（配合 app.css 使用） ===== */

/* 右上角咨询按钮可点击 */
.hd-order-icons .msg-wrap { display:flex; cursor:pointer; }
.hd-order-icons .msg-wrap:active { opacity:.7; }

/* ===== 弹窗 ===== */
.oa-mask {
  position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:100;
  display:none; align-items:flex-end; justify-content:center;
}
.oa-mask.show { display:flex; }
.oa-sheet {
  width:100%; max-width:53rem; background:#fff;
  border-radius:1.6rem 1.6rem 0 0; padding:2.2rem 1.8rem 3.4rem;
  max-height:88vh; overflow-y:auto;
  animation:oaUp .22s ease;
}
@keyframes oaUp { from{transform:translateY(4rem);opacity:.4} to{transform:translateY(0);opacity:1} }
.oa-title { text-align:center; font-size:1.7rem; font-weight:700; color:#222; margin-bottom:2rem; position:relative; }
.oa-close {
  position:absolute; right:0; top:-0.6rem; width:3rem; height:3rem;
  border:none; background:none; font-size:2.4rem; color:#999; cursor:pointer; line-height:1;
}
.oa-item { margin-bottom:1.7rem; }
.oa-label { font-size:1.4rem; color:#666; margin-bottom:0.9rem; display:block; }
.oa-input {
  width:100%; border:1px solid #e5e5e5; border-radius:0.8rem;
  padding:1.1rem 1.2rem; font-size:1.5rem; color:#222; outline:none; background:#fafafa; font-family:inherit;
}
.oa-input:focus { border-color:#fad814; background:#fff; }

/* 下拉选择器（商品/地址） */
.oa-select {
  display:block; width:100%; border:1px solid #e5e5e5; border-radius:0.8rem;
  padding:1.1rem 3.2rem 1.1rem 1.2rem; font-size:1.5rem; color:#222; outline:none;
  background:#fafafa; font-family:inherit;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M2 2l8 8 8-8' stroke='%23999' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 1.1rem center; background-size:1.3rem 0.8rem;
  background-color:#fafafa;
}
.oa-select:focus { border-color:#fad814; background-color:#fff; }
.oa-select.placeholder { color:#999; }

/* 商家搜索下拉 */
.oa-search-list {
  margin-top:0.6rem; border:1px solid #eee; border-radius:0.8rem;
  max-height:22rem; overflow-y:auto; background:#fff;
}
.oa-search-list .oa-sr {
  display:flex; align-items:center; gap:0.9rem;
  padding:0.9rem 1rem; cursor:pointer; border-bottom:1px solid #f5f5f5;
}
.oa-search-list .oa-sr:last-child { border-bottom:none; }
.oa-search-list .oa-sr:active { background:#fafafa; }
.oa-search-list .oa-sr img { width:3.6rem; height:3.6rem; border-radius:0.6rem; object-fit:cover; background:#f0f0f0; flex-shrink:0; }
.oa-search-list .oa-sr .n { font-size:1.45rem; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.oa-search-list .oa-empty { padding:1.2rem; text-align:center; font-size:1.35rem; color:#999; }

/* 商品 chips 多选（现用作「已选商品」标签区） */
.oa-chips { display:flex; flex-wrap:wrap; gap:0.8rem; }
.oa-chips .chip {
  display:flex; align-items:center; gap:0.5rem;
  border:1px solid #ffe12b; background:#fff7d6; color:#8a6d00;
  border-radius:0.8rem; padding:0.7rem 1.1rem; font-size:1.4rem; cursor:default;
}
.oa-chips .chip img { width:2.6rem; height:2.6rem; border-radius:0.4rem; object-fit:cover; }
.oa-chips .chip .x {
  margin-left:0.2rem; padding:0 0.3rem; color:#b09000; font-size:1.6rem;
  cursor:pointer; line-height:1; font-weight:400;
}
.oa-chips .chip .x:active { opacity:.6; }
.oa-chips .oa-tip { font-size:1.35rem; color:#999; }

/* 地址选择列表 */
.oa-addr-list {
  border:1px solid #eee; border-radius:0.8rem;
  max-height:20rem; overflow-y:auto; background:#fff;
}
.oa-addr-list .oa-ar {
  display:flex; align-items:center; gap:0.9rem;
  padding:1rem 1.1rem; cursor:pointer; border-bottom:1px solid #f5f5f5;
}
.oa-addr-list .oa-ar:last-child { border-bottom:none; }
.oa-addr-list .oa-ar:active { background:#fafafa; }
.oa-addr-list .oa-ar .radio {
  width:1.9rem; height:1.9rem; border-radius:50%; border:1px solid #ccc;
  flex-shrink:0; display:flex; align-items:center; justify-content:center;
}
.oa-addr-list .oa-ar.on .radio { background:#ffe12b; border-color:#ffe12b; }
.oa-addr-list .oa-ar .radio svg { width:1.2rem; height:1.2rem; display:none; }
.oa-addr-list .oa-ar.on .radio svg { display:block; }
.oa-addr-list .oa-ar .t {
  flex:1; min-width:0; font-size:1.45rem; color:#222;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.oa-addr-list .oa-empty { padding:1.2rem; text-align:center; font-size:1.35rem; color:#999; }

/* 状态 seg */
.oa-seg { display:flex; gap:0.8rem; }
.oa-seg-btn {
  flex:1; padding:1rem 0; text-align:center; font-size:1.45rem; color:#666;
  background:#f5f5f5; border:1px solid #eee; border-radius:0.8rem; cursor:pointer;
}
.oa-seg-btn.on { background:#fff7d6; border-color:#ffe12b; color:#8a6d00; font-weight:700; }

/* 预计送达时间 */
.oa-eta-row { display:flex; align-items:center; gap:0.9rem; }
.oa-eta-row .oa-input { flex:1; }
.oa-eta-sep { color:#999; font-size:1.4rem; flex-shrink:0; }

.oa-submit {
  width:100%; margin-top:0.8rem; padding:1.4rem 0; border:none; border-radius:999px;
  background:linear-gradient(90deg,#ffe12b,#ffd900); font-size:1.6rem; font-weight:700;
  color:#222; cursor:pointer;
}
.oa-submit:disabled { opacity:.6; }

/* 编辑模式：删除订单按钮（保存修改下方） */
.oa-del {
  width:100%; margin-top:0.8rem; padding:1.4rem 0; border:none; border-radius:999px;
  background:#fdeaea; font-size:1.6rem; font-weight:600;
  color:#e64340; cursor:pointer;
}
.oa-del:active { opacity:.8; }

.oa-toast {
  position:fixed; left:50%; bottom:12rem; transform:translateX(-50%);
  background:rgba(0,0,0,.75); color:#fff; font-size:1.4rem;
  padding:0.9rem 1.8rem; border-radius:0.8rem; z-index:200; display:none; white-space:nowrap;
}

/* ===== 云端订单卡片（复用 app.css 的 card/od-* 结构） ===== */
.od-body .im .ph {
  width:7.6rem; height:7.6rem; border-radius:0.8rem;
  background:#f0f0f0; display:flex; align-items:center; justify-content:center;
  font-size:2.6rem; color:#ccc;
}

/* 状态区：商家已接单（橙）/ 已完成（灰），单行，与原图一致；点击可编辑订单 */
#cloudOrders .card[data-oid] { cursor:pointer; }
#cloudOrders .st-edit { cursor:pointer; }
#cloudOrders .st-edit:active { opacity:.6; }

/* 单商品订单：大图 + 商品名在图右侧垂直居中（1:1 截图卡片） */
.od-body.one { align-items:center; }
.od-body.one .one-img {
  position:relative; width:10.2rem; height:10.2rem; border-radius:0.9rem;
  overflow:hidden; flex-shrink:0; background:#f0f0f0;
}
.od-body.one .one-img .bk {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:3.4rem; color:#ccc;
}
.od-body.one .one-img img {
  position:relative; width:100%; height:100%; object-fit:cover; display:block;
}
.od-body.one .one-name {
  flex:1; min-width:0; margin-left:1rem;
  font-size:1.55rem; color:#1a1a1a;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}