@import url("css/00-variables.css?v=11");
@import url("css/01-base.css?v=11");
@import url("css/02-layout-sidebar.css?v=11");
@import url("css/03-components.css?v=11");
@import url("css/04-forms.css?v=11");
@import url("css/05-tables.css?v=11");
@import url("css/06-login.css?v=11");

/* MÓDULOS FIXPHONE */
@import url("css/10-dashboard.css?v=200");
@import url("css/14-perfil.css?v=11");
@import url("css/16-ordenes.css?v=1100");
@import url("css/17-usuarios.css?v=1100");
@import url("css/18-pedidos-repuestos.css?v=1");
@import url("css/19-telefonos.css?v=1");
@import url("css/20-reportes.css?v=2");

@import url("css/99-responsive.css?v=11");

/* =========================================
   FIXPHONE SYSTEM OVERRIDES
========================================= */

.stock-alert{
  border:2px solid rgba(249,115,22,.35) !important;
  background:linear-gradient(135deg,#fff7ed,#fff) !important;
}

.stock-alert span{
  color:#ea580c;
}

/* Ajuste tarjetas de productos / catálogo */
.product-info{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
  padding:14px !important;
  border:1px solid #dbe3ef !important;
  border-radius:18px !important;
  margin-bottom:16px !important;
}

.product-info > div{
  min-width:0 !important;
  text-align:center !important;
}

.product-info small{
  display:block !important;
  font-size:.72rem !important;
  color:#64748b !important;
  font-weight:900 !important;
  margin-bottom:6px !important;
  line-height:1.1 !important;
}

.product-info strong{
  display:block !important;
  font-size:.92rem !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  color:#0f172a !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

/* Evita que precios largos rompan la card */
.product-card{
  overflow:hidden;
}

.product-title,
.product-subtitle,
.product-desc{
  overflow-wrap:anywhere;
}

/* =========================================
   TEMA OSCURO FIXPHONE
========================================= */

body.tema-oscuro{
  background:#020617 !important;
  color:#f9fafb !important;
}

body.tema-oscuro .panel,
body.tema-oscuro .card,
body.tema-oscuro .dashboard-hero,
body.tema-oscuro .activity-item,
body.tema-oscuro .orden-block,
body.tema-oscuro .ot-card,
body.tema-oscuro .ot-info-box,
body.tema-oscuro .usuario-card,
body.tema-oscuro .usuario-info,
body.tema-oscuro .product-card,
body.tema-oscuro .product-info,
body.tema-oscuro .orden-table td{
  background:#0f172a !important;
  border-color:#1e293b !important;
}

body.tema-oscuro h1,
body.tema-oscuro h2,
body.tema-oscuro h3,
body.tema-oscuro p,
body.tema-oscuro span,
body.tema-oscuro strong,
body.tema-oscuro td,
body.tema-oscuro th,
body.tema-oscuro small,
body.tema-oscuro label{
  color:#f9fafb !important;
}

body.tema-oscuro input,
body.tema-oscuro select,
body.tema-oscuro textarea{
  background:#020617 !important;
  color:#fff !important;
  border:1px solid #334155 !important;
}

body.tema-oscuro .btn-table,
body.tema-oscuro .btn-orden-secondary,
body.tema-oscuro .btn-user-secondary{
  background:#1e293b !important;
  color:#fff !important;
  border-color:#334155 !important;
}

/* =========================================
   TEMA ENFOQUE
========================================= */

body.tema-enfoque *{
  animation:none !important;
  transition:none !important;
  box-shadow:none !important;
}

body.tema-enfoque .panel,
body.tema-enfoque .card,
body.tema-enfoque .dashboard-hero,
body.tema-enfoque .orden-block,
body.tema-enfoque .usuario-card{
  border-width:2px !important;
}