/* Sistema Sana Tu Deuda V9.0.4 · cierre comercial / SQL / responsive */

/* Orden contextual: CRM, Cobranza y otros módulos tabulares */
.stdSortBar904{
  display:flex;align-items:center;justify-content:flex-end;gap:10px;
  margin:10px 0 12px;padding:0 2px;
}
.stdSortBar904 label{display:flex;align-items:center;gap:9px;color:#365573;font-size:12px;font-weight:800}
.stdSortBar904 select{
  min-width:230px;height:42px;padding:0 38px 0 12px;border:1px solid #cbddea;border-radius:11px;
  background:#fff;color:#12375f;font:700 13px/1.2 inherit;outline:none;
}
.stdSortBar904 select:focus{border-color:#2aa9d1;box-shadow:0 0 0 3px rgba(42,169,209,.12)}

/* Propuestas/Contratos por plan */
.std-proposal-final904 .std-flow-grid,
.std-contract-final904 .std-flow-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));align-items:stretch}
.std-proposal-plan-card,.std-contract-final904 .std-flow-card{display:flex;flex-direction:column;min-height:205px}
.std-plan-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:auto;padding-top:14px}
.std-plan-action-grid>*{width:100%;min-width:0;justify-content:center}
.std-proposal-final904 .stdDocToolbar,.std-contract-final904 .stdDocToolbar{margin:12px 0}
.std-proposal-final904 .stdCommercialSearch94,.std-contract-final904 .stdCommercialSearch94{width:min(720px,100%)}
.std-proposal-final904 .std-flow-heading,.std-contract-final904 .std-flow-heading{align-items:flex-start;gap:12px}

/* Plantillas personales de Atención a clientes */
.stdTemplateTags904{
  display:grid;gap:8px;padding:12px 14px;margin:10px 0 14px;border:1px solid #d6e4ef;border-radius:14px;
  background:#f8fbfe;color:#193d66;
}
.stdTemplateTags904>b{font-size:12px}
.stdTemplateTags904>div{display:flex;gap:7px;flex-wrap:wrap}
.stdTemplateTags904 button{
  border:1px solid #bcd6e9;background:#fff;color:#164f79;border-radius:999px;padding:7px 10px;
  font:800 11px/1 inherit;cursor:pointer;transition:.12s ease;
}
.stdTemplateTags904 button:hover,.stdTemplateTags904 button:focus{background:#eaf7ff;border-color:#4faee0;transform:translateY(-1px)}
.stdTemplateCard904{position:relative;overflow:hidden}
.stdTemplateCard904::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#15a9ce;border-radius:16px 0 0 16px}
.stdTemplateChannel904{display:inline-flex;width:max-content;max-width:100%;align-items:center;padding:5px 8px;border-radius:999px;background:#eaf6fc;color:#17628c;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.stdTemplateCopy904{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:8px}
.stdTemplateCopy904 label{display:grid;gap:5px}
.stdTemplateCopy904 select{width:100%;height:40px;border:1px solid #cbd9e8;border-radius:10px;padding:0 10px;background:#fff;color:#17365f;font:inherit}
.stdTemplateCopy904 button{height:40px;white-space:nowrap}

/* CRM: mantener selección inequívoca y evitar saltos visuales */
#viewCRM tbody tr[data-crm-row][aria-selected="true"]>td,
#viewCRM tbody tr[data-crm-row].stdRowSelected>td{
  background:#b9e3fb!important;border-top-color:#229ee6!important;border-bottom-color:#229ee6!important;
}
#viewCRM tbody tr[data-crm-row][aria-selected="true"]>td:first-child,
#viewCRM tbody tr[data-crm-row].stdRowSelected>td:first-child{border-left:6px solid #067fc4!important}
#viewCRM .crmFinalTableWrap{contain:layout paint;}
#viewCRM #stdV9CrmBulk{position:relative;z-index:3}

/* Liquidaciones: filtros y orden compactos */
#viewLiquidaciones .stdLiqFilters select,#viewLiquidaciones .liqNativeFilters select{min-width:150px}

/* Vistas móviles: lo tocado en esta release debe poder usarse con un dedo */
@media (max-width: 900px){
  .stdSortBar904{justify-content:stretch;margin:8px 0 10px}
  .stdSortBar904 label{width:100%;display:grid;grid-template-columns:1fr;gap:5px}
  .stdSortBar904 select{width:100%;min-width:0}
  .std-proposal-final904 .std-flow-grid,.std-contract-final904 .std-flow-grid{grid-template-columns:1fr!important}
  .std-proposal-final904 .std-flow-heading,.std-contract-final904 .std-flow-heading{display:grid!important;grid-template-columns:1fr!important}
  .std-proposal-final904 .std-contract-scope,.std-contract-final904 .std-contract-scope{width:100%}
  .std-proposal-final904 .std-contract-scope button,.std-contract-final904 .std-contract-scope button{flex:1}
  .stdTemplateCopy904{grid-template-columns:1fr}
  .stdTemplateCopy904 button{width:100%}
}
@media (max-width: 640px){
  .std-plan-action-grid{grid-template-columns:1fr}
  .std-proposal-tabs{width:100%;display:flex;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}
  .std-proposal-tabs::-webkit-scrollbar{display:none}
  .std-proposal-tabs button{flex:0 0 auto;white-space:nowrap}
  .stdTemplateTags904>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .stdTemplateTags904 button{width:100%;overflow:hidden;text-overflow:ellipsis}
  #viewParametros .stdParametersGrid{grid-template-columns:1fr!important}
  #viewParametros .stdParameterCard{padding:13px!important}
}