@charset "UTF-8";.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow)}html{--mat-sys-on-surface: initial}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-sys-background, transparent));color:var(--mat-app-text-color, var(--mat-sys-on-background, inherit))}html{--mat-app-background-color: #fafafa;--mat-app-text-color: rgba(0, 0, 0, .87);--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)}html{--mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}html{--mat-optgroup-label-text-color: rgba(0, 0, 0, .87)}html{--mat-pseudo-checkbox-full-selected-icon-color: #ff4081;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.mat-primary{--mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.mat-accent{--mat-pseudo-checkbox-full-selected-icon-color: #ff4081;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.mat-warn{--mat-pseudo-checkbox-full-selected-icon-color: #f44336;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}html{--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 24px;--mat-optgroup-label-text-size: 16px;--mat-optgroup-label-text-tracking: .03125em;--mat-optgroup-label-text-weight: 400}html{--mat-button-filled-container-shape: 4px;--mat-button-filled-horizontal-padding: 16px;--mat-button-filled-icon-offset: -4px;--mat-button-filled-icon-spacing: 8px;--mat-button-filled-touch-target-size: 48px;--mat-button-outlined-container-shape: 4px;--mat-button-outlined-horizontal-padding: 15px;--mat-button-outlined-icon-offset: -4px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-keep-touch-target: false;--mat-button-outlined-outline-width: 1px;--mat-button-outlined-touch-target-size: 48px;--mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-button-protected-container-shape: 4px;--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-button-protected-horizontal-padding: 16px;--mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-button-protected-icon-offset: -4px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-button-protected-touch-target-size: 48px;--mat-button-text-container-shape: 4px;--mat-button-text-horizontal-padding: 8px;--mat-button-text-icon-offset: 0;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 8px;--mat-button-text-touch-target-size: 48px;--mat-button-tonal-container-shape: 4px;--mat-button-tonal-horizontal-padding: 16px;--mat-button-tonal-icon-offset: -4px;--mat-button-tonal-icon-spacing: 8px;--mat-button-tonal-touch-target-size: 48px}html{--mat-button-filled-container-color: white;--mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .04;--mat-button-filled-label-text-color: rgba(0, 0, 0, .87);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-filled-state-layer-color: rgba(0, 0, 0, .87);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .04;--mat-button-outlined-label-text-color: rgba(0, 0, 0, .87);--mat-button-outlined-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-outlined-state-layer-color: rgba(0, 0, 0, .87);--mat-button-protected-container-color: white;--mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-state-layer-opacity: .04;--mat-button-protected-label-text-color: rgba(0, 0, 0, .87);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-protected-state-layer-color: rgba(0, 0, 0, .87);--mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .04;--mat-button-text-label-text-color: rgba(0, 0, 0, .87);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-text-state-layer-color: rgba(0, 0, 0, .87);--mat-button-tonal-container-color: white;--mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .04;--mat-button-tonal-label-text-color: rgba(0, 0, 0, .87);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-tonal-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary,.mat-mdc-outlined-button.mat-primary,.mat-tonal-button.mat-primary{--mat-button-filled-container-color: #3f51b5;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #3f51b5;--mat-button-outlined-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);--mat-button-outlined-state-layer-color: #3f51b5;--mat-button-protected-container-color: #3f51b5;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #3f51b5;--mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);--mat-button-text-state-layer-color: #3f51b5;--mat-button-tonal-container-color: #3f51b5;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.mat-mdc-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-accent,.mat-mdc-outlined-button.mat-accent,.mat-tonal-button.mat-accent{--mat-button-filled-container-color: #ff4081;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #ff4081;--mat-button-outlined-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);--mat-button-outlined-state-layer-color: #ff4081;--mat-button-protected-container-color: #ff4081;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #ff4081;--mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);--mat-button-text-state-layer-color: #ff4081;--mat-button-tonal-container-color: #ff4081;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.mat-mdc-button.mat-warn,.mat-mdc-unelevated-button.mat-warn,.mat-mdc-raised-button.mat-warn,.mat-mdc-outlined-button.mat-warn,.mat-tonal-button.mat-warn{--mat-button-filled-container-color: #f44336;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #f44336;--mat-button-outlined-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-outlined-state-layer-color: #f44336;--mat-button-protected-container-color: #f44336;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #f44336;--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-text-state-layer-color: #f44336;--mat-button-tonal-container-color: #f44336;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}html{--mat-button-filled-container-height: 36px;--mat-button-filled-touch-target-display: block;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-protected-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block}html{--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: 14px;--mat-button-filled-label-text-tracking: .0892857143em;--mat-button-filled-label-text-transform: none;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: 14px;--mat-button-outlined-label-text-tracking: .0892857143em;--mat-button-outlined-label-text-transform: none;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: 14px;--mat-button-protected-label-text-tracking: .0892857143em;--mat-button-protected-label-text-transform: none;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: 14px;--mat-button-text-label-text-tracking: .0892857143em;--mat-button-text-label-text-transform: none;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: 14px;--mat-button-tonal-label-text-tracking: .0892857143em;--mat-button-tonal-label-text-transform: none;--mat-button-tonal-label-text-weight: 500}html{--mat-icon-color: inherit}.mat-icon.mat-primary{--mat-icon-color: #3f51b5}.mat-icon.mat-accent{--mat-icon-color: #ff4081}.mat-icon.mat-warn{--mat-icon-color: #f44336}html{--mat-checkbox-disabled-selected-checkmark-color: white;--mat-checkbox-selected-focus-state-layer-opacity: .12;--mat-checkbox-selected-hover-state-layer-opacity: .04;--mat-checkbox-selected-pressed-state-layer-opacity: .12;--mat-checkbox-unselected-focus-state-layer-opacity: .12;--mat-checkbox-unselected-hover-state-layer-opacity: .04;--mat-checkbox-unselected-pressed-state-layer-opacity: .12;--mat-checkbox-touch-target-size: 48px}html{--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-label-text-color: rgba(0, 0, 0, .87);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #ff4081;--mat-checkbox-selected-hover-icon-color: #ff4081;--mat-checkbox-selected-icon-color: #ff4081;--mat-checkbox-selected-pressed-icon-color: #ff4081;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-checkbox-selected-focus-state-layer-color: #ff4081;--mat-checkbox-selected-hover-state-layer-color: #ff4081;--mat-checkbox-selected-pressed-state-layer-color: #ff4081;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-checkbox.mat-primary{--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #3f51b5;--mat-checkbox-selected-hover-icon-color: #3f51b5;--mat-checkbox-selected-icon-color: #3f51b5;--mat-checkbox-selected-pressed-icon-color: #3f51b5;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-checkbox-selected-focus-state-layer-color: #3f51b5;--mat-checkbox-selected-hover-state-layer-color: #3f51b5;--mat-checkbox-selected-pressed-state-layer-color: #3f51b5;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-checkbox.mat-warn{--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)}html{--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 40px}html{--mat-checkbox-label-text-font: Roboto, sans-serif;--mat-checkbox-label-text-line-height: 20px;--mat-checkbox-label-text-size: 14px;--mat-checkbox-label-text-tracking: .0178571429em;--mat-checkbox-label-text-weight: 400}html{--mat-radio-disabled-selected-icon-opacity: .38;--mat-radio-disabled-unselected-icon-opacity: .38;--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-size: 48px}.mat-mdc-radio-button.mat-primary{--mat-radio-checked-ripple-color: #3f51b5;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);--mat-radio-label-text-color: rgba(0, 0, 0, .87);--mat-radio-ripple-color: rgba(0, 0, 0, .87);--mat-radio-selected-focus-icon-color: #3f51b5;--mat-radio-selected-hover-icon-color: #3f51b5;--mat-radio-selected-icon-color: #3f51b5;--mat-radio-selected-pressed-icon-color: #3f51b5;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)}.mat-mdc-radio-button.mat-accent{--mat-radio-checked-ripple-color: #ff4081;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);--mat-radio-label-text-color: rgba(0, 0, 0, .87);--mat-radio-ripple-color: rgba(0, 0, 0, .87);--mat-radio-selected-focus-icon-color: #ff4081;--mat-radio-selected-hover-icon-color: #ff4081;--mat-radio-selected-icon-color: #ff4081;--mat-radio-selected-pressed-icon-color: #ff4081;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)}.mat-mdc-radio-button.mat-warn{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);--mat-radio-label-text-color: rgba(0, 0, 0, .87);--mat-radio-ripple-color: rgba(0, 0, 0, .87);--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)}html{--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-display: block}html{--mat-radio-label-text-font: Roboto, sans-serif;--mat-radio-label-text-line-height: 20px;--mat-radio-label-text-size: 14px;--mat-radio-label-text-tracking: .0178571429em;--mat-radio-label-text-weight: 400}html{--mat-form-field-filled-active-indicator-height: 1px;--mat-form-field-filled-focus-active-indicator-height: 2px;--mat-form-field-filled-container-shape: 4px;--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px;--mat-form-field-outlined-container-shape: 4px}html{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);--mat-form-field-filled-caret-color: #3f51b5;--mat-form-field-filled-focus-active-indicator-color: #3f51b5;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);--mat-form-field-outlined-caret-color: #3f51b5;--mat-form-field-outlined-focus-outline-color: #3f51b5;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-state-layer-color: rgba(0, 0, 0, .87);--mat-form-field-error-text-color: #f44336;--mat-form-field-select-option-text-color: inherit;--mat-form-field-select-disabled-option-text-color: GrayText;--mat-form-field-leading-icon-color: unset;--mat-form-field-disabled-leading-icon-color: unset;--mat-form-field-trailing-icon-color: unset;--mat-form-field-disabled-trailing-icon-color: unset;--mat-form-field-error-focus-trailing-icon-color: unset;--mat-form-field-error-hover-trailing-icon-color: unset;--mat-form-field-error-trailing-icon-color: unset;--mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-hover-state-layer-opacity: .04;--mat-form-field-focus-state-layer-opacity: .12;--mat-form-field-filled-container-color: #f6f6f6;--mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-form-field-filled-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-filled-input-text-color: rgba(0, 0, 0, .87);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, .54);--mat-form-field-filled-error-hover-label-text-color: #f44336;--mat-form-field-filled-error-focus-label-text-color: #f44336;--mat-form-field-filled-error-label-text-color: #f44336;--mat-form-field-filled-error-caret-color: #f44336;--mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, .54);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, .87);--mat-form-field-filled-error-active-indicator-color: #f44336;--mat-form-field-filled-error-focus-active-indicator-color: #f44336;--mat-form-field-filled-error-hover-active-indicator-color: #f44336;--mat-form-field-outlined-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-outlined-input-text-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, .54);--mat-form-field-outlined-error-caret-color: #f44336;--mat-form-field-outlined-error-focus-label-text-color: #f44336;--mat-form-field-outlined-error-label-text-color: #f44336;--mat-form-field-outlined-error-hover-label-text-color: #f44336;--mat-form-field-outlined-outline-color: rgba(0, 0, 0, .38);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-error-focus-outline-color: #f44336;--mat-form-field-outlined-error-hover-outline-color: #f44336;--mat-form-field-outlined-error-outline-color: #f44336}.mat-mdc-form-field.mat-accent{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);--mat-form-field-filled-caret-color: #ff4081;--mat-form-field-filled-focus-active-indicator-color: #ff4081;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);--mat-form-field-outlined-caret-color: #ff4081;--mat-form-field-outlined-focus-outline-color: #ff4081;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent)}.mat-mdc-form-field.mat-warn{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-filled-caret-color: #f44336;--mat-form-field-filled-focus-active-indicator-color: #f44336;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-outlined-caret-color: #f44336;--mat-form-field-outlined-focus-outline-color: #f44336;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent)}html{--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px}html{--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 24px;--mat-form-field-container-text-size: 16px;--mat-form-field-container-text-tracking: .03125em;--mat-form-field-container-text-weight: 400;--mat-form-field-outlined-label-text-populated-size: 16px;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 20px;--mat-form-field-subscript-text-size: 12px;--mat-form-field-subscript-text-tracking: .0333333333em;--mat-form-field-subscript-text-weight: 400;--mat-form-field-filled-label-text-font: Roboto, sans-serif;--mat-form-field-filled-label-text-size: 16px;--mat-form-field-filled-label-text-tracking: .03125em;--mat-form-field-filled-label-text-weight: 400;--mat-form-field-outlined-label-text-font: Roboto, sans-serif;--mat-form-field-outlined-label-text-size: 16px;--mat-form-field-outlined-label-text-tracking: .03125em;--mat-form-field-outlined-label-text-weight: 400}html{--mat-option-selected-state-label-text-color: #3f51b5;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}.mat-accent{--mat-option-selected-state-label-text-color: #ff4081;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}.mat-warn{--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}html{--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 24px;--mat-option-label-text-size: 16px;--mat-option-label-text-tracking: .03125em;--mat-option-label-text-weight: 400}html{--mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-placeholder-text-color: rgba(0, 0, 0, .54);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-focused-arrow-color: #3f51b5;--mat-select-invalid-arrow-color: #f44336}.mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-placeholder-text-color: rgba(0, 0, 0, .54);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-focused-arrow-color: #ff4081;--mat-select-invalid-arrow-color: #f44336}.mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-placeholder-text-color: rgba(0, 0, 0, .54);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-focused-arrow-color: #f44336;--mat-select-invalid-arrow-color: #f44336}html{--mat-select-arrow-transform: translateY(-8px)}html{--mat-select-trigger-text-font: Roboto, sans-serif;--mat-select-trigger-text-line-height: 24px;--mat-select-trigger-text-size: 16px;--mat-select-trigger-text-tracking: .03125em;--mat-select-trigger-text-weight: 400}html{--mat-expansion-container-shape: 4px;--mat-expansion-legacy-header-indicator-display: inline-block;--mat-expansion-header-indicator-display: none}html{--mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-expansion-container-background-color: white;--mat-expansion-container-text-color: rgba(0, 0, 0, .87);--mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-expansion-header-text-color: rgba(0, 0, 0, .87);--mat-expansion-header-description-color: rgba(0, 0, 0, .54);--mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)}html{--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px}html{--mat-expansion-header-text-font: Roboto, sans-serif;--mat-expansion-header-text-size: 14px;--mat-expansion-header-text-weight: 500;--mat-expansion-header-text-line-height: inherit;--mat-expansion-header-text-tracking: inherit;--mat-expansion-container-text-font: Roboto, sans-serif;--mat-expansion-container-text-line-height: 20px;--mat-expansion-container-text-size: 14px;--mat-expansion-container-text-tracking: .0178571429em;--mat-expansion-container-text-weight: 400}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url("./media/IBMPlexSans-Regular-MS6L2TL5.woff2") format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url("./media/IBMPlexSans-Medium-ILA6RNXQ.woff2") format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url("./media/IBMPlexSans-SemiBold-AIBGADO4.woff2") format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url("./media/IBMPlexSans-Bold-KJ7LUPPD.woff2") format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./media/IBMPlexMono-Regular-AMZMBCLJ.woff2") format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url("./media/IBMPlexMono-Medium-CJHLUEIY.woff2") format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url("./media/IBMPlexMono-SemiBold-UA7ASSFD.woff2") format("woff2")}:root{--hmi-canvas: #eef0f2;--hmi-surface: #ffffff;--hmi-sunken: #e3e6ea;--hmi-line: #c6ccd4;--hmi-line-strong: #96a0ab;--hmi-text: #111619;--hmi-text-2: #404a54;--hmi-text-3: #6b7580;--hmi-on-solid: #ffffff;--hmi-focus: #0a7f96;--hmi-press: rgba(17, 22, 25, .1);--hmi-graph-label: #111619;--hmi-graph-label-bg: #ffffff;--hmi-graph-port: #96a0ab;--hmi-graph-edge: #1d4ed8;--hmi-graph-edge-context: #64748b;--hmi-graph-edge-active: #d97706;--hmi-graph-edge-highlight: #0a7f96;--hmi-graph-system-fill: #ecfeff;--hmi-graph-system-context-fill: #ccfbf1;--hmi-graph-system-stroke: #0f766e;--hmi-graph-block-fill: #fef3c7;--hmi-graph-block-context-fill: #fde68a;--hmi-graph-block-stroke: #b45309;--hmi-graph-machine-fill: #eff6ff;--hmi-graph-machine-context-fill: #dbeafe;--hmi-graph-machine-stroke: #2563eb;--st-reposo-ink: #4f5a65;--st-reposo-fill: #8d97a1;--st-reposo-soft: #e5e8ec;--st-reposo-edge: #b3bcc5;--st-preparado-ink: #045a6b;--st-preparado-fill: #0a7f96;--st-preparado-soft: #d8eef2;--st-preparado-edge: #5fb3c2;--st-marcha-ink: #0b5c37;--st-marcha-fill: #12874f;--st-marcha-soft: #d6efe0;--st-marcha-edge: #54b483;--st-espera-ink: #3f2f8c;--st-espera-fill: #5a49b8;--st-espera-soft: #e3e0f7;--st-espera-edge: #9b90da;--st-completado-ink: #1b477c;--st-completado-fill: #22629f;--st-completado-soft: #dde8f5;--st-completado-edge: #7ba3ce;--st-aviso-ink: #6e4300;--st-aviso-fill: #9c6100;--st-aviso-soft: #faecd2;--st-aviso-edge: #d5a24a;--st-error-ink: #8f1a14;--st-error-fill: #c2261f;--st-error-soft: #fbdedc;--st-error-edge: #e08b86;--st-off-ink: #7c858e;--st-off-fill: #aeb5bc;--st-off-soft: #eceef0;--st-off-edge: #cdd2d7;--st-anulado-ink: #6b7580;--st-anulado-fill: #96a0ab;--st-anulado-soft: #e3e6ea;--st-anulado-edge: #c6ccd4;--cnt-vacio: var(--hmi-sunken);--cnt-bajo: var(--st-aviso-soft);--cnt-medio: var(--st-preparado-soft);--cnt-alto: var(--st-marcha-soft);--cnt-desconocido: var(--st-off-soft);--rel-1: var(--hmi-text);--rel-2: var(--hmi-text-2);--rel-3: var(--hmi-text-3);--rel-4: var(--st-off-ink);--tx-cifra-xl: 64px;--tx-cifra-m: 36px;--tx-titulo-pantalla: 28px;--tx-titulo-bloque: 22px;--tx-accion: 18px;--tx-cuerpo: 16px;--tx-etiqueta: 14px;--tx-diagnostico: 14px;--hmi-font-sans: "IBM Plex Sans", Roboto, "Helvetica Neue", sans-serif;--hmi-font-mono: "IBM Plex Mono", ui-monospace, monospace;--hmi-font-base: 16px;--hmi-font-action: 18px;--hmi-font-label: 14px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-1: 4px;--r-2: 8px;--r-3: 12px;--r-pill: 999px;--touch: 48px;--touch-lg: 64px;--hmi-transition: .12s ease;--el-1: 0 1px 2px rgba(17, 22, 25, .1);--el-2: 0 10px 28px rgba(17, 22, 25, .16);--state-idle: var(--st-reposo-soft);--state-running: var(--st-marcha-soft);--state-success: var(--st-completado-soft);--state-error: var(--st-error-soft);--state-warning: var(--st-aviso-soft);--state-running-text: var(--st-marcha-ink);--state-success-text: var(--st-completado-ink);--state-error-text: var(--st-error-ink);--state-warning-text: var(--st-aviso-ink)}:root[data-theme=dark]{--hmi-canvas: #0c1013;--hmi-surface: #161c21;--hmi-sunken: #0a0e11;--hmi-line: #2c353d;--hmi-line-strong: #4c5865;--hmi-text: #f1f4f6;--hmi-text-2: #b8c1c9;--hmi-text-3: #8a939c;--hmi-on-solid: #ffffff;--hmi-focus: #5fd6ea;--hmi-press: rgba(255, 255, 255, .12);--hmi-graph-label: #f1f4f6;--hmi-graph-label-bg: #161c21;--hmi-graph-port: #4c5865;--hmi-graph-edge: #8fbdf0;--hmi-graph-edge-context: #8a939c;--hmi-graph-edge-active: #f6c163;--hmi-graph-edge-highlight: #5fd6ea;--hmi-graph-system-fill: #0c2a31;--hmi-graph-system-context-fill: #0c2419;--hmi-graph-system-stroke: #177f95;--hmi-graph-block-fill: #2b1f06;--hmi-graph-block-context-fill: #3a2908;--hmi-graph-block-stroke: #b87700;--hmi-graph-machine-fill: #101f2e;--hmi-graph-machine-context-fill: #152d43;--hmi-graph-machine-stroke: #2b73b8;--st-reposo-ink: #c2cbd4;--st-reposo-fill: #6f7b86;--st-reposo-soft: #1d242a;--st-reposo-edge: #4a545e;--st-preparado-ink: #5fd6ea;--st-preparado-fill: #0e9cb8;--st-preparado-soft: #0c2a31;--st-preparado-edge: #177f95;--st-marcha-ink: #5ce69b;--st-marcha-fill: #159c5c;--st-marcha-soft: #0c2419;--st-marcha-edge: #1c7b4c;--st-espera-ink: #b3a8ff;--st-espera-fill: #6c5add;--st-espera-soft: #191634;--st-espera-edge: #5044a3;--st-completado-ink: #8fbdf0;--st-completado-fill: #2b73b8;--st-completado-soft: #101f2e;--st-completado-edge: #2b5480;--st-aviso-ink: #f6c163;--st-aviso-fill: #b87700;--st-aviso-soft: #2b1f06;--st-aviso-edge: #8a5c10;--st-error-ink: #ff9a92;--st-error-fill: #d63a31;--st-error-soft: #2e100d;--st-error-edge: #9b3a33;--st-off-ink: #6d767f;--st-off-fill: #3a434b;--st-off-soft: #151a1e;--st-off-edge: #2f383f;--st-anulado-ink: #8a939c;--st-anulado-fill: #4c5865;--st-anulado-soft: #151a1e;--st-anulado-edge: #2c353d;--el-1: 0 1px 2px rgba(0, 0, 0, .5);--el-2: 0 10px 28px rgba(0, 0, 0, .6)}:root[data-contrast=high]{--hmi-line: var(--hmi-line-strong);--hmi-text-3: var(--hmi-text-2);--st-reposo-fill: var(--st-reposo-ink);--st-off-fill: var(--st-off-ink)}@keyframes hmi-breath{0%,to{opacity:1}50%{opacity:.45}}.hmi-rel-1{color:var(--rel-1)}.hmi-rel-2{color:var(--rel-2);text-decoration:underline dotted;text-underline-offset:3px}.hmi-rel-3{color:var(--rel-3)}.hmi-rel-4{color:var(--rel-4);background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,var(--hmi-press) 4px,var(--hmi-press) 8px)}.hmi-rel-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:var(--r-1);font-size:12px;font-family:var(--hmi-font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--hmi-sunken);color:var(--hmi-text-3)}.hmi-scale-s .hmi-rel-chip{display:none}.hmi-fresh{display:inline-flex;align-items:center;gap:6px}.hmi-fresh-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--st-marcha-fill);animation:hmi-breath 1.6s ease-in-out infinite}.hmi-fresh-stale:before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--st-aviso-fill)}.hmi-fresh-lost:before{content:"";width:12px;height:12px;border-radius:50%;border:2px dashed var(--st-error-fill);box-sizing:border-box}.hmi-fresh-lost{pointer-events:none}.hmi-glyph{display:inline-block;flex:none;width:1em;height:1em;background:currentColor}.hmi-glyph--silo{clip-path:polygon(0 0,100% 0,100% 66%,50% 100%,0 66%)}.hmi-glyph--tolva{clip-path:polygon(0 0,100% 0,68% 100%,32% 100%)}.hmi-glyph--bascula{background:none;position:relative}.hmi-glyph--bascula:before,.hmi-glyph--bascula:after{content:"";position:absolute;left:50%;background:currentColor}.hmi-glyph--bascula:before{width:.62em;height:.5em;top:0;transform:translate(-50%);clip-path:polygon(50% 0,100% 100%,0 100%)}.hmi-glyph--bascula:after{width:1em;height:.14em;bottom:.08em;transform:translate(-50%)}.hmi-glyph--sinfin{background-image:repeating-linear-gradient(115deg,currentColor 0 3px,transparent 3px 7px);background-color:transparent;border:2px solid currentColor;border-radius:2px;box-sizing:border-box}.hmi-glyph--tajadera{background:none;border:2px solid currentColor;box-sizing:border-box;position:relative;overflow:hidden}.hmi-glyph--tajadera:after{content:"";position:absolute;left:-20%;top:42%;width:140%;height:2px;background:currentColor;transform:rotate(-32deg)}.hmi-glyph--motor{background:none;border:.18em solid currentColor;border-radius:50%;box-sizing:border-box}.hmi-glyph--valvula2{background:none;position:relative}.hmi-glyph--valvula2:before,.hmi-glyph--valvula2:after{content:"";position:absolute;top:15%;width:42%;height:70%;background:currentColor}.hmi-glyph--valvula2:before{left:4%;clip-path:polygon(0 0,100% 50%,0 100%)}.hmi-glyph--valvula2:after{right:4%;clip-path:polygon(100% 0,0 50%,100% 100%)}.hmi-glyph--pantalon{clip-path:polygon(38% 0,62% 0,62% 40%,100% 100%,72% 100%,50% 60%,28% 100%,0 100%,38% 40%)}.hmi-glyph--distribuidor{background:none;border:.12em solid currentColor;border-radius:50%;box-sizing:border-box;position:relative}.hmi-glyph--distribuidor:after{content:"";position:absolute;left:22%;right:22%;top:46%;height:.12em;background:currentColor}.hmi-glyph--molino{background:linear-gradient(90deg,currentColor 0 22%,transparent 22% 39%,currentColor 39% 61%,transparent 61% 78%,currentColor 78% 100%)}.hmi-sheet-panel .mat-bottom-sheet-container,.hmi-sheet-panel .mat-mdc-bottom-sheet-container{padding:0;border-radius:var(--r-3) var(--r-3) 0 0;background:var(--hmi-surface);color:var(--hmi-text)}.hmi-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch);padding:0 18px;box-sizing:border-box;border-radius:var(--r-2);border:2px solid var(--hmi-line-strong);background:var(--hmi-surface);color:var(--hmi-text);font-family:var(--hmi-font-sans);font-size:var(--tx-accion, 18px);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--hmi-transition),border-color var(--hmi-transition),transform 90ms ease}.hmi-btn:hover:not(:disabled){border-color:var(--hmi-focus)}.hmi-btn:active:not(:disabled){transform:scale(.985);background:var(--hmi-press)}.hmi-btn:focus-visible{outline:3px solid var(--hmi-focus);outline-offset:3px}.hmi-btn--primary{border-color:var(--st-marcha-fill);background:var(--st-marcha-fill);color:var(--hmi-on-solid)}.hmi-btn--primary:hover:not(:disabled){border-color:var(--st-marcha-edge)}.hmi-btn--danger{border-color:var(--st-error-fill);background:var(--st-error-fill);color:var(--hmi-on-solid)}.hmi-btn--quiet{border-color:transparent;background:transparent;color:var(--hmi-text-2);font-size:var(--tx-cuerpo, 16px)}.hmi-btn--icon{width:var(--touch);padding:0;gap:0}.hmi-btn:disabled,.hmi-btn[disabled]{background:var(--st-off-soft);border-color:var(--st-off-edge);color:var(--st-off-ink);cursor:not-allowed;transform:none}.hmi-btn--quiet:disabled{background:transparent;border-color:transparent}.mat-mdc-button-base{--mdc-typography-button-font-family: var(--hmi-font-sans);min-height:var(--touch);border-radius:var(--r-2);font-family:var(--hmi-font-sans);font-size:var(--tx-accion, 18px);font-weight:600;letter-spacing:0;text-transform:none}.mat-mdc-outlined-button.mat-warn:not(:disabled){--mdc-outlined-button-label-text-color: var(--st-error-ink);--mdc-outlined-button-outline-color: var(--st-error-fill);color:var(--st-error-ink);border-color:var(--st-error-fill)}.mat-mdc-button:not(:disabled){--mdc-text-button-label-text-color: var(--hmi-text-2);color:var(--hmi-text-2)}.mat-mdc-button-base:disabled,.mat-mdc-button-disabled{--mdc-filled-button-disabled-container-color: var(--st-off-soft);--mdc-filled-button-disabled-label-text-color: var(--st-off-ink);--mdc-outlined-button-disabled-label-text-color: var(--st-off-ink);--mdc-outlined-button-disabled-outline-color: var(--st-off-edge);background-color:var(--st-off-soft);color:var(--st-off-ink);border-color:var(--st-off-edge)}.mat-mdc-outlined-button:disabled{background-color:transparent}.mat-mdc-button-base:focus-visible{outline:3px solid var(--hmi-focus);outline-offset:3px}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: var(--st-marcha-fill)}app-ordenes .ord-cycle{padding:12px;margin-bottom:10px;border-radius:var(--r-2);border:1px solid var(--hmi-line);background:var(--hmi-surface)}app-ordenes .ord-cycle[data-kind=active]{border-color:var(--st-marcha-edge)}app-ordenes .ord-cycle[data-kind=done]{opacity:.85}app-ordenes .ord-cycle[data-kind=pending]{opacity:.92}app-ordenes .ord-cycle__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}app-ordenes .ord-cycle__head h3{margin:0;font-size:16px;color:var(--hmi-text)}app-ordenes .ord-cycle__head span{font-size:var(--hmi-font-label);color:var(--hmi-text-2)}app-ordenes .ord-cycle__prog,app-ordenes .ord-cycle__kg{margin:0 0 8px;font-size:var(--hmi-font-label);color:var(--hmi-text-2)}app-ordenes .ord-cycle__bar{height:10px;margin-top:6px;border-radius:999px;background:var(--hmi-sunken);overflow:hidden}app-ordenes .ord-cycle__bar span{display:block;height:100%;background:var(--st-marcha-fill)}app-ordenes .ord-cycle__rail{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;margin:10px 0 0;padding:4px 2px 8px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}app-ordenes .ord-cycle__rail>li{display:flex;flex:0 0 auto;align-items:center;min-width:0}app-ordenes .ord-cycle__rail__cell{display:flex;flex:0 0 240px;width:240px;height:196px;min-height:196px}app-ordenes .ord-cycle__rail app-celda{display:block;width:100%;height:100%}app-ordenes .ord-cycle__rail app-celda .celda__hit{height:100%}app-ordenes .ord-cycle__rail__cell app-celda .celda__body{overflow:hidden}app-ordenes .ord-cycle__slot{box-sizing:border-box;min-width:96px;min-height:64px;padding:8px 10px;border:1px dashed var(--hmi-line);border-radius:var(--r-2);background:var(--hmi-sunken);color:var(--hmi-text-3);font-size:13px;font-weight:600}app-ordenes .ord-cycle__slot span{display:block;margin-top:6px;font-size:12px;font-weight:400;color:var(--hmi-text-3)}app-ordenes .ord-cycle__slot{display:flex;align-items:center}app-ordenes .xfer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 12px;align-items:center;min-height:44px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--hmi-surface) 65%,transparent);font-size:var(--hmi-font-label)}app-ordenes .xfer__name{font-weight:700;color:var(--st-marcha-ink)}app-ordenes .xfer__cycle{display:inline-block;margin-right:6px;color:var(--st-marcha-ink);font-weight:800}app-ordenes .xfer__kg{color:var(--st-marcha-ink)}app-ordenes .xfer__kind{font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em}app-ordenes .xfer--traspasado .xfer__kind{color:var(--st-marcha-ink)}app-ordenes .xfer--bascula .xfer__kind{color:var(--st-aviso-ink)}app-ordenes .xfer--pendiente .xfer__kind{color:var(--st-completado-ink)}.ord-live--err app-ordenes .xfer__name,.ord-live--err app-ordenes .xfer__kg{color:var(--st-error-ink)}app-ordenes .ord-history ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}app-ordenes .ord-history li{margin:0}app-ordenes .ord-history__btn{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;min-height:48px;padding:8px 12px;border-radius:var(--r-3);background:var(--hmi-surface);border:1px solid var(--hmi-line);font:inherit;font-size:var(--hmi-font-label);text-align:left;cursor:pointer}app-ordenes .ord-history__name{font-weight:600;color:var(--hmi-text)}app-ordenes .ord-history__status,app-ordenes .ord-history__when{color:var(--st-completado-ink)}app-ordenes .ord-history__when{margin-left:auto}app-ordenes .ord-history__row-actions{display:flex;flex-wrap:wrap;gap:8px}app-ordenes .ord-history__row-actions .touch-btn{min-height:48px;min-width:96px}app-ordenes .ord-workspace{display:flex;flex-direction:column;min-height:100%;gap:var(--sp-4);padding:16px 20px 32px;box-sizing:border-box}app-ordenes .ord-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}app-ordenes .ord-header h2{margin:0;font-size:1.45rem;color:var(--hmi-text)}app-ordenes .ord-header .subtitle{margin:4px 0 0;color:var(--st-completado-ink);font-size:var(--hmi-font-label)}app-ordenes .ord-header__status{display:flex;gap:8px;flex-wrap:wrap}app-ordenes .chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:var(--r-pill);background:var(--hmi-surface);color:var(--hmi-text);font-weight:600;font-size:.9rem}app-ordenes .chip--run{background:var(--st-marcha-soft);color:var(--st-marcha-ink)}app-ordenes .chip--err{background:var(--st-error-soft);color:var(--st-error-ink)}app-ordenes .chip--dest{background:var(--hmi-surface);color:var(--st-completado-ink)}app-ordenes .error-banner{padding:12px 16px;border-radius:var(--r-3);background:var(--st-error-soft);color:var(--st-error-ink)}app-ordenes .ord-live{padding:16px 18px;border-radius:var(--r-3);background:var(--st-marcha-soft);border:1px solid var(--st-marcha-edge)}app-ordenes .ord-live h3{margin:0;font-size:var(--hmi-font-action);color:var(--st-marcha-ink)}app-ordenes .ord-live__stage{margin:4px 0 0;color:var(--st-marcha-ink);font-size:var(--hmi-font-label)}app-ordenes .ord-live__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}app-ordenes .ord-live__progress{display:flex;align-items:center;gap:12px;margin:14px 0 8px;font-weight:700;color:var(--st-marcha-ink)}app-ordenes .ord-live__bar{flex:1;height:10px;border-radius:9999px;background:var(--st-marcha-soft)}app-ordenes .ord-live__bar:after{content:"";display:block;height:100%;width:var(--pct, 0%);border-radius:inherit;background:var(--st-marcha-soft)}app-ordenes .ord-live__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 16px;margin:12px 0 0}app-ordenes .ord-live__facts dt{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--st-marcha-ink)}app-ordenes .ord-live__facts dd{margin:2px 0 0;font-size:var(--hmi-font-label);color:var(--st-marcha-ink)}app-ordenes .ord-live--err{background:var(--st-error-soft);border-color:var(--st-error-edge)}app-ordenes .ord-live--err h3,app-ordenes .ord-live--err__stage,app-ordenes .ord-live--err__progress{color:var(--st-error-ink)}app-ordenes .ord-live--err dt{color:var(--st-error-ink)}app-ordenes .ord-live--err dd{color:var(--st-error-ink)}app-ordenes .ord-live--err .ord-live__bar{background:var(--st-error-soft)}app-ordenes .ord-live--err .ord-live__bar:after{background:var(--st-error-soft)}app-ordenes .ord-live__xfer-block{margin-top:14px}app-ordenes .ord-live__xfer-title{margin:0 0 8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--st-marcha-ink)}app-ordenes .ord-live__more{margin-top:8px;min-height:var(--touch);padding:0 12px;border:0;border-radius:10px;background:color-mix(in srgb,var(--hmi-surface) 70%,transparent);color:var(--st-marcha-ink);font-weight:700;font-size:var(--hmi-font-label)}app-ordenes .ord-live--err app-ordenes .ord-live__xfer-title,app-ordenes .ord-live--err app-ordenes .ord-live__more{color:var(--st-error-ink)}app-ordenes .ord-live__transfers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}app-ordenes .ord-zone{margin:14px 0 0}app-ordenes .ord-zone__title,app-ordenes .ord-zone summary{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--hmi-text)}app-ordenes .ord-zone summary{display:flex;align-items:center;min-height:48px;cursor:pointer;list-style:none}app-ordenes .ord-zone summary::-webkit-details-marker{display:none}app-ordenes .ord-zone__list{margin:0;padding:0 0 8px;list-style:none;color:var(--hmi-text-2);font-size:var(--hmi-font-label)}app-ordenes .ord-zone__list li{min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:2px}app-ordenes .ord-zone__silos{color:var(--hmi-text-3);font-size:13px}app-ordenes .ord-zone__empty{margin:0 0 8px;color:var(--hmi-text-3);font-size:var(--hmi-font-label)}app-ordenes .ord-recipes h3,app-ordenes .ord-history h3{margin:0 0 10px;font-size:1rem;color:var(--hmi-text)}app-ordenes .recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4);align-items:stretch}app-ordenes .empty-state,app-ordenes .loading-center{padding:24px 0;color:var(--st-completado-ink)}app-ordenes .status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}app-ordenes .cycle-stepper{display:flex;flex-wrap:wrap;align-items:center;gap:8px}app-ordenes .cycle-stepper__label,app-ordenes .cycle-stepper__kg{font-size:var(--hmi-font-label);color:var(--hmi-text-3)}app-ordenes .cycle-stepper__value{min-width:2ch;text-align:center;font-size:var(--hmi-font-action);font-weight:700}app-ordenes .cycle-stepper__btn{min-width:48px;min-height:48px;border:0;border-radius:10px;background:var(--hmi-sunken);color:var(--hmi-text-3);font-size:1.4rem;font-weight:700;cursor:pointer}app-ordenes .cycle-stepper__btn:disabled{opacity:.4;cursor:default}app-ordenes .touch-btn{min-height:var(--touch-lg);min-width:140px;font-size:var(--hmi-font-action)}app-ordenes .ord-confirm{position:sticky;bottom:12px;margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-radius:var(--r-3);background:var(--hmi-sunken);color:var(--hmi-text-3);box-shadow:var(--el-2)}app-ordenes .ord-confirm p{margin:0;font-size:var(--hmi-font-action);font-weight:600}app-ordenes .ord-confirm__copy{display:flex;flex-direction:column;gap:10px}app-ordenes .ord-confirm__btns{display:flex;gap:8px}app-ordenes .ord-confirm .touch-btn--cancel{--mdc-filled-button-container-color: var(--hmi-text-3);--mdc-filled-button-label-text-color: var(--hmi-text);background:var(--hmi-surface);color:var(--hmi-text)}app-celda{display:block;min-width:0;color:var(--hmi-text);font-family:var(--hmi-font-sans)}.celda__hit{box-sizing:border-box;border:2px solid var(--st-edge, var(--hmi-line-strong));border-radius:var(--r-3);background:var(--hmi-surface);overflow:hidden;text-align:left;width:100%;cursor:pointer}app-celda.celda--selected .celda__hit{box-shadow:var(--el-1)}app-celda.celda--S .celda__hit{width:220px;height:64px;cursor:default;border-radius:var(--r-2)}app-celda.celda--S .celda__hit:focus{outline:none}.celda__tape{height:12px;background:var(--st-fill, var(--st-reposo-fill))}app-celda.celda--S .celda__tape{height:8px}.celda__tape--flow{background-image:repeating-linear-gradient(115deg,color-mix(in srgb,var(--hmi-on-solid) 50%,transparent) 0 6px,transparent 6px 14px);background-size:28px 100%;animation:hmi-flow .9s linear infinite}.celda__tape--aviso{background-image:repeating-linear-gradient(115deg,transparent 0 8px,color-mix(in srgb,var(--hmi-on-solid) 35%,transparent) 8px 10px)}.celda__tape--espera{background-image:repeating-linear-gradient(90deg,transparent 0 10px,color-mix(in srgb,var(--hmi-on-solid) 35%,transparent) 10px 12px)}.celda__tape--completado{background-image:repeating-linear-gradient(135deg,transparent 0 12px,color-mix(in srgb,var(--hmi-on-solid) 30%,transparent) 12px 14px)}.celda__tape--anulado{background-image:repeating-linear-gradient(135deg,transparent 0 7px,color-mix(in srgb,var(--hmi-on-solid) 35%,transparent) 7px 9px)}.celda__tape--preparado{background-image:radial-gradient(circle,color-mix(in srgb,var(--hmi-on-solid) 45%,transparent) 1px,transparent 1.5px);background-size:8px 8px}.celda__tape--error{background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--hmi-on-solid) 35%,transparent) 0 3px,transparent 3px 8px)}.celda__tape--deshabilitado,.celda__tape--off{background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--hmi-on-solid) 30%,transparent) 0 2px,transparent 2px 7px)}@keyframes hmi-flow{to{background-position:28px 0}}.celda__1b{display:flex;gap:3px;height:9px;padding:4px 10px 0}.celda__seg{flex:1;min-width:0;height:9px;border-radius:2px;background:var(--st-reposo-fill)}.celda__seg--solid{flex:1 1 100%}.celda__seg--error{background:var(--st-error-fill)}.celda__seg--aviso{background:var(--st-aviso-fill)}.celda__seg--espera,.celda__seg--espera_accion{background:var(--st-espera-fill)}.celda__seg--marcha{background:var(--st-marcha-fill)}.celda__seg--preparado{background:var(--st-preparado-fill)}.celda__seg--completado{background:var(--st-completado-fill)}.celda__seg--anulado{background:var(--st-anulado-fill)}.celda__seg--deshabilitado{background-image:repeating-linear-gradient(45deg,var(--st-off-edge) 0 2px,transparent 2px 6px);border:1px solid var(--st-off-edge);background-color:transparent}.celda__body{padding:10px 12px 12px}app-celda.celda--S .celda__body{padding:6px 10px}.celda__row,.celda__label{display:flex;align-items:center;gap:8px;min-width:0}.celda__name{flex:1;min-width:0;font-weight:600;font-size:18px;overflow-wrap:anywhere}app-celda.celda--S .celda__name{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.celda__row .hmi-glyph{width:22px;height:22px;color:var(--st-ink, var(--hmi-text))}app-celda.celda--S .celda__row .hmi-glyph{width:24px;height:20px}.celda__label{margin-top:6px;font-size:16px;font-weight:600;color:var(--st-ink, var(--hmi-text-2))}app-celda.celda--S .celda__label{margin-top:0;font-size:13px}.celda__shape{width:14px;height:14px;flex:none;background:currentColor}.celda__shape--reposo{height:5px;border-radius:2px}.celda__shape--preparado{background:none;border:3px solid currentColor;border-radius:50%;box-sizing:border-box}.celda__shape--marcha{clip-path:polygon(6% 0,100% 50%,6% 100%)}.celda__shape--espera{transform:rotate(45deg);background:none;border:3px solid currentColor}.celda__shape--completado{clip-path:polygon(12% 50%,38% 78%,88% 18%,76% 8%,38% 58%,24% 42%)}.celda__shape--aviso{clip-path:polygon(50% 0,100% 100%,0 100%)}.celda__shape--error{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);position:relative}.celda__shape--error:after{content:"\d7";display:grid;place-items:center;height:100%;color:var(--hmi-surface);font-size:12px;font-weight:700}.celda__shape--anulado{background:none;border:2px solid currentColor;position:relative}.celda__shape--deshabilitado{background-image:repeating-linear-gradient(45deg,currentColor 0 2px,transparent 2px 6px);background-color:transparent;border:2px dashed currentColor}.celda__z5{min-height:78px;margin-top:8px}app-celda.celda--S .celda__z5{display:none}.celda__fig{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.celda__approx{font-size:26px;font-weight:600;color:var(--hmi-text-3);line-height:1}.celda__num{font-size:32px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.celda__unit{font-size:15px;color:var(--hmi-text-3)}.celda__bar{margin-top:8px;height:14px;border-radius:var(--r-1);background:var(--hmi-sunken);border:1px solid var(--hmi-line);overflow:hidden;display:flex}.celda__bar--void{background-image:repeating-linear-gradient(45deg,var(--hmi-line) 0 2px,transparent 2px 8px);border-style:dashed}.celda__bar--decl{display:none}.celda__bar-s{background:var(--st-marcha-fill);height:100%}.celda__bar-b{height:100%;background-image:repeating-linear-gradient(115deg,var(--st-marcha-edge) 0 3px,transparent 3px 7px)}.celda__cap{margin-top:4px;font-size:13px;color:var(--hmi-text-3)}.celda__cnt{margin-top:8px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--hmi-text-2)}.celda__cnt-m{width:18px;height:10px;border:1px solid var(--hmi-line-strong);border-radius:2px;display:flex;align-items:flex-end;overflow:hidden}.celda__cnt--vacia .celda__cnt-m{background:transparent}.celda__cnt--con_producto .celda__cnt-m:after,.celda__cnt--admite_producto .celda__cnt-m:after{content:"";width:100%;height:55%;background:var(--hmi-text-2)}.celda__cnt--admite_producto .celda__cnt-m:after{height:30%;opacity:.45}.celda__cnt--llena .celda__cnt-m{background:var(--hmi-text-2)}.celda__chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.celda__chips span{min-height:28px;padding:0 10px;border-radius:var(--r-1);background:var(--hmi-sunken);border:1px solid var(--hmi-line);font-size:13px;font-weight:600;display:inline-flex;align-items:center}.celda__diag{margin-top:10px;padding-top:8px;border-top:1px dashed var(--hmi-line);font-family:var(--hmi-font-mono);font-size:13px;color:var(--hmi-text-3)}app-celda.celda--error{--st-fill: var(--st-error-fill);--st-edge: var(--st-error-fill);--st-ink: var(--st-error-ink)}app-celda.celda--aviso{--st-fill: var(--st-aviso-fill);--st-edge: var(--st-aviso-fill);--st-ink: var(--st-aviso-ink)}app-celda.celda--espera{--st-fill: var(--st-espera-fill);--st-edge: var(--st-espera-edge);--st-ink: var(--st-espera-ink)}app-celda.celda--marcha{--st-fill: var(--st-marcha-fill);--st-edge: var(--st-marcha-fill);--st-ink: var(--st-marcha-ink)}app-celda.celda--preparado{--st-fill: var(--st-preparado-fill);--st-edge: var(--st-preparado-edge);--st-ink: var(--st-preparado-ink)}app-celda.celda--completado{--st-fill: var(--st-completado-fill);--st-edge: var(--st-completado-edge);--st-ink: var(--st-completado-ink)}app-celda.celda--anulado{--st-fill: var(--st-anulado-fill);--st-edge: var(--st-anulado-edge);--st-ink: var(--st-anulado-ink)}app-celda.celda--reposo{--st-fill: var(--st-reposo-fill);--st-edge: var(--st-reposo-edge);--st-ink: var(--st-reposo-ink)}app-celda.celda--off{--st-fill: var(--st-off-fill);--st-edge: var(--st-off-edge);--st-ink: var(--st-off-ink)}app-celda.celda--off .celda__hit{border-style:dashed;background:var(--st-off-soft)}app-celda.celda--accion .celda__label{font-weight:700}app-celda.celda--error .celda__hit{background:var(--st-error-soft)}app-celda.celda--aviso .celda__hit{border-width:3px}@media(orientation:portrait){app-celda.celda--L .celda__body{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:16px;padding:10px 14px}app-celda.celda--L .celda__row{grid-column:1}app-celda.celda--L .celda__label{grid-column:1;margin-top:2px}app-celda.celda--L .celda__z5{grid-column:2;grid-row:1/span 2;min-height:0;margin-top:0;min-width:132px;text-align:right}app-celda.celda--L .celda__chips,app-celda.celda--L .celda__cnt{grid-column:1/-1;margin-top:6px}}app-plant-line .plant{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-3);background:linear-gradient(180deg,var(--hmi-surface) 0%,var(--hmi-surface) 70%);border:1px solid var(--hmi-line)}app-plant-line .plant-head{display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:space-between;align-items:flex-start}app-plant-line .plant-head h2{margin:0;font-size:1.25rem}app-plant-line .plant-head p{margin:4px 0 0;color:var(--hmi-text-2);font-size:.9rem}app-plant-line .plant-zones,app-plant-line .plant-order__actions{display:flex;flex-wrap:wrap;gap:8px}app-plant-line .zone-btn{min-height:var(--touch)}app-plant-line .zone-btn.is-active{border-color:var(--hmi-line-strong);background:var(--hmi-sunken);color:var(--hmi-text-3)}app-plant-line .plant-order{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:var(--st-marcha-soft);border:1px solid var(--st-marcha-edge)}app-plant-line .plant-order__copy{display:flex;flex-direction:column;gap:2px;font-size:.85rem;color:var(--st-preparado-ink)}app-plant-line .plant-order__copy strong{color:var(--hmi-text);word-break:break-all}app-plant-line .plant-empty-zone{margin:0;padding:12px 4px;color:var(--hmi-text-2);font-size:.95rem}app-plant-line .plant-canvas{display:flex;flex-direction:column;gap:var(--sp-4)}app-plant-line .plant-rail{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);list-style:none;margin:0;padding:0}app-plant-line .plant-aside{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-3)}app-plant-line .plant-rail--branch,app-plant-line .plant-rail--exterior{padding:var(--sp-3);border-radius:10px;background:var(--hmi-surface);border:1px dashed var(--hmi-line);align-content:start}app-plant-line .plant-rail__caption{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--st-completado-ink);min-width:72px}app-plant-line .plant-arrow{color:var(--st-completado-ink);font-size:1.1rem;font-weight:700}app-plant-line .plant-arrow--route{color:var(--st-preparado-ink)}@media(orientation:portrait){app-plant-line .plant-rail:not(.plant-rail--branch):not(.plant-rail--exterior){flex-direction:column;align-items:stretch;flex-wrap:nowrap}app-plant-line .plant-rail:not(.plant-rail--branch):not(.plant-rail--exterior)>li:not(.plant-arrow){width:100%}app-plant-line .plant-arrow{width:auto;align-self:flex-start;margin-left:30px;font-size:0;line-height:0}app-plant-line .plant-arrow:before{content:"";display:block;width:4px;height:16px;border-radius:2px;background:currentColor}}app-plant-line .station{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:148px;max-width:220px;min-height:88px;height:clamp(88px,14vh,120px);padding:10px 12px;border-radius:12px;border:2px solid var(--hmi-line);background:var(--hmi-surface);text-align:left;cursor:pointer;transition:border-color .12s ease,opacity .12s ease,box-shadow .12s ease}app-plant-line .station__name{font-weight:700;color:var(--hmi-text)}app-plant-line .station__state,app-plant-line .station__mass,app-plant-line .station__role{font-size:.78rem;color:var(--hmi-text-2)}app-plant-line .station--active{border-color:var(--st-marcha-edge);box-shadow:0 0 0 4px var(--st-marcha-ink)}app-plant-line .station--error{border-color:var(--st-error-edge);background:var(--st-error-soft);box-shadow:0 0 0 4px var(--st-error-ink)}app-plant-line .station--error .station__state{color:var(--st-error-ink);font-weight:700}app-plant-line .station--route:not(.station--error){border-color:var(--st-preparado-edge)}app-plant-line .station--dim:not(.station--error){opacity:.28}app-plant-line .station--selected{outline:2px solid var(--st-completado-edge);outline-offset:2px}app-plant-line .plant-detail{padding:12px;border-radius:10px;background:var(--hmi-surface);border:1px solid var(--hmi-line)}app-plant-line .plant-detail h3{margin:0 0 8px;font-size:1rem}app-plant-line .plant-detail dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px 12px;margin:0 0 12px}app-plant-line .plant-detail dt{font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--st-completado-ink)}app-plant-line .plant-detail dd{margin:2px 0 0;font-size:.9rem}app-plant-line .plant-detail--error{border-color:var(--st-error-edge);background:var(--st-error-soft)}app-plant-line .plant-cause{margin:12px 0}app-plant-line .plant-cause h4{margin:0 0 6px}app-plant-line .plant-cause p{margin:4px 0 0;font-size:14px}@media(prefers-reduced-motion:reduce){app-plant-line .station{transition:none}app-plant-line .station--active{box-shadow:none}}app-topology .topology-shell{display:grid;grid-template-rows:auto 1fr;height:calc(100vh - 68px);gap:.5rem;padding:.75rem 1rem;overflow:hidden}app-topology .topology-topbar{display:flex;flex-direction:column;gap:.3rem}app-topology .topbar-main{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}app-topology .topbar-nav{display:flex;align-items:center;gap:.5rem 1rem;flex-wrap:wrap}app-topology .topology-title h2{margin:0;font-size:1.2rem;font-weight:700;color:var(--hmi-text);line-height:1.2}app-topology .topology-title p{margin:.15rem 0 0;font-size:.8rem;color:var(--hmi-text-2)}app-topology .topology-actions{display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0}app-topology .topology-breadcrumb{display:flex;align-items:center;gap:.1rem;flex-wrap:wrap}app-topology .breadcrumb-sep{color:var(--st-completado-ink);font-size:.85rem;padding:0 .1rem}app-topology .topology-levels{display:flex;gap:.25rem;flex-wrap:wrap}app-topology .level-button.is-active,app-topology .view-button.is-active{border-color:var(--hmi-line-strong);background:var(--hmi-sunken);color:var(--hmi-text-3)}app-topology .topology-views{display:flex;flex-wrap:wrap;gap:.25rem}app-topology .view-button{min-height:var(--touch)}app-topology .topo-node-dimmed{opacity:.22;filter:grayscale(.3);transition:opacity .16s ease,filter .16s ease}app-topology .topology-route-banner{margin:.5rem 1rem 0;padding:.5rem .75rem;color:var(--st-preparado-ink);font-weight:600;font-size:.85rem;background:var(--st-marcha-soft);border-radius:8px;border:1px solid var(--st-marcha-edge);flex-shrink:0}app-topology .topology-body{display:flex;overflow:hidden;border-radius:16px;border:1px solid var(--hmi-line);min-height:0}app-topology .topology-sidebar{width:272px;min-width:272px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--hmi-line);background:var(--hmi-surface)}app-topology .topology-sidebar.is-hidden{display:none}@media(max-width:900px){app-topology .topology-sidebar{display:none}}app-topology .topology-sidebar.is-compact{width:200px;min-width:200px}app-topology .sidebar-stats{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--hmi-line);flex-shrink:0}app-topology .stat-item{display:flex;flex-direction:column;align-items:center;padding:.4rem .5rem;text-align:center}app-topology .stat-item.stat-num{border-bottom:1px solid var(--hmi-line)}app-topology .stat-item.stat-num:first-child{border-right:1px solid var(--hmi-line)}app-topology .stat-item.stat-row{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;padding:.25rem .75rem;gap:.5rem}app-topology .stat-item.stat-row:not(:last-child){border-bottom:1px solid var(--hmi-line)}app-topology .stat-value{font-size:1.1rem;font-weight:700;color:var(--hmi-text);line-height:1.2}app-topology .stat-value.stat-text{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}app-topology .stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--st-completado-ink);margin-top:.1rem;white-space:nowrap;flex-shrink:0}.stat-row app-topology .stat-label{margin-top:0}app-topology .sidebar-browser-header{padding:.6rem .75rem .5rem;border-bottom:1px solid var(--hmi-line);flex-shrink:0}app-topology .sidebar-browser-header h3{margin:0;font-size:.82rem;font-weight:600;color:var(--hmi-text)}app-topology .sidebar-browser-header p{margin:.15rem 0 0;font-size:.72rem;color:var(--st-completado-ink);line-height:1.3}app-topology .sidebar-browser-list{overflow-y:auto;flex:1;min-height:0;padding:.35rem;display:flex;flex-direction:column;gap:.2rem}app-topology .sidebar-browser-list::-webkit-scrollbar{width:5px}app-topology .sidebar-browser-list::-webkit-scrollbar-track{background:transparent}app-topology .sidebar-browser-list::-webkit-scrollbar-thumb{background:var(--hmi-sunken);border-radius:3px}app-topology .sidebar-browser-list::-webkit-scrollbar-thumb:hover{background:var(--st-completado-ink)}app-topology .browser-card{display:flex;align-items:center;justify-content:space-between;gap:.4rem;border-radius:8px;border:1px solid var(--hmi-line);background:var(--hmi-surface);padding:.38rem .5rem;min-width:0;transition:border-color .12s ease,background .12s ease}app-topology .browser-card:hover{border-color:var(--st-completado-edge);background:var(--hmi-surface)}app-topology .browser-copy{display:flex;flex-direction:column;min-width:0;flex:1}app-topology .browser-label{font-size:.78rem;font-weight:600;color:var(--hmi-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-topology .browser-meta{font-size:.68rem;color:var(--st-completado-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-topology .browser-drill{flex-shrink:0;font-size:1.1rem;color:var(--st-completado-ink);line-height:1;padding:0 2px}app-topology .browser-card.is-drillable{cursor:pointer}app-topology .browser-card.is-drillable:hover{border-color:var(--st-completado-edge);background:var(--hmi-surface)}app-topology .browser-card.is-drillable:hover .browser-drill{color:var(--st-completado-ink)}app-topology .browser-card.is-drillable:focus-visible{outline:2px solid var(--st-completado-edge);outline-offset:1px}app-topology .browser-empty{font-size:.78rem;color:var(--st-completado-ink);text-align:center;padding:1rem .5rem;margin:0}app-topology .topology-canvas-wrap{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,var(--hmi-surface) 0%,var(--hmi-surface) 100%)}app-topology .topology-error{margin:.5rem 1rem 0;padding:.5rem .75rem;color:var(--st-error-ink);font-weight:600;font-size:.85rem;background:var(--st-error-soft);border-radius:8px;border:1px solid var(--st-error-edge);flex-shrink:0}app-topology .topology-canvas{flex:1;min-height:0;overflow:hidden}app-topology .topology-canvas.is-loading{opacity:.6}app-topology .browser-card.is-selected{border-color:var(--hmi-line-strong);background:var(--hmi-sunken);color:var(--hmi-text-3)}app-topology .browser-card.is-selected .browser-label{color:var(--hmi-text-3)}app-topology .browser-card.is-selected .browser-meta{color:var(--hmi-text-3)}app-topology .topology-detail{width:min(300px,34vw);min-width:240px;padding:12px;border-left:1px solid var(--hmi-line);overflow:auto;background:var(--hmi-surface)}app-topology .topology-detail header{display:flex;justify-content:space-between;gap:8px}app-topology .topology-detail h3{margin:0;font-size:1rem}app-topology .topology-detail dl{margin:0}app-topology .topology-detail dt{font-size:.7rem;font-weight:700;color:var(--st-completado-ink)}app-topology .topology-detail dd{margin:0 0 8px;word-break:break-word}app-topology .topology-detail button{min-height:48px}app-topology .topology-detail__actions,app-topology .topology-detail__events{display:flex;flex-direction:column;gap:8px;margin-top:12px}app-topology .topology-detail__events p{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--st-completado-ink)}app-topology .topology-detail__confirm{margin-top:12px;padding:10px;border-radius:10px;background:var(--hmi-sunken);color:var(--hmi-text-3)}app-topology .topology-detail__confirm p{margin:0 0 8px;font-weight:600}app-topology .topology-detail__confirm-btns{display:flex;gap:8px}app-topology .topology-detail__error{margin:8px 0 0;color:var(--st-error-ink);font-weight:600}app-topology .sidebar-diag{margin:0 0 10px;font-family:var(--hmi-font-mono);font-size:var(--tx-diagnostico, 14px);color:var(--hmi-text-3);line-height:1.4}html,body{height:100%;overflow:hidden}body{margin:0;font-family:var(--hmi-font-sans);color:var(--hmi-text);background:var(--hmi-canvas)}app-distribucion,app-formulacion-shell,app-ordenes,app-status,app-topology,app-plc-control{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}*{-webkit-tap-highlight-color:transparent}a,button,[role=button],mat-button,[mat-button],[mat-icon-button],[mat-raised-button],[mat-fab],[mat-mini-fab]{touch-action:manipulation}input,select,textarea{font-size:var(--hmi-font-base)}