:root {
    --primary: #f7931a; 
    --primary-hover: #fa7900; 
    --primary-gradient: #fa7900;
    --secondary: #eb6900;
    --secondary-hover: #c35600; 
    --tertiary: #264653;
    --success: #06d6a0;
    --danger: #ef476f;
    --info: #118ab2; 
    --warning: #ffd166; 
    --title: #42495E;
}

body,
.gray-bg,
.bg-muted,
.dockable-side-panel,
.explorer-container {
    background: #f6f6f7 !important;
    background-color: #f6f6f7 !important;
}

.page-button-placeholder .btn {
    border-radius: 25px;
    white-space: nowrap !important;
}

.select2-container {
    color: #333 !important;
    letter-spacing: 0.2px;
}

.select2-dropdown {
    box-shadow: 0px 8px 25px #a6a6a6;
    overflow-x: hidden;
    border-radius: 8px !important;
    animation: selectZoomIn 0.12s;
    transform-origin: top center;
}

.select2-results {
    padding: 8px 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    padding: 8px;
    border-bottom: 1px solid #ccc;
}

.select2-container--default .select2-results__option--group {
    margin-top: 5px;
}

.select2-container--default .select2-results > .select2-results__options {
    padding-left: 10px;
    padding-right: 10px;
}

.select2-results__option--selectable {
    border-radius: 15px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 15px;
}

/* Updated gradient to orange tones */
.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
    background: linear-gradient(315deg, #f7931a 0%, #fa7900 86%) !important;
}

@keyframes selectZoomIn {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

ul.nav-second-level,
.nav > li.active,
.navbar-default.navbar-static-side,
.nav-header {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.mini-navbar ul.nav-second-level {
    background: white !important;
    background-color: white !important;
}

/* Updated active nav gradient to orange */
.nav > li.active:not(.submenu) > a,
.navbar-default .nav > li.active:not(.submenu) > a:hover,
.navbar-default .nav > li.active:not(.submenu) > a:focus {
    background: linear-gradient(315deg, #f7931a 0%, #fa7900 86%);
    text-shadow: 1px 1px 8px #b44902; /* adjusted shadow to warm tone */
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    background-color: #d9dde3 !important;
}

.dockable-side-panel {
    padding-left: 10px;
    padding-top: 1px;
}

.tree-left-panel {
    box-shadow: 0px 0px 10px 0px #c7cbdd !important;
    border-radius: 15px 0px 0px 0px;
}

.nav > li > a {
    font-weight: 500;
    padding: 8px 0px 8px 12px;
    border-radius: 25px !important;
    color: #292e3d;
}

.ui-wrapper {
    border-bottom: none !important;
}

.dockable-side-panel {
    padding-right: 5px;
    border-radius: 15px 0px 0px 0px;
}

.tabulator .tabulator-footer {
    text-align: center;
}

.tabulator-paginator > label {
    display: none;
}

.tabulator-paginator .tabulator-page-size {
    display: none !important;
}

.mini-navbar .navbar-default.navbar-static-side {
    border-right: 3px solid #eff1f5;
}

.dashboard-editor-wrapper .panel-ui-wrapper {
    border-left: 3px solid white !important;
}

.system-name {
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 400;
    padding-top: 12px;
}

.mini-navbar .navbar-default.navbar-static-side {
    border-right: none !important;
}

/* Updated published status gradient to orange */
.dashboard-list .app-status.published {
    background: linear-gradient(315deg, #f7931a 0%, #fa7900 86%) !important;
}

/* Kept draft as a subtle gray gradient */
.dashboard-list .app-status.draft {
    background: linear-gradient(315deg, #e3e3e3 0%, #f9f9f9 86%) !important;
}

.tabulator-cell .btn-white {
    background: #e7eaec;
}

.alert-info {
    border-left: 3px solid #0c5460;
}

.alert-danger {
    border-left: 3px solid #a92632;
    color: #a92632;
}

.alert-warning {
    border-left: 3px solid #dbaf2f;
}


.bg {
    background: radial-gradient(ellipse at center, #f1f6f7 0%, #f3f4f5 54%, #e7f5fb 100%);
}


.system-name-color {
    color: black;
    background: transparent;
    background-image: black;
    -webkit-text-fill-color: #333;
}

.ui-dashboard .ibox .ibox-title i.fa {
    color: #333;
}

.ui-dashboard .ibox .ibox-content-value {
    border-left: 3px solid #333;
}

.tabs-container .nav-tabs .nav-link {
    background-color: #fff6eb;
    color: #2c2b2b;
}

.btn-success {
    color: #fff;
    background-color: #c6601c !important;
    border-color: #c6591c !important;
}

.text-success {
    color: #f87700 !important;
}

.btn-chatbox-action.btn-send,
.btn.btn-plugin, .btn.btn-plugin:hover {
    background-image: linear-gradient(109.6deg, rgb(247 144 23) 11.2%, #f97900 96.7%) !important;
}

    .btn-chatbox-action.btn-send i {
        text-shadow: none;
    }

    li.main-menu .fa {
        color: #333;
    }

.workflow-category-menu:hover .icon {
    background: linear-gradient(315deg, #f7931a 0%, #fa7900 86%) !important;
}

.label-success, .badge-success {
    background-color: #f87700;
}

.modal-body .tabs-container .nav-tabs .nav-link.active {
    color: var(--primary);
    background: #ffffff;
    border: 1px solid #ffa958 !important;
}

.chat-bubble.sent {
    float: right;
    color: #fff;
    clear: both;
    padding: 15px 35px 15px 20px;
    background: linear-gradient(to bottom, #f7931a 0%, #fa7900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7931a', endColorstr='#fa7900', GradientType=0);
}

    .chat-bubble.sent::before {
        border-color: transparent #fa7900 transparent transparent;
    }

.conversation-list .list-item.selected {
    background: linear-gradient(315deg, #f7931a 0%, #fa7900 86%) !important;
}

.chat-header-button .chat-header-button-icon {
    background-image: url(/portal/assets/chat-icon.png) !important;
}

.ui-worker-manager .worker-header-with-icon .worker-engine-display {
    background: linear-gradient(315deg, #ffae50 0%, #f87b02 86%);
    text-shadow: 0px 0px 5px #8e8e8e;
}

.ui-worker-manager .worker-menu-sub-item:hover, .ui-worker-manager .worker-menu-sub-item.selected {
    background: linear-gradient(153deg, rgb(246 124 5) 11.2%, #ffac49 96.7%) !important;
}