/*
 CARGODEC LEGACY STYLE
 ORDEN=17
 ID=v111_responsive_equipo_compact
 EXTRAIDO_DE=index.html
*/

/* === v1.1.1 responsive menu + equipo compacto === */
.proTopNav{
  background:#fff!important;color:#001b44!important;border-bottom:1px solid #e5edf7!important;
  box-shadow:0 6px 18px rgba(15,23,42,.06)!important;padding:10px 18px!important;
  gap:16px!important;align-items:center!important;overflow:visible!important;
}
.proTopNav .clientLogoOnly{height:38px!important;max-width:148px!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.proTopNav .proTabs{gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important}
.proTopNav .proTabs::-webkit-scrollbar{display:none!important}
.proTopNav .proTabs button{color:#001b44!important;min-height:42px!important;padding:9px 8px!important;font-size:12px!important;border-bottom:3px solid transparent!important;background:transparent!important}
.proTopNav .proTabs button.active{color:#0b63f6!important;background:transparent!important;border-bottom-color:#2563eb!important}
.proTopNav .proTabs .tabSvg{font-size:16px!important}
.userChip{color:#001b44!important}.settingsOnly{color:#001b44!important}.settingsOnly:hover{background:#eff6ff!important}.avatarMini{width:30px!important;height:30px!important}
#appVersion.versionBadge{display:none!important}
.wrap{padding:12px!important;max-width:1580px!important}
/* Equipo mas compacto */
.equipoLayoutV110{grid-template-columns:395px minmax(0,1fr)!important;gap:14px!important;padding:0!important}
.equipoFormCard,.equipoListCard{border-radius:16px!important}
.equipoFormCard{padding:14px!important}.equipoListCard{padding:14px!important}
.equipoFormCard h2,.equipoListHead h2{font-size:15px!important;margin-bottom:12px!important}
.equipoFormGrid{grid-template-columns:145px 1fr!important;gap:10px!important}
.equipoFormCard label{font-size:10.5px!important;margin:8px 0 5px!important}
.equipoFormCard input,.equipoFormCard select{height:38px!important;border-radius:10px!important;font-size:12px!important}
.equipoPhotoEdit{gap:9px!important;margin-top:7px!important}.equipoPhotoSplit{grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:stretch!important}
.equipoPreview,.equipoUpload{height:104px!important;min-height:104px!important;max-height:104px!important;border-radius:11px!important}
.equipoPreview{object-fit:cover!important;display:block!important}
.equipoUpload{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
.equipoUpload span{font-size:11px!important}
.equipoMetaBox{margin-top:10px!important;padding:9px 11px!important}.equipoMetaBox div{font-size:10.5px!important;margin:4px 0!important}
.equipoFormActions{gap:10px!important;margin-top:12px!important}.equipoFormActions .btn{height:42px!important;min-height:42px!important;font-size:12px!important}
.equipoListHeadV110{margin-bottom:10px!important}.equipoToolbarV110{margin-bottom:12px!important;gap:10px!important}
.equipoSearchBox{height:40px!important}.equipoSearchBox input{height:38px!important}.equipoRefresh{height:40px!important;width:40px!important}
.equipoCount{padding:8px 12px!important;font-size:11px!important}
.equipoSavedGrid{grid-template-columns:repeat(5,minmax(155px,1fr))!important;gap:12px!important}
.equipoCard{padding:10px!important;border-radius:13px!important}
.equipoCardHead{margin-bottom:5px!important}.equipoCardTitle{font-size:11.5px!important}.equipoDots{font-size:16px!important}
.equipoPlate{font-size:10.5px!important;padding:5px 7px!important;margin-bottom:7px!important}
.equipoImgs{gap:6px!important;margin-bottom:7px!important}.equipoImgs img,.equipoImgEmpty{height:70px!important;border-radius:8px!important;object-fit:cover!important}
.equipoDetails{gap:2px!important;margin:5px 0 7px!important}
.equipoDetail{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;font-size:9.5px!important;line-height:1.18!important}
.equipoDetail span,.equipoDetail b{font-size:9.5px!important}.equipoDetail b{text-align:right!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.equipoCardActions{gap:7px!important;margin-top:8px!important}.equipoCardActions .btn{height:31px!important;min-height:31px!important;font-size:10px!important}
.equipoPager{margin-top:12px!important}.equipoPager button,.equipoPager span{padding:8px 11px!important;font-size:11.5px!important}
@media(max-width:1380px){.equipoSavedGrid{grid-template-columns:repeat(4,minmax(155px,1fr))!important}.equipoLayoutV110{grid-template-columns:365px minmax(0,1fr)!important}}
@media(max-width:980px){
  .proTopNav{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;padding:9px 10px!important}
  .proTopNav .topBrand{grid-column:1/2!important;grid-row:1!important}.proTopNav .clientLogoOnly{height:34px!important;max-width:135px!important}
  .topUserArea{grid-column:2/3!important;grid-row:1!important;justify-content:flex-end!important;gap:6px!important}.topUserArea .userChip span:last-child{display:none!important}
  .settingsOnly{width:34px!important;height:34px!important;font-size:19px!important}.avatarMini{width:28px!important;height:28px!important;font-size:12px!important}
  .proTopNav .proTabs{grid-column:1/3!important;grid-row:2!important;width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;gap:6px!important;padding-top:4px!important;border-top:1px solid #edf2f7!important}
  .proTopNav .proTabs button{min-height:38px!important;padding:7px 8px!important;font-size:11px!important;flex:0 0 auto!important}
  .equipoLayoutV110{grid-template-columns:1fr!important;gap:10px!important}.equipoFormCard{padding:12px!important}.equipoListCard{padding:12px!important}
  .equipoSavedGrid{grid-template-columns:repeat(2,minmax(145px,1fr))!important;gap:10px!important}.equipoImgs img,.equipoImgEmpty{height:64px!important}.equipoPreview,.equipoUpload{height:94px!important;min-height:94px!important;max-height:94px!important}
}
@media(max-width:560px){
  .wrap{padding:8px!important}.equipoFormGrid,.equipoPhotoSplit{grid-template-columns:1fr 1fr!important}.equipoToolbarV110{display:grid!important;grid-template-columns:1fr 40px!important}.equipoCount{justify-self:start!important;margin-left:0!important}
  .equipoListHeadV110{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important}.equipoSavedGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.equipoCard{padding:8px!important}.equipoImgs img,.equipoImgEmpty{height:58px!important}.equipoDetail{grid-template-columns:1fr!important;gap:0!important}.equipoDetail b{text-align:left!important}.equipoCardActions{grid-template-columns:1fr!important}.equipoCardActions .btn{height:30px!important}
}