/* JCR responsive movil - SOLO pantallas <=820px. El PC no cambia. */
@media (max-width:820px){
html,body{max-width:100vw!important;overflow-x:hidden!important}
table{display:block!important;width:100%!important;overflow-x:auto!important;white-space:normal!important;-webkit-overflow-scrolling:touch!important}
.jcr-tscroll{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.jcr-tscroll>table{display:table!important;width:auto!important;min-width:100%!important}
td,th{word-break:normal;overflow-wrap:break-word}
nav:not(.sidebar),.tabs,.tab-bar,.tabbar,.topbar,.toolbar,.nav-tabs{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.content,.main,.container,.card,.panel,.box,.wrap,.wrapper{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
img{max-width:100%!important;height:auto!important}
.monitor-cards,.tools-grid{grid-template-columns:1fr!important}
.tab-main [style*="grid-template-columns"]{grid-template-columns:1fr!important}
.section-header{flex-wrap:wrap!important;gap:10px!important}
.main{padding:16px!important}
\n
/* Modales: caben en pantalla y su contenido no desborda */
.modal-card{max-width:calc(100vw - 24px)!important;min-width:0!important}
.modal-body,.modal-body2{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
/* Encabezado del dashboard */
.top-header{height:auto!important;min-height:0!important;flex-wrap:wrap!important;padding:12px 16px!important;gap:8px 10px!important;align-items:center!important}
.top-header-title{margin-right:0!important;width:100%!important;font-size:15px!important;line-height:1.25!important}
.indicators{flex-wrap:wrap!important;width:100%!important}
.main-area{flex-direction:column!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
.tab-main{flex:0 0 auto!important;overflow:visible!important;padding:16px!important}
.right-panel{width:100%!important;flex:0 0 auto!important}
.cliente-bar{padding:12px 14px!important}
.cliente-nombre{font-size:18px!important;line-height:1.15!important}
.cliente-chips{flex-wrap:nowrap!important;overflow-x:auto!important}
.chip-contacto{display:none!important}
.chip-rut{order:1}
.chip-email{order:3;font-size:0!important;padding:6px 9px!important;cursor:pointer}
.chip-email::before{content:"\2709\FE0F";font-size:14px!important}
.chip-wa{order:2!important;font-size:0!important;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;border-radius:50%!important;background:#25d366 url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'white'%3E%3Cpath%20d%3D'M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.29.173-1.414-.074-.124-.272-.198-.57-.347M12.05%2021.785h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413z'%2F%3E%3C%2Fsvg%3E") center/16px no-repeat!important;flex-shrink:0}
.chip-wa::before{content:""!important}
button[onclick*="editarCliente"]{font-size:0!important;gap:0!important;padding:7px 8px!important}
.jcr-tabs-toggle{display:block;width:100%;margin:0;padding:13px 14px;border:none;border-top:1px solid #eef1f4;border-bottom:1px solid #e5e7eb;background:#fff;font-size:14px;font-weight:700;color:var(--navy,#12315a);text-align:left;cursor:pointer}
.tabs-wrap{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(86px,1fr))!important;gap:6px!important;padding:12px!important;overflow:visible!important}
.tabs-wrap .tab{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;border:1px solid #e5e7eb!important;border-radius:10px!important;padding:12px 6px!important;background:#fff!important;font-size:11.5px!important;box-shadow:0 1px 2px rgba(0,0,0,.05);white-space:normal!important}
.jcr-mod-toggle{display:block;width:100%;margin:12px 0 4px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:var(--navy,#12315a);text-align:left;cursor:pointer}
#tabla-clientes{display:block!important;width:100%!important;overflow:visible!important;white-space:normal!important}
#tabla-clientes thead{display:none!important}
#tabla-clientes tbody{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px}
#tabla-clientes tr{display:flex!important;flex-direction:column;gap:3px;border:1px solid #e5e7eb;border-radius:10px;padding:11px;background:#fff;white-space:normal!important;box-shadow:0 1px 3px rgba(0,0,0,.06)}
#tabla-clientes td{display:block!important;border:none!important;padding:0!important;white-space:normal!important;font-family:inherit!important}
#tabla-clientes td:nth-child(1){font-weight:700;color:var(--navy,#12315a);font-size:13px;line-height:1.2}
#tabla-clientes td:nth-child(2){font-size:12px;color:#555}
#tabla-clientes td:nth-child(3),#tabla-clientes td:nth-child(4),#tabla-clientes td:nth-child(6){display:none!important}
#tabla-clientes td:nth-child(5){margin-top:4px;font-size:11px}
}