/* Estética «Rótulo» en el interior de los módulos. Solo presentación.
   - Colores: los de la tarjeta de inicio de cada módulo (--module-accent / --module-ink / --module-glow).
   - Dentro de cualquier módulo: VP celeste, VL rosa viejo, Holding time gris y Media fill verde (los de sus tarjetas de tipo).
   - Letra: la de las tarjetas de inicio (Arial). No cambian: inicio, barra superior, Resumen de actividad,
     tarjetas de elección (VP / VL / HT / MF), esquemas de mezcladores, reactores y llenado (.sampling-map), ni Flowmaker. */
@media screen{
:root{--rt-vp:#0a8fc2;--rt-vp-ink:#0b4f6c;--rt-vp-glow:#00b6d5;--rt-vl:#a85e70;--rt-vl-ink:#754454;--rt-vl-glow:#e8b2c2;
 --rt-ht:#656c71;--rt-ht-ink:#3f464b;--rt-ht-glow:#b8c0c5;--rt-mf:#198a60;--rt-mf-ink:#145a40;--rt-mf-glow:#5fe0a8;--rt-text:#1d2f3f}

/* Paleta por validación (heredada por todo lo que está adentro). */
:is([id^="processPanel-"],#vpDatabase,dialog:has([id^="processPanel-"])){--module-accent:var(--rt-vp);--module-end:var(--rt-vp-ink);--module-ink:var(--rt-vp-ink);--module-glow:var(--rt-vp-glow)}
:is([id^="cleaningPanel-"],#vlDatabase,dialog[id^="vl"],dialog:has([id^="cleaningPanel-"])){--module-accent:var(--rt-vl);--module-end:var(--rt-vl-ink);--module-ink:var(--rt-vl-ink);--module-glow:var(--rt-vl-glow)}
:is([id^="holdingPanel-"],dialog:has([id^="holdingPanel-"])){--module-accent:var(--rt-ht);--module-end:var(--rt-ht-ink);--module-ink:var(--rt-ht-ink);--module-glow:var(--rt-ht-glow)}
:is([id^="mediafillPanel-"],dialog:has([id^="mediafillPanel-"])){--module-accent:var(--rt-mf);--module-end:var(--rt-mf-ink);--module-ink:var(--rt-mf-ink);--module-glow:var(--rt-mf-glow)}

/* Hoja del módulo: un fondo claro con el tinte de su tarjeta, sobre el entorno que eligió cada usuario. */
body.vp-workspace.authenticated .content .section:not(#section-modules,#section-dashboard,#section-flowmaker){background:color-mix(in srgb,var(--module-glow) 12%,#eef2f5);border:2px solid color-mix(in srgb,var(--module-ink) 30%,transparent);border-radius:24px;padding:18px 20px 22px;color:var(--rt-text);font-family:Arial,Helvetica,sans-serif}

/* Encabezado del módulo: rótulo troquelado, con el ícono y el brillo de su tarjeta. */
body.vp-workspace.authenticated .content .section:not(#section-modules,#section-dashboard,#section-flowmaker)>.vp-module-header{position:relative;background:#fff!important;border:2px solid var(--module-ink)!important;border-radius:18px!important;box-shadow:none!important;backdrop-filter:none!important;
 -webkit-mask:radial-gradient(circle 10px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat,linear-gradient(#000,#000) left/50% 100% no-repeat;mask:radial-gradient(circle 10px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat,linear-gradient(#000,#000) left/50% 100% no-repeat}
body.vp-workspace .section:not(#section-modules,#section-dashboard,#section-flowmaker)>.vp-module-header .vp-module-icon{background:linear-gradient(150deg,#163447,#0f2638)!important;color:var(--module-glow)!important;border:0!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--module-glow) 55%,transparent),0 0 14px color-mix(in srgb,var(--module-glow) 30%,transparent)!important}
body.vp-workspace .section:not(#section-modules,#section-dashboard,#section-flowmaker)>.vp-module-header .vp-module-copy h2{color:var(--module-ink)!important}
body.vp-workspace .section:not(#section-modules,#section-dashboard,#section-flowmaker)>.vp-module-header :is(.vp-module-copy p,.vp-module-account span,.vp-module-account strong){color:color-mix(in srgb,var(--module-ink) 75%,#5d6f7d)!important}

/* Piezas del interior (sección del módulo y sus ventanas). */
:is(.section:not(#section-modules,#section-dashboard,#section-flowmaker),body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog) .card:not(.vl-type-card):not(.stock-validation-card){background:#fff!important;border:2px solid color-mix(in srgb,var(--module-ink) 72%,#fff)!important;border-radius:16px!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--rt-text)}
:is(.section:not(#section-modules,#section-dashboard,#section-flowmaker),body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog) .card:is(h2,h3,h4),:is(.section:not(#section-modules,#section-dashboard,#section-flowmaker),body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog) .card :is(h2,h3,h4){color:var(--module-ink)}
:is(.section:not(#section-modules,#section-dashboard,#section-flowmaker),body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog) :is(.btn,.button).primary:not(:disabled){background:var(--module-accent)!important;color:#fff!important;border:2px solid var(--module-ink)!important;border-radius:10px!important;box-shadow:3px 3px 0 color-mix(in srgb,var(--module-glow) 60%,#fff)!important}
:is(.section:not(#section-modules,#section-dashboard,#section-flowmaker),body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog) :is(.btn,.button).secondary:not(.danger):not(.vp-action-prominent){background:#fff!important;color:var(--module-ink)!important;border:2px solid var(--module-ink)!important;border-radius:10px!important;box-shadow:none!important}
:is(.section:not(#section-modules,#section-dashboard,#section-flowmaker),body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea):not(.sampling-map *){border:2px solid color-mix(in srgb,var(--module-ink) 42%,#fff)!important;border-radius:10px!important;background-color:#fff!important;color:var(--rt-text)!important;box-shadow:none!important}
:is(.section:not(#section-modules,#section-dashboard,#section-flowmaker),body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog) :is(input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--module-glow) 70%,#fff)!important;outline-offset:1px}
:is(.section:not(#section-modules,#section-dashboard,#section-flowmaker),body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog) th{color:var(--module-ink)!important;background:transparent!important;border-bottom:2px solid var(--module-ink)!important}
:is(.section:not(#section-modules,#section-dashboard,#section-flowmaker),body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog) .vp-sequence-progress{background:#fff!important;border:2px solid var(--module-ink)!important;border-radius:12px!important;color:var(--module-ink)!important}
:is(.section:not(#section-modules,#section-dashboard,#section-flowmaker),body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog) .vp-sequence-progress progress{accent-color:var(--module-accent)}
:is(.section:not(#section-modules,#section-dashboard,#section-flowmaker),body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog) .vp-sequence-nav{border-top:2px solid color-mix(in srgb,var(--module-ink) 35%,#fff)!important}
body.vp-workspace.authenticated:not([data-module="modules"],[data-module="dashboard"],[data-module="flowmaker"]) dialog{border:2px solid var(--module-ink)!important;border-radius:18px!important;font-family:Arial,Helvetica,sans-serif}
/* Los esquemas se ven exactamente como antes. */



}

/* ===== Rótulo, segunda capa: que el interior se vea como el estilo aprobado ===== */
@media screen{
/* Alcance: hoja de cada módulo (menos inicio, Resumen y Flowmaker) y sus ventanas. Especificidad alta para ganarle. */
html body.vp-workspace.authenticated:not(#rt) .content .section:not(#section-modules,#section-dashboard,#section-flowmaker){background:color-mix(in srgb,var(--module-glow) 16%,#eef2f5)!important;border:2px solid var(--module-ink)!important;box-shadow:none!important}
/* Encabezado: rótulo troquelado con muesca a la derecha (sin agujero a la izquierda: el ícono ocupa ese lugar). */
html body.vp-workspace.authenticated:not(#rt) .content .section:not(#section-modules,#section-dashboard,#section-flowmaker)>.vp-module-header{border:2px solid var(--module-ink)!important}
html body.vp-workspace.authenticated:not(#rt) .content .section>.vp-module-header .vp-module-copy h2{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;letter-spacing:-.02em}
/* Paneles: blanco, borde de tinta del módulo y franja de color a la izquierda. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) .card:not(.vl-type-card):not(.stock-validation-card):not(.dbv-card):not(.workspace-tile):not(.stock-card):not(.metric){background:#fff!important;border:2px solid var(--module-ink)!important;border-radius:16px!important;box-shadow:inset 7px 0 0 var(--module-accent)!important;padding-left:max(22px,var(--rt-pl,22px))}
/* Tarjetas de datos (contadores, existencias, métricas): franja superior del color del módulo. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.metric,.card.metric,.stock-card){background:#fff!important;border:2px solid var(--module-ink)!important;border-radius:14px!important;box-shadow:inset 0 6px 0 var(--module-accent)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) :is(.card,.metric,.stock-card) :is(h2,h3,h4){color:var(--module-ink)!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important}
/* Botón principal: color del módulo, borde de tinta y sombra desplazada con el brillo de la tarjeta. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.btn,.button).primary:not(:disabled){background:var(--module-accent)!important;background-image:none!important;color:#fff!important;border:2px solid var(--module-ink)!important;border-radius:10px!important;box-shadow:4px 4px 0 color-mix(in srgb,var(--module-glow) 70%,#fff)!important;font-weight:700!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.btn,.button).primary:not(:disabled):hover{box-shadow:2px 2px 0 color-mix(in srgb,var(--module-glow) 70%,#fff)!important;transform:translate(2px,2px)}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.btn,.button):not(.primary):not(.danger):not(.vp-back-to-top){background:#fff!important;background-image:none!important;color:var(--module-ink)!important;border:2px solid var(--module-ink)!important;border-radius:10px!important;box-shadow:none!important;font-weight:700!important}
/* Botones blancos: el ícono de acción va en tinta (los íconos son imágenes de fondo, blancas por defecto). */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.btn,.button).vp-action-prominent:not(.primary):not(.danger){--vp-action-arrow:var(--vp-action-arrow-ink);--vp-action-save:var(--vp-action-save-ink);--vp-action-chart:var(--vp-action-chart-ink);--vp-action-download:var(--vp-action-download-ink);--vp-action-mail:var(--vp-action-mail-ink)}
/* Pasos y pestañas en tira: blanco con borde de tinta; el activo, lleno con el color del módulo. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) :is(.stk-tabs,.med-workflow,.mc-steps,.med-steps,.intake-steps,.ari-tabs,.cc-tabs,.changes-tabs,[role=tablist]){background:#fff!important;border:2px solid var(--module-ink)!important;border-radius:12px!important;box-shadow:none!important;backdrop-filter:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) :is(.stk-tab,.med-workflow>button,.mc-steps button,.ari-tab,[role=tab]){background:#fff!important;border:0!important;border-right:2px solid color-mix(in srgb,var(--module-ink) 40%,#fff)!important;border-radius:0!important;box-shadow:none!important;color:var(--module-ink)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) :is(.stk-tab[aria-pressed=true],.med-workflow>button.active,.mc-steps button.active,.ari-tab.active,.ari-tab[aria-selected=true],[role=tab][aria-selected=true]){background:var(--module-accent)!important;color:#fff!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) :is(.stk-tab[aria-pressed=true],.med-workflow>button.active,.ari-tab.active,[role=tab][aria-selected=true]) :is(b,strong,small,span){color:#fff!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) .vp-sequence-progress{background:#fff!important;border:2px solid var(--module-ink)!important;box-shadow:inset 7px 0 0 var(--module-accent)!important}
/* Campos y tablas. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(input.entry,select.entry,textarea.entry,.entry:is(input,select,textarea)):not([aria-hidden=true]){border:2px solid color-mix(in srgb,var(--module-ink) 45%,#fff)!important;border-radius:10px!important;background-color:#fff!important;box-shadow:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) table th{color:var(--module-ink)!important;background:transparent!important;border-bottom:2px solid var(--module-ink)!important;font-weight:700!important}
/* Ventanas: borde de tinta y cabecera con franja. */
html body.vp-workspace.authenticated:not(#rt):not([data-module=flowmaker]) dialog[open]:not(.vp-entry-dialog){border:2px solid var(--module-ink)!important;border-radius:18px!important}

/* Contenedores propios de cada módulo (mismo tratamiento de panel). */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.td-surface,.td-notifications,.kx-intro,.kx-controls,.kx-analysis,.kx-results,.med-step,.plan-card,.experience-history-item,.ari-note,.share-url){background:#fff!important;background-image:none!important;border:2px solid var(--module-ink)!important;border-radius:16px!important;box-shadow:inset 7px 0 0 var(--module-accent)!important;backdrop-filter:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) .kx-indicator{background:#fff!important;background-image:none!important;border:2px solid color-mix(in srgb,var(--module-ink) 70%,#fff)!important;border-radius:14px!important;box-shadow:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) .kx-indicator:is(:hover,:focus-visible){box-shadow:4px 4px 0 color-mix(in srgb,var(--module-glow) 70%,#fff)!important}
/* Contadores de TO DO: conservan su color de estado; se suma el borde de rótulo. */
html body.vp-workspace.authenticated:not(#rt) #section-todo .td-status{background:#fff!important;border:2px solid var(--module-ink)!important;border-radius:14px!important;box-shadow:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) .chg-tabs{background:#fff!important;border:2px solid var(--module-ink)!important;border-radius:12px!important}

/* VP: la Solicitud a Producción es la opción destacada; las demás, como secundarias. */
html body.vp-workspace.authenticated:not(#rt) .vp-start-choices>.btn:not(#followupProduction):not(#rt2):not(#rt3){background:#fff!important;color:var(--module-ink)!important;border:2px solid var(--module-ink)!important;box-shadow:none!important}
html body.vp-workspace.authenticated:not(#rt) .vp-start-choices>#followupProduction:not(#rt2):not(#rt3){background:var(--module-accent)!important;color:#fff!important;box-shadow:4px 4px 0 color-mix(in srgb,var(--module-glow) 70%,#fff)!important}
}

/* ===== Rótulo, capa global: ventanas, tarjetas de elección y piezas sueltas con la estética aprobada ===== */
@media screen{
/* Ventana: fondo claro con el tinte del módulo (como la hoja), sin el degradado anterior. */
html body.vp-workspace.authenticated:not(#rt):not([data-module=flowmaker]) dialog.vp-popup-shell[open]{--rt-sheet:color-mix(in srgb,var(--module-glow) 16%,#eef2f5);background:var(--rt-sheet)!important;background-image:none!important;border:2px solid var(--module-ink)!important;border-radius:18px!important;color:var(--rt-text);font-family:Arial,Helvetica,sans-serif;backdrop-filter:none!important}
/* Encabezado de ventana: rótulo blanco troquelado con borde de tinta y título en tinta. */
html body.vp-workspace.authenticated:not(#rt):not([data-module=flowmaker]) dialog.vp-popup-shell>:is(header.vp-entry-header,header:first-of-type:not(.vp-entry-header),.matrix-head,.dialog-head){background:#fff!important;background-image:none!important;border:2px solid var(--module-ink)!important;border-radius:18px!important;box-shadow:none!important;backdrop-filter:none!important;padding-left:22px!important;margin:14px 0 18px!important;min-height:58px;box-sizing:border-box;
 -webkit-mask:radial-gradient(circle 10px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat,linear-gradient(#000,#000) left/50% 100% no-repeat;mask:radial-gradient(circle 10px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat,linear-gradient(#000,#000) left/50% 100% no-repeat}
html body.vp-workspace.authenticated:not(#rt):not([data-module=flowmaker]) dialog.vp-popup-shell>:is(header.vp-entry-header,header:first-of-type:not(.vp-entry-header),.matrix-head,.dialog-head):not([style*=position]){position:sticky}
html body.vp-workspace.authenticated:not(#rt):not([data-module=flowmaker]) dialog.vp-popup-shell>:is(header.vp-entry-header,header:first-of-type:not(.vp-entry-header),.matrix-head,.dialog-head) :is(h1,h2,h3){color:var(--module-ink)!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;letter-spacing:-.02em}
html body.vp-workspace.authenticated:not(#rt):not([data-module=flowmaker]) dialog.vp-popup-shell>:is(h2,h3){color:var(--module-ink)!important;font-family:Arial,Helvetica,sans-serif!important}
/* Ventanas angostas (paneles laterales): el título no se parte; los botones bajan de renglón si no entran. */
html body.vp-workspace.authenticated:not(#rt):not([data-module=flowmaker]) dialog.vp-popup-shell>header.vp-entry-header{flex-wrap:wrap!important;row-gap:8px}
html body.vp-workspace.authenticated:not(#rt):not([data-module=flowmaker]) dialog.vp-popup-shell>header.vp-entry-header>:is(h1,h2,h3){flex:1 1 auto;min-width:min(100%,9em);overflow-wrap:normal;word-break:normal}
/* Botón de cierre de ventana. */
html body.vp-workspace.authenticated:not(#rt) dialog .vp-popup-close{background:#fff!important;background-image:none!important;color:var(--module-ink)!important;border:2px solid var(--module-ink)!important;border-radius:10px!important;box-shadow:none!important}
/* Guía de campos («Faltan N obligatorios»): barra blanca con filete de tinta, como el pie de las propuestas. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) .vpfa-dock:not(.vpfa-float){background:#fff!important;background-image:none!important;border:0!important;border-top:2px solid var(--module-ink)!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--module-ink)}
html body.vp-workspace.authenticated:not(#rt) .vpfa-dock.vpfa-float{background:#fff!important;background-image:none!important;border:2px solid var(--module-ink)!important;border-radius:14px!important;box-shadow:4px 4px 0 color-mix(in srgb,var(--module-glow) 60%,#fff)!important;backdrop-filter:none!important}
html body.vp-workspace.authenticated:not(#rt) .vpfa-dock :is(strong,b){color:var(--module-ink)}

/* Tarjetas de elección de tipo: rótulos blancos con el color de su validación (VP celeste, VL rosa viejo, HT gris, MF verde). */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-type-card,.stock-validation-card,.dbv-card):is(.vl-process,.process){--tc:#0a8fc2;--tci:#0b4f6c;--tcg:#00b6d5}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-type-card,.stock-validation-card,.dbv-card):is(.vl-cleaning,.cleaning){--tc:#a85e70;--tci:#754454;--tcg:#e8b2c2}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-type-card,.stock-validation-card,.dbv-card):is(.vl-holding,.holding){--tc:#656c71;--tci:#3f464b;--tcg:#b8c0c5}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-type-card,.stock-validation-card,.dbv-card):is(.vl-mediafill,.mediafill){--tc:#198a60;--tci:#145a40;--tcg:#5fe0a8}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-type-card,.stock-validation-card,.dbv-card,.asm-type-card,.matrix-area-card,.validation-type-card,[data-matrix-area]){--tc0:var(--tc,var(--module-accent));--tci0:var(--tci,var(--module-ink));--tcg0:var(--tcg,var(--module-glow));
 background:#fff!important;background-image:none!important;border:2px solid var(--tci0)!important;border-radius:14px!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--tci0)!important;font-family:Arial,Helvetica,sans-serif;transition:box-shadow .15s,background-color .15s}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-type-card,.stock-validation-card,.dbv-card,.asm-type-card,.matrix-area-card,.validation-type-card,[data-matrix-area]):is(:hover,:focus-visible){box-shadow:4px 4px 0 color-mix(in srgb,var(--tcg0) 70%,#fff)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-type-card,.stock-validation-card,.dbv-card,.asm-type-card,.matrix-area-card,.validation-type-card,[data-matrix-area]):is(.active,.selected,.is-active,.on,[aria-pressed=true],[aria-selected=true],[aria-current=true],[aria-current=page],[aria-checked=true]){background:color-mix(in srgb,var(--tcg0) 16%,#fff)!important;box-shadow:inset 0 0 0 2px var(--tc0),4px 4px 0 color-mix(in srgb,var(--tcg0) 70%,#fff)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-type-card,.stock-validation-card,.dbv-card,.asm-type-card,.matrix-area-card,.validation-type-card) :is(strong,h3,h4){color:var(--tci0)!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-type-card,.stock-validation-card,.dbv-card,.asm-type-card,.matrix-area-card,.validation-type-card) :is(small,p){color:color-mix(in srgb,var(--tci0) 62%,#7a8794)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-type-card,.stock-validation-card,.dbv-card)>b{color:var(--tci0)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-type-card,.stock-validation-card,.dbv-card) .vl-type-symbol{background:var(--tc0)!important;background-image:none!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) .vl-type-card{padding:20px 22px!important;min-height:0!important}

/* Matriz documental, «Nuevo documento»: VP en celeste y VL en rosa viejo (antes la tarjeta VL quedaba con
   el símbolo y el subtítulo blancos sobre fondo blanco). */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) .matrix-area-card.matrix-area-vp{--tc:#0a8fc2;--tci:#0b4f6c;--tcg:#00b6d5}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) .matrix-area-card.matrix-area-vl{--tc:#a85e70;--tci:#754454;--tcg:#e8b2c2}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) .matrix-area-card .matrix-area-symbol{background:var(--tc)!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section,dialog) .matrix-area-card .matrix-area-subtitle{color:color-mix(in srgb,var(--tci) 62%,#7a8794)!important}

/* Avisos: conservan su color de significado, en formato rótulo (borde de 2 px y fondo claro). */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.notice,.pvp-notice){border-width:2px!important;border-style:solid!important;border-radius:12px!important;box-shadow:none!important;background-image:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.notice:not(.success,.warning,.warn,.danger,.error),.pvp-notice){background:color-mix(in srgb,var(--module-glow) 12%,#fff)!important;border-color:color-mix(in srgb,var(--module-ink) 45%,#fff)!important;color:var(--module-ink)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) .notice.success{background:#eef8f2!important;border-color:#1f8a4c!important;color:#145a34!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.notice:is(.warning,.warn),.assistant-item.warn){background:#fff8e6!important;background-image:none!important;border:2px solid #b7791f!important;border-radius:12px!important;color:#6b4508!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) .notice:is(.danger,.error){background:#fdf0f1!important;border-color:#c0392b!important;color:#85172b!important}

/* Subpaneles internos: blancos con filete de tinta clara (sin grises, degradados ni bordes finos). */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.production-shortcut,.matrix-entry-start,.pvp-step-current,.pvp-section,.ari-progress,.med-state,.med-timer,.med-work-actions,.study-factor,.mc-storage,.tier-weekbar,.revalidation-card,.dbv-bar,.table-wrap,.study-table-wrap,.experience-history-dimension,.vl-custom,.stable-access-help:not(:empty)){background:#fff!important;background-image:none!important;border:2px solid color-mix(in srgb,var(--module-ink) 38%,#fff)!important;border-radius:14px!important;box-shadow:none!important;backdrop-filter:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.pvp-section,.vp-guided-help)>summary{background:transparent!important;background-image:none!important;color:var(--module-ink)!important;font-weight:700!important}
/* Franjas de ayuda y estado: fondo pálido del módulo con franja de color. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.pvp-matrix-bar,.pvp-scope,.med-phase-hint,.study-status:not(:empty),.mc-toolbar,.method-summary){background:color-mix(in srgb,var(--module-glow) 14%,#fff)!important;background-image:none!important;border:0!important;border-radius:12px!important;box-shadow:inset 5px 0 0 var(--module-accent)!important;color:var(--module-ink)}
/* Barras de acciones al pie: blanco con filete superior de tinta. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.ari-workflow-nav,.med-footer){background:#fff!important;background-image:none!important;border:0!important;border-top:2px solid var(--module-ink)!important;box-shadow:none!important;backdrop-filter:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) footer.vp-module-footer{border-top:2px solid color-mix(in srgb,var(--module-ink) 35%,transparent)!important}
/* Cabeceras de paso con degradado oscuro: rótulo blanco con franja de color y texto en tinta. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.pvp-hero,.med-hero,.study-hero,.intake-hero,.matrix-hero){background:#fff!important;background-image:none!important;border:2px solid var(--module-ink)!important;border-radius:16px!important;box-shadow:inset 7px 0 0 var(--module-accent)!important;color:var(--module-ink)!important;backdrop-filter:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.pvp-hero,.med-hero,.study-hero,.intake-hero,.matrix-hero) :is(h1,h2,h3,h4,p,small,strong):not(.btn *){color:var(--module-ink)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is([class*=eyebrow],.vl-eyebrow){color:var(--module-accent)!important}
/* Tarjetas de lista (pendientes, limpiezas, proyectos): rótulo blanco con franja. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) .vl-pending-card{--module-accent:var(--rt-vl);--module-ink:var(--rt-vl-ink);--module-glow:var(--rt-vl-glow)}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-pending-card,.intake-pending-card,.bit-cleaning-card,.mc-project-card){background:#fff!important;background-image:none!important;border:2px solid var(--module-ink)!important;border-radius:14px!important;box-shadow:inset 7px 0 0 var(--module-accent)!important;backdrop-filter:none!important}

/* Grupos de campos y desplegables. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) fieldset:not(.vl-kinds):not(.mc-toolbar){border-width:2px!important;border-color:color-mix(in srgb,var(--module-ink) 35%,#fff)!important;border-radius:14px!important;background-image:none!important;box-shadow:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) fieldset>legend{color:var(--module-ink)!important;font-weight:700!important;font-family:Arial,Helvetica,sans-serif!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) details:not(.pvp-multiselect,.vl-sector-select,.ari-stage-select,.pvp-section){border-width:2px!important;border-color:color-mix(in srgb,var(--module-ink) 35%,#fff)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) details>summary{color:var(--module-ink)}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.pvp-multiselect,.vl-sector-select,.ari-stage-select,.vl-purpose){background:#fff!important;background-image:none!important;border:2px solid color-mix(in srgb,var(--module-ink) 45%,#fff)!important;border-radius:10px!important;box-shadow:none!important}

/* Chips, píldoras y conmutadores: blancos con borde de tinta; el elegido, lleno del color del módulo. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(label.check-pill,.dbv-chip,.iu-chip,button.chip,label.chip,.search-pending-chip){background:#fff!important;background-image:none!important;color:var(--module-ink)!important;border:2px solid var(--module-ink)!important;border-radius:999px!important;box-shadow:none!important;font-weight:700!important;font-family:Arial,Helvetica,sans-serif!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(label.check-pill,.dbv-chip,.iu-chip,button.chip,label.chip,.search-pending-chip):is(.on,.active,.selected,[aria-pressed=true],[aria-selected=true],[aria-checked=true],:has(input:checked)){background:var(--module-accent)!important;border-color:var(--module-accent)!important;color:#fff!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(label.check-pill,.dbv-chip,.iu-chip,button.chip,label.chip,.search-pending-chip):is(.on,.active,.selected,[aria-pressed=true],[aria-selected=true],[aria-checked=true],:has(input:checked)) :is(span,b,strong,small){color:#fff!important}
/* Opciones en tarjeta (radio/checkbox): borde de tinta; la elegida, fondo pálido y contorno de color. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-kind,.mf-option,.mf-sampling-card){background:#fff!important;background-image:none!important;border:2px solid color-mix(in srgb,var(--module-ink) 45%,#fff)!important;border-radius:12px!important;outline:0!important;box-shadow:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-kind,.mf-option,.mf-sampling-card):has(input:checked){background:color-mix(in srgb,var(--module-glow) 16%,#fff)!important;border-color:var(--module-ink)!important;box-shadow:inset 0 0 0 2px var(--module-accent)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) input:is([type=checkbox],[type=radio]){accent-color:var(--module-accent)}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-kind,.mf-option,.mf-sampling-card){color:var(--module-ink)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-kind,.mf-option,.mf-sampling-card) :is(strong,b,span:not(.btn *)){color:var(--module-ink)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vl-kind,.mf-option,.mf-sampling-card) :is(small,em,p){color:color-mix(in srgb,var(--module-ink) 62%,#7a8794)!important}
/* Etiquetas con recuadro (opciones sí/no, personas, códigos): filete de 2 px; si no tenían recuadro, siguen sin él. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(label:has(>input:is([type=radio],[type=checkbox])),.tier-person,.intake-code){border-width:2px!important;border-color:color-mix(in srgb,var(--module-ink) 35%,#fff)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) label:has(>input:is([type=radio],[type=checkbox]):checked){border-color:var(--module-accent)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) form.study-form{background:transparent!important;background-image:none!important}
/* Títulos que reciben el foco al abrir la ventana (para lectores de pantalla): sin recuadro visible. */
html body.vp-workspace.authenticated:not(#rt) dialog :is(h1,h2,h3)[tabindex="-1"]:focus{outline:0!important;box-shadow:none!important}

/* Zona para soltar archivos y estados vacíos. */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vp-file-drop,.med-drop){background:color-mix(in srgb,var(--module-glow) 10%,#fff)!important;background-image:none!important;border:2px dashed color-mix(in srgb,var(--module-ink) 55%,#fff)!important;border-radius:14px!important;color:var(--module-ink)!important;box-shadow:none!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.vp-file-drop,.med-drop):is(.vp-file-drop-over,:hover,:focus-within){background:color-mix(in srgb,var(--module-glow) 22%,#fff)!important;border-color:var(--module-accent)!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.study-empty,.med-empty,.ari-empty,.mc-empty,.search-pending-empty):not(:empty){background:#fff!important;background-image:none!important;border:2px dashed color-mix(in srgb,var(--module-ink) 35%,#fff)!important;border-radius:14px!important;color:color-mix(in srgb,var(--module-ink) 62%,#7a8794)!important;box-shadow:none!important}

/* Botón de eliminar o anular: blanco con borde y texto rojo (sin degradado). */
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.btn,.button).danger:not(.primary):not(:disabled){background:#fff!important;background-image:none!important;color:#a3192d!important;border:2px solid #b42335!important;border-radius:10px!important;box-shadow:none!important;font-weight:700!important}
html body.vp-workspace.authenticated:not(#rt) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog) :is(.btn,.button).danger:not(.primary):not(:disabled):hover{background:#fdf0f1!important}
}

/* Respeta «Bordes» de Personalizar entorno (suave / recto) sobre la estética Rótulo. */
@media screen{
:root[data-ui-corners=suave] body.vp-workspace.authenticated:not(#rt):not(#rt2) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog.vp-popup-shell) :is(.card,.btn,.vl-type-card,.dbv-card,.stock-validation-card,.vp-module-header,.vp-entry-header,.vpfa-dock.vpfa-float,.notice,.table-wrap,fieldset,.vp-file-drop){border-radius:10px!important}
:root[data-ui-corners=recto] body.vp-workspace.authenticated:not(#rt):not(#rt2) :is(.content .section:not(#section-modules,#section-dashboard,#section-flowmaker),dialog.vp-popup-shell) :is(.card,.btn,.vl-type-card,.dbv-card,.stock-validation-card,.vp-module-header,.vp-entry-header,.vpfa-dock.vpfa-float,.notice,.table-wrap,fieldset,.vp-file-drop,input,select,textarea){border-radius:3px!important}
:root[data-ui-corners=suave] body.vp-workspace.authenticated:not(#rt):not(#rt2) dialog.vp-popup-shell[open],:root[data-ui-corners=suave] body.vp-workspace.authenticated:not(#rt):not(#rt2) .content .section:not(#section-modules,#section-dashboard,#section-flowmaker){border-radius:10px!important}
:root[data-ui-corners=recto] body.vp-workspace.authenticated:not(#rt):not(#rt2) dialog.vp-popup-shell[open],:root[data-ui-corners=recto] body.vp-workspace.authenticated:not(#rt):not(#rt2) .content .section:not(#section-modules,#section-dashboard,#section-flowmaker){border-radius:3px!important}
}

/* Celular: el rótulo de la ventana con menos margen. */
@media screen and (max-width:640px){
html body.vp-workspace.authenticated:not(#rt):not([data-module=flowmaker]) dialog.vp-popup-shell>:is(header.vp-entry-header,header:first-of-type:not(.vp-entry-header),.matrix-head,.dialog-head){padding-left:16px!important;margin:10px 0 14px!important}
}

/* Celular: el ícono del módulo entra en su columna (en pantalla grande mide 69 px) y el título no se tapa. */
@media screen and (max-width:700px){
html body.vp-workspace.authenticated:not(#rt) .content .section>.vp-module-header .vp-module-icon{flex:0 0 56px!important;min-width:56px!important;width:56px!important;height:56px!important;border-radius:14px!important}
html body.vp-workspace.authenticated:not(#rt) .content .section>.vp-module-header .vp-module-icon>svg{width:37px!important;height:37px!important}
}
@media screen and (max-width:480px){
html body.vp-workspace.authenticated:not(#rt) .content .section>.vp-module-header .vp-module-icon{flex:0 0 44px!important;min-width:44px!important;width:44px!important;height:44px!important;border-radius:12px!important}
html body.vp-workspace.authenticated:not(#rt) .content .section>.vp-module-header .vp-module-icon>svg{width:31px!important;height:31px!important}
}