/* ========= MONSYNC WAREHOUSE (aislado) ========= */
.monsync-warehouse{
  /* Paleta y tokens */
  --mons-text:#0f172a;
  --mons-muted:#64748b;
  --mons-border:#e9eef5;           /* borde más claro (evita “marco” negro) */
  --mons-bg:#fff;
  --mons-bg-soft:#f6f8fb;          /* fondo suave para media */
  --mons-accent:#0f172a;           /* botones primarios oscuros */
  --mons-accent-contrast:#fff;
  --mons-badge-bg:#fef3c7;         /* pill amarillo suave */
  --mons-badge-tx:#92400e;
  --mons-shadow:0 1px 2px rgba(15,23,42,.04);
  --mons-shadow-lg:0 10px 15px -3px rgba(15,23,42,.06),0 4px 6px -4px rgba(15,23,42,.06);
  --mons-radius:16px;
}

.monsync-warehouse .mons-container{
  max-width:72rem; margin-inline:auto; padding:2.5rem 1rem;
}

/* Títulos del bloque (hereda tipografía del sitio) */
.monsync-warehouse h2{
  font-size:2.25rem; line-height:1.1; font-weight:300; letter-spacing:-.02em;
  color:var(--mons-text); margin:0 0 .5rem;
}
.monsync-warehouse p{ color:var(--mons-muted); margin:0 0 2rem; }

/* ================== Cards ================== */
.monsync-warehouse .mons-card{
  background:var(--mons-bg);
  border:1px solid var(--mons-border);
  border-radius:var(--mons-radius);
  box-shadow:var(--mons-shadow);
  padding:1.25rem;
  display:block; color:inherit; text-decoration:none;
  transition:box-shadow .2s, transform .2s, border-color .2s;
}
.monsync-warehouse a.mons-card:hover{
  box-shadow:var(--mons-shadow-lg);
  transform:translateY(-2px);
  border-color:#dde6f0;
}

/* meta “WAREHOUSE” / “PRODUCT” */
.monsync-warehouse .mons-muted{
  color:var(--mons-muted);
  font-size:.75rem; letter-spacing:.08em; text-transform:uppercase;
}

/* título dentro de card/lista/detalle */
.monsync-warehouse .mons-title{
  font-size:1.875rem; font-weight:600; color:var(--mons-text); margin:.25rem 0;
}

/* =============== Badge (pill) =============== */
.monsync-warehouse .mons-badge{
  display:inline-block; padding:.2rem .5rem; border-radius:999px;
  font-size:.75rem; background:var(--mons-badge-bg); color:var(--mons-badge-tx);
  border:1px solid #fde68a;
}

/* =============== Botones ==================== */
.monsync-warehouse .mons-btn{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.5rem .75rem; border:1px solid var(--mons-border); border-radius:.5rem;
  background:#fff; color:var(--mons-text); font-size:.875rem;
  cursor:pointer; text-decoration:none;
  transition:background .15s, color .15s, border-color .15s;
}
.monsync-warehouse .mons-btn:hover{ background:#f8fafc; }
.monsync-warehouse .mons-btn--primary{
  background:var(--mons-accent); color:var(--mons-accent-contrast); border-color:var(--mons-accent);
}
.monsync-warehouse .mons-btn--primary:hover{ filter:brightness(.96); }

/* =============== Tabs ======================= */
.monsync-warehouse .mons-tab{ }
.monsync-warehouse .mons-tab.is-active{
  background:var(--mons-accent); color:#fff; border-color:var(--mons-accent);
}

/* =============== Media ====================== */
.monsync-warehouse .mons-media{
  aspect-ratio:16/9; background:var(--mons-bg-soft);
  border-radius:12px; overflow:hidden; margin:0 0 1rem;
}
.monsync-warehouse .mons-media img{ width:100%; height:100%; object-fit:cover; }

/* ======= Grid de campos en detalle ========= */
.monsync-warehouse .mons-grid{ display:grid; gap:1rem; }
@media (min-width:640px){
  .monsync-warehouse .mons-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.monsync-warehouse .mons-grid--fields .mons-field{
  border:1px solid var(--mons-border); border-radius:.6rem; padding:.75rem; background:#fff;
}
.monsync-warehouse .mons-field .mons-field__label{
  font-size:.675rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--mons-muted); margin:0 0 .25rem;
}
.monsync-warehouse .mons-field .mons-field__value{
  color:var(--mons-text); font-weight:600;
}

/* ======= Grid de productos/warehouses ======= */
.monsync-warehouse .mons-products{ display:grid; gap:1rem; }
@media (min-width:640px){
  .monsync-warehouse .mons-products{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1024px){
  .monsync-warehouse .mons-products{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* =============== Formularios filtro ========= */
.monsync-warehouse input[type="text"],
.monsync-warehouse input[type="number"],
.monsync-warehouse select{
  padding:.5rem .75rem; border:1px solid var(--mons-border); border-radius:.5rem;
  background:#fff; color:var(--mons-text); font-size:.875rem;
}
.monsync-warehouse label.mons-muted{ display:block; margin-bottom:.25rem; }

/* =============== Paginación ================= */
.monsync-warehouse .mons-pagebtn{
  display:inline-flex; align-items:center; justify-content:center;
  height:2.25rem; min-width:2.25rem; padding:0 .5rem;
  border:1px solid var(--mons-border); border-radius:.5rem;
  background:#fff; color:var(--mons-text); font-size:.875rem; text-decoration:none;
}
.monsync-warehouse .mons-pagebtn:hover{ background:#f8fafc; }
.monsync-warehouse .mons-pagebtn[aria-disabled="true"]{
  color:#cbd5e1; cursor:not-allowed; background:#fff;
}
.monsync-warehouse .mons-pagebtn.is-active{
  background:var(--mons-accent); color:#fff; border-color:var(--mons-accent);
}