/* ============================================================
   V3.19  到货单展开明细 + 表格图片同步渲染 + 体验优化
   ============================================================ */

/* ---------- 到货单列表：展开/收起 ---------- */
.arr-expand-btn{
  width:26px;height:26px;border:none;background:transparent;color:var(--text-2);
  font-size:14px;cursor:pointer;border-radius:7px;transition:all .18s;display:flex;align-items:center;justify-content:center;
}
.arr-expand-btn:hover{background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue);transform:scale(1.15);}
.arr-main-row{cursor:default;transition:background .2s;}
.arr-main-row.expanded{background:color-mix(in srgb,var(--blue) 5%,transparent);}
.arr-main-row.expanded .arr-expand-btn{color:var(--blue);}
.arr-detail-row{animation:arrSlide .28s cubic-bezier(.22,1,.36,1);}
@keyframes arrSlide{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.arr-detail{padding:12px 18px 14px;background:color-mix(in srgb,var(--card) 70%,transparent);border-top:1px solid var(--input-border);}
.arr-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;}
.arr-detail-head b{font-size:14px;}
.arr-detail-loading{padding:18px;text-align:center;color:var(--text-3);font-size:13px;}

/* ---------- 自定义表格：多图缩略图 ---------- */
.cell-imgs{display:flex;gap:3px;align-items:center;flex-wrap:wrap;}
.cell-img{width:38px;height:38px;object-fit:cover;border-radius:7px;cursor:pointer;transition:transform .15s,box-shadow .2s;border:1px solid var(--input-border);}
.cell-img:hover{transform:scale(1.12);box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:2;position:relative;}
.cell-more{font-size:11px;color:var(--text-2);background:var(--input-bg);padding:3px 7px;border-radius:7px;font-weight:600;}

/* ---------- 到货单明细内 mini-photos 紧凑 ---------- */
.arr-detail .mini-photos{gap:3px;}
.arr-detail .up-thumb{width:34px;height:34px;}
.arr-detail .up-thumb img{width:100%;height:100%;object-fit:cover;border-radius:5px;}

/* ---------- 手机端 ---------- */
@media(max-width:640px){
  .arr-detail{padding:10px 12px;}
  .cell-img{width:32px;height:32px;}
}