/* =========================================================
   Antojao V3.2.9 — Seller CSS Consolidado
   Recupera el layout ancho del Centro del Vendedor y mantiene
   las mejoras visuales de productos con imagen real.
   ========================================================= */

/* =========================================================
   Antojao V3.2.5 — Seller Layout Reset
   Dedicated stylesheet loaded AFTER styles.css.
   Objetivo: evitar colapso de ancho del Centro del Vendedor.
   ========================================================= */

/* 1) El panel usa realmente el ancho disponible */
.seller-dashboard.dashboard-shell{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  padding:34px 16px 72px !important;
  margin:0 !important;
  background:linear-gradient(180deg,#fffaf7 0%,#fff8f2 100%) !important;
}
.seller-dashboard > .dashboard-grid,
.seller-dashboard > .container.dashboard-grid{
  display:grid !important;
  grid-template-columns:260px minmax(0,1fr) !important;
  gap:28px !important;
  width:100% !important;
  max-width:1920px !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  align-items:start !important;
}
.seller-dashboard .seller-menu{
  grid-column:1 !important;
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
  position:sticky !important;
  top:96px !important;
  align-self:start !important;
  margin:0 !important;
}
.seller-dashboard .seller-main,
.seller-dashboard .dashboard-main.seller-main{
  grid-column:2 !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

/* 2) Nada dentro del contenido principal puede encogerse a su contenido */
.seller-dashboard .seller-main > *,
.seller-dashboard .seller-main > section,
.seller-dashboard .seller-main > div,
.seller-dashboard .seller-main > form,
.seller-dashboard .seller-main .panel,
.seller-dashboard .seller-main .notice,
.seller-dashboard .seller-main .metrics{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}
.seller-dashboard .panel{
  box-sizing:border-box !important;
  border-radius:22px !important;
  padding:24px !important;
}
.seller-dashboard .seller-page-heading{
  display:flex !important;
  width:100% !important;
  max-width:none !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:22px !important;
  margin:0 0 22px !important;
}
.seller-dashboard .seller-page-heading > div:first-child{min-width:0 !important;max-width:900px !important}
.seller-dashboard .seller-page-heading h1{font-size:clamp(2.35rem,3.3vw,3.65rem) !important}
.seller-dashboard .seller-page-heading p{max-width:820px !important}

/* 3) Inicio */
.seller-dashboard .seller-welcome-card,
.seller-dashboard .seller-progress-wide,
.seller-dashboard .seller-orders-wide{width:100% !important;max-width:none !important}
.seller-dashboard .seller-progress-wide{padding:26px 28px !important}
.seller-dashboard .seller-progress-head{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:24px !important;align-items:start !important}
.seller-dashboard .seller-progress-score{width:88px !important;height:88px !important;border-radius:50% !important;background:#fff6ee !important;border:1px solid #ffd8c6 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;flex:0 0 auto !important}
.seller-dashboard .seller-progress-score strong{font-size:1.35rem !important;line-height:1 !important;color:#ff4d1c !important}
.seller-dashboard .seller-progress-score span{font-size:.72rem !important;color:#786b67 !important;font-weight:800 !important;margin-top:4px !important}
.seller-dashboard .seller-completion-bar-large{height:15px !important;margin:18px 0 14px !important}
.seller-dashboard .seller-progress-chips{display:flex !important;flex-wrap:wrap !important;gap:9px !important;margin:18px 0 !important}
.seller-dashboard .seller-progress-chip{display:inline-flex !important;align-items:center !important;gap:7px !important;white-space:nowrap !important}
.seller-dashboard .seller-progress-next{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important}
.seller-dashboard .seller-quick-actions{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;width:100% !important;margin:18px 0 !important}
.seller-dashboard .seller-quick-actions a{min-width:0 !important;min-height:92px !important}
.seller-dashboard .seller-metrics{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:14px !important;width:100% !important}
.seller-dashboard .seller-metrics .metric{min-width:0 !important;width:auto !important}
.seller-dashboard .seller-empty{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;min-height:230px !important;width:100% !important;text-align:center !important;padding:34px 22px !important}
.seller-dashboard .seller-empty p{max-width:560px !important;margin:6px auto 0 !important}

/* 4) Mi tienda */
.seller-dashboard .seller-profile-form{display:grid !important;gap:18px !important;width:100% !important}
.seller-dashboard .seller-profile-form > .panel{width:100% !important}
.seller-dashboard .seller-brand-editor{display:grid !important;grid-template-columns:minmax(200px,260px) minmax(0,1fr) !important;gap:24px !important;align-items:start !important}
.seller-dashboard .seller-logo-preview{width:180px !important;height:180px !important}
.seller-dashboard .seller-cover-preview{width:100% !important;min-height:250px !important;height:250px !important}
.seller-dashboard .seller-form-wide{width:100% !important}
.seller-dashboard .seller-map-layout{display:grid !important;grid-template-columns:minmax(360px,430px) minmax(0,1fr) !important;gap:20px !important;width:100% !important;align-items:stretch !important}
.seller-dashboard .seller-map-fields{width:100% !important;min-width:0 !important}
.seller-dashboard .seller-map{width:100% !important;height:420px !important;min-width:0 !important}
.seller-dashboard .seller-two-fields{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important}
.seller-dashboard .seller-save-bar{width:100% !important}

/* 5) Productos */
.seller-dashboard .seller-product-editor{display:grid !important;grid-template-columns:minmax(0,1fr) 390px !important;gap:20px !important;width:100% !important;align-items:start !important}
.seller-dashboard .seller-product-editor > .panel{width:100% !important;min-width:0 !important}
.seller-dashboard .seller-product-preview-panel{position:sticky !important;top:96px !important;width:390px !important;max-width:390px !important;min-width:0 !important}
.seller-dashboard .seller-catalog-panel{width:100% !important;margin-top:18px !important}
.seller-dashboard .seller-product-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;gap:15px !important;width:100% !important}
.seller-dashboard .seller-product-admin-card{min-width:0 !important;height:100% !important}
.seller-dashboard .seller-product-admin-image{height:190px !important}
.seller-dashboard .seller-product-admin-image img{width:100% !important;height:100% !important;object-fit:cover !important}

/* 6) Pedidos */
.seller-dashboard .seller-orders-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(350px,1fr)) !important;gap:15px !important;width:100% !important}
.seller-dashboard .seller-order-card{width:100% !important;height:100% !important;min-width:0 !important}

/* 7) Entrega */
.seller-dashboard .seller-delivery-overview{display:grid !important;grid-template-columns:minmax(320px,380px) minmax(0,1fr) !important;gap:18px !important;width:100% !important;align-items:stretch !important}
.seller-dashboard .seller-delivery-overview > .panel{width:100% !important;height:100% !important;min-width:0 !important}
.seller-dashboard .seller-zone-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(270px,1fr)) !important;gap:14px !important;width:100% !important}

/* 8) Horarios */
.seller-dashboard .seller-hours-list{width:100% !important}
.seller-dashboard .seller-hour-row{display:grid !important;grid-template-columns:190px minmax(320px,430px) minmax(220px,1fr) !important;gap:22px !important;align-items:center !important;width:100% !important}
.seller-dashboard .seller-hour-times{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;width:100% !important;max-width:none !important}
.seller-dashboard .seller-save-row{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;width:100% !important}
.seller-dashboard .seller-save-row .notice{flex:1 1 auto !important;min-width:0 !important}

/* 9) Promociones */
.seller-dashboard .seller-promo-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(270px,1fr)) !important;gap:15px !important;width:100% !important}
.seller-dashboard .seller-promo-card{width:100% !important;min-width:0 !important}

/* 10) Opiniones */
.seller-dashboard .seller-review-summary{display:grid !important;grid-template-columns:repeat(2,minmax(280px,1fr)) !important;gap:14px !important;width:100% !important}
.seller-dashboard .seller-review-list{width:100% !important}

/* Breakpoints */
@media (max-width:1400px){
  .seller-dashboard > .dashboard-grid,.seller-dashboard > .container.dashboard-grid{grid-template-columns:235px minmax(0,1fr) !important}
  .seller-dashboard .seller-menu{width:235px !important;min-width:235px !important;max-width:235px !important}
  .seller-dashboard .seller-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .seller-dashboard .seller-metrics{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .seller-dashboard .seller-product-editor{grid-template-columns:minmax(0,1fr) 340px !important}
  .seller-dashboard .seller-product-preview-panel{width:340px !important;max-width:340px !important}
}
@media (max-width:1120px){
  .seller-dashboard .seller-product-editor,
  .seller-dashboard .seller-delivery-overview,
  .seller-dashboard .seller-map-layout{grid-template-columns:1fr !important}
  .seller-dashboard .seller-product-preview-panel{position:static !important;width:100% !important;max-width:none !important}
  .seller-dashboard .seller-brand-editor{grid-template-columns:220px minmax(0,1fr) !important}
  .seller-dashboard .seller-hour-row{grid-template-columns:1fr !important;gap:12px !important}
}
@media (max-width:900px){
  .seller-dashboard.dashboard-shell{padding:20px 12px 60px !important}
  .seller-dashboard > .dashboard-grid,.seller-dashboard > .container.dashboard-grid{grid-template-columns:1fr !important;gap:16px !important}
  .seller-dashboard .seller-menu{grid-column:1 !important;position:static !important;display:flex !important;overflow-x:auto !important;width:100% !important;min-width:0 !important;max-width:none !important;padding:10px !important}
  .seller-dashboard .seller-menu-title,.seller-dashboard .seller-menu-sep{display:none !important}
  .seller-dashboard .seller-menu a{white-space:nowrap !important;flex:0 0 auto !important}
  .seller-dashboard .seller-main{grid-column:1 !important}
  .seller-dashboard .seller-page-heading{align-items:flex-start !important;flex-direction:column !important}
  .seller-dashboard .seller-brand-editor{grid-template-columns:1fr !important}
}
@media (max-width:680px){
  .seller-dashboard .seller-quick-actions,
  .seller-dashboard .seller-metrics,
  .seller-dashboard .seller-review-summary,
  .seller-dashboard .seller-product-grid,
  .seller-dashboard .seller-zone-grid,
  .seller-dashboard .seller-promo-grid{grid-template-columns:1fr !important}
  .seller-dashboard .seller-progress-head{grid-template-columns:1fr !important}
  .seller-dashboard .seller-progress-next,.seller-dashboard .seller-save-row{flex-direction:column !important;align-items:stretch !important}
  .seller-dashboard .seller-two-fields,.seller-dashboard .seller-hour-times{grid-template-columns:1fr !important}
}


/* =========================================================
   Antojao V3.2.6 — Header oscuro del Centro del Vendedor
   ========================================================= */
.seller-dashboard .seller-welcome-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:245px !important;
  color:#fff !important;
  background-color:#251A17 !important;
  background-image:
    linear-gradient(90deg,rgba(37,26,23,.98) 0%,rgba(37,26,23,.94) 48%,rgba(37,26,23,.76) 100%),
    var(--seller-cover,linear-gradient(135deg,#251A17 0%,#4B241B 58%,#6A2E20 100%)) !important;
  background-size:cover !important;
  background-position:center !important;
  border:1px solid rgba(37,26,23,.22) !important;
  box-shadow:0 18px 45px rgba(37,26,23,.16) !important;
}
.seller-dashboard .seller-welcome-overlay{
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 86% 20%,rgba(255,77,28,.32),transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.12)) !important;
  pointer-events:none !important;
}
.seller-dashboard .seller-welcome-content{position:relative !important;z-index:2 !important}
.seller-dashboard .seller-welcome-card h1,
.seller-dashboard .seller-welcome-card strong{color:#fff !important}
.seller-dashboard .seller-welcome-card .seller-identity p{color:#F8DED4 !important}
.seller-dashboard .seller-welcome-card .seller-status-row .status-pill.mango{
  background:#FFF0B7 !important;
  color:#6E4A00 !important;
  border:1px solid rgba(255,184,0,.35) !important;
}
.seller-dashboard .seller-welcome-card .seller-status-row .status-pill.green{
  background:#DDF6E4 !important;
  color:#176B31 !important;
  border:1px solid rgba(34,164,71,.28) !important;
}
.seller-dashboard .seller-welcome-card .seller-availability{
  background:rgba(0,0,0,.28) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(10px) !important;
}
.seller-dashboard .seller-welcome-card .seller-availability small{color:#EACFC6 !important}
.seller-dashboard .seller-welcome-card .seller-availability strong{color:#fff !important}
.seller-dashboard .seller-logo-wrap{background:#fff !important;border-color:rgba(255,255,255,.36) !important}


/* =========================================================
   Antojao V3.2.8 — Productos con imagen real y mejor encuadre
   Se carga después de styles.css para sobrescribir el panel vendedor.
   ========================================================= */

.seller-dashboard .seller-product-preview-panel{position:sticky;top:96px}
.seller-dashboard .seller-product-preview-card{overflow:hidden;border-radius:24px;box-shadow:0 10px 25px rgba(37,26,23,.06)}
.seller-dashboard .seller-product-preview-image{height:250px !important;background:linear-gradient(180deg,#fff8f2 0%,#fff1e2 100%) !important;position:relative !important;padding:16px !important;display:flex !important;align-items:center !important;justify-content:center !important}
.seller-dashboard .seller-product-preview-image img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;border-radius:16px !important;background:#fff !important}
.seller-dashboard .seller-product-preview-placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed #f0cfbf;border-radius:16px;background:linear-gradient(180deg,#fff7f1,#fffdf9);text-align:center;color:#8b6f63;padding:20px}
.seller-dashboard .seller-product-preview-placeholder .ph-icon{font-size:2rem;line-height:1}
.seller-dashboard .seller-product-preview-placeholder strong{font-size:1rem;color:#5b433a}
.seller-dashboard .seller-product-preview-placeholder small{font-size:.78rem;max-width:240px;line-height:1.45}
.seller-dashboard .seller-product-preview-helper{margin-top:10px;color:#8c7770;font-size:.76rem}

.seller-dashboard .seller-product-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important}
.seller-dashboard .seller-product-admin-card{display:flex;flex-direction:column;overflow:hidden;border-radius:22px !important;box-shadow:0 8px 22px rgba(37,26,23,.04)}
.seller-dashboard .seller-product-admin-image{height:240px !important;background:linear-gradient(180deg,#fff8f2 0%,#fff1e2 100%) !important;padding:16px !important;display:flex !important;align-items:center !important;justify-content:center !important}
.seller-dashboard .seller-product-admin-image img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;border-radius:16px !important;background:#fff !important}
.seller-dashboard .seller-product-admin-image > span:not(.status-pill){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;border:2px dashed #f0cfbf;border-radius:16px;color:#8b6f63;font-size:1rem;background:linear-gradient(180deg,#fff7f1,#fffdf9)}
.seller-dashboard .seller-product-admin-image > span:not(.status-pill)::before{content:"📷";font-size:2rem;line-height:1}
.seller-dashboard .seller-product-admin-body{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;padding:16px 16px 18px !important}
.seller-dashboard .seller-product-admin-body > div:first-child{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.seller-dashboard .seller-product-admin-body h3{font-size:1.08rem !important;line-height:1.25 !important}
.seller-dashboard .seller-product-admin-body p{font-size:.82rem !important;min-height:42px !important;margin:0 !important}
.seller-dashboard .seller-product-price-row{margin-top:auto;padding-top:6px}
.seller-dashboard .seller-card-actions{padding-top:6px;border-top:1px solid #f3e1d8}

/* Vista pública / vista previa de tienda */
.public-product-image{background:linear-gradient(180deg,#fff8f2 0%,#fff1e2 100%) !important;padding:12px !important}
.public-product-image img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;border-radius:14px !important;background:#fff !important}

/* input file más claro */
.seller-dashboard .seller-upload-drop{min-height:122px !important;padding:18px !important;background:linear-gradient(180deg,#fffaf7,#fff5ef) !important}
.seller-dashboard .seller-upload-drop strong{font-size:.95rem}

@media (max-width:1120px){
  .seller-dashboard .seller-product-preview-panel{position:static !important}
}
@media (max-width:720px){
  .seller-dashboard .seller-product-admin-image{height:220px !important}
  .seller-dashboard .seller-product-preview-image{height:220px !important}
}