/* v1.0.3-pro.4-fix2-full */
.pcbmt-wrap{max-width:960px;margin:12px auto;padding:8px}
.pcbmt-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.pcbmt-next{font-size:14px;color:#0f5132;background:#d1e7dd;border:1px solid #badbcc;padding:6px 10px;border-radius:10px}
.pcbmt-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;margin:10px 0;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.pcbmt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.pcbmt-row{display:flex;gap:10px;align-items:center;margin:6px 0}
.pcbmt-row.between{justify-content:space-between}
.pcbmt-badge{padding:2px 8px;border-radius:12px;font-size:12px;border:1px solid #e5e7eb}
.pcbmt-customer{font-size:13px;opacity:.85}
.pcbmt-btn,.pcbmt-btn-outline,.pcbmt-btn-primary{border-radius:12px;padding:8px 14px;border:1px solid transparent;cursor:pointer}
.pcbmt-btn{background:#e8f5e9}
.pcbmt-btn-outline{background:#fff;border-color:#e5e7eb}
.pcbmt-btn-primary{background:#2e7d32;color:#fff}
.pcbmt-suggest{display:none;position:absolute;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.08);z-index:9;margin-top:4px;max-height:240px;overflow:auto}
.pcbmt-suggest .item{padding:8px 10px;cursor:pointer}
.pcbmt-row-inline{display:flex;gap:8px;align-items:center}
.pcbmt-list .pcbmt-card{overflow:hidden}
.pcbmt-collapse{margin-top:10px}
.pcbmt-money{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:8px;margin:8px 0}
.pcbmt-money div{display:flex;justify-content:space-between;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:6px 10px}
/* steps with captions */
.pcbmt-steps{display:flex;align-items:flex-start;gap:10px;margin-top:10px;flex-wrap:wrap}
.pcbmt-step{display:flex;flex-direction:column;align-items:center;min-width:42px}
.pcbmt-step .ico{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff}
.pcbmt-step.done .ico{background:#e8f5e9;border-color:#c8e6c9;opacity:.8}
.pcbmt-step.current .ico{background:#a5d6a7;border-color:#66bb6a}
.pcbmt-step .cap{font-size:11px;line-height:1.1;margin-top:4px;color:#666;text-align:center;white-space:nowrap}
.pcbmt-steps .sep{width:24px;height:2px;background:#e5e7eb;align-self:center}
/* toast */
.pcbmt-toast{position:fixed;right:16px;bottom:16px;padding:10px 14px;border-radius:12px;background:#2e7d32;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:9999;opacity:.98}


/* === Compact modern list with icons and descriptions === */
.pcbmt-mini .pcbmt-mini-head{
  display:grid; grid-template-columns:auto auto 1fr auto auto auto;
  column-gap:10px; row-gap:4px; align-items:center;
  background:#fff; color:#0f172a; border:1px solid #e5e7eb;
  border-radius:16px; padding:12px 14px;
  box-shadow:0 6px 20px rgba(2,6,23,.08); cursor:pointer;
  transition:transform .08s ease, box-shadow .15s ease;
}
.pcbmt-mini .pcbmt-mini-head:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(2,6,23,.12)}
.pcbmt-mini .mini-left{font-size:18px}
.pcbmt-mini .mini-code{font-weight:700; color:#0f172a}
.pcbmt-mini .mini-name{min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#111827; font-size:15px}
.pcbmt-mini .mini-qty{color:#374151}
.pcbmt-mini .mini-status{font-size:12px; padding:3px 10px; border-radius:999px; border:1px solid #e5e7eb; background:#eef2ff; color:#0f172a}
.pcbmt-mini .mini-desc{grid-column:2 / span 3; font-size:12px; color:#475569}
.pcbmt-mini .mini-arrow{font-size:14px; opacity:.7; transform:rotate(0deg); transition:transform .15s ease}
.pcbmt-mini[aria-open="true"] .mini-arrow{transform:rotate(180deg)}
.pcbmt-mini .pcbmt-collapse{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:8px;padding:8px}

/* status-based chip colors matching existing keys */
.pcbmt-mini .mini-status.status-tao_don{background:#ecfccb;border-color:#d9f99d}
.pcbmt-mini .mini-status.status-thiet_ke{background:#dbeafe;border-color:#bfdbfe}
.pcbmt-mini .mini-status.status-gia_cong{background:#fee2e2;border-color:#fecaca}
.pcbmt-mini .mini-status.status-chuan_bi_linh_kien{background:#fae8ff;border-color:#f5d0fe}
.pcbmt-mini .mini-status.status-lap_rap{background:#fef3c7;border-color:#fde68a}
.pcbmt-mini .mini-status.status-test{background:#dcfce7;border-color:#bbf7d0}
.pcbmt-mini .mini-status.status-dong_hang{background:#e0e7ff;border-color:#c7d2fe}
.pcbmt-mini .mini-status.status-cho_giao{background:#cffafe;border-color:#a5f3fc}
.pcbmt-mini .mini-status.status-hoan_thanh{background:#d1fae5;border-color:#a7f3d0}

@media (max-width:640px){
  .pcbmt-mini .pcbmt-mini-head{grid-template-columns:auto 1fr auto; row-gap:6px}
  .pcbmt-mini .mini-code{order:1}
  .pcbmt-mini .mini-name{order:2}
  .pcbmt-mini .mini-qty{order:3}
  .pcbmt-mini .mini-status{order:4}
  .pcbmt-mini .mini-desc{order:5; grid-column:1 / -2}
  .pcbmt-mini .mini-arrow{order:6; justify-self:end}
}


/* === Fix10: update page list of orders === */
.pcbmt-update-list .upd-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.pcbmt-update-list .upd-item{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:10px;align-items:center;
  padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(2,6,23,.06);cursor:pointer}
.pcbmt-update-list .upd-item .ico{font-size:16px}
.pcbmt-update-list .upd-item .code{font-weight:700}
.pcbmt-update-list .upd-item .name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcbmt-update-list .upd-item .qty{font-size:12px;color:#475569}
.pcbmt-update-list .upd-item .badge{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid #e5e7eb;background:#eef2ff}
@media (max-width: 640px){
  .pcbmt-update-list .upd-item{grid-template-columns:auto 1fr auto;row-gap:6px}
}


/* === Fix11: Inline edit in update list === */
.pcbmt-upd .upd-inline{padding:10px 8px}
.pcbmt-upd .upd-progress{margin-bottom:8px}
.pcbmt-upd .upd-grid{display:grid;grid-template-columns:repeat(5, minmax(0,1fr));gap:8px}
.pcbmt-upd .upd-grid label{display:flex;flex-direction:column;font-size:12px;color:#475569}
.pcbmt-upd .upd-grid input{padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.pcbmt-upd .upd-actions{display:flex;gap:10px;align-items:center;margin-top:6px}
@media (max-width:900px){ .pcbmt-upd .upd-grid{grid-template-columns:repeat(3, minmax(0,1fr));} }
@media (max-width:640px){ .pcbmt-upd .upd-grid{grid-template-columns:repeat(2, minmax(0,1fr));} }

/* progress reusable */
.pcbmt-steps{display:flex;align-items:center;gap:12px;margin:8px 0}
.pcbmt-step{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.45;filter:grayscale(100%);cursor:pointer}
.pcbmt-step .icon{font-size:18px;line-height:1}
.pcbmt-step .cap{font-size:12px;color:#555}
.pcbmt-step.current,.pcbmt-step.done{opacity:1;filter:none}
.pcbmt-steps .sep{width:28px;height:2px;background:#e5e7eb;display:inline-block;opacity:.6}
.pcbmt-step.done + .sep{background:#16a34a;opacity:.8}


/* === Fix12: bigger icons for steps & money input style === */
.pcbmt-step .icon{font-size:20px;line-height:1}
.money{text-align:right}

.pcbmt-upd .pcbmt-collapse{display:none}
.pcbmt-upd.is-open .pcbmt-collapse{display:block}


@media (max-width: 640px){
  .pcbmt-upd .pcbmt-mini-head{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;}
  .pcbmt-upd .pcbmt-mini-head .pcbmt-title,
  .pcbmt-upd .pcbmt-mini-head .title,
  .pcbmt-upd .pcbmt-mini-head .h-title,
  .pcbmt-upd .pcbmt-mini-head .name{
    flex:1 1 100%;min-width:0;white-space:normal!important;overflow:visible!important;
    text-overflow:unset!important;word-break:break-word;overflow-wrap:anywhere;line-height:1.35;
  }
  .pcbmt-upd .pcbmt-mini-head .state-pill,
  .pcbmt-upd .pcbmt-mini-head .status-pill{order:2;flex:0 0 auto;}
}

/* Seeds card */
.pcbmt-seeds.card{border:1px solid #e5e7eb;border-radius:12px;padding:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);max-width:640px}
.pcbmt-seeds-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.pcbmt-seeds-head .ico{font-size:22px}
.pcbmt-seeds-head .tt{font-weight:600}
.pcbmt-seeds-body .row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed #eee}
.pcbmt-seeds-body .row:last-child{border-bottom:0}
.pcbmt-seeds-body strong{font-variant-numeric:tabular-nums}
@media(max-width:640px){.pcbmt-seeds.card{margin:0 8px}}