:root {
    --primary-color: #EA8A0F;
    --primary-hover-color: #C8740C;
    --sidebar-active-color: #6868ad;
    --sidebar-active-text: #ffffff;
    --amethyst-color: #EA8A0F;
    --amethyst-hover-color: color-mix(in srgb, var(--amethyst-color), black 15%);
    --approve-color: #0DA22D;
    --reject-color: #D92D20;
}

.text-primary {
    color: var(--primary-color) !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.btn-approve {
    background-color: var(--approve-color) !important;
    border-color: var(--approve-color) !important;
    color: #ffffff;
}
.btn-reject {
    background-color: var(--reject-color) !important;
    border-color: var(--reject-color) !important;
    color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--primary-hover-color) !important;
    border-color: var(--primary-hover-color) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    opacity: 0.65;
}

.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    color: #fff !important;
    background-color: var(--primary-hover-color) !important; 
    border-color: var(--primary-hover-color) !important; 
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    background-color: transparent !important;
    opacity: 0.65;
}


.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--primary-color) !important;
}

.icheck-amethyst > input:first-child:checked + label::before,
.icheck-amethyst > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: var(--amethyst-color) !important;
    border-color: var(--amethyst-color) !important;
}

.icheck-amethyst:hover > label::before,
.icheck-amethyst:hover > input[type="hidden"] + label::before {
    border-color: var(--amethyst-color) !important;
}
.sidebar-collapse .brand-text {
    display: none !important;
}

.status-tabs--modern {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 36px;
    padding: 10px 14px 14px;
    border-radius: 14px;
    }

.status-tabs--modern .tab-btn {
    background: none;
    border: none;
    padding: 6px 2px;
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    cursor: pointer;
    position: relative;
    transition: color 0.25s ease, transform 0.25s ease;
}

.status-tabs--modern .tab-btn:hover {
    color: #a25f0a;
    transform: translateY(-0.5px);
}

.status-tabs--modern .tab-btn.active {
    color: #a25f0a;
    font-weight: 500;
    transform: scale(1.1);
}

.tab-btn.active::after {
    content: '';
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #ef4444; /* red */
    border-radius: 50%;
}


/* underline indicator */
.status-tabs--modern .tab-indicator {
    position: absolute;
    bottom: 6px;
    height: 3px;
    background: linear-gradient( 90deg, #17C653, #3ee98b, #17C653 );
    border-radius: 999px;
    box-shadow: 0 4px 12px rgba(23,198,83,0.45);
    transition: left 0.28s cubic-bezier(.4,1.6,.6,1), width 0.28s cubic-bezier(.4,1.6,.6,1);
}