/* Keeps DevExtreme surfaces aligned with the NPratik dark palette. */
html[data-bs-theme="dark"] {
    --np-dx-bg: #2f354b;
    --np-dx-bg-soft: #343b55;
    --np-dx-bg-raised: #39415d;
    --np-dx-bg-input: #292f43;
    --np-dx-border: #49516d;
    --np-dx-border-soft: #414963;
    --np-dx-text: #e2e6f3;
    --np-dx-muted: #aeb6ce;
    --np-dx-accent: #6f7bf7;
    --np-dx-hover: #3b4564;
    --np-dx-selected: #46517a;
}

html[data-bs-theme="dark"] .dx-widget,
html[data-bs-theme="dark"] .dx-widget input,
html[data-bs-theme="dark"] .dx-widget textarea {
    color: var(--np-dx-text);
}

html[data-bs-theme="dark"] .dx-overlay-wrapper .dx-overlay-content,
html[data-bs-theme="dark"] .dx-popup-wrapper .dx-overlay-content,
html[data-bs-theme="dark"] .dx-popup-title,
html[data-bs-theme="dark"] .dx-popup-content,
html[data-bs-theme="dark"] .dx-popup-bottom,
html[data-bs-theme="dark"] .dx-dropdowneditor-overlay .dx-overlay-content,
html[data-bs-theme="dark"] .dx-context-menu .dx-submenu,
html[data-bs-theme="dark"] .dx-menu-base,
html[data-bs-theme="dark"] .dx-list,
html[data-bs-theme="dark"] .dx-treeview,
html[data-bs-theme="dark"] .dx-calendar,
html[data-bs-theme="dark"] .dx-colorview-container,
html[data-bs-theme="dark"] .dx-loadpanel-content {
    color: var(--np-dx-text);
    background-color: var(--np-dx-bg);
    border-color: var(--np-dx-border);
}

html[data-bs-theme="dark"] .dx-popup-title,
html[data-bs-theme="dark"] .dx-popup-bottom {
    background-color: var(--np-dx-bg-soft);
    border-color: var(--np-dx-border);
}

html[data-bs-theme="dark"] .dx-texteditor,
html[data-bs-theme="dark"] .dx-dropdowneditor,
html[data-bs-theme="dark"] .dx-numberbox,
html[data-bs-theme="dark"] .dx-datebox,
html[data-bs-theme="dark"] .dx-tagbox,
html[data-bs-theme="dark"] .dx-selectbox {
    color: var(--np-dx-text);
    background-color: var(--np-dx-bg-input);
    border-color: var(--np-dx-border);
}

html[data-bs-theme="dark"] .dx-texteditor.dx-state-hover,
html[data-bs-theme="dark"] .dx-texteditor.dx-state-focused,
html[data-bs-theme="dark"] .dx-dropdowneditor.dx-state-hover,
html[data-bs-theme="dark"] .dx-dropdowneditor.dx-state-focused {
    border-color: var(--np-dx-accent);
}

html[data-bs-theme="dark"] .dx-placeholder,
html[data-bs-theme="dark"] .dx-texteditor-input::placeholder,
html[data-bs-theme="dark"] .dx-field-item-label-text,
html[data-bs-theme="dark"] .dx-form-group-caption,
html[data-bs-theme="dark"] .dx-empty-message,
html[data-bs-theme="dark"] .dx-datagrid-nodata {
    color: var(--np-dx-muted);
}

html[data-bs-theme="dark"] .dx-list-item,
html[data-bs-theme="dark"] .dx-menu-item,
html[data-bs-theme="dark"] .dx-treeview-item,
html[data-bs-theme="dark"] .dx-item-content {
    color: var(--np-dx-text);
}

html[data-bs-theme="dark"] .dx-list-item.dx-state-hover,
html[data-bs-theme="dark"] .dx-menu-item.dx-state-hover,
html[data-bs-theme="dark"] .dx-treeview-item.dx-state-hover,
html[data-bs-theme="dark"] .dx-list-item.dx-state-focused {
    color: var(--np-dx-text);
    background-color: var(--np-dx-hover);
}

html[data-bs-theme="dark"] .dx-list-item.dx-list-item-selected,
html[data-bs-theme="dark"] .dx-menu-item-selected,
html[data-bs-theme="dark"] .dx-treeview-node.dx-state-selected > .dx-treeview-item {
    color: #fff;
    background-color: var(--np-dx-selected);
}

html[data-bs-theme="dark"] .dx-datagrid,
html[data-bs-theme="dark"] .dx-datagrid-container,
html[data-bs-theme="dark"] .dx-datagrid-headers,
html[data-bs-theme="dark"] .dx-datagrid-rowsview,
html[data-bs-theme="dark"] .dx-datagrid-total-footer,
html[data-bs-theme="dark"] .dx-datagrid-pager,
html[data-bs-theme="dark"] .dx-datagrid-filter-panel,
html[data-bs-theme="dark"] .dx-datagrid-column-chooser,
html[data-bs-theme="dark"] .dx-treelist,
html[data-bs-theme="dark"] .dx-treelist-container,
html[data-bs-theme="dark"] .dx-treelist-headers,
html[data-bs-theme="dark"] .dx-treelist-rowsview {
    color: var(--np-dx-text);
    background-color: var(--np-dx-bg);
    border-color: var(--np-dx-border);
}

html[data-bs-theme="dark"] .dx-datagrid-headers,
html[data-bs-theme="dark"] .dx-treelist-headers,
html[data-bs-theme="dark"] .dx-datagrid .dx-header-row > td,
html[data-bs-theme="dark"] .dx-treelist .dx-header-row > td {
    color: #cbd2e6;
    background-color: var(--np-dx-bg-soft);
    border-color: var(--np-dx-border);
}

html[data-bs-theme="dark"] .dx-datagrid .dx-data-row > td,
html[data-bs-theme="dark"] .dx-treelist .dx-data-row > td,
html[data-bs-theme="dark"] .dx-datagrid .dx-freespace-row > td,
html[data-bs-theme="dark"] .dx-treelist .dx-freespace-row > td {
    color: var(--np-dx-text);
    background-color: var(--np-dx-bg);
    border-color: var(--np-dx-border-soft);
}

html[data-bs-theme="dark"] .dx-datagrid .dx-row-alt > td,
html[data-bs-theme="dark"] .dx-treelist .dx-row-alt > td {
    background-color: var(--np-dx-bg-soft);
}

html[data-bs-theme="dark"] .dx-datagrid .dx-data-row.dx-state-hover > td,
html[data-bs-theme="dark"] .dx-treelist .dx-data-row.dx-state-hover > td {
    color: #fff;
    background-color: var(--np-dx-hover);
}

html[data-bs-theme="dark"] .dx-datagrid .dx-selection > td,
html[data-bs-theme="dark"] .dx-datagrid .dx-selection.dx-row-alt > td,
html[data-bs-theme="dark"] .dx-treelist .dx-selection > td {
    color: #fff;
    background-color: var(--np-dx-selected);
}

html[data-bs-theme="dark"] .dx-datagrid-filter-row > td,
html[data-bs-theme="dark"] .dx-treelist-filter-row > td,
html[data-bs-theme="dark"] .dx-datagrid-search-panel,
html[data-bs-theme="dark"] .dx-editor-cell {
    background-color: var(--np-dx-bg-input);
    border-color: var(--np-dx-border-soft);
}

html[data-bs-theme="dark"] .dx-toolbar,
html[data-bs-theme="dark"] .dx-tabs,
html[data-bs-theme="dark"] .dx-tabpanel > .dx-tabpanel-tabs,
html[data-bs-theme="dark"] .dx-tabpanel-container,
html[data-bs-theme="dark"] .dx-multiview-wrapper {
    color: var(--np-dx-text);
    background-color: var(--np-dx-bg);
    border-color: var(--np-dx-border);
}

html[data-bs-theme="dark"] .dx-tab,
html[data-bs-theme="dark"] .dx-tab .dx-icon {
    color: var(--np-dx-muted);
}

html[data-bs-theme="dark"] .dx-tab.dx-tab-selected,
html[data-bs-theme="dark"] .dx-tab.dx-tab-selected .dx-icon,
html[data-bs-theme="dark"] .dx-tab.dx-state-hover {
    color: #fff;
    background-color: var(--np-dx-bg-raised);
}

html[data-bs-theme="dark"] .dx-button:not(.dx-button-success):not(.dx-button-danger):not(.dx-button-default),
html[data-bs-theme="dark"] .dx-pager .dx-page,
html[data-bs-theme="dark"] .dx-pager .dx-navigate-button {
    color: var(--np-dx-text);
    background-color: var(--np-dx-bg-soft);
    border-color: var(--np-dx-border);
}

html[data-bs-theme="dark"] .dx-button:not(.dx-button-success):not(.dx-button-danger):not(.dx-button-default).dx-state-hover,
html[data-bs-theme="dark"] .dx-pager .dx-page.dx-selection {
    color: #fff;
    background-color: var(--np-dx-hover);
}

html[data-bs-theme="dark"] .dx-scheduler,
html[data-bs-theme="dark"] .dx-scheduler-header,
html[data-bs-theme="dark"] .dx-scheduler-work-space,
html[data-bs-theme="dark"] .dx-scheduler-date-table,
html[data-bs-theme="dark"] .dx-scheduler-time-panel,
html[data-bs-theme="dark"] .dx-scheduler-group-header,
html[data-bs-theme="dark"] .dx-gantt,
html[data-bs-theme="dark"] .dx-gantt .dx-gantt-main-wrapper,
html[data-bs-theme="dark"] .dx-gantt .dx-gantt-view,
html[data-bs-theme="dark"] .dx-gantt .dx-gantt-tsac {
    color: var(--np-dx-text);
    background-color: var(--np-dx-bg);
    border-color: var(--np-dx-border);
}

html[data-bs-theme="dark"] .dx-scrollbar-hoverable .dx-scrollable-scroll-content,
html[data-bs-theme="dark"] .dx-scrollbar-vertical .dx-scrollable-scroll-content,
html[data-bs-theme="dark"] .dx-scrollbar-horizontal .dx-scrollable-scroll-content {
    background-color: #69728f;
}
/* Profil ayarları popup düzeni */
.profile-settings-popup .profile-photo-preview {
    width: 112px;
    height: 112px;
    flex: 0 0 112px;
    font-size: 1.65rem;
    font-weight: 700;
    box-shadow: 0 12px 30px rgba(17, 34, 64, .15);
    overflow: hidden;
    position: relative;
    user-select: none;
}

.profile-settings-popup .profile-photo-edit-image {
    width: 112px;
    height: 112px;
    object-fit: cover;
    transform-origin: center center;
    transition: transform .08s linear;
}

.profile-settings-popup .profile-photo-tools {
    padding: 14px 16px;
    border: 1px solid rgba(115, 103, 240, .16);
    border-radius: 10px;
    background: rgba(115, 103, 240, .04);
}

.profile-settings-popup .profile-photo-tools .form-label {
    font-size: .78rem;
    font-weight: 600;
    color: #5d596c;
}

.profile-settings-popup .profile-photo-tools .form-range {
    cursor: pointer;
}

.profile-settings-popup .profile-ai-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border: 1px solid rgba(115, 103, 240, .18);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(115, 103, 240, .07), rgba(40, 199, 111, .06));
}