/* Personalizar entorno · fondo propio y opciones de diseño (solo pantalla). */
@media screen{
 :root[data-ui-bg=imagen] body.vp-workspace.authenticated::before{background:linear-gradient(rgba(4,19,36,var(--vp-bg-dim,.25)),rgba(4,19,36,var(--vp-bg-dim,.25))),var(--vp-user-bg) center/cover no-repeat!important;filter:blur(var(--vp-bg-blur,4px))!important}
 :root[data-ui-bg=original] body.vp-workspace.authenticated::before{filter:blur(var(--vp-bg-blur,4px))!important}
 :root[data-ui-bg=degradado] body.vp-workspace.authenticated::before{background:radial-gradient(ellipse at 15% 0%,color-mix(in srgb,var(--cyan,#21a4a8) 35%,transparent),transparent 60%),linear-gradient(135deg,var(--navy,#12345b),var(--navy-2,#1b4b7a) 45%,var(--blue,#2676b8))!important;filter:none!important}
 :root[data-ui-bg=liso] body.vp-workspace.authenticated::before{background:var(--navy,#12345b)!important;filter:none!important}
 :root[data-ui-theme=blanco][data-ui-bg=liso] body.vp-workspace.authenticated::before{background:#eef2f6!important}
 /* Tarjetas sólidas: más contraste sobre fotos */
 :root[data-ui-cards=solido] body.vp-workspace.authenticated .section>.card,
 :root[data-ui-cards=solido] body.vp-workspace.authenticated .section .card{background:var(--card,#fff)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 /* Espaciado */
 :root[data-ui-density=compacta] body.vp-workspace.authenticated .section>.card{padding:14px 18px!important;margin-block:10px!important}
 :root[data-ui-density=compacta] body.vp-workspace.authenticated .btn{min-height:36px}
 :root[data-ui-density=amplia] body.vp-workspace.authenticated .section>.card{padding:30px 34px!important;margin-block:22px!important}
 /* Esquinas */
 :root[data-ui-corners=suave] body.vp-workspace.authenticated :is(.card,.btn,.entry,dialog,.vl-type-card,.vp-module-header){border-radius:10px!important}
 :root[data-ui-corners=recto] body.vp-workspace.authenticated :is(.card,.btn,.entry,dialog,.vl-type-card,.vp-module-header,input,select,textarea){border-radius:3px!important}
 /* Animaciones reducidas */
 :root[data-ui-motion=reducido] *,:root[data-ui-motion=reducido] *::before,:root[data-ui-motion=reducido] *::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
/* Controles del diálogo */
.envx{display:grid;gap:12px;margin:6px 0 12px}
.envx-group{margin:0;padding:12px 14px 6px;border:1px solid #d3e0ea;border-radius:14px;background:#fbfdff}
.envx-group legend{padding:0 6px;font-weight:800;color:var(--navy,#12345b);font-size:14px}
.envx-bg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 10px}
.envx-bg button{display:grid;gap:6px;justify-items:center;padding:8px;border:2px solid #d3e0ea;border-radius:12px;background:#fff;color:#1d3b52;font:700 12.5px Arial,sans-serif;cursor:pointer;transition:border-color .15s ease,translate .15s ease,box-shadow .15s ease}
.envx-bg button:hover{translate:0 -2px;box-shadow:0 8px 18px #12345b1f}
.envx-bg button[aria-checked=true]{border-color:var(--blue,#2676b8);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue,#2676b8) 25%,transparent)}
.envx-thumb{display:block;width:100%;aspect-ratio:16/9;border-radius:8px;background:#dfe7ee center/cover no-repeat}
.envx-t-original{background-image:url('process-validation-login.jpg')}
.envx-t-image:not([style*=url]){background:repeating-linear-gradient(45deg,#eef3f7 0 8px,#e2eaf1 8px 16px);position:relative}
.envx-t-image:not([style*=url])::after{content:"+ foto";position:absolute;inset:0;display:grid;place-items:center;color:#5d7383;font-size:12px}
.envx-t-gradient{background:linear-gradient(135deg,var(--navy,#12345b),var(--blue,#2676b8))}
.envx-t-flat{background:var(--navy,#12345b)}
.envx-image{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}
.envx-image [hidden]{display:none}
.envx-file{color:#5d7383;font-size:12px}
.envx-four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.envx-muted{opacity:.5}
.envx-bad{color:#a3233c!important}
@media (max-width:640px){.envx-bg{grid-template-columns:repeat(2,minmax(0,1fr))}.envx-four{grid-template-columns:1fr!important}}
#environmentDialog{width:min(780px,calc(100% - 24px))!important}