/* Clientes — hoja global de respaldo para el CSS aislado de Blazor. */
.customer-page .customer-mobile-list { display: none !important; }
@media screen and (max-width: 767px) {
  .customer-page .customer-table-wrap { display: none !important; }
  .customer-page .customer-mobile-list { display:grid !important; grid-template-columns:minmax(0,1fr); gap:16px; width:100%; min-width:0; margin-top:12px; }
  .customer-page .customer-mobile-card { display:block; min-width:0; padding:14px; background:var(--client-card,#fff); color:var(--client-text,#0b2545); border:1px solid var(--client-border,#cbd9ea); border-radius:11px; box-shadow:0 2px 9px rgba(10,40,80,.08); }
  .customer-page .customer-mobile-card.selected { border-color:var(--client-blue,#087cfa); }
  .customer-page .customer-mobile-card-header { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding-bottom:12px; border-bottom:1px solid var(--client-border,#cbd9ea); }
  .customer-page .customer-mobile-identity { display:flex; flex-direction:column; min-width:0; gap:5px; }
  .customer-page .customer-mobile-identity .customer-name { font-size:14px; font-weight:700; text-align:left; white-space:normal; overflow-wrap:anywhere; }
  .customer-page .customer-mobile-identity small { font-size:11px; color:var(--client-muted,#62748b); overflow-wrap:anywhere; }
  .customer-page .customer-mobile-card-header .customer-status { flex:0 0 auto; }
  .customer-page .customer-mobile-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 10px; margin:0; padding:14px 0; }
  .customer-page .customer-mobile-facts > div { min-width:0; }
  .customer-page .customer-mobile-facts dt { font-size:11px; font-weight:650; color:var(--client-muted,#62748b); margin-bottom:5px; }
  .customer-page .customer-mobile-facts dd { margin:0; font-size:12px; color:var(--client-text,#0b2545); overflow-wrap:anywhere; }
  .customer-page .customer-mobile-card-actions { display:flex; flex-wrap:wrap; gap:8px; padding-top:12px; border-top:1px solid var(--client-border,#cbd9ea); }
  .customer-page .customer-mobile-card-actions button { flex:1 1 110px; min-height:40px; white-space:normal; }
  .customer-page .customer-mobile-empty { text-align:center; padding:16px; color:var(--client-muted,#62748b); }
  .customer-page .customer-panel,.customer-page .customer-main { min-width:0; }
  .customer-page .customer-pagination { flex-wrap:wrap; gap:10px; }
}