/* Proxus Corporate shell layer.
   Loaded after XAF and site.css so the application chrome follows a flat Fluent-style shell. */

body.theme-proxus-corporate {
    --proxus-accent: #0f6cbd;
    --proxus-accent-hover: #115ea3;
    --proxus-accent-active: #0f548c;
    --proxus-accent-soft: #e7f3ff;
    --proxus-bg: #f5f5f5;
    --proxus-panel: #fff;
    --proxus-panel-subtle: #fafafa;
    --proxus-border: #d8d8d8;
    --proxus-border-strong: #c8c8c8;
    --proxus-text: #242424;
    --proxus-muted: #616161;
    --proxus-danger: #c50f1f;
    background: var(--proxus-bg);
    color: var(--proxus-text);
}

body.theme-proxus-corporate app,
body.theme-proxus-corporate .xaf-template,
body.theme-proxus-corporate .main {
    background: var(--proxus-bg);
}

body.theme-proxus-corporate .header {
    min-height: 3.75rem;
    background: #fff;
    color: var(--proxus-text);
    border-bottom: 1px solid var(--proxus-border);
    box-shadow: none;
}

body.theme-proxus-corporate .header::after {
    display: none;
}

body.theme-proxus-corporate .header-logo {
    width: 170px;
    height: 34px;
    margin-top: 0;
    background-position: center left;
    filter: brightness(0) saturate(100%) invert(31%) sepia(94%) saturate(1235%) hue-rotate(181deg) brightness(91%) contrast(91%);
}

body.theme-proxus-corporate .header .dxbl-btn,
body.theme-proxus-corporate .header button {
    --dxbl-btn-bg: transparent;
    --dxbl-btn-border-color: transparent;
    --dxbl-btn-color: #424242;
    --dxbl-btn-hover-bg: #f3f2f1;
    --dxbl-btn-hover-color: #201f1e;
    --dxbl-btn-hover-border-color: transparent;
    --dxbl-btn-active-bg: #edebe9;
    --dxbl-btn-active-color: #201f1e;
    --dxbl-btn-border-radius: 0.25rem;
    box-shadow: none;
}

body.theme-proxus-corporate .xaf-view-caption-lg {
    color: var(--proxus-text);
    font-size: 1rem;
    font-weight: 600;
}

body.theme-proxus-corporate .about-info {
    color: #8a8886;
    opacity: 1;
}

body.theme-proxus-corporate .dxbl-tabs {
    --dxbl-tabs-bg: transparent;
    --dxbl-tabs-tab-selected-color: var(--proxus-accent);
    --dxbl-tabs-tab-focus-outline-color: var(--proxus-accent);
}

body.theme-proxus-corporate .dxbl-tabs-tablist {
    background: #fff;
    border-bottom: 1px solid var(--proxus-border);
}

body.theme-proxus-corporate .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item,
body.theme-proxus-corporate .dxbl-tabs-tablist > div > .dxbl-tabs-item {
    min-height: 2.75rem;
    border: 0;
    border-radius: 0;
    color: #323130;
    font-weight: 500;
    background: transparent;
}

body.theme-proxus-corporate .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:hover,
body.theme-proxus-corporate .dxbl-tabs-tablist > div > .dxbl-tabs-item:hover {
    color: #201f1e;
    background: #fafafa;
}

body.theme-proxus-corporate .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item.dxbl-active,
body.theme-proxus-corporate .dxbl-tabs-tablist > div > .dxbl-tabs-item.dxbl-active,
body.theme-proxus-corporate .dxbl-tabs-item.dxbl-active {
    color: var(--proxus-accent);
    background: #fff;
    box-shadow: inset 0 -3px 0 var(--proxus-accent);
}

body.theme-proxus-corporate .dxbl-toolbar,
body.theme-proxus-corporate .dxbl-btn-toolbar {
    --dxbl-toolbar-bg: transparent;
    --dxbl-toolbar-color: var(--proxus-text);
    --dxbl-toolbar-separator-color: var(--proxus-border);
    --dxbl-toolbar-btn-bg: #fff;
    --dxbl-toolbar-btn-color: #323130;
    --dxbl-toolbar-btn-border-color: transparent;
    --dxbl-toolbar-btn-border-radius: 0.25rem;
    --dxbl-toolbar-btn-hover-bg: #f3f2f1;
    --dxbl-toolbar-btn-active-bg: #edebe9;
}

body.theme-proxus-corporate .dxbl-toolbar,
body.theme-proxus-corporate .dxbl-btn-toolbar,
body.theme-proxus-corporate .xaf-action-container,
body.theme-proxus-corporate .xaf-actions-container {
    background: #fff;
    border: 1px solid var(--proxus-border);
    border-radius: 0.25rem;
    box-shadow: none;
}

body.theme-proxus-corporate .dxbl-btn:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-border-radius: 0.25rem;
    --dxbl-btn-box-shadow: none;
    font-weight: 500;
}

body.theme-proxus-corporate .dxbl-btn-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: var(--proxus-accent);
    --dxbl-btn-border-color: var(--proxus-accent);
    --dxbl-btn-hover-bg: var(--proxus-accent-hover);
    --dxbl-btn-hover-border-color: var(--proxus-accent-hover);
    --dxbl-btn-active-bg: var(--proxus-accent-active);
    --dxbl-btn-active-border-color: var(--proxus-accent-active);
}

body.theme-proxus-corporate .dxbl-btn-secondary:where(:not(.dxbl-btn-standalone)),
body.theme-proxus-corporate .dxbl-btn-outline-secondary:where(:not(.dxbl-btn-standalone)),
body.theme-proxus-corporate .dxbl-btn-text-secondary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: #fff;
    --dxbl-btn-color: #323130;
    --dxbl-btn-border-color: var(--proxus-border);
    --dxbl-btn-hover-bg: #f3f2f1;
    --dxbl-btn-hover-color: #201f1e;
    --dxbl-btn-hover-border-color: var(--proxus-border-strong);
    --dxbl-btn-active-bg: #edebe9;
    --dxbl-btn-active-color: #201f1e;
    --dxbl-btn-active-border-color: var(--proxus-border-strong);
}

body.theme-proxus-corporate button[data-action-name="Delete"],
body.theme-proxus-corporate button[data-action-name="Deactivate License"],
body.theme-proxus-corporate .proxus-red-button .dx-button.dx-button-normal {
    color: var(--proxus-danger);
    border-color: transparent;
    background: transparent;
}

body.theme-proxus-corporate button[data-action-name="Delete"]:hover,
body.theme-proxus-corporate button[data-action-name="Deactivate License"]:hover {
    color: var(--proxus-danger);
    border-color: transparent;
    background: #fde7e9;
}

body.theme-proxus-corporate .dxbl-treeview,
body.theme-proxus-corporate .xaf-navigation,
body.theme-proxus-corporate .xaf-nav {
    --dxbl-treeview-font-weight: 400;
    --dxbl-treeview-item-border-radius: 0.25rem;
    --dxbl-treeview-item-hover-bg: #f3f2f1;
    --dxbl-treeview-item-hover-color: #201f1e;
    --dxbl-treeview-item-selection-bg: #edebe9;
    --dxbl-treeview-item-selection-color: #201f1e;
    --dxbl-treeview-item-selection-focused-color: #201f1e;
    --dxbl-treeview-item-focus-outline-color: var(--proxus-accent);
}

body.theme-proxus-corporate .clickable-xaf-nav-item > a .xaf-nav-link,
body.theme-proxus-corporate .clickable-xaf-nav-item > div > a .xaf-nav-link {
    color: #323130;
    font-weight: 500;
}

body.theme-proxus-corporate .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active::before {
    background-color: #edebe9;
    box-shadow: inset 3px 0 0 var(--proxus-accent);
    opacity: 100%;
}

body.theme-proxus-corporate .dxbl-fl,
body.theme-proxus-corporate .dxbl-fl .dxbl-fl-group,
body.theme-proxus-corporate .dxbl-form-layout,
body.theme-proxus-corporate .dxbl-card,
body.theme-proxus-corporate .card {
    background: var(--proxus-panel);
    border-color: var(--proxus-border);
    border-radius: 0.25rem;
    box-shadow: none;
}

body.theme-proxus-corporate .dxbl-fl-caption,
body.theme-proxus-corporate .dxbl-fl .dxbl-text,
body.theme-proxus-corporate label,
body.theme-proxus-corporate .col-form-label {
    color: #323130;
    font-weight: 500;
}

body.theme-proxus-corporate .dxbl-text-edit,
body.theme-proxus-corporate .dxbl-combobox,
body.theme-proxus-corporate .dxbl-spin-edit,
body.theme-proxus-corporate .dxbl-date-edit,
body.theme-proxus-corporate .dxbl-tag-box {
    --dxbl-text-edit-bg: #fff;
    --dxbl-text-edit-color: var(--proxus-text);
    --dxbl-text-edit-border-color: #8a8886;
    --dxbl-text-edit-border-radius: 0.1875rem;
    --dxbl-text-edit-focus-border-color: var(--proxus-accent);
    --dxbl-text-edit-focus-shadow-color: rgba(15, 108, 189, 0.12);
    background-color: #fff;
}

body.theme-proxus-corporate .dxbl-grid {
    --dxbl-grid-bg: #fff;
    --dxbl-grid-border-color: var(--proxus-border);
    --dxbl-grid-border-radius: 0.25rem;
    --dxbl-grid-header-bg: #fafafa;
    --dxbl-grid-header-color: #323130;
    --dxbl-grid-hover-bg: #f3f2f1;
    --dxbl-grid-selection-bg: #edebe9;
    --dxbl-grid-selection-color: #201f1e;
    --dxbl-grid-focus-bg: #e7f3ff;
    --dxbl-grid-focus-color: #201f1e;
    --dxbl-grid-focus-frame-color: var(--proxus-accent);
    box-shadow: none;
}

body.theme-proxus-corporate .dxbl-grid .dxbl-grid-table > thead > tr > th,
body.theme-proxus-corporate .dxbl-grid-header-content {
    font-weight: 600;
    letter-spacing: 0;
}

body.theme-proxus-corporate .dxbl-popup,
body.theme-proxus-corporate .dxbl-window,
body.theme-proxus-corporate .dxbl-modal-content {
    --dxbl-popup-bg: #fff;
    --dxbl-popup-border-color: var(--proxus-border);
    --dxbl-popup-border-radius: 0.25rem;
    --dxbl-popup-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
    --dxbl-popup-header-bg: #fff;
    --dxbl-popup-header-color: var(--proxus-text);
    --dxbl-popup-header-padding-x: 1rem;
    --dxbl-popup-header-padding-y: 0.75rem;
    --dxbl-popup-header-font-weight: 600;
    --dxbl-popup-body-padding-x: 1rem;
    --dxbl-popup-body-padding-y: 0.875rem;
    --dxbl-popup-footer-bg: #fff;
    --dxbl-popup-footer-padding-x: 1rem;
    --dxbl-popup-footer-padding-y: 0.75rem;
    --dxbl-window-bg: #fff;
    --dxbl-window-border-color: var(--proxus-border);
    --dxbl-window-border-radius: 0.25rem;
    --dxbl-window-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
    --dxbl-window-header-bg: #fff;
    --dxbl-window-header-color: var(--proxus-text);
    --dxbl-window-footer-bg: #fff;
}

body.theme-proxus-corporate .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content,
body.theme-proxus-corporate .dxbl-window > .dxbl-window-dialog {
    border: 1px solid var(--proxus-border);
    border-radius: 0.25rem;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}

body.theme-proxus-corporate .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header,
body.theme-proxus-corporate .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content .dxbl-popup-header > .dxbl-modal-header,
body.theme-proxus-corporate .dxbl-window > .dxbl-window-dialog > .dxbl-window-header {
    background: #fff;
    border-bottom: 1px solid var(--proxus-border);
    color: var(--proxus-text);
    min-height: 3rem;
}

body.theme-proxus-corporate .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body,
body.theme-proxus-corporate .dxbl-window > .dxbl-window-dialog > .dxbl-window-body {
    background: #fff;
}

body.theme-proxus-corporate .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer,
body.theme-proxus-corporate .dxbl-window > .dxbl-window-dialog > .dxbl-window-footer {
    background: #fff;
    border-top: 1px solid var(--proxus-border);
}

body.theme-proxus-corporate .dxbl-modal-content .dxbl-fl,
body.theme-proxus-corporate .dxbl-window-body .dxbl-fl {
    background: #fff;
    border: 0;
}

body.theme-proxus-corporate .dxbl-modal-content .dxbl-fl .dxbl-fl-group,
body.theme-proxus-corporate .dxbl-window-body .dxbl-fl .dxbl-fl-group {
    --dxbl-fl-group-bg: #fff;
    --dxbl-fl-group-header-bg: #fff;
    --dxbl-fl-group-header-color: var(--proxus-text);
    --dxbl-fl-group-header-font-weight: 600;
    --dxbl-fl-group-header-padding-x: 0.875rem;
    --dxbl-fl-group-header-padding-y: 0.625rem;
    --dxbl-fl-group-content-padding-x: 0.875rem;
    --dxbl-fl-group-content-padding-y: 0.875rem;
    background: #fff;
    border-color: var(--proxus-border);
    box-shadow: none;
}

body.theme-proxus-corporate .dxbl-modal-content .dxbl-fl .dxbl-fl-group > .dxbl-group > .dxbl-group-header,
body.theme-proxus-corporate .dxbl-window-body .dxbl-fl .dxbl-fl-group > .dxbl-group > .dxbl-group-header {
    background: #fff;
    border-bottom: 1px solid var(--proxus-border);
    color: var(--proxus-text);
}

body.theme-proxus-corporate .dxbl-modal-content .dxbl-fl .dxbl-fl-group > .dxbl-group > .dxbl-group-body,
body.theme-proxus-corporate .dxbl-window-body .dxbl-fl .dxbl-fl-group > .dxbl-group > .dxbl-group-body {
    background: #fff;
}

body.theme-proxus-corporate .dxbl-checkbox-check-element {
    border-radius: 0.125rem;
}

body.theme-proxus-corporate .dxbl-checkbox.dxbl-checked .dxbl-checkbox-check-element,
body.theme-proxus-corporate .dxbl-checkbox-check-element.dxbl-checked {
    background-color: var(--proxus-accent);
    border-color: var(--proxus-accent);
}
