/* Vendor UI styles (clean and minimal) */
.akm-vendor-wrap{max-width:1100px;margin:24px auto;padding:0 12px}
.akm-vendor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:900px){.akm-vendor-grid{grid-template-columns:1fr}}
.akm-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.akm-field{margin:10px 0}
.akm-field label{display:block;font-weight:600;margin-bottom:6px}
.akm-field input[type="text"],.akm-field input[type="number"],.akm-field textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px}
.akm-inline-msg{margin-top:8px;font-size:13px}
.akm-inline-msg.ok{color:#059669}
.akm-inline-msg.err{color:#dc2626}

/* Storefront */
.akm-storefront .akm-store-banner{background:#f3f4f6;background-size:cover;background-position:center;border-radius:12px;min-height:180px;position:relative;margin-bottom:12px}
.akm-storefront .akm-store-meta{position:absolute;inset:auto 16px 16px 16px;background:rgba(255,255,255,.85);border:1px solid #e5e7eb;border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px}
.akm-storefront .akm-store-logo{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.akm-storefront .akm-store-name{font-weight:800}
.akm-storefront .akm-store-desc{font-size:13px;color:#374151}
.akm-store-products .akm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:1000px){.akm-store-products .akm-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.akm-store-products .akm-grid{grid-template-columns:repeat(2,1fr)}}
.akm-prod{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit}
.akm-prod-thumb img{width:100%;height:180px;object-fit:cover;display:block}
.akm-prod-title{padding:8px 10px;font-weight:700}
.akm-prod-price{padding:0 10px 8px 10px;color:#059669;font-weight:700}


.akm-uploader__label{font-weight:600;margin-bottom:6px}
.akm-uploader__grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(90px,1fr));
  gap:10px;
}
.akm-box{
  position:relative;
  aspect-ratio:1/1;
  border:2px dashed #cbd5e1;
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:#f8fafc; overflow:hidden; cursor:pointer;
  transition:.2s border-color, .2s background-color;
}
.akm-box:hover{ border-color:#22c55e; background:#f0fff7 }
.akm-plus{font-size:28px; line-height:1; color:#64748b}
.akm-box img{ width:100%;height:100%;object-fit:cover;display:block; }
.akm-box--thumb{ grid-column:span 2; }
.akm-gallery-item{ position:relative; }
.akm-remove{
  position:absolute;top:6px;inset-inline-end:6px;
  background:#ef4444;color:#fff;border:none;border-radius:999px;
  width:22px;height:22px;line-height:22px;text-align:center;
  font-weight:700;cursor:pointer;opacity:.9;
}
.akm-remove:hover{opacity:1}


/* Image slots grid */
.akm-grid-slots{
  display:grid;
  grid-template-columns:repeat(4,minmax(90px,1fr));
  gap:10px;
}
.akm-slot .akm-box{
  position:relative;
  aspect-ratio:1/1;
  border:2px dashed #cbd5e1;
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:#f8fafc; overflow:hidden; cursor:pointer;
  transition:.2s border-color, .2s background-color;
}
.akm-slot .akm-box:hover{ border-color:#22c55e; background:#f0fff7 }
.akm-slot .akm-plus{font-size:28px; line-height:1; color:#64748b}
.akm-slot .akm-box img{ width:100%;height:100%;object-fit:cover;display:block; }
.akm-slot .akm-remove{
  position:absolute;top:6px;inset-inline-end:6px;
  background:#ef4444;color:#fff;border:none;border-radius:999px;
  width:22px;height:22px;line-height:22px;text-align:center;
  font-weight:700;cursor:pointer;opacity:.92;
  z-index:2;
}
.akm-slot .akm-progress{
  position:relative;margin-top:6px;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden;
}
.akm-slot .akm-progress__bar{
  width:0%;height:100%;background:#22c55e;transition:width .2s;
}
.akm-slot .akm-progress.done{opacity:.2}
.akm-slot-add{
  display:flex;align-items:center;justify-content:center;
  border:2px dashed #94a3b8;border-radius:12px;min-height:90px;background:#f1f5f9;cursor:pointer;
}
.akm-slot-add:hover{background:#e2e8f0;border-color:#22c55e}
.akm-slot-add .akm-plus{font-size:28px;color:#475569}
@media (max-width:560px){
  .akm-grid-slots{grid-template-columns:repeat(2, minmax(90px,1fr));}
}


/* Drag-and-drop states */
.akm-draggable{ cursor:grab; }
.akm-draggable.dragging{ opacity:.6; cursor:grabbing; }
.akm-box.drag-over{ outline:2px dashed #22c55e; outline-offset:-2px; }