/* rFRAMEWORK brand accents. Surfaces and semantic status colors follow the active theme. */
:root {
    --rfw-brand-accent: #b55b20;
    --rfw-brand-accent-hover: #944716;
    --rfw-brand-soft: #fff0e4;
    --rfw-brand-border: #e3a477;
    --rfw-brand-fill: #ffb47e;
    --rfw-brand-fill-hover: #ffa560;
    --rfw-brand-ink: #28221d;
}
html:not([data-arfw-theme="light"]):is(.theme-dark, .Material, .Office365Dark, .dx-theme-material-dark, .skin-dark, [data-arfw-theme="dark"]),
body:not([data-arfw-theme="light"]):is(.theme-dark, .Material, .Office365Dark, .dx-theme-material-dark, .skin-dark, [data-arfw-theme="dark"]),
html[data-arfw-theme="dark"] body {
    --rfw-brand-accent: #ffb47e;
    --rfw-brand-accent-hover: #ffc79e;
    --rfw-brand-soft: #352a23;
    --rfw-brand-border: #bd794a;
}
html[data-arfw-theme="light"], html[data-arfw-theme="light"] body, body[data-arfw-theme="light"] {
    --rfw-brand-accent: #b55b20;
    --rfw-brand-accent-hover: #944716;
    --rfw-brand-soft: #fff0e4;
    --rfw-brand-border: #e3a477;
}
html, body, .rfw-react-data-root {
    --rfw-dx-accent: var(--rfw-brand-accent) !important;
    --rfw-dx-accent-color: var(--rfw-brand-accent) !important;
    --rfw-dx-primary: var(--rfw-brand-accent) !important;
    --rfw-dx-primary-hover: var(--rfw-brand-accent-hover) !important;
    --rfw-dx-primary-soft: var(--rfw-brand-soft) !important;
    --rfw-dx-hover-bg: var(--rfw-brand-soft) !important;
    --rfw-dx-selected-bg: var(--rfw-brand-soft) !important;
    --rfw-dx-selected-border: var(--rfw-brand-border) !important;
    --arfw-accent: var(--rfw-brand-accent) !important;
    --arfw-accent-hover: var(--rfw-brand-accent-hover) !important;
    --mino-accent: var(--rfw-brand-accent) !important;
    --mino-accent-soft: color-mix(in srgb, var(--rfw-brand-accent) 10%, transparent) !important;
}
/* Data screens have their own palette scope and legacy dark-theme selectors. */
html body .rfw-react-data-root .rfw-react-data-function-button {
    border-color: var(--rfw-dx-border-color);
    background: var(--rfw-dx-surface-bg);
    color: var(--rfw-dx-text);
}
html body .rfw-react-data-root :is(.rfw-react-data-standard-icon, .rfw-react-data-function-icon):not(.rfw-react-data-danger *) {
    color: var(--rfw-brand-accent);
    background: var(--rfw-dx-surface-alt-bg);
}
html body .rfw-react-data-root :is(
    .rfw-react-data-topband-tab.is-active,
    .rfw-react-data-runtime-tabs button.active,
    .rfw-react-data-dashboard-tabs button.is-active,
    .rfw-grid-tool[aria-pressed="true"],
    .rfw-grid-filter-toggle[aria-expanded="true"],
    .rfw-react-data-component-tabs button.active,
    .rfw-react-data-child-tabs .rfw-react-data-child-tab-active,
    .rfw-react-data-scheduler-item-selected
) {
    border-color: var(--rfw-brand-border);
    background: var(--rfw-brand-soft);
    color: var(--rfw-brand-accent);
}
html body .rfw-react-data-root :is(
    .rfw-react-data-crudbar button:not(.rfw-react-data-danger),
    .rfw-react-data-exportbar button,
    .rfw-react-data-function-button,
    .rfw-react-data-actions button,
    .rfw-react-data-actions a,
    .rfw-react-data-pager button,
    .rfw-react-data-result-pager button,
    .rfw-react-data-topband-card-actions button,
    .rfw-react-data-runtime-icon-button:not(.danger),
    .rfw-react-data-runtime-tabs button,
    .rfw-react-data-topband-tab,
    .rfw-react-data-component-tabs button
):hover:not(:disabled) {
    border-color: var(--rfw-brand-border);
    background: var(--rfw-brand-soft);
    color: var(--rfw-brand-accent);
}
html body .rfw-react-data-root :is(
    .rfw-react-data-report-filter-actions button,
    .rfw-react-data-topband-metric-action:not(.rfw-react-data-topband-metric-action-clear)
) {
    background: var(--rfw-brand-fill);
    border-color: var(--rfw-brand-border);
    color: var(--rfw-brand-ink);
}
html body .rfw-react-data-root :is(
    .rfw-react-data-report-filter-actions button,
    .rfw-react-data-topband-metric-action:not(.rfw-react-data-topband-metric-action-clear)
):hover:not(:disabled) {
    background: var(--rfw-brand-fill-hover);
}
html body .rfw-react-data-root :is(
    .rfw-react-data-crudbar button,
    .rfw-react-data-exportbar button,
    .rfw-react-data-function-button,
    .rfw-react-data-actions button,
    .rfw-react-data-actions a,
    .rfw-react-data-topband-card-actions button,
    .rfw-react-data-runtime-icon-button,
    .rfw-react-data-runtime-tabs button,
    .rfw-react-data-topband-tab,
    .rfw-react-data-component-tabs button,
    .rfw-react-data-report-filter-actions button,
    .rfw-react-data-topband-metric-action
):focus-visible {
    outline: 2px solid var(--rfw-brand-accent);
    outline-offset: 2px;
}
html body .rfw-react-data-root :is(
    .rfw-react-data-sort-indicator,
    .rfw-react-data-runtime-icon-button:not(.danger),
    .rfw-react-data-topband-card-actions .is-refresh,
    .rfw-grid-group-symbol,
    .rfw-react-data-kicker,
    .rfw-react-data-child-head span,
    .rfw-react-data-child-editor-head span
) {
    color: var(--rfw-brand-accent);
}
html body .rfw-react-data-root .rfw-react-data-sort-indicator {
    background: var(--rfw-brand-soft);
    border-color: var(--rfw-brand-border);
}
html body .rfw-react-data-root .rfw-react-data-field-checkbox-checked .rfw-react-data-field-checkbox-box {
    background: var(--rfw-brand-fill);
    border-color: var(--rfw-brand-border);
    color: var(--rfw-brand-ink);
}
html body .rfw-react-data-root .rfw-react-data-field-checkbox-checked .rfw-react-data-field-checkbox-mark {
    border-color: var(--rfw-brand-ink);
}
/* These workspaces also run in their own iframe, outside the shell palette. */
#processApp {
    --process-action: var(--rfw-brand-fill);
}
html body #processApp :is(button.active, button.primary) {
    background: var(--rfw-brand-fill);
    border-color: var(--rfw-brand-border);
    color: var(--rfw-brand-ink);
}
html body #processApp :is(button.active, button.primary):hover:not(:disabled) {
    background: var(--rfw-brand-fill-hover);
}
html body #processApp .process-icon-button {
    color: var(--rfw-brand-accent);
}
.rfw-react-apps-button .mini-menu-trigger-icon,
.main-header .mini-menu-trigger-icon,
.rfw-user-avatar,
.rfw-dashboard-switcher > i:first-child,
.rfw-dashboard-refresh,
.mino-card-icon {
    color: var(--rfw-brand-accent) !important;
}
.rfw-dashboard-refresh, .rfw-dashboard-picker .rfw-dashboard-switcher {
    border-color: var(--rfw-brand-border);
}
.rfw-user-avatar { background: var(--rfw-brand-soft); }
/* Match the profile popup to the same surfaces used by the application shell. */
html body .main-header .main-user-menu {
    background: var(--rfw-dx-header-bg, #fff) !important;
    color: var(--rfw-dx-text, #333) !important;
    border-color: var(--rfw-dx-border-color, #ddd) !important;
    box-shadow: var(--arfw-shadow-md) !important;
}
html body .main-header .main-user-menu .dropdown-item {
    background: transparent !important;
    color: var(--rfw-dx-text, #333) !important;
}
html body .main-header .main-user-menu .dropdown-item:hover,
html body .main-header .main-user-menu .dropdown-item:focus-visible {
    background: var(--rfw-brand-soft) !important;
    color: var(--rfw-brand-accent) !important;
}
html body .main-header .main-user-menu .dropdown-item:focus-visible {
    outline: 2px solid var(--rfw-brand-accent);
    outline-offset: 2px;
}
html body .main-header .main-user-menu img.rounded-circle {
    border-color: var(--rfw-dx-border-color, #ddd) !important;
}
html body .main-header .main-user-menu .dropdown-item:hover img.rounded-circle {
    border-color: var(--rfw-brand-border) !important;
}
/* Application landing pages also expose their own TitleIndex accent tokens. */
.modern-app-container {
    --data-app-main-accent: var(--rfw-brand-accent) !important;
    --data-app-main-hover: var(--rfw-brand-soft) !important;
    --data-app-main-active: var(--rfw-brand-soft) !important;
}
.modern-app-container .title-index-wrapper {
    --title-index-accent: var(--rfw-brand-accent) !important;
    --title-index-hover: var(--rfw-brand-soft) !important;
}
html body .modern-app-container .card-header-modern {
    background: linear-gradient(90deg, color-mix(in srgb, var(--rfw-brand-accent) 9%, transparent), transparent) !important;
    border-bottom-color: var(--rfw-brand-border) !important;
}
html body .modern-app-container .app-main-card .card-header-modern h3 i,
html body .modern-app-container .title-index-wrapper .app-title-index-icon {
    color: var(--rfw-brand-accent) !important;
}
.modern-app-container .title-index-wrapper [class*="dxtiControl"] .dxtiFBox input:focus {
    border-color: var(--rfw-brand-accent) !important;
    outline: 2px solid color-mix(in srgb, var(--rfw-brand-accent) 25%, transparent);
    outline-offset: 2px;
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--rfw-brand-accent) 18%, transparent) !important;
}
.demo-actions .demo-start,
body.login-page .rfw-react-login-submit,
body.login-page #LoginButton,
body.login-page .modern-show-btn {
    background: var(--rfw-brand-fill) !important;
    color: var(--rfw-brand-ink) !important;
    border-color: var(--rfw-brand-fill) !important;
}
.demo-actions .demo-start:hover,
body.login-page .rfw-react-login-submit:hover:not(:disabled),
body.login-page #LoginButton:hover,
body.login-page .modern-show-btn:hover {
    background: var(--rfw-brand-fill-hover) !important;
    border-color: var(--rfw-brand-fill-hover) !important;
}
.demo-actions .demo-start:focus-visible,
body.login-page .rfw-react-login-submit:focus-visible,
body.login-page #LoginButton:focus-visible,
body.login-page .modern-show-btn:focus-visible,
.rfw-dashboard-refresh:focus-visible {
    outline: 2px solid var(--rfw-brand-accent);
    outline-offset: 3px;
}
body.login-page .rfw-react-login-field input:focus,
body.login-page .rfw-react-login-field select:focus,
body.login-page .modern-input input:focus {
    border-color: var(--rfw-brand-accent) !important;
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--rfw-brand-fill) 26%, transparent);
}
body.login-page input[type="checkbox"] { accent-color: var(--rfw-brand-accent); }
body.login-page .rfw-react-login-action,
body.login-page .modern-link,
body.login-page .modern-link i,
body.login-page .input-icon,
body.login-page .rfw-demo-eyebrow {
    color: var(--rfw-brand-accent) !important;
}
body.login-page .modern-link::after { background: var(--rfw-brand-accent); }
body.login-page .rfw-external-auth-divider::before,
body.login-page .rfw-external-auth-divider::after {
    background: color-mix(in srgb, var(--rfw-brand-accent) 25%, var(--rfw-dx-border-color, #ddd));
}
body.login-page .rfw-react-login-field input:-webkit-autofill {
    -webkit-text-fill-color: var(--rfw-dx-text, #333);
    box-shadow: 0 0 0 1000px var(--rfw-dx-input-bg, #fff) inset;
}
body.login-page .rfw-react-login-field input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px var(--rfw-dx-input-bg, #fff) inset,
                0 0 0 3px color-mix(in srgb, var(--rfw-brand-fill) 26%, transparent);
}