.vl-type-card.vl-mediafill{--type-color:#198a60;--card-accent:#198a60;background:color-mix(in srgb,var(--type-color) 11%,#fff);color:#18364b}.vl-mediafill .vl-type-symbol{background:var(--type-color);color:#fff}.vl-mediafill small{color:inherit}.mf-card{border-top:4px solid #25a879}.mf-eyebrow{color:#7ee6b8;font-weight:700}.mf-choice-group{border:1px solid #648477;border-radius:12px;padding:12px;margin:12px 0}.mf-choice-group legend{padding:0 6px;font-weight:700}.mf-options{display:flex;flex-wrap:wrap;gap:10px}.mf-option{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #819c92;border-radius:10px;cursor:pointer}.mf-option:has(input:checked){background:#185b40;border-color:#66deb0;color:#fff}.mf-option input{accent-color:#42c88b;width:18px;height:18px}.mf-add-time{display:flex;align-items:end;gap:12px;margin-top:10px}.mf-add-time input{max-width:150px}.mf-navigation{min-height:48px;min-width:160px;font-size:1.05rem}.mf-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.mf-review-grid div{display:flex;flex-direction:column;gap:5px}.mf-history-item{padding:14px 0;border-bottom:1px solid #789087}.mf-history-item p{margin:5px 0}.mf-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mf-step-title{font-weight:700}.mf-dialog{max-width:900px}.mf-dialog section{border-bottom:1px solid #b1bdb7;padding:10px 0}.mf-card table td,.mf-card table th{text-align:center}.mf-card [hidden],.mf-history-item[hidden],.mf-choice-group[hidden],.mf-option[hidden]{display:none!important}.matrix-version-row.withdrawn{background:#ffe3e3!important;color:#681b1b!important}.matrix-version-row.withdrawn td,.matrix-version-row.withdrawn .matrix-small{color:#681b1b!important}.matrix-status.withdrawn{background:#a72432!important;color:#fff!important;border-color:#a72432!important}.matrix-version-line.withdrawn{color:#8c1722!important}.tier-final-result .tier-result{margin:18px 0}.tier-final-result .tier-result strong{font-size:1.5rem}
@media(max-width:760px){.mf-review-grid,.mf-template-grid{grid-template-columns:1fr}.mf-add-time{align-items:start;flex-direction:column}}

/* Media Fill / Media Hold: misma lectura de tarjetas que VL, en verde. */
#mediafillPanel-new .mf-choice-group legend{font-size:1.15rem;line-height:1.3;padding:0 8px;font-weight:750;color:inherit}
#mediafillPanel-new .mf-card-group{border:0;padding:0;margin:18px 0}
#mediafillPanel-new .mf-card-group legend{padding:0;margin-bottom:10px}
#mediafillPanel-new .mf-sampling-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
#mediafillPanel-new .mf-sampling-card{align-items:flex-start;min-height:78px;padding:16px;border-radius:14px;border-color:#319c7699;color:inherit;background:transparent}
#mediafillPanel-new .mf-sampling-card input{flex:none;margin:2px 0 0}
#mediafillPanel-new .mf-sampling-card span{min-width:0;overflow-wrap:break-word}
#mediafillPanel-new .mf-sampling-card strong{font-size:1rem;line-height:1.3;color:inherit}
#mediafillPanel-new .mf-sampling-card small{display:block;margin-top:8px;line-height:1.4;color:inherit}
#mediafillPanel-new .mf-sampling-card:has(input:checked){background:#185b40;color:#fff;border-color:#42c88b;outline:2px solid #42c88b}
#mediafillPanel-new .mf-option:has(input:focus-visible){outline:3px solid #42c88b;outline-offset:3px}
#mediafillPanel-new [data-mf-other]{margin-top:10px}
#mediafillPanel-new #mf-times{border:2px solid #319c76;padding:14px;margin:18px 0}

.mf-workflow .mf-eyebrow,.mf-database .mf-eyebrow{color:inherit;font-weight:750}
.mf-database{border-top:4px solid #29996b}.mf-workflow-dialog{width:min(1100px,94vw);max-width:1100px;padding:24px}.mf-workflow-dialog h3{padding-right:40px}.mf-workflow-dialog .entry{width:100%;box-sizing:border-box}.mf-workflow-dialog label{display:flex;flex-direction:column;gap:5px}.mf-workflow-dialog .mf-review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-workflow-dialog .actions{margin:14px 0}.mf-workflow-dialog details{margin-top:16px}.mf-workflow-dialog p{overflow-wrap:break-word}.mf-result-row{border:1px solid #388364;border-radius:12px;padding:14px;margin:12px 0}.mf-result-row legend{font-size:1rem;font-weight:750;padding:0 6px}.mf-filter-form{display:grid;gap:12px;margin:14px 0}.mf-filter-form label{display:flex;flex-direction:column;gap:5px}.mf-filter-form .mf-show-entered{flex-direction:row;align-items:center}.mf-workflow-records table th,.mf-workflow-records table td{text-align:center}.mf-workflow-records td small{display:block}.mf-workflow-records .actions{min-width:240px}.mf-status{display:inline-block;padding:5px 9px;border-radius:8px;background:#e3ecf3;color:#173e5b}.mf-status[data-state="Cumple"]{background:#d7f6e3;color:#13562e}.mf-status[data-state="No cumple"]{background:#ffe0e1;color:#8c1d26}.mf-status[data-state="Pendiente"]{background:#fff0c7;color:#654d00}
@media(max-width:700px){.mf-workflow-dialog .form-grid.three,.mf-workflow-dialog .mf-review-grid{grid-template-columns:1fr}.mf-workflow-dialog{padding:18px}}

.kx-aseptic-section{margin-top:22px;padding-top:12px;border-top:2px solid #288663}.kx-aseptic-section h3{color:inherit}.kx-indicator.kx-aseptic{border-color:#459775}.kx-indicator.kx-aseptic .kx-indicator-index{background:#185b40;color:#fff}

#mf-point-assays h4{font-size:1.1rem;margin:10px 0} .mf-point-assay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.mf-point-assay-grid fieldset{border:1px solid #459775;border-radius:12px;padding:10px;min-width:0}.mf-point-assay-grid legend{font-weight:700}.mf-point-assay-grid .mf-option{margin:5px 0;padding:8px}
/* New aseptic KPI filters remain compact on desktop and mobile. */
#kpiExplorerWindow[data-indicator^="aseptic_"] .kx-controls .field{min-height:0!important;margin:0!important;padding:0!important;gap:6px;align-self:start}
#kpiExplorerWindow[data-indicator^="aseptic_"] .kx-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
@media(max-width:760px){#kpiExplorerWindow[data-indicator^="aseptic_"] .kx-filter-grid{grid-template-columns:1fr}}

#mediafillPanel-new .mf-eyebrow{color:inherit}