:root {
    --sf-brand-dark: #3c3c3b;
    --sf-brand-primary: #ec008c;
    --sf-surface: rgba(28, 30, 34, 0.86);
    --sf-surface-alt: rgba(38, 40, 45, 0.88);
    --sf-control-bg: rgba(59, 59, 58, 0.96);
    --sf-grid-header-bg: rgba(60, 60, 59, 0.82);
    --sf-grid-toolbar-bg: rgba(60, 60, 59, 0.82);
    --sf-border: rgba(255, 255, 255, 0.10);
    --sf-border-strong: rgba(255, 255, 255, 0.16);
    --sf-text: #f5f5f5;
    --sf-muted: #c7c9ce;
    --sf-shadow: 0 18px 36px rgba(0, 0, 0, 0.36);
    --sf-shadow-soft: 0 10px 22px rgba(0, 0, 0, 0.24);
}

/* FileManager: align side pane, toolbar and address area with portal theme */
#filemanager.e-filemanager {
    border: 1px solid var(--sf-border) !important;
    border-radius: var(--radius-card) !important;
    overflow: hidden !important;
    background: var(--sf-surface) !important;
    background-color: var(--sf-surface) !important;
    color: var(--sf-text) !important;
    box-shadow: var(--sf-shadow) !important;
}

#filemanager.e-filemanager,
#filemanager.e-filemanager .e-fe-content,
#filemanager.e-filemanager .e-content,
#filemanager.e-filemanager .e-layout-content,
#filemanager.e-filemanager .e-splitter,
#filemanager.e-filemanager .e-splitter .e-pane,
#filemanager.e-filemanager .e-splitter .e-pane .e-table,
#filemanager.e-filemanager .e-large-icons,
#filemanager.e-filemanager .e-large-icons .e-grid,
#filemanager.e-filemanager .e-grid,
#filemanager.e-filemanager .e-gridcontent,
#filemanager.e-filemanager .e-gridheader,
#filemanager.e-filemanager .e-treeview,
#filemanager.e-filemanager .e-treeview .e-list-parent,
#filemanager.e-filemanager .e-addressbar,
#filemanager.e-filemanager .e-addressbar .e-address,
#filemanager.e-filemanager .e-breadcrumbbar,
#filemanager.e-filemanager .e-toolbar,
#filemanager.e-filemanager .e-toolbar .e-toolbar-items {
    color: var(--sf-text) !important;
}

#filemanager.e-filemanager .e-toolbar,
#filemanager.e-filemanager .e-toolbar .e-toolbar-items,
#filemanager.e-filemanager .e-addressbar,
#filemanager.e-filemanager .e-addressbar .e-address,
#filemanager.e-filemanager .e-breadcrumbbar {
    background: var(--sf-grid-toolbar-bg) !important;
    background-color: var(--sf-grid-toolbar-bg) !important;
    border-color: var(--sf-border) !important;
}

#filemanager.e-filemanager .e-toolbar {
    border: 0 !important;
    border-bottom: 1px solid var(--sf-border) !important;
}

#filemanager.e-filemanager .e-toolbar .e-toolbar-item {
    background: transparent !important;
}

#filemanager.e-filemanager .e-toolbar .e-toolbar-item .e-tbar-btn,
#filemanager.e-filemanager .e-toolbar .e-toolbar-item .e-btn,
#filemanager.e-filemanager .e-toolbar .e-toolbar-item button {
    border: 1px solid var(--sf-border) !important;
    border-radius: 999px !important;
    background: var(--sf-surface-alt) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

#filemanager.e-filemanager .e-toolbar .e-toolbar-item .e-tbar-btn:hover,
#filemanager.e-filemanager .e-toolbar .e-toolbar-item .e-btn:hover,
#filemanager.e-filemanager .e-toolbar .e-toolbar-item button:hover {
    background: rgba(236, 0, 140, 0.12) !important;
    border-color: rgba(236, 0, 140, 0.28) !important;
}

#filemanager.e-filemanager .e-toolbar .e-icons,
#filemanager.e-filemanager .e-toolbar .e-btn-icon,
#filemanager.e-filemanager .e-addressbar .e-icons,
#filemanager.e-filemanager .e-treeview .e-icons,
#filemanager.e-filemanager .e-large-icons .e-icons {
    color: var(--sf-brand-primary) !important;
}

#filemanager.e-filemanager .e-toolbar .e-tbar-btn-text,
#filemanager.e-filemanager .e-addressbar,
#filemanager.e-filemanager .e-addressbar *,
#filemanager.e-filemanager .e-breadcrumbbar,
#filemanager.e-filemanager .e-breadcrumbbar *,
#filemanager.e-filemanager .e-treeview .e-list-text,
#filemanager.e-filemanager .e-headertext {
    color: var(--sf-text) !important;
}

#filemanager.e-filemanager .e-splitter,
#filemanager.e-filemanager .e-fe-content,
#filemanager.e-filemanager .e-content,
#filemanager.e-filemanager .e-layout-content {
    background: var(--sf-surface) !important;
    background-color: var(--sf-surface) !important;
}

#filemanager.e-filemanager .e-treeview,
#filemanager.e-filemanager .e-treeview .e-list-parent,
#filemanager.e-filemanager .e-splitter .e-pane:first-child {
    background: var(--sf-control-bg) !important;
    background-color: var(--sf-control-bg) !important;
}

#filemanager.e-filemanager .e-addressbar,
#filemanager.e-filemanager .e-addressbar .e-address,
#filemanager.e-filemanager .e-breadcrumbbar,
#filemanager.e-filemanager .e-gridheader,
#filemanager.e-filemanager .e-gridheader .e-headercontent,
#filemanager.e-filemanager .e-gridheader .e-table,
#filemanager.e-filemanager .e-gridheader tr,
#filemanager.e-filemanager .e-gridheader th,
#filemanager.e-filemanager .e-gridheader .e-headercell {
    background: var(--sf-control-bg) !important;
    background-color: var(--sf-control-bg) !important;
}

#filemanager.e-filemanager .e-addressbar,
#filemanager.e-filemanager .e-breadcrumbbar {
    min-height: 52px !important;
}

#filemanager.e-filemanager .e-addressbar {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid var(--sf-border) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

#filemanager.e-filemanager .e-addressbar .e-breadcrumbbar,
#filemanager.e-filemanager .e-addressbar .e-address,
#filemanager.e-filemanager .e-addressbar .e-breadcrumb,
#filemanager.e-filemanager .e-addressbar .e-ul {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    background: var(--sf-control-bg) !important;
    background-color: var(--sf-control-bg) !important;
}

#filemanager.e-filemanager .e-addressbar .e-search-wrap,
#filemanager.e-filemanager .e-addressbar .e-input-group,
#filemanager.e-filemanager .e-addressbar .e-input-group.e-control-wrapper,
#filemanager.e-filemanager .e-addressbar .e-control-wrapper {
    flex: 0 0 260px !important;
    width: 260px !important;
    max-width: 260px !important;
    margin: 0 !important;
    background: var(--sf-control-bg) !important;
    background-color: var(--sf-control-bg) !important;
    border: 1px solid var(--sf-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

#filemanager.e-filemanager .e-addressbar .e-search-wrap::before,
#filemanager.e-filemanager .e-addressbar .e-search-wrap::after,
#filemanager.e-filemanager .e-addressbar .e-input-group::before,
#filemanager.e-filemanager .e-addressbar .e-input-group::after,
#filemanager.e-filemanager .e-addressbar .e-control-wrapper::before,
#filemanager.e-filemanager .e-addressbar .e-control-wrapper::after {
    display: none !important;
    content: none !important;
}

#filemanager.e-filemanager .e-addressbar .e-input-group,
#filemanager.e-filemanager .e-addressbar .e-control-wrapper,
#filemanager.e-filemanager .e-addressbar input,
#filemanager.e-filemanager .e-addressbar .e-input {
    min-height: 40px !important;
}

#filemanager.e-filemanager .e-addressbar input,
#filemanager.e-filemanager .e-addressbar .e-input,
#filemanager.e-filemanager #filemanager_search {
    width: 100% !important;
    color: var(--sf-text) !important;
    background: transparent !important;
    background-color: transparent !important;
}

#filemanager.e-filemanager .e-gridheader .e-headercell {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

#filemanager.e-filemanager .e-large-icons,
#filemanager.e-filemanager .e-large-icons .e-content,
#filemanager.e-filemanager .e-grid .e-gridcontent,
#filemanager.e-filemanager .e-grid .e-content {
    background: transparent !important;
    background-color: transparent !important;
}

#filemanager.e-filemanager .e-splitter .e-split-bar,
#filemanager.e-filemanager .e-splitter .e-resize-handler {
    background: rgba(255, 255, 255, 0.06) !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--sf-border) !important;
}

#filemanager.e-filemanager .e-treeview .e-fullrow,
#filemanager.e-filemanager .e-treeview .e-list-item,
#filemanager.e-filemanager .e-large-icons .e-list-item {
    background: transparent !important;
    background-color: transparent !important;
}

#filemanager.e-filemanager .e-treeview .e-list-item:hover > .e-fullrow,
#filemanager.e-filemanager .e-treeview .e-hover > .e-fullrow,
#filemanager.e-filemanager .e-treeview .e-active > .e-fullrow,
#filemanager.e-filemanager .e-treeview .e-node-focus > .e-fullrow,
#filemanager.e-filemanager .e-large-icons .e-list-item:hover,
#filemanager.e-filemanager .e-large-icons .e-hover,
#filemanager.e-filemanager .e-large-icons .e-active {
    background: rgba(236, 0, 140, 0.12) !important;
    background-color: rgba(236, 0, 140, 0.12) !important;
    border-radius: 12px !important;
}

#filemanager.e-filemanager .e-large-icons .e-list-item.e-active,
#filemanager.e-filemanager .e-treeview .e-active > .e-fullrow {
    box-shadow: inset 0 0 0 1px rgba(236, 0, 140, 0.26) !important;
}

#filemanager.e-filemanager .e-grid .e-rowcell,
#filemanager.e-filemanager .e-grid .e-rowcell *,
#filemanager.e-filemanager .e-fe-grid-name,
#filemanager.e-filemanager .e-fe-text,
#filemanager.e-filemanager .e-large-icons .e-list-text {
    color: #111111 !important;
}

#filemanager.e-filemanager .e-grid .e-rowcell .e-fe-icon,
#filemanager.e-filemanager .e-grid .e-rowcell .e-fe-folder,
#filemanager.e-filemanager .e-grid .e-rowcell .e-fe-folder::before,
#filemanager.e-filemanager .e-grid .e-rowcell .e-fe-icon::before,
#filemanager.e-filemanager .e-large-icons .e-fe-icon,
#filemanager.e-filemanager .e-large-icons .e-fe-folder,
#filemanager.e-filemanager .e-large-icons .e-fe-folder::before,
#filemanager.e-filemanager .e-large-icons .e-fe-icon::before {
    color: #ffffff !important;
}

#filemanager.e-filemanager .e-toolbar .e-input-group,
#filemanager.e-filemanager .e-toolbar .e-input-group.e-control-wrapper,
#filemanager.e-filemanager .e-toolbar .e-search-wrap,
#filemanager.e-filemanager .e-toolbar input,
#filemanager.e-filemanager .e-toolbar .e-input {
    background: rgba(255, 255, 255, 0.06) !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: var(--sf-text) !important;
    border-color: var(--sf-border) !important;
}

.e-control.e-grid,
.e-grid {
    border: 1px solid var(--sf-border) !important;
    border-radius: var(--radius-card) !important;
    overflow: hidden;
    background: var(--sf-surface);
    box-shadow: var(--sf-shadow);
}

.e-grid .e-gridheader,
.e-grid .e-headercontent {
    border-bottom: 1px solid var(--sf-border) !important;
    background: var(--sf-grid-header-bg) !important;
    backdrop-filter: blur(8px) saturate(108%);
    -webkit-backdrop-filter: blur(8px) saturate(108%);
}

.e-grid .e-gridheader .e-table,
.e-grid .e-gridheader thead,
.e-grid .e-gridheader tr,
.e-grid .e-gridheader th,
.e-grid .e-gridheader .e-columnheader {
    background: var(--sf-grid-header-bg) !important;
}

.e-grid .e-gridcontent,
.e-grid .e-content,
.e-grid .e-summarycontent,
.e-grid .e-gridfooter {
    background: transparent !important;
}

.e-grid .e-headercell,
.e-grid .e-detailheadercell {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: var(--sf-grid-header-bg) !important;
}

.e-grid .e-headertext,
.e-grid .e-sortfilterdiv,
.e-grid .e-filtermenudiv,
.e-grid .e-icon-ascending,
.e-grid .e-icon-descending {
    color: var(--sf-text) !important;
}

.e-grid .e-headertext {
    font-size: .84rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.e-grid .e-row,
.e-grid .e-altrow {
    background: rgba(28, 30, 34, 0.34) !important;
}

.e-grid .e-altrow {
    background: rgba(38, 40, 45, 0.48) !important;
}

.e-grid .e-rowcell {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-color: rgba(230, 224, 232, 0.48) !important;
    color: var(--sf-text);
    font-size: .95rem;
    vertical-align: middle;
    background: transparent !important;
}

.e-grid .e-row:hover .e-rowcell,
.e-grid .e-altrow:hover .e-rowcell,
.e-grid .e-row.e-hover .e-rowcell,
.e-grid .e-altrow.e-hover .e-rowcell {
    background: rgba(236, 0, 140, 0.10) !important;
}

.e-grid .e-row.e-selectionbackground .e-rowcell,
.e-grid .e-rowcell.e-selectionbackground,
.e-grid .e-active .e-rowcell {
    background: rgba(236, 0, 140, 0.16) !important;
}

.e-grid .e-gridcontent tr:first-child .e-rowcell {
    border-top: 0 !important;
}

.e-grid .e-toolbar,
.e-grid .e-toolbar.e-control.e-gridtoolbar,
.e-grid .e-gridtoolbar.e-control.e-toolbar {
    position: relative;
    border: 0 !important;
    background: var(--sf-grid-toolbar-bg) !important;
    background-color: var(--sf-grid-toolbar-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    overflow: visible;
}

.e-grid .e-toolbar {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 40px !important;
}

.e-grid .e-toolbar::before {
    display: none !important;
    content: none !important;
}

.e-grid .e-toolbar::after {
    display: none !important;
    content: none !important;
}

.e-grid .e-toolbar .e-toolbar-items {
    min-height: 40px !important;
    border: 0 !important;
    background: var(--sf-grid-toolbar-bg) !important;
    background-color: var(--sf-grid-toolbar-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.e-grid .e-toolbar .e-hscroll-bar,
.e-grid .e-toolbar .e-hscroll-content,
.e-grid .e-toolbar .e-hscroll {
    background: var(--sf-grid-toolbar-bg) !important;
    background-color: var(--sf-grid-toolbar-bg) !important;
    background-image: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.e-grid .e-toolbar .e-toolbar-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-left: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.e-grid .e-toolbar .e-toolbar-item {
    margin-right: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.e-grid .e-toolbar .e-toolbar-items .e-toolbar-item:first-child,
.e-grid .e-toolbar .e-hscroll-content > .e-toolbar-item:first-child {
    margin-left: 0 !important;
}

.e-grid .e-toolbar .e-toolbar-items .e-toolbar-item:last-child,
.e-grid .e-toolbar .e-hscroll-content > .e-toolbar-item:last-child {
    margin-right: 0 !important;
}

.e-grid .e-toolbar .e-toolbar-item .e-tbar-btn,
.e-grid .e-toolbar .e-toolbar-item .e-btn,
.e-grid .e-toolbar .e-toolbar-item button {
    min-height: 46px !important;
    padding: 0 18px !important;
    border: 1px solid var(--sf-border) !important;
    border-radius: 999px !important;
    background: var(--sf-surface-alt) !important;
    color: var(--sf-text) !important;
    font-size: .98rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.e-grid .e-toolbar .e-toolbar-item .e-tbar-btn:hover,
.e-grid .e-toolbar .e-toolbar-item .e-btn:hover,
.e-grid .e-toolbar .e-toolbar-item button:hover {
    background: rgba(236, 0, 140, 0.12) !important;
    border-color: rgba(236, 0, 140, 0.22) !important;
    color: var(--sf-brand-primary) !important;
}

.e-grid .e-toolbar .e-toolbar-item .e-icons,
.e-grid .e-toolbar .e-toolbar-item .e-btn-icon {
    color: var(--sf-brand-primary) !important;
}

.e-grid .e-toolbar .e-toolbar-item .e-tbar-btn-text,
.e-grid .e-toolbar .e-toolbar-item .e-btn .e-tbar-btn-text {
    color: #ffffff !important;
    font-size: .98rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.e-grid .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn,
.e-grid .e-toolbar .e-toolbar-item .e-tbar-btn:disabled,
.e-grid .e-toolbar .e-toolbar-item .e-btn:disabled,
.e-grid .e-toolbar .e-toolbar-item button:disabled {
    color: #ffffff !important;
    opacity: .55 !important;
}

.e-grid .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text,
.e-grid .e-toolbar .e-toolbar-item.e-overlay .e-icons,
.e-grid .e-toolbar .e-toolbar-item .e-tbar-btn:disabled .e-tbar-btn-text,
.e-grid .e-toolbar .e-toolbar-item .e-tbar-btn:disabled .e-icons,
.e-grid .e-toolbar .e-toolbar-item .e-btn:disabled .e-tbar-btn-text,
.e-grid .e-toolbar .e-toolbar-item .e-btn:disabled .e-icons {
    color: #ffffff !important;
}

.e-grid .e-toolbar .e-search-wrapper,
.e-grid .e-toolbar .e-search-wrapper.e-input-group,
.e-grid .e-toolbar .e-search-wrapper.e-input-group.e-control-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 42px !important;
    max-width: 320px;
    width: min(320px, 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
    overflow: hidden;
}

.e-grid .e-toolbar .e-search-wrapper .e-search {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.e-grid .e-toolbar .e-search-wrapper input,
.e-grid .e-toolbar .e-search-wrapper .e-input {
    order: 1;
    flex: 1 1 auto;
    padding: 0 14px 0 14px !important;
    text-indent: 0 !important;
    line-height: 1.35 !important;
    color: var(--sf-text) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.e-grid .e-toolbar .e-search-wrapper .e-input-group,
.e-grid .e-toolbar .e-search-wrapper .e-input-group.e-control-wrapper {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.e-grid .e-toolbar .e-search-wrapper::before,
.e-grid .e-toolbar .e-search-wrapper::after,
.e-grid .e-toolbar .e-search-wrapper .e-input-group::before,
.e-grid .e-toolbar .e-search-wrapper .e-input-group::after,
.e-grid .e-toolbar .e-search-wrapper .e-input-group.e-control-wrapper::before,
.e-grid .e-toolbar .e-search-wrapper .e-input-group.e-control-wrapper::after {
    display: none !important;
    content: none !important;
}

.e-grid .e-toolbar .e-search-wrapper .e-search-icon,
.e-grid .e-toolbar .e-search-wrapper .e-input-group-icon,
.e-grid .e-toolbar .e-search-wrapper .e-clear-icon {
    order: 2;
    margin-left: 8px;
    margin-right: 12px;
    color: var(--sf-brand-primary) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.e-grid .e-toolbar .e-search-wrapper.e-input-focus,
.e-grid .e-toolbar .e-search-wrapper:focus-within {
    border-color: rgba(236, 0, 140, 0.78) !important;
    box-shadow:
        inset 0 -1px 0 rgba(236, 0, 140, 0.95),
        0 0 0 2px rgba(236, 0, 140, 0.20),
        0 0 18px rgba(236, 0, 140, 0.24) !important;
}

.e-grid .e-pager,
.e-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 14px;
    padding: 10px 14px !important;
    min-height: 56px;
    border-top: 1px solid var(--sf-border) !important;
    background: rgba(20, 22, 26, 0.84) !important;
    color: var(--sf-muted) !important;
}

.e-pager .e-parentmsgbar,
.e-pager .e-pagerexternalmsg,
.e-pager .e-pagesizes,
.e-pager .e-pagecountmsg {
    display: inline-flex;
    align-items: center;
    color: var(--sf-muted) !important;
    font-weight: 600;
    font-size: .86rem;
    line-height: 1.2 !important;
    white-space: nowrap;
}

.e-pager .e-parentmsgbar {
    margin-left: auto;
}

.e-pager .e-pagercontainer {
    display: inline-flex;
    align-items: center;
    gap: 0;
    border: 1px solid var(--sf-border) !important;
    border-radius: 14px !important;
    overflow: hidden;
    background: var(--sf-surface-alt) !important;
    box-shadow: none !important;
}

.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
    background: linear-gradient(90deg, var(--sf-brand-primary), #c90075) !important;
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 10px !important;
    box-shadow: 0 6px 14px rgba(236, 0, 140, 0.22);
}

.e-pager .e-numericitem,
.e-pager .e-firstpage,
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    line-height: 1 !important;
    font-size: .9rem !important;
    font-weight: 600;
    color: var(--sf-text) !important;
    background: var(--sf-surface-alt) !important;
    border-color: var(--sf-border) !important;
}

.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
    color: #9ea3ab !important;
    background: rgba(38, 40, 45, 0.72) !important;
}

.e-pager .e-numericitem:hover,
.e-pager .e-pager-default:hover {
    background: rgba(236, 0, 140, 0.12) !important;
    color: var(--sf-brand-primary) !important;
}

.e-pager .e-numericitem:focus-visible,
.e-pager .e-firstpage:focus-visible,
.e-pager .e-prevpage:focus-visible,
.e-pager .e-nextpage:focus-visible,
.e-pager .e-lastpage:focus-visible {
    outline: 2px solid rgba(236, 0, 140, 0.3) !important;
    outline-offset: -2px;
}

.e-grid .e-filterbarcell,
.e-grid .e-filterbarcell input {
    background: var(--sf-surface-alt) !important;
}

.e-input-group:not(.e-search-wrapper),
.e-float-input,
.e-ddl.e-input-group,
.e-float-input.e-control-wrapper.e-ddl,
.e-control-wrapper.e-input-group:not(.e-search-wrapper),
.e-control-wrapper.e-ddl,
.e-control-wrapper.e-date-wrapper,
.e-control-wrapper.e-time-wrapper {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px !important;
}

.e-input-group input,
.e-float-input input,
.e-input-group textarea,
.e-float-input textarea,
.e-control-wrapper input,
.e-control-wrapper textarea {
    padding-left: 16px !important;
    padding-right: 16px !important;
    text-indent: 0 !important;
    line-height: 1.45 !important;
}

.e-float-input.e-control-wrapper,
.e-input-group.e-control-wrapper,
.e-float-input,
.e-input-group {
    min-height: 46px !important;
}

.e-input-group.e-ddl,
.e-float-input.e-control-wrapper.e-ddl,
.e-control-wrapper.e-ddl,
.e-control-wrapper.e-input-group.e-ddl,
.e-multi-select-wrapper {
    background: rgba(59, 59, 58, 0.96) !important;
    background-color: rgba(59, 59, 58, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
}

.e-input-group.e-input-focus,
.e-control-wrapper.e-input-focus,
.e-float-input.e-control-wrapper.e-ddl.e-input-focus,
.e-control-wrapper.e-ddl.e-input-focus,
.e-ddl.e-input-group.e-input-focus,
.e-float-input.e-input-focus,
.e-float-input.e-control-wrapper.e-input-focus,
.e-control-wrapper.e-date-wrapper.e-input-focus,
.e-control-wrapper.e-time-wrapper.e-input-focus,
.e-input-group:focus-within,
.e-float-input.e-control-wrapper.e-ddl:focus-within,
.e-control-wrapper:focus-within {
    border-color: rgba(255, 255, 255, 0.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
    outline: none !important;
}

.e-input-group.e-ddl .e-input,
.e-float-input.e-control-wrapper.e-ddl .e-input,
.e-control-wrapper.e-ddl .e-input,
.e-control-wrapper.e-input-group.e-ddl .e-input,
.e-multi-select-wrapper .e-delim-values,
.e-multi-select-wrapper .e-searcher,
.e-multi-select-wrapper .e-chip,
.e-multi-select-wrapper .e-chips-wrapper,
.e-multi-select-wrapper .e-down-icon,
.e-multi-select-wrapper .e-ddl-icon {
    background: rgba(59, 59, 58, 0.96) !important;
    background-color: rgba(59, 59, 58, 0.96) !important;
    color: var(--sf-text) !important;
}

.e-multi-select-wrapper .e-chips-wrapper {
    border-radius: 10px !important;
}

.e-input-group::before,
.e-input-group::after,
.e-control-wrapper.e-input-group::before,
.e-control-wrapper.e-input-group::after,
.e-float-input.e-control-wrapper.e-ddl::before,
.e-float-input.e-control-wrapper.e-ddl::after,
.e-control-wrapper.e-ddl::before,
.e-control-wrapper.e-ddl::after,
.e-ddl.e-input-group::before,
.e-ddl.e-input-group::after,
.e-float-input::before,
.e-float-input::after,
.e-float-input.e-control-wrapper::before,
.e-float-input.e-control-wrapper::after,
.e-control-wrapper.e-date-wrapper::before,
.e-control-wrapper.e-date-wrapper::after,
.e-control-wrapper.e-time-wrapper::before,
.e-control-wrapper.e-time-wrapper::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    height: 2px !important;
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    display: block !important;
    pointer-events: none !important;
    z-index: 3 !important;
    transform-origin: center !important;
    transition: opacity .18s ease, transform .18s ease, background .18s ease !important;
}

.e-input-group::before,
.e-control-wrapper.e-input-group::before,
.e-float-input.e-control-wrapper.e-ddl::before,
.e-control-wrapper.e-ddl::before,
.e-ddl.e-input-group::before,
.e-float-input::before,
.e-float-input.e-control-wrapper::before,
.e-control-wrapper.e-date-wrapper::before,
.e-control-wrapper.e-time-wrapper::before {
    background: rgba(60, 60, 59, 0.14) !important;
}

.e-input-group::after,
.e-control-wrapper.e-input-group::after,
.e-float-input.e-control-wrapper.e-ddl::after,
.e-control-wrapper.e-ddl::after,
.e-ddl.e-input-group::after,
.e-float-input::after,
.e-float-input.e-control-wrapper::after,
.e-control-wrapper.e-date-wrapper::after,
.e-control-wrapper.e-time-wrapper::after {
    background: linear-gradient(
        90deg,
        rgba(236, 0, 140, 0) 0%,
        rgba(236, 0, 140, 0.18) 18%,
        rgba(236, 0, 140, 0.55) 34%,
        rgba(236, 0, 140, 0.95) 50%,
        rgba(236, 0, 140, 0.55) 66%,
        rgba(236, 0, 140, 0.18) 82%,
        rgba(236, 0, 140, 0) 100%
    ) !important;
}

.e-input-group:not(.e-input-focus)::after,
.e-control-wrapper.e-input-group:not(.e-input-focus)::after,
.e-float-input.e-control-wrapper.e-ddl:not(.e-input-focus)::after,
.e-control-wrapper.e-ddl:not(.e-input-focus)::after,
.e-ddl.e-input-group:not(.e-input-focus)::after,
.e-float-input:not(.e-input-focus)::after,
.e-float-input.e-control-wrapper:not(.e-input-focus)::after,
.e-control-wrapper.e-date-wrapper:not(.e-input-focus)::after,
.e-control-wrapper.e-time-wrapper:not(.e-input-focus)::after {
    opacity: 0 !important;
    transform: scaleX(0) !important;
}

.e-input-group.e-input-focus::after,
.e-control-wrapper.e-input-group.e-input-focus::after,
.e-float-input.e-control-wrapper.e-ddl.e-input-focus::after,
.e-control-wrapper.e-ddl.e-input-focus::after,
.e-ddl.e-input-group.e-input-focus::after,
.e-float-input.e-input-focus::after,
.e-float-input.e-control-wrapper.e-input-focus::after,
.e-control-wrapper.e-date-wrapper.e-input-focus::after,
.e-control-wrapper.e-time-wrapper.e-input-focus::after,
.e-input-group:focus-within::after,
.e-float-input.e-control-wrapper.e-ddl:focus-within::after,
.e-control-wrapper:focus-within::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

.e-float-input.e-control-wrapper input::placeholder,
.e-input-group.e-control-wrapper input::placeholder,
.e-float-input input::placeholder,
.e-input-group input::placeholder,
.e-float-input textarea::placeholder,
.e-input-group textarea::placeholder {
    text-indent: 0 !important;
}

.e-float-text,
.e-float-text.e-label-top,
.e-float-text.e-label-bottom {
    padding-left: 16px !important;
    line-height: 1.2 !important;
}

.e-float-input.e-control-wrapper:not(.e-input-focus) input,
.e-input-group.e-control-wrapper:not(.e-input-focus) input,
.e-float-input:not(.e-input-focus) input,
.e-input-group:not(.e-input-focus) input {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.e-ddl.e-input-group input.e-input,
.e-multi-select-wrapper input.e-dropdownbase,
.e-control-wrapper .e-input[readonly],
.e-datepicker .e-input-group input.e-input,
.e-numeric.e-input-group input.e-input {
    text-align: left !important;
}

/* Keep Syncfusion focus on wrapper only: prevent generic input:focus styles */
.e-input-group input.e-input:focus,
.e-input-group input.e-input:focus-visible,
.e-control-wrapper input.e-input:focus,
.e-control-wrapper input.e-input:focus-visible,
.e-ddl input.e-input:focus,
.e-ddl input.e-input:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Neutralize Syncfusion base focus on inner inputs (prevents full magenta rectangle and right-side seam). */
.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input,
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input,
.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
.e-input-group input:focus,
.e-input-group input:focus-visible,
.e-control-wrapper input:focus,
.e-control-wrapper input:focus-visible,
.e-ddl input:focus,
.e-ddl input:focus-visible {
    border-color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Keep dropdown icon zone neutral during focus; no colored vertical divider. */
.e-control-wrapper.e-ddl .e-input-group-icon,
.e-ddl.e-input-group .e-input-group-icon,
.e-control-wrapper.e-ddl .e-input-group-icon:hover,
.e-ddl.e-input-group .e-input-group-icon:hover,
.e-control-wrapper.e-ddl .e-input-group-icon:focus,
.e-ddl.e-input-group .e-input-group-icon:focus,
.e-control-wrapper.e-ddl.e-input-focus .e-input-group-icon,
.e-ddl.e-input-group.e-input-focus .e-input-group-icon {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    box-shadow: none !important;
}

.e-dialog,
.e-dropdown-popup,
.e-ddl.e-popup,
.e-combobox.e-popup,
.e-multi-select-list-wrapper.e-popup,
.e-popup-wrapper.e-popup,
.e-popup-wrapper.e-ddl,
.e-popup-wrapper.e-popup.e-ddl,
.e-popup-wrapper.e-popup.e-combobox,
.e-popup-wrapper.e-popup.e-datepicker,
.e-popup-wrapper.e-popup.e-timepicker,
.e-datepicker .e-calendar,
.e-grid .e-gridpopup,
.e-excelfilter.e-popup,
.e-contextmenu-wrapper ul.e-contextmenu,
.e-menu-wrapper ul.e-menu {
    border-radius: var(--radius-card) !important;
    border-color: var(--sf-border) !important;
    background: var(--sf-control-bg) !important;
    background-color: var(--sf-control-bg) !important;
    background-clip: padding-box !important;
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.42) !important;
    overflow: hidden !important;
}

.e-dropdown-popup,
.e-ddl.e-popup,
.e-combobox.e-popup,
.e-popup-wrapper.e-ddl,
.e-popup-wrapper.e-popup.e-ddl,
.e-popup-wrapper.e-popup.e-combobox {
    background: rgba(59, 59, 58, 0.96) !important;
    background-color: rgba(59, 59, 58, 0.96) !important;
}

/* =========================================================
   Syncfusion DatePicker popup global theme
   ========================================================= */

.e-datepicker.e-popup,
.e-datepicker.e-popup-wrapper,
.e-popup-wrapper.e-datepicker,
.e-popup-wrapper.e-popup.e-datepicker,
.e-popup.e-datepicker,
.e-popup-open.e-datepicker,
.e-datepick-mob-popup-wrap,
.e-datepick-mob-popup-wrap .e-calendar,
.e-datepicker.e-popup .e-calendar,
.e-datepicker.e-popup-wrapper .e-calendar,
.e-popup-wrapper.e-datepicker .e-calendar,
.e-popup-wrapper.e-popup.e-datepicker .e-calendar,
.e-calendar {
    background: var(--sf-control-bg) !important;
    background-color: var(--sf-control-bg) !important;
    color: var(--sf-text) !important;
    border-color: var(--sf-border) !important;
}

.e-calendar .e-header,
.e-calendar .e-header *,
.e-calendar .e-header .e-title,
.e-calendar .e-header .e-prev,
.e-calendar .e-header .e-next,
.e-calendar .e-header .e-icons,
.e-calendar .e-icon-container,
.e-calendar .e-icon-container * {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--sf-text) !important;
    fill: var(--sf-text) !important;
}

.e-calendar .e-header {
    background: #ec008c !important;
    background-color: #ec008c !important;
}

.e-calendar .e-content,
.e-calendar .e-content table,
.e-calendar .e-content thead,
.e-calendar .e-content tbody,
.e-calendar .e-content tr,
.e-calendar .e-content th,
.e-calendar .e-content td {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--sf-text) !important;
}

.e-calendar .e-content th,
.e-calendar .e-content th span,
.e-calendar .e-week-header,
.e-calendar .e-week-header span {
    color: var(--sf-muted) !important;
}

.e-calendar .e-content td span,
.e-calendar .e-content td span.e-day,
.e-calendar .e-content td.e-focused-date span.e-day {
    color: var(--sf-text) !important;
}

.e-calendar .e-content td.e-other-month span.e-day,
.e-calendar .e-content td.e-disabled span.e-day,
.e-calendar .e-content td.e-disabled:hover span.e-day {
    color: var(--sf-muted) !important;
    opacity: .55 !important;
}

.e-calendar .e-content td:not(.e-disabled):hover span.e-day,
.e-calendar .e-content td.e-focused-date:not(.e-selected) span.e-day {
    background: rgba(255, 255, 255, 0.12) !important;
    color: var(--sf-text) !important;
}

.e-calendar .e-content td.e-selected span.e-day,
.e-calendar .e-content td.e-focused-date.e-selected span.e-day,
.e-calendar .e-content td.e-current-date.e-selected span.e-day {
    background: var(--sf-brand-primary) !important;
    border-color: var(--sf-brand-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 18px rgba(236, 0, 140, 0.20) !important;
}

.e-calendar .e-content td.e-current-date:not(.e-selected) span.e-day,
.e-calendar .e-content td.e-today:not(.e-selected) span.e-day {
    border-color: var(--sf-brand-primary) !important;
    color: var(--sf-brand-primary) !important;
}

.e-calendar .e-footer-container {
    background: var(--sf-control-bg) !important;
    background-color: var(--sf-control-bg) !important;
    border-top: 1px solid var(--sf-border) !important;
}

.e-calendar .e-footer-container .e-btn,
.e-calendar .e-footer-container .e-today,
.e-calendar .e-footer-container button {
    color: #ffffff !important;
    background: var(--sf-brand-primary) !important;
    border-color: var(--sf-brand-primary) !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
}

/* =========================================================
   Syncfusion Dialog / Grid Edit Dialog - final dark glass
   ========================================================= */
.e-dialog,
.e-grid .e-dialog,
body .e-dialog.e-control,
body .e-grid .e-dialog.e-control {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01)),
        rgba(28, 30, 34, 0.92) !important;
    background-color: rgba(28, 30, 34, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(12px) saturate(115%);
    -webkit-backdrop-filter: blur(12px) saturate(115%);
    color: #ffffff !important;
    overflow: hidden !important;
}

.e-dialog .e-dlg-header-content,
.e-grid .e-dialog .e-dlg-header-content,
body .e-dialog .e-dlg-header-content {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)),
        rgba(28, 30, 34, 0.72) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.e-dialog .e-dlg-header,
.e-grid .e-dialog .e-dlg-header {
    color: #ffffff !important;
    font-weight: 800 !important;
    letter-spacing: -.02em;
}

.e-dialog .e-dlg-closeicon-btn,
.e-grid .e-dialog .e-dlg-closeicon-btn {
    color: #ffffff !important;
    border-radius: 999px !important;
    transition: color .18s ease, background-color .18s ease;
}

.e-dialog .e-dlg-closeicon-btn:hover,
.e-dialog .e-dlg-closeicon-btn:focus,
.e-grid .e-dialog .e-dlg-closeicon-btn:hover,
.e-grid .e-dialog .e-dlg-closeicon-btn:focus {
    color: var(--sf-brand-primary) !important;
    background: rgba(236, 0, 140, 0.12) !important;
}

.e-dialog .e-dlg-content,
.e-grid .e-dialog .e-dlg-content,
body .e-dialog .e-dlg-content {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
        rgba(28, 30, 34, 0.72) !important;
    color: #ffffff !important;
}

.e-dialog .e-footer-content,
.e-grid .e-dialog .e-footer-content,
body .e-dialog .e-footer-content {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)),
        rgba(28, 30, 34, 0.72) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.e-dialog .e-gridform,
.e-grid .e-dialog .e-gridform {
    background: transparent !important;
    color: #ffffff !important;
}

.e-dialog .e-tab,
.e-grid .e-dialog .e-tab {
    background: transparent !important;
    color: #ffffff !important;
}

.e-dialog .e-tab .e-tab-header,
.e-grid .e-dialog .e-tab .e-tab-header {
    background: rgba(59, 59, 58, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
}

.e-dialog .e-tab .e-content.e-lib,
.e-dialog .e-tab .e-content,
.e-grid .e-dialog .e-tab .e-content.e-lib,
.e-grid .e-dialog .e-tab .e-content,
body .e-dialog .e-content.e-lib {
    background: rgba(59, 59, 58, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
}

.e-dialog .e-dlg-content fieldset,
.e-dialog .e-dlg-content .card,
.e-dialog .e-dlg-content .form-row.border,
.e-grid .e-dialog .e-dlg-content fieldset,
.e-grid .e-dialog .e-dlg-content .card,
.e-grid .e-dialog .e-dlg-content .form-row.border {
    background: rgba(59, 59, 58, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

.e-dialog .e-dlg-content label,
.e-dialog .e-dlg-content legend,
.e-dialog .e-dlg-content .e-float-text,
.e-dialog .e-dlg-content h1,
.e-dialog .e-dlg-content h2,
.e-dialog .e-dlg-content h3,
.e-dialog .e-dlg-content h4,
.e-dialog .e-dlg-content h5,
.e-dialog .e-dlg-content h6,
.e-grid .e-dialog .e-dlg-content label,
.e-grid .e-dialog .e-dlg-content legend,
.e-grid .e-dialog .e-dlg-content .e-float-text,
.e-grid .e-dialog .e-dlg-content h1,
.e-grid .e-dialog .e-dlg-content h2,
.e-grid .e-dialog .e-dlg-content h3,
.e-grid .e-dialog .e-dlg-content h4,
.e-grid .e-dialog .e-dlg-content h5,
.e-grid .e-dialog .e-dlg-content h6 {
    color: #ffffff !important;
}

.e-dialog .e-tab .e-toolbar-item .e-tab-text,
.e-grid .e-dialog .e-tab .e-toolbar-item .e-tab-text {
    color: #ffffff !important;
}

.e-dialog .e-tab .e-toolbar-item.e-active .e-tab-text,
.e-grid .e-dialog .e-tab .e-toolbar-item.e-active .e-tab-text {
    color: #ffffff !important;
}

.e-dialog .e-tab .e-indicator,
.e-grid .e-dialog .e-tab .e-indicator {
    background: var(--sf-brand-primary) !important;
}

.e-dialog .e-input-group,
.e-dialog .e-float-input,
.e-dialog .e-control-wrapper.e-ddl,
.e-dialog .e-input-group.e-ddl,
.e-dialog .e-control-wrapper.e-date-wrapper,
.e-dialog .e-control-wrapper.e-time-wrapper,
.e-grid .e-dialog .e-input-group,
.e-grid .e-dialog .e-float-input,
.e-grid .e-dialog .e-control-wrapper.e-ddl,
.e-grid .e-dialog .e-input-group.e-ddl,
.e-grid .e-dialog .e-control-wrapper.e-date-wrapper,
.e-grid .e-dialog .e-control-wrapper.e-time-wrapper {
    background: var(--sf-control-bg) !important;
    background-color: var(--sf-control-bg) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

.e-dialog .e-input-group input,
.e-dialog .e-float-input input,
.e-dialog .e-input-group .e-input,
.e-dialog .e-input,
.e-dialog input.e-input,
.e-dialog .e-ddl .e-input,
.e-dialog .e-control-wrapper .e-input,
.e-grid .e-dialog .e-input-group input,
.e-grid .e-dialog .e-float-input input,
.e-grid .e-dialog .e-input-group .e-input,
body .e-dialog .e-input,
body .e-dialog input.e-input,
body .e-dialog .e-control-wrapper .e-input,
body .e-dialog .e-ddl .e-input {
    color: #ffffff !important;
    background: transparent !important;
}

.e-dialog .e-input::placeholder,
.e-dialog input.e-input::placeholder,
.e-grid .e-dialog .e-input::placeholder,
.e-grid .e-dialog input.e-input::placeholder,
body .e-dialog .e-input::placeholder,
body .e-dialog input.e-input::placeholder {
    color: #c7c9ce !important;
    opacity: .9 !important;
}

.e-dialog .e-input[disabled],
.e-dialog input.e-input[disabled],
.e-grid .e-dialog .e-input[disabled],
.e-grid .e-dialog input.e-input[disabled] {
    color: #c7c9ce !important;
    opacity: .75 !important;
}

.e-dialog .e-date-wrapper,
.e-dialog .e-datepicker,
.e-dialog .e-input-group.e-date-wrapper,
.e-dialog .e-control-wrapper.e-date-wrapper,
.e-grid .e-dialog .e-date-wrapper,
.e-grid .e-dialog .e-datepicker,
.e-grid .e-dialog .e-input-group.e-date-wrapper,
.e-grid .e-dialog .e-control-wrapper.e-date-wrapper {
    background: rgba(59, 59, 58, 0.96) !important;
    background-color: rgba(59, 59, 58, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

.e-dialog .e-date-wrapper .e-input-group-icon,
.e-dialog .e-date-wrapper .e-date-icon,
.e-grid .e-dialog .e-date-wrapper .e-input-group-icon,
.e-grid .e-dialog .e-date-wrapper .e-date-icon {
    color: #ffffff !important;
}

.e-dialog .e-footer-content .e-btn,
.e-grid .e-dialog .e-footer-content .e-btn,
.e-btn.e-primary {
    border-radius: 999px !important;
}

.e-dialog .e-footer-content .e-btn:not(.e-primary),
.e-grid .e-dialog .e-footer-content .e-btn:not(.e-primary) {
    background: rgba(38, 40, 45, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

.e-dialog .e-footer-content .e-btn:not(.e-primary):hover,
.e-dialog .e-footer-content .e-btn:not(.e-primary):focus,
.e-grid .e-dialog .e-footer-content .e-btn:not(.e-primary):hover,
.e-grid .e-dialog .e-footer-content .e-btn:not(.e-primary):focus {
    border-color: rgba(236, 0, 140, 0.22) !important;
    background: rgba(236, 0, 140, 0.12) !important;
    color: #ffffff !important;
}

body .e-btn.e-flat:not(.e-primary),
body a.e-btn.e-flat:not(.e-primary),
body button.e-btn.e-flat:not(.e-primary) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-radius: 999px !important;
}

body .e-btn.e-flat:not(.e-primary):hover,
body .e-btn.e-flat:not(.e-primary):focus,
body a.e-btn.e-flat:not(.e-primary):hover,
body a.e-btn.e-flat:not(.e-primary):focus,
body button.e-btn.e-flat:not(.e-primary):hover,
body button.e-btn.e-flat:not(.e-primary):focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: rgba(236, 0, 140, 0.12) !important;
}

.e-dialog .e-footer-content .e-btn.e-primary,
.e-grid .e-dialog .e-footer-content .e-btn.e-primary,
.e-dialog .e-footer-content .e-btn.e-next,
.e-grid .e-dialog .e-footer-content .e-btn.e-next,
.e-dialog .e-footer-content .e-btn[id*="next" i],
.e-grid .e-dialog .e-footer-content .e-btn[id*="next" i],
.e-dialog .e-footer-content .e-btn[title*="avanti" i],
.e-dialog .e-footer-content .e-btn[aria-label*="avanti" i],
.e-grid .e-dialog .e-footer-content .e-btn[title*="avanti" i],
.e-grid .e-dialog .e-footer-content .e-btn[aria-label*="avanti" i],
body .e-dialog .e-btn.e-primary,
body .e-dialog .e-footer-content .e-btn.e-primary {
    background: #ec008c !important;
    color: #ffffff !important;
    border: 0 !important;
    border-color: #ec008c !important;
    border-radius: 999px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-shadow: 0 10px 22px rgba(236, 0, 140, 0.28) !important;
}

.e-dialog .e-footer-content .e-btn.e-primary:hover,
.e-dialog .e-footer-content .e-btn.e-primary:focus,
.e-grid .e-dialog .e-footer-content .e-btn.e-primary:hover,
.e-grid .e-dialog .e-footer-content .e-btn.e-primary:focus,
.e-dialog .e-footer-content .e-btn.e-next:hover,
.e-dialog .e-footer-content .e-btn.e-next:focus,
.e-grid .e-dialog .e-footer-content .e-btn.e-next:hover,
.e-grid .e-dialog .e-footer-content .e-btn.e-next:focus,
.e-dialog .e-footer-content .e-btn[id*="next" i]:hover,
.e-dialog .e-footer-content .e-btn[id*="next" i]:focus,
.e-grid .e-dialog .e-footer-content .e-btn[id*="next" i]:hover,
.e-grid .e-dialog .e-footer-content .e-btn[id*="next" i]:focus,
.e-dialog .e-footer-content .e-btn[title*="avanti" i]:hover,
.e-dialog .e-footer-content .e-btn[title*="avanti" i]:focus,
.e-dialog .e-footer-content .e-btn[aria-label*="avanti" i]:hover,
.e-dialog .e-footer-content .e-btn[aria-label*="avanti" i]:focus,
.e-grid .e-dialog .e-footer-content .e-btn[title*="avanti" i]:hover,
.e-grid .e-dialog .e-footer-content .e-btn[title*="avanti" i]:focus,
.e-grid .e-dialog .e-footer-content .e-btn[aria-label*="avanti" i]:hover,
.e-grid .e-dialog .e-footer-content .e-btn[aria-label*="avanti" i]:focus,
body .e-dialog .e-btn.e-primary:hover,
body .e-dialog .e-btn.e-primary:focus {
    background: #d1007a !important;
    border-color: #d1007a !important;
    color: #ffffff !important;
}

body .e-dialog .e-dlg-content .e-btn:not(.e-primary):not(.e-flat) {
    background: #ec008c !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 8px 18px !important;
}

body .e-dialog .e-dlg-content .e-btn:not(.e-primary):not(.e-flat):hover,
body .e-dialog .e-dlg-content .e-btn:not(.e-primary):not(.e-flat):focus {
    background: #d1007a !important;
    color: #ffffff !important;
}

body .e-dialog button#goToCommessa.e-btn,
body .e-dialog button[id^="goTo"].e-btn {
    background: #ec008c !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 8px 18px !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 24px rgba(236, 0, 140, 0.28) !important;
    transition: background .18s ease, transform .18s ease !important;
}

body .e-dialog button#goToCommessa.e-btn:hover,
body .e-dialog button[id^="goTo"].e-btn:hover {
    background: #ff1493 !important;
    transform: translateY(-1px);
}

.e-grid .e-icons,
.e-grid .e-btn-icon,
.e-grid .e-toolbar .e-icons,
.e-pager .e-icons {
    transition: color .18s ease, transform .18s ease;
}

.e-grid .e-recordplusexpand:hover,
.e-grid .e-recordpluscollapse:hover,
.e-grid .e-edit:hover,
.e-grid .e-delete:hover,
.e-grid .e-update:hover,
.e-grid .e-cancel:hover {
    color: var(--sf-brand-primary) !important;
}

.e-grid .e-checkbox-wrapper .e-frame.e-check,
.e-grid .e-checkbox-wrapper .e-frame.e-stop,
.e-checkbox-wrapper .e-frame.e-check,
.e-checkbox-wrapper .e-frame.e-stop {
    background-color: var(--sf-brand-primary) !important;
    border-color: var(--sf-brand-primary) !important;
}

.e-grid .e-emptyrow td,
.e-grid .e-emptyrow {
    color: var(--sf-muted) !important;
    background: rgba(38, 40, 45, 0.8) !important;
}

@media (max-width: 768px) {
    .e-control.e-grid,
    .e-grid {
        border-radius: var(--radius-card) !important;
    }

    .e-grid .e-toolbar {
        padding: 12px 12px 6px !important;
    }

    .e-grid .e-rowcell,
    .e-grid .e-headercell {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .e-grid .e-pager,
    .e-pager {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px 10px;
        padding: 8px 10px !important;
        min-height: 0;
    }

    .e-pager .e-pagercontainer {
        width: auto;
        max-width: 100%;
        overflow: hidden !important;
        display: inline-flex !important;
        flex-wrap: nowrap !important;
    }

    .e-pager .e-parentmsgbar,
    .e-pager .e-pagesizes,
    .e-pager .e-pagecountmsg,
    .e-pager .e-pagerexternalmsg {
        display: none !important;
    }

    .e-pager .e-firstpage,
    .e-pager .e-lastpage,
    .e-pager .e-firstpagedisabled,
    .e-pager .e-lastpagedisabled,
    .e-pager .e-numericitem:not(.e-currentitem) {
        display: none !important;
    }

    .e-pager .e-currentitem,
    .e-pager .e-prevpage,
    .e-pager .e-nextpage,
    .e-pager .e-prevpagedisabled,
    .e-pager .e-nextpagedisabled {
        min-width: 36px !important;
        min-height: 36px !important;
        font-size: .9rem !important;
    }
}

/* =========================================================
   FINAL OVERRIDE - Syncfusion DatePicker / TimePicker icon zone
   Remove right-side vertical separator/glow, keep icons clickable
   ========================================================= */

.e-control-wrapper.e-date-wrapper .e-input-group-icon,
.e-control-wrapper.e-time-wrapper .e-input-group-icon,
.e-input-group.e-control-wrapper.e-date-wrapper .e-input-group-icon,
.e-input-group.e-control-wrapper.e-time-wrapper .e-input-group-icon,
.e-control-wrapper.e-date-wrapper .e-date-icon,
.e-control-wrapper.e-time-wrapper .e-time-icon,
.e-control-wrapper.e-date-wrapper .e-date-icon.e-icons,
.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--sf-text) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: 0 !important;
    filter: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.e-control-wrapper.e-date-wrapper .e-input-group-icon:hover,
.e-control-wrapper.e-date-wrapper .e-input-group-icon:focus,
.e-control-wrapper.e-date-wrapper .e-input-group-icon:active,
.e-control-wrapper.e-date-wrapper .e-input-group-icon.e-active,
.e-control-wrapper.e-date-wrapper .e-input-group-icon.e-input-btn-ripple,
.e-control-wrapper.e-time-wrapper .e-input-group-icon:hover,
.e-control-wrapper.e-time-wrapper .e-input-group-icon:focus,
.e-control-wrapper.e-time-wrapper .e-input-group-icon:active,
.e-control-wrapper.e-time-wrapper .e-input-group-icon.e-active,
.e-control-wrapper.e-time-wrapper .e-input-group-icon.e-input-btn-ripple,
.e-input-group.e-control-wrapper.e-date-wrapper .e-input-group-icon:hover,
.e-input-group.e-control-wrapper.e-date-wrapper .e-input-group-icon:focus,
.e-input-group.e-control-wrapper.e-date-wrapper .e-input-group-icon:active,
.e-input-group.e-control-wrapper.e-date-wrapper .e-input-group-icon.e-active,
.e-input-group.e-control-wrapper.e-time-wrapper .e-input-group-icon:hover,
.e-input-group.e-control-wrapper.e-time-wrapper .e-input-group-icon:focus,
.e-input-group.e-control-wrapper.e-time-wrapper .e-input-group-icon:active,
.e-input-group.e-control-wrapper.e-time-wrapper .e-input-group-icon.e-active,
.e-control-wrapper.e-date-wrapper .e-date-icon:hover,
.e-control-wrapper.e-date-wrapper .e-date-icon:focus,
.e-control-wrapper.e-date-wrapper .e-date-icon:active,
.e-control-wrapper.e-time-wrapper .e-time-icon:hover,
.e-control-wrapper.e-time-wrapper .e-time-icon:focus,
.e-control-wrapper.e-time-wrapper .e-time-icon:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: 0 !important;
    filter: none !important;
}

.e-control-wrapper.e-date-wrapper .e-input-group-icon::before,
.e-control-wrapper.e-date-wrapper .e-input-group-icon::after,
.e-control-wrapper.e-time-wrapper .e-input-group-icon::before,
.e-control-wrapper.e-time-wrapper .e-input-group-icon::after,
.e-input-group.e-control-wrapper.e-date-wrapper .e-input-group-icon::before,
.e-input-group.e-control-wrapper.e-date-wrapper .e-input-group-icon::after,
.e-input-group.e-control-wrapper.e-time-wrapper .e-input-group-icon::before,
.e-input-group.e-control-wrapper.e-time-wrapper .e-input-group-icon::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: 0 !important;
    filter: none !important;
}

/* =========================================================
   FINAL INPUT OVERRIDE - DatePicker / TimePicker right-side glow
   ========================================================= */
.e-control-wrapper.e-date-wrapper input.e-input,
.e-control-wrapper.e-time-wrapper input.e-input,
.e-control-wrapper.e-date-wrapper input.e-input:focus,
.e-control-wrapper.e-time-wrapper input.e-input:focus,
.e-control-wrapper.e-date-wrapper input.e-input:focus-visible,
.e-control-wrapper.e-time-wrapper input.e-input:focus-visible,
.e-control-wrapper.e-date-wrapper input.e-input:active,
.e-control-wrapper.e-time-wrapper input.e-input:active,
.e-control-wrapper.e-date-wrapper:focus-within input.e-input,
.e-control-wrapper.e-time-wrapper:focus-within input.e-input {
    border: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: 0 !important;
    filter: none !important;
    background-image: none !important;
}

/* =========================================================
   FINAL CLEAN THEME - Syncfusion TimePicker popup
   ========================================================= */

.e-timepicker.e-popup,
.e-popup-wrapper.e-timepicker,
.e-popup-wrapper.e-popup.e-timepicker {
    border-radius: var(--radius-card) !important;
    overflow: hidden !important;
    background: var(--sf-control-bg) !important;
    background-color: var(--sf-control-bg) !important;
    border: 1px solid var(--sf-border) !important;
    color: var(--sf-text) !important;
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.42) !important;
}

/* Questo deve essere l'unico livello scrollabile */
.e-timepicker.e-popup .e-content,
.e-popup-wrapper.e-timepicker .e-content,
.e-popup-wrapper.e-popup.e-timepicker .e-content {
    max-height: 240px !important;
    height: 240px !important;

    overflow-y: scroll !important;
    overflow-x: hidden !important;

    background: var(--sf-control-bg) !important;
    background-color: var(--sf-control-bg) !important;
    color: var(--sf-text) !important;

    border-radius: var(--radius-card) !important;
    padding: 6px 6px 6px 8px !important;
    box-sizing: border-box !important;

    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.42) transparent;
}

/* La lista interna NON deve scrollare e NON deve tagliare */
.e-timepicker.e-popup .e-list-parent,
.e-popup-wrapper.e-timepicker .e-list-parent,
.e-popup-wrapper.e-popup.e-timepicker .e-list-parent,
.e-timepicker.e-popup ul,
.e-popup-wrapper.e-timepicker ul,
.e-popup-wrapper.e-popup.e-timepicker ul {
    max-height: none !important;
    height: auto !important;

    overflow: visible !important;

    background: transparent !important;
    background-color: transparent !important;

    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Item */
.e-timepicker.e-popup .e-list-item,
.e-popup-wrapper.e-timepicker .e-list-item,
.e-popup-wrapper.e-popup.e-timepicker .e-list-item {
    min-height: 38px !important;
    padding: 8px 16px !important;
    border-radius: 12px !important;

    background: transparent !important;
    background-color: transparent !important;

    color: var(--sf-text) !important;
    font-weight: 700 !important;
}

.e-timepicker.e-popup .e-list-item:hover,
.e-timepicker.e-popup .e-list-item.e-hover,
.e-timepicker.e-popup .e-list-item.e-active,
.e-timepicker.e-popup .e-list-item.e-item-focus,
.e-popup-wrapper.e-timepicker .e-list-item:hover,
.e-popup-wrapper.e-timepicker .e-list-item.e-hover,
.e-popup-wrapper.e-timepicker .e-list-item.e-active,
.e-popup-wrapper.e-timepicker .e-list-item.e-item-focus,
.e-popup-wrapper.e-popup.e-timepicker .e-list-item:hover,
.e-popup-wrapper.e-popup.e-timepicker .e-list-item.e-hover,
.e-popup-wrapper.e-popup.e-timepicker .e-list-item.e-active,
.e-popup-wrapper.e-popup.e-timepicker .e-list-item.e-item-focus {
    background: rgba(255, 255, 255, 0.10) !important;
    background-color: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

/* Chrome / Edge / Safari scrollbar */
.e-timepicker.e-popup .e-content::-webkit-scrollbar,
.e-popup-wrapper.e-timepicker .e-content::-webkit-scrollbar,
.e-popup-wrapper.e-popup.e-timepicker .e-content::-webkit-scrollbar {
    width: 10px !important;
    background: transparent !important;
}

.e-timepicker.e-popup .e-content::-webkit-scrollbar-track,
.e-popup-wrapper.e-timepicker .e-content::-webkit-scrollbar-track,
.e-popup-wrapper.e-popup.e-timepicker .e-content::-webkit-scrollbar-track {
    background: transparent !important;
    border-radius: 999px !important;
    margin: 10px 0 !important;
}

.e-timepicker.e-popup .e-content::-webkit-scrollbar-thumb,
.e-popup-wrapper.e-timepicker .e-content::-webkit-scrollbar-thumb,
.e-popup-wrapper.e-popup.e-timepicker .e-content::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background-color: rgba(255, 255, 255, 0.42) !important;
    border: 2px solid var(--sf-control-bg) !important;
    background-clip: padding-box !important;
}

.e-timepicker.e-popup .e-content::-webkit-scrollbar-thumb:hover,
.e-popup-wrapper.e-timepicker .e-content::-webkit-scrollbar-thumb:hover,
.e-popup-wrapper.e-popup.e-timepicker .e-content::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.62) !important;
}

.e-timepicker.e-popup .e-content::-webkit-scrollbar-button,
.e-popup-wrapper.e-timepicker .e-content::-webkit-scrollbar-button,
.e-popup-wrapper.e-popup.e-timepicker .e-content::-webkit-scrollbar-button {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

/* Final insert dialog input/date fixes */
body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-ddl,
body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper {
    background: rgba(59, 59, 58, 0.96) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
}

    body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-ddl input.e-input,
    body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper input.e-input,
    body .e-dialog input#OpeCode,
    body .e-dialog input#Day {
        color: #ffffff !important;
        background: transparent !important;
        opacity: 1 !important;
        -webkit-text-fill-color: #ffffff !important;
    }

        body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-ddl input.e-input::placeholder,
        body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper input.e-input::placeholder {
            color: rgba(255, 255, 255, 0.72) !important;
            opacity: 1 !important;
        }

    body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper .e-input-group-icon,
    body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper .e-date-icon,
    body .e-dialog span.e-input-group-icon.e-date-icon.e-icons {
        color: #ffffff !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-ddl .e-float-text,
    body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper .e-float-text {
        color: rgba(255, 255, 255, 0.72) !important;
    }

/* Center DatePicker icon inside dialog */
body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper {
    display: flex !important;
    align-items: center !important;
}

    body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper input.e-input {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper .e-input-group-icon,
    body .e-dialog .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper .e-date-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 100% !important;
        min-height: 46px !important;
        line-height: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
    }


/* Requests entry forms: keep box text white on dark theme */
.requests-entry-glass {
    border-radius: var(--radius-card) !important;
    overflow: hidden !important;
    background-clip: padding-box !important;
}

form[action*="/Requests/InserimentoRichiesta"] .e-input,
form[action*="/Requests/InserimentoAssenza"] .e-input,
form[action*="/RequestsForOvertime/InserimentoRichiesta"] .e-input,
form[action*="/SmartWorking/Insert"] .e-input,
form[action*="/OwnCarRequests/Insert"] .e-input,
body .e-dialog .e-gridform .e-input,
body .e-dialog .e-gridform input.e-input,
body .e-dialog .e-gridform textarea.e-input,
body .e-dialog .e-gridform .e-ddl .e-input,
body .e-dialog .e-gridform .e-numeric .e-input {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

form[action*="/Requests/InserimentoRichiesta"] .e-float-text,
form[action*="/Requests/InserimentoAssenza"] .e-float-text,
form[action*="/RequestsForOvertime/InserimentoRichiesta"] .e-float-text,
form[action*="/SmartWorking/Insert"] .e-float-text,
form[action*="/OwnCarRequests/Insert"] .e-float-text,
body .e-dialog .e-gridform .e-float-text {
    color: rgba(255, 255, 255, 0.78) !important;
}

/* Requests/Absences calendars: mirror HRBypass style */
form[action*="/Requests/InserimentoRichiesta"] .e-date-wrapper,
form[action*="/Requests/InserimentoRichiesta"] .e-date-range-wrapper,
form[action*="/Requests/InserimentoAssenza"] .e-date-range-wrapper {
    background: rgba(59, 59, 58, 0.96) !important;
    background-color: rgba(59, 59, 58, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: var(--radius-card) !important;
    position: relative !important;
}

form[action*="/Requests/InserimentoRichiesta"] .e-date-wrapper .e-input,
form[action*="/Requests/InserimentoRichiesta"] .e-date-range-wrapper .e-input,
form[action*="/Requests/InserimentoAssenza"] .e-date-range-wrapper .e-input {
    color: #ffffff !important;
    background: transparent !important;
    -webkit-text-fill-color: #ffffff !important;
}

form[action*="/Requests/InserimentoRichiesta"] input,
form[action*="/Requests/InserimentoRichiesta"] textarea,
form[action*="/Requests/InserimentoRichiesta"] .form-control,
form[action*="/Requests/InserimentoRichiesta"] .e-input-group input.e-input,
form[action*="/Requests/InserimentoAssenza"] input,
form[action*="/Requests/InserimentoAssenza"] textarea,
form[action*="/Requests/InserimentoAssenza"] .form-control,
form[action*="/Requests/InserimentoAssenza"] .e-input-group input.e-input {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

form[action*="/Requests/InserimentoRichiesta"] input::placeholder,
form[action*="/Requests/InserimentoRichiesta"] textarea::placeholder,
form[action*="/Requests/InserimentoAssenza"] input::placeholder,
form[action*="/Requests/InserimentoAssenza"] textarea::placeholder {
    color: rgba(255, 255, 255, 0.72) !important;
    opacity: 1 !important;
}

form[action*="/Requests/InserimentoRichiesta"] .e-control-wrapper,
form[action*="/Requests/InserimentoRichiesta"] .e-input-group,
form[action*="/Requests/InserimentoRichiesta"] .form-control,
form[action*="/Requests/InserimentoAssenza"] .e-control-wrapper,
form[action*="/Requests/InserimentoAssenza"] .e-input-group,
form[action*="/Requests/InserimentoAssenza"] .form-control {
    border-radius: var(--radius-card) !important;
}

form[action*="/Requests/InserimentoRichiesta"] .e-date-wrapper .e-input-group-icon,
form[action*="/Requests/InserimentoRichiesta"] .e-date-wrapper .e-date-icon {
    position: absolute !important;
    right: 10px !important;
    top: 52% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

form[action*="/Requests/InserimentoRichiesta"] .e-date-wrapper .e-clear-icon {
    position: absolute !important;
    right: 34px !important;
    top: 52% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

form[action*="/Requests/InserimentoRichiesta"] .e-date-wrapper input.e-input,
form[action*="/Requests/InserimentoAssenza"] .e-date-range-wrapper input.e-input {
    padding-right: 64px !important;
}

form[action*="/Requests/InserimentoAssenza"] .e-date-range-wrapper .e-input-group-icon,
form[action*="/Requests/InserimentoAssenza"] .e-date-range-wrapper .e-range-icon,
form[action*="/Requests/InserimentoAssenza"] .e-date-range-wrapper .e-date-icon {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

form[action*="/Requests/InserimentoAssenza"] .e-date-range-wrapper .e-clear-icon {
    position: absolute !important;
    right: 34px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

body #Date_popup,
body #Date_popup .e-calendar,
body #DateRange_popup,
body #DateRange_popup .e-calendar,
body #DateRange_popup .e-left-calendar,
body #DateRange_popup .e-right-calendar,
body #DateRange_popup .e-date-range-container {
    background: rgba(59, 59, 58, 0.96) !important;
    background-color: rgba(59, 59, 58, 0.96) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    border-radius: 12px !important;
}

body #Date_popup .e-header,
body #Date_popup .e-header *,
body #DateRange_popup .e-header,
body #DateRange_popup .e-header * {
    color: #ffffff !important;
    background: transparent !important;
}

body #Date_popup .e-header {
    background: #ec008c !important;
    background-color: #ec008c !important;
    border-radius: 12px 12px 0 0 !important;
}

body #DateRange_popup .e-range-header,
body #DateRange_popup .e-date-range-header,
body #DateRange_popup .e-start-end,
body #DateRange_popup .e-start-label,
body #DateRange_popup .e-end-label,
body #DateRange_popup .e-day-span,
body #DateRange_popup .e-separator {
    background: rgba(59, 59, 58, 0.96) !important;
    background-color: rgba(59, 59, 58, 0.96) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

body #Date_popup .e-content th,
body #Date_popup .e-week-header,
body #DateRange_popup .e-content th,
body #DateRange_popup .e-week-header {
    color: rgba(255, 255, 255, 0.72) !important;
}

body #Date_popup .e-content td span.e-day,
body #DateRange_popup .e-content td span.e-day {
    color: #ffffff !important;
}

body #Date_popup .e-content td.e-selected span.e-day,
body #Date_popup .e-content td.e-focused-date.e-selected span.e-day,
body #DateRange_popup .e-content td.e-selected span.e-day,
body #DateRange_popup .e-content td.e-focused-date.e-selected span.e-day,
body #DateRange_popup .e-start-date span.e-day,
body #DateRange_popup .e-end-date span.e-day {
    background: transparent !important;
    border: 1.5px solid #ec008c !important;
    color: #ec008c !important;
    box-shadow: none !important;
}

body #Date_popup .e-content td:not(.e-disabled):hover span.e-day,
body #DateRange_popup .e-content td:not(.e-disabled):hover span.e-day {
    background: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

body #Date_popup .e-footer-container .e-btn,
body #Date_popup .e-footer-container .e-today,
body #DateRange_popup .e-footer-container .e-btn,
body #DateRange_popup .e-footer-container .e-apply,
body #DateRange_popup .e-footer-container .e-cancel {
    background: #ec008c !important;
    border-color: #ec008c !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
}

/* Keep mobile datepicker popup on a single pink tone */
body .e-datepick-mob-popup-wrap .e-calendar .e-header,
body .e-datepick-mob-popup-wrap .e-calendar .e-header * {
    background: #ec008c !important;
    background-color: #ec008c !important;
    color: #ffffff !important;
}

body .e-datepick-mob-popup-wrap .e-calendar .e-content td.e-selected span.e-day,
body .e-datepick-mob-popup-wrap .e-calendar .e-content td.e-focused-date.e-selected span.e-day,
body .e-datepick-mob-popup-wrap .e-calendar .e-content td.e-current-date.e-selected span.e-day {
    background: #ec008c !important;
    border-color: #ec008c !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body .e-datepick-mob-popup-wrap .e-calendar .e-footer-container .e-btn,
body .e-datepick-mob-popup-wrap .e-calendar .e-footer-container .e-today {
    background: #ec008c !important;
    border-color: #ec008c !important;
    color: #ffffff !important;
}

/* Mobile DatePicker: remove redundant top band */
body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month,
body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year,
body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade,
body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month *,
body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year *,
body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade * {
    background: #ec008c !important;
    background-color: #ec008c !important;
    border-color: #ec008c !important;
    color: #ffffff !important;
    border-radius: 12px 12px 0 0 !important;
}

/* Final global dropdown popup dark theme */
body .e-dropdown-popup,
body .e-ddl.e-popup,
body .e-combobox.e-popup,
body .e-popup-wrapper.e-ddl,
body .e-popup-wrapper.e-popup.e-ddl,
body .e-popup-wrapper.e-popup.e-combobox,
body .e-dropdownbase.e-popup {
    background: rgba(59, 59, 58, 0.96) !important;
    background-color: rgba(59, 59, 58, 0.96) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 10px !important;
    box-shadow: 0 22px 44px rgba(0,0,0,0.42) !important;
    overflow: hidden !important;
}

    body .e-dropdown-popup .e-content,
    body .e-ddl.e-popup .e-content,
    body .e-combobox.e-popup .e-content,
    body .e-popup-wrapper.e-ddl .e-content,
    body .e-popup-wrapper.e-popup.e-ddl .e-content,
    body .e-popup-wrapper.e-popup.e-combobox .e-content,
    body .e-dropdownbase.e-popup .e-content,
    body .e-dropdown-popup .e-list-parent,
    body .e-ddl.e-popup .e-list-parent,
    body .e-combobox.e-popup .e-list-parent,
    body .e-dropdownbase.e-popup .e-list-parent {
        background: transparent !important;
        background-color: transparent !important;
        color: #ffffff !important;
    }

    body .e-dropdown-popup .e-list-item,
    body .e-ddl.e-popup .e-list-item,
    body .e-combobox.e-popup .e-list-item,
    body .e-dropdownbase.e-popup .e-list-item {
        background: transparent !important;
        color: #ffffff !important;
        border-radius: 10px !important;
    }

        body .e-dropdown-popup .e-list-item.e-active,
        body .e-dropdown-popup .e-list-item.e-item-focus,
        body .e-dropdown-popup .e-list-item:hover,
        body .e-ddl.e-popup .e-list-item.e-active,
        body .e-ddl.e-popup .e-list-item.e-item-focus,
        body .e-ddl.e-popup .e-list-item:hover,
        body .e-combobox.e-popup .e-list-item.e-active,
        body .e-combobox.e-popup .e-list-item.e-item-focus,
        body .e-combobox.e-popup .e-list-item:hover,
        body .e-dropdownbase.e-popup .e-list-item.e-active,
        body .e-dropdownbase.e-popup .e-list-item.e-item-focus,
        body .e-dropdownbase.e-popup .e-list-item:hover {
            background: rgba(255,255,255,0.10) !important;
            color: #ffffff !important;
            box-shadow: none !important;
        }

    /* Final DropDownList / ComboBox popup scrollbar */
    body .e-dropdown-popup .e-content,
    body .e-ddl.e-popup .e-content,
    body .e-combobox.e-popup .e-content,
    body .e-dropdownbase.e-popup .e-content,
    body .e-popup-wrapper.e-ddl .e-content,
    body .e-popup-wrapper.e-popup.e-ddl .e-content,
    body .e-popup-wrapper.e-popup.e-combobox .e-content {
        scrollbar-width: thin !important;
        scrollbar-color: rgba(255,255,255,0.32) transparent !important;
    }

        body .e-dropdown-popup .e-content::-webkit-scrollbar,
        body .e-ddl.e-popup .e-content::-webkit-scrollbar,
        body .e-combobox.e-popup .e-content::-webkit-scrollbar,
        body .e-dropdownbase.e-popup .e-content::-webkit-scrollbar,
        body .e-popup-wrapper.e-ddl .e-content::-webkit-scrollbar,
        body .e-popup-wrapper.e-popup.e-ddl .e-content::-webkit-scrollbar,
        body .e-popup-wrapper.e-popup.e-combobox .e-content::-webkit-scrollbar {
            width: 8px !important;
            background: transparent !important;
        }

        body .e-dropdown-popup .e-content::-webkit-scrollbar-track,
        body .e-ddl.e-popup .e-content::-webkit-scrollbar-track,
        body .e-combobox.e-popup .e-content::-webkit-scrollbar-track,
        body .e-dropdownbase.e-popup .e-content::-webkit-scrollbar-track,
        body .e-popup-wrapper.e-ddl .e-content::-webkit-scrollbar-track,
        body .e-popup-wrapper.e-popup.e-ddl .e-content::-webkit-scrollbar-track,
        body .e-popup-wrapper.e-popup.e-combobox .e-content::-webkit-scrollbar-track {
            background: transparent !important;
        }

        body .e-dropdown-popup .e-content::-webkit-scrollbar-thumb,
        body .e-ddl.e-popup .e-content::-webkit-scrollbar-thumb,
        body .e-combobox.e-popup .e-content::-webkit-scrollbar-thumb,
        body .e-dropdownbase.e-popup .e-content::-webkit-scrollbar-thumb,
        body .e-popup-wrapper.e-ddl .e-content::-webkit-scrollbar-thumb,
        body .e-popup-wrapper.e-popup.e-ddl .e-content::-webkit-scrollbar-thumb,
        body .e-popup-wrapper.e-popup.e-combobox .e-content::-webkit-scrollbar-thumb {
            background-color: rgba(255,255,255,0.32) !important;
            border-radius: 999px !important;
            border: 2px solid rgba(59,59,58,0.96) !important;
            background-clip: padding-box !important;
        }

/* =========================================================
   Syncfusion Scheduler - unified dark glass (style only)
   ========================================================= */
.e-schedule,
#schedule.e-schedule,
#scheduler.e-schedule {
    border: 1px solid var(--sf-border) !important;
    border-radius: var(--radius-card) !important;
    overflow: hidden !important;
    background: var(--sf-surface) !important;
    background-color: var(--sf-surface) !important;
    box-shadow: var(--sf-shadow) !important;
    color: var(--sf-text) !important;
}

.e-schedule .e-schedule-toolbar,
.e-schedule .e-schedule-toolbar .e-toolbar-items,
.e-schedule .e-date-header-wrap,
.e-schedule .e-date-header-container,
.e-schedule .e-resource-header-toolbar {
    background: var(--sf-grid-header-bg) !important;
    background-color: var(--sf-grid-header-bg) !important;
    border-color: var(--sf-border) !important;
    color: var(--sf-text) !important;
}

.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn,
.e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn,
.e-schedule .e-schedule-toolbar .e-toolbar-item button {
    color: #ffffff !important;
    background: rgba(38, 40, 45, 0.88) !important;
    border: 1px solid var(--sf-border) !important;
    border-radius: 999px !important;
}

.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn:hover,
.e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn:hover,
.e-schedule .e-schedule-toolbar .e-toolbar-item button:hover {
    background: rgba(236, 0, 140, 0.12) !important;
    border-color: rgba(236, 0, 140, 0.28) !important;
    color: #ffffff !important;
}

.e-schedule .e-resource-left-td,
.e-schedule .e-resource-column-wrap,
.e-schedule .e-resource-column-wrap .e-resource-cells,
.e-schedule .e-resource-column-table {
    background: rgba(38, 40, 45, 0.48) !important;
    border-color: rgba(230, 224, 232, 0.32) !important;
    color: #ffffff !important;
}

.e-schedule .e-date-header-wrap .e-header-cells,
.e-schedule .e-content-wrap .e-work-cells,
.e-schedule .e-all-day-cells {
    background: rgba(28, 30, 34, 0.34) !important;
    border-color: rgba(230, 224, 232, 0.32) !important;
    color: #ffffff !important;
}

.e-schedule .e-work-cells.e-saturday,
.e-schedule .e-header-cells.e-saturday,
.e-schedule .e-all-day-cells.e-saturday {
    background: rgba(255, 255, 255, 0.04) !important;
}

.e-schedule .e-work-cells.e-sunday,
.e-schedule .e-header-cells.e-sunday,
.e-schedule .e-all-day-cells.e-sunday {
    background: rgba(255, 255, 255, 0.06) !important;
}

.e-schedule .e-work-cells.e-today,
.e-schedule .e-header-cells.e-today,
.e-schedule .e-all-day-cells.e-today {
    background: rgba(236, 0, 140, 0.10) !important;
    box-shadow: inset 2px 0 0 rgba(236, 0, 140, 0.45), inset -2px 0 0 rgba(236, 0, 140, 0.20) !important;
}

.e-schedule .e-header-cells,
.e-schedule .e-date-header,
.e-schedule .e-header-day,
.e-schedule .e-resource-text {
    color: #ffffff !important;
}

.scheduler-filters-card {
    background: var(--sf-surface-alt) !important;
    border: 1px solid var(--sf-border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: var(--sf-shadow-soft) !important;
}

.scheduler-filters-card .e-control-wrapper,
.scheduler-filters-card .e-input-group,
.scheduler-filters-card .e-ddl,
.scheduler-filters-card .e-multiselect {
    background: var(--sf-control-bg) !important;
    background-color: var(--sf-control-bg) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    border-radius: var(--radius-card) !important;
}

.scheduler-filters-card .e-input,
.scheduler-filters-card input.e-input,
.scheduler-filters-card .e-float-text,
.scheduler-filters-card .e-input-group-icon,
.scheduler-filters-card .e-ddl-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Final hard override: keep top mobile header, hide lower month header */
body #Date_popup .e-model-header,
body #Date_popup [class*="e-model-header"],
body .e-datepicker.e-popup-expand .e-model-header,
body .e-datepicker.e-popup-expand [class*="e-model-header"],
body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header,
body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand [class*="e-model-header"] {
    display: block !important;
    height: auto !important;
    min-height: 96px !important;
    max-height: none !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: visible !important;
    background: #ec008c !important;
    background-color: #ec008c !important;
    color: #ffffff !important;
    border-radius: 12px 12px 0 0 !important;
}

body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year,
body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-month,
body .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-day {
    color: #ffffff !important;
}

body #Date_popup .e-calendar .e-header.e-month,
body #Date_popup .e-calendar .e-header.e-year,
body #Date_popup .e-calendar .e-header.e-decade,
body .e-datepicker.e-popup-expand .e-calendar .e-header.e-month,
body .e-datepicker.e-popup-expand .e-calendar .e-header.e-year,
body .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade {
    display: block !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    background-color: transparent !important;
}

body #Date_popup .e-calendar .e-header.e-month .e-title,
body #Date_popup .e-calendar .e-header.e-year .e-title,
body #Date_popup .e-calendar .e-header.e-decade .e-title,
body .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title,
body .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title,
body .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
    display: none !important;
}

body #Date_popup .e-calendar .e-header.e-month .e-icon-container,
body #Date_popup .e-calendar .e-header.e-year .e-icon-container,
body #Date_popup .e-calendar .e-header.e-decade .e-icon-container,
body .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-icon-container,
body .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-icon-container,
body .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-icon-container {
    position: relative !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    right: 12px !important;
    top: -46px !important;
    z-index: 20 !important;
    background: transparent !important;
}

body #Date_popup .e-calendar .e-header .e-prev,
body #Date_popup .e-calendar .e-header .e-next,
body .e-datepicker.e-popup-expand .e-calendar .e-header .e-prev,
body .e-datepicker.e-popup-expand .e-calendar .e-header .e-next {
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
}

/* =========================================================
   GLOBAL HARD OVERRIDE - Dropdown/Combo/Autocomplete
   Keep text + arrows white everywhere
   ========================================================= */
body .e-control-wrapper.e-ddl .e-input,
body .e-control-wrapper.e-combobox .e-input,
body .e-control-wrapper.e-autocomplete .e-input,
body .e-ddl.e-input-group .e-input,
body .e-combobox.e-input-group .e-input,
body .e-autocomplete.e-input-group .e-input,
body .e-control-wrapper.e-ddl .e-input-value,
body .e-control-wrapper.e-combobox .e-input-value,
body .e-control-wrapper.e-autocomplete .e-input-value,
body .e-control-wrapper.e-ddl .e-float-text,
body .e-control-wrapper.e-combobox .e-float-text,
body .e-control-wrapper.e-autocomplete .e-float-text,
body .e-control-wrapper.e-ddl.e-disabled .e-input,
body .e-control-wrapper.e-combobox.e-disabled .e-input,
body .e-control-wrapper.e-autocomplete.e-disabled .e-input,
body .e-control-wrapper.e-ddl.e-disabled .e-input-value,
body .e-control-wrapper.e-combobox.e-disabled .e-input-value,
body .e-control-wrapper.e-autocomplete.e-disabled .e-input-value,
body .e-control-wrapper.e-ddl.e-disabled .e-float-text,
body .e-control-wrapper.e-combobox.e-disabled .e-float-text,
body .e-control-wrapper.e-autocomplete.e-disabled .e-float-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

body .e-control-wrapper.e-ddl .e-input-group-icon,
body .e-control-wrapper.e-combobox .e-input-group-icon,
body .e-control-wrapper.e-autocomplete .e-input-group-icon,
body .e-ddl.e-input-group .e-input-group-icon,
body .e-combobox.e-input-group .e-input-group-icon,
body .e-autocomplete.e-input-group .e-input-group-icon,
body .e-control-wrapper.e-ddl .e-ddl-icon,
body .e-control-wrapper.e-combobox .e-ddl-icon,
body .e-control-wrapper.e-autocomplete .e-ddl-icon,
body .e-control-wrapper.e-ddl.e-disabled .e-input-group-icon,
body .e-control-wrapper.e-combobox.e-disabled .e-input-group-icon,
body .e-control-wrapper.e-autocomplete.e-disabled .e-input-group-icon,
body .e-control-wrapper.e-ddl.e-disabled .e-ddl-icon,
body .e-control-wrapper.e-combobox.e-disabled .e-ddl-icon,
body .e-control-wrapper.e-autocomplete.e-disabled .e-ddl-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}