:root{--color-azul-corp: #105070;--color-azul-profundo: #005070;--color-verde-corp: #80C030;--color-gris-texto: #595959;--color-gris-claro: #F2F4F6;--color-gris-medio: #D0D5DB;--color-texto: #1A1A1A;--color-fondo: #FFFFFF;--color-rojo-alto: #B22222;--color-ambar-medio: #D68910;--color-verde-estado: #80C030;--color-azul-pendiente: #5B9BD5;--color-gris-obsoleto: #9C9C9C;--font-family-base: Arial, Helvetica, sans-serif;--font-family-mono: Consolas, "Courier New", monospace;--fs-hero: 32px;--fs-h1: 24px;--fs-h2: 18px;--fs-h3: 16px;--fs-body: 14px;--fs-small: 12px;--fs-micro: 11px;--fw-regular: 400;--fw-bold: 700;--lh-body: 1.45;--lh-heading: 1.2;--lh-table: 1.3;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--header-height: 60px;--sidebar-width: 240px;--content-max-width: 1400px;--border-color: var(--color-gris-medio);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-pill: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 6px rgba(0, 0, 0, .08);--transition-fast: .15s ease-out}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-family-base);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-texto);background-color:var(--color-fondo);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100vh}a{color:var(--color-azul-corp);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-azul-profundo);text-decoration:underline}h1,h2,h3,h4{color:var(--color-texto);font-weight:var(--fw-bold);line-height:var(--lh-heading);margin:0}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);color:var(--color-azul-profundo)}h4{font-size:var(--fs-body)}p{margin:0}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}code,pre{font-family:var(--font-family-mono);font-size:var(--fs-small)}:focus-visible{outline:2px solid var(--color-azul-corp);outline-offset:2px}.layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"header  header" "sidebar main";min-height:100vh}.layout__header{grid-area:header}.layout__sidebar{grid-area:sidebar}.layout__main{grid-area:main;overflow:auto;background-color:var(--color-fondo)}.layout__main-inner{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8)}@media (max-width: 1280px){.layout{grid-template-columns:200px 1fr}}.header{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-fondo);border-bottom:1px solid var(--border-color);padding:0 var(--space-6);height:var(--header-height)}.header__brand{display:flex;align-items:center;gap:var(--space-4)}.header__logo-jma{height:42px;width:auto}.header__title{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--color-azul-profundo);letter-spacing:.2px}.header__right{display:flex;align-items:center;gap:var(--space-4)}.header__logo-afac{height:40px;width:auto}.header__avatar{width:36px;height:36px;border-radius:50%;background-color:var(--color-azul-corp);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-small)}.header__avatar--button{border:none;cursor:pointer;padding:0;font-family:inherit;transition:background-color var(--transition-fast)}.header__avatar--button:hover{background-color:var(--color-azul-profundo)}.sidebar{background-color:var(--color-gris-claro);border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-height:100%;padding:var(--space-4) 0}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__item{display:flex;align-items:center;padding:var(--space-3) var(--space-6);font-size:var(--fs-body);color:var(--color-gris-texto);text-decoration:none;border-left:3px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar__item:hover{background-color:#1050700f;color:var(--color-texto);text-decoration:none}.sidebar__item--active,.sidebar__item--active:hover{background-color:var(--color-azul-corp);color:#fff;border-left-color:var(--color-verde-corp)}.sidebar__footer{margin-top:auto;padding:var(--space-4) 0 0 0;border-top:1px solid var(--border-color);font-size:var(--fs-micro);color:var(--color-gris-texto)}.sidebar__version{padding:var(--space-3) var(--space-6);font-size:var(--fs-micro);color:var(--color-gris-texto)}.section{margin-bottom:var(--space-8)}.section__title{font-size:var(--fs-h1);margin-bottom:var(--space-2)}.section__subtitle{font-size:var(--fs-body);color:var(--color-gris-texto);margin-bottom:var(--space-6)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.kpi-card{background-color:var(--color-fondo);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}.kpi-card__label{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--color-gris-texto);margin-bottom:var(--space-2)}.kpi-card__value{font-size:var(--fs-hero);font-weight:var(--fw-bold);color:var(--color-texto);line-height:var(--lh-heading)}.kpi-card__hint{margin-top:var(--space-2);font-size:var(--fs-small);color:var(--color-gris-texto)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--fs-body);font-weight:var(--fw-bold);border-radius:var(--border-radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn--primary{background-color:var(--color-azul-corp);color:#fff}.btn--primary:hover{background-color:var(--color-azul-profundo)}.btn--primary:active{transform:scale(.98)}.btn--secondary{background-color:var(--color-fondo);color:var(--color-azul-corp);border-color:var(--color-azul-corp)}.btn--secondary:hover{background-color:var(--color-gris-claro)}.badge{display:inline-block;padding:4px 8px;border-radius:var(--border-radius-pill);font-size:var(--fs-small);font-weight:var(--fw-bold);color:#fff;line-height:1}.badge--aprobado{background-color:var(--color-verde-estado)}.badge--pendiente{background-color:var(--color-azul-pendiente)}.badge--requiere-ajuste{background-color:var(--color-ambar-medio)}.badge--bloqueado{background-color:var(--color-rojo-alto)}.badge--obsoleto{background-color:var(--color-gris-obsoleto)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-body);line-height:var(--lh-table)}.data-table thead th{background-color:var(--color-azul-corp);color:#fff;font-weight:var(--fw-bold);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.data-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);vertical-align:top}.data-table tbody tr:nth-child(2n) td{background-color:var(--color-gris-claro)}.data-table tbody tr:hover td{background-color:#1050700a}.notice{border:1px solid var(--border-color);border-left:4px solid var(--color-azul-corp);background-color:var(--color-gris-claro);padding:var(--space-4) var(--space-6);border-radius:var(--border-radius-sm);font-size:var(--fs-body);color:var(--color-texto)}.notice strong{color:var(--color-azul-profundo)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-gris-claro);padding:var(--space-6)}.auth-card{background-color:var(--color-fondo);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--space-8);width:100%;max-width:440px;text-align:center}.auth-card--alert{border-left:4px solid var(--color-ambar-medio)}.auth-card__logo{height:56px;width:auto;margin:0 auto var(--space-6)}.auth-card__title{font-size:var(--fs-h1);color:var(--color-azul-profundo);margin-bottom:var(--space-3)}.auth-card__subtitle{font-size:var(--fs-body);color:var(--color-gris-texto);margin-bottom:var(--space-6)}.auth-card__button{width:100%;justify-content:center;padding:var(--space-3) var(--space-6)}.auth-card__legal{margin-top:var(--space-6);font-size:var(--fs-micro);color:var(--color-gris-texto);line-height:var(--lh-body)}.account-menu{position:relative;display:inline-flex}.account-menu__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:260px;background-color:var(--color-fondo);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);z-index:50;display:flex;flex-direction:column}.account-menu__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-2)}.account-menu__name{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--color-texto);line-height:var(--lh-heading)}.account-menu__email{font-size:var(--fs-small);color:var(--color-gris-texto);margin-top:2px;word-break:break-all}.account-menu__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--fs-body);color:var(--color-texto);background:none;border:none;cursor:pointer;border-radius:var(--border-radius-sm);text-align:left;font-family:inherit;width:100%;transition:background-color var(--transition-fast)}.account-menu__item:hover,.account-menu__item:focus-visible{background-color:var(--color-gris-claro)}.account-menu__item-icon{flex-shrink:0;color:var(--color-gris-texto)}.account-menu__hint{padding:var(--space-2) var(--space-4) var(--space-1);font-size:var(--fs-micro);color:var(--color-gris-texto);line-height:var(--lh-body)}.tree{list-style:none;margin:0;padding:0;background-color:var(--color-fondo);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.tree__node{list-style:none}.tree__children{list-style:none;margin:0;padding:0}.tree__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-gris-claro);font-size:var(--fs-body)}.tree__node:last-child>.tree__row{border-bottom:none}.tree__row--depth-0{background-color:var(--color-gris-claro);font-weight:var(--fw-bold)}.tree__row--depth-1{padding-left:calc(var(--space-4) + var(--space-6) * 1)}.tree__row--depth-2{padding-left:calc(var(--space-4) + var(--space-6) * 2)}.tree__row--depth-3{padding-left:calc(var(--space-4) + var(--space-6) * 3)}.tree__row--depth-4{padding-left:calc(var(--space-4) + var(--space-6) * 4)}.tree__row--depth-5{padding-left:calc(var(--space-4) + var(--space-6) * 5)}.tree__toggle{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-fondo);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--color-azul-corp);cursor:pointer;padding:0;line-height:1}.tree__toggle:hover,.tree__toggle:focus-visible{background-color:var(--color-gris-claro)}.tree__toggle--leaf{cursor:default;border-color:transparent;background-color:transparent;color:var(--color-gris-medio)}.tree__name{flex:1;color:var(--color-texto);word-break:break-word}.tree__count{font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);color:var(--color-gris-texto);background-color:var(--color-gris-claro);padding:2px 10px;border-radius:var(--border-radius-pill);font-size:var(--fs-small);min-width:32px;text-align:center}.tree__row--depth-0 .tree__count{background-color:var(--color-fondo)}.notice--alert{border-left-color:var(--color-rojo-alto)}.notice--alert strong{color:var(--color-rojo-alto)}.badge--sin-estado{background-color:transparent;color:var(--color-gris-texto);border:1px dashed var(--color-gris-medio)}.badge--sm{font-size:var(--fs-micro);padding:2px 6px}.tree__file{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;background:none;cursor:pointer;width:100%;text-align:left;font-family:inherit;font-size:var(--fs-body);color:var(--color-texto);border-bottom:1px solid var(--color-gris-claro);transition:background-color var(--transition-fast)}.tree__file:hover,.tree__file:focus-visible{background-color:var(--color-gris-claro)}.tree__file--selected,.tree__file--selected:hover{background-color:#10507014}.tree__file-icon{flex-shrink:0;color:var(--color-gris-texto)}.tree__file-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background-color:var(--color-gris-medio);border:1px solid var(--color-gris-medio)}.tree__file-dot--aprobado{background-color:var(--color-verde-estado);border-color:var(--color-verde-estado)}.tree__file-dot--pendiente{background-color:var(--color-azul-pendiente);border-color:var(--color-azul-pendiente)}.tree__file-dot--requiere-ajuste{background-color:var(--color-ambar-medio);border-color:var(--color-ambar-medio)}.tree__file-dot--bloqueado{background-color:var(--color-rojo-alto);border-color:var(--color-rojo-alto)}.tree__file-dot--obsoleto{background-color:var(--color-gris-obsoleto);border-color:var(--color-gris-obsoleto)}.tree__file-dot--sin-estado{background-color:transparent;border:1px dashed var(--color-gris-medio)}.tree__count--with-progress{display:inline-flex;flex-direction:column;align-items:stretch;gap:3px;padding:4px 10px;min-width:56px}.tree__count-text{display:inline-flex;justify-content:center;align-items:center;gap:2px;line-height:1}.tree__count-progress{color:var(--color-azul-profundo);font-weight:var(--fw-bold)}.tree__count-divider{color:var(--color-gris-medio);margin:0 2px}.tree__count-total{color:var(--color-gris-texto)}.tree__count-bar{display:flex;width:100%;height:3px;border-radius:2px;overflow:hidden;background-color:var(--color-gris-medio)}.tree__count-bar-seg{display:block;height:100%;min-width:2px}.tree__count-bar-seg--aprobado{background-color:var(--color-verde-estado)}.tree__count-bar-seg--pendiente{background-color:var(--color-azul-pendiente)}.tree__count-bar-seg--requiere-ajuste{background-color:var(--color-ambar-medio)}.tree__count-bar-seg--bloqueado{background-color:var(--color-rojo-alto)}.tree__count-bar-seg--obsoleto{background-color:var(--color-gris-obsoleto)}.tree__count-bar-seg--sin-estado{background-color:var(--color-gris-medio)}.tree__file-name{flex:1;word-break:break-word}.tree__file--depth-1{padding-left:calc(var(--space-4) + var(--space-6) * 1)}.tree__file--depth-2{padding-left:calc(var(--space-4) + var(--space-6) * 2)}.tree__file--depth-3{padding-left:calc(var(--space-4) + var(--space-6) * 3)}.tree__file--depth-4{padding-left:calc(var(--space-4) + var(--space-6) * 4)}.tree__file--depth-5{padding-left:calc(var(--space-4) + var(--space-6) * 5)}.tree__file--depth-6{padding-left:calc(var(--space-4) + var(--space-6) * 6)}.drawer__overlay{position:fixed;inset:0;background-color:#0000002e;z-index:55}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background-color:var(--color-fondo);border-left:1px solid var(--border-color);box-shadow:-8px 0 24px #00000014;display:flex;flex-direction:column;z-index:60}.drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);gap:var(--space-3)}.drawer__eyebrow{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.6px;color:var(--color-gris-texto);margin-bottom:2px}.drawer__title{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--color-azul-profundo);margin:0;word-break:break-word;line-height:var(--lh-heading)}.drawer__close{background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-gris-texto);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast);display:inline-flex}.drawer__close:hover,.drawer__close:focus-visible{background-color:var(--color-gris-claro);color:var(--color-texto)}.drawer__body{flex:1;overflow:auto;padding:var(--space-6)}.drawer__section{margin-bottom:var(--space-8)}.drawer__section:last-child{margin-bottom:0}.drawer__section-title{font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--color-azul-profundo);margin:0 0 var(--space-3)}.drawer__metadata-list{list-style:none;padding:0;margin:0}.drawer__metadata-item{display:grid;grid-template-columns:160px 1fr;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-gris-claro);font-size:var(--fs-body);word-break:break-word}.drawer__metadata-item:last-child{border-bottom:none}.drawer__metadata-key{color:var(--color-gris-texto);font-weight:var(--fw-bold)}.drawer__current-state{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--fs-body);flex-wrap:wrap}.drawer__state-label{color:var(--color-gris-texto);font-weight:var(--fw-bold)}.drawer__state-meta{font-size:var(--fs-small);color:var(--color-gris-texto);flex-basis:100%}.drawer__notes-counter{font-size:var(--fs-micro);color:var(--color-gris-texto);text-align:right;margin-top:var(--space-1);font-variant-numeric:tabular-nums}.drawer__notes-label{display:block;font-size:var(--fs-small);color:var(--color-gris-texto);margin-bottom:var(--space-1);font-weight:var(--fw-bold)}.drawer__notes{width:100%;min-height:96px;padding:var(--space-3);font-family:inherit;font-size:var(--fs-body);color:var(--color-texto);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);resize:vertical;background-color:var(--color-fondo)}.drawer__notes:focus-visible{outline:2px solid var(--color-azul-corp);outline-offset:1px}.drawer__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.drawer__actions .btn[disabled]{opacity:.55;cursor:not-allowed}.drawer__empty{font-size:var(--fs-small);color:var(--color-gris-texto);font-style:italic;margin:0}.drawer__history{list-style:none;margin:0;padding:0}.drawer__history-item{border-left:3px solid var(--color-gris-medio);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);font-size:var(--fs-small);background-color:var(--color-fondo)}.drawer__history-item--latest{border-left-color:var(--color-azul-corp);background-color:var(--color-gris-claro)}.drawer__history-fecha{color:var(--color-gris-texto);font-size:var(--fs-micro);margin-bottom:2px}.drawer__history-cambio{color:var(--color-texto);font-weight:var(--fw-bold);margin-bottom:2px}.drawer__history-nota{color:var(--color-gris-texto);font-style:italic}.drawer__history-email,.drawer__state-meta-email{color:var(--color-gris-texto);font-size:.95em}.status-selector{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.status-selector__option{background:none;border:2px solid transparent;border-radius:var(--border-radius-pill);padding:2px;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast);line-height:0}.status-selector__option:hover{transform:scale(1.02)}.status-selector__option--selected,.status-selector__option--selected:hover{border-color:var(--color-azul-corp);transform:scale(1)}.status-selector__option:focus-visible{outline:none;border-color:var(--color-azul-profundo)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:100;display:flex;flex-direction:column;gap:var(--space-2);max-width:360px}.toast{background-color:var(--color-texto);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);font-size:var(--fs-body);animation:toast-in .2s ease-out}.toast--success{background-color:var(--color-verde-corp);color:var(--color-texto)}.toast--warning{background-color:var(--color-ambar-medio);color:#fff}.toast--error{background-color:var(--color-rojo-alto);color:#fff}.toast--info{background-color:var(--color-azul-corp);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}