/* SISTEMA SANA TU DEUDA · V8.16.33 */

/* Selector de áreas: cuatro posiciones fijas y un solo logo compuesto */
.portalChooserPanel{position:relative}
.portalChooserBrand{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:12px!important}
.portalBrandMain{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;width:100%}
.portalChooserBrand img{width:112px!important;height:112px!important;object-fit:contain!important;margin:0 auto!important}
.portalChooserBrand h1,.portalChooserBrand p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.portalChooserIntro{text-align:center}
#portalConfigButton{display:none!important}
.stdAreaGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(240px,1fr));gap:18px!important;position:relative!important;isolation:isolate}
.stdAreaCard{position:relative!important;z-index:1!important;min-height:250px!important;overflow:hidden!important}
.stdAreaCard>*:not(.stdAreaBlank){position:relative;z-index:4}
.stdAreaCard::after{display:none!important}
.stdAreaCard.is-unavailable{cursor:default!important;background:#fff!important;border-color:#d8e5f2!important;box-shadow:0 10px 26px rgba(18,58,96,.045)!important;opacity:1!important}
.stdAreaCard.is-unavailable:hover{transform:none!important;border-color:#d8e5f2!important;box-shadow:0 10px 26px rgba(18,58,96,.045)!important}
.stdAreaBlank{display:block;position:absolute;inset:0;z-index:1}
.stdAreaCompositeLogo{position:absolute;z-index:3;left:50%;top:50%;width:390px;height:390px;object-fit:contain;transform:translate(-50%,-50%);opacity:.075;pointer-events:none;user-select:none}
.portalOption[data-portal="metrics"] .portalOptionIcon{background:linear-gradient(145deg,#e1f8ff,#e4f1ff)!important;color:#086e8c!important}
.portalOption[data-portal="config"] .portalOptionIcon{background:linear-gradient(145deg,#eef0ff,#eeeaff)!important;color:#4937d0!important}
.portalOptionIcon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Perfil de métricas */
.stdMetricsProfile{position:relative;margin-left:8px}
.stdMetricsProfileButton{height:44px;border:1px solid #d4e2ef;border-radius:999px;background:#fff;display:flex;align-items:center;gap:9px;padding:5px 11px 5px 5px;color:#14355d;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 8px 20px rgba(21,55,91,.065)}
.stdMetricsProfileButton i{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#1782d0,#17afc8);color:#fff;font-style:normal;font-weight:950}
.stdMetricsProfileButton b{font-size:12px;color:#71859c}
.stdMetricsProfileMenu{position:absolute;right:0;top:calc(100% + 8px);min-width:205px;padding:8px;border:1px solid #d8e4ef;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(20,49,83,.16);display:none;z-index:80}
.stdMetricsProfile.open .stdMetricsProfileMenu{display:grid}
.stdMetricsProfileMenu button{border:0;background:transparent;border-radius:9px;padding:10px 11px;text-align:left;color:#193b65;font:inherit;font-weight:750;cursor:pointer}
.stdMetricsProfileMenu button:hover{background:#f1f7fd}

/* Orden de módulos por puntero */
.stdPointerDragHandle{margin-left:auto;padding:5px 6px;border-radius:7px;color:#8aa2bd;font-size:15px;line-height:1;cursor:grab;user-select:none;touch-action:none;flex:0 0 auto}
.stdPointerDragHandle:hover{background:rgba(92,137,182,.13);color:#466b92}
.stdPointerDragHandle:active{cursor:grabbing}
#mainNav>.navTree{position:relative}
#mainNav>.navTree>.stdPointerDragHandle{position:absolute;right:9px;top:9px;z-index:5}
#mainNav>.navTree>.navParent{padding-right:42px!important}
.stdPointerDragging{opacity:.42!important;outline:2px dashed rgba(32,116,190,.45)!important;outline-offset:2px;transform:scale(.985)}
body.stdReorderingModules{user-select:none!important;cursor:grabbing!important}
.stdModulePinned>.stdPointerDragHandle{display:none!important}

/* Liquidaciones */
#viewLiquidaciones .liqNative{gap:14px}
#viewLiquidaciones .liqNativeCard:first-child{margin-top:0}
#viewLiquidaciones .liqNativeTable th,#viewLiquidaciones .liqNativeTable td{vertical-align:middle}
#viewLiquidaciones .liqNativeTable td:nth-child(4),#viewLiquidaciones .liqNativeTable td:nth-child(5){text-align:right}
#viewLiquidaciones .liqRowSelect{height:39px;border-radius:10px;background:#fff}
#viewLiquidaciones .liqProgress strong{min-width:35px;text-align:center}

/* CRM sin acciones y selección tipo archivos */
.stdCrmNativeTable tbody tr{cursor:default}
.stdCrmNativeTable tbody tr.stdRowSelected td{background:#eaf5ff!important}
.stdCrmNativeTable tbody tr.stdRowSelected td:first-child{box-shadow:inset 4px 0 0 #1584d1}
.stdCrmClientName{border:0;background:transparent;padding:0;color:#0d2d58;font:inherit;font-weight:950;text-align:left;cursor:pointer}
.stdCrmClientName:hover{text-decoration:underline;color:#0878c4}
.stdCrmResponsible{width:100%;min-width:165px;height:39px;border:1px solid #cad9e8;border-radius:10px;background:#fff;padding:0 34px 0 10px;color:#17365f;font:inherit;font-size:12px}
.stdCrmBulkBar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0;padding:10px 13px;border:1px solid #d9e6f2;border-radius:13px;background:#f4f9fe}
.stdCrmBulkSummary{display:flex;align-items:center;gap:6px;margin-right:auto;color:#173c67}.stdCrmBulkSummary b{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#dceeff;color:#126bb4}.stdCrmBulkSummary span{font-size:12px;font-weight:850}
.stdCrmBulkBar label{display:grid;gap:4px;color:#5b718a;font-size:10px;text-transform:uppercase;font-weight:900}.stdCrmBulkBar select{height:36px;min-width:190px;border:1px solid #c9d8e7;border-radius:9px;background:#fff;padding:0 32px 0 10px;color:#17365f;font:inherit;font-size:12px}
.stdClientModalActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2ebf4}

/* Botones y modal compartidos */
.stdNativeButton{height:38px;border:1px solid #cad9e8;border-radius:10px;background:#fff;color:#17365f;padding:0 13px;font:inherit;font-weight:850;cursor:pointer}
.stdNativeButton:hover{background:#f3f8fd}.stdNativeButton.primary{background:#107dcc;border-color:#107dcc;color:#fff}.stdNativeButton.danger{background:#fff7f6;border-color:#efc0bc;color:#b42318}
.stdUtilityModal{position:fixed;inset:0;z-index:12050;background:rgba(5,22,43,.58);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:18px}.stdUtilityModal.open{display:flex}
.stdUtilityPanel{width:min(720px,96vw);max-height:91vh;overflow:auto;background:#fff;border-radius:19px;box-shadow:0 28px 85px rgba(0,0,0,.28)}
.stdUtilityHead{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:18px 20px;background:#fff;border-bottom:1px solid #dfe9f3}.stdUtilityHead h3{margin:0;font-size:20px}.stdUtilityHead p{margin:4px 0 0;color:#6a7e96;font-size:12px}.stdUtilityHead button{width:39px;height:39px;border:1px solid #d2dfeb;border-radius:10px;background:#fff;font-size:22px;cursor:pointer}
.stdUtilityBody{padding:18px 20px}.stdUtilityFoot{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid #e1eaf3;background:#fbfdff}
.stdComposer{display:grid;gap:13px}.stdComposer label{display:grid;gap:6px;color:#385779;font-size:12px;font-weight:900}.stdComposer input,.stdComposer textarea{width:100%;border:1px solid #cbd9e8;border-radius:11px;padding:11px 12px;color:#17365f;font:inherit;resize:vertical}.stdComposer small{color:#6b7e94}
.stdProfileDetail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stdProfileDetail>div{border:1px solid #dbe6f1;border-radius:12px;background:#f8fbff;padding:12px}.stdProfileDetail small{display:block;color:#70839a;font-size:10px;text-transform:uppercase;font-weight:900}.stdProfileDetail b{display:block;margin-top:5px;overflow-wrap:anywhere}

/* Parámetros */
.stdParametersShell{display:grid;gap:15px}.stdParametersIntro{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fff;border:1px solid #d9e5f1;border-radius:17px;padding:18px 20px}.stdParametersIntro h2{margin:0;font-size:21px}.stdParametersIntro p{margin:5px 0 0;color:#627892}.stdParametersIntro>span{border:1px solid #cde0f2;background:#eff7ff;color:#1766a8;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}
.stdParametersHint{background:#edf7ff;border:1px solid #cde5f6;border-radius:13px;padding:12px 14px;color:#365977;font-size:12px}.stdParametersHint code{background:#fff;border:1px solid #d8e7f3;border-radius:6px;padding:2px 5px;margin-left:4px}
.stdParametersGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stdParameterCard{display:grid;gap:7px;background:#fff;border:1px solid #d9e5f1;border-radius:16px;padding:16px}.stdParameterCard label{color:#27496f;font-size:12px;font-weight:900}.stdParameterCard textarea,.stdParameterCard input{width:100%;border:1px solid #cbd9e8;border-radius:11px;padding:11px 12px;color:#17365f;font:inherit;resize:vertical}.stdParameterSecondLabel{margin-top:8px}.stdParametersActions{display:flex;justify-content:flex-end;gap:9px}.stdParametersReadOnly{border:1px solid #ead8a9;background:#fff9e9;color:#77591e;border-radius:12px;padding:12px 14px;font-size:12px}
.stdCoreToast{position:fixed;right:22px;bottom:22px;z-index:13000;background:#102f56;color:#fff;border-radius:11px;padding:11px 15px;box-shadow:0 15px 35px rgba(0,0,0,.2);transform:translateY(20px);opacity:0;pointer-events:none;transition:.18s ease}.stdCoreToast.show{transform:none;opacity:1}

@media(max-width:850px){
  .stdAreaGrid{grid-template-columns:1fr!important;grid-template-rows:none}.stdAreaCompositeLogo{display:none}.stdParametersGrid{grid-template-columns:1fr}.stdProfileDetail{grid-template-columns:1fr}.stdMetricsProfileButton span{display:none}
}