/* SISTEMA SANA TU DEUDA · V8.16.37 · Atención a clientes */

/* Orden de módulos: se ocultan los manejadores anteriores y queda uno estable. */
.stdPointerDragHandle,.stdDragHandle{display:none!important}
#mainNav>.navLeaf,#mainNav>.navTree,#advisorNav>button{position:relative}
.stdV81637DragHandle{margin-left:auto;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#86a0bc;font-size:16px;line-height:1;cursor:grab;touch-action:none;user-select:none;flex:0 0 30px}
.stdV81637DragHandle:hover{background:rgba(47,116,180,.11);color:#315e8d}
.stdV81637DragHandle:active{cursor:grabbing}
.stdV81637Dragging{opacity:.55!important;outline:2px dashed #5aa9df!important;outline-offset:2px;z-index:4}
.stdV81637Reordering,.stdV81637Reordering *{cursor:grabbing!important;user-select:none!important}
.stdV81637Pinned>.stdV81637DragHandle{display:none!important}

/* CRM */
.stdCrmNativeTable th[data-field="atrasos"],.stdCrmNativeTable td[data-field="atrasos"]{text-align:center}
.crmExtraActions{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #e2ebf4}
.crmExtraActions .actionBtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stdClientModalActions{display:none!important}

/* Tarjetas filtrables de Cobranza */
button.cobKpi.stdCobKpiFilter{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
button.cobKpi.stdCobKpiFilter:hover{transform:translateY(-1px);border-color:#96c9ed;box-shadow:0 13px 28px rgba(22,70,119,.1)}
button.cobKpi.stdCobKpiFilter.active{border-color:#1688cc;box-shadow:inset 0 0 0 2px rgba(22,136,204,.12),0 13px 28px rgba(22,70,119,.1);background:linear-gradient(180deg,#f5fbff,#fff)}

/* Liquidaciones: encabezado centrado, cliente alineado a la izquierda. */
.liqClientsTable th{text-align:center!important}
.liqClientsTable td[data-col="client"]{text-align:left!important}
.liqClientsTable td[data-col="client"] .liqClient{justify-content:flex-start!important;text-align:left!important}
.liqClientsTable td[data-col="client"] .liqClientText,.liqClientsTable td[data-col="client"] .liqClientName{text-align:left!important}
.liqSupportUpload{min-width:0}
.liqConditionalSingle{grid-template-columns:1fr!important}
.liqSupportDrop{min-height:116px;padding:14px}
.liqSupportDrop .liqFileDropIcon{width:34px;height:34px;font-size:20px}
.liqSupportDrop b{font-size:13px}

/* Expedientes: menos repintado y scroll más fluido. */
#viewExpedientes .expList{scrollbar-gutter:stable;overscroll-behavior:contain;contain:layout style}
#viewExpedientes .expItem,#viewExpedientes .expDocCard,#viewExpedientes .expEvent{content-visibility:auto;contain-intrinsic-size:90px;contain:layout paint style}
#viewExpedientes .expMainCard,#viewExpedientes .expAside{contain:layout style}
.stdGeneratorBackdrop{backdrop-filter:none!important}
.stdGeneratorPanel{will-change:transform;contain:layout paint;overscroll-behavior:contain}
.stdGeneratorPanel iframe{contain:strict}

/* Base móvil para funciones esenciales. */
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  .appShell{display:block!important;min-height:100vh}
  .sidebar{position:sticky!important;top:0!important;z-index:900;height:auto!important;padding:8px 10px!important;gap:8px!important;border-right:0!important;border-bottom:1px solid #d9e5f1;background:rgba(255,255,255,.97)!important;backdrop-filter:none!important}
  .brandBlock{padding:4px 4px 8px!important;gap:9px!important}
  .brandBlock img{width:40px!important;height:40px!important}
  .brandBlock strong{font-size:15px!important}.brandBlock span{font-size:10px!important}
  #mainNav.nav{display:flex!important;flex-direction:row!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 6px;scrollbar-width:thin}
  #mainNav>.navLeaf,#mainNav>.navTree{flex:0 0 auto!important;min-width:max-content}
  #mainNav button{padding:9px 11px!important;border-radius:12px!important;white-space:nowrap}
  #mainNav button svg{width:18px!important;height:18px!important}
  .stdV81637DragHandle{display:none!important}
  .sideFoot{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding-top:7px!important;align-items:center}
  .sideUserBox{padding:7px 9px!important;border-radius:12px!important;min-width:0}.sideUserBox>span{width:34px!important;height:34px!important;flex-basis:34px!important}.sideUserBox b{font-size:12px!important}.sideUserBox small{font-size:10px!important}
  .sideFoot .sync{display:none!important}.sideFoot .logoutClean{width:auto!important;padding:9px 11px!important}
  main.main{padding:12px!important;min-width:0}
  .topbar{margin-bottom:12px!important;align-items:flex-start!important}.topbar h1{font-size:24px!important}.topbar p{font-size:12px!important}
  .crmFinalTableWrap,.cobTableScroll,.liqNativeTableWrap,.tableWrap,.expDocTableWrap,.expFilesTableWrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .crmFinalTable,.cobTableExact{min-width:900px!important}
  .filterBar,.crmFiltersFinal,.cobFilters{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .cobKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cobKpi{min-width:0!important;padding:13px!important}.cobKpi span{font-size:11px!important}.cobKpi b{font-size:22px!important}
  .stdDialog{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100vh - 16px)!important;margin:8px!important;border-radius:16px!important}
  .stdDialog .dlgBody{max-height:calc(100vh - 90px)!important;overflow:auto!important}
  .liqNativeModal{padding:6px!important;align-items:stretch!important}.liqNativeModalPanel{width:100%!important;max-height:calc(100vh - 12px)!important;border-radius:15px!important}.liqModalBody{padding:13px!important}
  .liqClientSummary,.liqFormSummary,.liqWorkflowGrid,.liqConditional{grid-template-columns:1fr!important}.liqWorkflowGrid label.wide{grid-column:auto!important}
  .expShell{grid-template-columns:1fr!important}.expAside{min-height:auto!important}.expMainCard{min-height:auto!important;padding:14px!important}.expDocumentGrid,.expInfoGrid,.expUploadGrid{grid-template-columns:1fr!important}
  .stdGeneratorPanel{width:100vw!important}.stdGeneratorPanel>header{height:auto!important;min-height:70px!important}
  .advisorApp{display:block!important}.advisorSide{position:sticky!important;top:0!important;height:auto!important;z-index:900;padding:10px!important}.advisorBrand{padding-bottom:8px!important}.advisorNav{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:7px!important}.advisorNav>button{flex:0 0 auto!important;white-space:nowrap!important}.advisorMain{padding:12px!important}
}
@media(max-width:560px){
  .cobKpis{grid-template-columns:1fr!important}
  .sideFoot{grid-template-columns:1fr!important}.sideFoot .logoutClean{width:100%!important}
  .portalChooserPanel{padding:14px!important}.stdAreaGrid,.portalOptionGrid{grid-template-columns:1fr!important}.portalOption{min-height:auto!important;padding:18px!important}
  #testModeBanner{right:8px!important;bottom:8px!important;font-size:10px!important;padding:6px 9px!important}
}