/* -------------------------------------------------------------
   ZeroSeller Wholesale Reseller - Frontend styles (v1.1.1)
   UI-only improvements: responsive tables, stat cards, nicer forms.
-------------------------------------------------------------- */

.zsw-reseller-price-wrapper{display:inline-block;line-height:1.3}
.zsw-price-line{display:block}
.zsw-price-mrp small{color:#666}

.zsw-reseller-panel h2{margin-top:20px}

/* Table wrapper for mobile overflow */
.zsw-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e6e6e6;border-radius:10px;background:#fff}
.zsw-table{width:100%;border-collapse:collapse;min-width:860px}
.zsw-table th,.zsw-table td{padding:10px;border-bottom:1px solid #eee;text-align:left;font-size:13px;vertical-align:top}
.zsw-table th{background:#fafafa;font-weight:600}
.zsw-table tr:last-child td{border-bottom:none}

/* Responsive stacked table (uses data-label on <td>) */
@media (max-width: 768px){
  .zsw-table{min-width:0}
  .zsw-table thead{display:none}
  .zsw-table tr{display:block;border-bottom:1px solid #eee;padding:10px}
  .zsw-table td{display:flex;gap:10px;justify-content:space-between;padding:6px 0;border-bottom:none}
  .zsw-table td:before{
    content: attr(data-label);
    font-weight:600;
    color:#666;
    flex: 0 0 45%;
  }
  .zsw-table td > *{max-width:55%}
}

/* Stat cards */
.zsw-stats{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:12px;
  margin:12px 0 8px;
}
@media (max-width: 1024px){ .zsw-stats{grid-template-columns:repeat(3, minmax(0, 1fr));} }
@media (max-width: 640px){ .zsw-stats{grid-template-columns:repeat(2, minmax(0, 1fr));} }

.zsw-card{
  border:1px solid #e6e6e6;
  border-radius:12px;
  background:#fff;
  padding:12px;
}
.zsw-card__label{font-size:12px;color:#666;margin-bottom:6px}
.zsw-card__value{font-size:18px;font-weight:700;line-height:1.2}
.zsw-card__hint{font-size:12px;color:#777;margin-top:6px}
.zsw-card--emphasis{background:#fafafa}

/* Legacy summary box (kept for backward compatibility if used elsewhere) */
.zsw-summary-box{
  border:1px solid #e0e0e0;
  background:#fafafa;
  padding:12px;
  font-size:13px;
  border-radius:10px;
}

/* Apply form */
.zsw-reseller-apply-form p{margin-bottom:12px}
.zsw-reseller-apply-form label{font-weight:600}
.zsw-reseller-apply-form input[type="text"],
.zsw-reseller-apply-form input[type="email"],
.zsw-reseller-apply-form textarea{
  width:100%;
  max-width:520px;
  border:1px solid #ddd;
  border-radius:10px;
  padding:10px 12px;
}
.zsw-reseller-apply-form input[readonly]{background:#f6f6f6}
.zsw-help{display:block;color:#666;font-size:12px;margin-top:6px}
.zsw-privacy-note{color:#666;font-size:12px;max-width:620px}
.zsw-btn.is-busy{opacity:.8;cursor:wait}