/* WebWindow surface */
.WebWindow {
    box-sizing: border-box;
    overflow: hidden;
    border: 0;
    border-radius: var(--dfa-window-radius);
    background: var(--dfa-surface);
    box-shadow: var(--dfa-window-shadow);
    color: var(--dfa-text);
}

.WebWindow .WebWin_top_l,
.WebWindow .WebWin_top_r,
.WebWindow .WebWin_top_c {
    min-height: 1px;
    padding: 0;
    background: transparent;
}

/* Keep the one-pixel resize hit zones while removing the legacy frame color. */
.WebWindow .WebWin_main_l {
    padding-left: 1px;
    background: transparent;
}

.WebWindow .WebWin_main_r {
    padding-right: 1px;
    background: transparent;
}

.WebWindow .WebWin_header {
    box-sizing: border-box;
    width: auto !important;
    margin: -1px -1px 0;
    background: var(--dfa-accent);
    border-radius: var(--dfa-window-radius) var(--dfa-window-radius) var(--dfa-radius-zero) var(--dfa-radius-zero);
}

.WebWindow .WebWin_header_r {
    padding-right: 0;
}

.WebWindow .WebWin_header_c {
    min-height: 44px;
    background: transparent;
}

.WebWindow .WebWin_title {
    padding: 11px 16px 9px;
    color: var(--df-CtrTextColor);
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
}

.WebWindow .WebWin_main_c {
    padding: 0;
    background: var(--dfa-surface);
}

.WebWindow .WebWin_bottom_l,
.WebWindow .WebWin_bottom_r,
.WebWindow .WebWin_bottom_c {
    min-height: 1px;
    padding: 0;
    background: transparent;
}

.WebButton button {
    background-color: var(--df-MainRegular);
    border-radius: var(--dfa-button-radius);
}

.WebButton.Web_Disabled button,
.LoginDialog .DialogFooterGray .WebButton.Web_Disabled button {
    background-color: var(--dfa-disabled-surface);
    border: 1px solid var(--dfa-disabled-border);
    color: var(--df-Grayscale3);
    cursor: default;
    text-shadow: none;
}

.WebMenuBar{
background: var(--df-MainRegular)
}

.WebMenuBar.Web_Enabled ul.WebBarRoot > li:hover > div, .WebMenuBar ul.WebBarRoot > li.WebItm_Expanded > div{
    background-color: var(--df-MainDark);
}

.WebWindow.WebMsgBox .WebButton.Web_Enabled button,
.WebWindow[data-dfobj="oMsgBox"] .WebButton.Web_Enabled button {
    box-sizing: border-box;
    border: 1px solid var(--dfa-accent-border);
    background-color: var(--dfa-surface);
    color: var(--dfa-accent-dark);
    transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, transform 140ms ease;
}

.WebWindow.WebMsgBox .WebButton.Web_Enabled button:hover,
.WebWindow[data-dfobj="oMsgBox"] .WebButton.Web_Enabled button:hover {
    border-color: var(--dfa-accent);
    background-color: var(--dfa-accent-soft);
    color: var(--dfa-accent-dark);
    box-shadow: 0 6px 14px var(--dfa-shadow-card);
    transform: translateY(-1px);
}

.WebWindow.WebMsgBox .WebButton.Web_Enabled button:active,
.WebWindow[data-dfobj="oMsgBox"] .WebButton.Web_Enabled button:active {
    border-color: var(--dfa-accent-dark);
    background-color: var(--dfa-accent-dark);
    color: var(--df-CtrTextColor);
    box-shadow: 0 1px 2px var(--dfa-shadow-subtle);
    transform: translateY(1px);
}

.WebWindow.WebMsgBox .WebButton.Web_Enabled.WebCon_Focus button,
.WebWindow.WebMsgBox .WebButton.Web_Enabled button:focus-visible,
.WebWindow[data-dfobj="oMsgBox"] .WebButton.Web_Enabled.WebCon_Focus button,
.WebWindow[data-dfobj="oMsgBox"] .WebButton.Web_Enabled button:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--dfa-focus-ring-strong), 0 4px 10px var(--dfa-shadow-card);
}

.WebWindow.WebMsgBoxConfirm .WebWin_bottom_c{
background-color: var(--df-MainRegular);
}

.WebToolBar ul.WebBarRoot > li > div > span.WebItm_Icon{
border: 2px solid var(--df-MainRegular);
}

.WebMenuItem > div > span.WebItm_Icon:before{
color: var(--df-MainRegular);
}

.WebToolBar .WebMenuItem.Web_Enabled:hover span.WebItm_Icon{
background-color: var(--df-MainRegular);
}

.LoginDialog.WebInlineView,
.LoginDialog.WebView {
    position: fixed !important;
    top: 50% !important;
    right: 0 !important;
    left: 0 !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: none;
    margin: 0;
    border: 0;
    transform: translateY(-50%);
    background: transparent;
    color: var(--dfa-text);
}

.LoginDialog.WebInlineView > .WebContainer,
.LoginDialog.WebView > .WebContainer {
    box-sizing: border-box;
    width: 100%;
    padding: 0 !important;
    background-color: transparent !important;
}

.LoginDialog.WebInlineView > .WebContainer > .WebCon_Sizer,
.LoginDialog.WebView > .WebContainer > .WebCon_Sizer {
    box-sizing: border-box;
    max-width: min(460px, 100%);
    min-width: 0;
    min-height: 0 !important;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    margin: auto;
    overflow: hidden;
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-dialog-radius);
    background: var(--dfa-surface);
    box-shadow: var(--dfa-dialog-shadow);
}

.LoginDialog.DfaLoginRegistration.WebInlineView > .WebContainer > .WebCon_Sizer,
.LoginDialog.DfaLoginRegistration.WebView > .WebContainer > .WebCon_Sizer {
    width: min(600px, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px);
}

@media (max-width: 600px), (max-height: 600px) and (pointer: coarse) {
    .LoginDialog.WebInlineView > .WebContainer > .WebCon_Sizer,
    .LoginDialog.WebView > .WebContainer > .WebCon_Sizer {
        width: min(600px, calc(100vw - 16px)) !important;
        max-width: calc(100vw - 16px);
    }
}

/* Keep the panel regions inside the viewport cap while the center owns overflow. */
.LoginDialog > .WebContainer > .WebCon_Sizer > .WebCon_Inner {
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    overflow: hidden;
}

.LoginDialog .LoginMainPanel,
.LoginDialog .LoginMainPanel > .WebCon_Sizer {
    min-height: 0;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
}

.LoginDialog .LoginMainPanel > .WebCon_Sizer {
    display: flex;
    flex-direction: column;
}

.LoginDialog .LoginMainPanel > .WebCon_Sizer > .WebCon_Main {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.LoginDialog .LoginMainPanel > .WebCon_Sizer > .LoginHeader,
.LoginDialog .LoginMainPanel > .WebCon_Sizer > .LoginFooter {
    flex: 0 0 auto;
}

.LoginDialog.DfaLoginRegistration .LoginHeader,
.LoginDialog.DfaLoginRegistration .LoginHeader > .WebCon_Sizer,
.LoginDialog.DfaLoginRegistration .LoginFooter,
.LoginDialog.DfaLoginRegistration .LoginFooter > .WebCon_Sizer {
    height: auto !important;
    min-height: 0 !important;
}

.LoginDialog .LoginMain {
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/* Keep registration at the current card's natural height and cap it at the viewport. */
.LoginDialog.DfaLoginRegistration .LoginMainPanel {
    position: static !important;
}

.LoginDialog.DfaLoginRegistration .LoginMainPanel > .WebCon_Sizer {
    height: auto !important;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
}

.LoginDialog.DfaLoginRegistration .LoginMainPanel > .WebCon_Sizer > .WebCon_Main {
    display: flex;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden;
    height: auto !important;
}

.LoginDialog.DfaLoginRegistration .LoginMainPanel > .WebCon_Sizer > .WebCon_Main > .LoginMain {
    position: static !important;
    flex: 1 1 auto;
    min-height: 0 !important;
    overflow: auto;
}

.LoginDialog.DfaLoginRegistration .LoginMain > .WebCon_Sizer {
    min-height: 0 !important;
}

.LoginDialog.WebInlineView .WebWin_title,
.LoginDialog.WebView .WebWin_title {
    display: none;
}

.LoginDialog .DialogHeaderWhite {
    background: var(--dfa-surface);
    border-bottom: 0;
}

.LoginDialog .DialogHeaderWhite > .WebCon_Sizer > .WebCon_Content {
    padding: 24px 28px 18px;
}

.LoginDialog .Logo {
    display: block;
    width: 100%;
    min-height: 48px;
    margin: 0;
    background: url("../Images/DataFlex_logo_black_RGB.svg") center / contain no-repeat;
}

.LoginDialog .DialogMainGray,
.LoginDialog .DialogMainGray > .WebCon_Sizer > .WebCon_Content {
    background: var(--dfa-surface);
    background-image: none;
}

.LoginDialog .DialogMainGray > .WebCon_Sizer > .WebCon_Content {
    padding: 22px 28px 24px;
}

.LoginDialog .DialogSpacer.WebGroup,
.LoginDialog .DialogSpacer.WebGroup > .WebCon_Inner {
    background: transparent;
}

.LoginDialog .DialogMainGray .DialogSpacer.WebGroup > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    padding: 0;
}

.LoginDialog .daidInfo1 {
    margin: 0 0 20px;
    color: var(--dfa-muted);
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

.LoginDialog .DialogMainGray .WebForm .WebCon_Inner {
    margin: 0 0 12px;
}

.LoginDialog .DialogMainGray .WebForm > div > label {
    padding: 0 0 6px;
    color: var(--dfa-muted);
    font-size: 12px;
}

.LoginDialog .DialogMainGray .WebForm input {
    box-sizing: border-box;
    min-height: var(--dfa-login-field-height);
    padding: 8px 12px;
    color: var(--dfa-text);
    font-family: inherit;
    font-size: 14px;
}

.LoginDialog input.com-bitwarden-browser-animated-fill {
    animation: none !important;
    -webkit-animation: none !important;
}


.LoginDialog .DialogMainGray .WebForm .WebFrm_Wrapper,
.LoginDialog .LoginEmail .WebFrm_Wrapper,
.LoginDialog .LoginPassword .WebFrm_Wrapper {
    box-sizing: border-box;
    min-height: var(--dfa-login-field-height);
    padding: 0;
    background: var(--dfa-surface);
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-input-radius);
    box-shadow: none;
}

.LoginDialog .LoginEmail .WebFrm_Wrapper,
.LoginDialog .LoginPassword .WebFrm_Wrapper {
    background-image: none;
}

.LoginDialog .DialogMainGray .WebForm.WebCon_Focus .WebFrm_Wrapper,
.LoginDialog .DialogMainGray .WebForm:focus-within .WebFrm_Wrapper {
    border-color: var(--dfa-accent);
    box-shadow: 0 0 0 3px var(--dfa-focus-ring);
}

.LoginDialog .DialogMainGray .WebCheckbox {
    margin: 0 0 14px;
}

.LoginDialog .DialogMainGray .WebCheckbox .WebCheckbox_Caption {
    padding: 5px 0 0;
    color: var(--dfa-muted);
    font-size: 13px;
}

.LoginDialog .DialogMainGray .LoginRememberMe .WebCon_Inner > div {
    display: flex;
    align-items: center;
}

.LoginDialog .DialogMainGray .LoginRememberMe .WebCB_Fake {
    flex: 0 0 30px;
    float: none;
}

.LoginDialog .DialogMainGray .LoginRememberMe .WebCheckbox_Caption {
    min-height: 29px;
    margin-left: 10px;
    padding: 0;
    line-height: 29px;
}

.LoginDialog .DialogMainGray .LoginRememberMe .WebCon_Inner > div > div[style*="clear: both"] {
    display: none;
}

/* Register form sections */
.LoginDialog .DialogMainGray .LoginRegisterSection.WebGroup {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    height: auto;
    align-self: stretch;
    background: var(--dfa-surface);
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-radius-2xl);
    box-shadow: 0 2px 8px var(--dfa-shadow-subtle);
}

/* Registration footer */
.LoginDialog .LoginRegisterTypeGroup {
    margin-bottom: 0;
}

.LoginDialog .LoginRegisterTypeGroup .LoginRegisterHeaderGrid {
    margin-bottom: 0;
}

.LoginDialog.DfaLoginRegistration .LoginFooterActions.WebGroup > .WebCon_Inner > div > .WebContainer {
    box-sizing: border-box;
    margin: 0;
    padding: 10px 12px 12px;
    border-top: 1px solid var(--dfa-border);
    background: var(--dfa-surface);
}

.LoginDialog .LoginRegisterTypeButton button {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-button-radius);
    background: var(--dfa-surface);
    color: var(--dfa-accent);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    white-space: normal;
}

.LoginDialog .LoginRegisterTypeButton.Web_Enabled button:hover,
.LoginDialog .LoginRegisterTypeButton.Web_Enabled button:focus {
    border-color: var(--dfa-accent);
    background: var(--dfa-accent-soft);
    color: var(--dfa-accent-dark);
}

.LoginDialog .DialogMainGray .LoginRegisterSection.WebGroup > .WebCon_Inner {
    background: transparent;
}

.LoginDialog .DialogMainGray .LoginRegisterSection.WebGroup > .WebCon_Inner > div > .WebContainer {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    background: transparent;
    border: 0;
    border-radius: var(--dfa-radius-zero);
    box-shadow: none;
}

.LoginDialog .DialogMainGray .LoginRegisterCards.WebCardContainer,
.LoginDialog .DialogMainGray .LoginRegisterCards.WebCardContainer > .WebCon_Inner {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    background: transparent;
}

.LoginDialog .DialogMainGray .LoginRegisterCards.WebCardContainer > .WebCon_Inner {
    margin: 0;
}

.LoginDialog .DialogMainGray .LoginRegisterCards .WebCC_Body {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    height: auto !important;
    background: transparent;
    border: 0;
}

.LoginDialog .LoginRegisterCards .WebCard {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    height: auto !important;
}

.LoginDialog .LoginRegisterCards .WebCard > .WebCon_Sizer {
    min-height: 0 !important;
}

.LoginDialog .LoginRegisterCards .LoginRegisterReviewCard .WebCon_Sizer {
    min-height: 0 !important;
}

.LoginDialog .LoginRegisterCards .WebCC_Body > .LoginRegisterCard {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto !important;
}

.LoginDialog .LoginRegisterCards .WebCC_Body > .LoginRegisterCard:not([style*="visibility: hidden"]):not([style*="visibility:hidden"]) {
    position: relative;
}

.LoginDialog .DialogMainGray .LoginRegisterSection.WebGroup > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    padding: 18px 20px 4px;
}

.LoginDialog .LoginRegisterCards .WebCC_Head {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex !important;
    align-items: stretch;
    margin: 0 0 12px;
    overflow: hidden;
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-radius-xl);
    background: var(--dfa-surface);
    box-shadow: 0 8px 0 4px var(--dfa-surface);
}

.LoginDialog .LoginRegisterCards .WebCC_Head > div[style*="clear"] {
    display: none;
}

.LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn {
    position: relative;
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 8px 8px 36px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--dfa-muted);
    cursor: pointer;
    float: none;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
}

.LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn > span,
.LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn > span > label {
    display: block;
    min-width: 0;
}

.LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn:first-child {
    display: none;
}

.LoginDialog .LoginRegisterCards .WebCC_Head:has(> .WebTab_Btn:first-child.WebTab_Current) {
    display: none !important;
}

.LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn::before {
    position: absolute;
    top: 50%;
    left: 8px;
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-radius-circle);
    background: var(--dfa-surface);
    color: var(--dfa-muted);
    content: "";
    font-size: 11px;
    line-height: 1;
    transform: translateY(-50%);
}

.LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn:nth-child(2)::before {
    content: "1";
}

.LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn:nth-child(3)::before {
    content: "2";
}

.LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn:nth-child(4)::before {
    content: "3";
}

.LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn:nth-child(5)::before {
    content: "4";
}

.LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn.WebTab_Current {
    border-bottom-color: var(--dfa-accent);
    color: var(--dfa-accent-dark);
}

.LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn.WebTab_Current::before {
    border-color: var(--dfa-accent);
    background: var(--dfa-accent);
    color: var(--df-CtrTextColor);
}

.LoginDialog .LoginRegisterReviewSummary .WebHtml_Wrp {
    display: grid;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.LoginDialog .LoginRegisterReviewSummary .LoginRegisterReviewBlock {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-radius-xl);
    background: var(--dfa-surface);
}

.LoginDialog .LoginRegisterReviewSummary .LoginRegisterReviewBlock:first-child {
    grid-column: 1 / -1;
}

.LoginDialog .LoginRegisterReviewSummary h3 {
    margin: 0 0 8px;
    color: var(--dfa-text);
    font-size: 13px;
    font-weight: 700;
}

.LoginDialog .LoginRegisterReviewSummary dl {
    display: grid;
    gap: 5px;
    margin: 0;
}

.LoginDialog .LoginRegisterReviewSummary dl > div {
    display: flex;
    min-width: 0;
    justify-content: space-between;
    gap: 12px;
}

.LoginDialog .LoginRegisterReviewSummary dt,
.LoginDialog .LoginRegisterReviewSummary dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.LoginDialog .LoginRegisterReviewSummary dt {
    color: var(--dfa-muted);
    font-size: 12px;
}

.LoginDialog .LoginRegisterReviewSummary dd {
    color: var(--dfa-text);
    font-size: 13px;
    font-weight: 600;
    text-align: right;
}

.LoginDialog .LoginRegisterReviewEdit button {
    width: 100%;
    min-height: 40px;
    white-space: normal;
}

@media (max-width: 600px) {
    .LoginDialog .LoginRegisterCards .WebCC_Head {
        margin-bottom: 12px;
    }

    .LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn {
        min-height: 48px;
        padding: 8px 4px 8px 28px;
        font-size: 10px;
    }

    .LoginDialog .LoginRegisterCards .WebCC_Head > .WebTab_Btn::before {
        left: 5px;
        width: 20px;
        height: 20px;
        font-size: 10px;
    }

    .LoginDialog .LoginRegisterReviewSummary .WebHtml_Wrp {
        grid-template-columns: minmax(0, 1fr);
    }

    .LoginDialog .LoginRegisterReviewSummary .LoginRegisterReviewBlock {
        grid-column: 1 / -1 !important;
        width: 100%;
    }



}

@media (max-height: 360px) {
    .LoginDialog.DfaLoginRegistration .LoginHeader > .WebCon_Sizer > .WebCon_Content {
        padding: 8px 16px 6px !important;
    }

    .LoginDialog.DfaLoginRegistration .DialogMainGray > .WebCon_Sizer > .WebCon_Content {
        padding: 0 16px !important;
    }

    .LoginDialog.DfaLoginRegistration .LoginHeader .Logo {
        min-height: 36px;
    }

    .LoginDialog.DfaLoginRegistration .LoginFooterActions.WebGroup > .WebCon_Inner > div > .WebContainer {
        padding: 6px 8px;
    }

    .LoginDialog.DfaLoginRegistration .LoginFooterActions .LoginFooterButton button {
        min-height: 32px;
        padding: 4px 8px;
    }
}

.LoginDialog .DialogMainGray .LoginRegisterSectionHeader > .WebCon_Inner {
    margin: 0;
}

.LoginDialog .DialogMainGray .LoginRegisterSectionHeader .WebHtml_Wrp {
    padding: 0;
}

.LoginDialog .LoginRegisterHeaderGrid {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    column-gap: 12px;
    align-items: center;
    margin: 0 0 18px;
}

.LoginDialog .LoginRegisterHeaderIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    min-height: 46px;
    border-radius: var(--dfa-radius-circle);
    background: var(--df-Grayscale7);
    color: var(--df-Grayscale2);
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-size: 24px;
    font-variant-ligatures: normal;
    font-variation-settings: "FILL" 0, "GRAD" 0, "opsz" 24, "wght" 450;
    line-height: 1;
}

.LoginDialog .LoginRegisterHeaderText {
    display: grid;
    row-gap: 3px;
}

.LoginDialog .LoginRegisterHeaderTitle {
    color: var(--dfa-accent);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
}

.LoginDialog .LoginRegisterHeaderSubtitle {
    color: var(--dfa-muted);
    font-size: 13px;
    line-height: 1.4;
}

.LoginDialog .DialogMainGray .LoginRegisterSection .WebCon_Content {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    column-gap: 16px;
    row-gap: 0;
}

.LoginDialog .DialogMainGray .LoginRegisterField > .WebCon_Inner {
    margin: 0 0 14px;
}

.LoginDialog .DialogMainGray .LoginRegisterField > div > label {
    padding: 0 0 6px;
    color: var(--dfa-text);
    font-size: 12px;
    font-weight: 600;
}

.LoginDialog .DialogMainGray .LoginRegisterField .WebFrm_Wrapper {
    display: flex;
    align-items: stretch;
    min-height: var(--dfa-login-field-height);
    overflow: hidden;
    padding: 0;
    border-radius: var(--dfa-input-radius);
}

.LoginDialog .DialogMainGray .LoginRegisterField .WebFrm_PromptSpacer {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    width: auto;
    min-height: 100%;
    min-width: 0;
    margin: 0;
}

.LoginDialog .LoginRegisterField .WebFrm_PromptSpacer::before {
    display: flex;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    width: 46px;
    min-height: 100%;
    margin: 0 12px 0 0;
    background: var(--df-Grayscale7);
    color: var(--df-Grayscale2);
    content: "";
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-size: 19px;
    font-variant-ligatures: normal;
    font-variation-settings: "FILL" 0, "GRAD" 0, "opsz" 20, "wght" 450;
    line-height: 1;
}

.LoginDialog .DialogMainGray .LoginRegisterField .WebFrm_PromptSpacer input,
.LoginDialog .DialogMainGray .LoginRegisterField .WebFrm_PromptSpacer select {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 100%;
    padding: 0 12px 0 0;
    border: 0;
    outline: 0;
    background: transparent;
}

.LoginDialog .DialogMainGray .LoginRegisterField.Web_FieldRequired .WebFrm_Wrapper::after {
    flex: 0 0 auto;
    align-self: center;
    margin: 0 10px 0 4px;
    color: var(--df-ErrorRegular);
    content: "*";
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.LoginDialog .DialogMainGray .LoginRegisterField.Web_FieldRequired > div > label::after {
    content: none;
}

.LoginDialog .DialogMainGray .LoginRegisterField .WebFrm_PromptSpacer input::placeholder {
    color: var(--dfa-muted);
    opacity: 0.85;
}

.LoginDialog .LoginRegisterEmail .WebFrm_PromptSpacer::before {
    content: "mail";
}

.LoginDialog .LoginRegisterPassword .WebFrm_PromptSpacer::before,
.LoginDialog .LoginRegisterRepeatPassword .WebFrm_PromptSpacer::before {
    content: "lock";
}

.LoginDialog .LoginRegisterFirstName .WebFrm_PromptSpacer::before,
.LoginDialog .LoginRegisterMiddleName .WebFrm_PromptSpacer::before,
.LoginDialog .LoginRegisterLastName .WebFrm_PromptSpacer::before {
    content: "person";
}

.LoginDialog .LoginRegisterCompanyName .WebFrm_PromptSpacer::before {
    content: "business";
}

.LoginDialog .LoginRegisterTelephone .WebFrm_PromptSpacer::before {
    content: "phone";
}

.LoginDialog .LoginRegisterAddress .WebFrm_PromptSpacer::before {
    content: "home";
}

.LoginDialog .LoginRegisterSecondaryAddress .WebFrm_PromptSpacer::before {
    content: "apartment";
}

.LoginDialog .LoginRegisterZipCode .WebFrm_PromptSpacer::before {
    content: "pin_drop";
}

.LoginDialog .LoginRegisterCity .WebFrm_PromptSpacer::before {
    content: "location_city";
}

.LoginDialog .LoginRegisterState .WebFrm_PromptSpacer::before {
    content: "map";
}

.LoginDialog .LoginRegisterCountry .WebFrm_PromptSpacer::before {
    content: "public";
}


.LoginDialog .LoginButton .WebCon_Inner {
    margin-top: 4px;
}

.LoginDialog .LoginButton button {
    width: 100%;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: var(--dfa-button-radius);
    background: var(--dfa-accent);
    color: var(--df-CtrTextColor);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 160ms ease, border-color 160ms ease;
}

.LoginDialog .LoginButton.Web_Enabled button:hover,
.LoginDialog .LoginButton.Web_Enabled button:focus {
    border-color: var(--dfa-accent-dark);
    background: var(--dfa-accent-dark);
    color: var(--df-CtrTextColor);
}

.LoginDialog .DialogFooterGray {
    border-top: 0;
    background: var(--dfa-surface);
}

.LoginDialog .DialogFooterGray > .WebCon_Sizer > .WebCon_Content {
    padding: 18px 28px 20px;
    background: transparent;
}

.LoginDialog.DfaLoginRegistration .DialogFooterGray > .WebCon_Sizer > .WebCon_Content {
    padding: 6px 8px;
}

.LoginDialog .LoginFooterActions > .WebCon_Inner {
    grid-template-rows: max-content !important;
}

.LoginDialog .LoginFooterActions > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer {
    min-height: 0 !important;
}

.LoginDialog .DialogFooterGray .DialogSpacer.WebGroup > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    padding: 0;
}

.LoginDialog.DfaLoginRegistration .LoginFooter {
    flex: 0 0 auto;
    height: auto !important;
    max-height: none;
    min-height: 0;
    overflow: visible;
}

.LoginDialog.DfaLoginRegistration .LoginFooter:not(:has(.LoginFooterButton:not([style*="display: none"]):not([style*="display:none"]))) {
    display: none;
}

.LoginDialog .DialogFooterGray .WebButton button {
    width: 100%;
    min-height: 38px;
    padding: 9px 12px;
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-button-radius);
    background: var(--dfa-surface);
    color: var(--dfa-accent);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
}

.LoginDialog .DialogFooterGray .WebButton.Web_Enabled button:hover,
.LoginDialog .DialogFooterGray .WebButton.Web_Enabled button:focus {
    border-color: var(--dfa-accent);
    background: var(--dfa-accent-soft);
    color: var(--dfa-accent-dark);
}

.LoginDialog .LoginFooterActions .LoginFooterButton button {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px 12px;
    line-height: 1.25;
    white-space: normal;
}

.LoginDialog .LoginFooterActions .LoginRegisterNextAction button,
.LoginDialog .LoginFooterActions .LoginRegisterBackAction button {
    gap: 8px;
}

.LoginDialog .LoginFooterActions .LoginRegisterNextAction button::after,
.LoginDialog .LoginFooterActions .LoginRegisterBackAction button::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.25em;
    font-family: "Material Icons" !important;
    font-feature-settings: "liga";
    font-style: normal;
    font-variant-ligatures: normal;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    font-variation-settings: "FILL" 0, "GRAD" 0, "opsz" 20, "wght" 400;
    letter-spacing: normal;
    word-wrap: normal;
    direction: ltr;
}

.LoginDialog .LoginFooterActions .LoginRegisterNextAction button::after {
    content: "arrow_forward" !important;
}

.LoginDialog .LoginFooterActions .LoginRegisterBackAction button::before {
    content: "arrow_back" !important;
}

.LoginDialog .LoginFooterActions .LoginRegisterNextAction button::before,
.LoginDialog .LoginFooterActions .LoginRegisterBackAction button::after {
    display: none !important;
    content: none !important;
}

 

.LoginDialog .LoginFooterActions .LoginRegisterNextAction.Web_Enabled button {
    border-color: var(--df-MainRegular);
    background: var(--df-MainRegular);
    color: var(--df-Grayscale8);
}

.LoginDialog .DialogFooterGray .LoginFooterActions .LoginRegisterNextAction.Web_Enabled button:hover,
.LoginDialog .DialogFooterGray .LoginFooterActions .LoginRegisterNextAction.Web_Enabled button:focus {
    border-color: var(--df-MainDark);
    background: var(--df-MainDark);
    color: var(--df-Grayscale8);
}

.LoginDialog .daidInfo2 {
    margin: 14px 0 0;
    color: var(--dfa-muted);
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
}

.LoginDialog .daidInfo3 {
    margin-top: 10px;
    color: var(--dfa-muted);
    font-size: 13px;
    line-height: 1.45;
}

/* Login screen */
body:has(.LoginScreen:not([style*="visibility: hidden"]):not([style*="visibility:hidden"])) {
    background: #ffffff url("../Images/login-abstract-background.svg") center / cover fixed no-repeat;
}

body:has(.LoginScreen:not([style*="visibility: hidden"]):not([style*="visibility:hidden"])) .WebApp,
body:has(.LoginScreen:not([style*="visibility: hidden"]):not([style*="visibility:hidden"])) .WebApp.WebContainer {
    background: transparent;
}

/* OAuth consent screen */
body:has(.OidcConsent:not([style*="visibility: hidden"]):not([style*="visibility:hidden"])) {
    background: #ffffff url("../Images/login-abstract-background.svg") center / cover fixed no-repeat;
}

body:has(.OidcConsent:not([style*="visibility: hidden"]):not([style*="visibility:hidden"])) .WebApp,
body:has(.OidcConsent:not([style*="visibility: hidden"]):not([style*="visibility:hidden"])) .WebApp.WebContainer {
    background: transparent;
}

body:has(.OidcConsent:not([style*="visibility: hidden"]):not([style*="visibility:hidden"])) dialog.WebWindow.OidcConsent .WebContainer {
    background: var(--dfa-surface);
}


.LoginScreen .LoginPrimaryAction button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.LoginScreen .LoginPrimaryAction button::after {
    display: inline-block;
    content: "arrow_forward";
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-variant-ligatures: normal;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
}

.LoginScreen .LoginFooter .LoginResetAction button,
.LoginScreen .LoginFooter .LoginRegisterAction button {
    font-size: 14px;
}

@media (max-width: 480px) {
    body:has(.LoginScreen:not([style*="visibility: hidden"]):not([style*="visibility:hidden"])) {
        background-position: center;
    }

    .LoginDialog .DialogHeaderWhite > .WebCon_Sizer > .WebCon_Content {
        padding: 14px 16px 10px;
    }

    .LoginDialog .DialogMainGray > .WebCon_Sizer > .WebCon_Content {
        padding: 12px 16px 8px;
    }

    .LoginDialog .DialogFooterGray > .WebCon_Sizer > .WebCon_Content {
        padding: 8px 16px 10px;
    }

    .LoginDialog .DialogMainGray .LoginRegisterSection.WebGroup {
        margin-bottom: 8px;
    }

    .LoginDialog .DialogMainGray .LoginRegisterSection.WebGroup > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
        padding: 12px 12px 0;
    }


    .LoginDialog .LoginRegisterHeaderGrid {
        column-gap: 8px;
        margin-bottom: 10px;
    }

    .LoginDialog .LoginRegisterHeaderIcon {
        width: 40px;
        min-height: 40px;
        font-size: 22px;
    }

    .LoginDialog .LoginRegisterHeaderTitle {
        font-size: 16px;
    }

    .LoginDialog .DialogMainGray .WebForm .WebCon_Inner {
        margin-bottom: 8px;
    }

    .LoginDialog .DialogMainGray .LoginRegisterField > .WebCon_Inner {
        margin-bottom: 8px;
    }

    .LoginDialog .DialogMainGray .LoginRegisterField > div > label {
        padding-bottom: 4px;
    }


    .LoginDialog .LoginRegisterField .WebFrm_PromptSpacer::before {
        flex-basis: 40px;
        width: 40px;
        margin-right: 8px;
    }

    .LoginDialog .DialogMainGray .WebCheckbox {
        margin-bottom: 8px;
    }

    .LoginDialog .LoginButton .WebCon_Inner {
        margin-top: 0;
    }

    .LoginDialog .LoginButton button {
        min-height: 40px;
        padding: 8px 12px;
    }

    .LoginDialog .LoginFooterActions .LoginFooterButton button {
        padding: 6px 10px;
    }

}

.WebButton.DangerButton button {
    background-color: var(--df-ErrorRegular);
    border: 1px solid var(--df-ErrorRegular);
    border-radius: var(--dfa-button-radius);
    color: var(--df-CtrTextColor);
}

.WebButton.DangerButton.Web_Enabled button:hover,
.WebButton.DangerButton.Web_Enabled button:focus {
    background-color: var(--df-ErrorDark);
    border-color: var(--df-ErrorDark);
    color: var(--df-CtrTextColor);
}
 
/* Modern application shell */
@font-face {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 100 700;
    src: url("../Fonts/MaterialSymbolsSharp[FILL,GRAD,opsz,wght].woff2") format("woff2");
}

:root {
    --dfa-radius-zero: 0;
    --dfa-radius-xs: 2px;
    --dfa-radius-sm: 3px;
    --dfa-radius-md: 4px;
    --dfa-radius-lg: 6px;
    --dfa-radius-xl: 8px;
    --dfa-radius-2xl: 10px;
    --dfa-radius-3xl: 12px;
    --dfa-radius-control: 7px;
    --dfa-radius-tag: 5px;
    --dfa-radius-switch: 40px;
    --dfa-radius-switch-thumb: 32px;
    --dfa-radius-pill: 999px;
    --dfa-radius-circle: 50%;
    --dfa-button-radius: var(--dfa-radius-lg);
    --dfa-window-radius: var(--dfa-radius-3xl);
    --dfa-window-shadow: 0 18px 48px color-mix(in srgb, var(--df-Grayscale1) 18%, transparent);
    --dfa-dialog-radius: var(--dfa-window-radius);
    --dfa-dialog-shadow: var(--dfa-window-shadow);
    --dfa-input-radius: var(--dfa-radius-control);
    --dfa-control-height: 40px;
    /* WebForm wrapper padding and borders on both vertical sides. */
    --dfa-control-frame: 6px;
    --dfa-login-field-height: 40px;
    --dfa-info-balloon-radius: var(--dfa-radius-xl);
    --dfa-info-balloon-padding-block: 12px;
    --dfa-info-balloon-padding-inline: 14px;
    --dfa-info-balloon-line-height: 1.4;
    --dfa-company-account-requests-status-background: #ffd7c2;

}

html,
body {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
}

body {
    --dfa-accent: var(--df-MainRegular);
    --dfa-accent-dark: var(--df-MainDark);
    --dfa-accent-soft: var(--df-Grayscale7);
    --dfa-accent-border: var(--df-MainLight);
    --dfa-page: var(--df-Grayscale8);
    --dfa-surface: var(--df-Grayscale8);
    --dfa-border: var(--df-Grayscale6);
    --dfa-text: var(--df-Grayscale1);
    --dfa-muted: var(--df-Grayscale2);
    --dfa-info-balloon-background: var(--df-Grayscale7);
    --dfa-info-balloon-color: var(--df-Grayscale1);
    --dfa-info-balloon-shadow: var(--dfa-shadow-tooltip);
    --dfa-error-tooltip-background: var(--df-ErrorRegular);
    --dfa-error-tooltip-color: var(--df-CtrTextColor);
    --dfa-disabled-border: var(--df-Grayscale4);
    --dfa-disabled-surface: var(--df-Grayscale7);
    --dfa-disabled-mark: var(--df-Grayscale4);
    --dfa-shadow-tooltip: color-mix(in srgb, var(--df-Grayscale1) 14%, transparent);
    --dfa-shadow-soft: color-mix(in srgb, var(--df-Grayscale1) 4%, transparent);
    --dfa-shadow-subtle: color-mix(in srgb, var(--df-Grayscale1) 3%, transparent);
    --dfa-shadow-card: color-mix(in srgb, var(--df-Grayscale1) 4.5%, transparent);
    --dfa-focus-ring: color-mix(in srgb, var(--df-MainRegular) 12%, transparent);
    --dfa-focus-ring-strong: color-mix(in srgb, var(--df-MainRegular) 18%, transparent);
    margin: 0;
    background: var(--dfa-page);
}

/*
    Keep the WebApp edge-to-edge so the browser never exposes a frame around it.
*/
.WebApp {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 100% !important;
    margin: 0;
    border: 0;
    background: var(--dfa-page);
    color: var(--dfa-text);
    overflow: hidden;
    overscroll-behavior: none;
}

.WebApp,
.WebApp.WebContainer {
    background: var(--dfa-page);
}

.WebApp.WebContainer {
    min-height: 100%;
    overflow: hidden;
}

.WebApp,
.WebApp *,
.WebList[style*="position: fixed"][style*="pointer-events"],
.WebList[style*="position: fixed"][style*="pointer-events"] *,
.WebGrid[style*="position: fixed"][style*="pointer-events"],
.WebGrid[style*="position: fixed"][style*="pointer-events"] * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.WebApp {
    color: var(--dfa-text);
}

/* View spacing and heading */
.WebInlineView > .WebContainer {
    padding: 24px 40px;
}

.WebInlineView h1.WebWin_title {
    padding: 16px 0 20px;
    margin: 0;
    color: var(--dfa-text);
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -0.35px;
    line-height: 1.2;
}

/* View-local command bar */
.WebCommandBar .WebCmd_ToolWrap {
    width: 100%;
    align-items: center;
    box-sizing: border-box;
    min-height: 56px;
    background: var(--dfa-surface);
}


.WebCommandBar .WebToolBar.WebTlb_Command {
    box-sizing: border-box;
    min-height: 56px;
    margin: 0;
    padding: 0 14px;
}

.WebCommandBar .WebToolBar ul.WebBarRoot > li > div {
    border: 1px solid transparent;
    border-radius: var(--dfa-radius-xl);
    padding: 5px 8px;
}

.WebCommandBar .WebToolBar ul.WebBarRoot > li > div > span.WebItm_Icon {
    width: 28px;
    min-height: 28px;
    border: 1px solid var(--dfa-accent);
    color: var(--dfa-accent);
    background: transparent;
}

.WebCommandBar .WebToolBar ul.WebBarRoot > li > div > a {
    color: var(--dfa-muted);
    font-size: 13px;
}

.WebCommandBar .WebToolBar ul.WebBarRoot > li.Web_Enabled:hover > div,
.WebCommandBar .WebToolBar ul.WebBarRoot > li.Web_Enabled:focus > div {
    background: var(--dfa-accent-soft);
    border-color: var(--dfa-accent-border);
}

.WebCommandBar .WebToolBar .WebMenuItem.Web_Enabled:not(.DfaFileAction):hover span.WebItm_Icon,
.WebCommandBar .WebToolBar .WebMenuItem.Web_Enabled:not(.DfaFileAction):focus span.WebItm_Icon {
    background: var(--dfa-accent);
}

.WebCommandBar .WebToolBar .WebMenuItem.Web_Enabled:not(.DfaFileAction):hover span.WebItm_Icon:before,
.WebCommandBar .WebToolBar .WebMenuItem.Web_Enabled:not(.DfaFileAction):focus span.WebItm_Icon:before {
    color: var(--df-CtrTextColor);
}

.WebCommandBar .WebToolBar ul.WebBarRoot > li.DfaFileAction > div {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dfa-surface);
    border-color: var(--dfa-border);
    box-shadow: 0 1px 3px var(--dfa-shadow-soft);
}

.WebCommandBar .WebToolBar ul.WebBarRoot > li.DfaFileAction span.WebItm_Icon {
    width: 22px;
    min-height: 28px;
    border: 0;
    border-radius: var(--dfa-radius-zero);
    background: transparent;
}

.WebCommandBar .WebToolBar ul.WebBarRoot > li.DfaFileAction > div > a {
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 0 !important;
    line-height: 1;
}

.WebCommandBar .WebToolBar ul.WebBarRoot > li.DfaFileAction.Web_Enabled > div:hover {
    background: var(--dfa-accent-soft);
    border-color: var(--dfa-accent-border);
}

.WebCommandBar .DfaFindAction span.WebItm_Icon::before,
.WebCommandBar .DfaFileAction span.WebItm_Icon::before {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    padding: 0;
    color: inherit;
    font-family: "Material Symbols Outlined" !important;
    font-size: 20px;
    font-feature-settings: "liga";
    font-style: normal;
    font-variant-ligatures: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
}

.DfaFirstAction span.WebItm_Icon::before {
    content: "keyboard_double_arrow_left";
}

.DfaPreviousAction span.WebItm_Icon::before {
    content: "arrow_back";
}

.DfaSearchAction span.WebItm_Icon::before {
    content: "menu";
}

.DfaNextAction span.WebItm_Icon::before {
    content: "arrow_forward";
}

.DfaLastAction span.WebItm_Icon::before {
    content: "keyboard_double_arrow_right";
}

.DfaPromptAction span.WebItm_Icon::before {
    content: "search";
}

.DfaClearAction span.WebItm_Icon::before {
    content: "note_add";
}

.DfaClearAllAction span.WebItm_Icon::before {
    content: "close";
}

.DfaSaveAction span.WebItm_Icon::before {
    content: "check";
}

.DfaDeleteAction span.WebItm_Icon::before {
    content: "delete";
}

.WebForm .WebFrm_Prompt {
    min-height: 34px;
}

.WebForm .WebFrm_Prompt::before {
    top: 50%;
    left: 50%;
    padding: 0;
    transform: translate(-50%, -50%);
}

/* Information balloons and validation tooltips */
.WebInfoBalloon {
    box-sizing: border-box;
    padding: var(--dfa-info-balloon-padding-block) var(--dfa-info-balloon-padding-inline);
    background-color: var(--dfa-info-balloon-background);
    border-radius: var(--dfa-info-balloon-radius);
    box-shadow: var(--dfa-info-balloon-shadow);
    color: var(--dfa-info-balloon-color);
    line-height: var(--dfa-info-balloon-line-height);
}

.WebInfoBalloon::after {
    border-color: var(--dfa-info-balloon-background) transparent;
}

.WebInfoBalloon.WebErrorTooltip {
    background-color: var(--dfa-error-tooltip-background);
    color: var(--dfa-error-tooltip-color);
}

.WebInfoBalloon.WebErrorTooltip::after {
    border-color: var(--dfa-error-tooltip-background) transparent;
}

/* Search and data-entry controls */
/* Full-height button controls. */
.FullHeightButton {
    align-self: stretch;
    display: grid;
}

.FullHeightButton > .WebCon_Inner {
    align-self: stretch;
}

.FullHeightButton button {
    box-sizing: border-box;
    height: calc(var(--dfa-control-height, 23px) + var(--dfa-control-frame, 6px));
    min-height: 0;
}
.WebControl > div > label {
    color: var(--dfa-muted);
    font-size: 12px;
    font-weight: 500;
}

.WebForm .WebFrm_Wrapper {
    border-radius: var(--dfa-input-radius);
}

.WebControl .WebFrm_Wrapper,
.WebTreeView .WebTree_Body {
    box-sizing: border-box;
    background: var(--dfa-surface);
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-radius-control);
    box-shadow: 0 1px 2px var(--dfa-shadow-subtle);
}

.WebControl.WebCon_Focus > div > div > .WebFrm_Wrapper,
.WebControl.WebCon_Focus .WebTree_Body {
    border-color: var(--dfa-accent);
    box-shadow: 0 0 0 3px var(--dfa-focus-ring);
}

.WebForm input,
.WebCombo select,
.WebEdit textarea {
    box-sizing: border-box;
    color: var(--dfa-text);
    font-family: inherit;
    font-size: 14px;
}

.WebForm input,
.WebCombo select {
    min-height: 34px;
}

/* Set a minimum control size for consistent form inputs. */
.WebForm .WebFrm_Wrapper,
.WebCombo .WebFrm_Wrapper,
.WebWindow:not(.LoginDialog) .WebForm .WebFrm_Wrapper,
.WebWindow:not(.LoginDialog) .WebCombo .WebFrm_Wrapper,
.LoginDialog .WebForm .WebFrm_Wrapper,
.LoginDialog .WebCombo .WebFrm_Wrapper {
    min-height: var(--dfa-control-height);
}


/* Control internals */
.WebControl .WebFrm_PromptSpacer,
.WebWindow:not(.LoginDialog) .WebControl .WebFrm_PromptSpacer,
.LoginDialog .WebControl .WebFrm_PromptSpacer {
    display: block;
    min-height: 100%;
}

.WebControl .WebFrm_PromptSpacer > input,
.WebControl .WebFrm_PromptSpacer > select,
.WebWindow:not(.LoginDialog) .WebControl .WebFrm_PromptSpacer > input,
.WebWindow:not(.LoginDialog) .WebControl .WebFrm_PromptSpacer > select,
.LoginDialog .WebControl .WebFrm_PromptSpacer > input,
.LoginDialog .WebControl .WebFrm_PromptSpacer > select {
    box-sizing: border-box;
    min-height: var(--dfa-control-height);
}

/* Login field internals */
.LoginScreen .LoginField .WebFrm_Wrapper {
    display: flex;
    align-items: center;
    width: 100%;
}

.LoginScreen .LoginField .WebFrm_PromptSpacer {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    width: 100%;
    min-height: 100%;
    min-width: 0;
    margin: 0;
}

.LoginScreen .LoginField .WebFrm_PromptSpacer::before {
    display: flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-height: 32px;
    margin: 0 8px 0 6px;
    border-radius: var(--dfa-radius-xl);
    background-color: var(--df-Grayscale7);
    background-image: none;
    color: var(--df-Grayscale2);
    content: "mail";
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-variant-ligatures: normal;
    font-size: 19px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    opacity: 1;
}

.LoginScreen .LoginPassword .WebFrm_PromptSpacer::before {
    content: "lock";
}

.LoginScreen .LoginField .WebFrm_PromptSpacer input {
    display: block;
    flex: 1 1 0;
    width: 100%;
    max-width: none;
    min-width: 0;
    min-height: var(--dfa-login-field-height);
    padding: 0 14px 0 0;
    border: 0;
    box-sizing: border-box;
}

/* Combo and edit controls */
.WebCombo .WebFrm_Wrapper,
.WebEdit .WebFrm_Wrapper,
.WebWindow:not(.LoginDialog) .WebCombo .WebFrm_Wrapper,
.WebWindow:not(.LoginDialog) .WebEdit .WebFrm_Wrapper,
.LoginDialog .WebCombo .WebFrm_Wrapper,
.LoginDialog .WebEdit .WebFrm_Wrapper {
    box-sizing: border-box;
    background: var(--dfa-surface);
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-input-radius);
    box-shadow: 0 1px 2px var(--dfa-shadow-subtle);
}

.WebCombo .WebFrm_Wrapper,
.WebWindow:not(.LoginDialog) .WebCombo .WebFrm_Wrapper,
.LoginDialog .WebCombo .WebFrm_Wrapper {
    padding: 0 8px;
}

.WebCombo select,
.WebWindow:not(.LoginDialog) .WebCombo select,
.LoginDialog .WebCombo select {
    box-sizing: border-box;
    min-height: var(--dfa-control-height);
    padding: 0 22px 0 0;
    border: 0;
    background: transparent;
    color: var(--dfa-text);
    font-family: inherit;
    font-size: 14px;
}

.WebEdit .WebFrm_Wrapper,
.WebWindow:not(.LoginDialog) .WebEdit .WebFrm_Wrapper,
.LoginDialog .WebEdit .WebFrm_Wrapper {
    padding: 0;
}

.WebEdit textarea,
.WebWindow:not(.LoginDialog) .WebEdit textarea,
.LoginDialog .WebEdit textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 10px;
    border: 0;
    background: transparent;
    color: var(--dfa-text);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    min-height: 2lh;
    resize: vertical;
}

.WebCombo:focus-within .WebFrm_Wrapper,
.WebEdit:focus-within .WebFrm_Wrapper,
.WebWindow:not(.LoginDialog) .WebCombo:focus-within .WebFrm_Wrapper,
.WebWindow:not(.LoginDialog) .WebEdit:focus-within .WebFrm_Wrapper,
.LoginDialog .WebCombo:focus-within .WebFrm_Wrapper,
.LoginDialog .WebEdit:focus-within .WebFrm_Wrapper {
    border-color: var(--dfa-accent);
    box-shadow: 0 0 0 3px var(--dfa-focus-ring);
}

.WebControl.WebAccordion {
    box-sizing: border-box;
    overflow: hidden;
    background: var(--dfa-surface);
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-input-radius);
    box-shadow: 0 1px 3px var(--dfa-shadow-soft);
}

.WebControl.WebAccordion > .WebCon_Inner {
    border: 0;
}

/* Lists and grids */
.WebList .WebList_Focus,
.WebGrid .WebList_Focus,
.WebWindow:not(.LoginDialog) .WebList .WebList_Focus,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Focus {
    box-sizing: border-box;
    overflow: hidden;
    background: var(--dfa-surface);
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-input-radius);
    box-shadow: 0 1px 3px var(--dfa-shadow-soft);
}


.WebList .WebList_Head,
.WebGrid .WebList_Head,
.WebWindow:not(.LoginDialog) .WebList .WebList_Head,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Head {
    background: var(--dfa-accent-soft);
    border: 0;
    border-bottom: 1px solid var(--dfa-border);
}

.WebList .WebList_HeadWrp,
.WebGrid .WebList_HeadWrp,
.WebWindow:not(.LoginDialog) .WebList .WebList_HeadWrp,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_HeadWrp {
    margin: 0;
}

.WebList .WebList_Head th,
.WebGrid .WebList_Head th,
.WebWindow:not(.LoginDialog) .WebList .WebList_Head th,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Head th {
    border-left-color: var(--dfa-border);
}

.WebList .WebList_Head th:first-child,
.WebGrid .WebList_Head th:first-child,
.WebWindow:not(.LoginDialog) .WebList .WebList_Head th:first-child,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Head th:first-child {
    border-left: 0;
    box-sizing: border-box;
    box-shadow: inset 2px 0 0 var(--dfa-accent-soft);
}

.WebList .WebList_ColCap,
.WebGrid .WebList_ColCap,
.WebWindow:not(.LoginDialog) .WebList .WebList_ColCap,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_ColCap {
    padding: 10px 12px 9px;
    color: var(--dfa-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
}

.WebList .WebList_Sortable,
.WebGrid .WebList_Sortable,
.WebWindow:not(.LoginDialog) .WebList .WebList_Sortable,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Sortable {
    text-decoration-line: underline;
    text-decoration-color: var(--dfa-muted);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.WebList .WebList_Sortable .WebList_ColCap,
.WebGrid .WebList_Sortable .WebList_ColCap,
.WebWindow:not(.LoginDialog) .WebList .WebList_Sortable .WebList_ColCap,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Sortable .WebList_ColCap {
    text-decoration-line: underline;
    text-decoration-color: var(--dfa-muted);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.WebList .WebList_BodyWrp,
.WebGrid .WebList_BodyWrp,
.WebWindow:not(.LoginDialog) .WebList .WebList_BodyWrp,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_BodyWrp {
    background: var(--dfa-surface);
    border: 0;
}

.WebList .WebList_Body .WebList_Row,
.WebGrid .WebList_Body .WebList_Row,
.WebWindow:not(.LoginDialog) .WebList .WebList_Body .WebList_Row,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Body .WebList_Row {
    background: var(--dfa-surface);
    border-bottom: 1px solid var(--dfa-border);
    border-left: 0;
    color: var(--dfa-text);
}

/* Keep the selection marker in the first cell without changing column geometry. */
.WebList .WebList_Body.WebList_ShowSelected .WebList_Row.WebList_Selected,
.WebGrid .WebList_Body.WebList_ShowSelected .WebList_Row.WebList_Selected,
.WebWindow:not(.LoginDialog) .WebList .WebList_Body.WebList_ShowSelected .WebList_Row.WebList_Selected,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Body.WebList_ShowSelected .WebList_Row.WebList_Selected {
    background: var(--dfa-accent-soft);
    border-left: 0 !important;
    box-shadow: none;
    color: var(--dfa-text);
}

.WebList .WebList_Body.WebList_ShowSelected .WebList_Row.WebList_Selected > tbody > tr > td:first-child,
.WebGrid .WebList_Body.WebList_ShowSelected .WebList_Row.WebList_Selected > tbody > tr > td:first-child,
.WebWindow:not(.LoginDialog) .WebList .WebList_Body.WebList_ShowSelected .WebList_Row.WebList_Selected > tbody > tr > td:first-child,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Body.WebList_ShowSelected .WebList_Row.WebList_Selected > tbody > tr > td:first-child {
    box-sizing: border-box;
    box-shadow: inset 2px 0 0 var(--dfa-accent);
}

.WebList .WebList_Body .WebList_Row:hover,
.WebGrid .WebList_Body .WebList_Row:hover,
.WebWindow:not(.LoginDialog) .WebList .WebList_Body .WebList_Row:hover,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Body .WebList_Row:hover {
    background: var(--dfa-accent-soft);
}

.WebList .WebList_Body .WebList_Row td,
.WebGrid .WebList_Body .WebList_Row td,
.WebWindow:not(.LoginDialog) .WebList .WebList_Body .WebList_Row td,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Body .WebList_Row td {
    padding: 9px 10px;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid var(--dfa-border);
    vertical-align: middle;
}

/* Remove the normal row breathing room while a cell is being edited. */
.WebList .WebList_Body .WebList_Row td.WebGrid_EditCell,
.WebGrid .WebList_Body .WebList_Row td.WebGrid_EditCell,
.WebWindow:not(.LoginDialog) .WebList .WebList_Body .WebList_Row td.WebGrid_EditCell,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Body .WebList_Row td.WebGrid_EditCell {
    padding: 0;
}

.WebList .WebList_Body .WebList_Row td:first-child,
.WebGrid .WebList_Body .WebList_Row td:first-child,
.WebWindow:not(.LoginDialog) .WebList .WebList_Body .WebList_Row td:first-child,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Body .WebList_Row td:first-child {
    border-left: 0;
}

.WebGrid_EditCell .WebForm input,
.WebWindow:not(.LoginDialog) .WebGrid_EditCell .WebForm input {
    padding: 1px 2px;
}

.WebList .WebGrid_EditCell .WebFrm_Wrapper,
.WebGrid .WebGrid_EditCell .WebFrm_Wrapper,
.WebWindow:not(.LoginDialog) .WebGrid .WebGrid_EditCell .WebFrm_Wrapper {
    min-height: 24px;
    padding: 0 4px;
    border-radius: var(--dfa-radius-md);
    box-shadow: none;
}
/* Keep forms directly inside grid columns from touching cell edges. */
.WebCol > .WebControl.WebForm {
    padding: 0px 4px 0px 4px;
}


@media (max-width: 1024px) {
    .WebGrid_EditCell > .WebControl.WebForm > .WebCon_Inner,
    .WebWindow:not(.LoginDialog) .WebGrid_EditCell > .WebControl.WebForm > .WebCon_Inner {
        margin-left: 6px;
        margin-right: 6px;
    }

    .WebGrid_EditCell > .WebControl.WebForm > .WebCon_Inner .WebFrm_Wrapper,
    .WebWindow:not(.LoginDialog) .WebGrid_EditCell > .WebControl.WebForm > .WebCon_Inner .WebFrm_Wrapper {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .WebGrid_EditCell > .WebControl.WebForm > .WebCon_Inner,
    .WebWindow:not(.LoginDialog) .WebGrid_EditCell > .WebControl.WebForm > .WebCon_Inner {
        margin-left: 4px;
        margin-right: 4px;
    }
}
/* Keep grid prompt buttons inside the editor and center their icons. */
.WebList .WebGrid_EditCell .WebFrm_Wrapper.WebFrm_HasPrompt .WebFrm_Prompt,
.WebGrid .WebGrid_EditCell .WebFrm_Wrapper.WebFrm_HasPrompt .WebFrm_Prompt {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
}

.WebList .WebGrid_EditCell .WebFrm_Wrapper.WebFrm_HasPrompt .WebFrm_Prompt::before,
.WebGrid .WebGrid_EditCell .WebFrm_Wrapper.WebFrm_HasPrompt .WebFrm_Prompt::before {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    font-size: 16px;
    line-height: 1;
}

.WebGrid .WebList_Body .WebList_Row button,
.WebList .WebList_Body .WebList_Row button,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Body .WebList_Row button,
.WebWindow:not(.LoginDialog) .WebList .WebList_Body .WebList_Row button {
    border-radius: var(--dfa-button-radius);
    margin: 0px 4px 4px 0px;
}
/* Drag and drop states */
.WebList .WebList_Moving,
.WebGrid .WebList_Moving {
    background: var(--dfa-accent-soft);
    border-color: var(--dfa-border);
    color: var(--dfa-text);
    opacity: 0.65;
}

.WebList td.WebList_Moving,
.WebGrid td.WebList_Moving {
    background: var(--dfa-accent-soft);
    border-color: var(--dfa-border);
}

.WebList .WebList_ColHead.WebList_Moving,
.WebGrid .WebList_ColHead.WebList_Moving {
    border-left: 0;
    border-right: 0;
    box-shadow: none;
}

/* Column ghosts are cloned without the moving classes and mounted outside the WebApp root. */
.WebList[style*="position: fixed"][style*="pointer-events"],
.WebGrid[style*="position: fixed"][style*="pointer-events"] {
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-input-radius);
    background: var(--dfa-surface);
    box-shadow: var(--dfa-window-shadow);
    opacity: 0.96;
}

.WebList[style*="position: fixed"][style*="pointer-events"] .WebList_Head,
.WebGrid[style*="position: fixed"][style*="pointer-events"] .WebList_Head {
    background: var(--dfa-accent-soft);
    border: 0;
    border-bottom: 1px solid var(--dfa-border);
}

.WebList[style*="position: fixed"][style*="pointer-events"] .WebList_ColHead,
.WebGrid[style*="position: fixed"][style*="pointer-events"] .WebList_ColHead {
    border-left: 0;
    border-right: 0;
    box-shadow: none;
}
.WebList[style*="position: fixed"][style*="pointer-events"] .WebList_ColCap,
.WebGrid[style*="position: fixed"][style*="pointer-events"] .WebList_ColCap {
    padding: 10px 12px 9px;
    color: var(--dfa-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.WebList[style*="position: fixed"][style*="pointer-events"] .WebList_Body .WebList_Row td,
.WebGrid[style*="position: fixed"][style*="pointer-events"] .WebList_Body .WebList_Row td {
    border-left: 0;
    background: var(--dfa-surface);
}

.WebList .WebList_Body .WebList_Row[draggable="true"],
.WebGrid .WebList_Body .WebList_Row[draggable="true"],
.WebList .WebList_Head .WebList_ColHead[draggable="true"],
.WebGrid .WebList_Head .WebList_ColHead[draggable="true"] {
    cursor: grab;
}

.WebList .WebList_Body .WebList_Row[draggable="true"]:active,
.WebGrid .WebList_Body .WebList_Row[draggable="true"]:active,
.WebList .WebList_Head .WebList_ColHead[draggable="true"]:active,
.WebGrid .WebList_Head .WebList_ColHead[draggable="true"]:active {
    cursor: grabbing;
}

.WebDragDropMultiSelectionGhost {
    box-sizing: border-box;
    min-height: 32px;
    padding: 7px 12px !important;
    border: 1px solid var(--dfa-accent-border) !important;
    border-radius: var(--dfa-input-radius) !important;
    background: var(--dfa-accent-soft) !important;
    box-shadow: var(--dfa-window-shadow);
    color: var(--dfa-accent-dark);
}

.WebDragDropMultiSelectionGhost p {
    margin: 0;
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.WebList .WebList_Body .WebList_Row.WebList_DropPlaceHolder,
.WebGrid .WebList_Body .WebList_Row.WebList_DropPlaceHolder,
.WebWindow:not(.LoginDialog) .WebList .WebList_Body .WebList_Row.WebList_DropPlaceHolder,
.WebWindow:not(.LoginDialog) .WebGrid .WebList_Body .WebList_Row.WebList_DropPlaceHolder {
    box-sizing: border-box;
    width: 100%;
    min-height: 38px;
    margin: 2px 0;
    border: 2px dashed var(--dfa-accent-border);
    border-radius: var(--dfa-input-radius);
    background: var(--dfa-accent-soft);
    box-shadow: inset 0 0 0 1px var(--dfa-accent);
}

.DfDragDrop_PlaceHolder {
    box-sizing: border-box;
    min-height: 38px;
    border: 2px dashed var(--dfa-accent-border) !important;
    border-radius: var(--dfa-input-radius);
    background: var(--dfa-accent-soft) !important;
    box-shadow: inset 0 0 0 1px var(--dfa-accent);
    opacity: 1;
}

.WebCon_DropZone {
    outline: 2px solid var(--dfa-accent);
    outline-offset: -2px;
    border-radius: var(--dfa-input-radius);
    background: var(--dfa-accent-soft);
}

.WebCon_DragHover,
.WebPanel.WebCon_DragHover > div.WebCon_Sizer > div.WebCon_Content,
.WebCon_DragHover > div.WebCon_Inner,
.WebCon_DragHover > div.WebCon_Inner > div.WebContainer {
    background: var(--dfa-accent-soft);
    box-shadow: inset 0 0 0 2px var(--dfa-accent-border);
}

.WebList .WebList_ColResizer,
.WebGrid .WebList_ColResizer {
    box-sizing: border-box;
    border-left: 1px dashed var(--dfa-accent);
}
/* Widen the invisible column-resize hit area without changing the marker. */
.WebList .WebList_ColHead .WebList_ColSep,
.WebGrid .WebList_ColHead .WebList_ColSep {
    right: -5px;
    width: 5px;
    opacity: 0;
}

/* Radio controls */
.WebControl.WebRadio > .WebCon_Inner {
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    min-width: 38px;
    min-height: 30px;
    margin: 3px 0;
}

.WebRadio > .WebCon_Inner > div {
    position: relative;
    display: block;
    flex: 0 0 30px;
    width: 30px;
    min-height: 30px;
}

.WebRadio .WebR_Fake {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    min-height: 30px;
    pointer-events: none;
}

.WebRadio .WebRadio_Caption:empty {
    position: absolute;
    inset: 0;
    display: block;
    width: 30px;
    min-height: 30px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.WebRadio .WebR_Fake::before {
    top: 5px;
    left: 5px;
    width: 20px;
    min-height: 20px;
    box-sizing: border-box;
    border: 2px solid var(--dfa-muted);
    background: var(--dfa-surface);
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.WebRadio input:checked + .WebR_Fake::before {
    border-color: var(--dfa-accent);
    background: var(--dfa-accent);
}

.WebRadio .WebR_Fake::after {
    top: 10px;
    left: 10px;
    width: 10px;
    min-height: 10px;
    background: transparent;
    transition: background-color 160ms ease;
}

.WebRadio input:checked + .WebR_Fake::after {
    background: var(--df-Grayscale8);
}

.WebRadio.Web_Enabled.WebCon_Focus .WebR_Fake::before,
.WebRadio input:focus-visible + .WebR_Fake::before {
    border-color: var(--dfa-accent);
    box-shadow: 0 0 0 3px var(--dfa-focus-ring-strong);
}

.WebRadio > .WebCon_Inner > label.WebCon_Float {
    display: block;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--dfa-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    white-space: nowrap;
}

.WebRadio.Web_Disabled .WebR_Fake::before {
    border-color: var(--dfa-disabled-border);
    background: var(--dfa-disabled-surface);
}

.WebRadio.Web_Disabled input:checked + .WebR_Fake::after {
    background: var(--dfa-disabled-mark);
}

.WebRadio.Web_Disabled input:checked + .WebR_Fake::before {
    border-color: var(--dfa-disabled-border);
    background: var(--dfa-disabled-surface);
}

.WebControl > .WebCon_Inner {
    margin: 4px 8px;
}

.WebGroup.WebGrp_HasCaption > .WebCon_Inner > div {
    position: relative;
    box-sizing: border-box;
    padding-top: 42px;
}

.WebGroup.WebGrp_HasCaption > div.WebCon_Inner > div > .WebGrp_Caption {
    white-space: nowrap;
}

.WebControl > div.WebCon_TopLabel > label {
    min-height: 22px;
    padding: 3px 0 3px;
}

/* Tabs */
.WebTabContainer.WebControl > .WebCon_Inner {
    margin: 18px 10px 14px;
}

.WebTabContainer .WebTbc_Head {
    overflow: hidden;
    padding: 0;
    background: var(--dfa-surface);
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-radius-xl);
    box-shadow: 0 1px 3px var(--dfa-shadow-subtle);
}

.WebTabContainer .WebTab_Btn {
    border-bottom: 2px solid transparent;
    padding: 11px 16px 9px;
}

.WebTabContainer .WebTbc_Head .WebTab_Btn:first-child {
    border-radius: var(--dfa-radius-control) var(--dfa-radius-zero) var(--dfa-radius-zero) var(--dfa-radius-control);
}

.WebTabContainer .WebTab_Btn span label {
    color: var(--dfa-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
}

.WebTabContainer .WebTab_Btn.Web_Enabled:hover,
.WebTabContainer .WebTab_Btn.Web_Enabled.WebTab_Focus {
    background: var(--dfa-accent-soft);
}

.WebTabContainer .WebTab_Btn.WebTab_Current,
.WebTabContainer .WebTab_Btn.WebTab_Current:hover {
    border-bottom-color: var(--dfa-accent);
}

.WebTabContainer .WebTab_Btn.WebTab_Current span label {
    color: var(--dfa-accent-dark);
}

/* Card-like groups */
.WebGroup > .WebCon_Inner {
    background: transparent;
}

.WebGroup.WebGrp_HasBorder > .WebCon_Inner > div {
    box-sizing: border-box;
    margin: 6px;
    background: var(--dfa-surface);
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-radius-3xl);
    box-shadow: 0 4px 18px var(--dfa-shadow-card);
}

.WebGroup.WebGrp_HasBorder > .WebCon_Inner > div > .WebContainer {
    margin: 0;
    background: transparent;
    border: 0;
    border-radius: var(--dfa-radius-zero);
    box-shadow: none;
}

.WebGroup.WebGrp_HasBorder > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer {
    min-height: 0;
    background: transparent;
    border: 0;
    border-radius: var(--dfa-radius-zero);
    box-shadow: none;
}

.WebGroup.WebGrp_HasBorder > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    padding: 14px;
}

.WebGroup.WebGrp_HasCaption > div.WebCon_Inner > div > .WebGrp_Caption {
    top: 14px;
    left: 20px;
    padding: 0;
    background: transparent;
    color: var(--dfa-text);
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
}


.CompanyInfoGroup .WebGrp_Caption::before,
.QuickInfoGroup .WebGrp_Caption::before,
.ActivationGroup .WebGrp_Caption::before {
    display: inline-block;
    margin-right: 8px;
    color: var(--dfa-accent);
    font-family: "Material Symbols Outlined";
    font-size: 18px;
    font-feature-settings: "liga";
    font-variant-ligatures: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: -3px;
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
}

.CompanyInfoGroup .WebGrp_Caption::before {
    content: "business";
}

.QuickInfoGroup .WebGrp_Caption::before {
    content: "info";
}

.ActivationGroup .WebGrp_Caption::before {
    content: "lock";
}


.WebGroup.WebGrp_HasBorder.ActivationGroup > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    padding-top: 34px;
}

/* Company account requests view */
.DfaCompanyAccountRequestsView > .WebContainer {
    box-sizing: border-box;
    padding: 18px 22px 28px;
    background: var(--dfa-page);
}

.DfaCompanyAccountRequestsView h1.WebWin_title {
    padding: 4px 0 2px;
    margin: 0;
    color: var(--dfa-text);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.2;
}

.DfaCompanyAccountRequestsWrapper > .WebCon_Inner,
.DfaCompanyAccountRequestsTop > .WebCon_Inner,
.DfaCompanyAccountRequestsTabPanel > .WebCon_Inner,
.DfaCompanyAccountRequestsSearchPanel > .WebCon_Inner,
.DfaCompanyAccountRequestsListPanel > .WebCon_Inner,
.DfaCompanyAccountRequestsListDataPanel > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestsMain > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestsMain > .WebCon_Inner > div {
    margin: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.DfaCompanyAccountRequestsMain > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    padding: 0;
}

.DfaCompanyAccountRequestsSubtitle {
    margin: 0 0 10px;
}

.DfaCompanyAccountRequestsSubtitle > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestsSubtitle label,
.DfaCompanyAccountRequestsSubtitle .WebLbl_Caption {
    color: var(--dfa-muted);
    font-size: 14px;
    line-height: 1.4;
}

.DfaCompanyAccountRequestsToolbar {
    margin: 0 0 14px;
}

.DfaCompanyAccountRequestsToolbar > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestsToolbar > .WebCon_Inner > div {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.DfaCompanyAccountRequestsToolbar > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 10px;
    padding: 0;
}

.DfaCompanyAccountRequestsToolbar .WebControl > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestsToolbar .DfaCompanyAccountRequestsThreshold,
.DfaCompanyAccountRequestsToolbar .DfaCompanyAccountRequestsSaveButton {
    flex: 0 0 160px;
    width: 160px;
}

.DfaCompanyAccountRequestsToolbar .DfaCompanyAccountRequestsRefreshButton {
    flex: 0 0 195px;
    width: 195px;
}

.DfaCompanyAccountRequestsThreshold > div.WebCon_TopLabel > label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    min-height: 22px;
    color: var(--dfa-text);
    font-size: 12px;
    font-weight: 600;
}

.DfaCompanyAccountRequestsThreshold > div.WebCon_TopLabel > label::after {
    content: "info";
    color: var(--dfa-muted);
    font-family: "Material Symbols Outlined";
    font-size: 16px;
    font-feature-settings: "liga";
    font-weight: 400;
    line-height: 1;
}

.DfaCompanyAccountRequestsThreshold .WebFrm_Wrapper {
    min-height: 40px;
    max-width: 160px;
    margin-left: auto;
}

.DfaCompanyAccountRequestsThreshold input {
    text-align: center;
    font-weight: 600;
}

.DfaCompanyAccountRequestsSaveButton button,
.DfaCompanyAccountRequestsRefreshButton button {
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--dfa-accent);
    border-radius: var(--dfa-button-radius);
    font-size: 13px;
    font-weight: 600;
    transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, transform 140ms ease;
}

.DfaCompanyAccountRequestsSaveButton button {
    max-width: 160px;
    margin-left: auto;
}

.DfaCompanyAccountRequestsRefreshButton button {
    max-width: 195px;
    margin-left: auto;
}

.DfaCompanyAccountRequestsSaveButton button {
    background: var(--dfa-surface);
    color: var(--dfa-accent-dark);
}

.DfaCompanyAccountRequestsRefreshButton button {
    background: var(--dfa-accent);
    color: var(--df-CtrTextColor);
}

.DfaCompanyAccountRequestsSaveButton.Web_Enabled button:hover,
.DfaCompanyAccountRequestsSaveButton.Web_Enabled button:focus,
.DfaCompanyAccountRequestsRefreshButton.Web_Enabled button:hover,
.DfaCompanyAccountRequestsRefreshButton.Web_Enabled button:focus {
    background: var(--dfa-accent-dark);
    border-color: var(--dfa-accent-dark);
    box-shadow: 0 4px 10px var(--dfa-shadow-card);
    color: var(--df-CtrTextColor);
    transform: translateY(-1px);
}

.DfaCompanyAccountRequestsTabs.WebTabContainer > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestsTabs .WebTbc_Head {
    overflow: hidden;
    background: var(--dfa-surface);
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-radius-xl) var(--dfa-radius-xl) 0 0;
    box-shadow: 0 1px 3px var(--dfa-shadow-soft);
}

.DfaCompanyAccountRequestsTabs .WebTab_Btn {
    min-height: 0;
    padding: 10px 18px 8px;
}

.DfaCompanyAccountRequestsTabs .WebTbc_Head .WebTab_Btn:first-child {
    border-radius: 0;
}

.DfaCompanyAccountRequestsTabs .WebTab_Btn span label {
    display: inline-block;
    color: var(--dfa-muted);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    line-height: 22px;
    white-space: nowrap;
}

.DfaCompanyAccountRequestsTabs .WebTab_Btn.WebTab_Current span label {
    color: var(--dfa-accent-dark);
}

.DfaCompanyAccountRequestsTabs .WebTbc_Head .DfaCARTabButton {
    position: relative;
    padding-right: 52px;
}

.DfaCompanyAccountRequestsTabs .WebTbc_Head .DfaCARTabButton::after {
    position: absolute;
    top: 50%;
    right: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-radius-pill);
    background: var(--dfa-accent-soft);
    color: var(--dfa-accent-dark);
    content: attr(data-badge);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    transform: translateY(-50%);
}

.DfaCompanyAccountRequestsTabs .WebTbc_Head .DfaCARTabButton.WebTab_Current::after {
    border-color: var(--dfa-accent);
    background: var(--dfa-accent);
    color: var(--df-CtrTextColor);
}


.DfaCompanyAccountRequestsTabs .WebTbc_Head .DfaCARTabButton:not([data-badge])::after {
    display: none;
}

.DfaCompanyAccountRequestsTabs .WebTbc_Body {
    box-sizing: border-box;
    background: var(--dfa-surface);
    border: 1px solid var(--dfa-border);
    border-top: 0;
    border-radius: 0 0 var(--dfa-radius-xl) var(--dfa-radius-xl);
    box-shadow: 0 4px 18px var(--dfa-shadow-card);
}

.DfaCompanyAccountRequestsTabs .DfaCompanyAccountRequestsTab > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestsSearch {
    margin: 14px 12px 8px;
}

.DfaCompanyAccountRequestsSearch > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestsSearch .WebFrm_Wrapper {
    position: relative;
    min-height: 42px;
    border-radius: var(--dfa-input-radius);
}

.DfaCompanyAccountRequestsSearch .WebFrm_Wrapper::before {
    position: absolute;
    top: 50%;
    left: 13px;
    z-index: 1;
    content: "search";
    color: var(--dfa-muted);
    font-family: "Material Symbols Outlined";
    font-size: 19px;
    font-feature-settings: "liga";
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.DfaCompanyAccountRequestsSearch input {
    min-height: 40px;
    padding-left: 40px;
    font-size: 13px;
}

.DfaCompanyAccountRequestsListIntro {
    margin: 5px 12px 0;
}

.DfaCompanyAccountRequestsListIntro > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestsListIntro > .WebCon_Inner > div {
    margin: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.DfaCompanyAccountRequestsListIntro > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    padding: 7px 8px 5px;
}

.DfaCompanyAccountRequestsListIntroTitle > .WebCon_Inner,
.DfaCompanyAccountRequestsListIntroSubtitle > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestsListIntroTitle label,
.DfaCompanyAccountRequestsListIntroTitle .WebLbl_Caption {
    color: var(--dfa-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.DfaCompanyAccountRequestsListIntroSubtitle label,
.DfaCompanyAccountRequestsListIntroSubtitle .WebLbl_Caption {
    color: var(--dfa-muted);
    font-size: 12px;
    line-height: 1.4;
}

.DfaCompanyAccountRequestsList {
    margin: 0 12px 14px;
}

.DfaCompanyAccountRequestsList .WebList_Focus {
    border-radius: var(--dfa-radius-xl);
    box-shadow: 0 2px 10px var(--dfa-shadow-soft);
}

.DfaCompanyAccountRequestsList .WebList_BodyWrp {
    scrollbar-color: var(--dfa-border) transparent;
    scrollbar-width: thin;
}

.DfaCompanyAccountRequestsList .WebList_BodyWrp::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.DfaCompanyAccountRequestsList .WebList_BodyWrp::-webkit-scrollbar-track {
    background: transparent;
}

.DfaCompanyAccountRequestsList .WebList_BodyWrp::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: var(--dfa-radius-pill);
    background-color: var(--dfa-border);
    background-clip: padding-box;
}

.DfaCompanyAccountRequestsList .WebList_BodyWrp::-webkit-scrollbar-thumb:hover {
    background-color: var(--dfa-accent);
}

.DfaCompanyAccountRequestsList .WebList_BodyWrp::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.DfaCompanyAccountRequestsList .WebList_BodyWrp::-webkit-scrollbar-corner {
    background: transparent;
}


.DfaCompanyAccountRequestsList .WebList_Head {
    background: var(--dfa-accent-soft);
}

.DfaCompanyAccountRequestsList .WebList_ColCap {
    padding: 11px 12px 10px;
    color: var(--dfa-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.DfaCompanyAccountRequestsList .WebList_Head th:last-child .WebList_ColCap {
    visibility: hidden;
}

.DfaCompanyAccountRequestsList .WebList_Head th:last-child {
    padding: 0;
}

.DfaCompanyAccountRequestsList .WebList_Body .WebList_Row td {
    padding: 12px;
    font-size: 13px;
}

.DfaCompanyAccountRequestsList .WebList_Body .WebList_Row:last-child {
    border-bottom: 0;
}

.DfaCompanyAccountRequestsList .WebList_Body .DfaCompanyAccountRequestsClickableRow {
    position: relative;
    cursor: pointer;
    transition: background-color 140ms ease, box-shadow 140ms ease;
}

.DfaCompanyAccountRequestsList .WebList_Body .DfaCompanyAccountRequestsClickableRow:hover {
    background: var(--dfa-accent-soft);
    box-shadow: inset 3px 0 0 var(--dfa-accent);
}

.DfaCompanyAccountRequestsList .WebList_Body .DfaCompanyAccountRequestsClickableRow:focus-within {
    background: var(--dfa-accent-soft);
    box-shadow: inset 3px 0 0 var(--dfa-accent), 0 0 0 3px var(--dfa-focus-ring);
}

.DfaCompanyAccountRequestsList .WebList_Body .DfaCompanyAccountRequestsClickableRow::after {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 8px;
    height: 8px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    color: var(--dfa-muted);
    content: "";
    pointer-events: none;
    transform: translateY(-50%) rotate(45deg);
    transition: color 140ms ease, transform 140ms ease;
}

.DfaCompanyAccountRequestsList .WebList_Body .DfaCompanyAccountRequestsClickableRow:hover::after,
.DfaCompanyAccountRequestsList .WebList_Body .DfaCompanyAccountRequestsClickableRow:focus-within::after {
    color: var(--dfa-accent-dark);
    transform: translate(2px, -50%) rotate(45deg);
}

.DfaCompanyAccountRequestsList .WebList_Body .DfaCompanyAccountRequestsRowAction {
    padding: 0 18px 0 0;
    font-size: 0;
}

.DfaCompanyAccountRequestsList .WebList_Body td.DfaCompanyAccountRequestsDomainColumn {
    color: var(--dfa-muted);
    font-size: 12px;
}

.DfaCompanyAccountRequestsList .WebList_Body td.DfaCompanyAccountRequestsUsersColumn {
    color: var(--dfa-text);
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.DfaCompanyAccountRequestsList .WebList_Body td.DfaCompanyAccountRequestsUsersColumn::before {
    display: inline-block;
    margin-right: 5px;
    color: var(--dfa-accent);
    content: "person";
    font-family: "Material Symbols Outlined";
    font-feature-settings: "liga";
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    vertical-align: -3px;
}
.DfaCompanyAccountRequestsList .WebList_Body table.WebList_RowEmpty td.DfaCompanyAccountRequestsUsersColumn::before {
    content: none;
}


.DfaCompanyAccountRequestsList .WebList_Body td.DfaCompanyAccountRequestsStatusColumn {
    white-space: nowrap;
}

.DfaCompanyAccountRequestsList .WebList_Body td.DfaCompanyAccountRequestsStatusColumn {
    color: transparent;
    font-size: 0;
}
.DfaCompanyAccountRequestsList .WebList_Body table.WebList_RowEmpty td.DfaCompanyAccountRequestsStatusColumn::before {
    display: none;
    content: none;
}


.DfaCompanyAccountRequestsList .WebList_Body td.DfaCompanyAccountRequestsStatusColumn::before {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 24px;
    padding: 3px 10px;
    border: 1px solid var(--df-MainLight);
    border-radius: var(--dfa-radius-pill);
    background: var(--dfa-company-account-requests-status-background);
    color: var(--df-MainDark);
    content: "Status";
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
}


.DfaCompanyAccountRequestsList .WebList_Body td.DfaCompanyAccountRequestsStatusAccepted::before {
    border-color: #81c784;
    background: #e8f5e9;
    color: #2e7d32;
    content: "Accepted";
}

.DfaCompanyAccountRequestsList .WebList_Body td.DfaCompanyAccountRequestsStatusRejected::before {
    border-color: var(--df-ErrorRegular);
    background: #ffebee;
    color: var(--df-ErrorDark);
    content: "Rejected";
}

.DfaCompanyAccountRequestsList .WebList_Body td.DfaCompanyAccountRequestsStatusPending::before {
    content: "Pending";
}


.DfaCompanyAccountRequestsList .WebList_Body td.DfaCompanyAccountRequestsStatusBelowThreshold::before {
    content: "Below threshold";
}

.DfaCompanyAccountRequestsList .WebList_Body td.DfaCompanyAccountRequestsStatusOther::before {
    content: "Unknown";
}

/* Request detail dialog */
.DfaCompanyAccountRequestDetails.WebWindow {
    min-width: 0;
    border: 1px solid var(--dfa-border);
    border-radius: 12px;
    background: var(--dfa-surface);
    box-shadow: var(--dfa-dialog-shadow);
}

.DfaCompanyAccountRequestDetails.WebWindow .WebWin_header {
    background: var(--dfa-surface);
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
}

.DfaCompanyAccountRequestDetails.WebWindow .WebWin_title {
    padding: 40px 48px 4px;
    color: var(--dfa-text);
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.DfaCompanyAccountRequestDetails.WebWindow .WebWin_main_c {
    background: var(--dfa-surface);
}

.DfaCompanyAccountRequestDetailsTopPanel > .WebCon_Inner {
    box-sizing: border-box;
    margin: 0;
    padding: 0 48px 24px;
    border-bottom: 1px solid var(--dfa-border);
}

.DfaCompanyAccountRequestDetailsSubtitle .WebLbl_Caption,
.DfaCompanyAccountRequestDetailsSubtitle label {
    color: var(--dfa-muted);
    font-size: 14px;
    line-height: 20px;
}

.DfaCompanyAccountRequestDetailsInformationPanel > .WebCon_Inner,
.DfaCompanyAccountRequestDetailsAccountInformationPanel > .WebCon_Inner,
.DfaCompanyAccountRequestDetailsSuggestedCompanyPanel > .WebCon_Inner,
.DfaCompanyAccountRequestDetailsEvidencePanel > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestDetailsSuggestedCompanyPanel > .WebCon_Inner {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 24px;
    border-left: 1px solid var(--dfa-border);
}

.DfaCompanyAccountRequestDetailsEvidencePanel > .WebCon_Inner {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--dfa-border);
}

.DfaCompanyAccountRequestDetails .WebGroup.WebGrp_HasCaption > div.WebCon_Inner > div > .WebGrp_Caption {
    color: var(--dfa-text);
    font-size: 14px;
    font-weight: 700;
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsSubmitted .WebGrp_Caption::before,
.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsMatch .WebGrp_Caption::before,
.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsEvidence .WebGrp_Caption::before {
    display: inline-block;
    margin-right: 7px;
    color: var(--dfa-accent);
    font-family: "Material Symbols Outlined";
    font-size: 18px;
    font-feature-settings: "liga";
    font-weight: 400;
    line-height: 1;
    vertical-align: -3px;
}


.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsSubmitted .WebGrp_Caption::before {
    content: "person";
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsMatch .WebGrp_Caption::before {
    content: "business";
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsEvidence .WebGrp_Caption::before {
    content: "fact_check";
}


@media (max-width: 767px) {
    .DfaCompanyAccountRequestsView > .WebContainer {
        padding: 16px 10px 20px;
    }

    .DfaCompanyAccountRequestsView h1.WebWin_title {
        font-size: 24px;
    }

    .DfaCompanyAccountRequestsToolbar .WebControl > .WebCon_Inner {
        margin: 0 0 8px;
    }

    .DfaCompanyAccountRequestsToolbar > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .DfaCompanyAccountRequestsToolbar .DfaCompanyAccountRequestsThreshold,
    .DfaCompanyAccountRequestsToolbar .DfaCompanyAccountRequestsSaveButton,
    .DfaCompanyAccountRequestsToolbar .DfaCompanyAccountRequestsRefreshButton {
        flex: 0 0 auto;
        width: 100%;
    }

    .DfaCompanyAccountRequestsThreshold > div.WebCon_TopLabel > label {
        justify-content: flex-start;
    }

    .DfaCompanyAccountRequestsThreshold .WebFrm_Wrapper {
        max-width: none;
        margin-left: 0;
    }

    .DfaCompanyAccountRequestsSaveButton button,
    .DfaCompanyAccountRequestsRefreshButton button {
        max-width: none;
        margin-left: 0;
    }

    .DfaCompanyAccountRequestsTabs .WebTab_Btn {
        min-height: 0;
        padding: 9px 10px 7px;
    }

    .DfaCompanyAccountRequestsTabs .WebTab_Btn span label {
        font-size: 11px;
    }

    .DfaCompanyAccountRequestsSearch {
        margin-right: 8px;
        margin-left: 8px;
    }

    .DfaCompanyAccountRequestsListIntro,
    .DfaCompanyAccountRequestsList {
        margin-right: 8px;
        margin-left: 8px;
    }

    .DfaCompanyAccountRequestsList .WebList_Body .WebList_Row td {
        padding: 10px 8px;
    }

    .DfaCompanyAccountRequestDetails.WebWindow .WebWin_title {
        padding: 16px 18px 12px;
        font-size: 19px;
    }
    .DfaCompanyAccountRequestDetailsTopPanel > .WebCon_Inner {
        padding-right: 18px;
        padding-left: 18px;
    }

    .DfaCompanyAccountRequestDetailsInformationPanel > .WebCon_Inner {
        flex-direction: column;
    }

    .DfaCompanyAccountRequestDetailsSuggestedCompanyPanel {
        width: 100% !important;
    }

    .DfaCompanyAccountRequestDetailsSuggestedCompanyPanel > .WebCon_Inner {
        margin-top: 8px;
        padding-top: 12px;
        padding-left: 0;
        border-top: 1px solid var(--dfa-border);
        border-left: 0;
    }
}


/* Screenshot-matched compact review request layout. */

.DfaCompanyAccountRequestDetailsMain > .WebCon_Sizer > .WebCon_Content {
    box-sizing: border-box;
    padding: 0 48px;
}

.DfaCompanyAccountRequestDetailsInformationPanel > .WebCon_Inner {
    display: flex;
    align-items: flex-start;
    margin: 0;
    padding-top: 24px;
}

.DfaCompanyAccountRequestDetailsAccountInformationPanel > .WebCon_Inner,
.DfaCompanyAccountRequestDetailsSuggestedCompanyPanel > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestDetailsAccountInformationPanel {
    min-width: 0;
}

.DfaCompanyAccountRequestDetailsSuggestedCompanyPanel {
    flex: 0 0 390px;
}

.DfaCompanyAccountRequestDetailsSubmitted.WebGroup > .WebCon_Inner > div,
.DfaCompanyAccountRequestDetailsMatch.WebGroup > .WebCon_Inner > div,
.DfaCompanyAccountRequestDetailsEvidence.WebGroup > .WebCon_Inner > div {
    margin: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.DfaCompanyAccountRequestDetailsSubmitted.WebGroup > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content,
.DfaCompanyAccountRequestDetailsMatch.WebGroup > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content,
.DfaCompanyAccountRequestDetailsEvidence.WebGroup > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    padding: 0;
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsSubmitted .WebGrp_Caption,
.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsMatch .WebGrp_Caption,
.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsEvidence .WebGrp_Caption {
    margin: 0 0 24px;
    color: var(--dfa-text);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsSubmitted .WebGrp_Caption::before,
.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsMatch .WebGrp_Caption::before,
.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsEvidence .WebGrp_Caption::before {
    margin-right: 12px;
    color: var(--dfa-accent);
    font-size: 24px;
    line-height: 28px;
    vertical-align: -3px;
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsSubmitted .WebGrp_Caption::before {
    content: "person";
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsMatch .WebGrp_Caption::before {
    content: "business";
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsEvidence .WebGrp_Caption::before {
    content: "search";
}

.DfaCompanyAccountRequestDetailsSubmitted .WebForm > .WebCon_Inner,
.DfaCompanyAccountRequestDetailsMatch .WebForm > .WebCon_Inner,
.DfaCompanyAccountRequestDetailsEvidence .WebForm > .WebCon_Inner {
    display: grid;
    grid-template-areas: "label control";
    grid-template-columns: 120px minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: start;
    margin: 0 0 16px;
}

.DfaCompanyAccountRequestDetailsSubmitted .WebForm > .WebCon_Inner > label,
.DfaCompanyAccountRequestDetailsMatch .WebForm > .WebCon_Inner > label,
.DfaCompanyAccountRequestDetailsEvidence .WebForm > .WebCon_Inner > label {
    grid-area: label;
    min-height: 20px;
    padding: 0;
    color: var(--dfa-muted);
    font-size: 14px;
    line-height: 20px;
}

.DfaCompanyAccountRequestDetailsSubmitted .WebForm > .WebCon_Inner > div,
.DfaCompanyAccountRequestDetailsMatch .WebForm > .WebCon_Inner > div,
.DfaCompanyAccountRequestDetailsEvidence .WebForm > .WebCon_Inner > div {
    grid-area: control;
    min-width: 0;
    margin: 0;
}

.DfaCompanyAccountRequestDetailsSubmitted .WebFrm_Wrapper,
.DfaCompanyAccountRequestDetailsMatch .WebFrm_Wrapper,
.DfaCompanyAccountRequestDetailsEvidence .WebFrm_Wrapper {
    min-height: 20px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.DfaCompanyAccountRequestDetailsSubmitted .WebForm input,
.DfaCompanyAccountRequestDetailsMatch .WebForm input,
.DfaCompanyAccountRequestDetailsEvidence .WebForm input {
    min-height: 20px !important;
    height: auto;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--dfa-text) !important;
    -webkit-text-fill-color: var(--dfa-text);
    font-size: 14px;
    line-height: 20px;
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsStatus.WebForm .WebFrm_Wrapper,
.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsMatchScore.WebForm .WebFrm_Wrapper {
    display: inline-block;
    width: max-content;
    min-height: 28px;
    padding: 4px 10px !important;
    border: 0 !important;
    border-radius: 4px;
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsStatus.WebForm .WebFrm_Wrapper {
    background: #fff0e8 !important;
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsStatus.WebForm input {
    color: var(--dfa-accent-dark) !important;
    -webkit-text-fill-color: var(--dfa-accent-dark);
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsMatchScore.WebForm .WebFrm_Wrapper {
    background: #d7f4df !important;
}

.DfaCompanyAccountRequestDetails .DfaCompanyAccountRequestDetailsMatchScore.WebForm input {
    color: #1d7b3b !important;
    -webkit-text-fill-color: #1d7b3b;
}

.DfaCompanyAccountRequestDetailsEvidenceText.WebEdit > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyAccountRequestDetailsEvidenceText .WebFrm_Wrapper {
    min-height: 0;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.DfaCompanyAccountRequestDetailsEvidenceText textarea {
    min-height: 0 !important;
    height: auto;
    field-sizing: content;
    overflow: hidden;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--dfa-muted) !important;
    -webkit-text-fill-color: var(--dfa-muted);
    font-size: 14px;
    line-height: 20px;
    resize: none;
}

.DfaCompanyAccountRequestDetailsActions > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: stretch;
    gap: 16px;
    padding: 24px 48px;
    border-top: 1px solid var(--dfa-border);
}

.DfaCompanyAccountRequestDetailsActions .WebButton {
    flex: 1 1 0;
    min-width: 0;
}

.DfaCompanyAccountRequestDetailsActions .WebButton button {
    min-height: 44px;
    height: 44px;
    padding: 0 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
}

.DfaCompanyAccountRequestDetailsActions .DfaRequestDetailRejectButton {
    order: 1;
}

.DfaCompanyAccountRequestDetailsActions .DfaRequestDetailCreateCompanyButton {
    order: 2;
}

.DfaCompanyAccountRequestDetailsActions .DfaRequestDetailPrimaryButton {
    order: 3;
}

.DfaCompanyAccountRequestDetailsActions .DfaRequestDetailRejectButton button {
    background: var(--dfa-surface);
    border-color: #9aa3ad;
    color: var(--dfa-text);
}

.DfaCompanyAccountRequestDetailsActions .DfaRequestDetailCreateCompanyButton button {
    background: var(--dfa-surface);
    border-color: var(--dfa-accent);
    color: var(--dfa-accent-dark);
}

/* Keep modal chrome and panel spacing on the generated WebContainer wrappers. */
.DfaCompanyAccountRequestDetails.WebWindow .WebWin_controls .WebWin_close {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute;
    top: 36px;
    right: 48px;
    z-index: 2;
}

.DfaCompanyAccountRequestDetailsMain {
    box-sizing: border-box;
    padding: 0 48px;
}

.DfaCompanyAccountRequestDetailsMain .WebCon_Content {
    padding: 0 !important;
}

.DfaCompanyAccountRequestDetailsTopPanel {
    box-sizing: border-box;
    padding: 0 48px 24px;
    border-bottom: 1px solid var(--dfa-border) !important;
}

.DfaCompanyAccountRequestDetailsTopPanel > .WebCon_Inner {
    padding: 0 !important;
    border-bottom: 0 !important;
}

.DfaCompanyAccountRequestDetailsInformationPanel {
    box-sizing: border-box;
    padding-top: 24px;
}

.DfaCompanyAccountRequestDetailsSuggestedCompanyPanel {
    box-sizing: border-box;
    padding-left: 24px;
    border-left: 1px solid var(--dfa-border) !important;
}

.DfaCompanyAccountRequestDetailsSuggestedCompanyPanel > .WebCon_Inner {
    padding-left: 0 !important;
    border-left: 0 !important;
}

.DfaCompanyAccountRequestDetailsEvidencePanel {
    box-sizing: border-box;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--dfa-border) !important;
}

.DfaCompanyAccountRequestDetailsEvidencePanel > .WebCon_Inner {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.DfaCompanyAccountRequestDetailsActions {
    box-sizing: border-box;
    padding: 24px 48px;
    border-top: 1px solid var(--dfa-border) !important;
}

.DfaCompanyAccountRequestDetailsActions .WebCon_Content {
    padding: 0 !important;
    border-top: 0 !important;
}

@media (max-width: 767px) {
    .DfaCompanyAccountRequestDetails.WebWindow .WebWin_title {
        padding: 28px 24px 4px;
        font-size: 22px;
    }

    .DfaCompanyAccountRequestDetails.WebWindow .WebWin_controls .WebWin_close {
        top: 24px;
        right: 24px;
    }

    .DfaCompanyAccountRequestDetailsMain {
        padding-right: 24px;
        padding-left: 24px;
    }

    .DfaCompanyAccountRequestDetailsTopPanel {
        padding-right: 24px;
        padding-left: 24px;
    }

    .DfaCompanyAccountRequestDetailsSuggestedCompanyPanel {
        padding-left: 0;
        border-left: 0 !important;
    }

    .DfaCompanyAccountRequestDetailsActions {
        padding: 16px 24px 24px;
    }


    .DfaCompanyAccountRequestDetailsTopPanel > .WebCon_Inner,
    .DfaCompanyAccountRequestDetailsMain > .WebCon_Sizer > .WebCon_Content {
        padding-right: 24px;
        padding-left: 24px;
    }

    .DfaCompanyAccountRequestDetailsInformationPanel > .WebCon_Inner {
        flex-direction: column;
    }

    .DfaCompanyAccountRequestDetailsSuggestedCompanyPanel {
        flex-basis: auto;
        width: 100% !important;
    }

    .DfaCompanyAccountRequestDetailsSuggestedCompanyPanel > .WebCon_Inner {
        margin-top: 24px;
        padding-top: 24px;
        padding-left: 0;
        border-top: 1px solid var(--dfa-border);
        border-left: 0;
    }

    .DfaCompanyAccountRequestDetailsActions > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
        flex-direction: column;
        gap: 10px;
        padding: 16px 24px 24px;
    }
}

.DangerButton button {
    width: 165px;
    min-height: 38px;
    border: 0;
    border-radius: var(--dfa-radius-lg);
    background: var(--dfa-accent);
    color: var(--df-CtrTextColor);
    font-size: 14px;
    font-weight: 600;
}

.DangerButton button:hover,
.DangerButton button:focus {
    background: var(--dfa-accent-dark);
}

.DangerButton > .WebCon_Inner {
    margin-top: 18px;
}

@media (max-width: 767px) {
    body {
        background: var(--dfa-page);
    }

    .WebApp {
        width: 100% !important;
        min-height: 100% !important;
        margin: 0;
        border: 0;
    }

    .WebInlineView > .WebContainer {
        padding: 16px;
    }

    .WebInlineView h1.WebWin_title {
        font-size: 23px;
    }

}
/* Company context selector */
.DfaCompanyContextScreen.WebInlineView,
.DfaCompanyContextScreen.WebView {
    box-sizing: border-box;
    width: min(1200px, calc(100% - 32px)) !important;
    max-width: calc(100% - 32px);
    margin: 0 auto;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--dfa-text);
}

.DfaCompanyContextScreen .WebWin_header {
    display: none;
}

.DfaCompanyContextScreen > .WebContainer,
.DfaCompanyContextScreen > .WebContainer > .WebCon_Sizer,
.DfaCompanyContextScreen > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    padding: 0 !important;
    background: transparent;
}

.DfaCompanyContextGroup.WebGroup > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
    padding: 0 42px 22px !important;
}

.DfaCompanyContextHeader .WebCon_Content,
.DfaCompanyContextSectionHeader .WebCon_Content,
.DfaCompanyContextOptions .WebCon_Content {
    padding: 0 !important;
}

.DfaCompanyContextHeaderGrid {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    padding: 34px 0 26px;
    border-bottom: 1px solid var(--dfa-border);
}

.DfaCompanyContextHeaderCopy {
    min-width: 0;
}

.DfaCompanyContextHeaderCopy h1 {
    margin: 0;
    color: var(--dfa-text);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.7px;
    line-height: 1.15;
}

.DfaCompanyContextHeaderSubtitle {
    margin-top: 8px;
    color: var(--dfa-muted);
    font-size: 18px;
    line-height: 1.35;
}

.DfaCompanyContextHeaderCopy p {
    margin: 22px 0 0;
    color: var(--dfa-text);
    font-size: 14px;
    line-height: 1.45;
}
.DfaCompanyContextCurrentContext {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin-top: 14px;
}

.DfaCompanyContextCurrentLabel {
    color: var(--dfa-muted);
    font-size: 13px;
    line-height: 1.3;
}

.DfaCompanyContextCurrentName {
    color: var(--dfa-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

.DfaCompanyContextCurrentRole {
    min-height: 22px;
    padding: 2px 9px;
}


.DfaCompanyContextAccount {
    display: flex;
    flex: 0 0 min(380px, 100%);
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
    min-height: 76px;
    padding: 12px 16px;
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-radius-lg);
    background: var(--dfa-surface);
    box-shadow: 0 1px 3px var(--dfa-shadow-subtle);
}

.DfaCompanyContextAccountIcon {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-height: 44px;
    border-radius: var(--dfa-radius-circle);
    background: var(--dfa-accent-soft);
    color: var(--dfa-accent);
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    font-feature-settings: "liga";
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
}

.DfaCompanyContextAccountText {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.DfaCompanyContextAccountName,
.DfaCompanyContextAccountEmail {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.DfaCompanyContextAccountName {
    color: var(--dfa-muted);
    font-size: 14px;
    line-height: 1.3;
}

.DfaCompanyContextAccountEmail {
    color: var(--dfa-muted);
    font-size: 13px;
    line-height: 1.3;
}

.DfaCompanyContextSectionHeader .WebCon_Content {
    padding: 20px 0 10px !important;
}

.DfaCompanyContextSectionHeaderContent {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--dfa-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}

.DfaCompanyContextSectionIcon {
    color: var(--dfa-accent);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    font-feature-settings: "liga";
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
}

.DfaCompanyContextOptions .WebCon_Content {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    max-height: min(560px, calc(100vh - 280px));
    max-height: min(560px, calc(100dvh - 280px));
    padding-bottom: 24px !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.DfaCompanyContextOptionList {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.DfaCompanyContextOption {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    width: 100%;
    min-height: 86px;
    padding: 16px 20px;
    border: 1px solid var(--dfa-border);
    border-radius: var(--dfa-radius-lg);
    background: var(--dfa-surface);
    box-shadow: 0 1px 3px var(--dfa-shadow-subtle);
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.DfaCompanyContextOption:hover {
    border-color: var(--dfa-accent-border);
    background: var(--dfa-accent-soft);
    box-shadow: 0 4px 12px var(--dfa-shadow-card);
}

.DfaCompanyContextOptionSelected,
.DfaCompanyContextOption:has(.DfaCompanyContextOptionInput:checked) {
    border-color: var(--dfa-accent);
    background: color-mix(in srgb, var(--dfa-accent) 4%, var(--dfa-surface));
    box-shadow: 0 0 0 1px var(--dfa-accent);
}

.DfaCompanyContextOption:has(.DfaCompanyContextOptionInput:focus-visible) {
    outline: none;
    box-shadow: 0 0 0 3px var(--dfa-focus-ring-strong);
}

.DfaCompanyContextOptionIcon {
    display: flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    min-height: 54px;
    border-radius: var(--dfa-radius-circle);
    background: var(--dfa-accent-soft);
    color: var(--dfa-accent);
    font-family: "Material Symbols Outlined";
    font-size: 28px;
    font-feature-settings: "liga";
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 28;
}

.DfaCompanyContextOptionIconbusiness {
    background: color-mix(in srgb, var(--dfa-accent) 10%, var(--dfa-surface));
}

.DfaCompanyContextOptionIconperson {
    background: color-mix(in srgb, var(--dfa-accent) 12%, var(--dfa-surface));
}

.DfaCompanyContextOptionBody {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
}

.DfaCompanyContextOptionTitle {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    min-width: 0;
}

.DfaCompanyContextOptionName {
    min-width: 0;
    overflow: hidden;
    color: var(--dfa-text);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.DfaCompanyContextOptionRole {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 10px;
    border-radius: var(--dfa-radius-pill);
    background: color-mix(in srgb, var(--dfa-accent) 10%, var(--dfa-surface));
    color: var(--dfa-accent);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}
.DfaCompanyContextOptionCurrentBadge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 10px;
    border-radius: var(--dfa-radius-pill);
    background: color-mix(in srgb, var(--dfa-accent) 16%, var(--dfa-surface));
    color: var(--dfa-accent-dark);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}


.DfaCompanyContextOptionRadio {
    position: relative;
    z-index: 1;
    display: block;
    flex: 0 0 24px;
    width: 24px;
    min-height: 24px;
    box-sizing: border-box;
    border: 2px solid var(--dfa-muted);
    border-radius: var(--dfa-radius-circle);
    background: var(--dfa-surface);
    transition: border-color 140ms ease, box-shadow 140ms ease;
}

.DfaCompanyContextOptionRadio::after {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    min-height: 10px;
    border-radius: var(--dfa-radius-circle);
    background: transparent;
    content: "";
    transition: background-color 140ms ease;
}

.DfaCompanyContextOptionSelected .DfaCompanyContextOptionRadio,
.DfaCompanyContextOption:has(.DfaCompanyContextOptionInput:checked) .DfaCompanyContextOptionRadio {
    border-color: var(--dfa-accent);
}

.DfaCompanyContextOptionSelected .DfaCompanyContextOptionRadio::after,
.DfaCompanyContextOption:has(.DfaCompanyContextOptionInput:checked) .DfaCompanyContextOptionRadio::after {
    background: var(--dfa-accent);
}

.DfaCompanyContextOptionInput {
    position: absolute;
    z-index: 3;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

.DfaCompanyContextFooterDivider .WebCon_Content {
    padding: 18px 0 0 !important;
    border-top: 1px solid var(--dfa-border);
}

.DfaCompanyContextFooterDivider .WebCon_Content > div {
    height: 0;
}

.DfaCompanyContextGroup .WebButton > .WebCon_Inner {
    margin: 0;
}

.DfaCompanyContextGroup .WebButton button {
    box-sizing: border-box;
    width: 100%;
    min-height: 42px;
    border-radius: var(--dfa-button-radius);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.DfaCompanyContextSignOut button {
    border: 1px solid var(--dfa-border);
    background: var(--dfa-surface);
    color: var(--dfa-text);
}

.DfaCompanyContextSignOut.Web_Enabled button:hover,
.DfaCompanyContextSignOut.Web_Enabled button:focus {
    border-color: var(--dfa-accent-border);
    background: var(--dfa-accent-soft);
    color: var(--dfa-text);
}

.DfaCompanyContextContinue button {
    border: 1px solid var(--dfa-accent);
    background: var(--dfa-accent);
    color: var(--df-CtrTextColor);
}

.DfaCompanyContextContinue.Web_Enabled button:hover,
.DfaCompanyContextContinue.Web_Enabled button:focus {
    border-color: var(--dfa-accent-dark);
    background: var(--dfa-accent-dark);
}

.DfaCompanyContextSignOut button::before,
.DfaCompanyContextContinue button::after {
    display: inline-block;
    font-family: "Material Symbols Outlined" !important;
    font-size: 19px;
    font-feature-settings: "liga" !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20 !important;
    line-height: 1;
    text-transform: none !important;
    vertical-align: -4px;
}

.DfaCompanyContextSignOut button::before {
    margin-right: 8px;
    content: "arrow_back";
}

.DfaCompanyContextContinue button::after {
    margin-left: 8px;
    content: "arrow_forward";
}

@media (max-width: 900px) {
    .DfaCompanyContextHeaderGrid {
        flex-direction: column;
        gap: 20px;
    }

    .DfaCompanyContextAccount {
        flex-basis: auto;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .DfaCompanyContextScreen.WebInlineView,
    .DfaCompanyContextScreen.WebView {
        width: calc(100% - 16px) !important;
        max-width: calc(100% - 16px);
        margin: 8px auto;
    }

    .DfaCompanyContextGroup.WebGroup > .WebCon_Inner > div > .WebContainer > .WebCon_Sizer > .WebCon_Content {
        padding: 0 16px 16px !important;
    }
    .DfaCompanyContextOptions .WebCon_Content {
        max-height: min(440px, calc(100vh - 300px));
        max-height: min(440px, calc(100dvh - 300px));
    }

    .DfaCompanyContextHeaderGrid {
        flex-direction: column;
        gap: 20px;
        padding: 24px 0 20px;
    }

    .DfaCompanyContextHeaderCopy h1 {
        font-size: 27px;
    }

    .DfaCompanyContextAccount {
        flex-basis: auto;
        width: 100%;
    }

    .DfaCompanyContextOption {
        min-height: 74px;
        padding: 14px 16px;
    }

    .DfaCompanyContextOptionIcon {
        flex-basis: 46px;
        width: 46px;
        min-height: 46px;
        font-size: 24px;
    }

    .DfaCompanyContextOptionName {
        font-size: 15px;
    }

    .DfaCompanyContextFooterDivider .WebCon_Content {
        padding: 16px 0 0 !important;
    }
}

.DfaCompanyHierarchyScreen,
.DfaCompanyParentDialog {
    color: #172554;
}
.DfaCompanyHierarchyMainPanel,
.DfaCompanyHierarchyToolbar,
.DfaCompanyHierarchyWorkspace,
.DfaCompanyHierarchyTreePanel,
.DfaCompanyHierarchyDetailsPanel {
    box-sizing: border-box;
    min-width: 0;
}
.DfaCompanyHierarchyWorkspace {
    width: 100%;
}
.DfaCompanyHierarchyTreePanel {
    padding-right: 12px;
}
.DfaCompanyHierarchyDetailsPanel {
    padding-left: 12px;
}
.DfaCompanyHierarchyTreePanel > .WebCon_Inner,
.DfaCompanyHierarchyDetailsPanel > .WebCon_Inner,
.DfaCompanyHierarchyTreePanel > .WebCon_Inner > div,
.DfaCompanyHierarchyDetailsPanel > .WebCon_Inner > div,
.DfaCompanyHierarchyTreePanel .WebContainer,
.DfaCompanyHierarchyDetailsPanel .WebContainer,
.DfaCompanyHierarchyTreePanel .WebCon_Sizer,
.DfaCompanyHierarchyDetailsPanel .WebCon_Sizer {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

.DfaCompanyHierarchyHeader {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 4px 4px 18px 4px;
}
.DfaCompanyParentDialogHeader h1 {
    margin: 0;
    color: #0f1f4f;
    font-size: 28px;
    line-height: 1.2;
}
.DfaCompanyHierarchyHeader p,
.DfaCompanyParentDialogHeader p {
    margin: 6px 0 0 0;
    color: #64748b;
    font-size: 14px;
}
.DfaCompanyHierarchyPanel,
.DfaCompanyHierarchyDetails {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.05);
}
.DfaCompanyHierarchyPanel {
    overflow: hidden;
}
.DfaCompanyHierarchyPanel,
.DfaCompanyHierarchyDetails {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.DfaCompanyHierarchyTreeRow {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 7px 12px;
    border-bottom: 1px solid #f1f3f6;
    cursor: pointer;
}
.DfaCompanyHierarchyTreeRow:hover {
    background: #fff7f1;
}
.DfaCompanyHierarchyTreeRowSelected {
    background: #fff0e8;
    box-shadow: inset 3px 0 0 #f55d06;
}
.DfaCompanyHierarchyTreeToggle {
    width: 22px;
    border: 0;
    background: transparent;
    color: #475569;
    cursor: pointer;
    font-size: 16px;
}
.DfaCompanyHierarchyTreeIcon {
    color: #14234f;
    font-size: 21px;
}
.DfaCompanyHierarchyTreeBody {
    min-width: 0;
    flex: 1;
}
.DfaCompanyHierarchyTreeName {
    display: block;
    overflow: hidden;
    color: #172554;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.DfaCompanyHierarchyTreeMeta {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
}
.DfaCompanyHierarchyBadge {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 4px 9px;
    background: #e7f8ef;
    color: #11834b;
    font-size: 12px;
    font-weight: 600;
}
.DfaCompanyHierarchyBadgeInactive {
    background: #eef1f5;
    color: #64748b;
}
.DfaCompanyHierarchyDetails {
    padding: 22px;
}
.DfaCompanyHierarchyDetailsHeader {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 17px;
    border-bottom: 1px solid #eef0f4;
}
.DfaCompanyHierarchyDetailsTitle {
    display: flex;
    align-items: center;
    gap: 12px;
}
.DfaCompanyHierarchyDetailsTitle h2 {
    margin: 0;
    color: #0f1f4f;
    font-size: 23px;
}
.DfaCompanyHierarchyDetailsTitle p {
    margin: 4px 0 0 0;
    color: #64748b;
}
.DfaCompanyHierarchyIconBox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 9px;
    background: #f4f6fb;
    color: #14234f;
    font-size: 25px;
}
.DfaCompanyHierarchyFacts {
    display: grid;
    grid-template-columns: minmax(140px, 190px) minmax(0, 1fr);
    gap: 12px 18px;
    padding: 22px 0;
    color: #172554;
}
.DfaCompanyHierarchyFactLabel {
    color: #64748b;
}
.DfaCompanyHierarchyFactValue {
    min-width: 0;
    overflow-wrap: anywhere;
}
.DfaCompanyHierarchyWarning,
.DfaCompanyParentImpactWarning {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: 0 0 20px 0;
    padding: 13px 15px;
    border: 1px solid #fed7aa;
    border-radius: 9px;
    background: #fff7ed;
    color: #7c2d12;
}
.DfaCompanyHierarchyWarning .material-icons,
.DfaCompanyParentImpactWarning .material-icons {
    color: #ea580c;
}
.DfaCompanyHierarchyEmpty {
    padding: 28px 16px;
    color: #64748b;
    text-align: center;
}
@media (max-width: 767px) {
    .DfaCompanyHierarchyTreePanel {
        padding: 0 0 12px 0;
    }
    .DfaCompanyHierarchyDetailsPanel {
        padding: 12px 0 0 0;
    }
}

.DfaCompanyParentDialogHeader {
    padding-bottom: 16px;
}
.DfaCompanyParentSection {
    margin-top: 22px;
    padding: 0 0 18px;
}
.DfaCompanyParentSectionTitle {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #0f1f4f;
    font-size: 17px;
    font-weight: 700;
}
.DfaCompanyParentSectionTitle .material-icons {
    color: #f55d06;
}
.DfaCompanyParentCurrent {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 9px 14px;
    padding: 0;
}
.DfaCompanyParentLabel {
    color: #64748b;
}
.DfaCompanyParentValue {
    overflow-wrap: anywhere;
    color: #172554;
}
.DfaCompanyParentImpact {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}
.DfaCompanyParentImpactCard {
    min-height: 0;
    padding: 0;
}
.DfaCompanyParentImpactTitle {
    display: block;
    margin-bottom: 5px;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.DfaCompanyParentImpactValue {
    color: #172554;
    overflow-wrap: anywhere;
}