/* /BaseComponents/Accordion/Accordion.razor.rz.scp.css */ .accordion[b-k5443bln1o] { display: flex; flex-direction: column; align-self: stretch; border-radius: var(--radius-xl); background: var(--background-base-default); border: 1px solid var(--border-default); position: relative; } .accordion-toggle:hover[b-k5443bln1o] { cursor: pointer; } .accordion-toggle:focus-visible[b-k5443bln1o] { background: var(--background-default-focused); } .accordion-content[b-k5443bln1o] { border-top: 1px solid var(--border-secondary); } /* /BaseComponents/AutoComplete/AutoComplete.razor.rz.scp.css */ .autocomplete[b-tfwtdmamce] { display: inline-block; position: relative; } .autocomplete .icon[b-tfwtdmamce] { display: inline-block; height: 20px; width: 20px; background-image: var(--icon-file-path); position: absolute; z-index: 1; transform: translateY(-50%); top: 50%; left: 12px; } .autocomplete[b-tfwtdmamce] .k-combobox { border-color: var(--border-default); border-radius: var(--radius-md); } .autocomplete[b-tfwtdmamce] .k-combobox .k-input-inner { padding-inline-start: 12px; padding-inline-end: 12px; } .autocomplete.autocomplete-small .icon[b-tfwtdmamce] + .k-combobox .k-input-inner { padding-inline-start: 36px; } .autocomplete.autocomplete-small[b-tfwtdmamce] .k-combobox { height: 36px; } .autocomplete.autocomplete-medium .icon[b-tfwtdmamce] + .k-combobox .k-input-inner { padding-inline-start: 40px; } .autocomplete.autocomplete-medium[b-tfwtdmamce] .k-combobox { height: 40px; } /* Remove focus styles */ .autocomplete[b-tfwtdmamce] .k-input-solid:focus, .autocomplete[b-tfwtdmamce] .k-input-solid:focus-within, .autocomplete[b-tfwtdmamce] .k-input-solid.k-focus, .autocomplete[b-tfwtdmamce] .k-input-solid.k-focus { box-shadow: none; } /* Hide button to show dropdown */ .autocomplete[b-tfwtdmamce] button { display: none; } /* Clickable suffix (e.g. search opens slideout instead of only expanding the list). */ .autocomplete-suffix-icon-host[b-tfwtdmamce] { cursor: pointer; display: inline-flex; align-items: center; } /* /BaseComponents/Avatar/Avatar.razor.rz.scp.css */ .avatar[b-098bxe7lfe] { display: flex; justify-content: center; align-items: center; border-radius: var(--radius-circle); overflow: hidden; } .avatar.small[b-098bxe7lfe] { height: 24px; width: 24px; font-size: var(--font-size-sm); line-height: var(--font-size-sm-line-height); letter-spacing: var(--font-size-sm-letter-spacing); } .avatar.medium[b-098bxe7lfe] { height: 36px; width: 36px; } .avatar.large[b-098bxe7lfe] { height: 74px; width: 74px; font-size: var(--font-size-3xl); line-height: var(--font-size-3xl-line-height); letter-spacing: var(--font-size-3xl-letter-spacing); } .avatar .avatar-image[b-098bxe7lfe] { height: 100%; width: 100%; } /* /BaseComponents/Badge/Badge.razor.rz.scp.css */ .badge[b-qire0e7ahj] { border: 1px solid var(--border-default); display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); border-radius: var(--radius-circle); } .badge.default-badge.small[b-qire0e7ahj] { width: 6px; height: 6px; } .badge.default-badge.medium[b-qire0e7ahj] { width: 8px; height: 8px; } .badge.default-badge.large[b-qire0e7ahj] { width: 10px; height: 10px; } .badge.icon-badge.small[b-qire0e7ahj] { padding: 4px; } .badge.icon-badge.medium .badge.icon-badge.large[b-qire0e7ahj] { padding: 4px 6px; } .badge.text-badge[b-qire0e7ahj] { padding: 4px 8px; } .badge.text-badge.small[b-qire0e7ahj] { line-height: var(--font-size-sm-line-height); font-size: var(--font-size-sm); } .badge.text-badge.medium[b-qire0e7ahj] { line-height: var(--font-size-sm-line-height); font-size: var(--font-size-md); } .badge.text-badge.large[b-qire0e7ahj] { line-height: var(--font-size-lg-line-height); font-size: var(--font-size-lg); } .badge.grey[b-qire0e7ahj] { background-color: var(--background-default-default); } .badge.white[b-qire0e7ahj] { background-color: var(--background-base-default); color: var(--text-default); } .badge.blue[b-qire0e7ahj] { background-color: var(--background-info-default); } .badge.green[b-qire0e7ahj] { background-color: var(--background-success-default) !important; } .badge.yellow[b-qire0e7ahj] { background-color: var(--background-warning-default); } .badge.red[b-qire0e7ahj] { background-color: var(--background-error-default); } .badge.purple[b-qire0e7ahj] { background-color: var(--data-visuals-categorical-purple); } .badge.teal[b-qire0e7ahj] { background-color: var(--data-visuals-seq-05); } .badge.grey[b-qire0e7ahj], .badge.white[b-qire0e7ahj], .badge.blue[b-qire0e7ahj], .badge.green[b-qire0e7ahj], .badge.yellow[b-qire0e7ahj], .badge.red[b-qire0e7ahj] { border-color: var(--border-base); } .badge.blue[b-qire0e7ahj], .badge.green[b-qire0e7ahj], .badge.yellow[b-qire0e7ahj], .badge.red[b-qire0e7ahj], .badge.purple[b-qire0e7ahj], .badge.teal[b-qire0e7ahj] { color: var(--text-base); } .badge.default-badge.grey[b-qire0e7ahj], .badge.default-badge.white[b-qire0e7ahj], .badge.text-badge.grey[b-qire0e7ahj] { border-color: var(--border-default); } .badge.text-badge.white[b-qire0e7ahj] { border-color: var(--border-default); } .badge.grey.inverted[b-qire0e7ahj] { color: var(--text-base); border-color: var(--border-base); background-color: var(--background-default-invert-default); } .badge.white.inverted[b-qire0e7ahj] { color: var(--text-default); border-color: var(--border-default); background-color: var(--background-base-default); } .badge.blue.inverted[b-qire0e7ahj] { color: var(--text-info); border-color: var(--border-secondary); background-color: var(--background-info-invert-default); } .badge.green.inverted[b-qire0e7ahj] { color: var(--text-success); border-color: var(--border-primary); background-color: var(--background-success-invert-default) !important; } .badge.yellow.inverted[b-qire0e7ahj] { color: var(--text-warning); border-color: var(--border-warning); background-color: var(--background-warning-invert-default); } .badge.red.inverted[b-qire0e7ahj] { color: var(--text-error); border-color: var(--border-error); background-color: var(--background-error-invert-default); } .badge.purple.inverted[b-qire0e7ahj] { color: var(--data-visuals-categorical-purple); border-color: var(--data-visuals-categorical-purple); background-color: #6B21A810; } .badge.teal.inverted[b-qire0e7ahj] { color: var(--data-visuals-seq-05); border-color: var(--data-visuals-seq-05); background-color: #0E749010; } .badge.icon-badge.grey.inverted[b-qire0e7ahj], .badge.icon-badge.white.inverted[b-qire0e7ahj], .badge.icon-badge.blue.inverted[b-qire0e7ahj], .badge.icon-badge.green.inverted[b-qire0e7ahj], .badge.icon-badge.yellow.inverted[b-qire0e7ahj], .badge.icon-badge.red.inverted[b-qire0e7ahj], .badge.icon-badge.purple.inverted[b-qire0e7ahj], .badge.icon-badge.teal.inverted[b-qire0e7ahj] { border-color: var(--border-base); } /* /BaseComponents/Breadcrumb/Breadcrumb.razor.rz.scp.css */ .breadcrumb[b-c5pj5navox] { display: inline-flex; align-items: center; gap: var(--space-sm); } /* /BaseComponents/Button/Button.razor.rz.scp.css */ .btn[b-tv0x9049ag] { display: inline-flex; justify-content: center; align-items: center; gap: 4px; border-radius: var(--radius-md); background-color: initial; cursor: pointer; white-space: nowrap; } .btn.justify-space-between[b-tv0x9049ag] { justify-content: space-between; } .btn:disabled[b-tv0x9049ag] { pointer-events: none; } .btn.filled:disabled[b-tv0x9049ag], .btn.filled:disabled:hover[b-tv0x9049ag] { background-color: var(--background-disabled) !important; color: var(--text-disabled) !important; } .btn.outlined:disabled[b-tv0x9049ag], .btn.outlined:disabled:hover[b-tv0x9049ag] { border: 1px solid var(--border-disabled) !important; background-color: white !important; color: var(--text-disabled) !important; } .btn.text:disabled[b-tv0x9049ag], .btn.text:disabled:hover[b-tv0x9049ag] { background-color: white !important; color: var(--text-disabled) !important; } /************************* DEFAULT *************************/ .btn.default[b-tv0x9049ag] { color: var(--text-default); } .btn.default:hover[b-tv0x9049ag] { background-color: var(--background-default-hovered); } .btn.default:active[b-tv0x9049ag] { background-color: var(--background-default-pressed); } .btn.default:active[b-tv0x9049ag] { background-color: var(--background-default-focused); } .btn.default.filled[b-tv0x9049ag] { background-color: var(--background-default-default); } .btn.default.filled:focus-visible[b-tv0x9049ag] { background-color: var(--background-default-focused); } .btn.default.outlined[b-tv0x9049ag] { border: 1px solid var(--border-default); } .btn.default.outlined:focus-visible[b-tv0x9049ag] { background-color: var(--background-default-focused); } .btn.default.text:focus-visible[b-tv0x9049ag] { background-color: var(--background-default-focused); } /************************* PRIMARY *************************/ .btn.primary.filled[b-tv0x9049ag] { background-color: var(--background-primary-default); color: var(--text-base); } .btn.primary.filled:hover[b-tv0x9049ag] { background-color: var(--background-primary-hovered); } .btn.primary.filled:active[b-tv0x9049ag] { background-color: var(--background-primary-pressed); } .btn.primary.filled:focus-visible[b-tv0x9049ag] { background-color: var(--background-primary-focused); } .btn.primary.outlined[b-tv0x9049ag] { border: 1px solid var(--border-primary); color: var(--text-primary); } .btn.primary.outlined:hover[b-tv0x9049ag] { background-color: var(--background-primary-invert-hovered); } .btn.primary.outlined:active[b-tv0x9049ag] { background-color: var(--background-primary-invert-pressed); } .btn.primary.outlined:focus-visible[b-tv0x9049ag] { background-color: var(--background-primary-invert-focused); } .btn.primary.text[b-tv0x9049ag] { color: var(--text-primary); } .btn.primary.text:hover[b-tv0x9049ag] { background-color: var(--background-primary-invert-hovered); } .btn.primary.text:active[b-tv0x9049ag] { background-color: var(--background-primary-invert-pressed); } .btn.primary.text:focus-visible[b-tv0x9049ag] { background-color: var(--background-primary-invert-focused); } /************************* INFO *************************/ .btn.info.filled[b-tv0x9049ag] { background-color: var(--background-info-default); color: white; } .btn.info.filled:hover[b-tv0x9049ag] { background-color: var(--background-info-hovered); } .btn.info.filled:active[b-tv0x9049ag] { background-color: var(--background-info-pressed); } .btn.info.filled:focus-visible[b-tv0x9049ag] { background-color: var(--background-info-focused); } .btn.info.outlined[b-tv0x9049ag] { border: 1px solid var(--border-info); color: var(--text-info); } .btn.info.outlined:hover[b-tv0x9049ag] { background-color: var(--background-info-invert-hovered); } .btn.info.outlined:active[b-tv0x9049ag] { background-color: var(--background-info-invert-pressed); } .btn.info.outlined:focus-visible[b-tv0x9049ag] { background-color: var(--background-info-invert-focused); } .btn.info.text[b-tv0x9049ag] { color: var(--text-info); } .btn.info.text:hover[b-tv0x9049ag] { background-color: var(--background-info-invert-hovered); } .btn.info.text:active[b-tv0x9049ag] { background-color: var(--background-info-invert-pressed); } .btn.info.text:focus-visible[b-tv0x9049ag] { background-color: var(--background-info-invert-focused); } /************************* ERROR *************************/ .btn.error.filled[b-tv0x9049ag] { background-color: var(--background-error-default); color: white; } .btn.error.filled:hover[b-tv0x9049ag] { background-color: var(--background-error-hovered); } .btn.error.filled:active[b-tv0x9049ag] { background-color: var(--background-error-pressed); } .btn.error.filled:focus-visible[b-tv0x9049ag] { background-color: var(--background-error-focused); } .btn.error.outlined[b-tv0x9049ag] { border: 1px solid var(--border-error); color: var(--text-error); } .btn.error.outlined:hover[b-tv0x9049ag] { background-color: var(--background-error-invert-hovered); } .btn.error.outlined:active[b-tv0x9049ag] { background-color: var(--background-error-invert-pressed); } .btn.error.outlined:focus-visible[b-tv0x9049ag] { background-color: var(--background-error-invert-focused); } .btn.error.text[b-tv0x9049ag] { color: var(--text-error); } .btn.error.text:hover[b-tv0x9049ag] { background-color: var(--background-error-invert-hovered); } .btn.error.text:active[b-tv0x9049ag] { background-color: var(--background-error-invert-pressed); } .btn.error.text:focus-visible[b-tv0x9049ag] { background-color: var(--background-error-invert-focused); } /************************* WARNING *************************/ .btn.warning.filled[b-tv0x9049ag] { background-color: var(--background-warning-default); color: white; } .btn.warning.filled:hover[b-tv0x9049ag] { background-color: var(--background-warning-hovered); } .btn.warning.filled:active[b-tv0x9049ag] { background-color: var(--background-warning-pressed); } .btn.warning.filled:focus-visible[b-tv0x9049ag] { background-color: var(--background-warning-focused); } .btn.warning.outlined[b-tv0x9049ag] { border: 1px solid var(--border-warning); color: var(--text-warning); } .btn.warning.outlined:hover[b-tv0x9049ag] { background-color: var(--background-warning-invert-hovered); } .btn.warning.outlined:active[b-tv0x9049ag] { background-color: var(--background-warning-invert-pressed); } .btn.warning.outlined:focus-visible[b-tv0x9049ag] { background-color: var(--background-warning-invert-focused); } .btn.warning.text[b-tv0x9049ag] { color: var(--text-warning); } .btn.warning.text:hover[b-tv0x9049ag] { background-color: var(--background-warning-invert-hovered); } .btn.warning.text:active[b-tv0x9049ag] { background-color: var(--background-warning-invert-pressed); } .btn.warning.text:focus-visible[b-tv0x9049ag] { background-color: var(--background-warning-invert-focused); } /************************* SUCCESS *************************/ .btn.success.filled[b-tv0x9049ag] { background-color: var(--background-success-default); color: white; } .btn.success.filled:hover[b-tv0x9049ag] { background-color: var(--background-success-hovered); } .btn.success.filled:active[b-tv0x9049ag] { background-color: var(--background-success-pressed); } .btn.success.filled:focus-visible[b-tv0x9049ag] { background-color: var(--background-success-focused); } .btn.success.outlined[b-tv0x9049ag] { border: 1px solid var(--border-success); color: var(--text-success); } .btn.success.outlined:hover[b-tv0x9049ag] { background-color: var(--background-success-invert-hovered); } .btn.success.outlined:active[b-tv0x9049ag] { background-color: var(--background-success-invert-pressed); } .btn.success.outlined:focus-visible[b-tv0x9049ag] { background-color: var(--background-success-invert-focused); } .btn.success.text[b-tv0x9049ag] { color: var(--text-success); } .btn.success.text:hover[b-tv0x9049ag] { background-color: var(--background-success-invert-hovered); } .btn.success.text:active[b-tv0x9049ag] { background-color: var(--background-success-invert-pressed); } .btn.success.text:focus-visible[b-tv0x9049ag] { background-color: var(--background-success-invert-focused); } /************************* SIZES *************************/ .btn.small[b-tv0x9049ag] { height: 36px; padding: 8px 16px; } .btn.medium[b-tv0x9049ag] { height: 40px; padding: 8px 16px; } .btn.large[b-tv0x9049ag] { height: 44px; padding: 8px 24px; } .btn:not(:has(.text))[b-tv0x9049ag] { padding: 8px; } /************************* ICON STYLES *************************/ .btn .icon[b-tv0x9049ag] { display: flex; pointer-events: none; } /************************* LOADING SPINNER *************************/ .btn .btn-spinner[b-tv0x9049ag] { width: 16px; height: 16px; border-radius: 50%; display: inline-block; position: relative; border: 2px solid; border-color: currentColor currentColor transparent transparent; box-sizing: border-box; animation: btn-spinner-rotation-b-tv0x9049ag 3s linear infinite; flex-shrink: 0; } .btn .btn-spinner[b-tv0x9049ag]::before { content: ''; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 2px solid; border-color: transparent transparent currentColor currentColor; width: 12px; height: 12px; border-radius: 50%; animation: btn-spinner-rotation-back-b-tv0x9049ag 2.8s linear infinite; transform-origin: center center; } @keyframes btn-spinner-rotation-b-tv0x9049ag { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes btn-spinner-rotation-back-b-tv0x9049ag { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } /* /BaseComponents/ButtonGroup/ButtonGroup.razor.rz.scp.css */ .button-group[b-820r8utji9] { display: flex; } .button-group[b-820r8utji9] .btn:not(:first-child):not(:last-child) { border-radius: 0; border-right: 0; } .button-group[b-820r8utji9] .btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0 !important; } .button-group[b-820r8utji9] .btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* /BaseComponents/ButtonMenu/ButtonMenu.razor.rz.scp.css */ .button-menu[eri-button-menu] { position: relative; } [eri-button-menu] .menu { box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.10), 0 10px 15px -3px rgba(0, 0, 0, 0.10); background-color: white; min-width: 100px; padding: var(--space-sm); border-radius: var(--radius-md); } /* /BaseComponents/ButtonMenu/ButtonMenuItem.razor.rz.scp.css */ .button-menu-item[b-gvy7dlbv8o] { padding: 8px 16px; width: 100%; border: none; background-color: white; text-align: left; display: inline-flex; gap: 4px; align-items: center; text-wrap-mode: nowrap; border-radius: var(--radius-sm); height: 36px; } .button-menu-item:hover[b-gvy7dlbv8o] { background-color: var(--background-secondary-invert-default); } .button-menu-item:focus-visible[b-gvy7dlbv8o] { background-color: var(--background-secondary-invert-focused); } .button-menu-item.disabled[b-gvy7dlbv8o] { color: var(--text-disabled); } /* /BaseComponents/Card/Card.razor.rz.scp.css */ .card[b-v329lwni7i] { display: flex; border-radius: var(--radius-lg); background: var(--white); border: 1px solid var(--border-default); } .card.vertical[b-v329lwni7i] { flex-direction: column; align-items: flex-start; align-self: stretch; } .card.shadow[b-v329lwni7i] { box-shadow: 0 3px 6px 1px var(--box-shadow-color); } .card.card-expand[b-v329lwni7i] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; } .card .card-header[b-v329lwni7i] { background: var(--background-default-default); padding: var(--space-sm) var(--space-lg); align-self: stretch; border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); border-bottom: 1px solid var(--border-default); color: var(--text-table-header); } .card .card-content[b-v329lwni7i] { align-self: stretch; } /* /BaseComponents/Carousel/Carousel.razor.rz.scp.css */ .carousel-wrapper[b-jnnqsxxt19] { position: relative; align-self: stretch; } .carousel[b-jnnqsxxt19] { display: flex; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; scroll-snap-type: x mandatory; } .carousel > *[b-jnnqsxxt19] { scroll-snap-align: start; } .carousel[b-jnnqsxxt19]::-webkit-scrollbar { display: none; } .nav[b-jnnqsxxt19] { position: absolute; cursor: pointer; z-index: 3; display: flex; width: 36px; height: 36px; padding: 8px; justify-content: center; align-items: center; flex-shrink: 0; color: var(--icon-loading); border-radius: var(--radius-circle); border: 1px solid var(--border-disabled); background-color: var(--background-nav); } .nav:hover[b-jnnqsxxt19] { color: var(--icon-default); } .nav:active[b-jnnqsxxt19] { color: var(--icon-default); border-color: var(--border-primary); } /* Horizontal button positioning */ .carousel-wrapper:not(.vertical) .nav.start[b-jnnqsxxt19] { left: -60px; top: 50%; transform: translateY(-50%); } .carousel-wrapper:not(.vertical) .nav.end[b-jnnqsxxt19] { right: -60px; top: 50%; transform: translateY(-50%); } /* Vertical layout styling */ .carousel-wrapper.vertical .carousel[b-jnnqsxxt19] { scroll-snap-type: y mandatory; flex-direction: column; overflow-y: auto; } /* Vertical button positioning */ .carousel-wrapper.vertical .nav.start[b-jnnqsxxt19] { top: 0; left: 50%; transform: translateX(-50%); } .carousel-wrapper.vertical .nav.end[b-jnnqsxxt19] { bottom: 0; top: auto; left: 50%; transform: translateX(-50%); } /* Fading overlays */ .fade-start[b-jnnqsxxt19], .fade-end[b-jnnqsxxt19] { position: absolute; z-index: 2; pointer-events: none; transition: opacity 0.3s ease; opacity: 0; } .carousel-wrapper:not(.vertical) .fade-start[b-jnnqsxxt19] { top: 0; bottom: 0; left: 0; width: 60px; background: linear-gradient(to right, white, transparent); } .carousel-wrapper:not(.vertical) .fade-end[b-jnnqsxxt19] { top: 0; bottom: 0; right: 0; width: 60px; background: linear-gradient(to left, white, transparent); } .carousel-wrapper.vertical .fade-start[b-jnnqsxxt19] { top: 0; left: 0; right: 0; height: 60px; background: linear-gradient(to bottom, white, transparent); } .carousel-wrapper.vertical .fade-end[b-jnnqsxxt19] { bottom: 0; left: 0; right: 0; height: 60px; background: linear-gradient(to top, white, transparent); } .fade-start.show[b-jnnqsxxt19], .fade-end.show[b-jnnqsxxt19] { opacity: 1; } /* /BaseComponents/CheckBox/CheckBox.razor.rz.scp.css */ .checkbox[b-al64qodqeq] { position: relative; user-select: none; display: inline-flex; align-items: center; gap: var(--space-xs); cursor: pointer; } .checkbox[b-al64qodqeq] input[type="checkbox"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 1; } .checkbox:has(input[type="checkbox"]:focus-visible)[b-al64qodqeq] { outline: 1px solid var(--background-default-invert-focused); outline-offset: 2px; border-radius: 2px; } .checkbox.disabled[b-al64qodqeq] input[type="checkbox"] { cursor: not-allowed; } .checkbox *[b-al64qodqeq] { cursor: pointer; } .checkbox[b-al64qodqeq] label { white-space: nowrap; } /*** Sizes ***/ .checkbox.small[b-al64qodqeq] label { font-size: var(--font-size-md); line-height: var(--font-size-md-line-height); letter-spacing: var(--font-size-md-letter-spacing); } .checkbox.medium[b-al64qodqeq] label { font-size: var(--font-size-lg); line-height: var(--font-size-lg-line-height); letter-spacing: var(--font-size-lg-letter-spacing); } .checkbox.large[b-al64qodqeq] label { font-size: var(--font-size-xl); line-height: var(--font-size-xl-line-height); letter-spacing: var(--font-size-xl-letter-spacing); } /*** States ***/ .checkbox.default[b-al64qodqeq] label { color: var(--text-default); } .checkbox.disabled[b-al64qodqeq] label { color: var(--text-disabled); } /* /BaseComponents/Chip/Chip.razor.rz.scp.css */ .chip[b-ixw18cqu6d] { white-space: nowrap; box-sizing:border-box; } .small[b-ixw18cqu6d] { max-height: 20px; } .medium[b-ixw18cqu6d] { max-height: 28px; } .large[b-ixw18cqu6d] { max-height: 36px; } /* Status-Kind-IsInverted-State */ /******** ChipStatus: Default ********/ /* default-filled-noninverted */ .default-filled-noninverted-default[b-ixw18cqu6d] { background-color: var(--background-default-default); } .default-filled-noninverted-hovered[b-ixw18cqu6d] { background-color: var(--background-default-hovered); } .default-filled-noninverted-pressed[b-ixw18cqu6d] { background-color: var(--background-default-pressed); } .default-filled-noninverted-disabled[b-ixw18cqu6d] { background-color: var(--background-disabled); } /* default-filled-inverted */ .default-filled-inverted-default[b-ixw18cqu6d] { background-color: var(--background-default-invert-default); } .default-filled-inverted-hovered[b-ixw18cqu6d] { background-color: var(--background-default-invert-hovered); } .default-filled-inverted-pressed[b-ixw18cqu6d] { background-color: var(--background-default-invert-pressed); } .default-filled-inverted-disabled[b-ixw18cqu6d] { background-color: var(--background-disabled); } /* default-outlined-noninverted */ .default-outlined-noninverted-default[b-ixw18cqu6d] { background-color: var(--background-base-default); } .default-outlined-noninverted-hovered[b-ixw18cqu6d] { background-color: var(--background-base-hovered); } .default-outlined-noninverted-pressed[b-ixw18cqu6d] { background-color: var(--background-base-pressed); } .default-outlined-noninverted-disabled[b-ixw18cqu6d] { background-color: var(--background-default-default); } /********** ChipStatus: Info **********/ /* info-filled-noninverted */ .info-filled-noninverted-default[b-ixw18cqu6d] { background-color: var(--background-info-default); } .info-filled-noninverted-hovered[b-ixw18cqu6d] { background-color: var(--background-info-hovered); } .info-filled-noninverted-pressed[b-ixw18cqu6d] { background-color: var(--background-info-pressed); } .info-filled-noninverted-disabled[b-ixw18cqu6d] { background-color: var(--background-disabled); } /* info-filled-inverted */ .info-filled-inverted-default[b-ixw18cqu6d] { background-color: var(--background-info-invert-default); } .info-filled-inverted-hovered[b-ixw18cqu6d] { background-color: var(--background-info-invert-hovered); } .info-filled-inverted-pressed[b-ixw18cqu6d] { background-color: var(--background-info-invert-pressed); } .info-filled-inverted-disabled[b-ixw18cqu6d] { background-color: var(--background-disabled); } /* info-outlined-noninverted */ .info-outlined-noninverted-default[b-ixw18cqu6d] { background-color: var(--background-base-default); } .info-outlined-noninverted-hovered[b-ixw18cqu6d] { background-color: var(--background-default-default); } .info-outlined-noninverted-pressed[b-ixw18cqu6d] { background-color: var(--background-default-hovered); } .info-outlined-noninverted-disabled[b-ixw18cqu6d] { background-color: var(--background-base-default); } /********** ChipStatus: Success **********/ /* success-filled-noninverted */ .success-filled-noninverted-default[b-ixw18cqu6d] { background-color: var(--background-success-default); } .success-filled-noninverted-hovered[b-ixw18cqu6d] { background-color: var(--background-success-hovered); } .success-filled-noninverted-pressed[b-ixw18cqu6d] { background-color: var(--background-success-pressed); } .success-filled-noninverted-disabled[b-ixw18cqu6d] { background-color: var(--background-default-hovered); } /* success-filled-inverted */ .success-filled-inverted-default[b-ixw18cqu6d] { background-color: var(--background-success-invert-default); } .success-filled-inverted-hovered[b-ixw18cqu6d] { background-color: var(--background-success-invert-hovered); } .success-filled-inverted-pressed[b-ixw18cqu6d] { background-color: var(--background-success-invert-pressed); } .success-filled-inverted-disabled[b-ixw18cqu6d] { background-color: var(--background-default-hovered); } /* success-outlined-noninverted */ .success-outlined-noninverted-default[b-ixw18cqu6d] { background-color: var(--background-base-default); } .success-outlined-noninverted-hovered[b-ixw18cqu6d] { background-color: var(--background-default-default); } .success-outlined-noninverted-pressed[b-ixw18cqu6d] { background-color: var(--background-default-hovered); } .success-outlined-noninverted-disabled[b-ixw18cqu6d] { background-color: var(--background-base-default); } /********** ChipStatus: Warning **********/ /* warning-filled-noninverted */ .warning-filled-noninverted-default[b-ixw18cqu6d] { background-color: var(--background-warning-default); } .warning-filled-noninverted-hovered[b-ixw18cqu6d] { background-color: var(--background-warning-hovered); } .warning-filled-noninverted-pressed[b-ixw18cqu6d] { background-color: var(--background-warning-pressed); } .warning-filled-noninverted-disabled[b-ixw18cqu6d] { background-color: var(--background-default-hovered); } /* warning-filled-inverted */ .warning-filled-inverted-default[b-ixw18cqu6d] { background-color: var(--background-warning-invert-default); } .warning-filled-inverted-hovered[b-ixw18cqu6d] { background-color: var(--background-warning-invert-hovered); } .warning-filled-inverted-pressed[b-ixw18cqu6d] { background-color: var(--background-warning-invert-pressed); } .warning-filled-inverted-disabled[b-ixw18cqu6d] { background-color: var(--background-default-hovered); } /* warning-outlined-noninverted */ .warning-outlined-noninverted-default[b-ixw18cqu6d] { background-color: var(--background-base-default); } .warning-outlined-noninverted-hovered[b-ixw18cqu6d] { background-color: var(--background-default-default); } .warning-outlined-noninverted-pressed[b-ixw18cqu6d] { background-color: var(--background-default-hovered); } .warning-outlined-noninverted-disabled[b-ixw18cqu6d] { background-color: var(--background-base-default); } /********** ChipStatus: Error **********/ /* error-filled-noninverted */ .error-filled-noninverted-default[b-ixw18cqu6d] { background-color: var(--background-error-default); } .error-filled-noninverted-hovered[b-ixw18cqu6d] { background-color: var(--background-error-hovered); } .error-filled-noninverted-pressed[b-ixw18cqu6d] { background-color: var(--background-error-pressed); } .error-filled-noninverted-disabled[b-ixw18cqu6d] { background-color: var(--background-default-hovered); } /* error-filled-inverted */ .error-filled-inverted-default[b-ixw18cqu6d] { background-color: var(--background-error-invert-default); } .error-filled-inverted-hovered[b-ixw18cqu6d] { background-color: var(--background-error-invert-hovered); } .error-filled-inverted-pressed[b-ixw18cqu6d] { background-color: var(--background-error-invert-pressed); } .error-filled-inverted-disabled[b-ixw18cqu6d] { background-color: var(--background-default-hovered); } /* error-outlined-noninverted */ .error-outlined-noninverted-default[b-ixw18cqu6d] { background-color: var(--background-base-default); } .error-outlined-noninverted-hovered[b-ixw18cqu6d] { background-color: var(--background-default-default); } .error-outlined-noninverted-pressed[b-ixw18cqu6d] { background-color: var(--background-default-hovered); } .error-outlined-noninverted-disabled[b-ixw18cqu6d] { background-color: var(--background-base-default); } /* /BaseComponents/DataGrid/HeaderCell/HeaderCell.razor.rz.scp.css */ .h[b-cei7k31sbz] { display: flex; flex-shrink: 0; align-items: center; gap: var(--space-sm); padding: var(--space-sm) var(--space-lg); color: var(--text-table-header); overflow: hidden; text-overflow: ellipsis; } /******* SIZES ********/ .h.small[b-cei7k31sbz] { min-height: var(--space-2xl); } .h.medium[b-cei7k31sbz] { min-height: var(--space-4xl); } .h.large[b-cei7k31sbz] { min-height: var(--space-6xl); } /******* LEVELS *******/ .h.default[b-cei7k31sbz] { background-color: var(--background-table-header); border-bottom: var(--border-normal) solid var(--border-table-header-cell); } .h.top[b-cei7k31sbz] { background-color: var(--background-table-top-header); border-bottom: var(--border-normal) solid var(--border-table-top-header); } /******* TYPES *******/ .h.default[b-cei7k31sbz] { justify-content: flex-start; } .h.center[b-cei7k31sbz] { justify-content: center; } .h.number[b-cei7k31sbz] { justify-content: flex-end; } /* /BaseComponents/DataGrid/TableCell/TableCell.razor.rz.scp.css */ .c[b-3nk9mitdr0] { display: flex; flex-shrink: 0; align-items: center; gap: var(--space-sm); padding: var(--space-sm) var(--space-lg); } /******* SIZES ********/ .c.small[b-3nk9mitdr0] { min-height: var(--space-2xl); } .c.medium[b-3nk9mitdr0] { min-height: var(--space-4xl); } .c.large[b-3nk9mitdr0] { min-height: var(--space-6xl); } /******* STATUSES ********/ .c.default[b-3nk9mitdr0] { background-color: var(--background-table-cell); color: var(--text-table-cell); } .c.selected[b-3nk9mitdr0] { background-color: var(--background-table-cell-selected); color: var(--text-secondary); } .c.border-bottom[b-3nk9mitdr0] { border-bottom: var(--border-normal) solid var(--border-table-cell); } .c.border-right[b-3nk9mitdr0] { border-right: var(--border-normal) solid var(--border-table-cell); } /* /BaseComponents/DatePicker/Calendar.razor.rz.scp.css */ .calendar[b-jo1ske7vi1] { width: 368px; box-sizing: border-box; border-radius: 12px; box-shadow: 0 3px 6px 1px var(--box-shadow-color); position: absolute; background-color: white; z-index: 1000; display: none; flex-direction: column; padding: 16px; } .calendar.show[b-jo1ske7vi1] { display: flex; } .calendar.align-end[b-jo1ske7vi1] { right: 0; left: auto; } .calendar[b-jo1ske7vi1] .selected { background-color: var(--background-primary-default); font-weight: 600; color: white; } .calendar button[b-jo1ske7vi1] { background-color: transparent; border: none; padding: 0; display: inline-flex; align-items: center; cursor: pointer; } .calendar .calendar-header button:focus-visible[b-jo1ske7vi1] { outline: 1px solid var(--background-default-invert-focused); outline-offset: 2px; border-radius: var(--radius-sm); } .calendar .calendar-header[b-jo1ske7vi1] { display: flex; align-items: center; padding: 4px 8px; border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .calendar .calendar-content[b-jo1ske7vi1] { flex-grow: 1; margin-bottom: var(--margin-bottom-lg); } .calendar .calendar-content .calendar-days-header[b-jo1ske7vi1] { color: var(--text-caption); display: flex; pointer-events: none; } .calendar .calendar-content .calendar-days-header .calendar-days-nav-button[b-jo1ske7vi1] { padding: 6px; } .calendar .calendar-content .calendar-days-header .calendar-days-nav-button .hidden[b-jo1ske7vi1] { display: none; } .calendar .calendar-content .calendar-days-header .calendar-item[b-jo1ske7vi1] { width: 48px; height: 48px; justify-content: center; display: flex; align-items: center; } .calendar .calendar-content .calendar-days[b-jo1ske7vi1] { display: flex; flex-wrap: wrap; } .calendar .calendar-content .calendar-days .calendar-item[b-jo1ske7vi1] { display: flex; width: 48px; height: 48px; padding: 6px; box-sizing: border-box; } .calendar .calendar-content .calendar-days .calendar-item:first-child[b-jo1ske7vi1] { justify-content: end; } .calendar .calendar-content .calendar-days .calendar-item[b-jo1ske7vi1] button { justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: var(--radius-circle); } .calendar .calendar-content .calendar-days .calendar-item[b-jo1ske7vi1] button:not(.selected):not(:disabled):hover { background-color: var(--background-base-hovered); } .calendar .calendar-content .calendar-days .calendar-item[b-jo1ske7vi1] button:focus-visible { background-color: var(--background-base-hovered); outline: 1px solid var(--background-default-invert-focused); outline-offset: -1px; } .calendar .calendar-content .calendar-days .calendar-item.disabled[b-jo1ske7vi1] { pointer-events: none; } .calendar .calendar-back-button:focus-visible[b-jo1ske7vi1] { outline: 1px solid var(--background-default-invert-focused); outline-offset: 2px; border-radius: 2px; } .calendar .calendar-months[b-jo1ske7vi1] { display: flex; align-items: center; flex-direction: column; justify-content: center; flex-grow: 1; } .calendar .calendar-months .calendar-months-content[b-jo1ske7vi1] { display: flex; flex-wrap: wrap; padding: 24px; } .calendar .calendar-months .calendar-months-content .calendar-month-item[b-jo1ske7vi1] { flex: 0 0 25%; align-items: center; justify-content: center; display: flex; } .calendar .calendar-months .calendar-months-content .calendar-month-item[b-jo1ske7vi1] button { justify-content: center; align-items: center; margin: 4px; width: 50px; height: 34px; border-radius: var(--radius-circle); } .calendar .calendar-months .calendar-months-content .calendar-month-item[b-jo1ske7vi1] button:not(.selected):not(:disabled):hover { background-color: var(--background-base-hovered); } .calendar .calendar-months .calendar-months-content .calendar-month-item[b-jo1ske7vi1] button:focus-visible { background-color: var(--background-base-hovered); outline: 1px solid var(--background-default-invert-focused); outline-offset: -1px; } .calendar .calendar-months .calendar-months-content .calendar-month-item.disabled[b-jo1ske7vi1] { pointer-events: none; } .calendar .calendar-years[b-jo1ske7vi1] { display: flex; align-items: center; flex-direction: column; justify-content: center; flex-grow: 1; } .calendar .calendar-years .calendar-years-content[b-jo1ske7vi1] { display: flex; flex-wrap: wrap; padding: 24px; } .calendar .calendar-years .calendar-years-content .calendar-year-item[b-jo1ske7vi1] { flex: 0 0 20%; display: flex; justify-content: center; align-items: center; padding-top: 8px; padding-bottom: 8px; } .calendar .calendar-years .calendar-years-content .calendar-year-item[b-jo1ske7vi1] button { height: 34px; border-radius: var(--radius-circle); justify-content: center; align-items: center; width: 50px; } .calendar .calendar-years .calendar-years-content .calendar-year-item[b-jo1ske7vi1] button:not(.selected):hover { background-color: var(--background-base-hovered); } .calendar .calendar-years .calendar-years-content .calendar-year-item[b-jo1ske7vi1] button:focus-visible { background-color: var(--background-base-hovered); outline: 1px solid var(--background-default-invert-focused); outline-offset: -1px; } /* /BaseComponents/DatePicker/DatePicker.razor.rz.scp.css */ .datepicker[b-aopuek1dxu] { box-sizing: border-box; border: 1px solid var(--border-default); border-radius: var(--radius-md); } .datepicker.datepicker-small[b-aopuek1dxu] { height: 36px; padding: 10px 60px 10px 8px; } .datepicker.datepicker-medium[b-aopuek1dxu] { height: 40px; padding: 10px 60px 10px 8px; } .datepicker.active[b-aopuek1dxu] { border: 1px solid var(--border-primary); background: var(--background-primary-invert-default); } .datepicker.datepicker-disabled[b-aopuek1dxu] { opacity: 0.6; cursor: not-allowed; } .datepicker-container button:focus-visible[b-aopuek1dxu] { outline: 1px solid var(--background-default-invert-focused); outline-offset: 2px; border-radius: 2px; } /* /BaseComponents/Dialog/DialogTitle.razor.rz.scp.css */ .dialog-title[b-2ie19lpo7z] { color: var(--text-primary); } /* /BaseComponents/Dialog/Modal/Modal.razor.rz.scp.css */ .modal[b-3enoylpnqd] { top: 0; left: 0; width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; display: none; } .modal.show[b-3enoylpnqd] { display: flex; } .modal[b-3enoylpnqd] .focus-trap { justify-content: center; align-items: center; width: 100%; min-height: 100%; padding: var(--space-2xl); box-sizing: border-box; } .modal .dialog[b-3enoylpnqd] { display: flex; flex-direction: column; background-color: white; box-shadow: 0 3px 6px 1px var(--box-shadow-color); border-radius: 12px; position: relative; padding: var(--space-2xl); gap: var(--space-2xl); z-index: 1000; box-sizing: border-box; overflow: hidden; } .modal .dialog[b-3enoylpnqd] .dialog-close-button { display: flex; position: absolute; top: var(--space-2xl); right: var(--space-2xl); border-radius: var(--radius-md); } .modal .dialog[b-3enoylpnqd] .dialog-close-button:focus-visible { outline: 1px solid var(--background-default-invert-focused); outline-offset: 2px; border-radius: 2px; } .modal .dialog .dialog-header[b-3enoylpnqd] { flex-shrink: 0; padding-right: 40px; } .modal .dialog .dialog-content[b-3enoylpnqd] { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; } .modal .dialog .dialog-footer[b-3enoylpnqd] { flex-shrink: 0; display: flex; gap: var(--space-md); } /* /BaseComponents/Dialog/Slideout/Slideout.razor.rz.scp.css */ .slideout[b-8nln6tiulq] { top: 0; left: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } .slideout .dialog[b-8nln6tiulq] { display: flex; flex-direction: column; top: 0; bottom: 0; pointer-events: auto; box-shadow: 0 3px 6px 1px var(--box-shadow-color); padding: 24px; position: fixed; background-color: white; visibility: hidden; transition: 1s; overflow: auto; height: 100%; gap: var(--space-2xl); } .slideout .dialog[b-8nln6tiulq] .dialog-close-button { display: flex; position: absolute; top: 24px; right: 24px; border-radius: var(--radius-md); } .slideout .dialog[b-8nln6tiulq] .dialog-close-button:focus-visible { outline: 1px solid var(--background-default-invert-focused); outline-offset: 2px; border-radius: 2px; } .slideout .dialog.fixed-height[b-8nln6tiulq] { overflow: hidden; } .slideout .dialog.fixed-height[b-8nln6tiulq] .focus-trap { height: stretch; } .slideout .dialog[b-8nln6tiulq] { right: -1000px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; transition: 1s; box-sizing: border-box; } .slideout .dialog.show[b-8nln6tiulq] { right: 0; transition: 1s; visibility: visible; } .slideout .dialog .dialog-content[b-8nln6tiulq] { display: flex; flex-grow: 1; flex-direction: column; min-height: 0; } .slideout .dialog .dialog-footer[b-8nln6tiulq] { display: flex; align-items: end; } /* /BaseComponents/Dropdown/Dropdown.razor.rz.scp.css */ .dropdown .listbox[b-ffu6l9n7cx] { box-sizing: border-box; display: flex; flex-direction: column; align-items: stretch; width: 100%; } .dropdown .container[b-ffu6l9n7cx] { box-sizing: border-box; display: inline-flex; padding: var(--space-sm) var(--space-lg); justify-content: space-between; align-items: center; gap: var(--space-sm); border-radius: var(--radius-md); cursor: pointer; } .dropdown .activatorButton[b-ffu6l9n7cx] { display: flex; } .dropdown .activatorButton div div[b-ffu6l9n7cx] { white-space: nowrap; } /************************* DEFAULT *************************/ .dropdown .container.default[b-ffu6l9n7cx] { color: var(--text-primary); } .dropdown .container.default:hover[b-ffu6l9n7cx] { background-color: var(--background-primary-invert-hovered); } .dropdown .container.default:active[b-ffu6l9n7cx] { background-color: var(--background-primary-invert-pressed); } .dropdown .container.default:has(:focus-visible)[b-ffu6l9n7cx] { background-color: var(--background-default-pressed); } .dropdown .container.default.filled[b-ffu6l9n7cx] { background-color: var(--background-default-default); } .dropdown .container.default.filled:has(:focus-visible)[b-ffu6l9n7cx] { background-color: var(--background-default-pressed); } .dropdown .container.default.filled .activatorButton[b-ffu6l9n7cx] { color: var(--text-primary); } .dropdown .container.default.outlined[b-ffu6l9n7cx] { border: 1px solid var(--border-default); } /************************* PRIMARY *************************/ .dropdown .container.primary.filled[b-ffu6l9n7cx] { background-color: var(--background-primary-default); color: var(--text-base); } .dropdown .container.primary.filled:hover[b-ffu6l9n7cx] { background-color: var(--background-primary-hovered); } .dropdown .container.primary.filled:active[b-ffu6l9n7cx] { background-color: var(--background-primary-pressed); } .dropdown .container.primary.filled:has(:focus-visible)[b-ffu6l9n7cx] { background-color: var(--background-primary-focused); } .dropdown .container.primary.filled .activatorButton[b-ffu6l9n7cx] { color: var(--text-base); } .dropdown .container.primary.outlined[b-ffu6l9n7cx] { border: 1px solid var(--border-primary); color: var(--text-primary); } .dropdown .container.primary.outlined:hover[b-ffu6l9n7cx] { background-color: var(--background-primary-invert-hovered); } .dropdown .container.primary.outlined:active[b-ffu6l9n7cx] { background-color: var(--background-primary-invert-pressed); } .dropdown .container.primary.outlined:has(:focus-visible)[b-ffu6l9n7cx] { background-color: var(--background-primary-invert-focused); } .dropdown .container.primary.text[b-ffu6l9n7cx] { color: var(--text-primary); } .dropdown .container.primary.text:hover[b-ffu6l9n7cx] { background-color: var(--background-primary-invert-hovered); } .dropdown .container.primary.text:active[b-ffu6l9n7cx] { background-color: var(--background-primary-invert-pressed); } .dropdown .container.primary.text:has(:focus-visible)[b-ffu6l9n7cx] { background-color: var(--background-primary-invert-focused); } .dropdown .container.small[b-ffu6l9n7cx] { height: 36px; } .dropdown .container.medium[b-ffu6l9n7cx] { height: 40px; } .dropdown .container.large[b-ffu6l9n7cx] { height: 44px; } /* Disabled activator — matches Button.razor.css .btn.filled:disabled for primary filled */ .button-menu.dropdown.dropdown--disabled .container[b-ffu6l9n7cx] { pointer-events: none; cursor: default; } .button-menu.dropdown.dropdown--disabled .container.primary.filled[b-ffu6l9n7cx], .button-menu.dropdown.dropdown--disabled .container.primary.filled:hover[b-ffu6l9n7cx] { background-color: var(--background-disabled) !important; color: var(--text-disabled) !important; } /* /BaseComponents/Dropdown/DropdownItem/DropdownItem.razor.rz.scp.css */ .dropdown-item[b-kyy8ntbimj] { display: flex; flex-direction: row; padding: var(--space-sm) var(--space-lg); justify-content: flex-end; align-items: center; gap: var(--space-sm); align-self: stretch; width: 100%; border-radius: var(--radius-sm); text-wrap: nowrap; } .dropdown-item.left[b-kyy8ntbimj] { justify-content: flex-start; } .dropdown-item.right[b-kyy8ntbimj] { justify-content: flex-end; } .dropdown-item .content[b-kyy8ntbimj] { display: flex; flex-direction: row; align-items: center; gap: var(--space-sm); } .dropdown-item .expander[b-kyy8ntbimj] { display: flex; flex-direction: row; justify-content: center; align-items: center; } .dropdown-item:hover[b-kyy8ntbimj] { background-color: var(--background-base-hovered); } .dropdown-item:focus-visible[b-kyy8ntbimj] { background-color: var(--background-base-hovered); outline: 1px solid var(--background-default-invert-focused); outline-offset: -1px; } .dropdown-item.selected[b-kyy8ntbimj] { background-color: var(--background-secondary-invert-default); } /* Inline submenu (DropdownSubmenuDisplay.Inline) */ .dropdown-item-group--inline[b-kyy8ntbimj] { display: flex; flex-direction: column; align-self: stretch; width: 100%; } .dropdown-item-group--inline .inline-parent-row[b-kyy8ntbimj] { box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-sm); align-self: stretch; width: 100%; padding: var(--space-sm) var(--space-lg); border-radius: var(--radius-sm); text-wrap: nowrap; } .dropdown-item-group--inline .inline-parent-row:hover[b-kyy8ntbimj] { background-color: var(--background-base-hovered); } .dropdown-item-group--inline .inline-parent-row:focus-within[b-kyy8ntbimj] { background-color: var(--background-base-hovered); outline: 1px solid var(--background-default-invert-focused); outline-offset: -1px; } .dropdown-item-group--inline .inline-parent-row.selected[b-kyy8ntbimj] { background-color: var(--background-secondary-invert-default); } .dropdown-item-group--inline .inline-parent-button[b-kyy8ntbimj] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin: 0; padding: 0; border: none; background: none; cursor: pointer; font: inherit; color: inherit; text-align: start; } .dropdown-item-group--inline .inline-parent-row .expander[b-kyy8ntbimj] { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-shrink: 0; } .dropdown-inline-expander-button[b-kyy8ntbimj] { display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: var(--space-xs); border: none; background: transparent; cursor: pointer; font: inherit; color: inherit; border-radius: var(--radius-sm); } .dropdown-inline-expander-button:disabled[b-kyy8ntbimj] { cursor: not-allowed; opacity: 0.5; } .dropdown-inline-expander-button:focus-visible[b-kyy8ntbimj] { outline: 1px solid var(--background-default-invert-focused); outline-offset: 1px; } .dropdown-item-group--inline .dropdown-item-children[b-kyy8ntbimj] { display: flex; flex-direction: column; align-self: stretch; width: 100%; } .dropdown-item-group--inline .dropdown-item-children .dropdown-item[b-kyy8ntbimj], .dropdown-item-group--inline .dropdown-item-children .dropdown-item.left[b-kyy8ntbimj], .dropdown-item-group--inline .dropdown-item-children .dropdown-item.right[b-kyy8ntbimj] { justify-content: flex-start; text-align: start; background-color: var(--background-base-default); /* Parent row text starts after var(--space-lg); add another var(--space-lg) so children read as nested. */ padding-inline-start: calc(var(--space-lg) + var(--space-lg)); } .dropdown-item-group--inline .dropdown-item-children .dropdown-item:hover[b-kyy8ntbimj], .dropdown-item-group--inline .dropdown-item-children .dropdown-item.left:hover[b-kyy8ntbimj], .dropdown-item-group--inline .dropdown-item-children .dropdown-item.right:hover[b-kyy8ntbimj] { background-color: var(--background-base-hovered); } .dropdown-item-group--inline .dropdown-item-children .dropdown-item:focus-visible[b-kyy8ntbimj], .dropdown-item-group--inline .dropdown-item-children .dropdown-item.left:focus-visible[b-kyy8ntbimj], .dropdown-item-group--inline .dropdown-item-children .dropdown-item.right:focus-visible[b-kyy8ntbimj] { background-color: var(--background-base-hovered); outline: 1px solid var(--background-default-invert-focused); outline-offset: -1px; } .dropdown-item-group--inline .dropdown-item-children .dropdown-item .content[b-kyy8ntbimj] { padding-inline-start: 0; } /* /BaseComponents/DropZone/DropZone.razor.rz.scp.css */ .drop-zone-container .drop-zone[b-lk7923ma2d] { border: 2px dashed var(--border-default, #E5E5E5); border-radius: var(--radius-lg); padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; visibility: hidden; height: 0; } .drop-zone-container .drop-zone:has(:focus-visible)[b-lk7923ma2d] { border-color: var(--black); } .drop-zone-container .drop-zone.show[b-lk7923ma2d] { visibility: visible; height: auto; padding: 24px; } .drop-zone-container .drop-zone[b-lk7923ma2d] .file-input { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .drop-zone-container .chosen-file[b-lk7923ma2d] { display: flex; align-items: center; border-radius: 4px; border: 1px solid var(--border-default); visibility: hidden; height: 0; } .drop-zone-container .chosen-file.show[b-lk7923ma2d] { visibility: visible; height: auto; } .drop-zone-container .chosen-file .icon-container[b-lk7923ma2d] { display: flex; padding: 16px; border-right: 1px solid var(--border-default); } .drop-zone-container .chosen-file .file-name[b-lk7923ma2d] { padding: 16px; } /* /BaseComponents/EmptyState/EmptyState.razor.rz.scp.css */ .empty-state[b-0hyefe7xmo] { text-align: center; position: relative; margin-top: var(--space-6xl); margin-bottom: var(--space-6xl); } .empty-state .empty-state-heading[b-0hyefe7xmo] { font-weight: 600; font-size: var(--font-size-xl); line-height: var(--font-size-xl-line-height); letter-spacing: var(--font-size-xl-letter-spacing); margin-bottom: var(--space-sm); } .empty-state .empty-state-content[b-0hyefe7xmo] { color: var(--text-caption); } .empty-state .empty-state-actions[b-0hyefe7xmo] { display: flex; gap: var(--space-sm); justify-content: center; align-items: center; margin-top: var(--space-lg); } /* /BaseComponents/Grid/Columns/IncellDisplay.razor.rz.scp.css */ .incell-display:has(.incell-display-edit-icon-container) > span[b-apru8n1e8n] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .incell-display-edit-icon-container[b-apru8n1e8n] { opacity: 0; pointer-events: none; flex: 0 0 1.25rem; width: 1.25rem; min-width: 1.25rem; transition: opacity 0.15s ease; } tr:hover .incell-display-edit-icon-container[b-apru8n1e8n], .incell-display:focus-within .incell-display-edit-icon-container[b-apru8n1e8n] { opacity: 1; pointer-events: auto; } /* /BaseComponents/Grid/Grid.razor.rz.scp.css */ /* /BaseComponents/I/I.razor.rz.scp.css */ .icon:hover[b-3zx5552icn] { cursor: pointer; } .icon:focus-visible[b-3zx5552icn] { outline: 1px solid var(--background-default-invert-focused); outline-offset: 2px; border-radius: 2px; } /* /BaseComponents/Input/NumberInput.razor.rz.scp.css */ .number-input[b-b4anysn1o7] { border-radius: var(--radius-md); border: 1px solid var(--border-default); height: 36px; padding: 0 8px; width: 100%; box-sizing: border-box; } .number-input.disabled[b-b4anysn1o7] { border-color: var(--border-disabled); background-color: var(--background-disabled); color: var(--text-disabled); } .number-input.invalid[b-b4anysn1o7] { border-color: var(--text-error); } /* Obscure only the value glyphs (not border/padding); show clearly on focus for editing. */ .number-input.number-input--obfuscated-display:not(:focus)[b-b4anysn1o7] { color: transparent; -webkit-text-fill-color: transparent; text-shadow: 0 0 7px var(--text-default); caret-color: var(--text-default); } .number-input.number-input--obfuscated-display:focus[b-b4anysn1o7] { color: var(--text-default); -webkit-text-fill-color: var(--text-default); text-shadow: none; } /* /BaseComponents/Input/TextInput.razor.rz.scp.css */ .text-input[b-pf7oggt5fd] { border-radius: var(--radius-md); border: 1px solid var(--border-default); height: 36px; padding: 0 8px; width: 100%; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-input.has-prefix-icon[b-pf7oggt5fd] { padding-left: 32px; } .text-input.has-icon[b-pf7oggt5fd] { padding-right: 32px; } .text-input.disabled[b-pf7oggt5fd] { border-color: var(--border-disabled); background-color: var(--background-disabled); color: var(--text-disabled); } .text-input.invalid[b-pf7oggt5fd] { border-color: var(--text-error); } /* /BaseComponents/Link/Link.razor.rz.scp.css */ .link[b-3z3m04aypt] { display: inline-flex; align-items: center; text-decoration: none; font-weight: 500; cursor: pointer; } .link:focus-visible[b-3z3m04aypt] { outline: 1px solid var(--background-default-invert-focused); outline-offset: 2px; border-radius: 2px; } .link:hover[b-3z3m04aypt] { font-weight: 600; } .link span[b-3z3m04aypt] { text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden; } /* Default */ .link.default[b-3z3m04aypt] { color: var(--text-link); } .link.default:hover[b-3z3m04aypt] { color: var(--text-link-hovered); } .link.default:hover[b-3z3m04aypt] path { fill: var(--icon-link-hovered); } .link.default[b-3z3m04aypt] path { fill: var(--icon-link); } /* Primary */ .link.primary[b-3z3m04aypt] { color: var(--text-primary); } .link.primary[b-3z3m04aypt] path { fill: var(--icon-primary); } /* Disabled */ .link.disabled[b-3z3m04aypt] { color: var(--text-disabled); pointer-events: none; } .link.disabled[b-3z3m04aypt] path { fill: var(--icon-disabled); } /* Size */ .link.small[b-3z3m04aypt] { font-size: var(--font-size-sm); line-height: var(--font-size-sm-line-height); letter-spacing: var(--font-size-sm-letter-spacing); gap: var(--space-xs); } .link.medium[b-3z3m04aypt] { font-size: var(--font-size-md); line-height: var(--font-size-md-line-height); letter-spacing: var(--font-size-md-letter-spacing); gap: var(--space-xs); } .link.large[b-3z3m04aypt] { font-size: var(--font-size-lg); line-height: var(--font-size-lg-line-height); letter-spacing: var(--font-size-lg-letter-spacing); gap: var(--space-sm); } .link.xlarge[b-3z3m04aypt] { font-size: var(--font-size-4xl); line-height: var(--font-size-4xl-line-height); letter-spacing: var(--font-size-4xl-letter-spacing); gap: var(--space-sm); } .link.overflow-ellipsis[b-3z3m04aypt] { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* /BaseComponents/Loader/Loader.razor.rz.scp.css */ .loader[b-xbrgm1y03y] { position: absolute; background-color: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 900; display: none; } .loader.show[b-xbrgm1y03y] { display: flex; } .loader .loader-spinner[b-xbrgm1y03y] { width: 48px; height: 48px; border-radius: 50%; display: inline-block; position: relative; border: 2.25px solid; border-color: #333 #333 transparent transparent; box-sizing: border-box; animation: rotation-b-xbrgm1y03y 3s linear infinite; } .loader .loader-spinner[b-xbrgm1y03y]::before { content: ''; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 2.25px solid; border-color: transparent transparent var(--border-success) var(--border-success); width: 40px; height: 40px; border-radius: 50%; box-sizing: border-box; animation: rotationBack-b-xbrgm1y03y 0.5s linear infinite; transform-origin: center center; } .loader .loader-spinner[b-xbrgm1y03y]::after { content: ''; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 2.25px solid; border-color: transparent transparent var(--border-success) var(--border-success); width: 40px; height: 40px; border-radius: 50%; box-sizing: border-box; animation: rotationBack-b-xbrgm1y03y 1s linear infinite; transform-origin: center center; } .loader .loader-spinner[b-xbrgm1y03y]::before { width: 32px; height: 32px; border-color: var(--border-primary-hover) var(--border-primary-hover) transparent transparent; animation: rotation-b-xbrgm1y03y 2.8s linear infinite; } @keyframes rotation-b-xbrgm1y03y { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotationBack-b-xbrgm1y03y { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } /* /BaseComponents/NavPanel/ApplicationsMenuButton.razor.rz.scp.css */ .applications-menu-tiles[b-jarqg4xe13] { box-sizing: border-box; /* Tight spacing between tiles; avoid flex-grow so icons are not pushed apart by a wide menu. */ gap: var(--space-sm); } .applications-menu-tile[b-jarqg4xe13] { flex: 0 0 auto; border: none; background: transparent; cursor: pointer; border-radius: var(--radius-sm); padding: var(--space-xs); text-decoration: none; color: inherit; } .applications-menu-tile:hover[b-jarqg4xe13] { background-color: var(--background-secondary-invert-default); } .applications-menu-tile:focus-visible[b-jarqg4xe13] { background-color: var(--background-secondary-invert-focused); } .applications-menu-tile__icon[b-jarqg4xe13] { height: 48px; width: 48px; display: flex; align-items: center; justify-content: center; } /* /BaseComponents/NavPanel/NavPanel.razor.rz.scp.css */ #navPanel[b-gyfexrclht] { min-width: 240px; } #navPanel[b-gyfexrclht] button:focus-visible { background-color: var(--background-default-focused); border-radius: var(--radius-md); } /* /BaseComponents/NavPanel/NavPanelGroup.razor.rz.scp.css */ .nav-panel-group .nav-panel-group-items[b-uxwzal3l3u] .nav-panel-link { padding-left: 44px; } /* /BaseComponents/NavPanel/NavPanelLink.razor.rz.scp.css */ .nav-panel-link[b-h6r3xw874a] { display: flex; flex-shrink: 0; padding: 0 var(--space-sm); gap: var(--space-md); color: var(--text-primary); text-decoration: none; align-items: center; font-size: var(--font-size-md); line-height: var(--font-size-md-line-height); letter-spacing: var(--font-size-md-letter-spacing); border-radius: var(--radius-md); height: 44px; } .nav-panel-link.active[b-h6r3xw874a], .nav-panel-link:hover[b-h6r3xw874a] { background-color: var(--background-primary-default); color: var(--text-base); } .nav-panel-link.active:focus-visible[b-h6r3xw874a]{ background-color: var(--background-primary-focused); } .nav-panel-link:focus-visible[b-h6r3xw874a] { background-color: var(--background-default-focused); } /* /BaseComponents/Popover/Popover.razor.rz.scp.css */ .popover[b-i6uzgllkll] { background-color: var(--white); } .popover .popover-arrow[b-i6uzgllkll] { position: absolute; width: 0; height: 0; border: 6px solid transparent; } .popover .popover-arrow.bottom[b-i6uzgllkll] { top: -10px; left: 50%; transform: translateX(-50%); border-bottom-color: var(--white); } .popover .popover-arrow.top[b-i6uzgllkll] { bottom: -10px; left: 50%; transform: translateX(-50%); border-top-color: var(--white); } .popover .popover-arrow.left[b-i6uzgllkll] { right: -10px; top: 50%; transform: translateY(-50%); border-left-color: var(--white); } .popover .popover-arrow.right[b-i6uzgllkll] { left: -10px; top: 50%; transform: translateY(-50%); border-right-color: var(--white); } /* /BaseComponents/RadioGroup/Radio.razor.rz.scp.css */ /* Stretched invisible native control stays in tab order (display:none does not). */ .radio-input[b-k1qdhzgpja] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; z-index: 1; cursor: pointer; appearance: none; -webkit-appearance: none; border: none; background: transparent; } .radio-input:disabled[b-k1qdhzgpja] { cursor: not-allowed; } .radio:has(:focus-visible)[b-k1qdhzgpja] { outline: 1px solid var(--background-default-invert-focused); outline-offset: 2px; border-radius: 2px; } /* /BaseComponents/SaveConfirmation/SaveConfirmation.razor.rz.scp.css */ .save-confirmation[b-20huz1q0r7] { opacity: 0; transition: opacity 0.35s ease; pointer-events: none; } .save-confirmation.show[b-20huz1q0r7] { opacity: 1; } /* /BaseComponents/SegmentedPicker/SegmentedPicker.razor.rz.scp.css */ .segmented-picker[b-pxlhwxdsej] { display: inline-flex; } .segmented-picker[b-pxlhwxdsej] .segmented-picker-item:first-child { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); border-right: 0; } .segmented-picker[b-pxlhwxdsej] .segmented-picker-item:last-child { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); border-left: 0; } /* /BaseComponents/SegmentedPicker/SegmentedPickerItem.razor.rz.scp.css */ .segmented-picker-item[b-u2up789oao] { display: flex; align-items: center; padding: 8px; color: var(--text-disabled); background-color: var(--background-default-default); } .segmented-picker-item:focus-visible[b-u2up789oao] { background-color: var(--background-default-pressed); } .segmented-picker-item.active[b-u2up789oao] { background-color: var(--background-primary-default); color: var(--white); } .segmented-picker-item.active:focus-visible[b-u2up789oao] { background-color: var(--background-primary-focused); } .segmented-picker-item.small[b-u2up789oao] { height: 36px; } .segmented-picker-item.medium[b-u2up789oao] { height: 40px; } .segmented-picker-item.large[b-u2up789oao] { height: 44px; } /* /BaseComponents/Select/Select.razor.rz.scp.css */ .select[b-ukluxpvl7a] { display: inline-flex; gap: var(--space-sm); padding: var(--space-sm) var(--space-md); border-radius: var(--radius-md); border: 1px solid var(--border-default); background-color: var(--background-base-default); box-sizing: border-box; overflow: hidden; text-wrap: nowrap; cursor: pointer; } .select:focus-visible[b-ukluxpvl7a] { background-color: var(--background-default-pressed); } .select:hover[b-ukluxpvl7a] { background-color: var(--background-primary-invert-hovered); } .select.disabled[b-ukluxpvl7a] { border-color: var(--border-disabled); color: var(--text-disabled); cursor: not-allowed; } .select.invalid[b-ukluxpvl7a] { border-color: var(--text-error); } .select.small[b-ukluxpvl7a] { height: 36px; } .select.medium[b-ukluxpvl7a] { height: 40px; } .select .select-text[b-ukluxpvl7a] { overflow: hidden; text-overflow: ellipsis; } /* /BaseComponents/Select/SelectMenu.razor.rz.scp.css */ .select-menu[b-hlf1udjjd2] { padding: var(--space-sm); border-radius: var(--radius-sm); background-color: var(--background-base-default); box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.10), 0 10px 15px -3px rgba(0, 0, 0, 0.10); box-sizing: border-box; max-height: 300px; overflow: auto; } .select-menu .select-category-group .category[b-hlf1udjjd2] { padding: 8px 12px; color: var(--text-placeholder); font-size: var(--font-size-sm); line-height: var(--font-size-sm-line-height); letter-spacing: var(--font-size-sm-letter-spacing); text-decoration: underline; } .select-menu .select-category-group:first-child .category[b-hlf1udjjd2] { padding-top: 0; } /* /BaseComponents/Select/SelectOption.razor.rz.scp.css */ .select-option[b-7bhccw2b4s] { padding: var(--space-sm) var(--space-md); min-height: 36px; box-sizing: border-box; } .select-option.active[b-7bhccw2b4s] { background-color: var(--background-secondary-invert-default); } .select-option:hover[b-7bhccw2b4s] { background-color: var(--background-secondary-invert-default); } .select-option:focus-visible[b-7bhccw2b4s] { background-color: var(--background-secondary-invert-focused); } .select-option.disabled[b-7bhccw2b4s] { color: var(--text-disabled); pointer-events: none; } /* /BaseComponents/Tabs/TabPanel.razor.rz.scp.css */ .tab-panel[b-qpmrw4hly7] { flex-direction: column; display: none; } .tab-panel.show[b-qpmrw4hly7] { display: flex; } /* /BaseComponents/Tabs/Tabs.razor.rz.scp.css */ .tabs .tabs-toolbar[b-tqkugjskqk] { display: flex; align-items: center; gap: var(--space-lg); width: 100%; } .tabs .tabs-toolbar .tabs-toolbar-end[b-tqkugjskqk] { margin-left: auto; } .tabs .tabs-toolbar .tab[b-tqkugjskqk] { color: var(--text-placeholder); font-size: var(--font-size-lg); border: none; background-color: transparent; cursor: pointer; height: 36px; } .tabs .tabs-toolbar .tab.active[b-tqkugjskqk] { color: var(--text-primary); border-bottom: 2px solid var(--border-primary); padding: var(--space-sm) 0; font-weight: 600; } .tabs .tabs-toolbar .tab:focus-visible[b-tqkugjskqk] { outline: 1px solid var(--background-default-invert-focused); outline-offset: 2px; border-radius: 2px; } /* /BaseComponents/TextArea/TextArea.razor.rz.scp.css */ .text-area[b-ebxn45y902] { display: inline-flex; flex-direction: column; } .text-area .text-area-input[b-ebxn45y902] { border-radius: 4px; border: 1px solid var(--border-default); padding: 8px; width: 100%; box-sizing: border-box; } .text-area .invalid[b-ebxn45y902] { border-color: var(--text-error); } /* /BaseComponents/Toast/Toast.razor.rz.scp.css */ .default[b-1wfd40rsr1] { } .toast-panel[b-1wfd40rsr1] { max-width: 100%; display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 6px; padding: 16px; position: relative; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } .close-btn:hover[b-1wfd40rsr1] { } .close-btn[b-1wfd40rsr1] { background: none; border: none; cursor: pointer; } .button-panel[b-1wfd40rsr1] { display: flex; justify-content: flex-end; width: 100%; } .button-panel button[b-1wfd40rsr1] { display: inline-block; } .button-panel button[b-1wfd40rsr1] { display: inline-block; } .primary[b-1wfd40rsr1] { background-color: #E8EEEB; } .primary .filled[b-1wfd40rsr1] { background-color: #155036; } .primary .text[b-1wfd40rsr1] { color: #155036; } .default[b-1wfd40rsr1] { background-color: #F5F5F5; } .default .filled[b-1wfd40rsr1] { background-color: #757575; } .default .text[b-1wfd40rsr1] { color: #155036; } .info[b-1wfd40rsr1] { background-color: #EFF6FF; } .info .filled[b-1wfd40rsr1] { background-color: #1D4ED8; } .info .text[b-1wfd40rsr1] { color: #1D4ED8; } .error[b-1wfd40rsr1] { background-color: #FEF2F2; } .error .filled[b-1wfd40rsr1] { background-color: #DC2626; } .error .text[b-1wfd40rsr1] { color: #155036; } .warning[b-1wfd40rsr1] { background-color: #FEFCE8; } .warning .filled[b-1wfd40rsr1] { background-color: #EAB308; } .warning .text[b-1wfd40rsr1] { color: #155036; } .success[b-1wfd40rsr1] { background-color: #F0FDF4; } .success .filled[b-1wfd40rsr1] { background-color: #15803D; } .success .text[b-1wfd40rsr1] { color: #155036; } .confirmation-title[b-1wfd40rsr1] { font-weight: 500; font-size: 18px; } .toast-panel--title-only[b-1wfd40rsr1] { border: 1px solid #e5e5e5; border-radius: 8px; box-shadow: none; padding: 16px; } .toast-panel--title-only .toast-banner-body[b-1wfd40rsr1] { display: flex; flex-direction: row; align-items: center; gap: 16px; } .toast-panel--title-only .toast-banner-icon[b-1wfd40rsr1] { display: flex; align-items: center; padding-top: 2px; flex-shrink: 0; } .toast-panel--title-only .toast-banner-title[b-1wfd40rsr1] { margin: 0; } /* /BaseComponents/Toggle/Toggle.razor.rz.scp.css */ .toggle[b-q12adgkwg2] { display: flex; align-items: center; padding: var(--space-sm) 0; gap: var(--space-sm); } .toggle:has(:focus-visible)[b-q12adgkwg2] { outline: 1px solid var(--background-default-invert-focused); outline-offset: 2px; border-radius: 2px; } .toggle .toggle-label[b-q12adgkwg2] { color: var(--text-disabled); } .toggle .toggle-label.active[b-q12adgkwg2] { color: var(--text-default); font-weight: 500; } .toggle .toggle-control[b-q12adgkwg2] { position: relative; display: inline-block; width: 40px; height: 20px; display: flex; } /* Stretched invisible input stays in tab order (width/height 0 does not). */ .toggle .toggle-control input[b-q12adgkwg2] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; z-index: 1; cursor: pointer; appearance: none; -webkit-appearance: none; } .toggle .toggle-control input:checked + .slider[b-q12adgkwg2]:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .toggle .toggle-control .slider[b-q12adgkwg2] { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--background-primary-default); transition: .4s; border-radius: 24px; } .toggle .toggle-control .slider[b-q12adgkwg2]:before { position: absolute; content: ""; height: 12px; width: 12px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } /* /Components/Chart/Bar/BarChart.razor.rz.scp.css */ .bar-chart[b-oczdn7sx0d] { position: relative; } .bar-chart[b-oczdn7sx0d] .grid-lines line { stroke: var(--border-default); } /* /Components/Chart/Bar/HorizontalBar/HorizontalBarChart.razor.rz.scp.css */ .horizontal-bar-chart[b-wtwed7vku5] { position: relative; width: 100%; max-width: 100%; min-width: 0; } .horizontal-bar-chart[b-wtwed7vku5] svg.chart-canvas { display: block; max-width: 100%; height: auto; } .horizontal-bar-chart[b-wtwed7vku5] .grid-lines line { stroke: var(--border-default); } /* /Components/Chart/Bar/VerticalBar/VerticalBarChart.razor.rz.scp.css */ .vertical-bar-chart[b-xlf9vgp5mb] { position: relative; } .vertical-bar-chart[b-xlf9vgp5mb] .grid-lines line { stroke: var(--border-default); } /* /Components/Chart/BoxPlot/BoxPlotChart.razor.rz.scp.css */ .chart[b-k6snf3ki9t] line { stroke-width: 1.2px; stroke: var(--border-default); stroke-linecap: round; stroke-dasharray: 4 4; } .chart[b-k6snf3ki9t] { width: 100%; height: 100%; } .legend[b-k6snf3ki9t] { display: flex; justify-content: space-between; } .legend .item[b-k6snf3ki9t] { display: flex; align-items: center; gap: 4px; } .legend .icon[b-k6snf3ki9t] { width: 14px; height: 14px; border-radius: 4px; } .legend .label[b-k6snf3ki9t] { color: var(--text-caption); text-align: center; } [b-k6snf3ki9t] .y-axis, [b-k6snf3ki9t] .x-axis { color: var(--text-caption); font-size: var(--font-size-md); font-style: normal; font-weight: 400; line-height: var(--line-height-20); } .overlay[b-k6snf3ki9t] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); /* Black background with opacity */ z-index: 1000; /* Make sure1 the overlay is on top of the content */ display: flex; justify-content: center; align-items: center; color: black; /* Text color */ font-size: 1em; /* Adjust font size as needed */ text-align: center; } /* /Components/Chart/Scatter/D3ScatterPlotChart.razor.rz.scp.css */ .d3-scatter-plot-chart[b-xj1boryc9m] { position: relative; width: 100%; min-height: 400px; } .d3-scatter-plot-chart svg[b-xj1boryc9m] { display: block; } .d3-scatter-plot-chart .axis path[b-xj1boryc9m], .d3-scatter-plot-chart .axis line[b-xj1boryc9m] { stroke: #cbd5e1; } .d3-scatter-plot-chart .axis text[b-xj1boryc9m] { fill: #334155; font-size: 12px; } .d3-scatter-plot-chart .grid line[b-xj1boryc9m] { stroke: #e5e5e5; } .d3-scatter-plot-chart .grid .y-grid[b-xj1boryc9m] { stroke-dasharray: 4 4; } .d3-scatter-plot-chart[b-xj1boryc9m] .d3-scatter-tooltip { position: absolute; z-index: 2; pointer-events: none; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16); padding: 8px 14px; text-align: center; white-space: nowrap; } .d3-scatter-plot-chart[b-xj1boryc9m] .d3-scatter-tooltip-title { color: #1e293b; font-size: 16px; font-weight: 700; line-height: 1.1; } .d3-scatter-plot-chart[b-xj1boryc9m] .d3-scatter-tooltip-subtitle { margin-top: 4px; color: #475569; font-size: 14px; font-weight: 500; line-height: 1.2; } .d3-scatter-plot-chart[b-xj1boryc9m] .d3-scatter-tooltip-line { color: #1e293b; font-size: 14px; font-weight: 500; line-height: 1.2; } /* /Components/Export/Pdf/DefinitionOfLevelsPdfCard.razor.rz.scp.css */ .definition-of-levels-card[b-0fxaahich7] { margin-top: 6pt; margin-bottom: 16pt; } .definition-of-levels-content p[b-0fxaahich7] { margin: 0 0 5pt 0; text-align: justify; } .definition-of-levels-content p:last-child[b-0fxaahich7] { margin-bottom: 0; } /* /Components/Export/Pdf/OverviewCard.razor.rz.scp.css */ .card-content .description[b-6ujki8rivt] { margin: 0; text-align: justify; } .card-content .job-weights[b-6ujki8rivt] { margin-block: 6pt; } .card-content .job-weights > div[b-6ujki8rivt] { display: flex; gap: 8pt; max-width: 130pt; } .card-content .job-weights > div span[b-6ujki8rivt] { flex: 1; } .card-content .job-weights > div span:first-of-type[b-6ujki8rivt] { flex: 2; } .card-content .job-weights > div span:last-of-type[b-6ujki8rivt] { flex: 1; } /* /Components/Export/Pdf/PageFooter.razor.rz.scp.css */ .pdf-footer[b-yjyqevihs4] { display: flex; align-items: center; justify-content: center; } /* /Components/Export/Pdf/PageHeader.razor.rz.scp.css */ .pdf-header[b-k4d6ubg5xa] { display: flex; justify-content: space-between; align-items: center; color: #212121; margin-bottom: 9pt; padding-inline: 6pt; } .pdf-header-left .report-title[b-k4d6ubg5xa] { margin-bottom: 4pt; } .pdf-header-left .report-subtitle[b-k4d6ubg5xa] { font-size: 8pt; font-weight: 400; margin: 0; } .pdf-header-left .report-subtitle strong[b-k4d6ubg5xa] { font-weight: 600; } .pdf-header-left .report-subtitle .separator[b-k4d6ubg5xa] { margin-inline: 4pt; } .pdf-header-right[b-k4d6ubg5xa] { display: flex; align-items: flex-start; } .pdf-header-right .logo[b-k4d6ubg5xa] { height: 20pt; width: auto; } /* /Components/Export/Pdf/ParametersCard.razor.rz.scp.css */ .item[b-5r7dmos41q] { break-inside: avoid; margin-bottom: 5pt; max-width: 98pt } .label[b-5r7dmos41q] { display: block; color: #212121; font-weight: 600; } /* /Components/Layout/AdminLayout.razor.rz.scp.css */ .admin-layout[b-5xetfwgdqs] { display: flex; flex-direction: column; height: 100vh; overflow: hidden; } .admin-layout-content[b-5xetfwgdqs] { display: flex; flex-direction: column; flex-grow: 1; overflow-y: auto; background: white; } /* /Components/Layout/AppErrorBoundary.razor.rz.scp.css */ .error-boundary-backdrop[b-e7c5521o1g] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(255, 255, 255, 0.85); z-index: 999; } /* /Components/Layout/MainLayout.razor.rz.scp.css */ html[b-hiq03sxfb7], body[b-hiq03sxfb7] { height: 100%; padding: 0; overflow: hidden; font-size: 14px; } .container[b-hiq03sxfb7] { display: flex; height: 100vh; overflow: hidden; } .content[b-hiq03sxfb7] { display: flex; flex-direction: column; flex-grow: 1; height: 100vh; overflow-y: auto; background: white; } /* /Components/Layout/MarketingLayout.razor.rz.scp.css */ .body[b-fh12y1t0sf] { display: block; } header[b-fh12y1t0sf] { z-index: 1000; } main[b-fh12y1t0sf] { margin-top: 138px; height: calc(100vh - 138px); overflow-y: auto; } /* /Components/OrganizationButtonMenu/OrganizationButtonMenu.razor.rz.scp.css */ .organization-avatar[b-4x2fysid6d] { height: 36px; width: 36px; display: flex; justify-content: center; align-items: center; border-radius: 999px; background-color: var(--background-primary-default); color: var(--white); } .organization-button[b-4x2fysid6d] { background-color: var(--background-default-default); border-color: var(--border-default); height: 46px; } .organization-button[b-4x2fysid6d] + .menu .organizations-menu .menu { overflow-y: auto; padding: var(--space-sm); flex-direction: column; gap: var(--space-sm); } .organization-button[b-4x2fysid6d] + .menu .organizations-menu .menu .organizations-menu-item { display: flex; align-items: center; gap: var(--space-sm); padding: var(--space-sm) var(--space-lg); } .organization-button[b-4x2fysid6d] + .menu .organizations-menu .menu .organizations-menu-item:hover { background-color: var(--background-secondary-invert-pressed); } /* /Components/OrganizationButtonMenu/OrganizationButtonMenuItem.razor.rz.scp.css */ .organization-type[b-cphecmyqfv] { display: flex; position: relative; align-items: center; gap: var(--space-sm); padding: var(--space-sm) var(--space-lg); width: 100%; } .organization-type:hover[b-cphecmyqfv] { background-color: var(--background-secondary-invert-pressed); } .organization-type-avatar[b-cphecmyqfv] { display: flex; justify-content: center; align-items: center; background-color: var(--background-default-default); border-radius: var(--radius-circle); height: 24px; width: 24px; } /* /Components/PercentileDropdown/PercentileDropdownItem.razor.rz.scp.css */ .sub-menu[b-xc2ew3nq47] { width: 160px; padding: var(--space-sm); } /* /Components/UploadPreviewModal/UploadPreviewModal.razor.rz.scp.css */ .stepper[b-nvsaripz67] { display: flex; margin-bottom: var(--space-2xl); } .stepper div[b-nvsaripz67] { margin-right: -6px; width: 242px; height: 40px; padding-left: var(--space-xl); color: var(--text-default); background-color: var(--background-default-default); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 4% 50%); border-radius: 8px; display: flex; align-items: center; } .stepper div:first-child[b-nvsaripz67] { padding-left: var(--space-md); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 0% 0%); } .stepper div:last-child[b-nvsaripz67] { clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 4% 50%); } .stepper div.active[b-nvsaripz67] { color: white; background-color: var(--background-primary-default); } /* /Modules/Areas/AreaSlideout/AreaFilterMenu/AreaFilterMenu.razor.rz.scp.css */ .area-filter-menu-content[b-b0p5zge7xg] { display: flex; flex-direction: column; max-height: 70vh; } .area-filter-menu-panel[b-b0p5zge7xg] { flex: 1 1 auto; overflow-y: auto; min-height: 0; } .area-filter-menu-panel .category[b-b0p5zge7xg] { font-weight: 500; text-wrap: nowrap; display: flex; justify-content: end; align-items: end; padding: 0 8px 8px 8px; border-bottom: 1px solid var(--border-default); font-size: 12px; } .area-filter-menu-footer[b-b0p5zge7xg] { flex-shrink: 0; } /* /Modules/Areas/AreaSlideout/AreaSlideout.razor.rz.scp.css */ .area-slideout-create-row[b-pcy77n0jt5] .btn.primary.outlined { background-color: white; } /* /Modules/Certifications/CertificationsModal/CertificationsModal.razor.rz.scp.css */ .certifications-modal .certification-tree-div[b-15t9f1h8en] { height: 300px; border: 1px solid var(--border-default); border-radius: 6px; margin-bottom: 24px; overflow: auto; flex-grow: 1; padding: 8px; } /* /Modules/Certifications/CertificationsModal/JobsWithinCertificationModal/JobsWithinCertificationModal.razor.rz.scp.css */ .jobs-within-certification-modal .jobs-div[b-2bi5rl3sck] { height: 300px; border: 1px solid var(--border-default); border-radius: 6px; margin-bottom: 24px; overflow: auto; flex-grow: 1; } /* /Modules/Compensations/CompensationColumn/CompensationColumn.razor.rz.scp.css */ .compensation-obfuscated[b-dih7au7c3n] { filter: blur(4px); user-select: none; } /* /Modules/Compensations/CompensationTypeSelector/CompensationTypeMenu.razor.rz.scp.css */ .compensation-type-menu[b-3qm1ae1ep5] { background-color: white; box-shadow: 0px 3px 6px var(--box-shadow-color); position: absolute; top: 36px; z-index: 1000; display: none; border-radius: var(--radius-md); max-height: 564px; overflow-y: auto; overflow-x: hidden; min-width: 250px; } .compensation-type-menu.show[b-3qm1ae1ep5] { display: block; } /* /Modules/Compensations/CompensationTypeSelector/CompensationTypeSelector.razor.rz.scp.css */ [b-op4np7gsys] .btn { gap: 8px; } /* /Modules/Compensations/PlanningDatePicker/PlanningDatePicker.razor.rz.scp.css */ #dateDiv[b-ekbs50oie1] { position: relative; } #dateDiv span[b-ekbs50oie1] { position: absolute; background-color: white; font-size: 9px; left: 4%; top: -6px; padding: 0px 4px; } #dateDiv input[b-ekbs50oie1] { height: 32px; border: 1px solid var(--border-default); border-radius: 4px; padding-left: 10px; padding-right: 10px; } #dateDiv i[b-ekbs50oie1] { position: absolute; right: 10px; top: 46%; transform: translateY(-50%); } /* /Modules/Compensations/Positions/Certifications/PositionCertificationGrid.razor.rz.scp.css */ [b-q1u9q4jq0w] .slide-out-modal-dialog { max-width: 600px; } /* /Modules/Compensations/Positions/PositionAdjustmentsSlideout.razor.rz.scp.css */ [b-4kwue77iy3] .slide-out-modal-dialog { max-width: 600px; } /* /Modules/Compensations/Positions/Skills/PositionSkillGrid.razor.rz.scp.css */ [b-76iqrt9v9v] .slide-out-modal-dialog { max-width: 600px; } /* /Modules/Employees/AddEmployeeDropdown/AddEmployeeDropdown.razor.rz.scp.css */ .add-employee-dropdown[b-868q8z9b4l] .menu { box-sizing: border-box; min-width: 0; padding: 0; border-radius: 0; background-color: transparent; box-shadow: none; } .add-employee-dropdown__panel[b-868q8z9b4l] { box-sizing: border-box; width: 100%; } .add-employee-dropdown__menuShadow[b-868q8z9b4l] { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 10px 15px rgba(0, 0, 0, 0.1); border: 1px solid var(--border-light); } .add-employee-dropdown__list[b-868q8z9b4l] { box-sizing: border-box; max-height: 240px; overflow-x: clip; overflow-y: auto; } .add-employee-dropdown__row[b-868q8z9b4l] { min-width: 0; } .add-employee-dropdown__footer[b-868q8z9b4l] { width: 100%; } /* /Modules/Employees/Grid/ColumnFilter/ColumnHeaderFilterMenu.razor.rz.scp.css */ /* Fixed popover shell renders in PopoversContainer at document root. */ :global(.popovers-container .popover.column-filter-panel-popover)[b-1xob5cq5yk] { background-color: var(--white); border: 1px solid var(--border-default); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12)); } .column-filter-panel[b-1xob5cq5yk] .column-filter-sort-button.btn.text .icon path { fill: var(--icon-default); } .column-filter-panel[b-1xob5cq5yk] .column-filter-sort-button.btn.filled.primary .icon path { fill: var(--icon-base); } .filter-item + .filter-item[b-1xob5cq5yk] { border-top: 1px solid var(--border-default); padding-top: var(--spacing-lg, 16px); } /* /Modules/Employees/Grid/EmployeeEditSlideout/EditJob.razor.rz.scp.css */ .text-input[b-idwudwg7kf] { border-radius: var(--radius-md); border: 1px solid var(--border-default); height: 36px; padding: 0 8px; width: 100%; box-sizing: border-box; } .text-input.disabled[b-idwudwg7kf] { border-color: var(--border-disabled); background-color: var(--background-disabled); color: var(--text-disabled); } .text-input.invalid[b-idwudwg7kf] { border-color: var(--text-error); } /* /Modules/Employees/Grid/EmployeeEditSlideout/EditLocation.razor.rz.scp.css */ .text-input[b-fflw47ew88] { border-radius: var(--radius-md); border: 1px solid var(--border-default); height: 36px; padding: 0 8px; width: 100%; box-sizing: border-box; } .text-input.disabled[b-fflw47ew88] { border-color: var(--border-disabled); background-color: var(--background-disabled); color: var(--text-disabled); } .text-input.invalid[b-fflw47ew88] { border-color: var(--text-error); } /* /Modules/Employees/Upload/EmpUploadPreviewModal.razor.rz.scp.css */ .stepper[b-dqp9q9y2xb] { display: flex; margin-bottom: var(--space-2xl); } .stepper div[b-dqp9q9y2xb] { margin-right: -6px; width: 242px; height: 40px; padding-left: var(--space-xl); color: var(--text-default); background-color: var(--background-default-default); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 4% 50%); border-radius: 8px; display: flex; align-items: center; } .stepper div:first-child[b-dqp9q9y2xb] { padding-left: var(--space-md); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 0% 0%); } .stepper div:last-child[b-dqp9q9y2xb] { clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 4% 50%); } .stepper div.active[b-dqp9q9y2xb] { color: white; background-color: var(--background-primary-default); } /* /Modules/Employees/UploadSlideout/Tag.razor.rz.scp.css */ .tag[b-m2aqpwgnys] { box-sizing: border-box; white-space: nowrap; } /* Match Chip default status backgrounds (Chip.razor.css is scoped to Chip only). */ .default-filled-noninverted-default[b-m2aqpwgnys] { background-color: var(--background-default-default); } .default-outlined-noninverted-default[b-m2aqpwgnys] { background-color: var(--background-base-default); } .small[b-m2aqpwgnys] { max-height: 20px; } .medium[b-m2aqpwgnys] { max-height: 28px; } .large[b-m2aqpwgnys] { max-height: 36px; } [b-m2aqpwgnys] .tag-delete { cursor: pointer; color: inherit; padding: 0; padding-right: 0 !important; min-height: 0; line-height: 1; } /* /Modules/Employees/UploadSlideout/TagInput.razor.rz.scp.css */ .tag-input-container[b-5hot4gew65] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs); min-height: 28px; outline: none; } .tag-input-field[b-5hot4gew65] { width: 100%; box-sizing: border-box; } /* /Modules/Employees/UploadSlideout/UploadEmployeesSlideout.razor.rz.scp.css */ [b-afbid4hh8j] .k-hierarchy-col, [b-afbid4hh8j] .k-hierarchy-cell { display: none !important; } [b-afbid4hh8j] .grid.k-grid .k-table-row.field-mapping-unmatched-eri > .k-table-td { background-color: var(--background-error-invert-default); } [b-afbid4hh8j] .grid.k-grid .k-table-row.field-mapping-unmatched-eri > .k-table-td *:not(.maintain-style) { background-color: inherit !important; } .composite[b-afbid4hh8j] { border-radius: var(--radius-md); background-color: var(--background-primary-invert-default); border-width: var(--border-normal); border-color: var(--black); border-style: solid; box-sizing: border-box; } .composite *[b-afbid4hh8j], .composite .k-input-value-text[b-afbid4hh8j], .composite .k-button[b-afbid4hh8j] { color: var(--text-default); } .composite *:not(.font-weight-bold, .font-weight-semibold)[b-afbid4hh8j], .composite .k-input-value-text[b-afbid4hh8j], .composite .k-button[b-afbid4hh8j] { font-weight: var(--font-weight-regular); } .composite .section-label[b-afbid4hh8j] { padding: var(--space-xs) var(--space-sm); border-radius: var(--radius-sm); background-color: var(--background-primary-invert-focused); color: var(--text-primary); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); width: fit-content; } .composite-divider[b-afbid4hh8j] { border-top: 1px dashed var(--border-primary); margin: var(--space-xs) 0; } .composite-field-rows[b-afbid4hh8j] { display: flex; flex-direction: column; } .eri-composite-preview[b-afbid4hh8j] { line-height: var(--line-height-md, 1.4); word-break: break-word; } .file-preview[b-afbid4hh8j] { margin-top: var(--space-lg); border: 1px solid var(--border-default); border-radius: var(--radius-md); background-color: var(--background-base-default); overflow: hidden; } .file-preview-header[b-afbid4hh8j] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); padding: var(--space-md); border-bottom: 1px solid var(--border-default); background-color: var(--background-default-default); } .file-preview-message[b-afbid4hh8j] { padding: var(--space-md); } .file-preview-table-wrap[b-afbid4hh8j] { max-height: 320px; overflow: auto; } .file-preview-table[b-afbid4hh8j] { width: max-content; min-width: 100%; border-collapse: collapse; font-size: var(--font-size-sm); } .file-preview-table th[b-afbid4hh8j], .file-preview-table td[b-afbid4hh8j] { max-width: 220px; padding: var(--space-sm) var(--space-md); border-right: 1px solid var(--border-default); border-bottom: 1px solid var(--border-default); text-align: left; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .file-preview-table th[b-afbid4hh8j] { position: sticky; top: 0; z-index: 1; color: var(--text-default); font-weight: var(--font-weight-semibold); background-color: var(--background-default-default); } .file-preview-table td[b-afbid4hh8j] { color: var(--text-default); background-color: var(--background-base-default); } .file-preview-empty[b-afbid4hh8j] { text-align: center; color: var(--text-caption); } .eri-field-item-description[b-afbid4hh8j] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .stepper[b-afbid4hh8j] { display: flex; margin-bottom: var(--space-2xl); } .stepper div[b-afbid4hh8j] { margin-right: -6px; width: 242px; height: 40px; padding-left: var(--space-xl); color: var(--text-default); background-color: var(--background-default-default); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 4% 50%); border-radius: 8px; display: flex; align-items: center; } .stepper div:first-child[b-afbid4hh8j] { padding-left: var(--space-md); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 0% 0%); } .stepper div:last-child[b-afbid4hh8j] { clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 4% 50%); } .stepper div.active[b-afbid4hh8j] { color: white; background-color: var(--background-primary-default); } .data-tile[b-afbid4hh8j] { flex: 1; display: flex; flex-direction: row; align-items: flex-start; gap: var(--space-lg); padding: var(--space-lg) var(--space-md); border: 1px solid var(--border-default); border-radius: var(--radius-md); cursor: pointer; background-color: var(--background-base-default); transition: background-color 0.15s ease; } .data-tile:hover[b-afbid4hh8j] { background-color: var(--background-default-hover); } .data-tile.selected[b-afbid4hh8j] { background-color: var(--background-primary-invert-pressed); border-color: var(--background-primary-invert-pressed); } .data-tile .icon-container[b-afbid4hh8j] { padding: var(--space-md); border-radius: 50%; display: flex; } .data-tile .icon-container.all[b-afbid4hh8j] { background-color: var(--background-default-hovered); } .data-tile .icon-container.add[b-afbid4hh8j] { background-color: var(--background-primary-invert-hovered); } .data-tile .icon-container.update[b-afbid4hh8j] { background-color: var(--background-info-invert-hovered); } .data-tile .icon-container.delete[b-afbid4hh8j] { background-color: var(--background-error-invert-hovered); } .upload-comp-plan-settings__analysis-metric[b-afbid4hh8j] input.number-input { text-align: right; } .comp-plan-settings[b-afbid4hh8j] { flex-shrink: 0; } .warning-message[b-afbid4hh8j] { display: flex; align-items: center; gap: var(--space-xs); padding: var(--space-sm); color: var(--text-warning); background-color: var(--background-warning-invert-default); border-radius: var(--radius-sm); } /* /Modules/Experiences/ExperienceSlideout/ExperienceSlideout.razor.rz.scp.css */ [b-an2ir53rjy] .checkbox.executive-analysis-checkbox { align-items: flex-start; max-width: 100%; } [b-an2ir53rjy] .checkbox.executive-analysis-checkbox label { white-space: normal; } /* /Modules/Industries/IndustrySlideout/CreateHybridIndustryModal.razor.rz.scp.css */ [b-430hpso9i2] .createHybridIndustryName { width: 95%; margin-bottom: 30px; } /* /Modules/Industries/IndustrySlideout/HybridIndustrySlideout.razor.rz.scp.css */ [b-vdzlzkr3s5] .hybrid-industry-modal.slide-out-modal .slide-out-modal-dialog { max-width: 600px; z-index: 1000; border-radius: 12px; } [b-vdzlzkr3s5] .hybrid-industry-modal.slide-out-modal .slide-out-modal-dialog.modal-pos-right.show { right: 850px; } /* /Modules/Industries/IndustrySlideout/HybridIndustrySlideout_IndustrySlideout.razor.rz.scp.css */ [b-fvr2nggp5w] .hybrid-industry-modal.slide-out-modal { max-width: 600px; z-index: 1000; border-radius: 12px; } [b-fvr2nggp5w] .hybrid-industry-modal.slide-out-modal.modal-pos-right.show { right: 850px; } /* /Modules/InternalJobs/Adjustments/InternalJobAdjustmentsCard.razor.rz.scp.css */ [b-fbb44p4e69] .slide-out-modal-dialog { max-width: 600px; } /* /Modules/InternalJobs/Adjustments/InternalJobAdjustmentsSlideout.razor.rz.scp.css */ [b-ed6lxwuwon] .slide-out-modal-dialog { max-width: 600px; } /* /Modules/Jobs/AiJobSearchModal/AiJobSearchModal.razor.rz.scp.css */ .stepper[b-bu7gr3r58b] { display: flex; margin-bottom: var(--space-2xl); } .stepper div[b-bu7gr3r58b] { margin-right: -6px; width: 242px; height: 40px; padding-left: var(--space-xl); color: var(--text-default); background-color: var(--background-default-default); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 4% 50%); border-radius: 8px; display: flex; align-items: center; } .stepper div:first-child[b-bu7gr3r58b] { padding-left: var(--space-md); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 0% 0%); } .stepper div:last-child[b-bu7gr3r58b] { clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 4% 50%); } .stepper div.active[b-bu7gr3r58b] { color: white; background-color: var(--background-primary-default); } /* /Modules/Jobs/HybridJobModal/EditHybridJobModal.razor.rz.scp.css */ .stepper[b-w6khg1szo0] { display: flex; margin-bottom: var(--space-2xl); } .stepper div[b-w6khg1szo0] { margin-right: -6px; flex: 1 1 0; min-width: 0; height: 40px; padding-left: var(--space-xl); color: var(--text-default); background-color: var(--background-default-default); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 4% 50%); border-radius: 8px; display: flex; align-items: center; font-weight: var(--font-weight-semibold); } .stepper div:first-child[b-w6khg1szo0] { padding-left: var(--space-md); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 0% 0%); } .stepper div:last-child[b-w6khg1szo0] { clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 4% 50%); } .stepper div.active[b-w6khg1szo0], .stepper div.completed[b-w6khg1szo0] { color: white; background-color: var(--background-primary-default); } /* /Modules/Jobs/HybridJobModal/HybridJobModal.razor.rz.scp.css */ .stepper[b-q615zfqloj] { display: flex; margin-bottom: var(--space-2xl); } .stepper div[b-q615zfqloj] { margin-right: -6px; flex: 1 1 0; min-width: 0; height: 40px; padding-left: var(--space-xl); color: var(--text-default); background-color: var(--background-default-default); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 4% 50%); border-radius: 8px; display: flex; align-items: center; font-weight: var(--font-weight-semibold); } .stepper div:first-child[b-q615zfqloj] { padding-left: var(--space-md); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 0% 0%); } .stepper div:last-child[b-q615zfqloj] { clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 4% 50%); } .stepper div.active[b-q615zfqloj], .stepper div.completed[b-q615zfqloj] { color: white; background-color: var(--background-primary-default); } /* /Modules/Jobs/HybridJobModal/Steps/Review/ReviewStep.razor.rz.scp.css */ .review-summary-card[b-rhwu6jmj1b] { display: flex; align-items: center; gap: var(--space-lg); border: 1px solid var(--stroke-primary, var(--border-primary)); border-radius: var(--radius-lg); padding: var(--space-md) var(--space-lg); } .review-summary-field[b-rhwu6jmj1b] { display: flex; flex-direction: column; gap: var(--space-xxs); } .review-summary-label[b-rhwu6jmj1b] { font-size: 10px; font-weight: var(--font-weight-medium); color: #6b7280; letter-spacing: 0.1px; text-transform: uppercase; } .review-summary-value[b-rhwu6jmj1b] { font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); color: var(--text-primary); } .review-summary-divider[b-rhwu6jmj1b] { width: 1px; height: 28px; background-color: #e5e7eb; } /* /Modules/Jobs/HybridJobModal/Steps/SelectJobs/DetailTypeCards.razor.rz.scp.css */ .detail-type-cards[b-cfwg20unsa] { display: flex; gap: var(--space-xl); } .detail-type-card[b-cfwg20unsa] { flex: 1 1 0; min-width: 0; border: 1px solid var(--border-secondary); border-radius: var(--radius-lg); padding: var(--space-md) var(--space-lg); cursor: pointer; background-color: var(--background-base-default); } .detail-type-card.selected[b-cfwg20unsa] { background-color: var(--background-info-invert-default); border-color: var(--border-secondary); } .detail-type-card[b-cfwg20unsa] .radio { margin-bottom: var(--space-xs); } .detail-type-caption[b-cfwg20unsa] { font-size: var(--font-size-sm); color: var(--text-caption); line-height: var(--line-height-md); } /* /Modules/Jobs/HybridJobModal/Steps/SelectJobs/SelectJobsStep.razor.rz.scp.css */ .jobs-grid-panel[b-t4u7y4see7] { flex-shrink: 0; margin-bottom: var(--space-lg); } .description-panel[b-t4u7y4see7] { border: 1px solid var(--border-default); border-radius: var(--radius-lg); overflow: hidden; height: 158px; flex-shrink: 0; display: flex; flex-direction: column; } .description-body[b-t4u7y4see7] { padding: var(--space-sm) var(--space-lg); font-size: var(--font-size-sm); line-height: var(--line-height-md); color: var(--text-default); flex: 1; min-height: 0; overflow-y: auto; } /* /Modules/Jobs/HybridJobModal/Steps/SetWeights/SetWeightsStep.razor.rz.scp.css */ .weight-panel[b-fjepict6oj] { border: 1px solid var(--border-table-container); border-radius: var(--radius-xl); padding: var(--space-lg); } .weight-total[b-fjepict6oj] { font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); } .weight-total.invalid[b-fjepict6oj] { color: var(--text-error); } /* /Modules/Jobs/HybridJobModal/Steps/SetWeights/WeightRow.razor.rz.scp.css */ .weight-row[b-t2y5j8tfml] { display: flex; flex-direction: row; align-items: center; gap: var(--space-md); padding: var(--space-sm) 0; } .weight-row + .weight-row[b-t2y5j8tfml] { border-top: 1px solid var(--border-default); } .weight-row-label[b-t2y5j8tfml] { flex: 0 0 204px; min-width: 140px; } .weight-range[b-t2y5j8tfml] { flex: 1 1 auto; min-width: 0; height: 20px; margin: 0; appearance: none; background: transparent; outline: none; --weight-track-height: 6px; } .weight-range[b-t2y5j8tfml]::-webkit-slider-runnable-track { height: var(--weight-track-height); border-radius: var(--radius-full); background: linear-gradient( to right, var(--background-success-default) 0%, var(--background-success-default) var(--range-progress, 0%), var(--border-default) var(--range-progress, 0%), var(--border-default) 100%); } .weight-range[b-t2y5j8tfml]::-webkit-slider-thumb { appearance: none; width: 16px; height: 16px; margin-top: calc((var(--weight-track-height) - 16px) / 2); border: none; border-radius: 50%; background: var(--background-success-default); cursor: pointer; } .weight-range[b-t2y5j8tfml]::-moz-range-track { height: var(--weight-track-height); border-radius: var(--radius-full); background: var(--border-default); border: none; } .weight-range[b-t2y5j8tfml]::-moz-range-progress { height: var(--weight-track-height); border-radius: var(--radius-full); background: var(--background-success-default); } .weight-range[b-t2y5j8tfml]::-moz-range-thumb { width: 16px; height: 16px; border: none; border-radius: 50%; background: var(--background-success-default); cursor: pointer; } .weight-input-wrap[b-t2y5j8tfml] { position: relative; flex: 0 0 92px; } .weight-input-suffix[b-t2y5j8tfml] { position: absolute; top: 50%; right: var(--space-sm); transform: translateY(-50%); font-size: var(--font-size-sm); color: var(--text-default); pointer-events: none; } /* /Modules/Skills/SkillsModal/JobsWithinSkillModal.razor.rz.scp.css */ .jobs-within-skill-modal .jobs-div[b-4df1qb4cea] { height: 300px; border: 1px solid var(--border-default); border-radius: 6px; margin-bottom: 24px; overflow: auto; flex-grow: 1; } /* /Modules/Skills/SkillsModal/SkillsModal.razor.rz.scp.css */ .skills-modal .skill-tree-div[b-ya6owhuyph] { height: 300px; border: 1px solid var(--border-default); border-radius: 6px; margin-bottom: 24px; overflow: auto; flex-grow: 1; padding: 8px; } /* /Pages/AdditionalFeatures.razor.rz.scp.css */ #additionalFeatures .feature-item[b-r932g5zsie] { flex-basis: 50%; margin-bottom: 32px; display: flex; box-sizing: border-box; } #additionalFeatures .feature-item:nth-child(odd)[b-r932g5zsie] { padding-right: 16px; } #additionalFeatures .feature-item:nth-child(even)[b-r932g5zsie] { padding-left: 16px; } /* /Pages/Admin/Admin.razor.rz.scp.css */ #admin[b-7mbkpjgfvi] { background-color: white; height: 100%; } /* /Pages/Admin/Customer/Customer.razor.rz.scp.css */ #customer[b-w3gygpodfj] { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--border-default); border-radius: 5px; padding: 16px; } .customer-section-block[b-w3gygpodfj] { width: fit-content; max-width: 100%; } .customer-section-block + .customer-section-block[b-w3gygpodfj] { margin-top: 12px; } .customer-section-heading[b-w3gygpodfj] { margin-bottom: 8px; font-weight: 600; } .customer-section-panel[b-w3gygpodfj] { box-sizing: border-box; width: fit-content; max-width: 100%; border: 1px solid var(--border-default); border-radius: 5px; padding: 16px; } .customer-field-width[b-w3gygpodfj] { width: 300px; } /* /Pages/Admin/Customer/MfaManagement.razor.rz.scp.css */ .mfa-info-row[b-tfghijds10] { display: flex; flex-direction: row; gap: 32px; align-items: flex-start; } .mfa-info-column[b-tfghijds10] { min-width: 200px; } .mfa-phone-label[b-tfghijds10] { font-weight: 600; } .mfa-phone-display[b-tfghijds10] { font-family: monospace; } /* /Pages/Admin/Customer/ProfileTransferModal.razor.rz.scp.css */ .profile-transfer-grids[b-6yrzr34jb1] { margin-bottom: 24px; width: 100%; } .profile-transfer-grid-column[b-6yrzr34jb1] { flex: 1; min-width: 0; } /* /Pages/GA/CityReports/Tabs/CityReports/BaseLocations/AreaSlideout.razor.rz.scp.css */ .area-slideout-create-row[b-a7avt50hcv] .btn.primary.outlined { background-color: white; } /* /Pages/GA/CityReports/Tabs/CityReports/PerDiemCosts/PerDiemCostsGrid.razor.rz.scp.css */ [b-lrqldd1lb7] .k-column-title { width: 100%; } [b-lrqldd1lb7] .k-grid-header .font-size-xs { font-size: var(--font-size-xs) !important; line-height: var(--font-size-xs-line-height) !important; letter-spacing: var(--font-size-xs-letter-spacing) !important; } /* /Pages/GA/CityReports/Tabs/CityReports/ShortTermHousingCosts/ShortTermHousingCostsGrid.razor.rz.scp.css */ [b-77weuzjq2z] .k-column-title { width: 100%; } [b-77weuzjq2z] .k-grid-header .font-size-xs { font-size: var(--font-size-xs) !important; line-height: var(--font-size-xs-line-height) !important; letter-spacing: var(--font-size-xs-letter-spacing) !important; } /* /Pages/GA/CityReports/Tabs/CityReports/StandardHousingCosts/StandardHousingCostsGrid.razor.rz.scp.css */ [b-prsxigppop] .k-column-title { width: 100%; } [b-prsxigppop] .k-grid-header .font-size-xs { font-size: var(--font-size-xs) !important; line-height: var(--font-size-xs-line-height) !important; letter-spacing: var(--font-size-xs-letter-spacing) !important; } /* /Pages/GA/CurrencySlideout/SearchBy.razor.rz.scp.css */ .search-by[b-b8axysphin] { display: flex; flex-direction: column; gap: 16px; width: 100%; flex: 1 1 0; min-height: 0; } .toolbar[b-b8axysphin] { display: flex; gap: 16px; align-items: flex-end; width: 100%; } .field[b-b8axysphin] { display: flex; flex-direction: column; gap: 2px; } .search-by-field[b-b8axysphin] { width: 160px; } .search-field[b-b8axysphin] { flex: 1 1 auto; min-width: 0; } /* /Pages/GA/Dashboard/CostOfLabor/CostOfLabor.razor.rz.scp.css */ .cost-of-labor-map[b-d641aqg5br] { width: 100%; height: auto; display: block; border-radius: var(--radius-md); } /* /Pages/GA/Dashboard/CostOfLiving/CostOfLiving.razor.rz.scp.css */ .cost-of-living-map[b-waecniv56j] { width: 100%; height: auto; display: block; border-radius: var(--radius-md); } /* /Pages/GA/Dashboard/Dashboard.razor.rz.scp.css */ body:has(.dashboard-page)[b-de4ucxq83a] { min-width: 1280px; } .dashboard-page[b-de4ucxq83a] { display: flex; flex-direction: column; gap: var(--space-2xl); padding-top: var(--space-lg); padding-left: var(--space-2xl); padding-right: var(--space-2xl); } .dashboard-stats-row[b-de4ucxq83a] { display: grid; gap: var(--space-2xl); grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; } .dashboard-widgets[b-de4ucxq83a] { display: grid; gap: var(--space-2xl); grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; } .dashboard-widgets > .dashboard-widget-cell[b-de4ucxq83a] { align-self: stretch; height: 100%; } .dashboard-widget-cell[b-de4ucxq83a] { display: flex; flex-direction: column; min-width: 0; min-height: 0; } .dashboard-widget-cell[b-de4ucxq83a] (.card) { flex: 1; display: flex; flex-direction: column; min-height: 0; height: 100%; } .dashboard-widget-cell--internal-areas-by-continent[b-de4ucxq83a] (.card .card-content) { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; } @media (min-width: 1400px) { .dashboard-widgets[b-de4ucxq83a] { grid-template-columns: repeat(4, minmax(0, 1fr)); } .dashboard-widget-cell--data-sync-status[b-de4ucxq83a], .dashboard-widget-cell--labor-force-percent[b-de4ucxq83a], .dashboard-widget-cell--total-employment[b-de4ucxq83a] { grid-column: span 1; } .dashboard-widget-cell--cost-of-living[b-de4ucxq83a], .dashboard-widget-cell--cost-of-labor[b-de4ucxq83a], .dashboard-widget-cell--internal-areas-by-continent[b-de4ucxq83a], .dashboard-widget-cell--upcoming-minimum-wage-changes[b-de4ucxq83a], .dashboard-widget-cell--upcoming-minimum-wage-changes-by-level[b-de4ucxq83a], .dashboard-widget-cell--cpi-yoy-analysis[b-de4ucxq83a], .dashboard-widget-cell--unemployment-rate[b-de4ucxq83a] { grid-column: span 2; } } /* /Pages/GA/Dashboard/InternalAreas/InternalAreas.razor.rz.scp.css */ .internal-areas-icon[b-abz5eo923q] { display: inline-flex; width: 60px; height: 60px; border-radius: 9999px; background-color: var(--background-default-default, #f5f5f5); flex-shrink: 0; opacity: 0.8; } .internal-areas-amount[b-abz5eo923q] { line-height: 40px; } /* /Pages/GA/Dashboard/InternalAreasByContinent/InternalAreasByContinent.razor.rz.scp.css */ [b-sssnqo3e3l](.internal-areas-by-continent-card) { display: flex; flex-direction: column; min-height: 0; height: 100%; overflow: hidden; } [b-sssnqo3e3l](.internal-areas-by-continent-card .card-content) { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; } .internal-areas-by-continent-grid-host[b-sssnqo3e3l] { flex: 1; min-height: 0; min-width: 0; overflow: hidden; } .internal-areas-by-continent-grid-host[b-sssnqo3e3l] (.k-grid) { height: 100%; max-height: 100%; } /* /Pages/GA/Dashboard/NextMinimumWageChange/NextMinimumWageChange.razor.rz.scp.css */ .next-minimum-wage-icon-wrapper[b-pl48r6o3o9] { opacity: 0.8; } .next-minimum-wage-amount[b-pl48r6o3o9] { color: var(--data-visuals-divergent-d8); } /* /Pages/GA/Dashboard/PayTransparencyChange/PayTransparencyChange.razor.rz.scp.css */ .pay-transparency-icon-wrapper[b-83p43gz1j8] { border-radius: var(--radius-circle); opacity: 0.8; } .pay-transparency-amount[b-83p43gz1j8] { color: var(--data-visuals-categorical-orange); } /* /Pages/GA/Dashboard/UnemploymentRate/UnemploymentRate.razor.rz.scp.css */ .unemployment-rate-map[b-1xjjdma9tb] { width: 100%; height: auto; display: block; border-radius: var(--radius-md); } /* /Pages/GA/Dashboard/UpcomingMinimumWageChanges/UpcomingMinimumWageChanges.razor.rz.scp.css */ .upcoming-minimum-wage-changes-map[b-mjbva1iebx] { width: auto; max-width: 100%; height: auto; display: block; margin: 0 auto; border-radius: var(--radius-md); } /* /Pages/GA/Dashboard/UpcomingMinimumWageChangesByLevel/UpcomingMinimumWageChangesByLevel.razor.rz.scp.css */ .wage-by-level-row[b-w5125bwqug] { width: 100%; } .wage-by-level-chart[b-w5125bwqug] { flex: 1 1 0; min-width: 0; } .wage-by-level-legend[b-w5125bwqug] { flex: 0 0 auto; min-width: 100px; } .legend-swatch[b-w5125bwqug] { width: 14px; height: 14px; border-radius: 3px; flex-shrink: 0; } /* /Pages/GA/MinimumWage/CurrentMinimumWages/CurrentMinimumWages.razor.rz.scp.css */ .minimum-wage-section-accordion[b-zmdja2zd3r] .accordion-content { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; padding-top: var(--spacing-lg); } .minimum-wage-section-accordion[b-zmdja2zd3r] .accordion-content .grid { flex: 1 1 auto; } /* /Pages/GA/MinimumWage/Grid/MinimumWageGrid.razor.rz.scp.css */ [b-0c52xrvqb9] .minimum-wage-grid.k-grid td .minimum-wage-grid-note-cell { width: 100%; min-width: 0; } [b-0c52xrvqb9] .minimum-wage-grid.k-grid td .minimum-wage-grid-note { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [b-0c52xrvqb9] .minimum-wage-grid.k-grid td .minimum-wage-grid-note-expanded { flex: 1; min-width: 0; white-space: pre-wrap; word-break: break-word; } [b-0c52xrvqb9] .minimum-wage-grid.k-grid td .minimum-wage-grid-note-cell .btn { flex-shrink: 0; } [b-0c52xrvqb9] .minimum-wage-grid.k-grid .k-table-tbody > .k-table-row > .k-table-td { vertical-align: middle; } [b-0c52xrvqb9] .minimum-wage-grid.k-grid .k-table-tbody > .k-table-row.minimum-wage-grid-row-expanded > .k-table-td { vertical-align: top; background-color: var(--background-table-cell-selected); } [b-0c52xrvqb9] .minimum-wage-grid.k-grid .k-table-tbody > .k-table-row.minimum-wage-grid-row-expanded > .k-table-td *:not(.maintain-style, .maintain-style *) { background-color: inherit; } [b-0c52xrvqb9] .minimum-wage-grid.k-grid .k-table-tbody > .k-table-row:not(.minimum-wage-grid-row-expanded) > .k-table-td { min-height: 48px; } /* /Pages/GA/MinimumWage/InteractiveMap/AreaDropdown/AreaDropdown.razor.rz.scp.css */ .area-dropdown-panel[b-lnl0uu9ymi] { max-height: min(520px, calc(100vh - 180px)); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } /* /Pages/GA/MinimumWage/InteractiveMap/CanadaMap/CanadaMap.razor.rz.scp.css */ .canada-map[b-v4yl2sg699] { width: 100%; min-width: 0; box-sizing: border-box; } .canada-map__viewport[b-v4yl2sg699] { position: relative; width: 100%; height: min(500px, max(280px, calc(100dvh - 480px))); min-height: 280px; overflow: hidden; min-width: 0; } .canada-map__container[b-v4yl2sg699] { width: 100%; height: 100%; min-height: 0; min-width: 0; } .canada-map__container :global(.maplibregl-canvas)[b-v4yl2sg699] { outline-offset: -4px; } .canada-map__container :global(.maplibregl-canvas:focus-visible)[b-v4yl2sg699] { outline: 3px solid #1d4ed8; } .map__legend[b-v4yl2sg699] { position: absolute; top: auto; bottom: 16px; right: 16px; z-index: 2; width: min(420px, calc(100% - 32px)); max-width: 420px; max-height: calc(100% - 32px); box-sizing: border-box; min-width: 0; overflow-y: auto; background: rgba(255, 255, 255, 0.96); border: 1px solid #d1d5db; border-radius: 12px; padding: 12px; display: flex; flex-direction: column; gap: 8px; } .map__legend-ramp[b-v4yl2sg699] { display: flex; flex-direction: column; gap: 5px; margin-top: 12px; } .map__legend-ramp-row[b-v4yl2sg699] { display: grid; grid-template-columns: 14px minmax(0, 1fr); align-items: center; gap: 8px; min-width: 0; } .map__legend-color[b-v4yl2sg699] { width: 14px; height: 14px; border-radius: 2px; border: 1px solid #98a2b3; flex-shrink: 0; } @media (max-width: 700px) { .map__legend[b-v4yl2sg699] { max-height: min(240px, calc(100% - 32px)); } } /* /Pages/GA/MinimumWage/InteractiveMap/ColorRampSelect/ColorRampSelect.razor.rz.scp.css */ .color-ramp-select[b-4w74jfjxji] { width: 220px; flex: 0 0 220px; min-width: 0; display: flex; flex-direction: column; gap: 4px; } .color-ramp-select__option[b-4w74jfjxji] { min-width: 0; display: flex; align-items: center; gap: 8px; } .color-ramp-select__swatches[b-4w74jfjxji] { display: inline-flex; width: 56px; height: 14px; border: 1px solid #d1d5db; border-radius: 3px; overflow: hidden; flex: 0 0 56px; } .color-ramp-select__swatch[b-4w74jfjxji] { flex: 1 1 0; } .color-ramp-select__label[b-4w74jfjxji] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 640px) { .color-ramp-select[b-4w74jfjxji] { width: 100%; flex-basis: 100%; } } /* /Pages/GA/MinimumWage/InteractiveMap/CoordinateSearch/CoordinateSearch.razor.rz.scp.css */ .coordinate-search[b-q5tcc4ik9r] { align-self: flex-end; flex-wrap: wrap; max-width: 100%; } [b-q5tcc4ik9r] .coordinates__go-button { width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0; } @media (max-width: 900px) { .coordinate-search[b-q5tcc4ik9r] { align-self: stretch; justify-content: flex-start; } } @media (max-width: 420px) { .coordinate-search[b-q5tcc4ik9r] { gap: 12px; } } /* /Pages/GA/MinimumWage/InteractiveMap/InteractiveMap.razor.rz.scp.css */ .interactive-map[b-q3tw0bnlc9] { width: 100%; min-width: 0; box-sizing: border-box; } .interactive-map__toolbar[b-q3tw0bnlc9] { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; width: 100%; min-width: 0; } .interactive-map__controls[b-q3tw0bnlc9] { display: flex; align-items: flex-end; justify-content: flex-end; gap: 16px; flex-wrap: wrap; min-width: 0; } .interactive-map__level-picker[b-q3tw0bnlc9] { flex: 0 0 auto; } .interactive-map__level-picker[b-q3tw0bnlc9] .segmented-picker { white-space: nowrap; } .interactive-map__level-picker[b-q3tw0bnlc9] .segmented-picker-item { min-width: 64px; justify-content: center; } @media (max-width: 900px) { .interactive-map__controls[b-q3tw0bnlc9] { width: 100%; justify-content: flex-start; } } @media (max-width: 640px) { .interactive-map[b-q3tw0bnlc9] { padding: 16px; } .interactive-map__toolbar[b-q3tw0bnlc9], .interactive-map__controls[b-q3tw0bnlc9] { gap: 12px; } .interactive-map__level-picker[b-q3tw0bnlc9] { width: 100%; } .interactive-map__level-picker[b-q3tw0bnlc9] .segmented-picker { width: 100%; } .interactive-map__level-picker[b-q3tw0bnlc9] .segmented-picker-item { flex: 1 1 0; min-width: 0; } } /* /Pages/GA/MinimumWage/InteractiveMap/Map/Map.razor.rz.scp.css */ .map[b-376nhfcr2z] { width: 100%; min-width: 0; box-sizing: border-box; } .map__sr-only[b-376nhfcr2z] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .map__viewport[b-376nhfcr2z] { position: relative; width: 100%; height: min(500px, max(280px, calc(100dvh - 480px))); min-height: 280px; overflow: hidden; min-width: 0; } .map__viewport:focus-within[b-376nhfcr2z]::after { content: ""; position: absolute; left: 50%; top: 50%; z-index: 3; width: 22px; height: 22px; transform: translate(-50%, -50%); border: 2px solid #101828; border-radius: 999px; box-shadow: 0 0 0 2px #ffffff; pointer-events: none; } .map__viewport:focus-within[b-376nhfcr2z]::before { content: ""; position: absolute; left: 50%; top: 50%; z-index: 3; width: 2px; height: 30px; transform: translate(-50%, -50%); background: #101828; box-shadow: 0 0 0 1px #ffffff; pointer-events: none; } .map__container[b-376nhfcr2z] { width: 100%; height: 100%; min-height: 0; min-width: 0; } .map__container:focus-within[b-376nhfcr2z] { outline: 3px solid #1d4ed8; outline-offset: -3px; } .map__legend[b-376nhfcr2z] { position: absolute; top: auto; bottom: 16px; right: 16px; z-index: 2; width: min(420px, calc(100% - 32px)); max-width: 420px; max-height: calc(100% - 32px); box-sizing: border-box; min-width: 0; overflow-y: auto; background: rgba(255, 255, 255, 0.96); border: 1px solid #d1d5db; border-radius: 12px; padding: 12px; display: flex; flex-direction: column; gap: 8px; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-meta { color: #344054; font-size: 13px; line-height: 1.45; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-empty { color: #344054; font-size: 13px; line-height: 1.45; } .map__legend-item[b-376nhfcr2z] { display: flex; align-items: center; gap: 8px; } .map__legend-ramp[b-376nhfcr2z] { display: flex; flex-direction: column; gap: 5px; margin-top: 12px; } .map__legend-ramp-row[b-376nhfcr2z] { display: grid; grid-template-columns: 14px minmax(0, 1fr); align-items: center; gap: 8px; min-width: 0; } #minimumWageMapVisibleLegend:not(:empty)[b-376nhfcr2z] { margin-top: 8px; padding-top: 8px; border-top: 1px solid #e4e7ec; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-cue, .map__legend-cue[b-376nhfcr2z] { width: 20px; height: 20px; border: 1px solid #98a2b3; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: #101828; background: #ffffff; font-size: 11px; font-weight: 700; line-height: 1; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-color { width: 14px; height: 14px; border-radius: 2px; border: 1px solid #98a2b3; flex-shrink: 0; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 8px; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-stats div { min-width: 0; padding: 6px; border: 1px solid #e4e7ec; border-radius: 8px; background: #f9fafb; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-stats span, #minimumWageMapLegend[b-376nhfcr2z] .map__legend-stats small { display: block; color: #344054; font-size: 11px; line-height: 1.3; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-stats strong { display: block; color: #101828; font-size: 13px; line-height: 1.3; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-rates { display: flex; flex-direction: column; gap: 5px; margin-top: 8px; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-rate-row { display: grid; grid-template-columns: 20px 14px minmax(64px, auto) minmax(0, 1fr); align-items: start; gap: 8px; min-width: 0; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-rate { color: #101828; font-size: 12px; font-weight: 600; white-space: nowrap; } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-rate-detail { min-width: 0; color: #344054; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; } .map__container :global(.maplibregl-canvas)[b-376nhfcr2z] { outline-offset: -4px; } .map__container :global(.maplibregl-canvas:focus-visible)[b-376nhfcr2z] { outline: 3px solid #1d4ed8; } @media (max-width: 700px) { .map__legend[b-376nhfcr2z] { max-height: min(240px, calc(100% - 32px)); } #minimumWageMapLegend[b-376nhfcr2z] .map__legend-stats { grid-template-columns: 1fr; } } /* /Pages/GA/MinimumWage/ScheduledUpdates/ScheduledUpdates.razor.rz.scp.css */ .minimum-wage-section-accordion[b-aped6j1l9o] .accordion-content { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; padding-top: var(--spacing-lg); } .minimum-wage-section-accordion[b-aped6j1l9o] .accordion-content .grid { flex: 1 1 auto; } /* /Pages/GA/TwoCityComparison/HousingAssumptionsSlideout/Grid/HousingAssumptionsGrid.razor.rz.scp.css */ .grid[b-ejnsk15vvb] { display: grid; grid-template-columns: 1fr 1fr 1fr; } [b-ejnsk15vvb] .border-right { border-right: var(--border-normal) solid var(--border-table-cell); } [b-ejnsk15vvb] .highlight { background-color: #D2E3DB !important; } [b-ejnsk15vvb] .value-cell { justify-content: flex-end; text-align: right; } [b-ejnsk15vvb] .input-value-cell { display: flex; align-items: center; gap: 8px; } .computed-value[b-ejnsk15vvb], .unit-text[b-ejnsk15vvb] { text-align: right; flex: 1 1 auto; white-space: nowrap; } /* /Pages/GA/TwoCityComparison/Tabs/EconomicIndicators/TopGrid/TopGrid.razor.rz.scp.css */ [b-z5yof06c8q] .k-column-title { width: 100%; } [b-z5yof06c8q] .k-grid-header .font-size-xs { font-size: var(--font-size-xs) !important; line-height: var(--font-size-xs-line-height) !important; letter-spacing: var(--font-size-xs-letter-spacing) !important; } /* /Pages/GA/TwoCityComparison/Tabs/TwoCityComparison/CostOfLivingGrid/CostOfLivingGrid.razor.rz.scp.css */ /* The edit (pencil) icon is revealed only while its row is hovered or focused, matching the Employee List grid (IncellDisplay) behaviour. Opacity keeps the icon's footprint reserved so the value does not shift when it appears. */ .cost-of-living-edit-icon[b-qyj6etrs0b] { opacity: 0; pointer-events: none; transition: opacity 0.15s ease; } tr:hover .cost-of-living-edit-icon[b-qyj6etrs0b], tr:focus-within .cost-of-living-edit-icon[b-qyj6etrs0b] { opacity: 1; pointer-events: auto; } /* Editable cost values match incell-style grids: click the number to enter edit mode (13461 AC2). */ .cost-of-living-value-clickable[b-qyj6etrs0b] { cursor: pointer; } .cost-of-living-editing-cell[b-qyj6etrs0b] { display: inline-flex; align-items: center; justify-content: flex-end; gap: 0.25rem; width: 100%; } /* Boundary for outside-dismiss: mousedown outside this element exits edit without saving. */ .cost-of-living-grid-boundary[b-qyj6etrs0b] { display: block; } /* /Pages/LandingPage/EnhanceExperienceBanner/EnhanceExperienceBanner.razor.rz.scp.css */ .banner[b-jzruhlv1kp] { box-shadow: 0px 1px 4px 0px rgba(255, 255, 255, 0.35) inset, 0px -1px 34px 0px rgba(255, 255, 255, 0.35) inset; } /* /Pages/LandingPage/Home.razor.rz.scp.css */ #home #enhanceYourExperiencePopout[b-iqaup87buf] { display: flex; flex-direction: column; position: absolute; left: 50%; transform: translateX(-50%); background-color: white; box-shadow: 0px 3px 6px #00000029; border: 1px solid #E6E6E6; border-radius: 16px; padding: 40px 100px 40px 100px; z-index: 1000; } #home #enhanceYourExperiencePopout li:not(:last-child)[b-iqaup87buf] { margin-bottom: 16px; } /* /Pages/LandingPage/News/NewsCarousel.razor.rz.scp.css */ #compactCard.selected[b-enduvpo16q] { background-color: var(--background-primary-invert-default); } #divider[b-enduvpo16q] { width: 8px; } /* /Pages/MyOrganizations/Areas/CreateInternalAreaModals/CreateInternalAreaModal.razor.rz.scp.css */ .create-internal-area-modal-selected-areas-list[b-ihs9reml72] { max-height: 120px; overflow-y: auto; } /* /Pages/MyOrganizations/Jobs/AiFlsaStatusEvaluator/AiFlsaStatusEvaluator.razor.rz.scp.css */ .aiFlsaStatusEvaluator_body[b-09v4h3ktrw] { position: relative; min-height: 120px; } .aiFlsaStatusEvaluator_loadingOverlay[b-09v4h3ktrw] { position: absolute; inset: 0; z-index: 10; cursor: wait; background-color: rgba(255, 255, 255, 0.72); display: flex; align-items: center; justify-content: center; pointer-events: auto; } [b-09v4h3ktrw] .grid.k-grid#aiFlsaStatusEvaluatorGrid .k-grid-header, [b-09v4h3ktrw] .grid.k-grid#aiFlsaStatusEvaluatorGrid .k-grid-header-wrap, [b-09v4h3ktrw] .grid.k-grid#aiFlsaStatusEvaluatorGrid .k-grid-header .k-table-th, [b-09v4h3ktrw] .grid.k-grid#aiFlsaStatusEvaluatorGrid .k-grid-header .k-table-th * { background-color: #e6e6e6 !important; } [b-09v4h3ktrw] .grid.k-grid#aiFlsaStatusEvaluatorGrid .k-grid-header, [b-09v4h3ktrw] .grid.k-grid#aiFlsaStatusEvaluatorGrid .k-grid-header * { font-size: var(--font-size-md) !important; line-height: var(--font-size-md-line-height) !important; letter-spacing: var(--font-size-md-letter-spacing) !important; } [b-09v4h3ktrw] .grid.k-grid#aiFlsaStatusEvaluatorGrid .k-table-th:nth-child(3), [b-09v4h3ktrw] .grid.k-grid#aiFlsaStatusEvaluatorGrid .k-table-td:nth-child(3) { width: auto; min-width: 55%; } /* /Pages/MyOrganizations/Jobs/AiJobMatchEvaluator/AiJobMatchEvaluator.razor.rz.scp.css */ .aiJobMatchEvaluator_body[b-f0mx39niw5] { position: relative; min-height: 120px; } .aiJobMatchEvaluator_loadingOverlay[b-f0mx39niw5] { position: fixed; inset: 0; z-index: 10; cursor: wait; background-color: rgba(255, 255, 255, 0.72); display: flex; align-items: center; justify-content: center; pointer-events: auto; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid .k-grid-header, [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid .k-grid-header-wrap, [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid .k-grid-header .k-table-th, [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid .k-grid-header .k-table-th *, [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid .k-grid-header, [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid .k-grid-header-wrap, [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid .k-grid-header .k-table-th, [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid .k-grid-header .k-table-th *, [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid .k-grid-header, [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid .k-grid-header-wrap, [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid .k-grid-header .k-table-th, [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid .k-grid-header .k-table-th * { background-color: #e6e6e6 !important; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid .k-grid-header, [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid .k-grid-header *, [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid .k-grid-header, [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid .k-grid-header *, [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid .k-grid-header, [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid .k-grid-header * { font-size: var(--font-size-md) !important; line-height: var(--font-size-md-line-height) !important; letter-spacing: var(--font-size-md-letter-spacing) !important; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid.aiJobMatchEvaluator_comparisonGrid .k-grid-header { padding-right: 0 !important; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid.aiJobMatchEvaluator_comparisonGrid .k-grid-header-wrap { border-right-width: 0 !important; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid.aiJobMatchEvaluator_analysisGrid .k-grid-header { flex: 0 0 auto; padding-right: 0 !important; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid.aiJobMatchEvaluator_analysisGrid .k-grid-header-wrap { border-right-width: 0 !important; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid.aiJobMatchEvaluator_summarizeSummaryGrid .k-grid-header { flex: 0 0 auto; padding-right: 0 !important; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid.aiJobMatchEvaluator_summarizeSummaryGrid .k-grid-header-wrap { border-right-width: 0 !important; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid .k-table-tbody > .k-table-row > .k-table-td.aiJobMatchEvaluator_colOne { background-color: #e6e6e6 !important; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid.aiJobMatchEvaluator_comparisonGrid { width: 100%; height: auto; background-color: #ffffff; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid.aiJobMatchEvaluator_comparisonGrid .k-grid-content { height: auto; background-color: transparent; overflow-y: hidden; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid.aiJobMatchEvaluator_comparisonGrid .k-grid-content .k-grid-table-wrap, [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid.aiJobMatchEvaluator_comparisonGrid .k-grid-content .k-grid-md { background-color: transparent !important; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid .k-grid-header-wrap table, [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid .k-grid-content table, [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid .k-grid-table, [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid table.k-table { width: 100% !important; min-width: 100% !important; table-layout: fixed; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid.aiJobMatchEvaluator_analysisGrid .k-grid-content { flex: 0 0 auto; height: auto; overflow-y: hidden; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid.aiJobMatchEvaluator_analysisGrid { width: 100%; height: auto; display: flex; flex-direction: column; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid.aiJobMatchEvaluator_summarizeSummaryGrid .k-grid-content { flex: 0 0 auto; height: auto; overflow-y: hidden; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid.aiJobMatchEvaluator_summarizeSummaryGrid { width: 100%; height: auto; display: flex; flex-direction: column; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid .k-grid-header-wrap table, [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid .k-grid-content table, [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid .k-grid-table, [b-f0mx39niw5] .grid.k-grid#aiJobMatchAnalysisGrid table.k-table { width: 100% !important; min-width: 100% !important; table-layout: fixed; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid .k-grid-header-wrap table, [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid .k-grid-content table, [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid .k-grid-table, [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid table.k-table { width: 100% !important; min-width: 100% !important; table-layout: fixed; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchEvaluatorGrid .k-table-tbody > .k-table-row:last-child > .k-table-td { border-bottom: none !important; } [b-f0mx39niw5] .grid.k-grid#aiJobMatchSummarizeSummaryGrid .k-table-tbody > .k-table-row:last-child > .k-table-td { border-bottom: none !important; } .aiJobMatchEvaluator_chartContainer[b-f0mx39niw5] { display: flex; justify-content: center; align-items: center; min-height: 480px; padding: var(--space-xl) var(--space-2xl); border-radius: 8px; } .aiJobMatchEvaluator_stepper[b-f0mx39niw5] { margin-bottom: var(--space-xl); } .aiJobMatchEvaluator_stepper div[b-f0mx39niw5] { margin-right: -2px; min-height: 40px; padding-left: var(--space-2xl); color: var(--text-default); background-color: var(--background-default-default); clip-path: polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%, 2% 50%); border-radius: 8px; display: flex; align-items: center; } .aiJobMatchEvaluator_stepper div:first-child[b-f0mx39niw5] { padding-left: var(--space-lg); clip-path: polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%, 0% 0%); } .aiJobMatchEvaluator_stepper div:last-child[b-f0mx39niw5] { clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 2% 50%); } .aiJobMatchEvaluator_stepper div.active[b-f0mx39niw5] { color: #fff; background-color: var(--background-success-pressed); } .aiJobMatchEvaluator_stepper div.aiJobMatchEvaluator_stepClickable[b-f0mx39niw5] { cursor: pointer; } .aiJobMatchEvaluator_stepper div.aiJobMatchEvaluator_stepClickable:hover[b-f0mx39niw5], .aiJobMatchEvaluator_stepper div.aiJobMatchEvaluator_stepClickable:focus-visible[b-f0mx39niw5] { text-decoration: underline; text-underline-offset: 2px; } [b-f0mx39niw5] .aiJobMatchEvaluator_nextButton.btn.filled.success { background-color: var(--background-success-pressed); border-color: var(--background-success-pressed); } [b-f0mx39niw5] .aiJobMatchEvaluator_nextButton.btn.filled.success:hover, [b-f0mx39niw5] .aiJobMatchEvaluator_nextButton.btn.filled.success:focus { background-color: var(--background-success-pressed); border-color: var(--background-success-pressed); } /* Summarize: left card width = 1/3 of right card (1:3 flex ratio) */ .aiJobMatchEvaluator_summarizeCardRow[b-f0mx39niw5] .aiJobMatchEvaluator_summarizeLeftCard { flex: 1 1 0; min-width: 0; } .aiJobMatchEvaluator_summarizeCardRow[b-f0mx39niw5] .aiJobMatchEvaluator_summarizeRightCard { flex: 3 1 0; min-width: 0; } .aiJobMatchEvaluator_summarizeCardHeading[b-f0mx39niw5] { line-height: 1.25; margin-bottom: var(--space-2xl, 24px); } .aiJobMatchEvaluator_summarizeCardHeadingRow[b-f0mx39niw5] { width: 100%; margin-bottom: var(--space-2xl, 24px); } .aiJobMatchEvaluator_summarizeCardHeadingRow .aiJobMatchEvaluator_summarizeCardHeading[b-f0mx39niw5] { margin-bottom: 0; } .aiJobMatchEvaluator_summarizeCardHeadingIcon[b-f0mx39niw5] { flex: 0 0 auto; } /* /Pages/MyOrganizations/Jobs/AiJobMatchEvaluator/Chart/ScatterChart.razor.rz.scp.css */ .aiJobMatchScatterChart_title[b-u9gnw0ezg1] { text-align: center; word-break: break-word; } .aiJobMatchScatterChart_titleSeparator[b-u9gnw0ezg1] { gap: 0; line-height: 0; } .aiJobMatchScatterChart_subtitle[b-u9gnw0ezg1] { text-align: center; } .aiJobMatchScatterChart_content[b-u9gnw0ezg1] { width: 100%; gap: var(--space-8xl, 48px); } .aiJobMatchScatterChart_plot[b-u9gnw0ezg1] { position: relative; flex: 0 0 auto; width: 480px; height: 480px; } .aiJobMatchScatterChart_vennBackground[b-u9gnw0ezg1] { position: absolute; inset: 3%; z-index: 0; pointer-events: none; } .aiJobMatchScatterChart_vennBackground svg[b-u9gnw0ezg1] { width: 100%; height: 100%; } .aiJobMatchScatterChart_vennCircleLeft[b-u9gnw0ezg1], .aiJobMatchScatterChart_vennCircleRight[b-u9gnw0ezg1] { stroke: #ffffff; stroke-width: 0.5; } .aiJobMatchScatterChart_vennCircleLeft[b-u9gnw0ezg1] { fill: rgba(6, 65, 110, 0.55); } .aiJobMatchScatterChart_vennCircleRight[b-u9gnw0ezg1] { fill: rgba(235, 246, 255, 0.65); } .aiJobMatchScatterChart_plotAlignmentZones[b-u9gnw0ezg1] .aiJobMatchScatterChart_chartAlignmentZones { position: relative; z-index: 1; --kendo-chart-bg: transparent; background: transparent !important; } .aiJobMatchScatterChart_plotAlignmentZones[b-u9gnw0ezg1] .aiJobMatchScatterChart_chartAlignmentZones .k-chart-surface, .aiJobMatchScatterChart_plotAlignmentZones[b-u9gnw0ezg1] .aiJobMatchScatterChart_chartAlignmentZones .k-chart-plotarea, .aiJobMatchScatterChart_plotAlignmentZones[b-u9gnw0ezg1] .aiJobMatchScatterChart_chartAlignmentZones .k-chart-area, .aiJobMatchScatterChart_plotAlignmentZones[b-u9gnw0ezg1] .aiJobMatchScatterChart_chartAlignmentZones .k-chart-surface > svg { background: transparent !important; } .aiJobMatchScatterChart_plot[b-u9gnw0ezg1] .k-chart-tooltip, .aiJobMatchScatterChart_plot[b-u9gnw0ezg1] .k-tooltip, .aiJobMatchScatterChart_plot[b-u9gnw0ezg1] .k-chart-tooltip .k-tooltip-content, .aiJobMatchScatterChart_plot[b-u9gnw0ezg1] .k-tooltip .k-tooltip-content { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .aiJobMatchScatterChart_plot[b-u9gnw0ezg1] .k-chart-tooltip .k-callout, .aiJobMatchScatterChart_plot[b-u9gnw0ezg1] .k-tooltip .k-callout { display: none !important; } .aiJobMatchScatterChart_dotTooltip[b-u9gnw0ezg1] { padding: var(--space-sm) var(--space-md); border: 1px solid; border-radius: 12px; max-width: 280px; overflow: hidden; background-clip: padding-box; } .aiJobMatchScatterChart_dotTooltipJobFunction[b-u9gnw0ezg1], .aiJobMatchScatterChart_dotTooltipJustification[b-u9gnw0ezg1] { margin: 0; } .aiJobMatchScatterChart_dotTooltipJustification[b-u9gnw0ezg1] { margin-top: var(--space-xxs); } .aiJobMatchScatterChart_legend[b-u9gnw0ezg1] { flex: 0 0 auto; align-self: center; min-width: 280px; max-width: 400px; padding: var(--space-xl, 20px) var(--space-lg, 16px) var(--space-md, 12px); border: 1px solid var(--border-disabled, #d4d4d4); border-radius: 8px; background-color: #ffffff; } .aiJobMatchScatterChart_legendItems[b-u9gnw0ezg1] { flex: 0 0 auto; display: flex; flex-direction: column; gap: var(--space-md, 12px); } .aiJobMatchScatterChart_legendItem[b-u9gnw0ezg1] { display: flex; align-items: center; justify-content: space-between; cursor: pointer; border-radius: 4px; padding: var(--space-xs) var(--space-sm); margin: 0; gap: var(--space-md); width: 100%; } .aiJobMatchScatterChart_legendItemMain[b-u9gnw0ezg1] { display: flex; align-items: center; gap: var(--space-sm); min-width: 0; flex: 1 1 auto; } .aiJobMatchScatterChart_legendItem:hover[b-u9gnw0ezg1], .aiJobMatchScatterChart_legendItemActive[b-u9gnw0ezg1] { background-color: var(--background-default-hover, #f5f5f5); } .aiJobMatchScatterChart_legendLabel[b-u9gnw0ezg1] { min-width: 0; word-break: break-word; } .aiJobMatchScatterChart_legendRatingBadge[b-u9gnw0ezg1] { flex: 0 0 auto; padding: 4px var(--space-sm); border: 1px solid; border-radius: 12px; white-space: nowrap; line-height: 1.3; } .aiJobMatchScatterChart_legendSwatch[b-u9gnw0ezg1] { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; } .aiJobMatchScatterChart_legendSwatchIcon[b-u9gnw0ezg1] { line-height: 0; } .aiJobMatchScatterChart_legendFooter[b-u9gnw0ezg1] { margin-top: var(--space-2xl, 24px); padding-top: var(--space-xl, 20px); border-top: 1px solid var(--border-light, #f5f5f5); text-align: center; } .aiJobMatchScatterChart_legendFooterTitle[b-u9gnw0ezg1] { line-height: 1.2; } .aiJobMatchScatterChart_legendFooterSubtitle[b-u9gnw0ezg1] { margin-top: var(--space-xxs); } /* /Pages/MyOrganizations/Jobs/Edit/AssumptionsSlideout/AssumptionsSlideout.razor.rz.scp.css */ /* Match Comp Plan Settings: analysis metric values are right-aligned inside the control. */ .assumptions-slideout__analysis-metric[b-0w142yzfw9] input.number-input { text-align: right; } /* /Pages/MyOrganizations/Jobs/Edit/DetailsAccordions/FlsaStatusSelect/FlsaStatusSelect.razor.rz.scp.css */ [b-8xzbln66pa] .flsaStatusSelect_aiFlsaStatusLink:hover span { text-decoration: underline; text-underline-offset: 2px; } /* /Pages/MyOrganizations/Jobs/Edit/JobItemsGrids/JobItemsGrid.razor.rz.scp.css */ [b-ajf10p0q76] button.jobItemsGrid_aiEvaluateButton:hover .text { text-decoration: underline; } /* /Pages/MyOrganizations/Jobs/JobsGrid/JobsGrid.razor.rz.scp.css */ [b-lh7td5dlk6] .jobs-grid.k-grid td .jobs-grid-job-summary, [b-lh7td5dlk6] .jobs-grid.k-grid td .jobs-grid-duties { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } /* /Pages/MyOrganizations/ManageOrganizations/OrganizationEditModal/OrganizationEditModal.razor.rz.scp.css */ /* Industry and Headquarters are populated via the Browse slideouts, so the inputs are disabled to block typing (see work item 11307). We keep the disabled border and background as a visual cue but restore high-contrast text so the selected values remain readable. */ .browse-field[b-61cfk9d4xs] .text-input.disabled { color: var(--text-default); -webkit-text-fill-color: var(--text-default); opacity: 1; } /* /Pages/SA/AdvancedReport/CompensationsGrid/CompensationGrid.razor.rz.scp.css */ .compensation-grid[b-vpmzgmsg4r] .k-grid-pager .k-pager-info { display: none; } /* /Pages/SA/Benefits/Benefits.razor.rz.scp.css */ .benefits-content-layout[b-qmq11z0aze] { min-width: 0; } .benefits-grids-column[b-qmq11z0aze], .benefits-charts-column[b-qmq11z0aze] { min-width: 0; } @media (max-width: 1400px) { .benefits-content-layout[b-qmq11z0aze] { flex-direction: column; } .benefits-grids-column[b-qmq11z0aze] { flex-basis: 100%; margin-right: 0; } .benefits-charts-column[b-qmq11z0aze] { flex-basis: 100%; } } /* /Pages/SA/Benefits/Exports/Pdf/BenefitsGridCard.razor.rz.scp.css */ .benefits-pdf-grid-card[b-leq8ureew4] { margin-top: 8px; } .benefits-pdf-grid-card[b-leq8ureew4] .grid.k-grid { margin: 8px 0 0 0; } .benefits-pdf-grid-card[b-leq8ureew4] .grid.k-grid .k-grid-header { display: none; } .benefits-pdf-grid-card[b-leq8ureew4] .section-header { background-color: #F5F5F5; } .benefits-pdf-grid-card[b-leq8ureew4] .k-grid tbody::after { height: 0; } .benefits-pdf-grid-card[b-leq8ureew4] .k-table-tbody > .k-table-row > .k-table-td { border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: 1px solid #E5E5E5; } .benefits-pdf-grid-card[b-leq8ureew4] .k-grid .k-table-td.text-center { text-align: center !important; } /* /Pages/SA/Benefits/Exports/Pdf/CoverageChart.razor.rz.scp.css */ .benefits-coverage-chart-card[b-a0nf1re4fu] { margin-top: 8px; } .benefits-coverage-chart-card .card-content.coverage-chart-content[b-a0nf1re4fu] { margin-top: 16px; } .coverage-chart-legend[b-a0nf1re4fu] { display: flex; flex-direction: row; align-items: center; gap: 32px; margin-bottom: 16px; } .coverage-chart-legend-item[b-a0nf1re4fu] { display: flex; flex-direction: row; align-items: center; gap: 4px; } .coverage-chart-swatch[b-a0nf1re4fu] { flex-shrink: 0; width: 14px; height: 14px; border-radius: 2px; } .coverage-chart-swatch-sage[b-a0nf1re4fu] { background-color: #5C8774; } .coverage-chart-swatch-seq-03[b-a0nf1re4fu] { background-color: #82C3BF; } .coverage-chart-legend-label[b-a0nf1re4fu] { font-family: Inter, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 500; line-height: 16px; letter-spacing: 0.1px; color: #686868; } .coverage-chart-pie-container[b-a0nf1re4fu] { display: flex; justify-content: center; } .coverage-chart-pie[b-a0nf1re4fu] { display: block; } .coverage-chart-pie-border[b-a0nf1re4fu] { fill: none; stroke: #ffffff; stroke-width: 1px; } .coverage-chart-slice-label[b-a0nf1re4fu] { font-family: Inter, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; fill: #ffffff; } /* /Pages/SA/Benefits/Exports/Pdf/OfferedChart.razor.rz.scp.css */ .benefits-offered-chart-card[b-a0z743cw1i] { margin-top: 8px; } .benefits-offered-chart-card .card-content.offered-chart-content[b-a0z743cw1i] { margin-top: 16px; } .offered-chart-plot[b-a0z743cw1i] { position: relative; } .offered-chart-grid[b-a0z743cw1i] { position: absolute; inset: 0 0 0 0; pointer-events: none; } .offered-chart-grid-line[b-a0z743cw1i] { position: absolute; top: 0; bottom: 0; width: 0; border-left: 0.75pt solid #e5e5e5; transform: translateX(-50%); } .offered-chart-grid-line-minor[b-a0z743cw1i] { border-left-style: dashed; } .offered-chart-rows[b-a0z743cw1i] { position: relative; display: flex; /* Match HorizontalBarChart: first data item is at the bottom of the plot. */ flex-direction: column-reverse; gap: 16px; } .offered-chart-row[b-a0z743cw1i] { display: flex; flex-direction: column; gap: 4px; } .offered-chart-row-label[b-a0z743cw1i] { margin: 0; font-family: Inter, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 500; line-height: 16px; letter-spacing: 0.1px; color: #686868; } .offered-chart-bar-track[b-a0z743cw1i] { width: 100%; height: 18px; } .offered-chart-bar[b-a0z743cw1i] { display: flex; align-items: center; justify-content: flex-end; min-width: 0; height: 100%; padding-right: 8px; border-radius: 4px; background-color: #5c8774; box-sizing: border-box; } .offered-chart-bar-value[b-a0z743cw1i] { font-family: Inter, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.1px; color: #ffffff; white-space: nowrap; } .offered-chart-axis[b-a0z743cw1i] { position: relative; height: 16px; margin-top: 12px; } .offered-chart-axis-tick[b-a0z743cw1i] { position: absolute; transform: translateX(-50%); font-family: Inter, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 500; line-height: 1.6; letter-spacing: 0.1px; color: #686868; white-space: nowrap; } .offered-chart-axis-tick:first-child[b-a0z743cw1i] { transform: none; } .offered-chart-axis-tick:last-child[b-a0z743cw1i] { transform: translateX(-100%); } /* /Pages/SA/Benefits/Exports/Pdf/PtoChart.razor.rz.scp.css */ .benefits-pto-chart-card[b-m6z6vymcd8] { margin-top: 16px; } .benefits-pto-chart-card .card-content.pto-chart-content[b-m6z6vymcd8] { margin-top: 16px; } .pto-chart-plot[b-m6z6vymcd8] { display: flex; flex-direction: row; align-items: stretch; gap: 8px; width: 512px; margin: 0 auto; } .pto-chart-y-axis[b-m6z6vymcd8] { position: relative; flex-shrink: 0; width: 20px; height: 164px; } .pto-chart-y-tick[b-m6z6vymcd8] { position: absolute; right: 0; transform: translateY(50%); font-family: Inter, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 500; line-height: 16px; letter-spacing: 0.1px; color: #686868; text-align: right; white-space: nowrap; } .pto-chart-area[b-m6z6vymcd8] { position: relative; flex: 1; height: 164px; } .pto-chart-grid[b-m6z6vymcd8] { position: absolute; inset: 0; pointer-events: none; } .pto-chart-grid-line[b-m6z6vymcd8] { position: absolute; left: 0; right: 0; height: 0; border-top: 0.75pt solid #e5e5e5; } .pto-chart-bars[b-m6z6vymcd8] { position: relative; display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 8px; height: 100%; padding: 0 4px; box-sizing: border-box; } .pto-chart-bar-column[b-m6z6vymcd8] { display: flex; flex: 1 1 0; align-items: flex-end; justify-content: center; min-width: 0; height: 100%; } .pto-chart-bar[b-m6z6vymcd8] { display: flex; justify-content: center; width: 65px; max-width: 100%; padding-top: 8px; border-radius: 4px; background-color: #5c8774; box-sizing: border-box; } .pto-chart-bar-value[b-m6z6vymcd8] { font-family: Inter, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; line-height: 20px; letter-spacing: 0; color: #ffffff; text-align: center; white-space: nowrap; } .pto-chart-x-labels[b-m6z6vymcd8] { display: flex; flex-direction: row; gap: 8px; width: 505px; margin: 8px auto 0; padding-left: 28px; box-sizing: border-box; } .pto-chart-x-label[b-m6z6vymcd8] { flex: 1 1 0; min-width: 0; font-family: Inter, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 500; line-height: 12px; letter-spacing: 0.1px; color: #686868; text-align: center; } /* /Pages/SA/CompensationManagement/CompPlanDropdown.razor.rz.scp.css */ /* ButtonMenu wraps content in Popover with class "menu" (see ButtonMenu.razor.css). Strip that shell so the card matches Figma edge-to-edge at 308px — inner panel supplies padding, radius, and shadow. */ .comp-plan-dropdown[b-7x4ptdoes6] .menu { box-sizing: border-box; min-width: 0; padding: 0; border-radius: 0; background-color: transparent; box-shadow: none; } .comp-plan-dropdown__container[b-7x4ptdoes6] { box-sizing: border-box; width: 308px; } .comp-plan-dropdown__activator[b-7x4ptdoes6] { border: none; background: transparent; padding: 0; margin: 0; cursor: pointer; font: inherit; color: inherit; min-height: 0; } .comp-plan-dropdown__panel[b-7x4ptdoes6] { box-sizing: border-box; width: 100%; } .comp-plan-dropdown__menuShadow[b-7x4ptdoes6] { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 10px 15px rgba(0, 0, 0, 0.1); } .comp-plan-dropdown__scroll[b-7x4ptdoes6] { box-sizing: border-box; max-height: 320px; overflow-x: clip; overflow-y: auto; border-bottom: 1px solid var(--border-light); } .comp-plan-dropdown__actionItemInner[b-7x4ptdoes6] { flex: 1 1 auto; min-width: 0; width: 100%; } .comp-plan-dropdown__supportingText[b-7x4ptdoes6] { font-size: 10px; line-height: 16px; letter-spacing: 0.1px; } .comp-plan-dropdown .dropdown-item .content .comp-plan-dropdown__item-lines[b-7x4ptdoes6] { min-width: 0; white-space: normal; text-wrap: wrap; } /* /Pages/SA/CompensationManagement/Insights/PayAlignment/DonutArrow.razor.rz.scp.css */ .donut-wrapper[b-alhbx66tw7] { display: inline-flex; align-items: center; justify-content: center; } svg[b-alhbx66tw7] { overflow: visible; } circle[b-alhbx66tw7] { transition: stroke-dashoffset 0.6s ease; } /* /Pages/SA/CompensationManagement/Reports/Grids/BudgetReport.razor.rz.scp.css */ .budgetReport_filterBar[b-6c2vn7pvi4] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .budgetReport_label[b-6c2vn7pvi4] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/CompanyLogoModal/CompanyLogoModal.razor.rz.scp.css */ /* Scoped styles must pierce into Modal; #companyLogoModal alone does not apply from this file. */ .companyLogoModal_host[b-suppg46zdt] #companyLogoModal .dialog { width: min(280px, calc(100vw - 48px)); max-width: min(280px, calc(100vw - 48px)); box-sizing: border-box; } .companyLogoModal_content[b-suppg46zdt] { width: 100%; margin-inline: auto; } .companyLogoModal_message[b-suppg46zdt] { width: 100%; text-align: center; } .companyLogoModal_actions[b-suppg46zdt] { width: 100%; } .companyLogoModal_logoPlaceholder[b-suppg46zdt], .companyLogoModal_logoImage[b-suppg46zdt] { width: 120px; height: 120px; flex-shrink: 0; border-radius: var(--radius-md, 8px); object-fit: contain; } .companyLogoModal_logoPlaceholder[b-suppg46zdt] { background-color: var(--surface-subtle, #f5f5f5); border: 1px dashed var(--border-default, #e0e0e0); } .companyLogoModal_logoImage[b-suppg46zdt] { border: 1px solid var(--border-default, #e0e0e0); } /* /Pages/SA/CompensationManagement/Reports/Grids/DepartmentsReport.razor.rz.scp.css */ .departmentsReport_filterBar[b-oud7kzkyrv] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .departmentsReport_label[b-oud7kzkyrv] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/DownloadOnlyReport.razor.rz.scp.css */ .downloadOnlyReport_filterBar[b-vzhap98z62] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .downloadOnlyReport_label[b-vzhap98z62] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/EmployeeCommunicationReport.razor.rz.scp.css */ .employeeCommunicationReport_section[b-cm3o90p2gt] { margin-bottom: 20px; } .employeeCommunicationReport_sectionTitle[b-cm3o90p2gt] { font-size: var(--font-size-md); font-weight: 700; color: #2e6b3e; margin-bottom: 14px; text-transform: uppercase; letter-spacing: 0.4px; } .employeeCommunicationReport_sectionDivider[b-cm3o90p2gt] { border: none; border-top: 1px solid #eee; margin: 20px 0; } .employeeCommunicationReport_radioGroup[b-cm3o90p2gt] { gap: 16px; } .employeeCommunicationReport_radioOption[b-cm3o90p2gt] { display: flex; flex-direction: column; gap: 8px; } .employeeCommunicationReport_subControls[b-cm3o90p2gt] { margin-left: 25px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .employeeCommunicationReport_checkboxGroup[b-cm3o90p2gt] { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; } .employeeCommunicationReport_checkboxWithHelp[b-cm3o90p2gt] { display: flex; align-items: center; gap: 6px; } .employeeCommunicationReport_field[b-cm3o90p2gt] { margin-bottom: 0; } .employeeCommunicationReport_fieldLabel[b-cm3o90p2gt] { display: block; font-size: var(--font-size-md); font-weight: 500; color: #444; margin-bottom: 6px; } .employeeCommunicationReport_fieldLabelRow[b-cm3o90p2gt] { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; } .employeeCommunicationReport_fieldLabelRow .employeeCommunicationReport_fieldLabel[b-cm3o90p2gt] { margin-bottom: 0; } .employeeCommunicationReport_readonlyBadge[b-cm3o90p2gt] { font-size: 11px; color: #888; background: #eee; padding: 1px 6px; border-radius: 3px; } .employeeCommunicationReport_greetingRow[b-cm3o90p2gt] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .employeeCommunicationReport_footerInputs[b-cm3o90p2gt] { display: flex; gap: 14px; flex-wrap: wrap; } .employeeCommunicationReport_footerInputs > *[b-cm3o90p2gt] { flex: 1; min-width: 200px; } .employeeCommunicationReport_readOnlyField[b-cm3o90p2gt] .text-area-input { background: #f9f9f9; color: #888; cursor: default; } .employeeCommunicationReport_actionRow[b-cm3o90p2gt] { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-top: 20px; border-top: 1px solid #eee; margin-top: 28px; } .employeeCommunicationReport_actionRowButtons[b-cm3o90p2gt] { display: flex; align-items: center; gap: 16px; } /* /Pages/SA/CompensationManagement/Reports/Grids/EmployeeFullReport.razor.rz.scp.css */ .employeeFullReport_filterBar[b-a4wcox1uzz] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .employeeFullReport_label[b-a4wcox1uzz] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/EmployeeShortReport.razor.rz.scp.css */ .employeeShortReport_filterBar[b-z961ghjwni] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .employeeShortReport_label[b-z961ghjwni] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/IncentivesReport.razor.rz.scp.css */ .incentivesReport_filterBar[b-o3wmvmy9zi] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .incentivesReport_label[b-o3wmvmy9zi] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/ManageTotalRewardsModal/ManageTotalRewardsModal.razor.rz.scp.css */ .manageTotalRewardsModal_host[b-amayxnr1ea] #manageTotalRewardsModal .dialog { width: min(920px, calc(100vw - 48px)); max-width: min(920px, calc(100vw - 48px)); max-height: none; height: auto; } .manageTotalRewardsModal_host[b-amayxnr1ea] #manageTotalRewardsModal .dialog-content { overflow-y: visible; } .manageTotalRewardsModal_columns[b-amayxnr1ea] { width: 100%; gap: var(--spacing-lg, 24px); } .manageTotalRewardsModal_columns > div[b-amayxnr1ea] { min-width: 0; flex: 1 1 280px; } /* /Pages/SA/CompensationManagement/Reports/Grids/ManageTotalRewardsModal/ManageTotalRewardsSection.razor.rz.scp.css */ .manageTotalRewardsSection_header[b-nnfc18jpev] .checkbox-label { font-weight: 600; } /* /Pages/SA/CompensationManagement/Reports/Grids/PayGradeBasicReport.razor.rz.scp.css */ .payGradeBasicReport_filterBar[b-3ds7qi7zl8] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .payGradeBasicReport_label[b-3ds7qi7zl8] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/PayGradeDetailedReport.razor.rz.scp.css */ .payGradeDetailedReport_filterBar[b-9z0bbctom9] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .payGradeDetailedReport_label[b-9z0bbctom9] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/ReportOptions.razor.rz.scp.css */ .reportOptions[b-sg334qz6h9] { margin-bottom: var(--space-xs); } .reportOptions_header[b-sg334qz6h9] { background-color: var(--background-table-header); padding: var(--space-sm) 14px; border-radius: var(--radius-sm); font-size: var(--font-size-md); font-weight: 600; color: var(--text-table-header); margin-bottom: var(--space-md); } .reportOptions_linkGrid[b-sg334qz6h9] { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-sm) var(--space-2xl); padding: 0 var(--space-xs); } [b-sg334qz6h9] .reportOptions_link.link, [b-sg334qz6h9] .reportOptions_link.link span { color: #2e6b3e; font-size: var(--font-size-md); font-weight: 400; } [b-sg334qz6h9] .reportOptions_link.link:hover, [b-sg334qz6h9] .reportOptions_link.link:hover span { color: #2e6b3e; font-weight: 400; } [b-sg334qz6h9] .reportOptions_link.link:hover span { text-decoration: underline; text-underline-offset: 2px; } .reportOptions_divider[b-sg334qz6h9] { border: none; border-top: 1px solid #eee; margin: var(--space-2xl) 0 0; } /* /Pages/SA/CompensationManagement/Reports/Grids/RewardsOptions.razor.rz.scp.css */ .reportOptions[b-mfq1na6t7w] { margin-bottom: var(--space-xs); } .reportOptions_header[b-mfq1na6t7w] { background-color: var(--background-table-header); padding: var(--space-sm) 14px; border-radius: var(--radius-sm); font-size: var(--font-size-md); font-weight: 600; color: var(--text-table-header); margin-bottom: var(--space-md); } .reportOptions_linkGrid[b-mfq1na6t7w] { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-sm) var(--space-2xl); padding: 0 var(--space-xs); } [b-mfq1na6t7w] .reportOptions_link.link, [b-mfq1na6t7w] .reportOptions_link.link span { color: #2e6b3e; font-size: var(--font-size-md); font-weight: 400; } [b-mfq1na6t7w] .reportOptions_link.link:hover, [b-mfq1na6t7w] .reportOptions_link.link:hover span { color: #2e6b3e; font-weight: 400; } [b-mfq1na6t7w] .reportOptions_link.link:hover span { text-decoration: underline; text-underline-offset: 2px; } .reportOptions_divider[b-mfq1na6t7w] { border: none; border-top: 1px solid #eee; margin: var(--space-2xl) 0 0; } /* /Pages/SA/CompensationManagement/Reports/Grids/SalaryIncreaseCompaRatioReport.razor.rz.scp.css */ .salaryIncreaseCompaRatioReport_filterBar[b-p7x3g1uqh7] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .salaryIncreaseCompaRatioReport_label[b-p7x3g1uqh7] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/SalaryIncreaseGeneralReport.razor.rz.scp.css */ .salaryIncreaseGeneralReport_filterBar[b-v9y4ondy6u] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .salaryIncreaseGeneralReport_label[b-v9y4ondy6u] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/SalaryIncreaseMarketIndexReport.razor.rz.scp.css */ .salaryIncreaseMarketIndexReport_filterBar[b-lxj2uuzywb] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .salaryIncreaseMarketIndexReport_label[b-lxj2uuzywb] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/SalaryIncreaseSummaryReport.razor.rz.scp.css */ .salaryIncreaseSummaryReport_filterBar[b-iuqnqh57xn] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .salaryIncreaseSummaryReport_label[b-iuqnqh57xn] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Grids/TotalRewardStatementReport.razor.rz.scp.css */ .totalRewardStatementReport_filterBar[b-vwdqvkf4ul] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; margin-top: var(--space-2xl); } .totalRewardStatementReport_downloadOptions[b-vwdqvkf4ul] { margin-top: 20px; } .totalRewardStatementReport_sectionTitle[b-vwdqvkf4ul] { font-size: var(--font-size-md); font-weight: 700; color: #2e6b3e; margin-bottom: 14px; text-transform: uppercase; letter-spacing: 0.4px; } .totalRewardStatementReport_radioGroup[b-vwdqvkf4ul] { gap: 16px; } .totalRewardStatementReport_radioOption[b-vwdqvkf4ul] { display: flex; flex-direction: column; gap: 8px; } .totalRewardStatementReport_subControls[b-vwdqvkf4ul] { margin-left: 25px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .totalRewardStatementReport_label[b-vwdqvkf4ul] { font-size: var(--font-size-md); color: #333; white-space: nowrap; } /* /Pages/SA/CompensationManagement/Reports/Reports.razor.rz.scp.css */ .reportsPage[b-gjcqk1laix] > .flex-row.px-2xl.mb-lg { align-items: flex-end; background-color: var(--background-base-default); border-bottom: 1px solid var(--border-default); margin-bottom: 0; padding-bottom: var(--space-md); padding-top: var(--space-md); } .reportsPage[b-gjcqk1laix] > .flex-row.px-2xl.mb-lg > .flex-row.gap-lg { flex-shrink: 0; } .reportsPage[b-gjcqk1laix] .comp-plan-dropdown { flex-shrink: 0; } .reportsPage_title[b-gjcqk1laix] { color: var(--text-default); font-size: var(--font-size-2xl); font-weight: 600; line-height: var(--font-size-2xl-line-height); } .reportsPage_subtitle[b-gjcqk1laix] { color: var(--text-caption); font-size: var(--font-size-sm); line-height: var(--font-size-sm-line-height); margin-top: var(--space-xxs); } .reportsPage_tabs[b-gjcqk1laix] { background-color: var(--background-base-default); border-bottom: 1px solid var(--border-default); padding: 0 var(--space-2xl); padding-top: 12px; } .reportsPage_tabs[b-gjcqk1laix] .tab-panels { display: none; } .reportsPage_tabs[b-gjcqk1laix] .tabs .tabs-toolbar { gap: 0; } .reportsPage_tabs[b-gjcqk1laix] .tabs .tabs-toolbar .tab { border-bottom: 3px solid transparent; color: var(--text-caption); font-size: var(--font-size-md); font-weight: 500; height: auto; margin-bottom: -1px; padding: var(--space-md) var(--space-xl); } .reportsPage_tabs[b-gjcqk1laix] .tabs .tabs-toolbar .tab.active { border-bottom-color: var(--text-primary); color: var(--text-primary); font-weight: 600; padding: var(--space-md) var(--space-xl); } .reportsPage_body[b-gjcqk1laix] { background-color: var(--background-default-default); padding: var(--space-2xl); } .reportsPage_card[b-gjcqk1laix] { background-color: var(--background-base-default); border: 1px solid var(--border-default); border-radius: var(--radius-md); margin: 0 auto; max-width: 1100px; padding: var(--space-3xl) var(--space-4xl); } /* /Pages/SA/CompensationManagement/Rewards/SalaryIncrease/AISalaryIncreaseSlideout/AISalaryIncreaseSlideout.razor.rz.scp.css */ .stepper[b-lvmtti6hv0] { display: flex; margin-bottom: var(--space-2xl); } .stepper div[b-lvmtti6hv0] { flex: 1; margin-right: -6px; min-width: 0; height: 40px; padding-left: var(--space-xl); color: var(--text-default); background-color: var(--background-default-default); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 4% 50%); border-radius: 8px; display: flex; align-items: center; } .stepper div:first-child[b-lvmtti6hv0] { padding-left: var(--space-md); clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%, 0% 0%); } .stepper div:last-child[b-lvmtti6hv0] { clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 4% 50%); } .stepper div.active[b-lvmtti6hv0] { color: white; background-color: var(--background-primary-default); } /* /Pages/SA/CompensationManagement/Rewards/SalaryIncrease/AISalaryIncreaseSlideout/DefineParameters/DefineParameters.razor.rz.scp.css */ .jobs-grid-container[b-rbe7erhir1] { height: 400px; min-height: 400px; flex-shrink: 0; } .jobs-grid-container[b-rbe7erhir1] #aiSalaryIncreaseSlideout_jobsGrid.grid.k-grid { height: 400px; } .jobs-grid-container[b-rbe7erhir1] #aiSalaryIncreaseSlideout_jobsGrid .k-grid-content { overflow-x: auto; overflow-y: auto !important; } .jobs-grid-container[b-rbe7erhir1] #aiSalaryIncreaseSlideout_jobsGrid tbody::after { content: none; } .advanced-parameters-section[b-rbe7erhir1] .accordion { border: none; background: transparent; border-radius: 0; } .advanced-parameters-section[b-rbe7erhir1] .accordion-toggle { background: var(--background-default-default); border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .advanced-parameters-section[b-rbe7erhir1] .accordion-toggle:hover { background: var(--background-default-hovered); } .advanced-parameters-section[b-rbe7erhir1] .accordion-content { border-top: none; } /* /Pages/SA/CompensationManagement/Rewards/SalaryIncrease/AISalaryIncreaseSlideout/Preview/Preview.razor.rz.scp.css */ .preview-root[b-aknkdc1pk8] { gap: var(--space-md); } .preview-spacer[b-aknkdc1pk8] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden; } .preview-content[b-aknkdc1pk8] { display: flex; flex-direction: column; flex: 0 1 auto; max-height: 100%; min-height: 0; min-width: 0; overflow: hidden; } .preview-grid-scroll[b-aknkdc1pk8] { flex: 0 1 auto; min-height: 0; min-width: 0; overflow-x: hidden; overflow-y: auto; } .preview-grid-container[b-aknkdc1pk8] { min-height: 200px; } .preview-grid-scroll[b-aknkdc1pk8] #aiSalaryIncreaseSlideout_previewGrid.grid.k-grid { max-width: 100%; } .preview-grid-scroll[b-aknkdc1pk8] #aiSalaryIncreaseSlideout_previewGrid.grid.k-grid tbody::after, .preview-grid-scroll[b-aknkdc1pk8] #aiSalaryIncreaseSlideout_previewGrid.grid.k-grid .k-table-tbody::after { content: none; } /* /Pages/SA/CompensationManagement/SettingsSlideout/SettingsSlideout.razor.rz.scp.css */ /* Figma: analysis metric values are right-aligned inside the control (scoped ::deep targets NumberInput's inner input). */ .compensation-settings-slideout__analysis-metric[b-o7vem55t57] input.number-input { text-align: right; } /* /Pages/SA/MarketData/AnnualSalaryCharts/MixedCompensationChart.razor.rz.scp.css */ .legend[b-ea55idlsbn] { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 24px; width: 100%; } .legend-item-icon[b-ea55idlsbn] { background-color: var(--color-gray-300); border-radius: var(--radius-sm); height: 14px; width: 14px; } .legend-item[b-ea55idlsbn] { display: flex; justify-content: center; align-items: center; gap: 4px; } .legend-item .legend-item-icon[b-ea55idlsbn] { height: 14px; width: 14px; border-radius: var(--radius-sm); } .pie-chart-container[b-ea55idlsbn] { max-width: 752px; margin-inline: auto; } .pie-chart-container .triangle-container[b-ea55idlsbn] { position: relative; flex: 1; text-align: right; } .pie-chart-container .triangle-container[b-ea55idlsbn]:before { position: absolute; content: ''; height: 100%; width: 70%; left: 0; background: linear-gradient(to right, rgba(130, 195, 191, 0.7), rgba(193, 225, 223, 0.2), rgba(255, 255, 255, 1)); clip-path: polygon(100% 0%, 100% 100%, 0% 50%); } .pie-chart-container .triangle-container[b-ea55idlsbn] .pie-chart { display: inline-flex; } .pie-chart-container .triangle-container[b-ea55idlsbn] .pie-chart svg { z-index: 1; } /* /Pages/SA/MarketData/AnnualSalaryCharts/RangeColumnChart.razor.rz.scp.css */ /* /Pages/SA/MarketData/CompensationBreakdown/CompensationBreakdown.razor.rz.scp.css */ .legend[b-tg5p01pxfc] { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 24px; width: 100%; } .legend-item-icon[b-tg5p01pxfc] { background-color: var(--color-gray-300); border-radius: var(--radius-sm); height: 14px; width: 14px; } .legend-item[b-tg5p01pxfc] { display: flex; justify-content: center; align-items: center; gap: 4px; } .legend-item .legend-item-icon[b-tg5p01pxfc] { height: 14px; width: 14px; border-radius: var(--radius-sm); } .bar-group[b-tg5p01pxfc] { height: 16px; flex-grow: 1; position: relative; } .bar-group .bar[b-tg5p01pxfc] { height: 100%; } .bar-group .bar.bar-front[b-tg5p01pxfc] { border-top-left-radius: var(--radius-circle); border-bottom-left-radius: var(--radius-circle); position: absolute; top: 0; } .bar-group .bar.bar-front.full[b-tg5p01pxfc] { border-top-right-radius: var(--radius-circle); border-bottom-right-radius: var(--radius-circle); } .bar-group .bar.bar-back[b-tg5p01pxfc] { border-radius: var(--radius-circle); } .bar-group .dashed-line[b-tg5p01pxfc] { position: absolute; height: 63px; border-left: 1px dashed hsla(0, 0%, 0%, 0.15); } /* /Pages/SA/PeerCompanyAnalyses/CompanyProfileSlideout/CompanyProfileSlideout.razor.rz.scp.css */ [b-5vim8sr52s] .company-profile-sct-grid.grid.k-grid { font-size: var(--font-size-sm); } [b-5vim8sr52s] .company-profile-sct-grid.grid.k-grid .k-grid-header { background: var(--surface-subtle); } [b-5vim8sr52s] .company-profile-sct-grid.grid.k-grid .k-grid-header th, [b-5vim8sr52s] .company-profile-sct-grid.grid.k-grid .k-table-th { background: var(--surface-subtle); font-weight: var(--font-weight-medium); border-bottom: 1px solid var(--border-default); } [b-5vim8sr52s] .company-profile-sct-grid.grid.k-grid .k-table-td, [b-5vim8sr52s] .company-profile-sct-grid.grid.k-grid td { border-bottom: 1px solid var(--border-default); vertical-align: top; } .company-profile-sct-numeric[b-5vim8sr52s] { text-align: center; white-space: nowrap; }