/* =========================
   Status pills (Dashboard)
   ========================= */
.pill.status-pill{color:#fff;font-weight:800;border:none;padding:6px 12px;}
.pill.status-pendiente{background:rgba(148,163,184,.28);} /* slate */
.pill.status-en-produccion{background:rgba(59,130,246,.85);} /* blue */
.pill.status-listo-para-entrega{background:rgba(245,158,11,.85);} /* amber */
.pill.status-entregado{background:rgba(34,197,94,.75);} /* green */
.pill.status-instalado{background:rgba(16,185,129,.9);} /* emerald */
.pill.status-completado{background:rgba(5,150,105,.95);} /* dark emerald */
.pill.status-cancelado{background:rgba(239,68,68,.9);} /* red */

/* =========================
   Mobile table fixes
   - Prevent headers from breaking into vertical letters
   - Use horizontal scroll container
   ========================= */
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.table-wrap table{min-width:980px;}
@media (max-width: 900px){
  th{white-space:nowrap;word-break:normal;}
  td{word-break:normal;overflow-wrap:anywhere;}
}