.image-upload {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    padding: 10px 10px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.image-upload i {
    display: inline-block !important;
    font-size: 1rem !important;
    opacity: 1 !important;
    visibility: visible !important;
}

::-webkit-scrollbar {
    width: 5px;
    height: 3px;
}

::-webkit-scrollbar-thumb {
    background-color: #a9b5e6;
}

.pointer {
    cursor: pointer;
}

.category_Image {
    height: 50px;
}

.remove_image {
    display: none;
}

.remove_image_section:hover .remove_image {
    display: inline;
    position: absolute;
    right: 0px;
    top: 0px;
}

.product_img {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.remove_image_section {
    padding-top: 100%;
}

.remove_image_section img.img-fluid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: 0 0 8px #0000007d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.btn-soft-success:hover {
    color: #FFF;
    background-color: #36B37E;
    border-color: #36B37E;
    box-shadow: 0 4px 11px rgb(215 240 229 / 35%);
}

.btn-soft-info:hover {
    color: #FFF;
    background-color: #00B8D9;
    border-color: #00B8D9;
    box-shadow: 0 4px 11px rgb(204 241 247 / 35%);
}

.btn-soft-danger:hover {
    color: #FFF;
    background-color: #e63f3f;
    border-color: #e63f3f;
    box-shadow: 0 4px 11px rgb(204 241 247 / 35%);
}

.btn-soft-warning:hover {
    color: #FFF;
    background-color: #ffc107;
    border-color: #ffc107;
    box-shadow: 0 4px 11px rgb(204 241 247 / 35%);
}

.btn-soft-secondary:hover {
    color: #FFF;
    background-color: #5a6268;
    border-color: #5a6268;
    box-shadow: 0 4px 11px rgb(204 241 247 / 35%);
}

.btn-soft-dark:hover {
    color: #FFF;
    background-color: #23272b;
    border-color: #23272b;
    box-shadow: 0 4px 11px rgb(204 241 247 / 35%);
}

/* table tr td .btn-primary:hover {
    color: #5eb839;
    background-color: #E9FFDF;
    border-color: #5eb839;
    box-shadow: 0 4px 11px rgb(215 240 229 / 35%);
}
table tr td .btn-success:hover {
    color: var(--mono-text) !important;
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    box-shadow: none !important;
}
table tr td .btn-info:hover {
    color: var(--mono-text) !important;
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    box-shadow: none !important;
}
table tr td .btn-danger:hover {
    color: var(--mono-text) !important;
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    box-shadow: none !important;
}
table tr td .btn-warning:hover {
    color: var(--mono-text) !important;
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    box-shadow: none !important;
}
table tr td .btn-secondary:hover {
    color: var(--mono-text) !important;
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    box-shadow: none !important;
}
table tr td .btn-dark:hover {
    color: var(--mono-text) !important;
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    box-shadow: none !important;
}

table tr td .btn-dark.text-white:hover {
    color: var(--mono-text) !important;
}

/* Override base button colors in tables - Force monochrome */
table tr td .btn-success,
table tr td .btn-info,
table tr td .btn-danger,
table tr td .btn-warning,
table tr td .btn-secondary,
table tr td .btn-dark,
table tr td .btn-light,
table tr td .btn-primary {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    box-shadow: none !important;
}

.faq .accordion .accordion-item {
    border-radius: 5px;
    overflow: hidden;
    border: none;
    margin-bottom: 10px;
    /* background: #F5F5F5; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.faq .accordion .accordion-item .accordion-button {
    font-weight: 700;
    padding: 1.3rem 1.25rem;
}

.faq .accordion .accordion-item .accordion-button span {
    font-size: 16px;
    margin-right: 8px;
}

.faq .accordion .accordion-item .accordion-button:not(.collapsed) {
    border-radius: 5px;
    /* background: #f5f5f5; */
    box-shadow: none;
    /* border-bottom: 1px solid #d8d8d8; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.faq .accordion .accordion-item .accordion-button.collapsed {
    box-shadow: 0 6px 30px rgb(182 186 203 / 30%);
}

.text-600 {
    font-weight: 600;
}

.text-danger {
    color: red !important;
}

.w-auto {
    width: auto;
}

.opacity-0 {
    opacity: 0;
}

/* PAGER */
.dataTable-pagination ul {
    margin: 0;
    padding-left: 0;
}

.dataTable-pagination li {
    list-style: none;
    float: left;
}

.dataTable-pagination a {
    border: 1px solid transparent;
    float: left;
    margin-left: 2px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    color: #333;
}

.dataTable-pagination a:hover {
    background-color: #d9d9d9;
}

.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
    background-color: #d9d9d9;
    cursor: default;
}

.dataTable-pagination .ellipsis a,
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
    cursor: not-allowed;
}

.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
    cursor: not-allowed;
    opacity: 0.4;
}

.dataTable-pagination .pager a {
    font-weight: bold;
}

.boxed label {
    display: inline-flex;
    border: solid 2px #ccc;
    transition: all 0.3s;
    margin-bottom: 5px;
    text-align: center;
    width: fit-content;
    padding: 5px 8px;
    text-transform: uppercase;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    line-height: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.boxed .custom-radio-btn {
    display: none;
}

.custom-radio-btn:checked+label {
    border: solid 2px #c71c1c;
}

/* Footer copyright text - Smaller font size */
.site-footer .border-top.border-dark p,
.site-footer .border-top.border-dark p.mb-0,
footer .border-top p,
footer .border-top p.mb-0,
.dash-footer .footer-wrapper .text-muted,
.dash-footer .footer-wrapper span.text-muted,
.dash-footer .py-1 span.text-muted,
.dash-footer .footer-wrapper .py-1 .text-muted {
    font-size: 0.7rem !important;
}

.footer-list-social {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

ul.icon {
    margin-top: 7px;
}

.d-block {
    display: block;
}

.w-100 {
    width: 100%;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}

.product-filter-widget {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.product-filter-widget .btn {
    padding: 10px 25px;
}

.list_height_css .list {
    max-height: 200px;
    overflow: scroll;
}

.description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.req {
    color: red;
}

.flex-slider .slick-list,
.flex-slider .slick-track {
    display: flex;
}

.flex-slider {
    margin: 0 -10px;
}

.flex-slider .card {
    padding: 5px 10px;
    display: flex !important;
}

.flex-slider .card .card-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.blog-head-row .blog-col-right {
    max-width: 130px;
    width: 100%;
}

.mini-cart-body {
    height: 480px;
    overflow-y: auto;
}

.checkout-page-right .mini-cart-body {
    height: 100%;
    max-height: 480px;
}

.table-body tr {
    border: 1px solid rgba(48, 56, 61, 0.1);
}

.mini-cart-footer.mini-cart-footer1 .u-save {
    margin-bottom: 5px;
}

.form-container.billing_addresses.d-none {
    display: none;
}

.choose-files div {
    color: var(--bs-white);
    background: var(--theme-color) !important;
    border: none;
    border-radius: 6px;
    padding: 8px 15px;
    max-width: 155px !important;
    font-size: 12px;
    font-weight: 500;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.file {
    position: relative !important;
    left: 0;
    opacity: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.card-body.stats {
    height: 200px;
}

.quick-add-btn a.btn {
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

.card-body.welcome-card {
    padding: 15px 20px;
}

.min-h-490 {
    min-height: 490px;
    max-height: 490px;
}

.active_color {
    border: 2px solid #000 !important;
}

.logo-content a {
    position: relative;
    display: block;
    padding-top: 35%;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.logo-content a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 60%;
    object-fit: contain;
    object-position: center;
}


.form-check .form-check-input {
    float: left;
    margin-right: 5px;
}

.form-check.form-switch {
    padding-left: 25px;
}

.img_setting {
    filter: drop-shadow(2px 3px 7px #011c4b);
}

.mr-5 {
    margin-right: 5px;
}

.mt-5 {
    margin-top: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.order-confirm-details p.mb-5 {
    margin-bottom: 5px;
}

.coupon-table {
    background: transparent;
    border: 1px solid #E8E8E8;
    padding: 15px 15px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.coupon-text {
    flex: 1;
    display: flex;
    align-items: center;
}

.coupon-text h4 {
    width: auto;
    white-space: nowrap;
    font-weight: 400;
    font-size: 18px;
}

.coupon-text p {
    width: 80%;
    font-size: 11px;
    padding: 0 20px;
}

.coupon-code {
    display: flex;
}

.coupon-code-text {
    display: flex;
    align-items: center;
}

.coupon-code-text h4 {
    font-size: 12px;
    font-weight: 500;
}

.coupon-code-text .p {
    border: 1px solid var(--black);
    border-radius: 30px;
    margin: 0 10px;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.coupon-btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    background: transparent;
    border: 1px solid var(--black);
    color: var(--black);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.coupon-btn button svg {
    width: 30px;
    height: 9px;
    margin-left: 2px;
}

.coupon-btn button svg path {
    fill: var(--black);
}

.pagination {
    display: flex;
    gap: 0.375rem;
    align-items: center;
    justify-content: flex-end;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

.pagination .page-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.page-border .table tr td {
    border-bottom: 0 !important;
}

.page-border .dataTable-bottom {
    border-top: 1px solid #f1f1f1 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.pimage {
    max-width: 13px !important;
}

form.variant_form.p-form {
    display: flex;
    margin-top: 30px;
}

.brand_icon {
    width: 100% !important;
}


.uploaded-pics input[type="checkbox"][id^="checkthis"] {
    display: none;
}

.uploaded-pics label {
    position: relative;
    padding: 10px;
    border: 1px solid var(--bs-border-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    cursor: pointer;
    display: block;
}




img {
    vertical-align: middle;
}

.stats-wrapper {
    height: 100%;
    margin-bottom: 0;
}

.stats-wrapper .card-body.stats {
    height: auto;
}

.price-card {
    text-align: center;
    position: relative;
    margin-top: 30px;
    display: flex;
    width: 100%;
}

.plan_card .card.price-card .card-body {
    display: flex;
    height: 100%;
    justify-content: space-between;
    flex-direction: column;
}

.uploaded-pics label:before {
    font-size: 15px;
    background-color: #ffffff;
    color: var(--theme-color);
    content: "";
    display: block;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    position: absolute;
    top: -6px;
    right: -6px;
    width: 25px;
    height: 25px;
    text-align: center;
    transition-duration: 0.4s;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.uploaded-pics :checked+label::before {
    content: "✓";
    transform: scale(1);
    z-index: 2;
}

.uploaded-pics :checked+label {
    border-color: var(--theme-color);
}

.fix-content {
    width: 500px;
    white-space: normal !important;
}

.navbar-brand img {
    max-width: 200px !important;
}

.wow.mobile-widget {
    max-width: 200px;
}

.footer .row .col-lg-6.col-sm-12 img {
    max-width: 200px;
}



.badges {
    --bs-badge-padding-x: 0.5em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 500;
    --bs-badge-color: #ffffff;
    --bs-badge-border-radius: 2px;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
    -webkit-border-radius: var(--bs-badge-border-radius);
    -moz-border-radius: var(--bs-badge-border-radius);
    -ms-border-radius: var(--bs-badge-border-radius);
    -o-border-radius: var(--bs-badge-border-radius);
}

.uploaded-picss label {
    padding: 10px;
    display: block;
    position: relative;
    cursor: pointer;
    width: 100%;
    margin: auto;
    border-radius: 5px;
    /* border: 1px solid var(--active-theme-border); */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.uploaded-picss label:before {
    font-size: 15px;
    background-color: #ffffff;
    color: var(--active-theme-border);
    content: "";
    display: block;
    border-radius: 50%;
    border: 1px solid var(--active-theme-border);
    position: absolute;
    top: -6px;
    right: -6px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    transition-duration: 8s;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.uploaded-picss :checked+label::before {
    content: "✓";
    transform: scale(1);
    z-index: 2;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.package-itm.theme-avtar img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: scale-down;
}

.package-itm.theme-avtar {
    width: 85px;
    height: 85px;
    border-radius: 20px;
}

.event-cards .product-card {
    margin-bottom: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.event-cards .product-card-inner {
    padding: 10px;
    border: 1px solid #E9FFDF;
    border-radius: 8px;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.event-cards .product-card-inner .product-card-image {
    position: relative;
}

.event-cards .product-card-inner .product-card-image .pdp-img {
    position: relative;
    display: block;
    padding-top: 70%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
}

.event-cards .product-card-inner .product-card-image .pdp-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: top;
    transition: 3s all ease;
    z-index: 3;
}

.event-cards .product-card-inner .product-card-image .pdp-img:hover img {
    object-position: bottom;
}


.event-cards .product-card-inner .checkbox-custom .dropdown-menu {
    padding: 10px 0px;
}

.event-cards .product-card-inner .checkbox-custom .dropdown-menu .dropdown-item {
    padding: 5px 15px;
}

.event-cards .product-card-inner .checkbox-custom .btn {
    padding: 0px;
    color: #060606;
    border: 0;
    outline: 0;
    background-color: transparent;
}

.event-cards .product-card-inner .product-content {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
}



.event-cards .card-wrapper {
    display: flex;
    flex-direction: column;
}



.inner-div .form-check.form-switch {
    padding-left: 2.5em;
}

.theme-color.themes-color {
    max-width: 200px;
    width: 100%;
}

.danger-btn {
    padding: 10px 15px;
}

.danger-btn:hover {
    background: #c7100a;
    color: #ffffff;
}

.danger-btn:hover span {
    color: #fff !important;
}

.navbar.default.top-nav-collapse {
    background: rgba(28, 35, 47, 0.9);
}

.product-card-inner .product-content .btn-outline-primary {
    color: #000 !important;
    background-color: #E9FFDF !important;
}

.product-card-inner .product-content .btn-outline-primary:hover {
    color: #fff !important;
    border-color: #013D29 !important;
    background: #013D29 !important;
}

.e-comm-row .btn-outline-primary {
    color: #013D29 !important;
    border-color: #013D29 !important;
}

.e-comm-row .btn-outline-primary:hover {
    color: #fff !important;
    border-color: #013D29 !important;
    background: #013D29 !important;
}

.front-img {
    width: 100%;
}

.radio-button-group .radio-button {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

/* 16.12 */
.setting-card .logo-content a {
    padding-top: 21%;
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
}

.setting-card .logo-content a img {
    width: 100%;
}

.img_setting {
    filter: drop-shadow(1px 1px 2px #011c4b);
}

.lang-setting {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

.disabledCookie {
    pointer-events: none;
    opacity: 0.4;
}

/* guest page language dropdown start */
.ecom-lang-drp .dash-head-link {
    color: #525b69;
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 0.7rem;
    margin: 0 7.5px;
    position: relative;
    font-weight: 500;
    border-radius: 12px;
    border: 1px solid rgba(206, 206, 206, 0.2);
    gap: 7px;
    margin-right: 10px !important;
    margin-left: 0 !important;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.ecom-lang-drp .drp-language i {
    color: #CECECE;
}

.ecom-lang-drp .dash-head-link>i:not(.nocolor) {
    color: #E9FFDF;
}

.ecom-lang-drp .dash-head-link .drp-arrow {
    color: #525b69;
    font-size: 14px;
    opacity: 0.8;
}

@media (max-width:450px) {
    .ecom-lang-drp .drp-text {
        display: none;
    }

    .navbar-brand img {
        max-width: 120px !important;
    }

    .ecom-lang-drp .dash-head-link {
        margin-right: 0 !important;
    }
}

.ai-btn {
    font-size: 12px;
    padding: 6px 15px;
}

.ai-btn i {
    font-size: 14px;
    margin-right: 5px;
}

/* pos css start */
.input-group-prepend {
    margin-right: -1px;
}

.input-group-prepend,
.input-group-append {
    display: flex;
}

.bg-color {
    background: linear-gradient(141.55deg, #E9FFDF 3.46%, #E9FFDF 99.86%), #E9FFDF;
}

.pos-top-bar {
    background: #6fd944;
    border-radius: 10px;
    padding: 15px;
}

.carttable .quantity.buttons_added .minus,
.carttable .quantity.buttons_added .plus {
    padding: 4px 10px 8px;
    height: 35px;
    background-color: #ffffff;
    border: 1px solid #efefef;
    cursor: pointer;
}

.carttable .quantity.buttons_added input {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    box-shadow: none;
}

.carttable .quantity.buttons_added .plus {
    border-left: 0;
}

.carttable .quantity .input-number {
    width: 35px;
    height: 35px;
    padding: 0 5px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #efefef;
}

.total-section {
    width: 100%;
    /* background: #f1f1f1; */
    padding: 15px 15px;
    border-radius: 10px;
    /* box-shadow: 0px 10px 10px -10px #97979780; */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.575rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    /* color: #293240; */
    text-align: center;
    white-space: nowrap;
    /* background-color: #f8f9fd; */
    /* border: 1px solid #ced4da; */
    border-radius: 6px;
    transition: all 0.2s ease;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.form-control,
.custom-select,
.dataTable-selector,
.dataTable-input {
    display: block;
    width: 100%;
    padding: 0.575rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    /* color: #293240; */
    /* background-color: #ffffff; */
    background-clip: padding-box;
    /* border: 1px solid #ced4da; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 6px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -ms-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Dashboard entries per page - smaller font size */
.dataTable-selector,
.dataTable-length select,
.dashboard-card .dataTable-selector,
.dashboard-card .dataTable-length select,
.dashboard-card .dataTable-top .dataTable-selector,
.dashboard-card .dataTable-top .dataTable-length select {
    font-size: 0.75rem !important;
}

/* Label text "entries per page" - smaller font size */
label[for]:has(.dataTable-selector),
label:has(select.dataTable-selector),
.dataTable-top label,
.dashboard-card .dataTable-top label {
    font-size: 0.75rem !important;
    color: var(--mono-text) !important;
}

/* Specific targeting for the label containing dataTable-selector */
label:has(select.dataTable-selector),
.dataTable-top>label,
.dataTable-top label:first-child,
.dashboard-card .dataTable-top>label,
.dashboard-card .dataTable-top label:first-child {
    font-size: 0.75rem !important;
    color: var(--mono-text) !important;
    line-height: 1.5 !important;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.form-row>.zoom-in {
    transition-property: background-color, border-color, color, fill, opacity, box-shadow, transform;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    cursor: pointer;
    margin-bottom: 10px !important;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -moz-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -o-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

.zoom-in:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
}

.product-body-nop {
    height: calc(100vh - 260px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -7px;
    padding-right: 7px;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.position-relative {
    position: relative !important;
}

.product-body-nop .card {
    width: 100%;
}

.product-body-nop .card .avatar {
    object-fit: scale-down;
    padding: 20px 0 10px;
    background: transparent;
    min-height: 9rem;
    width: 100%;
}

.avatar {
    position: relative;
    color: #FFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 600;
    height: 3.125rem;
    width: 3.125rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.card .card-image,
.card .animate-this,
.card>a {
    min-height: 1px;
}

.tab-btns {
    min-width: 100px;
    white-space: nowrap;
    border-radius: 0.625rem !important;
    padding: 10px 20px !important;
    font-size: 12px !important;
    -webkit-border-radius: 0.625rem !important;
    -moz-border-radius: 0.625rem !important;
    -ms-border-radius: 0.625rem !important;
    -o-border-radius: 0.625rem !important;
}

.product-body-nop .card .badge {
    padding: 4px 10px;
    width: auto;
    max-width: 100px;
    margin: 0 auto 0 0;
}

.top-badge {
    position: absolute;
    top: 0;
    right: 0;
}

.badge-danger {
    color: #FF5630;
    background-color: rgba(255, 174, 189, 0.41);
}

.badge-primary {
    color: #6FD943;
    background-color: #E9FFDF;
}

#product-listing .toacart {
    cursor: pointer;
}

.product-body-nop .form-row [class*="col-"] {
    display: flex;
}

.form-row>.col,
.form-row>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.carttable-scroll {
    /* height: calc(100vh - 115px); */
}

/* .card:not(.table-card) .table-responsive {
    margin: -25px -25px 0 -25px;
    width: calc(100% + 50px);
} */
.carttable-scroll .table-responsive {
    height: calc(100vh - 300px);
}

.billed-to p {
    font-weight: 400;
}

.pos-module .product-border {
    border-bottom: 3px dotted #d8d8d8 !important;
}

.theme-avtar img {
    width: 45px;
    height: 45px;
}

.theme-1 .bg-light-primary {
    background: #ceefdf;
    color: #0CAF60;
    border-color: #ceefdf;
}

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





/* pos css End */
.disabledPWA {
    pointer-events: none;
    opacity: 0.4;
}

.pos-table .cart-images img {
    width: 3.5rem !important;
    height: 100%;
    object-fit: cover;
}

.fix_badges {
    min-width: 95px !important;
}

.dash-container .dash-content .form-group .logo-content img {
    width: 100%;
    max-width: 70%;
}

.info-card .theme-avtar {
    width: 55px;
    height: 55px;
    margin: auto;
    font-size: 25px;
}

.info-card .card-body.stats {
    text-align: center;
}

.info-card .card-body h3 {
    font-size: 40px;
}

.card-dash {
    margin-bottom: 0px;
    height: 100%;
}

.plan_card .card {
    margin-bottom: 0;
}

.plan_card {
    height: 100%;
    display: flex;
}

.info-card .theme-avtar {
    width: 55px;
    height: 55px;
    margin: auto;
    font-size: 25px;
}

.info-card .card-body.stats {
    text-align: center;
}

.info-card .card-body h3 {
    font-size: 40px;
}

.dash-data {
    display: flex;
    flex-direction: column;
}

.dash-data .data-chart {
    flex: 1;
}

@media (max-width: 575px) {
    .info-card .card-body h3 {
        font-size: 25px;
    }

    .dash-header .dash-head-link .text-store,
    .dash-header .dash-head-link.dropdown-toggle span {
        display: none;
    }

    .dash-header .quick-add-btn a {
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .user-info {
        text-align: center;
    }

    .qr-code-wrp .code-img {
        margin: 0 auto;
    }

    .quick-add-btn a.btn {
        padding: 8px;
    }

    .quick-add-btn a.btn span {
        display: none;

    }

    .theme-card .theme-card-button .btn {
        padding: 8px 12px;
    }

    .dashboard-theme-card .theme-image {
        height: 300px;
    }
}

@media(min-width:1024px) {
    .dash-sidebar.light-sidebar.transprent-bg .navbar-content {
        height: calc(100vh - 145px);
    }
}

body .navbar-nav .nav-link {
    color: black;
}

.ecom-lang-drp .dash-head-link {
    background: rgba(245, 245, 245, 1);
}

.info-card .qrcode {
    margin-top: 15px;
}

/* Email Template*/
.drp-languages .drp-language .dropdown-toggle {
    color: #525b69;
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 0.7rem;
    margin: 0 7.5px;
    border-radius: 5px !important;
    position: relative;
    font-weight: 500;
    border: 1px solid rgba(206, 206, 206, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.drop-down__menu {
    padding-left: 7px;
}

/* Email Template*/
.according-delete-input {
    position: relative;
    padding: 15px 50px 15px 14px !important;
}

.according-delete-input a.btn {
    position: absolute;
    right: 7px;
    padding: 2px 4px;
}

.add_attribute {
    font-family: "Open Sans", sans-serif;
}

.attribute-form-check {
    margin-right: 8px;
}

.email_arrow {
    margin-right: 0px !important;
}

.share-btn {
    background-color: #47dbcd;
    border: 1px solid #47dbcd;
}

.share-btn:hover {
    background-color: #47dbcd;
    border: 1px solid #47dbcd;
}

.sharingButtonsContainer {
    position: absolute;
    top: 50%;
    right: -28px;
    transform: translateY(-50%);
    z-index: 9999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.sharingButtonsContainer .Demo1 {
    margin-bottom: 0px !important;
}

.sharingButtonsContainer a {
    background-color: #ddd;
    display: flex;
    justify-content: center;
    min-width: 13px;
    padding: 6px;
    border-radius: 20px;
    width: 28px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

@media (max-width:1399px) {
    .sharingButtonsContainer {
        right: -20px;
        top: 49%;
    }

}

@media (max-width:575px) {
    .sharingButtonsContainer {
        right: 12px;
        top: 102%;
    }

    .socialJS {
        display: flex;
        gap: 0 10px;
        flex-direction: row-reverse;
    }

    .socialJS a {
        margin: 0;
    }

    .wishDrawer {
        width: 100%;
    }

    .wishDrawer .mini-wish-header {
        padding: 17px 30px 16px 40px;
    }

    .wishDrawer .closewish {
        left: 12px;
    }
}

img.refund-image {
    width: 100%;
    max-width: 50px;
}

/***** dashboard****/
@media (max-width:991px) {
    .container {
        max-width: 1140px;
    }
}

@media (max-width:767px) {
    .auth-wrapper .auth-content {
        width: 100%;
    }
}

@media (max-width:575px) {
    .auth-wrapper .auth-content .card .card-body {
        padding: 15px 0px;
    }

    .list-unstyled .dropdown-item span.text-store {
        display: none;
    }

    .list-unstyled .dropdown-item i {
        margin: 0 !important;
    }

}

@media (max-width: 425px) {
    .dash-header .drp-language i.ti-world {
        display: none;
    }

    .info-card .card-body .cp_link {
        font-size: 0;
    }
}

.auth-wrapper .auth-content .card .card-body {
    padding: 40px 0;
}

.modal-body .auth-wrapper .auth-content .card .card-body {
    padding: 15px;
}

.dash-sidebar .navbar-content {
    height: calc(100vh - 75px);
}

@media (max-width:575px) {
    .pills-search {
        width: 100%;
    }

    .pills-search .btn-box {
        width: 65%;
    }

    .pills-search .chart-data {
        width: 30%;
    }

    .pills-search .chart-data .chart-datas {
        padding: 10px 5px;
        width: 100%;
    }
}

.pills-search {
    gap: 3px;
}

.apexcharts-canvas {
    margin: auto;
}

/* timeline css start  */
.timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.time-wrapper {
    display: block;
    font-size: 0.8888em;
    color: #6c757d;
    margin-top: 20px;
}

.time {
    display: inline-block;
    padding: 4px 6px;
    background: rgb(248, 248, 248);
}

.my-custom-timeline {
    padding: 60px 0;
}

.my-custom-timeline .custom-timeline-inner {
    padding: 40px 0;
    /* background-color: #f9f9f9; */
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.my-custom-timeline .timeline {
    z-index: 1;
    position: relative;
    list-style-type: none;
}

.my-custom-timeline .timeline:before {
    background: #DBDBDB;
    z-index: 1;
    top: 11px;
    position: absolute;
    left: 50%;
    content: ' ';
    display: block;
    width: 6px;
    height: 100%;
    margin-left: -3px;
}

.my-custom-timeline .tl-container {
    max-width: 50%;
    width: 100%;
    position: relative;
    padding: 0px 25px;
}

.my-custom-timeline .tl-container.left {
    left: 0;
    text-align: end;
}

.my-custom-timeline .tl-container.right {
    left: 50%;
}

.my-custom-timeline .support-time {
    position: relative;
}

.my-custom-timeline .support-time::before {
    content: " ";
    height: 5px;
    position: absolute;
    top: 30px;
    width: 23px;
    z-index: 1;
    left: -22px;
    background: #DBDBDB;
}

.my-custom-timeline .left .support-time::before {
    right: -22px;
    left: auto;
}

.my-custom-timeline .support-time::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: -30px;
    background-color: white;
    border: 3px solid #DBDBDB;
    top: 27px;
    border-radius: 50%;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.my-custom-timeline .left .support-time::after {
    right: -30px;
    left: auto;
}

.my-custom-timeline .tl-box {
    padding: 15px;
    box-shadow: 0px 0px 26.830137252807617px 0px #0000000D;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    margin-top: 10px;
    background: #ffffff;
}

.my-custom-timeline .tl-btn {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px solid;
    font-size: 12px;
    gap: 5px;
    font-weight: 600;
    margin-bottom: 5px;
}

.my-custom-timeline .tl-btn.support-btn {
    background-color: #FFF1F1;
    border-color: #FFC3C3;
}

.my-custom-timeline .tl-btn.licence-btn {
    background-color: #E0FFF5;
    border-color: #01CE8A;
}

.my-custom-timeline .tl-btn.order-btn {
    background-color: #FFF3D6;
    border-color: #FFD46A;
}

.my-custom-timeline .tl-btn.register-btn {
    background-color: #ECFFE4;
    border-color: #E9FFDF
}

.my-custom-timeline .left .tl-btn.licence-btn,
.my-custom-timeline .left .tl-btn.order-btn,
.my-custom-timeline .left .tl-btn.register-btn,
.my-custom-timeline .left .tl-btn.support-btn {
    flex-direction: row-reverse;
}

.my-custom-timeline ul {
    margin: 0;
    padding: 0;
}

.my-custom-timeline ul li {
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
}

.my-custom-timeline .left .tl-box .time-wrapper {
    justify-content: flex-start;
}

.my-custom-timeline .tl-box .time-wrapper {
    justify-content: flex-end;
    margin-top: 5px;
}

.my-custom-timeline .tl-box .time-wrapper .time {
    font-size: 11px;
    color: #505050;
    line-height: 1;
}

.my-custom-timeline .tl-box .end-date {
    font-size: 10px;
    padding: 3px;
    background: #FF3A6E;
    color: #ffffff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-weight: 600;
}

.my-custom-timeline .timeline-schedule {
    max-width: 380px;
    width: 100%;
    padding: 15px;
    box-shadow: 0px 0px 26.830137252807617px 0px #0000000D;
    font-size: 18px;
}

.my-custom-timeline .tl-schedule {
    display: flex;
    align-items: center;
    padding: 8px 0;
}

.my-custom-timeline .tl-schedule.border-top {
    border-top: 1px solid #EBEBEB;
}

.my-custom-timeline .tl-schedule-l {
    max-width: 30%;
    width: 100%;
    text-align: center;
}

.my-custom-timeline .tl-schedule-r {
    max-width: 70%;
    width: 100%;
}

.my-custom-timeline ul li a {
    color: #0CAF60;
    text-decoration: none;
}

@media screen and (max-width:767px) {
    .my-custom-timeline .tl-container.right {
        left: 0%;
    }

    .my-custom-timeline .tl-container.left {
        text-align: left;
    }

    .my-custom-timeline .tl-container {
        margin-bottom: 10px;
        max-width: 100%;
        text-align: left;
        padding: 0px 15px;
    }

    .my-custom-timeline .tl-container:not(:last-of-type) {
        margin-bottom: 25px;
    }

    .my-custom-timeline .custom-timeline-inner {
        padding: 25px 0;
    }

    .my-custom-timeline .tl-box {
        text-align: left;
    }

    .my-custom-timeline .timeline:before {
        z-index: -1;
        top: 0px;
    }

    .my-custom-timeline .support-time::before,
    .my-custom-timeline .support-time::after {
        display: none;
    }
}

.custom-timeline-2 .info-card .card-body h3 {
    font-size: 24px;
}

.register-timeline {
    background: #4CAF50 !important;
}

.last-login-timeline {
    background: #607D8B !important;
}

.wishlist-timeline {
    background: #32d7a2 !important;
}

.dlt-wishlist-timeline {
    background: #9E9E9E !important;
}

.add-cart-timeline {
    background: #FFC107 !important;
}

.dlt-cart-timeline {
    background: #795548 !important;
}

.order-timeline {
    background: #2196F3 !important;
}

.report-filter {
    flex: 1;
    gap: 6px;
    justify-content: end;
}

.custom-width .choices {
    width: 300px;
}

/* timeline css end  */
.mail-product {
    margin-right: 50px;
}

.modal-body .row.modal-shipping-row .shipping-text {
    margin-left: 0 !important;
}

.modal-body textarea.pc-tinymce-2 {
    width: 100%;
}

.modal-bottom-btn-wrapper {
    justify-content: space-between;
}

.modal-bottom-btn-wrapper .col-md-2:last-of-type a {
    margin-right: 0 !important;
}

.card-body .card-header.stock-mange-note {
    background: #b1b1b194;
}

.card-body .card-header.order-create-note {
    background: #3ec9d652;
}

.card-body .card-header.order-status-note {
    background: #E9FFDF;
}

.card-body .card-header.admin-private-note {
    background: rgba(255, 174, 189, 0.31);
}

.card-body .card-header.customer-note {
    background: rgba(244, 180, 26, 0.15);
}

.card-body .card-header.note-bg-color {
    padding: 15px 10px 0 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.cart-time-wrapper .btn i {
    color: #ff3a6e !important;
}

.cart-time-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 10px;
}

.cart-time-wrapper .time {
    background-color: transparent;
    font-size: 10px;
}

.order-report-row .card-header {
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.order-report-row .card-header span {
    color: #000;
}

.order-report-row.order-report-category .card-header span {
    font-size: 16px;
    max-width: 50%;
    width: 100%;
}

.order-report-row.order-report-category,
.order-sale-report,
.order-report-row {
    margin-bottom: 30px;
}

.order-report-row .card,
.order-sale-report .card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.order-sale-report .card .card-header {
    height: 100%;
    display: flex;
    align-items: center;
}

.card-input-wrapper {
    gap: 10px;
}

.report-text-label {
    color: #6FD943;
}

.dash-sidebar .dash-micon .custom_svg {
    width: 22px;
    height: 22px;
}

/********* 20-10-23 ***********/
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #75DA4840 !important;
}

.ti.ti-trash.text-white.py-1 {
    color: #D80027 !important;
}

.btn:hover .ti.ti-trash.text-white.py-1 {
    color: #fff !important;
}

.dataTable tbody tr td .btn-danger:hover .ti.ti-trash.text-white.py-1 {
    color: #fff !important;
}

.sub-total-footer ul li {
    gap: 20px;
}

.sub-total-footer ul li span {
    width: 130px;
    text-align: right;
}

.badge-same {
    width: 200px;
}

.badge-80 {
    width: 80px;
}

.table.dataTable-table .input-group .form-control {
    background-color: #f5f5f5;
    border-color: transparent;
}

.table.dataTable-table tr td,
.table.dataTable-table tr th {
    white-space: normal;
}

.plan-active-status {
    position: absolute;
    right: 0;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
}

.switch-on.btn {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--bs-white);
}

.order-sale-report .btn {
    padding: 12px !important;
}

.order-sale-report .btn svg {
    width: 26px;
    height: 23px;
}

.order-sale-report .btn:hover svg path {
    fill: #ffffff;
}

span.badge.rounded.p-2.m-1.px-3.bg-dark {
    min-width: 100px;
    max-width: 212px;
    width: 100%;
    text-align: left;
}

.theme-link {
    position: absolute;
    opacity: 0;
    z-index: -1;
    width: fit-content;
}

.upgrade-plan-model-card {
    background-color: #f5f5f5;
    padding: 15px;
    margin: auto;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
}

.upgrade-plan-model-card .badge.bg-warning {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.btn-dark.text-white {
    color: #1c232f !important;
}

.btn-dark.text-white:hover {
    color: #fff !important;
}

.theme-set-tab {
    flex-direction: row;
    gap: 20px;
    padding: 20px;
}

.sticy-tab {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #fff;
    box-shadow: 0 6px 30px rgba(182, 186, 203, 0.3);
    max-width: calc(100% - 570px / 2);
    right: 0;
}

.switch.btn {
    min-width: 4.5rem;
    min-height: calc(2em + .75rem + 2px);
}

/* ========================================
   FRESH LOGIN PAGE DESIGN - COMPLETE REDESIGN
   ======================================== */

/* Split Background Design - Image Left, Content Right */
.register-page.auth-wrapper.auth-v3 {
    background: #ffffff;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
}

/* Background Image Carousel */
.auth-bg-carousel {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 100vh;
    z-index: 1;
    overflow: hidden;
}

.auth-bg-carousel * {
    pointer-events: none;
}

.auth-bg-carousel .auth-carousel-nav,
.auth-bg-carousel .auth-dot,
.auth-bg-carousel .auth-carousel-dots {
    pointer-events: auto;
}

.auth-bg-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1a1d29;
    opacity: 0;
    transform: scale(1.1);
    transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1), transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    overflow: hidden;
}

.auth-bg-slide.active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

/* Dark overlay for better text readability */
.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(26, 29, 41, 0.7) 0%, rgba(45, 49, 63, 0.6) 100%);
    z-index: 1;
    pointer-events: none;
}

/* Pattern overlay for visual interest */
.slide-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
        radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.06) 0%, transparent 50%),
        radial-gradient(circle at 40% 20%, rgba(0, 0, 0, 0.1) 0%, transparent 50%);
    opacity: 0.5;
    z-index: 2;
    pointer-events: none;
}

.auth-bg-slide.active .slide-pattern {
    animation: patternFade 1.2s ease-in-out;
}

@keyframes patternFade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.5;
    }
}

/* Carousel Navigation Dots */
.auth-carousel-dots {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.75rem;
    z-index: 10;
    align-items: center;
}

.auth-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: transparent;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0;
    outline: none;
    position: relative;
}

.auth-dot::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transition: transform 0.3s ease;
}

.auth-dot:hover::before {
    transform: translate(-50%, -50%) scale(1.5);
}

.auth-dot:hover {
    border-color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.2);
}

.auth-dot.active {
    background: #ffffff;
    border-color: #ffffff;
    width: 32px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.auth-dot.active::before {
    display: none;
}

/* Navigation Arrows - Removed */
.auth-carousel-nav {
    display: none !important;
}

/* Carousel Content Overlay */
.auth-carousel-content {
    position: absolute;
    bottom: 8rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 10;
    width: 80%;
    max-width: 400px;
}

.auth-slide-content {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    pointer-events: none;
}

.auth-slide-content.active {
    opacity: 1;
}

.auth-slide-content h3 {
    color: #ffffff;
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.auth-slide-content p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    font-weight: 400;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

/* Right Half - Light Background */
.register-page.auth-wrapper.auth-v3::after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 100vh;
    background: #ffffff;
    z-index: 1;
}

.register-page .auth-content {
    position: relative;
    z-index: 10;
    background: transparent;
}

.register-page .bg-auth-side.login-page {
    display: none;
}

.register-page .login-back-img {
    display: none;
}

/* Position Card on Right Side */
.register-page .auth-content {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.register-page .auth-content .card {
    margin-left: 50%;
    width: 50%;
    max-width: none;
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
    flex: 1;
    display: flex;
    align-items: center;
}

.register-page .auth-content .card .row {
    margin: 0;
    width: 100%;
    height: 100%;
}

.register-page .auth-content .card .col-xl-12 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 200px);
    padding: 0 2rem 2rem;
}

/* Login Card Container - Clean and Modern */
.new-login-design {
    padding: 3rem 2.5rem !important;
    background: #ffffff;
    border-radius: 20px;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(0, 0, 0, 0.04);
    max-width: 460px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 5;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

/* Login Container */
.login-container {
    width: 100%;
}

.login-card {
    width: 100%;
}

/* Header Section */
.login-header {
    margin-bottom: 1.75rem;
}

.login-title {
    font-size: 1.375rem;
    font-weight: 700;
    color: #1a1d29;
    margin: 0 0 0.5rem 0;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

.login-subtitle {
    font-size: 0.8125rem;
    color: #6b7280;
    margin: 0;
    font-weight: 400;
    line-height: 1.5;
}

/* Alert Messages */
.alert-message {
    margin-bottom: 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.8125rem;
}

.error-message {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

/* Login Form */
.login-form {
    width: 100%;
}

/* Form Field */
.form-field {
    margin-bottom: 1.25rem;
}

.form-label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

/* Input Container */
.input-container {
    position: relative;
    display: flex;
    align-items: center;
}

.input-icon-left {
    position: absolute;
    left: 0.875rem;
    color: #9ca3af;
    font-size: 0.9375rem;
    z-index: 2;
    pointer-events: none;
    transition: color 0.2s ease;
}

.input-container:focus-within .input-icon-left {
    color: var(--mono-primary, #3b82f6);
}

/* Form Input */
.form-input {
    width: 100%;
    padding: 0.6875rem 2.5rem 0.6875rem 2.5rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #1a1d29;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    transition: all 0.2s ease;
    outline: none;
}

.form-input:hover {
    border-color: #d1d5db;
}

.form-input:focus {
    border-color: var(--mono-primary, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-input::placeholder {
    color: #9ca3af;
    font-size: 0.8125rem;
}

/* Password Toggle Button */
.password-toggle-btn {
    position: absolute;
    right: 0.75rem;
    background: none;
    border: none;
    padding: 0.25rem;
    color: #9ca3af;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: color 0.2s ease;
    border-radius: 4px;
}

.password-toggle-btn:hover {
    color: var(--mono-primary, #3b82f6);
    background-color: #f3f4f6;
}

.password-toggle-btn i {
    font-size: 0.9375rem;
}

/* Form Options */
.form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.checkbox-input {
    width: 1rem;
    height: 1rem;
    border: 1.5px solid #d1d5db;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.checkbox-input:hover {
    border-color: var(--mono-primary, #3b82f6);
}

.checkbox-input:checked {
    background-color: var(--mono-primary, #3b82f6);
    border-color: var(--mono-primary, #3b82f6);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M4 8l2.5 2.5L12 5'/%3e%3c/svg%3e");
    background-size: 0.75rem 0.75rem;
    background-position: center;
    background-repeat: no-repeat;
}

.checkbox-label {
    font-size: 0.8125rem;
    color: #374151;
    cursor: pointer;
    font-weight: 400;
    user-select: none;
}

.forgot-link {
    font-size: 0.8125rem;
    color: var(--mono-primary, #3b82f6);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.forgot-link:hover {
    color: var(--mono-primary, #2563eb);
    text-decoration: underline;
}

/* Error Text */
.error-text {
    display: block;
    font-size: 0.75rem;
    color: #dc2626;
    margin-top: 0.5rem;
}

/* Login Button */
.login-button {
    width: 100%;
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ffffff;
    background-color: #1a1d29;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.login-button:hover:not(:disabled) {
    background-color: #2d313f;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(26, 29, 41, 0.3);
}

.login-button:active:not(:disabled) {
    transform: translateY(0);
}

.login-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.login-button i {
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.login-button:hover:not(:disabled) i {
    transform: translateX(3px);
}

/* Register Section */
.register-section {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
    text-align: center;
}

.register-text {
    font-size: 0.8125rem;
    color: #6b7280;
    margin: 0;
}

.register-link {
    font-size: 0.8125rem;
    color: #1a1d29;
    text-decoration: none;
    font-weight: 600;
    margin-left: 0.25rem;
    transition: color 0.2s ease;
}

.register-link:hover {
    color: var(--mono-primary, #3b82f6);
    text-decoration: underline;
}

/* Logo on Right Side (above login card) */
.register-page.auth-wrapper.auth-v3 .auth-logo-right {
    margin-left: 50%;
    width: 50%;
    padding: 2rem 2.5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
}

.register-page.auth-wrapper.auth-v3 .auth-logo-right .navbar-brand {
    margin: 0;
    padding: 0;
    display: block;
}

.register-page.auth-wrapper.auth-v3 .auth-logo-right img {
    height: auto;
    max-height: 80px;
    width: auto;
    filter: none;
}

/* Navbar Styling - Clean Transparent Design */
.register-page.auth-wrapper.auth-v3 .navbar {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 2rem 2.5rem;
    margin-left: 50%;
    width: 50%;
    position: relative;
    z-index: 10;
}

.register-page.auth-wrapper.auth-v3 .navbar .container-fluid {
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* Navbar Links Styling */
.register-page.auth-wrapper.auth-v3 .navbar .dash-head-link {
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
}

.register-page.auth-wrapper.auth-v3 .navbar .dash-head-link:hover {
    color: #1a1d29;
    background-color: rgba(0, 0, 0, 0.04);
}

/* Language Dropdown - Minimal Style */
.register-page.auth-wrapper.auth-v3 .ecom-lang-drp .dash-head-link {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #374151;
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.register-page.auth-wrapper.auth-v3 .ecom-lang-drp .dash-head-link:hover {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.12);
    color: #1a1d29;
}

/* Footer Styling - Position on Right */
.register-page.auth-wrapper.auth-v3 .auth-footer {
    background: transparent;
    padding: 1.5rem 0;
    margin-left: 50%;
    width: 50%;
    max-width: none;
}

.register-page.auth-wrapper.auth-v3 .auth-footer p {
    color: #6b7280;
    font-size: 0.8125rem;
    font-weight: 400;
    opacity: 0.9;
}

/* Responsive Design */
@media (max-width: 992px) {
    .register-page.auth-wrapper.auth-v3::before {
        width: 100%;
        opacity: 0.3;
    }

    .register-page.auth-wrapper.auth-v3::after {
        display: none;
    }

    .register-page.auth-wrapper.auth-v3 .navbar,
    .register-page.auth-wrapper.auth-v3 .auth-content .card,
    .register-page.auth-wrapper.auth-v3 .auth-footer {
        margin-left: 0;
        width: 100%;
    }

    .register-page.auth-wrapper.auth-v3 .auth-content .card .col-xl-12 {
        min-height: auto;
    }
}

@media (max-width: 768px) {
    .register-page.auth-wrapper.auth-v3 .navbar {
        border-radius: 12px;
        padding: 0.75rem 1rem;
    }

    .new-login-design {
        padding: 2rem 1.75rem !important;
    }
}

@media (max-width: 768px) {
    .new-login-design {
        padding: 2rem 1.75rem !important;
    }

    .login-header {
        text-align: center;
    }

    .login-title {
        font-size: 1.25rem;
    }

    .login-subtitle {
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .new-login-design {
        padding: 1.75rem 1.5rem !important;
        border-radius: 12px;
    }

    .login-title {
        font-size: 1.125rem;
    }
}

/* Dark Mode Support */
[data-theme="dark"] .new-login-design,
.dark-layout .new-login-design {
    background-color: var(--mono-bg-alt, #1a1d29);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .form-input-enhanced,
.dark-layout .form-input-enhanced {
    background-color: var(--mono-bg, #252836);
    border-color: var(--mono-border, #3a3d4a);
    color: var(--mono-text);
}

[data-theme="dark"] .login-title,
.dark-layout .login-title {
    color: var(--mono-text);
}

[data-theme="dark"] .form-check-label,
.dark-layout .form-check-label {
    color: var(--mono-text);
}

.login-bg-1 {
    position: absolute;
    bottom: 0;
    left: 22%;
    max-height: 500px;
    display: block;
}

.register-page .login-bg-1 {
    display: none;
}

.login-bg-2 {
    position: absolute;
    bottom: 0;
    right: 10%;
    max-height: 500px;
    display: block;
}

.register-page .login-bg-2 {
    display: none;
}

.auth-wrapper.auth-v3 .bg-auth-side.login-page {
    bottom: 0;
    top: 0;
    border-radius: 0;
}

.login-bg-3 {
    position: absolute;
    bottom: 0;
    left: 14%;
    max-height: 500px;
    display: none;
}

.register-page .login-bg-3 {
    display: block;
}

.login-bg-4 {
    position: absolute;
    bottom: 0;
    right: 22%;
    max-height: 500px;
    display: none;
}

.register-page .login-bg-4 {
    display: block;
}

.register-page.auth-wrapper.auth-v3 .bg-auth-side.login-page {
    left: 0;
    right: 50%;
}

@media (max-width:1439px) {
    .login-bg-1 {
        max-height: 400px;
        left: 19%;
    }

    .login-bg-2 {
        max-width: 400px;
    }

    .login-bg-3 {
        left: 7%;
    }

    .login-bg-4 {
        right: 15%;
    }
}

@media (max-width:1199px) {
    .login-bg-1 {
        left: 14%;
    }

    .login-bg-2 {
        right: 0;
    }

    .auth-wrapper .auth-content {
        width: 85vw;
        justify-content: start;
        gap: 100px;
    }

    .auth-wrapper .bg-auth-side {
        display: block;
    }

    .login-bg-3 {
        left: 0;
        max-width: 330px;
    }

    .login-bg-4 {
        right: 6%;
    }
}

@media (max-width:991px) {

    .login-bg-1,
    .login-bg-2,
    .login-bg-3,
    .login-bg-4,
    .auth-wrapper .bg-auth-side {
        display: none;
    }

    .register-page .login-bg-3,
    .register-page .login-bg-4 {
        display: none;
    }

    .auth-wrapper .auth-content {
        width: 100%;
        gap: 20px;
    }
}

@media (max-width:767px) {

    /* 16.12 */
    .card .card-header {
        padding: 15px;
    }

    .card .card-header:not(.border-0) h5:after {
        left: -15px;
    }

    .auth-wrapper .auth-content .card {
        padding: 10px;
    }

    .modal-body .auth-wrapper .auth-content .card .card-body {
        padding: 15px 0;
    }

    .order-history-tbl tr td {
        padding: 10px 10px;
    }

    .flipdown .rotor-group {
        height: 65px;
        width: 65px;
        padding: 6px;
    }

    .flipdown .rotor-group-heading:before {
        line-height: 28px;
        font-size: 12px;
    }

    .flipdown .rotor {
        font-size: 17px;
    }

    .mini-wish-body .btn {
        max-width: 200px;
    }

    .card-body {
        padding: 15px !important;
    }

    .card-body .setting-card .logo-content {
        margin-top: 10px !important;
    }

    .profile-achievements {
        gap: 15px;
        margin-top: 30px;
    }

    .account-info {
        gap: 30px;
    }

    .account-info .profile-pic {
        width: 100px;
    }
}

@media (max-width:575px) {
    #progressbar li {
        flex: 0 0 110px;
    }

    #progressbar {
        overflow-x: scroll;
    }
}

.btn.order-not-dlt:hover .ti.ti-trash.text-white.py-1 {
    color: #D80027 !important;
}


.btn-primary:hover svg path {
    fill: #fff;
    stroke: #fff;
}

.btn-info:hover svg path {
    fill: #fff;
}

.bandonwishmess.btn-primary:hover i svg path {
    fill: var(--bs-btn-color) !important;
}

.bg-light-secondary:hover {
    background: #e2e3e5;
    color: #6c757d;
}

.nav-pills .nav-item a {
    cursor: pointer;
}


body.theme-1 .theme-avtar.bg-primary:hover {
    background: linear-gradient(141.55deg, #0caf604d 3.46%, #0caf604d 99.86%), #0caf604d !important;
    color: #0a9552 !important;
}

body.theme-1 .theme-avtar.bg-primary svg path {
    fill: #0a9552;
    stroke: #0a9552;
}

body.theme-2 .theme-avtar.bg-primary:hover {
    background: linear-gradient(141.55deg, rgba(88, 78, 210, 0.30) 3.46%, rgba(88, 78, 210, 0.30) 99.86%), rgba(88, 78, 210, 0.30) !important;
    color: #584ED2 !important;
}

body.theme-2 .theme-avtar.bg-primary svg path {
    fill: #584ED2;
    stroke: #584ED2;
}

body.theme-3 .theme-avtar.bg-primary:hover {
    background: linear-gradient(141.55deg, #E9FFDF 3.46%, #E9FFDF 99.86%), #E9FFDF !important;
    color: #6FD943 !important;
}

body.theme-3 .theme-avtar.bg-primary svg path {
    fill: #0a9552;
    stroke: #0a9552;
}

body.theme-4 .theme-avtar.bg-primary:hover {
    background: linear-gradient(141.55deg, rgba(20, 83, 136, 0.30) 3.46%, rgba(20, 83, 136, 0.30) 99.86%), rgba(20, 83, 136, 0.30) !important;
    color: #145388 !important;
}

body.theme-4 .theme-avtar.bg-primary svg path {
    fill: #145388;
    stroke: #145388;
}

body.theme-5 .theme-avtar.bg-primary:hover {
    background: linear-gradient(141.55deg, rgba(185, 64, 107, 0.25) 3.46%, rgba(185, 64, 107, 0.25) 99.86%), rgba(185, 64, 107, 0.25) !important;
    color: #B9406B !important;
}

body.theme-5 .theme-avtar.bg-primary svg path {
    fill: #B9406B;
    stroke: #B9406B;
}

body.theme-6 .theme-avtar.bg-primary:hover {
    background: linear-gradient(141.55deg, rgba(0, 142, 204, 0.30) 3.46%, rgba(0, 142, 204, 0.30) 99.86%), rgba(0, 142, 204, 0.30) !important;
    color: #008ECC !important;
}

body.theme-6 .theme-avtar.bg-primary svg path {
    fill: #008ECC;
    stroke: #008ECC;
}

body.theme-7 .theme-avtar.bg-primary:hover {
    background: linear-gradient(141.55deg, rgba(146, 44, 136, 0.25) 3.46%, rgba(146, 44, 136, 0.25) 99.86%), rgba(146, 44, 136, 0.25) !important;
    color: #922C88 !important;
}

body.theme-7 .theme-avtar.bg-primary svg path {
    fill: #922C88;
    stroke: #922C88;
}

body.theme-8 .theme-avtar.bg-primary:hover {
    background: linear-gradient(141.55deg, rgba(192, 161, 69, 0.25) 3.46%, rgba(192, 161, 69, 0.25) 99.86%), rgba(192, 161, 69, 0.25) !important;
    color: #C0A145 !important;
}

body.theme-8 .theme-avtar.bg-primary svg path {
    fill: #C0A145;
    stroke: #C0A145;
}

body.theme-9 .theme-avtar.bg-primary:hover {
    background: linear-gradient(141.55deg, rgba(72, 73, 75, 0.30) 3.46%, rgba(72, 73, 75, 0.30) 99.86%), rgba(72, 73, 75, 0.30) !important;
    color: #48494B !important;
}

body.theme-9 .theme-avtar.bg-primary svg path {
    fill: #48494B;
    stroke: #48494B;
}

body.theme-10 .theme-avtar.bg-primary:hover {
    background: linear-gradient(141.55deg, rgba(12, 119, 133, 0.30) 3.46%, rgba(12, 119, 133, 0.30) 99.86%), rgba(12, 119, 133, 0.30) !important;
    color: #0C7785 !important;
}

body.theme-10 .theme-avtar.bg-primary svg path {
    fill: #0C7785;
    stroke: #0C7785;
}

body .theme-avtar.bg-primary:hover i {
    color: var(--bs-btn-color) !important;
}

.modal-dialog {
    margin-top: 20px;
}

.card-body .card-bottom-content .product-title-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-body-nop #product-listing .toacart {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-body-nop .card {
    height: 100%;
}

/* DropZone */
img.rounded {
    width: 100%;
}

.menu-tab-view .accordion-button {
    position: relative;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    /* background-color: var(--bs-accordion-active-bg); */
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

.menu-tab-view .accordion-button::after {
    display: none;
}

.menu-tab-view .accordion-body {
    padding: 10px 15px 10px 15px;
}

.sop-card.card {
    height: 100vh;
    overflow: auto;
    transition: opacity .5s;
    zoom: 0.9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
}

.sop-card.card::-webkit-scrollbar {
    width: 0px;
}

.shop-theme-wrapper {
    border-radius: 20px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.preview-header-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    align-items: center;
}

.preview-header {
    align-items: center;
    width: 100%;
}

.preview-header-right,
.preview-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ScrollStyle {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: 10s all ease-in-out;
    -webkit-transition: 10s all ease-in-out;
    -moz-transition: 10s all ease-in-out;
    -ms-transition: 10s all ease-in-out;
    -o-transition: 10s all ease-in-out;
}

.highlighted {
    border: 4px solid #2C6ECB;
    padding: 20px;
    position: relative;
}

.custome_tool_bar {
    float: right;
}

.custome_tool_bar {
    float: right;
    position: absolute;
    right: 0;
    gap: 5px;
    z-index: 9999999;
    /* top: -24px; */
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.option-button {
    background-color: #2C6ECB !important;
    border: 1px solid #2C6ECB !important;
}

#default_tool_bar {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}

#default_tool_bar button {
    margin-left: 5px;
}

.social_icon {
    width: 50px;
    height: 50px;
    background: rgb(157 183 205 / 30%);
}

.right-content header {
    position: relative;
    /* margin-top: 35px; */
}

.right-content .site-footer,
.right-content .shop-reviews {
    overflow: visible !important;
}

.custome_tool_bar .option-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    color: #fff;
}

.custome_tool_bar .option-button ::before {
    font-size: 20px;
}

.sidebar_form .card-body .form-group img {
    object-fit: scale-down;
    border: 1px solid #F0F0F0;
    margin-top: 10px;
}

/* updated css */
.sop-card .card-body .right-content a:not([class]) {
    color: inherit;
}

.animate-charcter {
    text-transform: capitalize;
    background-image: linear-gradient(-225deg,
            #231557 0%,
            #44107A 29%,
            #FF1361 67%,
            #FFF800 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.animate-charcter {
    animation: blink 1s linear infinite, textclip 2s linear infinite;
    -webkit-animation: blink 1s linear infinite, textclip 2s linear infinite;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.theme-card .theme-bottom-content {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.theme-card .theme-card-lable {
    display: inline-block;
    margin-right: 12px;
}

.theme-card .theme-card-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 15px;
}

.theme-card .theme-card-button button {
    background-color: #0095ff;
    color: #ffff;
}

.theme-card .theme-card-button button:hover {
    background-color: #0095ff9a;
    border: 1px solid #0095ff;
}



.dashboard-theme-card .theme-image {
    position: relative;
    height: 400px;
}




.theme-card .theme-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: 3s all ease;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

/* Theme cards - 5px rounded corners */
.theme-card,
.dashboard-theme-card {
    border-radius: 5px !important;
}

.dashboard-theme-card .dashboard-card {
    border-radius: 5px !important;
}

.dashboard-theme-card .theme-card-button .btn2 {
    background-color: #0095ff;
    color: #ffff;
    border-color: #0095ff;
}

.dashboard-theme-card {
    height: 100%;
    width: 100%;
}

.theme-image .badges {
    font-size: 10px;
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    padding: 30px 15px;
    background-size: 207px;
    background-position: center;
    color: #fff !important;
    background-color: transparent !important;
    z-index: 1;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="108" height="78" viewBox="0 0 108 78" fill="none"><path d="M24.7603 24.5591V53.4529C24.7603 53.9924 25.1311 55.4758 27.4575 55.813V22.1991C25.1648 22.57 24.7603 24.0197 24.7603 24.5591Z" fill="%23002333"/><g filter="url(%23filter0_d_285_1090)"><path d="M77.8512 28.6217L83.2544 36.9677C83.9864 38.1403 83.9864 39.6233 83.2544 40.7614L77.8512 49.1074C77.1888 50.1076 76.0733 50.7284 74.8532 50.7284H29.6406C24.7603 50.7284 24.7603 53.6253 24.7603 53.6253V24.1038C24.7603 24.1038 24.7603 27.0007 29.6406 27.0007H74.8532C76.0733 27.0007 77.2237 27.6215 77.8512 28.6217Z" fill="%2375DA48"/></g><defs><filter id="filter0_d_285_1090" x="0.952532" y="0.296038" width="106.659" height="77.1371" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="11.9039"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_285_1090"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_285_1090" result="shape"/></filter></defs></svg>');
}

.theme-card .theme-image:hover img {
    object-position: bottom;
}

.support-ticket-div .order-history-tbl tbody tr td .btn {
    padding: 6px 7px;
}

.order-history-frame {
    overflow-x: auto;
}

/* offer notification */

.announcebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #013D29;
    padding: 11px;
    color: #fff;
    z-index: 9999;
}

.announcebar p {
    margin-bottom: 0;
}

.color-wrp {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.color-wrp .color-picker-wrp {
    width: 100px;
}

.color-wrp .color-picker-wrp input[type="color"] {
    background-color: #fff;
    height: 55px;
    cursor: pointer;
    border-radius: 3px;
    margin: 0px;
    padding: 0px;
    border: 0;
    margin-bottom: 5px;
    margin-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

/* Bundle product css */
.bundle-product-slider .wishlist-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 0;
    border: 0;
    background: none;
}

.bundle-product-slider .wishlist-btn a {
    position: unset;
    padding: 0;
}

.bundle-product-slider .product-btn-wrp button svg {
    height: 16px;
    width: 16px;
}

.bundle-product-slider .product-content {
    margin-top: 15px;
}

.bundle-product-slider .product-content h3 {
    font: var(--h4);
    margin-bottom: 15px;
}

.bundle-product-slider .product-content .reviews-stars-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.bundle-product-slider .product-content-bottom {
    margin: 0;
}

.bundle-product-slider .product-content-bottom .price {
    justify-content: start;
}

.choose_file_custom {
    display: none;
}

/* Product-quick-view css */
.product-card .product-card-inner {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.product-btn-wrp {
    position: absolute;
    right: 15px;
    top: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transform: translateX(200%);
    transition: all 500ms ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}

.product-card:hover .product-btn-wrp {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}

.product-btn-wrp button {
    border: 0;
    background: none;
    padding: 0;
}

.product-btn-wrp button a {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--second-color);
    padding: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.product-btn-wrp button a:hover {
    background-color: var(--theme-color);
}

.product-btn-wrp button a svg path {
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}

.product-btn-wrp button a svg path {
    fill: var(--white);
}

/* Product compare css */
.header-style-one li.compare-header a svg {
    width: 20px;
    height: 20px;
    margin: 0;
}

.header-style-one li.compare-header a svg path {
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}

@media (max-width:767px) {
    .header-style-one li.compare-header a svg {
        width: 18px;
        height: 18px;
    }
}

/* spam prevent css start */
.external-btns {
    position: fixed;
    bottom: 10px;
    right: 30px;
    font-size: 14px;
    transition: bottom .2s;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 2;
    -webkit-transition: bottom .2s;
    -moz-transition: bottom .2s;
    -ms-transition: bottom .2s;
    -o-transition: bottom .2s;
}

.external-left-btn {
    width: 70px;
    height: auto;
    position: fixed;
    left: -70px;
    top: 50%;
    z-index: 2;
    -webkit-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
}

.external-left-btn .show-btn {
    position: absolute;
    right: -55px;
    z-index: 1;
    height: 55px;
    width: 55px;
    border: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    padding: 0;
    box-shadow: 0 9px 9px -1px rgba(81, 69, 157, 0.3);
    font-size: 20px;
    border-radius: 0 8px 8px 0px;
    -webkit-border-radius: 0 8px 8px 0px;
    -moz-border-radius: 0 8px 8px 0px;
    -ms-border-radius: 0 8px 8px 0px;
    -o-border-radius: 0 8px 8px 0px;
}

.external-left-btn .left-btn-inner {
    display: flex;
    height: auto;
    position: relative;
    z-index: 1;
    background-color: #fff;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 10px;
}

.external-left-btn.active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    box-shadow: 0 0 9.8px 0.2px rgba(0, 0, 0, 0.14);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
}

.external-left-btn .donation-side-btn,
.external-left-btn .free-shipping-button-div .free-shipping-button,
.external-left-btn .Coupon-btn,
.external-left-btn .product-catelog-side-btn,
.external-left-btn .product-compare-side-btn {
    padding: 0;
}

/* spam prevent css end */
.modal-popup .no-product-image {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 84%;
}

.modal-popup .no-product-wrp {
    max-width: 600px;
    margin: auto;
}

.modal-popup .no-product-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.modal-popup .compare-thumbs a {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 68%;
}

.modal-popup .compare-thumbs a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: scale-down;
}

.card .quantity.buttons_added input {
    padding: 10px;
    display: inline-block;
    width: auto;
    border: none;
}

.modal-popup .compare-content-list .list p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 10px 0;
}

.product-btn-wrp button a svg {
    height: 16px;
    width: 16px;
}

.product-card .card-top {
    position: relative;
}

.product-card .compare-btn a svg {
    width: 21px;
    height: 21px;
}

.pdp-cart-btn-wrp,
.pdp-add-to-cart-btn,
.product-content-bottom,
.pdp-counter,
.product-detail-bttom-stuff {
    gap: 10px;
}

/** Plan Module*/
.plan-module {
    height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

.select-themes .uploaded-pics {
    background-color: var(--bs-white);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}


.select-themes .theme-label,
.event-cards .product-content-top .enable-label {
    position: absolute;
    top: 10px;
    left: 10px;
    line-height: 1;
    color: var(--bs-white);
    background-color: var(--theme-color);
    padding: 7px 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    z-index: 3;
}

.select-themes .theme-label::after {
    content: "";
    position: absolute;
    right: -14px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 14px solid var(--active-theme-border);
    top: 0;
    border-bottom: 14px solid transparent;
}

.select-swich .custom-control-label,
.trial-switch .form-label {
    flex: 1;
}



/* td.text-end {
    display: flex;
} */
/* flipdown */
.flipdown .rotor-group {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.flipdown .rotor-group .rotor-group-heading {
    flex: 100%;
}

.flipdown .rotor {
    width: auto;
}

/* all-social-media-btn css start*/
.all-social-media-btn {
    gap: 10px;
    margin-top: 10px;
}

.all-social-media-btn:not(:last-of-type) {
    margin-right: 10px;
}

.all-social-media-btn .btn-img img {
    max-width: 175px;
    width: 100%;
    object-fit: scale-down;
    height: 42px;
}

@media (max-width: 575px) {

    .register-page .form-footer,
    .all-social-media-btn {
        justify-content: center;
    }
}

/* all-social-media-btn css end*/
/* .addon-side-btn */
.addon-side-btn {
    position: fixed;
    left: 0;
    top: 150px;
    z-index: 10;
    transition: all 0.15s ease-in-out;
    display: flex;
    flex-direction: column;
    gap: 15px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}

/* cart-open pct-btn */
body.cartOpen .pct-customizer .pct-c-btn,
body.wishOpen .pct-customizer .pct-c-btn {
    right: 0;
}

/* app-seeting-tab */
.app-seeting-tab {
    flex-direction: row;
    gap: 20px;
    padding: 20px;
}

/* for a external btns */
.site-footer {
    z-index: 3;
}

/* subscribe for admin  */
@media (min-width: 992px) {
    .sop-card .right-content .subscribe-overlay {
        width: 66.66666667%;
    }

    .sop-card .right-content .subscribe-popup {
        max-width: 66.66666667%;
        width: 100%;
        background-color: transparent;
        padding: 0;
        left: 0;
        right: unset;
    }

    .sop-card .right-content .subscribe-popup-wrp {
        max-width: 550px;
        width: 100%;
        margin: 0 auto;
        padding: 60px 50px;
        background: var(--theme-color);
        position: relative;
    }

    .sop-card .right-content .pct-customizer {
        left: calc(100% - (33.33% + 23px));
    }

    .sop-card .right-content .pct-customizer.active {
        left: calc(100% - (33.33% + 360px));
    }

    .sop-card .right-content .pct-customizer .pct-c-content {
        display: none;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }

    .sop-card .right-content .pct-customizer.active .pct-c-content {
        display: block;
    }
}

.theme-signin-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

img[src="#"],
img[src=""],
img[src=" "] {
    display: none;
}

.checkout_amount.order-paymentcol {
    background-color: var(--theme-color);
}

.order-paycol-inner img {
    max-width: 50px;
    width: 100%;
}

.order-paymentcol {
    /* max-width: 100%; */
    flex: 1;
}

.payment-ttl-left span {
    font-size: 14px;
}

.order-history-frame .btn {
    padding: 6px 7px !important;
}

#progressbar li {
    width: -moz-available;
}


.order-paycol-inner {
    padding: 0 14px;
}

.product_filter .pagination .page-item {
    width: 30px;
    height: 30px;
}


/* pagination css */
.pagination-wrp {
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}

.pagination {
    gap: 5px;
    margin: 0;
    border-radius: 0 !important;
}

.pagination li span,
.pagination li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
    height: 35px;
    width: 35px;
    padding: 0;
    border-radius: 4px !important;
}

.pagination .page-item:not(:first-child) .page-link {
    margin: 0;
}

.nex-prev-btn-wrp {
    gap: 10px;
}

.nex-prev-btn-wrp svg path {
    fill: #fff;
    stroke: none !important;
}

.nex-prev-btn-wrp .arrow-btn {
    padding: 0.575rem;
    background: transparent !important;
}

body.theme-1 .nex-prev-btn-wrp .arrow-btn svg path,
body.theme-1 .nex-prev-btn-wrp .btn svg path {
    fill: #0a9552;
}

body.theme-2 .nex-prev-btn-wrp .arrow-btn svg path,
body.theme-2 .nex-prev-btn-wrp .btn svg path {
    fill: #584ed2;
}

body.theme-3 .nex-prev-btn-wrp .arrow-btn svg path,
body.theme-3 .nex-prev-btn-wrp .btn svg path {
    fill: #6fd943;
}

body.theme-4 .nex-prev-btn-wrp .arrow-btn svg path,
body.theme-4 .nex-prev-btn-wrp .btn svg path {
    fill: #145388;
}

body.theme-5 .nex-prev-btn-wrp .arrow-btn svg path,
body.theme-5 .nex-prev-btn-wrp .btn svg path {
    fill: #b9406b;
}

body.theme-6 .nex-prev-btn-wrp .arrow-btn svg path,
body.theme-6 .nex-prev-btn-wrp .btn svg path {
    fill: #008ecc;
}

body.theme-7 .nex-prev-btn-wrp .arrow-btn svg path,
body.theme-7 .nex-prev-btn-wrp .btn svg path {
    fill: #922c88;
}

body.theme-8 .nex-prev-btn-wrp .arrow-btn svg path,
body.theme-8 .nex-prev-btn-wrp .btn svg path {
    fill: #c0a145;
}

body.theme-9 .nex-prev-btn-wrp .arrow-btn svg path,
body.theme-9 .nex-prev-btn-wrp .btn svg path {
    fill: #48494b;
}

body.theme-10 .nex-prev-btn-wrp .arrow-btn svg path,
body.theme-10 .nex-prev-btn-wrp .btn svg path {
    fill: #0c7785;
}

body.custom-color .nex-prev-btn-wrp .arrow-btn svg path,
body.custom-color .nex-prev-btn-wrp .btn svg path {
    fill: var(--color-customColor);
}

body.theme-1 .nex-prev-btn-wrp .btn {
    color: #0a9552;
    border-radius: 4px;
    border-color: #0a9552;
}

body.theme-2 .nex-prev-btn-wrp .btn {
    color: #584ed2;
    border-radius: 4px;
    border-color: #584ed2;
}

body.theme-3 .nex-prev-btn-wrp .btn {
    color: #6fd943;
    border-radius: 4px;
    border-color: #6fd943;
}

body.theme-4 .nex-prev-btn-wrp .btn {
    color: #145388;
    border-radius: 4px;
    border-color: #145388;
}

body.theme-5 .nex-prev-btn-wrp .btn {
    color: #b9406b;
    border-radius: 4px;
    border-color: #b9406b;
}

body.theme-6 .nex-prev-btn-wrp .btn {
    color: #008ecc;
    border-radius: 4px;
    border-color: #008ecc;
}

body.theme-7 .nex-prev-btn-wrp .btn {
    color: #922c88;
    border-radius: 4px;
    border-color: #922c88;
}

body.theme-8 .nex-prev-btn-wrp .btn {
    color: #c0a145;
    border-radius: 4px;
    border-color: #c0a145;
}

body.theme-9 .nex-prev-btn-wrp .btn {
    color: #48494b;
    border-radius: 4px;
    border-color: #48494b;
}

body.theme-10 .nex-prev-btn-wrp .btn {
    color: #0c7785;
    border-radius: 4px;
    border-color: #0c7785;
}

body.custom-color .nex-prev-btn-wrp .btn {
    color: var(--color-customColor);
    border-radius: 4px;
    border-color: var(--color-customColor);
}


.nex-prev-btn-wrp .btn:hover {
    color: #ffffff !important;
}

.nex-prev-btn-wrp .btn:not(.arrow-btn):hover svg path {
    fill: #fff !important;
}

.btn-addnew-project {
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.btn-addnew-project .proj-add-icon {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.nex-prev-btn-wrp .btn:hover {
    color: var(--bs-btn-hover-color);
    text-decoration: none;
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.nex-prev-btn-wrp .btn svg path {
    transition: all 500ms ease-in-out;
}


.nex-prev-btn-wrp .btn {
    gap: 8px;
    background: transparent;
    transition: all 500ms ease-in-out;
}

.product-grid .card {
    box-shadow: 0 6px 30px rgba(182, 186, 203, 0.3);
}

.product-grid .card h6 {
    margin-bottom: 5px !important;
}

.product-grid .card .card-header .card-header-right .btn.dropdown-toggle {
    cursor: pointer;
}

.order-card .user-image {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-card .user-image .dropdown-item {
    width: auto;
}

.order-card .user-image .dropdown-item i {
    font-size: 22px;
}

.order-card {
    width: 100%;
}

.order-card-wrp {
    row-gap: 25px;
}

.order-card .btn:hover i,
.order-card .btn i {
    color: #000000;
}

.product-grid .card .card-header .card-header-right {
    right: 16px !important;
    top: 25px !important;
}

.product-grid .card .card-header .card-header-right .btn.dropdown-toggle {
    top: auto !important;
    right: auto !important;
}

.product-grid .card .card-header .d-flex {
    flex: 1;
    max-width: 95%;
    width: 100%;
}

.product-grid .card h6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.product-grid .card .card-image {
    flex: 0 0 50px;
}

@media screen and (max-width:767px) {
    .pagination-content-wrp .pagination {
        display: none;
    }

    .order-card-wrp {
        row-gap: 20px;
    }
}

@media screen and (max-width:575px) {
    .pagination-content-wrp {
        justify-content: center !important;
        flex-direction: column;
    }
}

@media screen and (max-width:490px) {
    .pagination-content-wrp {
        margin-bottom: 10px;
    }
}

@media (min-width:1400px) and (max-width:1480px) {
    .order-card-wrp .card-body {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
}


/* 16.12 */
.choose-files input {
    display: none;
}

.choose-files {
    text-align: center;
}

@media screen and (max-width:1199px) {
    .plan-order-sumry-content-wrp {
        gap: 20px;
    }
}

@media screen and (max-width:575px) {
    .card-body {
        padding: 10px 15px;
    }

    .custom-width .choices {
        width: auto;
    }
}

.dash-header .dash-h-item .cust-btn i {
    font-size: 21px;
}

.plan-order-sumry-wrp .card .tab-pane {
    padding: 15px;
}

/* sidebar new-css */
.dash-sidebar .m-header a {
    max-width: 140px;
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
    display: block;
}


.dash-sidebar .m-header img {
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
}

.dash-sidebar .dash-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem !important;
    font-weight: 500;
    color: var(--mono-text) !important;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all 0.2s ease-in-out;
}

.dash-sidebar .dash-link i {
    font-size: 0.875rem !important;
    color: var(--mono-text) !important;
}

.dash-sidebar .dash-link .dash-mtext {
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
    font-weight: 500;
}

.dash-sidebar .dash-submenu .dash-link {
    font-size: 0.8125rem !important;
    padding: 0.5rem 0.75rem 0.5rem 2.5rem;
    color: var(--mono-text) !important;
}

.dash-sidebar .dash-submenu .dash-link .dash-mtext,
.dash-sidebar .dash-submenu .dash-link span {
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
    font-weight: 400;
}

.dash-sidebar .dash-submenu .dash-submenu .dash-link {
    padding-left: 3.5rem;
    font-size: 0.8125rem !important;
}

.dash-sidebar .dash-submenu .dash-submenu .dash-link .dash-mtext,
.dash-sidebar .dash-submenu .dash-submenu .dash-link span {
    font-size: 0.8125rem !important;
}

.dash-sidebar .dash-item:not(:last-of-type) {
    margin: 0 0 4px;
}


.dash-sidebar.light-sidebar .dash-link i {
    font-size: 0.875rem !important;
    color: var(--mono-text) !important;
}

/* Sidebar Active and Hover States */
.dash-sidebar .dash-item.active>.dash-link,
.dash-sidebar .dash-item.active>.dash-link .dash-mtext,
.dash-sidebar .dash-item.active>.dash-link span {
    color: var(--mono-primary) !important;
    font-weight: 600 !important;
    background-color: transparent !important;
    background: transparent !important;
}

.dash-sidebar .dash-item.active>.dash-link i {
    color: var(--mono-primary) !important;
}

.dash-sidebar .dash-item.active>.dash-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 60%;
    background-color: var(--mono-primary);
    border-radius: 0;
}

.dash-sidebar .dash-submenu .dash-item.active>.dash-link,
.dash-sidebar .dash-submenu .dash-item.active>.dash-link .dash-mtext,
.dash-sidebar .dash-submenu .dash-item.active>.dash-link span {
    color: var(--mono-primary) !important;
    font-weight: 600 !important;
}

.dash-sidebar .dash-submenu .dash-item.active>.dash-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 50%;
    background-color: var(--mono-primary);
    border-radius: 0;
}

.dash-sidebar .dash-link:hover {
    background-color: var(--mono-bg-alt) !important;
    color: var(--mono-primary) !important;
}

.dash-sidebar .dash-link:hover .dash-mtext,
.dash-sidebar .dash-link:hover span {
    color: var(--mono-primary) !important;
}

.dash-sidebar .dash-link:hover i {
    color: var(--mono-primary) !important;
}

.dash-sidebar .dash-item {
    position: relative;
}

.dash-sidebar .dash-arrow {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.simplebar-content-wrapper {
    padding: 0 15px;
}

.sidebar-input .form-control {
    padding: 8px 15px 8px 35px;
    margin: 0 0 15px;
}

.sidebar-input i {
    position: absolute;
    top: 20px;
    left: 10px;
    color: black;
    font-size: 18px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.dash-sidebar .dash-submenu .dash-link {
    padding: 0 0 5px 35px;
}

.dash-sidebar .dash-submenu {
    margin: 10px 0 0;

}

/* Remove small circle from submenu items */
.dash-sidebar .dash-submenu .dash-item:before,
.dash-sidebar .dash-navbar .dash-submenu .dash-item:before,
body:not(.minimenu) .dash-sidebar .dash-submenu .dash-item:before,
body:not(.minimenu) .dash-sidebar .dash-submenu .dash-item.active:before,
body:not(.minimenu) .dash-sidebar .dash-submenu .dash-item:hover:before,
body:not(.minimenu) .dash-sidebar .dash-submenu .dash-submenu>.dash-item:before,
body:not(.minimenu) .dash-sidebar .dash-submenu .dash-submenu .dash-submenu>.dash-item:before {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
}




/* header-css */
.dash-header .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(110, 106, 106, 20%);

}

.header-icon-list {
    gap: 12px;
}


/* dashboard page css */
.dash-order-status .row>.col-12:nth-child(1) .card-icon {
    background-color: #E0F2FE;
}

.dash-order-status .row>.col-12:nth-child(1) .card-icon svg path {
    stroke: #0EA5E9;
}

.dash-order-status .row>.col-12:nth-child(2) .card-icon {
    background-color: #D1FAE5;
}

.dash-order-status .row>.col-12:nth-child(2) .card-icon svg path {
    stroke: #10B981;
}

.dash-order-status .row>.col-12:nth-child(3) .card-icon {
    background-color: #EDE9FE;
}

.dash-order-status .row>.col-12:nth-child(3) .card-icon svg path,
.dash-order-status .row>.col-12:nth-child(3) .card-icon svg polyline,
.dash-order-status .row>.col-12:nth-child(3) .card-icon svg polygon {
    stroke: #8B5CF6;
}

.dash-order-status .row>.col-12:nth-child(4) .card-icon {
    background-color: #FEF3C7;
}

.dash-order-status .row>.col-12:nth-child(4) .card-icon svg circle,
.dash-order-status .row>.col-12:nth-child(4) .card-icon svg line {
    stroke: #F59E0B;
}

.dash-order-status .row>.col-12:nth-child(5) .card-icon {
    background-color: #CCFBF1;
}

.dash-order-status .row>.col-12:nth-child(5) .card-icon svg polygon,
.dash-order-status .row>.col-12:nth-child(5) .card-icon svg circle,
.dash-order-status .row>.col-12:nth-child(5) .card-icon svg rect {
    stroke: #14B8A6;
}

.dash-order-status .row>.col-12:nth-child(6) .card-icon {
    background-color: #E0E7FF;
}

.dash-order-status .row>.col-12:nth-child(6) .card-icon svg path,
.dash-order-status .row>.col-12:nth-child(6) .card-icon svg rect {
    stroke: #6366F1;
}

.dash-order-status .row>.col-12:nth-child(7) .card-icon {
    background-color: #ECFCCB;
}

.dash-order-status .row>.col-12:nth-child(7) .card-icon svg path,
.dash-order-status .row>.col-12:nth-child(7) .card-icon svg circle {
    stroke: #84CC16;
}

.dash-order-status .row>.col-12:nth-child(8) .card-icon {
    background-color: #FAE8FF;
}

.dash-order-status .row>.col-12:nth-child(8) .card-icon svg path,
.dash-order-status .row>.col-12:nth-child(8) .card-icon svg circle,
.dash-order-status .row>.col-12:nth-child(8) .card-icon svg line {
    stroke: #D946EF;
}


/* Superadmin dashboard icons - all use light gray background */
.superadmin-wrp .row>.col-12:nth-child(1) .card-icon,
.superadmin-wrp .row>.col-12:nth-child(2) .card-icon,
.superadmin-wrp .row>.col-12:nth-child(3) .card-icon,
.superadmin-wrp .row>.col-12:nth-child(4) .card-icon,
.superadmin-wrp .row>.col-12:nth-child(5) .card-icon,
.superadmin-wrp .row>.col-12:nth-child(6) .card-icon {
    background-color: var(--mono-bg-alt) !important;
    /* Light gray for all icons */
}

/* All superadmin icons use monochrome primary color */
.superadmin-wrp .row>.col-12:nth-child(1) .card-icon svg path,
.superadmin-wrp .row>.col-12:nth-child(1) .card-icon svg line,
.superadmin-wrp .row>.col-12:nth-child(1) .card-icon svg circle,
.superadmin-wrp .row>.col-12:nth-child(2) .card-icon svg circle,
.superadmin-wrp .row>.col-12:nth-child(2) .card-icon svg polyline,
.superadmin-wrp .row>.col-12:nth-child(2) .card-icon svg path,
.superadmin-wrp .row>.col-12:nth-child(3) .card-icon svg path,
.superadmin-wrp .row>.col-12:nth-child(3) .card-icon svg polyline,
.superadmin-wrp .row>.col-12:nth-child(3) .card-icon svg polygon,
.superadmin-wrp .row>.col-12:nth-child(4) .card-icon svg path,
.superadmin-wrp .row>.col-12:nth-child(4) .card-icon svg polyline,
.superadmin-wrp .row>.col-12:nth-child(5) .card-icon svg circle,
.superadmin-wrp .row>.col-12:nth-child(5) .card-icon svg line,
.superadmin-wrp .row>.col-12:nth-child(5) .card-icon svg polygon,
.superadmin-wrp .row>.col-12:nth-child(6) .card-icon svg path,
.superadmin-wrp .row>.col-12:nth-child(6) .card-icon svg rect {
    stroke: var(--mono-primary) !important;
    /* Monochrome primary color */
}



.dashboard-card .dataTable-wrapper {
    display: grid;
}

.dashboard-card .dataTable-top {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}

.dashboard-card .dataTable-top::after,
.dashboard-card .dataTable-bottom::after {
    display: none;
}

.details-card,
.dashboard-card {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 16px;
    border-radius: 5px !important;
    background-color: var(--mono-bg);
    color: var(--mono-text);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid var(--mono-border);
}

.details-card .card-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.details-card .card-icon {
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    background-color: var(--mono-bg-alt) !important;
    /* Light gray for all icons */
}

/* Dashboard icons - Monochrome (all icons) */
.details-card .card-icon svg,
.dashboard-card svg,
.details-card .card-icon .lucide,
.dashboard-card .lucide,
.dashboard-card .card-icon svg,
.dashboard-card .card-icon .lucide {
    color: var(--mono-primary) !important;
    stroke: var(--mono-primary) !important;
    fill: none !important;
}

/* Override any color classes on dashboard icons */
.details-card .card-icon svg[class*="text-"],
.dashboard-card svg[class*="text-"],
.details-card .card-icon [class*="text-blue"],
.details-card .card-icon [class*="text-primary"],
.dashboard-card [class*="text-blue"],
.dashboard-card [class*="text-primary"],
.dashboard-card [class*="lucide"][class*="text-"] {
    color: var(--mono-primary) !important;
    stroke: var(--mono-primary) !important;
}

.details-card .card-icon svg path,
.details-card .card-icon svg circle,
.details-card .card-icon svg polyline,
.details-card .card-icon svg line,
.details-card .card-icon svg rect,
.details-card .card-icon svg polygon,
.dashboard-card svg path,
.dashboard-card svg circle,
.dashboard-card svg polyline,
.dashboard-card svg line,
.dashboard-card svg rect,
.dashboard-card svg polygon {
    stroke: var(--mono-primary) !important;
    fill: none !important;
}

/* Override any fill colors in SVG icons */
.details-card .card-icon svg[fill],
.dashboard-card svg[fill],
.details-card .card-icon svg path[fill],
.dashboard-card svg path[fill] {
    fill: none !important;
}

.details-card .bg-img {
    position: absolute;
    bottom: 0;
    right: 15px;
    height: 100%;
    width: 100px;
}

.details-card .bg-img img {
    height: 100%;
    width: 100%;

}

.dashboard-card .user-img {
    height: 70px;
    width: 70px;
    border: 4px solid #f5f5f5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    flex-shrink: 0;
}

.dashboard-card .user-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.qr-code-wrp .code-img {
    height: 70px;
    width: 70px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    overflow: hidden;
}

.qr-code-wrp .code-img img,
.qr-code-wrp .code-img svg {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.theme-label-img {
    position: relative;
    padding-top: 55%;
    display: block;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    border: 0;
}

.theme-label-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: top;
    transition: 3s all ease;
    z-index: 3;
}

.theme-label-img:hover img {
    object-position: bottom;
}

.row-gap-2 {
    row-gap: 20px;
}

/* ===========================================
   MONOCHROME THEME FOUNDATION
   =========================================== */

:root {
    /* Monochrome Color Palette */
    --mono-primary: #1a1a1a;
    --mono-secondary: #4a4a4a;
    --mono-tertiary: #6a6a6a;
    --mono-light: #f5f5f5;
    --mono-lighter: #fafafa;
    --mono-dark: #000000;
    --mono-border: #e0e0e0;
    --mono-border-light: #f0f0f0;
    --mono-text: #1a1a1a;
    --mono-text-light: #6a6a6a;
    --mono-text-lighter: #9a9a9a;
    --mono-bg: #ffffff;
    --mono-bg-alt: #f9f9f9;
    --mono-active: #2a2a2a;
    --mono-hover: #f0f0f0;

    /* Status Colors - Grayscale Variants */
    --mono-success: #4a4a4a;
    --mono-success-bg: #f0f0f0;
    --mono-warning: #6a6a6a;
    --mono-warning-bg: #f5f5f5;
    --mono-danger: #1a1a1a;
    --mono-danger-bg: #e8e8e8;
    --mono-info: #4a4a4a;
    --mono-info-bg: #f0f0f0;

    /* Override theme colors with monochrome */
    --theme-color: var(--mono-primary);
    --second-color: var(--mono-secondary);
    --third-color: var(--mono-light);

    /* Override Bootstrap colors */
    --bs-primary: var(--mono-primary);
    --bs-secondary: var(--mono-secondary);
    --bs-success: var(--mono-success);
    --bs-warning: var(--mono-warning);
    --bs-danger: var(--mono-danger);
    --bs-info: var(--mono-info);

    /* Override body colors */
    --bs-body-color: var(--mono-text);
    --bs-body-bg: var(--mono-lighter);

    /* Border colors */
    --bs-border-color: var(--mono-border);
}

/* Sidebar Monochrome Styling - Modern Outline Style */
.dash-sidebar {
    background: var(--mono-bg) !important;
    border-right: 1px solid var(--mono-border);
    width: 260px !important;
}

.dash-sidebar .navbar-wrapper {
    padding: 0;
}

.dash-sidebar .m-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--mono-border);
}

.dash-sidebar .navbar-content {
    padding: 0.25rem 0 1rem 0;
}

/* Remove sidebar search */
.dash-sidebar .sidebar-input {
    display: none !important;
}

/* Menu Navigation */
.dash-sidebar .dash-navbar {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dash-sidebar .dash-navbar .dash-item {
    margin: 0;
    padding: 0;
}

.dash-sidebar .dash-navbar .dash-item>.dash-link {
    display: flex;
    align-items: center;
    padding: 0.625rem 1.25rem;
    color: var(--mono-text);
    text-decoration: none;
    border-radius: 0;
    margin: 0;
    transition: none;
    position: relative;
    font-size: 0.8125rem;
    font-weight: 400;
    gap: 0.625rem;
    min-height: 36px;
}

.dash-sidebar .dash-navbar .dash-item>.dash-link:hover {
    background: transparent;
    color: var(--mono-text);
}

/* Active State - Small left border bar (reduced height, not full height) */
.dash-sidebar .dash-navbar .dash-item.active>.dash-link,
.dash-sidebar .dash-navbar .dash-item.active>.dash-link:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--mono-text) !important;
    font-weight: 600;
    box-shadow: none !important;
    border: none !important;
    border-left: none !important;
    padding-left: 1.25rem !important;
    text-decoration: none !important;
    position: relative !important;
}

/* Smaller bar height using ::before pseudo-element - keeps bar visible on hover */
.dash-sidebar .dash-navbar .dash-item.active>.dash-link::before,
.dash-sidebar .dash-navbar .dash-item.active>.dash-link:hover::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 50%;
    background-color: var(--mono-primary);
    border-radius: 0;
}

.dash-sidebar .dash-navbar .dash-item.active>.dash-link {
    border-left: none !important;
}

/* Remove hover effects - bar should only show on active/selected, but keep bar on active items when hovered */
.dash-sidebar.light-sidebar .dash-navbar>.dash-item:not(.active):hover>.dash-link,
.dash-sidebar .dash-navbar>.dash-item:not(.active):hover>.dash-link,
.dash-sidebar.light-sidebar .dash-navbar>.dash-item:not(.active):focus>.dash-link,
.dash-sidebar .dash-navbar>.dash-item:not(.active):focus>.dash-link {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--mono-text) !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    border: none !important;
    border-left: none !important;
    padding-left: 1.25rem !important;
    text-decoration: none !important;
}

/* Ensure active items keep bar on hover */
.dash-sidebar.light-sidebar .dash-navbar>.dash-item.active:hover>.dash-link,
.dash-sidebar .dash-navbar>.dash-item.active:hover>.dash-link,
.dash-sidebar.light-sidebar .dash-navbar>.dash-item.active:focus>.dash-link,
.dash-sidebar .dash-navbar>.dash-item.active:focus>.dash-link {
    border-left: none !important;
}

/* Ensure active icons are visible (only for active, not hover) */
.dash-sidebar .dash-navbar .dash-item.active>.dash-link i,
.dash-sidebar.light-sidebar .dash-navbar>.dash-item.active>.dash-link i,
.dash-sidebar.light-sidebar .dash-navbar>.dash-item:active>.dash-link i,
.dash-sidebar .dash-navbar>.dash-item.active>.dash-link i,
.dash-sidebar .dash-navbar>.dash-item:active>.dash-link i {
    color: var(--mono-primary) !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Remove icon color change on hover - keep normal color */
.dash-sidebar.light-sidebar .dash-navbar>.dash-item:hover>.dash-link i,
.dash-sidebar.light-sidebar .dash-navbar>.dash-item:focus>.dash-link i,
.dash-sidebar .dash-navbar>.dash-item:hover>.dash-link i,
.dash-sidebar .dash-navbar>.dash-item:focus>.dash-link i {
    color: inherit !important;
}

/* Icons - Outline Style */
.dash-sidebar .dash-navbar .dash-item>.dash-link i {
    font-size: 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    stroke-width: 1.5;
    fill: none;
    flex-shrink: 0;
}

.dash-sidebar .dash-navbar .dash-item.active>.dash-link i {
    stroke-width: 2;
    fill: none;
    color: var(--mono-primary) !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure all Tabler icons in sidebar are outline */
.dash-sidebar .dash-navbar .dash-item>.dash-link i[class*="ti-"] {
    stroke: currentColor;
    fill: none !important;
}

/* Override any filled icon styles */
.dash-sidebar i.ti {
    fill: none !important;
    stroke: currentColor !important;
}

/* Ensure SVG icons are outline style */
.dash-sidebar svg {
    fill: none;
    stroke: currentColor;
}

.dash-sidebar svg path {
    fill: none !important;
    stroke: currentColor;
}

/* Active state - subtle icon background (monochrome version of the blue highlight) */
.dash-sidebar .dash-navbar .dash-item.active>.dash-link {
    position: relative;
}

.dash-sidebar .dash-navbar .dash-item.active>.dash-link i {
    position: relative;
    z-index: 1;
}

/* Ensure proper alignment and spacing */
.dash-sidebar .dash-navbar .dash-item>.dash-link {
    align-items: center;
    min-height: 36px;
}

/* Submenu items should not have icons or chevrons */
.dash-sidebar .dash-navbar .dash-submenu .dash-item>.dash-link {
    gap: 0;
}

.dash-sidebar .dash-navbar .dash-submenu .dash-item>.dash-link .dash-mtext {
    width: 100%;
}

/* Menu Text */
.dash-sidebar .dash-navbar .dash-item .dash-mtext {
    flex: 1;
    font-weight: inherit;
    color: inherit;
    font-size: 0.8125rem;
    line-height: 1.4;
}

/* Chevron Arrow - Only show for items with submenus */
.dash-sidebar .dash-navbar .dash-item.dash-hasmenu>.dash-link::after {
    content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-left: auto;
    opacity: 0.6;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.dash-sidebar .dash-navbar .dash-item.active.dash-hasmenu>.dash-link::after {
    opacity: 1;
    color: var(--mono-primary);
}

.dash-sidebar .dash-navbar .dash-item.active>.dash-link::after,
.dash-sidebar .dash-navbar .dash-item.show>.dash-link::after {
    opacity: 1;
}

/* Hide items without submenus from showing chevron */
.dash-sidebar .dash-navbar .dash-item:not(.dash-hasmenu)>.dash-link::after {
    display: none;
}

.dash-sidebar .dash-navbar .dash-item .dash-arrow {
    display: none !important;
}

/* Submenu Styling */
.dash-sidebar .dash-navbar .dash-submenu {
    list-style: none;
    padding: 0.5rem 0;
    margin: 0;
    background: transparent;
    display: none;
    border-left: 1px solid var(--mono-border-light);
    margin-left: 1.25rem;
}

/* Remove top padding from sub-menu-dropdown to eliminate space from hidden buttonHtml */
.dash-sidebar .dash-navbar .dash-submenu.sub-menu-dropdown {
    padding-top: 0 !important;
}

/* Ensure first visible child (first li) starts immediately without extra space */
.dash-sidebar .dash-navbar .dash-submenu.sub-menu-dropdown>li:first-child,
.dash-sidebar .dash-navbar .dash-submenu>li:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hide only truly empty dash-link anchors (completely empty, no text, no spans, no icons) */
.dash-sidebar .dash-navbar .dash-submenu .dash-item>a.dash-link[href="#!"]:empty:not(:has(span)):not(:has(.dash-mtext)):not(:has(i)):not(:has(*)),
.dash-sidebar .dash-navbar .dash-submenu .dash-item>a.dash-link[href="#"]:empty:not(:has(span)):not(:has(.dash-mtext)):not(:has(i)):not(:has(*)) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove empty first row (buttonHtml) from submenu - completely eliminate space */
.dash-sidebar .dash-navbar .dash-submenu>.d-flex.justify-content-between,
.dash-sidebar .dash-navbar .dash-submenu>div.d-flex,
.dash-sidebar .dash-navbar .dash-submenu .collepse-menu-buttons,
.dash-sidebar .dash-navbar .dash-submenu .collepse-btn-back,
.dash-sidebar .dash-navbar .dash-submenu .collepse-btn-close,
.dash-sidebar .dash-navbar .dash-submenu.sub-menu-dropdown>.d-flex:first-child,
.dash-sidebar .dash-navbar .dash-submenu.sub-menu-dropdown>div:first-child:has(.collepse-menu-buttons),
.dash-sidebar .dash-navbar .dash-submenu>div:first-child:not(.dash-item):not(li),
.dash-sidebar .dash-navbar .dash-submenu.sub-menu-dropdown>div:first-of-type:not(li),
.dash-sidebar .dash-navbar .dash-submenu.sub-menu-dropdown>div:first-child {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
    font-size: 0 !important;
    border: none !important;
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Remove small circle from submenu items - already handled above */

.dash-sidebar .dash-navbar .dash-item.active>.dash-submenu,
.dash-sidebar .dash-navbar .dash-item.show>.dash-submenu,
.dash-sidebar .dash-navbar .dash-item.open>.dash-submenu,
.dash-sidebar .dash-navbar .dash-item.dash-trigger>.dash-submenu {
    display: block;
}

.dash-sidebar .dash-navbar .dash-submenu .dash-item {
    padding-left: 0;
    margin: 0;
}

.dash-sidebar .dash-navbar .dash-submenu .dash-item>.dash-link {
    padding: 0.5rem 1.25rem 0.5rem 1.5rem;
    font-size: 0.75rem;
    color: var(--mono-text-light);
    display: flex;
    align-items: center;
}

/* Submenu Active State - Smaller bar height, not full height */
.dash-sidebar .dash-navbar .dash-submenu .dash-item.active>.dash-link,
.dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item.active>.dash-link,
.dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item:active>.dash-link,
.dash-sidebar .dash-item .dash-submenu .dash-item.active>.dash-link,
.dash-sidebar .dash-item .dash-submenu .dash-item:active>.dash-link,
.dash-sidebar .dash-navbar .dash-submenu .dash-item.active>.dash-link:hover,
.dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item.active:hover>.dash-link {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding-left: 1.5rem !important;
    font-weight: 600 !important;
    color: var(--mono-primary) !important;
    text-decoration: none !important;
    position: relative !important;
}

/* Smaller bar height for submenu using ::before - keeps bar visible on hover */
.dash-sidebar .dash-navbar .dash-submenu .dash-item.active>.dash-link::before,
.dash-sidebar .dash-navbar .dash-submenu .dash-item.active>.dash-link:hover::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 50%;
    background-color: var(--mono-primary);
    border-radius: 0;
}

/* Remove hover effects from submenu items (but keep bar on active items) */
.dash-sidebar .dash-navbar .dash-submenu .dash-item:not(.active)>.dash-link:hover,
.dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item:not(.active):hover>.dash-link,
.dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item:not(.active):focus>.dash-link,
.dash-sidebar .dash-item .dash-submenu .dash-item:not(.active):hover>.dash-link,
.dash-sidebar .dash-item .dash-submenu .dash-item:not(.active):focus>.dash-link {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--mono-text-light) !important;
    font-weight: 400 !important;
    border-left: none !important;
    padding-left: 1.5rem !important;
    text-decoration: none !important;
}

/* Remove icon from submenu items */
.dash-sidebar .dash-navbar .dash-submenu .dash-item>.dash-link i {
    display: none;
}

.dash-sidebar .dash-navbar .dash-submenu .dash-item>.dash-link .dash-mtext {
    padding-left: 0;
}

/* Remove hover effects - already handled above */

/* Nested Submenus */
.dash-sidebar .dash-navbar .dash-submenu .dash-submenu {
    margin-left: 1.5rem;
    padding: 0.25rem 0;
}

.dash-sidebar .dash-navbar .dash-submenu .dash-submenu .dash-item>.dash-link {
    padding: 0.45rem 1.25rem 0.45rem 1.5rem;
    font-size: 0.6875rem;
}

/* Nested Submenu Active State - Smaller bar height */
.dash-sidebar .dash-navbar .dash-submenu .dash-submenu .dash-item.active>.dash-link,
.dash-sidebar .dash-navbar .dash-submenu .dash-submenu .dash-item.active>.dash-link:hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding-left: 1.5rem !important;
    font-weight: 600;
    color: var(--mono-text);
    text-decoration: none !important;
    position: relative !important;
}

/* Smaller bar height for nested submenu using ::before - keeps bar visible on hover */
.dash-sidebar .dash-navbar .dash-submenu .dash-submenu .dash-item.active>.dash-link::before,
.dash-sidebar .dash-navbar .dash-submenu .dash-submenu .dash-item.active>.dash-link:hover::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 50%;
    background-color: var(--mono-primary);
    border-radius: 0;
}

/* Remove hover from nested submenu */
.dash-sidebar .dash-navbar .dash-submenu .dash-submenu .dash-item>.dash-link:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--mono-text-light) !important;
    font-weight: 400 !important;
    border-left: none !important;
    padding-left: 1.5rem !important;
    text-decoration: none !important;
}

/* Section Headers (if added) */
.dash-navbar-section-header {
    padding: 1rem 1.25rem 0.5rem 1.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--mono-text-lighter);
    margin-top: 1rem;
}

.dash-navbar-section-header:first-child {
    margin-top: 0;
}

/* Remove any background on icon containers */
.dash-sidebar .dash-navbar .dash-item>.dash-link .dash-micon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0;
}

.dash-sidebar .dash-navbar .dash-item>.dash-link .dash-micon i {
    font-size: 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    color: inherit;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure active state icons in dash-micon are visible */
.dash-sidebar .dash-navbar .dash-item.active>.dash-link .dash-micon i,
.dash-sidebar .dash-item.active>.dash-link .dash-micon i,
.dash-sidebar .dash-item.active>.dash-link .dash-micon svg,
.dash-sidebar.light-sidebar .dash-item.active>.dash-link .dash-micon i,
.dash-sidebar.light-sidebar .dash-item.active>.dash-link .dash-micon svg {
    color: var(--mono-primary) !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure Tabler icons are outline style */
.dash-sidebar .dash-navbar .dash-item>.dash-link i.ti {
    stroke-width: 1.5;
    fill: none;
}

.dash-sidebar .dash-navbar .dash-item.active>.dash-link i.ti {
    stroke-width: 2;
    fill: none;
}

/* Make sure all Tabler icons use stroke, not fill */
.dash-sidebar .dash-navbar .dash-item>.dash-link i[class*="ti-"] {
    stroke: currentColor;
    fill: none;
}

/* Ensure submenu items don't have chevrons */
.dash-sidebar .dash-navbar .dash-submenu .dash-item>.dash-link::after {
    display: none !important;
}

/* Remove all box shadows from sidebar active states */
.dash-sidebar .dash-navbar>.dash-item.active>.dash-link,
.dash-sidebar .dash-navbar>.dash-item:active>.dash-link,
.dash-sidebar .dash-navbar>.dash-item:focus>.dash-link,
.dash-sidebar .dash-navbar>.dash-item:hover>.dash-link,
.dash-sidebar.light-sidebar .dash-navbar>.dash-item.active>.dash-link,
.dash-sidebar.light-sidebar .dash-navbar>.dash-item:active>.dash-link,
.dash-sidebar.light-sidebar .dash-navbar>.dash-item:focus>.dash-link,
.dash-sidebar.light-sidebar .dash-navbar>.dash-item:hover>.dash-link {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Ensure all icons are visible on active items */
.dash-sidebar .dash-item.active>.dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-item.active>.dash-link .dash-micon {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Additional overrides to ensure icons are always visible */
.dash-sidebar .dash-navbar .dash-item>.dash-link i,
.dash-sidebar .dash-navbar .dash-item.active>.dash-link i {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Force icon visibility for dash-micon structure */
.dash-sidebar .dash-item>.dash-link .dash-micon i,
.dash-sidebar .dash-item.active>.dash-link .dash-micon i,
.dash-sidebar.light-sidebar .dash-item>.dash-link .dash-micon i,
.dash-sidebar.light-sidebar .dash-item.active>.dash-link .dash-micon i {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: inherit !important;
}

.dash-sidebar .dash-item.active>.dash-link .dash-micon i,
.dash-sidebar.light-sidebar .dash-item.active>.dash-link .dash-micon i {
    color: var(--mono-primary) !important;
}

/* Header Monochrome Styling */
.dash-header {
    background: var(--mono-bg) !important;
    border-bottom: 1px solid var(--mono-border);
    box-shadow: none;
    padding: 0 1.5rem;
    height: 70px;
}

.dash-header .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

/* Ensure user box is left-aligned */
.dash-left-drp {
    display: flex;
    align-items: center;
    margin-right: auto;
}

.dash-header .dash-left-drp {
    order: 2;
}

.dash-header .header-wrapper>ul:first-child {
    order: 1;
}

.dash-header .dash-right-drp {
    order: 3;
}

.dash-header .dash-head-link {
    color: var(--mono-text);
    padding: 8px 12px;
    border-radius: 5px !important;
    transition: none;
    font-size: 0.8125rem !important;
    /* Match sidebar menu font size */
}

/* Reduce border radius for all header boxes - 5px rounded corners */
.dash-header .dash-h-item .dash-head-link,
.dash-header .quick-add-btn .dash-head-link,
.dash-header .btn-q-add,
.dash-header .drp-company .dash-head-link,
.dash-header .drp-language .dash-head-link,
.dash-header .header-quick-add .dash-head-link,
.dash-header .cust-btn {
    border-radius: 5px !important;
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
}

/* Ensure Clear Cache button is properly sized with icon and text */
.dash-header .web-browse-icon .cust-btn {
    padding: 8px 12px !important;
    min-width: auto;
    white-space: nowrap;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.5rem !important;
    flex-wrap: nowrap;
    overflow: visible;
    width: auto;
    height: auto;
    box-sizing: border-box;
}

.dash-header .web-browse-icon .cust-btn svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0;
}

.dash-header .web-browse-icon .cust-btn span.hide-mob {
    display: inline-block !important;
    font-size: 0.8125rem !important;
    /* Match menu font size */
    white-space: nowrap;
    line-height: 1.4;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Override any margin from Bootstrap classes */
.dash-header .web-browse-icon .cust-btn .ms-1,
.dash-header .web-browse-icon .cust-btn span.ms-1 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 767.98px) {
    .dash-header .web-browse-icon .cust-btn span.hide-mob {
        display: none !important;
    }
}

.dash-header .dash-head-link:hover {
    color: var(--mono-text);
    background: var(--mono-hover);
}

.dash-header .header-icon-list li {
    border-left: none;
}

.dash-header-search {
    flex: 1;
    max-width: 600px;
    margin: 0 2rem;
}

.dash-header-search input {
    background: var(--mono-bg-alt);
    border: 1px solid var(--mono-border);
    color: var(--mono-text);
    padding: 10px 15px 10px 45px;
    border-radius: 5px;
    font-size: 0.875rem;
}

.dash-header-search input:focus {
    border-color: var(--mono-primary);
    box-shadow: 0 0 0 3px rgba(26, 26, 26, 0.1);
    outline: none;
}

.dash-header-search .ti-search {
    color: var(--mono-text-lighter);
    pointer-events: none;
}

.dash-right-drp {
    display: flex;
    align-items: center;
}

.dash-right-drp .header-icon-list {
    gap: 0.5rem;
}

.dash-right-drp .dash-h-item {
    margin: 0;
}

.dash-right-drp .web-browse-icon,
.dash-right-drp .quick-add-btn {
    margin: 0;
}

.dash-right-drp .dash-head-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 8px 12px;
    font-size: 0.8125rem !important;
    /* Match sidebar menu font size */
}

.dash-right-drp .drp-company .dash-head-link {
    padding: 8px 12px;
    font-size: 0.8125rem !important;
    /* Match sidebar menu font size */
}

/* Ensure all header icons are sized properly */
.dash-header .dash-head-link svg,
.dash-header .dash-head-link i {
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
}

/* Header text elements - match menu font size */
.dash-header .dash-head-link span,
.dash-header .dash-head-link .fw-semibold,
.dash-header .dash-head-link .hide-mob,
.dash-header .drp-company .dash-head-link span,
.dash-header .drp-language .dash-head-link span,
.dash-header .quick-add-btn .dash-head-link span,
.dash-header .dash-head-link .d-flex.flex-column span {
    font-size: 0.8125rem !important;
    /* Match sidebar menu font size */
    line-height: 1.4;
}

/* User box name - slightly larger for name, smaller for role */
.dash-header .drp-company .dash-head-link .d-flex.flex-column .fw-semibold {
    font-size: 0.8125rem !important;
}

.dash-header .drp-company .dash-head-link .d-flex.flex-column span:last-child {
    font-size: 0.75rem !important;
    /* Slightly smaller for role */
}

/* Buttons - Monochrome with 5px rounded corners */
.btn-primary,
.btn-outline-primary,
.btn-sm,
.btn-badge,
.btn-icon {
    border-radius: 5px !important;
}

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

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

/* Completely disable ALL hover effects for ALL buttons - Force same colors */
.theme-card-enhanced .theme-customize-btn:hover,
.theme-card-enhanced a.theme-customize-btn:hover,
.theme-card-enhanced .theme-customize-btn:focus,
.theme-card-enhanced a.theme-customize-btn:focus,
.theme-card-enhanced .theme-customize-btn:active,
.theme-card-enhanced a.theme-customize-btn:active,
.theme-card-enhanced .theme-customize-btn:visited,
.theme-card-enhanced a.theme-customize-btn:visited,
.pages-listing-card .page-edit-btn:hover,
.pages-listing-card a.page-edit-btn:hover,
.pages-listing-card .page-edit-btn:focus,
.pages-listing-card a.page-edit-btn:focus,
.pages-listing-card .page-edit-btn:active,
.pages-listing-card a.page-edit-btn:active,
.pages-listing-card .page-edit-btn:visited,
.pages-listing-card a.page-edit-btn:visited,
.customize-save-btn:hover,
.customize-save-btn:focus,
.customize-save-btn:active,
.customize-save-btn:visited,
.customize-back-btn:hover,
.customize-back-btn:focus,
.customize-back-btn:active,
.customize-back-btn:visited,
.customize-upload-btn:hover,
.customize-upload-btn:focus,
.customize-upload-btn:active,
.customize-upload-btn:visited,
.customize-delete-btn:hover,
.customize-delete-btn:focus,
.customize-delete-btn:active,
.customize-delete-btn:visited,
.customize-add-btn:hover,
.customize-add-btn:focus,
.customize-add-btn:active,
.customize-add-btn:visited {
    transform: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* Primary buttons - keep same color on hover */
.theme-card-enhanced .theme-customize-btn:hover,
.theme-card-enhanced a.theme-customize-btn:hover,
.pages-listing-card .page-edit-btn:hover,
.pages-listing-card a.page-edit-btn:hover,
.customize-save-btn:hover,
.customize-upload-btn:hover {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.theme-card-enhanced .theme-customize-btn:hover *,
.theme-card-enhanced a.theme-customize-btn:hover *,
.pages-listing-card .page-edit-btn:hover *,
.pages-listing-card a.page-edit-btn:hover *,
.customize-save-btn:hover *,
.customize-upload-btn:hover * {
    color: var(--mono-bg) !important;
    background-color: var(--mono-primary) !important;
}

/* Danger buttons - keep same color on hover */
.customize-delete-btn:hover {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
    color: var(--mono-bg) !important;
}

.customize-delete-btn:hover * {
    color: var(--mono-bg) !important;
    background-color: var(--bs-danger) !important;
}

/* Back/Add buttons - keep same color on hover */
.customize-back-btn:hover,
.customize-add-btn:hover {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
}

.customize-back-btn:hover *,
.customize-add-btn:hover * {
    color: var(--mono-text) !important;
}

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

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

/* Cards - Monochrome with 5px rounded corners */
.dashboard-card,
.card {
    background: var(--mono-bg);
    border: 1px solid var(--mono-border);
    border-radius: 5px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.dashboard-card .card-header,
.card .card-header {
    border-bottom: 1px solid var(--mono-border);
    background: var(--mono-bg);
    color: var(--mono-text);
    font-weight: 600;
    border-radius: 5px 5px 0 0 !important;
    /* Top corners only */
    font-size: 0.9375rem !important;
    /* Slightly smaller */
}

.dashboard-card .card-body {
    border-radius: 0 0 5px 5px !important;
    /* Bottom corners only */
}

.dashboard-card .card-footer {
    border-top: 1px solid var(--mono-border);
    border-radius: 0 0 5px 5px !important;
}

/* Dashboard comprehensive styling - match menu style */
.dashboard-card .btn,
.dashboard-card .btn-sm,
.dashboard-card .btn-badge,
.dashboard-card .btn-icon,
.dashboard-card .btn-primary,
.dashboard-card .btn-outline-primary {
    border-radius: 5px !important;
    font-size: 0.8125rem !important;
    /* Match menu font size */
}

/* Dashboard tables */
.dashboard-card .table {
    font-size: 0.8125rem !important;
}

.dashboard-card .table thead th {
    font-size: 0.75rem !important;
    font-weight: 600;
}

.dashboard-card .table tbody td {
    font-size: 0.8125rem !important;
}

/* Dashboard text elements */
.dashboard-card p,
.dashboard-card span:not(.badge):not(.btn-inner--text),
.dashboard-card .text-primary {
    font-size: 0.8125rem !important;
}

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

/* Dashboard user info card */
.dashboard-card .user-info h4 {
    font-size: 1rem !important;
    font-weight: 600;
}

.dashboard-card .user-info p {
    font-size: 0.8125rem !important;
    color: var(--mono-text-light);
}

/* Dashboard QR code */
.qr-code-wrp h5 {
    font-size: 0.875rem !important;
    font-weight: 600;
}

/* Ensure all dashboard icons are monochrome */
.dashboard-card .card-icon svg,
.dashboard-card .card-icon .lucide,
.dashboard-card svg.lucide,
.dashboard-card [class*="lucide"] {
    color: var(--mono-primary) !important;
    stroke: var(--mono-primary) !important;
    fill: none !important;
}

.dashboard-card .card-icon svg path,
.dashboard-card .card-icon svg circle,
.dashboard-card .card-icon svg polyline,
.dashboard-card .card-icon svg line,
.dashboard-card .card-icon svg rect,
.dashboard-card .card-icon svg polygon,
.dashboard-card svg path,
.dashboard-card svg circle,
.dashboard-card svg polyline,
.dashboard-card svg line,
.dashboard-card svg rect,
.dashboard-card svg polygon {
    stroke: var(--mono-primary) !important;
    fill: none !important;
}

/* Tables - Monochrome */
.table {
    color: var(--mono-text);
}

.table thead th {
    background: var(--mono-bg-alt);
    border-bottom: 2px solid var(--mono-border);
    color: var(--mono-text);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
}

.table tbody td {
    border-bottom: 1px solid var(--mono-border-light);
}

.table tbody tr:hover {
    background: var(--mono-bg-alt);
}

/* Badges - Monochrome */
.badge {
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 6px;
}

.badge.bg-success,
.badge.bg-primary {
    background-color: var(--mono-success) !important;
    color: var(--mono-bg) !important;
}

.badge.bg-danger {
    background-color: var(--mono-danger) !important;
    color: var(--mono-bg) !important;
}

.badge.bg-warning {
    background-color: var(--mono-warning) !important;
    color: var(--mono-bg) !important;
}

.badge.bg-info {
    background-color: var(--mono-info) !important;
    color: var(--mono-bg) !important;
}

/* Status Badges - Text-based differentiation */
.badge.status-active,
.badge.status-in-stock {
    background-color: var(--mono-success) !important;
    color: var(--mono-bg) !important;
}

.badge.status-inactive,
.badge.status-low-stock,
.badge.status-expired {
    background-color: var(--mono-danger) !important;
    color: var(--mono-bg) !important;
}

.badge.status-pending {
    background-color: var(--mono-warning) !important;
    color: var(--mono-bg) !important;
}

/* Icons - Monochrome */
.ti,
[class^="ti-"],
[class*=" ti-"] {
    color: var(--mono-text);
}

.dash-link .ti {
    color: inherit;
}

/* Dashboard Cards - Monochrome */
.details-card {
    background: var(--mono-bg);
    border: 1px solid var(--mono-border);
    border-radius: 5px !important;
}

.details-card .card-icon svg {
    color: var(--mono-primary) !important;
}

.details-card .card-content h2 {
    color: var(--mono-text-light);
    font-size: 0.8125rem !important;
    /* Match menu font size */
    font-weight: 500;
}

.details-card .card-content h3 {
    color: var(--mono-text);
    font-size: 1.25rem !important;
    /* Slightly larger for count */
    font-weight: 600;
}

/* Remove all colored backgrounds and replace with grayscale */
.text-primary {
    color: var(--mono-primary) !important;
}

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

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

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

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

/* Form Controls */
.form-control,
.form-select {
    border-color: var(--mono-border);
    color: var(--mono-text);
    background: var(--mono-bg);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--mono-primary);
    box-shadow: 0 0 0 0.2rem rgba(26, 26, 26, 0.1);
}

/* Breadcrumbs */
.breadcrumb {
    background: transparent;
}

.breadcrumb-item a {
    color: var(--mono-primary);
}

.breadcrumb-item.active {
    color: var(--mono-text-light);
}

/* Dropdowns */
.dropdown-menu {
    background: var(--mono-bg);
    border: 1px solid var(--mono-border);
    border-radius: 5px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Header dropdown menus - 5px rounded corners */
.dash-header .dropdown-menu,
.dash-header .dash-h-dropdown,
.dash-header .quick-add-btn .dropdown-menu {
    border-radius: 5px !important;
}

.dropdown-item {
    color: var(--mono-text);
    font-size: 0.8125rem !important;
    /* Match menu font size */
}

/* Header dropdown items */
.dash-header .dropdown-menu .dropdown-item {
    font-size: 0.8125rem !important;
    padding: 0.5rem 1rem;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: var(--mono-hover);
    color: var(--mono-text);
}

/* Pagination */
.pagination .page-link {
    color: var(--mono-text);
    border-color: var(--mono-border);
    background: var(--mono-bg);
}

.pagination .page-link:hover {
    background: var(--mono-hover);
    border-color: var(--mono-border);
    color: var(--mono-text);
}

.pagination .page-item.active .page-link {
    background: var(--mono-primary);
    border-color: var(--mono-primary);
    color: var(--mono-bg);
}

/* Search Inputs */
input[type="search"],
input[type="text"].form-control {
    background: var(--mono-bg);
    border-color: var(--mono-border);
    color: var(--mono-text);
}

/* Links */
a {
    color: var(--mono-primary);
}

a:hover {
    color: var(--mono-active);
}

/* Remove text color classes from icons in dashboard */
.text-blue-500,
.text-primary {
    color: var(--mono-primary) !important;
}

/* Superadmin Dashboard Specific */
.superadmin-wrp {
    background: transparent;
}

.popular-store {
    padding: 12px 0;
    border-bottom: 1px solid var(--mono-border-light);
}

.popular-store:last-child {
    border-bottom: none;
}

.popular-store .store-name {
    color: var(--mono-text);
    font-weight: 500;
}

.popular-store .f-w-600 {
    color: var(--mono-text-light);
}

/* Remove colored SVG fills */
svg[fill="#F9595F"],
svg path[fill="#F9595F"] {
    fill: var(--mono-primary) !important;
}

/* Override any remaining color usage */
.bg-primary {
    background-color: var(--mono-primary) !important;
}

.bg-success {
    background-color: var(--mono-success) !important;
}

.bg-danger {
    background-color: var(--mono-danger) !important;
}

.bg-warning {
    background-color: var(--mono-warning) !important;
}

.bg-info {
    background-color: var(--mono-info) !important;
}

/* Dashboard Card Improvements */
.dashboard-card h4,
.dashboard-card h5 {
    color: var(--mono-text);
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 0.9375rem !important;
    /* Smaller font size */
}

.dashboard-card h4 {
    font-size: 0.9375rem !important;
}

.dashboard-card h5 {
    font-size: 0.875rem !important;
}

.dashboard-card h6 {
    font-size: 0.8125rem !important;
    /* Match menu font size */
    color: var(--mono-text);
}

/* Dashboard navigation pills and tabs - 5px rounded corners */
.dash-category-tab .nav-link,
.dash-brand-tab .nav-link,
.store-setting-tab .nav-link {
    border-radius: 4px !important;
    font-size: 0.6875rem !important;
    padding: 0.25rem 0.5rem !important;
}

/* Filter tabs - consistent button style with borders */
.dash-category-tab .dash-filter-tabs .nav-link,
.dash-brand-tab .dash-filter-tabs .nav-link,
.dash-category-tab .pro-cat .nav-link,
.dash-brand-tab .pro-cat .nav-link {
    background-color: var(--mono-bg) !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.6875rem !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.dash-category-tab .dash-filter-tabs .nav-link:hover,
.dash-brand-tab .dash-filter-tabs .nav-link:hover,
.dash-category-tab .pro-cat .nav-link:hover,
.dash-brand-tab .pro-cat .nav-link:hover {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
}

.dash-category-tab .dash-filter-tabs .nav-link.active,
.dash-brand-tab .dash-filter-tabs .nav-link.active,
.dash-category-tab .pro-cat .nav-link.active,
.dash-brand-tab .pro-cat .nav-link.active {
    background-color: var(--mono-primary) !important;
    color: #fff !important;
    border-color: var(--mono-primary) !important;
}

.dash-category-tab .dash-filter-tabs .nav-link:not(.active),
.dash-brand-tab .dash-filter-tabs .nav-link:not(.active),
.dash-category-tab .pro-cat .nav-link:not(.active),
.dash-brand-tab .pro-cat .nav-link:not(.active) {
    background-color: var(--mono-bg) !important;
    color: var(--mono-text) !important;
    border: 1px solid var(--mono-border) !important;
}

.dashboard-card .card-body {
    padding: 1.5rem;
}

/* Chart Colors - Monochrome */
.apexcharts-series path {
    stroke: var(--mono-primary) !important;
}

.apexcharts-area-series path {
    fill: var(--mono-light) !important;
}

.apexcharts-gridline {
    stroke: var(--mono-border) !important;
}

.apexcharts-text {
    fill: var(--mono-text) !important;
}

/* Popular Store SVG */
.popular-store svg,
.store-like svg {
    width: 20px;
    height: 20px;
    color: var(--mono-primary);
}

.popular-store svg path {
    fill: currentColor;
}

/* Top Customers Card - Enhanced styling */
.customers-wrp .dashboard-card {
    padding: 1rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
    height: 100%;
}

.customers-wrp .dashboard-card img.customer-avatar {
    border-radius: 50% !important;
    object-fit: cover;
    border: none !important;
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0;
    padding: 0;
}

.customers-wrp .dashboard-card h5 {
    color: var(--mono-text) !important;
    margin-bottom: 0.25rem !important;
    font-size: 0.9375rem !important;
    font-weight: 600;
}

.customers-wrp .dashboard-card .user-mail {
    color: var(--mono-text-light) !important;
    font-size: 0.8125rem !important;
    margin-bottom: 0.5rem !important;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    line-height: 1.4;
}

.customers-wrp .dashboard-card .user-mail i {
    font-size: 0.875rem;
    color: var(--mono-text-light);
    flex-shrink: 0;
}

.customers-wrp .dashboard-card .user-mail span {
    display: inline-block;
}

.customers-wrp .dashboard-card .badge {
    background-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    border: none;
    border-radius: 5px !important;
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
    font-weight: 500;
    display: inline-block;
    margin-top: 0;
}

/* Top Customers wrapper enhancements */
.customers-wrp {
    gap: 1rem;
}

.customers-wrp .dashboard-card .d-flex {
    align-items: flex-start;
    gap: 0.75rem !important;
}

/* Add-on Manager Styles */
/* Sidebar tabs - match side menu styling with bar selection */
.addon-set-tab .nav-pills {
    gap: 0;
}

.addon-set-tab .nav-pills .dash-item {
    margin-bottom: 0;
    list-style: none;
    position: relative;
}

.addon-set-tab .nav-pills .dash-link {
    padding: 0.5rem 1rem !important;
    padding-left: 1.25rem !important;
    margin-bottom: 0.5rem !important;
    font-size: 0.8125rem !important;
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 0.625rem !important;
    color: var(--mono-text) !important;
    border-radius: 0;
    text-decoration: none;
    width: 100%;
    position: relative;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-left: none !important;
    box-shadow: none !important;
    font-weight: 400;
}

.addon-set-tab .nav-pills .dash-link:hover {
    background-color: transparent !important;
    color: var(--mono-text) !important;
    font-weight: 400;
}

/* Theme Customize Menu - Match Superadmin Submenu - Override all Bootstrap styles - HIGHEST PRIORITY */
/* Override Bootstrap nav-pills active state completely */
.theme-customize .card-body .nav.nav-pills .nav-item .nav-link.active,
.theme-customize .card-body ul.nav-pills li.nav-item a.nav-link.active,
.customize-card .card-body .nav.nav-pills .nav-item .nav-link.active,
.customize-card .card-body ul.nav-pills li.nav-item a.nav-link.active,
.theme-customize .card-body .nav-pills .nav-link.active,
.customize-card .card-body .nav-pills .nav-link.active {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--mono-primary) !important;
    font-weight: 600 !important;
    font-size: 0.8125rem !important;
    font-family: inherit !important;
    --bs-nav-pills-link-active-bg: transparent !important;
    --bs-nav-pills-link-active-color: var(--mono-primary) !important;
}

.theme-customize .nav-pills.addon-set-tab .nav-link.active,
.theme-customize .addon-set-tab .nav-link.active,
.theme-customize .nav-pills.addon-set-tab .dash-link.active,
.theme-customize .addon-set-tab .dash-link.active,
.theme-customize .nav-pills.addon-set-tab .nav-link.active.show,
.theme-customize .addon-set-tab .nav-link.active.show,
.theme-customize .nav-pills.addon-set-tab .dash-link.active.show,
.theme-customize .addon-set-tab .dash-link.active.show,
.customize-card .nav-pills.addon-set-tab .nav-link.active,
.customize-card .addon-set-tab .nav-link.active,
.customize-card .nav-pills.addon-set-tab .dash-link.active,
.customize-card .addon-set-tab .dash-link.active,
.customize-card .nav-pills.addon-set-tab .nav-link.active.show,
.customize-card .addon-set-tab .nav-link.active.show,
.customize-card .nav-pills.addon-set-tab .dash-link.active.show,
.customize-card .addon-set-tab .dash-link.active.show,
.nav-pills.addon-set-tab .nav-link.active,
.nav-pills.addon-set-tab .dash-link.active,
.addon-set-tab .nav-link.active,
.addon-set-tab .dash-link.active {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--mono-primary) !important;
    font-weight: 600 !important;
    font-size: 0.8125rem !important;
    font-family: inherit !important;
    --bs-nav-pills-link-active-bg: transparent !important;
}

.theme-customize .addon-set-tab .nav-link.active::before,
.theme-customize .nav-pills.addon-set-tab .nav-link.active::before,
.theme-customize .addon-set-tab .dash-link.active::before,
.theme-customize .nav-pills.addon-set-tab .dash-link.active::before,
.customize-card .addon-set-tab .nav-link.active::before,
.customize-card .nav-pills.addon-set-tab .nav-link.active::before,
.customize-card .addon-set-tab .dash-link.active::before,
.customize-card .nav-pills.addon-set-tab .dash-link.active::before,
.nav-pills.addon-set-tab .nav-link.active::before,
.nav-pills.addon-set-tab .dash-link.active::before,
.addon-set-tab .nav-link.active::before,
.addon-set-tab .dash-link.active::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    width: 2px !important;
    height: 50% !important;
    background-color: var(--mono-primary) !important;
    border-radius: 0 !important;
    z-index: 1 !important;
    display: block !important;
}

/* Override Bootstrap CSS variables for addon-set-tab */
.theme-customize .addon-set-tab,
.theme-customize .nav-pills.addon-set-tab,
.customize-card .addon-set-tab,
.customize-card .nav-pills.addon-set-tab {
    --bs-nav-pills-link-active-bg: transparent !important;
    --bs-nav-pills-link-active-color: var(--mono-primary) !important;
}

.addon-set-tab .nav-pills .dash-link.active {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--mono-primary) !important;
    font-weight: 600;
}

.addon-set-tab .nav-pills .dash-link.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 50%;
    background-color: var(--mono-primary);
    border-radius: 0;
}

.addon-set-tab .nav-pills .dash-link.active:hover {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--mono-primary) !important;
    font-weight: 600;
}

.addon-set-tab .nav-pills .dash-link .dash-mtext {
    font-size: 0.8125rem !important;
    width: 100%;
}

/* Add More Add-ons button - make icon visible */
.btn-primary.btn-badge i {
    color: var(--mono-bg) !important;
}

/* Add-on cards - compact styling */
.module-card .card {
    padding: 0.75rem !important;
    border-radius: 5px !important;
    display: flex;
    flex-direction: column;
}

.module-card .product-img {
    padding-bottom: 12px;
}

.module-card .theme-main {
    align-items: flex-start;
}

.module-card .theme-avtar.addon-icon-box {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mono-bg-alt);
    border-radius: 5px !important;
    padding: 8px;
    margin-right: 12px;
}

.module-card .theme-avtar.addon-icon-box .addon-icon {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain;
    max-width: 100% !important;
}

.module-card .product-content {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Arrow button at the end of the card */
.module-card .btn-arrow-end {
    width: 28px;
    height: 28px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px !important;
    background-color: var(--mono-bg-alt);
    border: 1px solid var(--mono-border);
    color: var(--mono-text-light);
    cursor: default;
    pointer-events: none;
    margin-left: auto;
    margin-top: auto;
}

.module-card .btn-arrow-end i {
    font-size: 0.75rem;
}

.module-card .btn-arrow-end:disabled {
    opacity: 0.6;
}

.module-card .product-content .addon-name,
.card-wrapper .product-content-top .addon-name,
.card-wrapper .product-content .addon-name,
.event-cards .product-content-top .addon-name,
.event-cards .product-content .addon-name {
    font-size: 0.875rem !important;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--mono-text);
}

/* Ensure all h4 in add-on sections are smaller */
.card-wrapper .product-content-top h4,
.card-wrapper .product-content h4,
.event-cards .product-content-top h4,
.event-cards .product-content h4 {
    font-size: 0.875rem !important;
    font-weight: 600;
    color: var(--mono-text);
}

.module-card .product-content p {
    font-size: 0.75rem !important;
    margin-bottom: 0.5rem;
}

/* Headers smaller */
.module-card .product-content h5,
.module-index h5 {
    font-size: 0.9375rem !important;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

/* Monochrome badges */
.badge-monochrome {
    background-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    border: none;
}

.badge-monochrome-disable {
    background-color: var(--mono-text-light) !important;
    color: var(--mono-bg) !important;
    border: none;
}

/* Remove green success badge colors */
.module-card .badge.bg-success {
    background-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.module-card .badge.bg-danger {
    background-color: var(--mono-text-light) !important;
    color: var(--mono-bg) !important;
}

/* Compact card spacing */
.module-card .card-body,
.module-card .product-card-inner {
    padding: 0.75rem !important;
}

/* Add-on Manager Styles */
/* Sidebar tabs - match side menu styling */
.addon-set-tab .nav-pills {
    gap: 0;
}

.addon-set-tab .nav-pills .dash-item {
    margin-bottom: 0;
    list-style: none;
}

.addon-set-tab .nav-pills .dash-link {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem !important;
    min-height: 40px;
    display: flex;
    align-items: center;
    color: var(--mono-text);
    border-radius: 5px;
    text-decoration: none;
    width: 100%;
}

.addon-set-tab .nav-pills .dash-link:hover {
    background-color: var(--mono-bg-alt);
}

.addon-set-tab .nav-pills .dash-link.active {
    background-color: var(--mono-primary);
    color: var(--mono-bg);
}

.addon-set-tab .nav-pills .dash-link .dash-mtext {
    font-size: 0.8125rem !important;
    width: 100%;
}

/* Add More Add-ons button - make icon visible */
.btn-primary.btn-badge i {
    color: var(--mono-bg) !important;
}

/* Add New Addon Page Enhancements */
.module-add-page .card {
    border-radius: 5px !important;
}

.module-add-page .form-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.module-add-page .form-control,
.module-add-page .form-control-sm,
.module-add-page select.form-control {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
    color: var(--mono-text);
    padding: 0.5rem 0.75rem;
    background-color: var(--mono-bg);
}

.module-add-page .form-control:focus,
.module-add-page select.form-control:focus {
    border-color: var(--mono-primary);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1);
    outline: none;
    background-color: var(--mono-bg);
}

/* Dropzone styling - monochrome */
.module-add-page .dropzone,
.module-add-page #dropzone .dropzone {
    border: 2px dashed var(--mono-border) !important;
    border-radius: 5px !important;
    background: var(--mono-bg-alt);
    min-height: 200px;
    padding: 2rem;
}

.module-add-page .dropzone.dz-drag-hover,
.module-add-page #dropzone .dropzone.dz-drag-hover {
    border-color: var(--mono-primary) !important;
    background: var(--mono-bg);
}

.module-add-page .dropzone .dz-message,
.module-add-page #dropzone .dropzone .dz-message {
    font-size: 0.8125rem !important;
    color: var(--mono-text-light);
    text-align: center;
}

.module-add-page .dropzone .dz-message .dz-button,
.module-add-page #dropzone .dropzone .dz-message .dz-button {
    color: var(--mono-primary);
    font-size: 0.8125rem !important;
    background: transparent;
    border: none;
}

.module-add-page .dropzone .dz-preview,
.module-add-page #dropzone .dropzone .dz-preview {
    border: 1px solid var(--mono-border);
    border-radius: 5px !important;
    background: var(--mono-bg);
}

.module-add-page .dropzone .dz-preview .dz-image,
.module-add-page #dropzone .dropzone .dz-preview .dz-image {
    border-radius: 5px 5px 0 0 !important;
}

.module-add-page .dropzone .dz-preview .dz-details,
.module-add-page #dropzone .dropzone .dz-preview .dz-details {
    color: var(--mono-text);
    font-size: 0.8125rem !important;
}

.module-add-page .dropzone .dz-preview .dz-progress,
.module-add-page #dropzone .dropzone .dz-preview .dz-progress {
    border: 1px solid var(--mono-border);
    border-radius: 5px !important;
}

.module-add-page .dropzone .dz-preview .dz-progress .dz-upload,
.module-add-page #dropzone .dropzone .dz-preview .dz-progress .dz-upload {
    background: var(--mono-primary);
}

.module-add-page .dropzone .dz-preview .dz-error-message,
.module-add-page #dropzone .dropzone .dz-preview .dz-error-message {
    background: var(--mono-danger);
    color: var(--mono-bg);
    border-radius: 5px !important;
    font-size: 0.75rem !important;
}

.module-add-page .dropzone .dz-preview .dz-success-mark,
.module-add-page #dropzone .dropzone .dz-preview .dz-success-mark {
    color: var(--mono-success);
}

.module-add-page .dropzone .dz-preview .dz-error-mark,
.module-add-page #dropzone .dropzone .dz-preview .dz-error-mark {
    color: var(--mono-danger);
}

/* ========================================
   USERS PAGE STYLING
   ======================================== */

/* Users Grid View Cards - Fix double border */
.delivery-user-cards .user-card,
.delivery-user-cards .card-2 {
    border-radius: 5px !important;
    border: 1px solid var(--mono-border) !important;
    background: var(--mono-bg);
    box-shadow: none !important;
}

.delivery-user-cards .user-card .card,
.delivery-user-cards .card-2 .card {
    border: none !important;
    box-shadow: none !important;
}

.delivery-user-cards .user-card .card-inner,
.delivery-user-cards .card-2 .card-inner {
    border: none !important;
}

.delivery-user-cards .user-card .card-header {
    border-bottom: 1px solid var(--mono-border);
    background: transparent;
    padding: 1rem 1rem 0.5rem;
}

.delivery-user-cards .user-card .user-type-badge {
    font-size: 0.75rem !important;
    background-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    border: none;
    font-weight: 500;
}

.delivery-user-cards .user-card .card-body {
    padding: 1rem;
}



.delivery-user-cards .user-card .dropdown-menu {
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
}

.delivery-user-cards .user-card .dropdown-item {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    padding: 0.5rem 0.75rem;
    border-radius: 5px !important;
    margin-bottom: 0.25rem;
}

.delivery-user-cards .user-card .dropdown-item:hover {
    background-color: var(--mono-bg-alt);
    color: var(--mono-primary);
}

.delivery-user-cards .user-card .dropdown-item i {
    font-size: 0.875rem;
    margin-right: 0.5rem;
}

.delivery-user-cards .user-card .card-option .btn {
    font-size: 0.875rem;
    color: var(--mono-text-light);
    padding: 0.25rem 0.5rem;
}

.delivery-user-cards .user-card .card-option .btn:hover {
    color: var(--mono-text);
}

/* Add User Card - Better design with dotted outline, same height as user cards */
.delivery-user-cards .add-user-card,
.delivery-user-cards .btn-addnew-project {
    border: 2px dotted var(--mono-border) !important;
    border-radius: 5px !important;
    padding: 1.5rem 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: auto;
    background: var(--mono-bg-alt);
    text-decoration: none;
    transition: all 0.2s ease;
    position: relative;
}

.delivery-user-cards .add-user-card:hover,
.delivery-user-cards .btn-addnew-project:hover {
    border-color: var(--mono-primary) !important;
    background: var(--mono-bg);
}

.delivery-user-cards .add-user-card .add-user-title,
.delivery-user-cards .btn-addnew-project h6 {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text);
    margin-top: 1rem;
}

.delivery-user-cards .add-user-card .add-user-text,
.delivery-user-cards .btn-addnew-project p {
    font-size: 0.8125rem !important;
    color: var(--mono-text-light);
}

/* Ensure cards have same height with flexbox */
.delivery-user-cards .row[id="user-list"],
.delivery-user-cards .row:not(.mb-3) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.delivery-user-cards .row[id="user-list"]>div,
.delivery-user-cards .row:not(.mb-3)>div[class*="col-"] {
    /*display: flex;*/
    flex-direction: column;
}

.delivery-user-cards .row[id="user-list"] .card-2,
.delivery-user-cards .row[id="user-list"] .user-card,
.delivery-user-cards .row[id="user-list"] .add-user-card,
.delivery-user-cards .row[id="user-list"] .btn-addnew-project {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.delivery-user-cards .row[id="user-list"] .card-2 .card-inner,
.delivery-user-cards .row[id="user-list"] .user-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Users Datatable (List View) */
.card.table-border-style {
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
}

.card.table-border-style .card-body {
    padding: 1rem;
}

.card.table-border-style .table {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
}

.card.table-border-style .table thead th {
    font-size: 0.75rem !important;
    font-weight: 600;
    color: var(--mono-text);
    background-color: var(--mono-bg-alt);
    border-bottom: 2px solid var(--mono-border);
    padding: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.card.table-border-style .table tbody td {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    padding: 0.75rem;
    border-bottom: 1px solid var(--mono-border-light);
    vertical-align: middle;
}

.card.table-border-style .table tbody tr:hover {
    background-color: var(--mono-bg-alt);
}

/* Users Action Buttons (List View) - Monochrome gray background, no hover color */
.action-buttons-wrapper .btn-sm,
.action-buttons-wrapper .action-btn,
.action-buttons-wrapper .btn,
.users-list-page .action-buttons-wrapper .btn-sm,
.users-list-page .action-buttons-wrapper .btn,
.coupon-page .action-buttons-wrapper .btn-sm,
.coupon-page .action-buttons-wrapper .btn,
.dataTables_wrapper .action-buttons-wrapper .btn-sm,
.dataTables_wrapper .action-buttons-wrapper .btn {
    font-size: 0.6875rem !important;
    padding: 0.375rem 0.5rem;
    border-radius: 5px !important;
    min-width: auto;
    background-color: var(--mono-bg-alt) !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}

.action-buttons-wrapper .btn-sm:hover,
.action-buttons-wrapper .action-btn:hover,
.action-buttons-wrapper .btn:hover,
.users-list-page .action-buttons-wrapper .btn-sm:hover,
.users-list-page .action-buttons-wrapper .btn:hover,
.coupon-page .action-buttons-wrapper .btn-sm:hover,
.coupon-page .action-buttons-wrapper .btn:hover,
.dataTables_wrapper .action-buttons-wrapper .btn-sm:hover,
.dataTables_wrapper .action-buttons-wrapper .btn:hover {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

.action-buttons-wrapper .btn-sm i,
.action-buttons-wrapper .action-btn i,
.action-buttons-wrapper .btn i,
.users-list-page .action-buttons-wrapper .btn-sm i,
.users-list-page .action-buttons-wrapper .btn i,
.coupon-page .action-buttons-wrapper .btn-sm i,
.coupon-page .action-buttons-wrapper .btn i,
.dataTables_wrapper .action-buttons-wrapper .btn-sm i,
.dataTables_wrapper .action-buttons-wrapper .btn i {
    color: var(--mono-text) !important;
    font-size: 0.875rem;
}

.action-buttons-wrapper .btn-sm:hover i,
.action-buttons-wrapper .action-btn:hover i,
.action-buttons-wrapper .btn:hover i,
.users-list-page .action-buttons-wrapper .btn-sm:hover i,
.users-list-page .action-buttons-wrapper .btn:hover i,
.coupon-page .action-buttons-wrapper .btn-sm:hover i,
.coupon-page .action-buttons-wrapper .btn:hover i,
.dataTables_wrapper .action-buttons-wrapper .btn-sm:hover i,
.dataTables_wrapper .action-buttons-wrapper .btn:hover i {
    color: var(--mono-text) !important;
}

/* Override ALL colored button classes in action wrapper - Force monochrome */
.action-buttons-wrapper .btn-info,
.action-buttons-wrapper .btn-danger,
.action-buttons-wrapper .btn-dark,
.action-buttons-wrapper .btn-success,
.action-buttons-wrapper .btn-secondary,
.action-buttons-wrapper .btn-light,
.action-buttons-wrapper .btn-primary,
.action-buttons-wrapper .btn-warning,
.action-buttons-wrapper .btn-outline-info,
.action-buttons-wrapper .btn-outline-danger,
.action-buttons-wrapper .btn-outline-success,
.action-buttons-wrapper .btn-outline-primary,
.action-buttons-wrapper .btn-outline-warning,
.action-buttons-wrapper .btn-outline-secondary,
.dataTables_wrapper table tbody .btn-info,
.dataTables_wrapper table tbody .btn-danger,
.dataTables_wrapper table tbody .btn-success,
.dataTables_wrapper table tbody .btn-warning,
.dataTables_wrapper table tbody .btn-secondary,
.dataTables_wrapper table tbody .btn-light,
.dataTables_wrapper table tbody .btn-primary,
.dataTables_wrapper table tbody .btn-dark {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    box-shadow: none !important;
}

.action-buttons-wrapper .btn-info:hover,
.action-buttons-wrapper .btn-danger:hover,
.action-buttons-wrapper .btn-dark:hover,
.action-buttons-wrapper .btn-success:hover,
.action-buttons-wrapper .btn-secondary:hover,
.action-buttons-wrapper .btn-light:hover,
.action-buttons-wrapper .btn-primary:hover,
.action-buttons-wrapper .btn-warning:hover,
.action-buttons-wrapper .btn-outline-info:hover,
.action-buttons-wrapper .btn-outline-danger:hover,
.action-buttons-wrapper .btn-outline-success:hover,
.action-buttons-wrapper .btn-outline-primary:hover,
.action-buttons-wrapper .btn-outline-warning:hover,
.action-buttons-wrapper .btn-outline-secondary:hover,
.dataTables_wrapper table tbody .btn-info:hover,
.dataTables_wrapper table tbody .btn-danger:hover,
.dataTables_wrapper table tbody .btn-success:hover,
.dataTables_wrapper table tbody .btn-warning:hover,
.dataTables_wrapper table tbody .btn-secondary:hover,
.dataTables_wrapper table tbody .btn-light:hover,
.dataTables_wrapper table tbody .btn-primary:hover,
.dataTables_wrapper table tbody .btn-dark:hover {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* Additional override for any button in table action columns */
.dataTables_wrapper table tbody td:last-child .btn,
.dataTables_wrapper table tbody .d-flex.gap-1 .btn,
.dataTables_wrapper table tbody .d-flex.justify-content-end .btn {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    box-shadow: none !important;
}

.dataTables_wrapper table tbody td:last-child .btn:hover,
.dataTables_wrapper table tbody .d-flex.gap-1 .btn:hover,
.dataTables_wrapper table tbody .d-flex.justify-content-end .btn:hover {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    box-shadow: none !important;
}

/* Global override for all action buttons in tables - Force monochrome */
table tbody td:last-child .btn,
table tbody .d-flex .btn-sm,
table tbody .btn-info,
table tbody .btn-danger,
table tbody .btn-success,
table tbody .btn-warning,
table tbody .btn-secondary,
table tbody .btn-light,
table tbody .btn-primary,
table tbody .btn-dark {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    box-shadow: none !important;
}

table tbody td:last-child .btn:hover,
table tbody .d-flex .btn-sm:hover,
table tbody .btn-info:hover,
table tbody .btn-danger:hover,
table tbody .btn-success:hover,
table tbody .btn-warning:hover,
table tbody .btn-secondary:hover,
table tbody .btn-light:hover,
table tbody .btn-primary:hover,
table tbody .btn-dark:hover {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* List view avatar size - smaller */
.list-avatar,
.dataTables_wrapper .list-avatar,
.card-avatar.list-avatar,
table .list-avatar,
.dataTables_wrapper table tbody td .list-avatar {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50%;
    object-fit: cover;
}

/* Reduce table row height with smaller avatar */
.dataTables_wrapper table tbody td {
    padding: 0.5rem 0.75rem !important;
    vertical-align: middle;
}

/* Domain listing pages styling */
.domain-listing-page .card {
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
}

.domain-listing-page .card-body {
    padding: 1rem !important;
}

.domain-listing-page .table {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
}

.domain-listing-page .table thead th {
    font-size: 0.75rem !important;
    font-weight: 600;
    color: var(--mono-text);
    background-color: var(--mono-bg-alt);
    border-bottom: 2px solid var(--mono-border);
    padding: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.domain-listing-page .table tbody td {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    padding: 0.75rem;
    border-bottom: 1px solid var(--mono-border-light);
    vertical-align: middle;
}

.domain-listing-page .table tbody tr:hover {
    background-color: var(--mono-bg-alt);
}

/* User Cards - Modern UI Design */
.delivery-user-cards .card-2 .card-header {
    padding: 0.75rem 1rem 0.5rem !important;
    border-bottom: none !important;
}

.delivery-user-cards .card-2 .full-card {
    padding: 1rem !important;
}

/* Avatar - Smaller and cleaner */
.delivery-user-cards .card-2 .card-avatar img,
.delivery-user-cards .card-2 .img-user {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    object-fit: cover;
    border: none !important;
}

/* Name and Email - Monochrome styling */
.delivery-user-cards .card-2 .full-card h4 {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text) !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.25rem !important;
}

.delivery-user-cards .card-2 .full-card small {
    font-size: 0.8125rem !important;
    color: var(--mono-text-light) !important;
    display: block;
    margin-bottom: 0.5rem;
}

/* Buttons - Compact and monochrome */
.delivery-user-cards .card-2 .full-card .btn-outline-primary {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    background-color: var(--mono-bg-alt) !important;
    border-radius: 5px !important;
    white-space: nowrap;
    flex-shrink: 0;
}

.delivery-user-cards .card-2 .full-card .btn-outline-primary:hover {
    background-color: var(--mono-bg) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
}

/* Remove horizontal line inside cards */
.delivery-user-cards .card-2 .full-card hr {
    display: none !important;
}

/* Plan Expired - Monochrome */
.delivery-user-cards .card-2 .full-card .text-dark {
    font-size: 0.75rem !important;
    color: var(--mono-text-light) !important;
}

/* Stats - Modern card design */
.delivery-user-cards .card-2 .full-card .row.mt-3 .col-6 p {
    background-color: var(--mono-bg-alt);
    border: 1px solid var(--mono-border);
    border-radius: 5px;
    padding: 0.5rem 0.75rem;
    margin: 0;
    text-align: center;
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
}

.delivery-user-cards .card-2 .full-card .row.mt-3 .col-6 p i {
    color: var(--mono-primary) !important;
    margin-right: 0.375rem;
    font-size: 0.875rem;
    flex-shrink: 0;
}

/* Remove empty p tags */
.delivery-user-cards .card-2 .full-card p:empty {
    display: none !important;
}

/* Empty divs */
.delivery-user-cards .card-2 .full-card .text-center:empty {
    display: none !important;
}

/* Plan Expired text - Reduce font size */
.delivery-user-cards .card-2 .full-card .text-center.mt-3.pb-2 span {
    font-size: 0.8125rem !important;
    color: var(--mono-text-light) !important;
}

/* Button spacing - Compact */
.delivery-user-cards .card-2 .full-card .mt-4 {
    margin-top: 1rem !important;
}

.delivery-user-cards .card-2 .full-card .mt-4>.d-flex {
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
}

.delivery-user-cards .card-2 .full-card .row.mt-3 {
    margin-top: 0.75rem !important;
}

.delivery-user-cards .card-2 .full-card .row.mt-3.g-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}

.delivery-user-cards .card-2 .full-card .row.mt-3.g-1 .col-6 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

/* Compact card body */
.delivery-user-cards .card-2 .full-card {
    padding: 1rem 1rem 0.875rem !important;
}

.delivery-user-cards .row[id="user-list"] .add-user-card.h-100,
.delivery-user-cards .row[id="user-list"] .btn-addnew-project.h-100 {
    height: 100% !important;
    min-height: 100%;
}

/* Button text size - smaller */
.btn-sm,
.btn-sm span,
.btn-badge,
.btn-badge span,
.all-button-box .btn {
    font-size: 0.75rem !important;
}

/* Ensure button spans are always visible */
.btn-badge span,
.btn-icon span,
.all-button-box .btn span {
    display: inline-block !important;
    visibility: visible !important;
}

/* Plan Edit Page Styling */
.plans-edit-page .card-header h3,
.plans-edit-page .card-header .h4,
.plans-edit-page .card-header .h5 {
    font-size: 1rem !important;
    font-weight: 600;
    color: var(--mono-text);
}

.plans-edit-page .form-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.plans-edit-page .form-control,
.plans-edit-page .form-select,
.plans-edit-page select.form-control {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
    color: var(--mono-text);
}

.plans-edit-page .form-control-sm {
    font-size: 0.8125rem !important;
    padding: 0.375rem 0.75rem;
}

.plans-edit-page .form-select-sm {
    font-size: 0.8125rem !important;
    padding: 0.375rem 0.75rem;
}

.plans-edit-page .card-body h3,
.plans-edit-page .card-body .h4,
.plans-edit-page .card-body .h5 {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text);
}

.plans-edit-page .card-body small.text-danger {
    font-size: 0.75rem !important;
    color: var(--mono-text-light);
}

/* Email Templates Page */
.email-templates-page .action-btn .btn {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem;
}

.email-templates-page .action-btn .btn-warning {
    background-color: var(--mono-warning) !important;
    border-color: var(--mono-warning) !important;
    color: var(--mono-text) !important;
}

.email-templates-page .table th {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 600;
}

.email-templates-page .table td {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
}

.email-templates-page .card-header h5,
.email-templates-page .card-header .h5 {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text);
}

/* Email Templates Show Page - Dropdowns */
.email-templates-page .drp-languages .btn.dropdown-toggle,
.email-templates-show .drp-languages .btn.dropdown-toggle {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border) !important;
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.email-templates-page .drp-languages .btn-primary,
.email-templates-show .drp-languages .btn-primary {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.email-templates-page .drp-languages .btn-primary:hover,
.email-templates-show .drp-languages .btn-primary:hover {
    background-color: var(--mono-active) !important;
    border-color: var(--mono-active) !important;
}

.email-templates-page .drp-languages .btn-primary,
.email-templates-show .drp-languages .btn-primary {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.email-templates-page .drp-languages .btn-primary:hover,
.email-templates-show .drp-languages .btn-primary:hover {
    background-color: var(--mono-active) !important;
    border-color: var(--mono-active) !important;
}

.email-templates-page .drp-languages .drp-text,
.email-templates-show .drp-languages .drp-text {
    font-size: 0.75rem !important;
}

.email-templates-page .drp-languages .drp-arrow,
.email-templates-show .drp-languages .drp-arrow {
    font-size: 0.75rem !important;
    color: inherit;
}

/* Dropdown Menu Styling */
.email-templates-page .dropdown-menu,
.email-templates-show .dropdown-menu {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background: var(--mono-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 0 !important;
    min-width: 150px;
}

.email-templates-page .dropdown-item,
.email-templates-show .dropdown-item {
    font-size: 0.75rem !important;
    padding: 0.5rem 1rem !important;
    color: var(--mono-text) !important;
    border-radius: 0;
}

.email-templates-page .dropdown-item:hover,
.email-templates-show .dropdown-item:hover {
    background-color: var(--mono-bg-alt) !important;
    color: var(--mono-text) !important;
}

.email-templates-page .dropdown-item.active,
.email-templates-show .dropdown-item.active {
    background-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

/* Email Templates Show Page Form */
.email-templates-show .form-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.email-templates-show .form-control-sm {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
}

.email-templates-show .card-body h6 {
    font-size: 0.9375rem !important;
    color: var(--mono-text);
    font-weight: 600;
}

.email-templates-show .card {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background: var(--mono-bg);
}

.email-templates-show .card-body {
    padding: 1.5rem !important;
}

.email-templates-show .modal-footer {
    border-top: 1px solid var(--mono-border-light);
    padding-top: 1rem;
    margin-top: 1rem;
}

/* Plan Request Page */
.plan-request-page .btn-success {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.plan-request-page .btn-danger {
    background-color: var(--mono-danger) !important;
    border-color: var(--mono-danger) !important;
    color: var(--mono-bg) !important;
}

/* Country Page */
.country-page .btn-primary {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

/* Currency Page */
.currency-page .btn-primary {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

/* Pagination - Current Page Highlighting */
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    font-weight: 600;
}

.pagination .page-link {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.625rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
    background-color: var(--mono-bg) !important;
}

.pagination .page-link:hover {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
}

.pagination .page-item.disabled .page-link {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text-light) !important;
    opacity: 0.6;
}

/* Country/State/City Page Styling */
.country-page .card-header h5,
.country-page .card-header .h5 {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text);
}

.country-page .card-body {
    font-size: 0.8125rem !important;
}

.country-page .table th,
.country-page .table td {
    font-size: 0.8125rem !important;
}

.country-page .btn-sm {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.625rem !important;
}

/* Currency Page Font Sizes */
.currency-page .card-header h5,
.currency-page .card-header .h5 {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text);
}

.currency-page .card-body {
    font-size: 0.8125rem !important;
}

.currency-page .table th,
.currency-page .table td {
    font-size: 0.8125rem !important;
}

/* Prevent Horizontal Scrolling */
.country-page .table-responsive,
.country-page .ecom-data-table,
.country-page .table {
    overflow-x: auto !important;
    max-width: 100% !important;
}

.country-page .table {
    width: 100% !important;
    table-layout: auto !important;
}

.country-page .col-xl-9 {
    overflow-x: hidden !important;
}

/* Country page button width fix */
.country-page .btn-badge.d-inline-flex {
    width: auto !important;
    min-width: auto !important;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Prevent Horizontal Scrolling */
.country-page .table-responsive,
.country-page .ecom-data-table {
    overflow-x: auto !important;
    max-width: 100% !important;
    width: 100%;
}

.country-page .table {
    width: 100% !important;
    table-layout: auto !important;
    min-width: 100%;
}

.country-page .col-xl-9 {
    overflow-x: hidden !important;
    max-width: 100%;
}

.country-page .card-body {
    overflow-x: hidden !important;
    max-width: 100%;
}

/* DataTable Pagination Styling */
.dataTables_wrapper .dataTables_paginate .pagination {
    gap: 0.375rem !important;
    margin-top: 1rem !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.625rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
    background-color: var(--mono-bg) !important;
    margin: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .pagination .page-item.active .page-link:hover,
.dataTables_wrapper .dataTables_paginate .pagination .page-item.active .page-link:focus {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.disabled .page-link {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text-light) !important;
    opacity: 0.6;
}

/* Country/State/City DataTable Buttons - Reset and Reload */
.country-page .buttons-reset,
.country-page .buttons-reload,
.country-page .dt-buttons .btn,
.country-page .data-tab-btn .btn {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border) !important;
    background-color: var(--mono-bg-alt) !important;
    color: var(--mono-text) !important;
    line-height: 1.2 !important;
}

.country-page .buttons-reset:hover,
.country-page .buttons-reload:hover,
.country-page .dt-buttons .btn:hover,
.country-page .data-tab-btn .btn:hover {
    background-color: var(--mono-bg) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
}

.country-page .buttons-reset i,
.country-page .buttons-reload i,
.country-page .dt-buttons .btn i,
.country-page .data-tab-btn .btn i {
    font-size: 0.75rem !important;
}

.country-page .buttons-reset span,
.country-page .buttons-reload span,
.country-page .dt-buttons .btn span,
.country-page .data-tab-btn .btn span {
    font-size: 0.75rem !important;
    white-space: nowrap;
    display: inline-block !important;
}

/* Ensure all buttons have same height as Add Country button */
.country-page .btn-sm,
.country-page .btn-badge {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 1.2 !important;
    padding: 0.375rem 0.75rem !important;
}

/* Table Column Width Constraints - Prevent Horizontal Scrolling */
.country-page #country-table {
    table-layout: fixed !important;
    width: 100% !important;
}

.country-page #country-table th:first-child,
.country-page #country-table td:first-child {
    width: 50% !important;
    max-width: 50% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.country-page #country-table th:last-child,
.country-page #country-table td:last-child {
    width: 50% !important;
    max-width: 50% !important;
}

.country-page #state-data-table,
.country-page #city-table {
    table-layout: fixed !important;
    width: 100% !important;
}

.country-page #state-data-table th:first-child,
.country-page #state-data-table td:first-child,
.country-page #city-table th:first-child,
.country-page #city-table td:first-child {
    width: 35% !important;
    max-width: 35% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.country-page #state-data-table th:nth-child(2),
.country-page #state-data-table td:nth-child(2),
.country-page #city-table th:nth-child(2),
.country-page #city-table td:nth-child(2) {
    width: 25% !important;
    max-width: 25% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.country-page #state-data-table th:last-child,
.country-page #state-data-table td:last-child,
.country-page #city-table th:last-child,
.country-page #city-table td:last-child {
    width: 40% !important;
    max-width: 40% !important;
}

.country-page .table {
    table-layout: fixed !important;
    width: 100% !important;
}

.country-page .table-responsive,
.country-page .ecom-data-table {
    overflow-x: visible !important;
    max-width: 100%;
}

.country-page .table td {
    word-wrap: break-word;
}

/* Country/State/City Filter Dropdowns Styling */
.country-page .select2-container--default .select2-selection--single {
    height: 32px !important;
    min-height: 32px !important;
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background-color: var(--mono-bg-alt) !important;
    font-size: 0.75rem !important;
    display: flex !important;
    align-items: center !important;
}

.country-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--mono-text) !important;
    line-height: 30px !important;
    padding-left: 12px !important;
    padding-right: 30px !important;
    font-size: 0.75rem !important;
}

.country-page .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
    right: 8px !important;
}

.country-page .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--mono-text) transparent transparent transparent !important;
    border-width: 5px 4px 0 4px !important;
}

.country-page .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--mono-text) transparent !important;
    border-width: 0 4px 5px 4px !important;
}

.country-page .select2-container--default .select2-selection--single:hover,
.country-page .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--mono-primary) !important;
    background-color: var(--mono-bg) !important;
}

/* Select2 Dropdown Menu */
.country-page .select2-dropdown {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background-color: var(--mono-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.country-page .select2-results__option {
    padding: 8px 12px !important;
    font-size: 0.75rem !important;
    color: var(--mono-text) !important;
}

.country-page .select2-results__option--highlighted[aria-selected] {
    background-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.country-page .select2-results__option[aria-selected="true"] {
    background-color: var(--mono-bg-alt) !important;
    color: var(--mono-primary) !important;
}

.country-page .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    padding: 6px 12px !important;
    font-size: 0.75rem !important;
    color: var(--mono-text) !important;
    background-color: var(--mono-bg-alt) !important;
}

.country-page .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--mono-primary) !important;
    outline: none !important;
}

/* Right align dropdown containers */
.country-page .btn-box {
    display: flex;
    justify-content: flex-end;
}

.country-page .select2-container {
    width: 200px !important;
    min-width: 200px;
    margin-left: auto;
}

.country-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: right;
    padding-right: 12px !important;
}

.country-page .select2-dropdown {
    text-align: right;
}

.country-page .select2-results__option {
    text-align: right;
}

.btn-sm i,
.btn-badge i {
    font-size: 0.8125rem !important;
}

/* Users Form Dialogs (Create/Edit) */
.modal-content {
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
}

.modal-header {
    border-bottom: 1px solid var(--mono-border);
    padding: 1rem 1.5rem;
    background: var(--mono-bg);
}

.modal-header .modal-title,
.modal-header h4.modal-title,
.modal-header h5.modal-title {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    color: var(--mono-text) !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
}

/* Profile Page Font Sizes - Match standard sizes */
#Personal_Info .card-header h5,
#Change_Password .card-header h5 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
}

#Personal_Info .form-label,
#Change_Password .form-label,
#Personal_Info .col-form-label,
#Change_Password .col-form-label,
#Personal_Info label,
#Change_Password label {
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

#Personal_Info .form-control,
#Change_Password .form-control {
    font-size: 0.875rem !important;
}

#Personal_Info h4,
#Change_Password h4 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
}

.modal-body {
    padding: 1.5rem;
    background: var(--mono-bg);
}

.modal-body .form-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.modal-body .form-control,
.modal-body .form-select,
.modal-body select.form-control {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
    color: var(--mono-text);
    padding: 0.5rem 0.75rem;
    background-color: var(--mono-bg);
}

.modal-body .form-control:focus,
.modal-body .form-select:focus,
.modal-body select.form-control:focus {
    border-color: var(--mono-primary);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1);
    outline: none;
    background-color: var(--mono-bg);
}

.modal-body .form-check-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
}

.modal-footer {
    border-top: 1px solid var(--mono-border);
    padding: 1rem 1.5rem;
    background: var(--mono-bg);
}

.modal-footer .btn {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem;
    border-radius: 5px !important;
}

.modal-footer .btn i {
    font-size: 0.75rem;
}

.modal-header {
    border-bottom: 1px solid var(--mono-border);
    padding: 1rem 1.5rem;
    background: var(--mono-bg);
}

.modal-header .modal-title {
    font-size: 0.9375rem !important;
    color: var(--mono-text) !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

.modal-body {
    padding: 1.5rem;
    font-size: 0.8125rem;
    color: var(--mono-text);
}

/* ========================================
   COUPONS PAGE STYLING
   ======================================== */

/* Coupons Datatable */
.coupon-page .card.table-border-style {
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
}

/* Coupons Action Buttons */
.coupon-page .btn-sm {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.625rem;
    border-radius: 5px !important;
    min-width: auto;
}

/* Coupon Form Dialog Styling */
.coupon-form .form-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.coupon-form .form-control-sm,
.coupon-form .form-select-sm,
.coupon-form select.form-control-sm {
    font-size: 0.8125rem !important;
    padding: 0.5rem 0.75rem;
}

.coupon-form .modal-footer .btn {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem;
}

.coupon-form .form-check-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
}

.coupon-form .btn-primary {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.coupon-form .btn-secondary {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
}

/* Upgrade Plan Popup Styling */
.upgrade-plan-model-card {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background: var(--mono-bg);
    padding: 1rem;
}

.upgrade-plan-model-card .badge {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem;
    background-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    border: none;
}

.upgrade-plan-model-card .f-20 {
    font-size: 1rem !important;
    color: var(--mono-text);
    font-weight: 600;
}

.upgrade-plan-model-card .f-14 {
    font-size: 0.8125rem !important;
    color: var(--mono-text-light);
}

.upgrade-plan-model-card .text-lg {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text);
}

.upgrade-plan-model-card .btn-primary {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem;
}

/* Admin Hub Popup Styling */
.modal-body .card {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background: var(--mono-bg);
}

.modal-body .card-body {
    padding: 1rem !important;
}

.modal-body h6 {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.modal-body .text-sm {
    font-size: 0.8125rem !important;
}

.modal-body .nav-link {
    font-size: 0.75rem !important;
    padding: 0.5rem 0.75rem;
    color: var(--mono-text);
    background-color: var(--mono-bg-alt);
    border: 1px solid var(--mono-border);
    border-radius: 5px;
    margin: 0.25rem;
}

.modal-body .nav-link.active {
    background-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    border-color: var(--mono-primary) !important;
}

.modal-body .form-check-input {
    width: 2rem;
    height: 1rem;
}

.modal-body img.rounded-circle {
    width: 30px;
    height: 30px;
    object-fit: cover;
}

/* SweetAlert2 Delete Confirmation - Smaller and Monochrome */
.swal2-popup {
    border-radius: 5px !important;
    border: 1px solid var(--mono-border) !important;
    background: var(--mono-bg) !important;
    padding: 1rem 1.25rem !important;
    max-width: 360px !important;
    min-height: auto !important;
}

.swal2-title {
    font-size: 0.9375rem !important;
    color: var(--mono-text) !important;
    font-weight: 600;
    margin-bottom: 0.5rem !important;
    padding: 0 !important;
}

.swal2-html-container {
    font-size: 0.75rem !important;
    color: var(--mono-text-light) !important;
    margin: 0.5rem 0 0.75rem !important;
    padding: 0 !important;
    line-height: 1.4;
}

.swal2-icon {
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto 0.5rem !important;
}

.swal2-icon.swal2-warning {
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
}

.swal2-icon.swal2-warning .swal2-icon-content {
    font-size: 1.25rem !important;
    color: var(--mono-primary) !important;
}

.swal2-actions {
    margin-top: 0.75rem !important;
    gap: 0.5rem;
    padding: 0 !important;
}

.swal2-styled {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border) !important;
    margin: 0 !important;
    min-width: 70px;
}

.swal2-confirm {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.swal2-confirm:hover {
    background-color: var(--mono-active) !important;
    border-color: var(--mono-active) !important;
    opacity: 1;
}

.swal2-cancel {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
}

.swal2-cancel:hover {
    background-color: var(--mono-bg) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
}

/* Plan Page Styling */
.plan_card {
    margin-bottom: 1.5rem;
}

.plan_card .card {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background: var(--mono-bg);
}

.plan_card .card-body {
    padding: 1.25rem !important;
}

.plan_card .price-badge {
    font-size: 0.9375rem !important;
    color: var(--mono-text);
    font-weight: 600;
}

.plan_card h3 {
    font-size: 1.125rem !important;
    color: var(--mono-primary);
    font-weight: 600;
}

.plan_card .h5 {
    font-size: 0.9375rem !important;
    color: var(--mono-text);
    font-weight: 600;
}

.plan_card .text-sm {
    font-size: 0.8125rem !important;
    color: var(--mono-text-light);
}

.plan_card .btn-primary {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    font-size: 0.75rem !important;
}

.plan_card .btn-info {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
}

.plan_card .btn-danger {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
}

.plan_card .theme-avtar {
    background-color: var(--mono-bg-alt) !important;
    border: 1px solid var(--mono-border);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    flex-shrink: 0;
}

.plan_card .theme-avtar i {
    font-size: 0.75rem;
    color: var(--mono-primary) !important;
}

.plan_card li .theme-avtar i.ti-check {
    color: var(--mono-primary) !important;
}

.plan_card li .theme-avtar i.ti-x {
    color: var(--mono-text-light) !important;
}

.plan_card .plan-card-detail li {
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
}

.plan_card .plan-card-detail ul {
    padding: 0;
    margin: 0;
    text-align: left;
}

/* Better Plan Card Design */
.plan_card .card {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background: var(--mono-bg);
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.plan_card .card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.plan_card .card-body {
    padding: 0.875rem !important;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.plan_card_wrp .row {
    gap: 1rem;
}

.plan_card_wrp .row>div {
    padding: 0;
}

/* Reduce card height */
.plan_card .card {
    min-height: auto;
}

/* Plan Card Header */
.plan_card .d-flex.justify-content-between {
    align-items: flex-start;
    margin-bottom: 0.375rem !important;
}

.plan_card .price-badge {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text);
    line-height: 1.3;
    margin-bottom: 0.25rem !important;
}

.plan_card .active-tag {
    margin-bottom: 0.25rem !important;
}

/* Plan Price */
.plan_card h3.text-primary {
    font-size: 1.125rem !important;
    margin-bottom: 0.25rem !important;
    font-weight: 600;
    line-height: 1.3;
}

.plan_card p.mb-0,
.plan_card p.text-start {
    font-size: 0.75rem !important;
    color: var(--mono-text-light);
    line-height: 1.3;
    margin-bottom: 0.25rem !important;
}

/* Plan Stats Row - Minimal Design */
.plan_card .plan-stats-row {
    margin: 0.375rem 0 !important;
    padding: 0.5rem 0 !important;
    gap: 0.5rem;
    border: none !important;
}

.plan_card .plan-stat-item {
    flex: 1;
    min-width: 0;
}

.plan_card .plan-stat-value {
    font-size: 1rem !important;
    font-weight: 700;
    color: var(--mono-text);
    line-height: 1.2;
    margin-bottom: 0.125rem !important;
}

.plan_card .plan-stat-label {
    font-size: 0.6875rem !important;
    color: var(--mono-text-light);
    line-height: 1.2;
}

/* Legacy support for old structure */
.plan_card .row.mb-0 {
    margin: 0.375rem 0 !important;
    padding: 0.5rem 0 !important;
    border: none !important;
}

.plan_card .row.mb-0 .col-4 {
    text-align: center;
    padding: 0 0.25rem;
}

.plan_card .row.mb-0 .h5 {
    font-size: 1rem !important;
    font-weight: 700;
    color: var(--mono-text);
    margin-bottom: 0.125rem !important;
    line-height: 1.2;
}

.plan_card .row.mb-0 .text-sm {
    font-size: 0.6875rem !important;
    color: var(--mono-text-light);
    line-height: 1.2;
}

/* Features List - Included vs Not Included */
.plan_card .plan-card-detail {
    margin: 0.375rem 0 !important;
}

.plan_card .plan-card-detail ul.my-0,
.plan_card .plan-card-detail ul.my-2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.plan_card .plan-card-detail ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.plan_card .plan-card-detail li {
    margin-bottom: 0.25rem !important;
    font-size: 0.75rem !important;
    padding: 0.125rem 0 !important;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1.3;
}

.plan_card .plan-card-detail li:last-child {
    margin-bottom: 0 !important;
}

/* Included features - normal color (has check icon) */
.plan_card .plan-card-detail li .theme-avtar i.ti-check+*,
.plan_card .plan-card-detail li span[style*="color: var(--mono-text)"] {
    color: var(--mono-text) !important;
    font-weight: 400;
}

/* Not included features - gray color (has X icon) */
.plan_card .plan-card-detail li span[style*="--mono-text-light"],
.plan_card .plan-card-detail li span[style*="color: var(--mono-text-light)"] {
    color: var(--mono-text-light) !important;
    font-weight: 400;
    opacity: 0.65;
}

/* Make list items with X icon slightly faded */
.plan_card .plan-card-detail li .theme-avtar i.ti-x {
    opacity: 0.7;
}

/* Included features icon - check icon styling */
.plan_card .theme-avtar i.ti-check {
    color: var(--mono-primary) !important;
}

.plan_card .theme-avtar:has(i.ti-check) {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-primary) !important;
}

/* Not included features icon - X icon styling */
.plan_card .theme-avtar i.ti-x {
    color: var(--mono-text-light) !important;
}

.plan_card .theme-avtar:has(i.ti-x) {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    opacity: 0.7;
}

/* Feature icons */
.plan_card .theme-avtar {
    background-color: var(--mono-bg-alt) !important;
    border: 1px solid var(--mono-border) !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    flex-shrink: 0;
}

.plan_card li .theme-avtar i.ti-check {
    color: var(--mono-primary) !important;
    font-size: 0.6875rem !important;
}

.plan_card li .theme-avtar i.ti-x {
    color: var(--mono-text-light) !important;
    font-size: 0.6875rem !important;
}

/* Make not-included features (with X icon) gray - entire list item */
.plan_card .plan-card-detail li:has(.ti-x) {
    opacity: 0.7;
}

.plan_card .plan-card-detail li:has(.ti-x) span {
    color: var(--mono-text-light) !important;
    opacity: 0.8;
}

.plan_card .plan-card-detail li:has(.ti-x) .theme-avtar {
    border-color: var(--mono-border) !important;
    opacity: 0.8;
}

/* Active badge */
.plan_card .plan-active-status .badges {
    background-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    border-radius: 5px !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.75rem !important;
}

.plan_card .plan-active-status .badges span {
    color: var(--mono-bg) !important;
    font-size: 0.75rem !important;
}

/* Action buttons row */
.plan_card .active-tag {
    gap: 0.5rem;
    flex-wrap: wrap;
}

.plan_card .active-tag .btn {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.625rem !important;
}

/* Plan action buttons at bottom */
.plan_card .row.d-flex {
    margin-top: 0.375rem !important;
    padding-top: 0.375rem !important;
    border-top: none !important;
}

.coupon-page .btn-warning {
    background-color: var(--mono-warning) !important;
    border-color: var(--mono-warning) !important;
    color: var(--mono-text) !important;
}

.coupon-page .btn-warning:hover {
    background-color: #e0a800 !important;
    border-color: #e0a800 !important;
}

.coupon-page .btn-info {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.coupon-page .btn-info:hover {
    background-color: var(--mono-active) !important;
    border-color: var(--mono-active) !important;
}

.coupon-page .btn-danger {
    background-color: var(--mono-danger) !important;
    border-color: var(--mono-danger) !important;
    color: var(--mono-bg) !important;
}

/* Ensure coupon page buttons show text */
.coupon-page .btn-badge span,
.all-button-box .btn-badge span,
.add_coupon span,
.export-btn span {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Coupons Form Dialogs (Create/Edit) */
.modal-body .form-group {
    margin-bottom: 1rem;
}

.modal-body .form-group .radio-check .form-check {
    margin-right: 1rem;
}

.modal-body .form-group .radio-check .form-check-label {
    font-size: 0.8125rem !important;
    margin-left: 0.5rem;
}

.modal-body .form-group .form-check-input {
    width: 1rem;
    height: 1rem;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
}

.modal-body .form-group .form-check-input:checked {
    background-color: var(--mono-primary);
    border-color: var(--mono-primary);
}

.modal-body .form-group .form-check-switch .form-check-input {
    border-radius: 1.25rem !important;
}

.modal-body select.select2,
.modal-body .select2-container .select2-selection {
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
    font-size: 0.8125rem !important;
    min-height: 38px;
}

.modal-body .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--mono-primary);
    color: var(--mono-bg);
    border: none;
    border-radius: 5px !important;
    font-size: 0.75rem !important;
    padding: 0.25rem 0.5rem;
    margin: 0.25rem;
}

.modal-body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--mono-bg);
    margin-right: 0.5rem;
}

.modal-body .select2-dropdown {
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
}

.modal-body .select2-results__option {
    font-size: 0.8125rem !important;
    padding: 0.5rem 0.75rem;
}

.modal-body .select2-results__option--highlighted {
    background-color: var(--mono-primary);
    color: var(--mono-bg);
}

/* DataTables styling */
/* DataTables Entries Per Page - Smaller font size */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_length select,
.dataTables_length,
.dataTables_length label,
.dataTables_length select {
    font-size: 0.75rem !important;
    color: var(--mono-text);
}

/* DataTables.js library - Entries Per Page font size */
.dataTable-length,
.dataTable-length label,
.dataTable-length select,
.dataTable-top .dataTable-length,
.dataTable-top .dataTable-length label,
.dataTable-top .dataTable-length select,
.dashboard-card .dataTable-length,
.dashboard-card .dataTable-length label,
.dashboard-card .dataTable-length select,
.dashboard-card .dataTable-top .dataTable-length,
.dashboard-card .dataTable-top .dataTable-length label,
.dashboard-card .dataTable-top .dataTable-length select {
    font-size: 0.75rem !important;
    color: var(--mono-text) !important;
}

/* DataTables.js selector font size */
.dataTable-selector,
.dashboard-card .dataTable-selector,
.dashboard-card .dataTable-top .dataTable-selector {
    font-size: 0.75rem !important;
    color: var(--mono-text) !important;
}

/* Entries per page label - smaller font size - Target the label element itself */
label:has(.dataTable-selector),
label:has(select.dataTable-selector),
.dataTable-top label:has(.dataTable-selector),
.dataTable-top label:has(select.dataTable-selector),
.dashboard-card label:has(.dataTable-selector),
.dashboard-card label:has(select.dataTable-selector),
.dashboard-card .dataTable-top label:has(.dataTable-selector),
.dashboard-card .dataTable-top label:has(select.dataTable-selector),
.dataTable-top>label,
.dataTable-top label,
.dashboard-card .dataTable-top>label,
.dashboard-card .dataTable-top label {
    font-size: 0.75rem !important;
    color: var(--mono-text) !important;
}

/* Target label that contains dataTable-selector - More specific */
label .dataTable-selector,
label select.dataTable-selector {
    font-size: 0.75rem !important;
}

/* Ensure the entire label text is small - ULTRA SPECIFIC */
.dataTable-top label,
.dashboard-card .dataTable-top label,
.dataTable-wrapper .dataTable-top label,
table.dataTable~.dataTable-wrapper .dataTable-top label,
.dashboard-card .dataTable-wrapper .dataTable-top label {
    font-size: 0.75rem !important;
    color: var(--mono-text) !important;
    line-height: 1.5 !important;
}

/* Target ALL text inside label with dataTable-selector - including text nodes */
label:has(select.dataTable-selector),
label:has(.dataTable-selector),
label:has(select.dataTable-selector) *,
label:has(.dataTable-selector) *,
.dataTable-top label,
.dataTable-top label *,
.dashboard-card .dataTable-top label,
.dashboard-card .dataTable-top label * {
    font-size: 0.75rem !important;
}

/* Force font size on label that contains "entries per page" text */
label:has(select.dataTable-selector),
label>select.dataTable-selector+* {
    font-size: 0.75rem !important;
    color: var(--mono-text) !important;
}

/* FINAL OVERRIDE - Dashboard entries per page label - Maximum specificity */
body .dashboard-card .dataTable-top label,
body .dataTable-top label,
body label:has(select.dataTable-selector) {
    font-size: 0.75rem !important;
    color: var(--mono-text) !important;
    line-height: 1.5 !important;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    font-size: 0.75rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
    padding: 0.375rem 0.75rem;
    margin: 0 0.5rem;
}

/* DataTables Pagination - Simplified, smaller boxes with visible page numbers */
.dataTables_wrapper .dataTables_paginate {
    margin-top: 1rem;
    display: flex;
    gap: 0.25rem;
    align-items: center;
    flex-wrap: wrap;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 5px !important;
    padding: 0.125rem 0.375rem !important;
    margin: 0 !important;
    font-size: 0.6875rem !important;
    border: 1px solid var(--mono-border) !important;
    background: var(--mono-bg) !important;
    color: var(--mono-text) !important;
    box-shadow: none !important;
    min-width: 24px !important;
    width: auto !important;
    height: 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--mono-bg-alt) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: var(--mono-bg) !important;
    border-color: var(--mono-border-light) !important;
    color: var(--mono-text-light) !important;
}

/* Remove nested boxes in pagination - ensure text is visible */
.dataTables_wrapper .dataTables_paginate .paginate_button a {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: inherit !important;
    text-decoration: none !important;
    line-height: 1 !important;
    font-size: inherit !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button span {
    display: inline-block;
    line-height: 1 !important;
    font-size: inherit !important;
    color: inherit !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current a,
.dataTables_wrapper .dataTables_paginate .paginate_button.current span {
    color: var(--mono-bg) !important;
    font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):not(.current) a,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):not(.current) span {
    color: var(--mono-text) !important;
}

/* Ensure page numbers are visible */
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled) {
    color: var(--mono-text) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: var(--mono-bg) !important;
}

/* Icon buttons (prev/next) - same size */
.dataTables_wrapper .dataTables_paginate .paginate_button i {
    font-size: 0.6875rem !important;
    line-height: 1 !important;
}

/* Reset and Reload buttons - Monochrome with text + icon */
.btn[data-action="reset"],
.btn[data-action="reload"],
.dataTables_wrapper .buttons-reload,
.dataTables_wrapper .buttons-reset,
.dataTables_wrapper .dt-buttons .btn,
.dataTables_wrapper .dt-buttons .btn-sm {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    border-radius: 5px !important;
    font-size: 0.8125rem !important;
    padding: 0.5rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: none !important;
}

.btn[data-action="reset"]:hover,
.btn[data-action="reload"]:hover,
.dataTables_wrapper .buttons-reload:hover,
.dataTables_wrapper .buttons-reset:hover,
.dataTables_wrapper .dt-buttons .btn:hover,
.dataTables_wrapper .dt-buttons .btn-sm:hover {
    background-color: var(--mono-active) !important;
    border-color: var(--mono-active) !important;
    color: var(--mono-bg) !important;
    box-shadow: none !important;
}

.btn[data-action="reset"] i,
.btn[data-action="reload"] i,
.dataTables_wrapper .buttons-reload i,
.dataTables_wrapper .buttons-reset i,
.dataTables_wrapper .dt-buttons .btn i,
.dataTables_wrapper .dt-buttons .btn-sm i {
    font-size: 0.875rem;
    color: var(--mono-bg) !important;
}

.btn[data-action="reset"] span,
.btn[data-action="reload"] span,
.dataTables_wrapper .buttons-reload span,
.dataTables_wrapper .buttons-reset span,
.dataTables_wrapper .dt-buttons .btn span,
.dataTables_wrapper .dt-buttons .btn-sm span {
    font-size: 0.8125rem;
    color: var(--mono-bg) !important;
}

/* Override light-info and light-warning classes */
.btn-light-info,
.btn-light-warning {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.btn-light-info:hover,
.btn-light-warning:hover {
    background-color: var(--mono-active) !important;
    border-color: var(--mono-active) !important;
    color: var(--mono-bg) !important;
}

/* Reduce card spacing */
:root {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
}

.card-body {
    padding: 1rem !important;
}

.card-header {
    padding: 0.75rem 1rem !important;
}

.card-footer {
    padding: 0.75rem 1rem !important;
}

/* Upgrade Plan and AdminHub buttons - smaller and horizontal */
.store-page .btn-outline-primary.btn-badge,
.delivery-user-cards .btn-outline-primary.btn-badge {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 5px !important;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.store-page .btn-outline-primary.btn-badge i,
.delivery-user-cards .btn-outline-primary.btn-badge i {
    font-size: 0.75rem !important;
}

.store-page .btn-outline-primary.btn-badge span,
.delivery-user-cards .btn-outline-primary.btn-badge span {
    font-size: 0.75rem !important;
}

/* Email icon styling */
.user-email i,
.delivery-user-cards .text-primary i {
    color: var(--mono-text-light);
}

/* Plan expired and users count styling */
.delivery-user-cards .text-dark.d-flex,
.delivery-user-cards .text-muted.d-flex {
    align-items: center;
    gap: 0.375rem;
}

.delivery-user-cards .text-dark.d-flex i,
.delivery-user-cards .text-muted.d-flex i {
    color: var(--mono-text-light);
}

/* Additional form control styling for smaller size */
.modal-body .form-control-sm {
    font-size: 0.8125rem !important;
    padding: 0.5rem 0.75rem;
    line-height: 1.5;
}

/* Form control small override for all modals */
.modal .form-control-sm,
.modal .form-select-sm {
    font-size: 0.8125rem !important;
}

/* Select2 small size adjustments */
.modal-body .select2-container--default .select2-selection--single,
.modal-body .select2-container--default .select2-selection--multiple {
    min-height: 38px;
    font-size: 0.8125rem !important;
}

.modal-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    font-size: 0.8125rem !important;
}

.modal-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

/* Alert messages in modals */
.modal-body .alert {
    border-radius: 5px !important;
    font-size: 0.8125rem !important;
    padding: 0.75rem 1rem;
}

.modal-body .alert-danger {
    background-color: #f8d7da;
    border-color: var(--mono-danger);
    color: #721c24;
}

/* AI button styling */
.modal-body .ai-btn {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    padding: 0.5rem 1rem;
}

.modal-body .ai-btn i {
    margin-right: 0.5rem;
}

/* Code generate button */
.modal-body #code-generate {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    padding: 0.5rem 0.75rem;
    min-width: auto;
}

/* Dashboard Page Header */
.page-header {
    margin-bottom: 2rem;
}

.page-header-title h2,
.page-header-title h3,
.page-header-title h4 {
    color: var(--mono-text);
    font-weight: 600;
    font-size: 0.9375rem !important;
}

.page-header-title h2 {
    font-size: 0.9375rem !important;
}

.page-header-title h3 {
    font-size: 0.9375rem !important;
}

.page-header-title h4 {
    font-size: 0.9375rem !important;
}

/* Remove all animations */
*,
*::before,
*::after {
    animation: none !important;
    transition: none !important;
}

/* But allow essential transitions */
.form-control:focus,
.btn:hover {
    transition: all 0.15s ease-in-out !important;
}

/* Fixed Header and Footer */
.dash-header {
    position: fixed !important;
    top: 0 !important;
    left: 260px !important;
    right: 0 !important;
    width: calc(100% - 260px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    z-index: 1000;
    background: var(--mono-bg) !important;
    border-bottom: 1px solid var(--mono-border);
}

/* Page Header - Scrollable */
.dash-content .page-header {
    position: relative !important;
    margin-bottom: 1.5rem !important;
    padding: 0 !important;
}

.dash-footer {
    position: fixed !important;
    bottom: 0 !important;
    left: 260px !important;
    right: 0 !important;
    width: calc(100% - 260px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    top: auto !important;
    z-index: 1000;
    background: var(--mono-bg) !important;
    border-top: 1px solid var(--mono-border);
    padding: 15px 30px !important;
}

/* Main Content Area Adjustment for Sidebar */
.dash-container {
    margin-left: 260px !important;
    padding-top: 0 !important;
    padding-bottom: 80px !important;
    top: 70px !important;
}

.dash-container .dash-content {
    padding-top: 20px !important;
    padding-bottom: 6rem !important;
    min-height: calc(100vh - 150px);
}

/* Ensure pagination and content don't overlap footer */
.delivery-user-cards {
    margin-bottom: 2rem !important;
    padding-bottom: 1rem;
}

.delivery-user-cards+.pagination,
.delivery-user-cards+[class*="pagination"] {
    margin-bottom: 3rem !important;
    padding-bottom: 1rem;
}

@media (max-width: 1024px) {
    .dash-sidebar {
        transform: translateX(-100%);
    }

    .dash-sidebar.show,
    .dash-sidebar.active,
    .dash-sidebar.show-sidebar {
        transform: translateX(0);
    }

    .dash-container {
        margin-left: 0 !important;
        padding-top: 70px !important;
    }

    .dash-header {
        left: 0 !important;
        width: 100% !important;
    }

    .dash-footer {
        left: 0 !important;
        width: 100% !important;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dash-header-search {
        display: none !important;
    }

    .dash-header {
        padding: 0 1rem;
    }

    .dash-sidebar {
        width: 240px;
    }

    .dash-container {
        margin-left: 0;
        padding-top: 70px !important;
    }

    .dash-header {
        left: 0 !important;
        width: 100% !important;
    }


    .dash-footer {
        left: 0 !important;
        width: 100% !important;
    }
}

/* Landing Page Inner Menu Styling - Match Add-on Page Style */
.landing-page .addon-set-tab {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0 !important;
    list-style: none;
    gap: 0 !important;
}

.landing-page .addon-set-tab .dash-link {
    padding: 0.5rem 1rem !important;
    padding-left: 1.25rem !important;
    margin-bottom: 0.5rem !important;
    font-size: 0.8125rem !important;
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 0.625rem !important;
    color: var(--mono-text) !important;
    border-radius: 0;
    text-decoration: none;
    width: 100%;
    position: relative;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-left: none !important;
}

.landing-page .addon-set-tab .dash-link:hover {
    background-color: transparent !important;
    color: var(--mono-text) !important;
    font-weight: 400;
}

.landing-page .addon-set-tab .dash-link.active {
    background-color: transparent !important;
    color: var(--mono-primary) !important;
    font-weight: 600;
}

.landing-page .addon-set-tab .dash-link.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 50%;
    background-color: var(--mono-primary);
    border-radius: 0;
}

.landing-page .addon-set-tab .dash-link.active:hover {
    background-color: transparent !important;
    color: var(--mono-primary) !important;
    font-weight: 600;
}

.landing-page .addon-set-tab .dash-link .dash-mtext {
    font-size: 0.8125rem !important;
    width: 100%;
}

/* Landing Page Content Styling */
.landing-page .card-header h5 {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text);
}

.landing-page .card-body {
    font-size: 0.8125rem !important;
}

.landing-page .form-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 500;
}

.landing-page .form-control-sm {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
}

/* Switch Button Styling */
.landing-page .custom-switch .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
}

.landing-page .custom-switch .custom-control-label::before {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
}

.landing-page .switchbutton-wrapper input[type="checkbox"]:checked+.switchbutton-label {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
}

.landing-page .switchbutton-wrapper input[type="checkbox"]+.switchbutton-label {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
}

/* Menus Page Styling */
.menus-page .card-header h5,
.menus-page .card-body {
    font-size: 0.8125rem !important;
}

.menus-page .table th,
.menus-page .table td {
    font-size: 0.8125rem !important;
}

/* Custom Page Styling */
.custom-page .card-header h5 {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text);
}

.custom-page .card-body {
    font-size: 0.8125rem !important;
}

.custom-page .table th {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 600;
}

.custom-page .table td {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
}

.custom-page .page-header-title h2,
.custom-page .page-header-title h3,
.custom-page .page-header-title h4 {
    font-size: 0.9375rem !important;
}

.custom-page .form-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 500;
}

.custom-page .form-control,
.custom-page .form-select,
.custom-page select.form-control {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
    color: var(--mono-text);
    padding: 0.5rem 0.75rem;
    background-color: var(--mono-bg);
}

.custom-page .form-control:focus,
.custom-page .form-select:focus,
.custom-page select.form-control:focus {
    border-color: var(--mono-primary);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1);
    outline: none;
    background-color: var(--mono-bg);
}

/* Settings Page Styling */
.cms-page .app-seeting-tab {
    padding: 0 !important;
}

.cms-page .app-seeting-tab .store-setting-tab .nav-item {
    margin-bottom: 0.5rem;
}

.cms-page .store-setting-tab .nav-item {
    margin-bottom: 0.5rem;
}

/* Override Bootstrap CSS variables for nav-pills in settings tabs - MUST be at top level */
.nav-pills.store-setting-tab,
.store-setting-tab.nav-pills,
.cms-page .nav-pills.store-setting-tab,
.cms-page .store-setting-tab.nav-pills,
.setting-page .nav-pills.store-setting-tab,
.setting-page .store-setting-tab.nav-pills,
.row.cms-page .nav-pills.store-setting-tab,
.row.setting-page .nav-pills.store-setting-tab,
body .nav-pills.store-setting-tab,
body .store-setting-tab.nav-pills,
ul.nav-pills.store-setting-tab,
#pills-tab.nav-pills.store-setting-tab {
    --bs-nav-pills-link-active-color: var(--mono-primary) !important;
    --bs-nav-pills-link-active-bg: transparent !important;
}

/* Force override Bootstrap nav-pills active background - most aggressive */
ul.nav-pills.store-setting-tab li.nav-item a.nav-link.active,
ul.nav-pills.store-setting-tab li.nav-item a.nav-link.setting-tab-link.active,
.cms-page ul.nav-pills.store-setting-tab li.nav-item a.nav-link.active,
.cms-page ul.nav-pills.store-setting-tab li.nav-item a.nav-link.setting-tab-link.active,
.setting-page ul.nav-pills.store-setting-tab li.nav-item a.nav-link.active,
.setting-page ul.nav-pills.store-setting-tab li.nav-item a.nav-link.setting-tab-link.active {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
}

.cms-page .store-setting-tab .setting-tab-link,
.cms-page .store-setting-tab .nav-link,
.setting-page .store-setting-tab .setting-tab-link,
.setting-page .store-setting-tab .nav-link {
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
    padding: 0.5rem 1rem !important;
    padding-left: 1rem !important;
    border-radius: 5px !important;
    background-color: transparent !important;
    border: 1px solid var(--mono-border) !important;
    transition: all 0.15s ease-in-out;
    font-weight: 500 !important;
    text-align: center;
    display: block;
    width: 100%;
    position: relative;
}

.cms-page .store-setting-tab .setting-tab-link:hover,
.cms-page .store-setting-tab .nav-link:hover,
.setting-page .store-setting-tab .setting-tab-link:hover,
.setting-page .store-setting-tab .nav-link:hover {
    background-color: transparent !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
}

.cms-page .store-setting-tab .setting-tab-link.active,
.cms-page .store-setting-tab .nav-link.active,
.cms-page .store-setting-tab .nav-link.active.show,
.setting-page .store-setting-tab .setting-tab-link.active,
.setting-page .store-setting-tab .nav-link.active,
.setting-page .store-setting-tab .nav-link.active.show {
    background-color: transparent !important;
    border: 2px solid var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
    font-weight: 600 !important;
    position: relative !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 2px var(--mono-primary) !important;
    outline: 2px solid var(--mono-primary) !important;
    outline-offset: -2px !important;
}

.cms-page .store-setting-tab .setting-tab-link.active::before,
.cms-page .store-setting-tab .nav-link.active::before,
.cms-page .store-setting-tab .nav-link.active.show::before,
.setting-page .store-setting-tab .setting-tab-link.active::before,
.setting-page .store-setting-tab .nav-link.active::before,
.setting-page .store-setting-tab .nav-link.active.show::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 60%;
    background-color: var(--mono-primary);
    border-radius: 0;
}

.cms-page .store-setting-tab .nav-item,
.setting-page .store-setting-tab .nav-item {
    position: relative;
}

.cms-page .store-setting-tab .nav-item .setting-tab-link.active,
.cms-page .store-setting-tab .nav-item .nav-link.active,
.cms-page .store-setting-tab .nav-item .nav-link.active.show,
.setting-page .store-setting-tab .nav-item .setting-tab-link.active,
.setting-page .store-setting-tab .nav-item .nav-link.active,
.setting-page .store-setting-tab .nav-item .nav-link.active.show {
    padding-left: 2.5rem !important;
}

/* Override Bootstrap nav-pills active styles - MUST be very specific to override Bootstrap */
.nav-pills.store-setting-tab .nav-link.active,
.nav-pills.store-setting-tab .nav-link.active:focus,
.nav-pills.store-setting-tab .nav-link.active:hover,
.nav-pills.store-setting-tab .nav-link.active.show,
.cms-page .nav-pills.store-setting-tab .nav-link.active,
.cms-page .nav-pills.store-setting-tab .nav-link.active:focus,
.cms-page .nav-pills.store-setting-tab .nav-link.active:hover,
.cms-page .nav-pills.store-setting-tab .nav-link.active.show,
.setting-page .nav-pills.store-setting-tab .nav-link.active,
.setting-page .nav-pills.store-setting-tab .nav-link.active:focus,
.setting-page .nav-pills.store-setting-tab .nav-link.active:hover,
.setting-page .nav-pills.store-setting-tab .nav-link.active.show,
.nav-pills.store-setting-tab .nav-link.setting-tab-link.active,
.nav-pills.store-setting-tab .nav-link.setting-tab-link.active:focus,
.nav-pills.store-setting-tab .nav-link.setting-tab-link.active:hover,
.cms-page .nav-pills.store-setting-tab .nav-link.setting-tab-link.active,
.cms-page .nav-pills.store-setting-tab .nav-link.setting-tab-link.active:focus,
.cms-page .nav-pills.store-setting-tab .nav-link.setting-tab-link.active:hover,
.setting-page .nav-pills.store-setting-tab .nav-link.setting-tab-link.active,
.setting-page .nav-pills.store-setting-tab .nav-link.setting-tab-link.active:focus,
.setting-page .nav-pills.store-setting-tab .nav-link.setting-tab-link.active:hover {
    color: var(--mono-primary) !important;
    background-color: transparent !important;
    border-color: var(--mono-primary) !important;
}

/* Override for theme customize page - Use mono-text for better visibility */
/* Theme Customize Page Active State - Match Superadmin Submenu */
.theme-customize .nav-pills.store-setting-tab .nav-link.active,
.theme-customize .nav-pills.store-setting-tab .nav-link.active:focus,
.theme-customize .nav-pills.store-setting-tab .nav-link.active:hover,
.theme-customize .nav-pills.store-setting-tab .nav-link.active.show,
.customize-card .nav-pills.store-setting-tab .nav-link.active,
.customize-card .nav-pills.store-setting-tab .nav-link.active:focus,
.customize-card .nav-pills.store-setting-tab .nav-link.active:hover,
.customize-card .nav-pills.store-setting-tab .nav-link.active.show,
.theme-customize .nav-pills.store-setting-tab .nav-link.setting-tab-link.active,
.theme-customize .nav-pills.store-setting-tab .nav-link.setting-tab-link.active:focus,
.theme-customize .nav-pills.store-setting-tab .nav-link.setting-tab-link.active:hover,
.customize-card .nav-pills.store-setting-tab .nav-link.setting-tab-link.active,
.customize-card .nav-pills.store-setting-tab .nav-link.setting-tab-link.active:focus,
.customize-card .nav-pills.store-setting-tab .nav-link.setting-tab-link.active:hover {
    color: var(--mono-primary) !important;
    background-color: transparent !important;
    border-color: transparent !important;
    font-weight: 600 !important;
}

.theme-customize .nav-pills.store-setting-tab .nav-link.active *,
.theme-customize .nav-pills.store-setting-tab .nav-link.active span,
.theme-customize .nav-pills.store-setting-tab .nav-link.active i,
.customize-card .nav-pills.store-setting-tab .nav-link.active *,
.customize-card .nav-pills.store-setting-tab .nav-link.active span,
.customize-card .nav-pills.store-setting-tab .nav-link.active i,
.theme-customize .nav-pills.store-setting-tab .nav-link.setting-tab-link.active *,
.theme-customize .nav-pills.store-setting-tab .nav-link.setting-tab-link.active span,
.theme-customize .nav-pills.store-setting-tab .nav-link.setting-tab-link.active i,
.customize-card .nav-pills.store-setting-tab .nav-link.setting-tab-link.active *,
.customize-card .nav-pills.store-setting-tab .nav-link.setting-tab-link.active span,
.customize-card .nav-pills.store-setting-tab .nav-link.setting-tab-link.active i {
    color: var(--mono-primary) !important;
}

/* Override Bootstrap default nav-link active colors - Force primary color */
.cms-page .store-setting-tab .nav-link.active,
.cms-page .store-setting-tab .nav-link.active:focus,
.cms-page .store-setting-tab .nav-link.active:hover,
.cms-page .store-setting-tab .nav-link.active.show,
.setting-page .store-setting-tab .nav-link.active,
.setting-page .store-setting-tab .nav-link.active:focus,
.setting-page .store-setting-tab .nav-link.active:hover,
.setting-page .store-setting-tab .nav-link.active.show,
.cms-page .store-setting-tab .setting-tab-link.active,
.cms-page .store-setting-tab .setting-tab-link.active:focus,
.cms-page .store-setting-tab .setting-tab-link.active:hover,
.setting-page .store-setting-tab .setting-tab-link.active,
.setting-page .store-setting-tab .setting-tab-link.active:focus,
.setting-page .store-setting-tab .setting-tab-link.active:hover {
    color: var(--mono-primary) !important;
    background-color: transparent !important;
    border-color: var(--mono-primary) !important;
}

/* Ensure text inside active tabs is also primary color */
.cms-page .store-setting-tab .nav-link.active *,
.cms-page .store-setting-tab .nav-link.active.show *,
.setting-page .store-setting-tab .nav-link.active *,
.setting-page .store-setting-tab .nav-link.active.show *,
.cms-page .store-setting-tab .setting-tab-link.active *,
.setting-page .store-setting-tab .setting-tab-link.active * {
    color: var(--mono-primary) !important;
}

/* FINAL OVERRIDE - Most specific possible to override Bootstrap nav-pills */
body .nav-pills.store-setting-tab .nav-link.active,
body .nav-pills.store-setting-tab .show>.nav-link,
body .nav-pills.store-setting-tab .nav-link.setting-tab-link.active,
body #pills-tab.nav-pills.store-setting-tab li.nav-item a.nav-link.active,
body #pills-tab.nav-pills.store-setting-tab li.nav-item a.nav-link.setting-tab-link.active,
body #pills-tab.nav-pills.store-setting-tab li.nav-item a.nav-link.active.show,
body #useradd-sidenav .nav-pills.store-setting-tab li.nav-item a.nav-link.active,
body #useradd-sidenav .nav-pills.store-setting-tab li.nav-item a.nav-link.setting-tab-link.active,
body #useradd-sidenav .nav-pills.store-setting-tab li.nav-item a.nav-link.active.show,
body .card-body .nav-pills.store-setting-tab li.nav-item a.nav-link.active,
body .card-body .nav-pills.store-setting-tab li.nav-item a.nav-link.setting-tab-link.active,
body .card-body .nav-pills.store-setting-tab li.nav-item a.nav-link.active.show,
body .app-seeting-tab .nav-pills.store-setting-tab li.nav-item a.nav-link.active,
body .app-seeting-tab .nav-pills.store-setting-tab li.nav-item a.nav-link.setting-tab-link.active,
body .app-seeting-tab .nav-pills.store-setting-tab li.nav-item a.nav-link.active.show,
.app-seeting-tab .store-setting-tab .nav-link.active,
.app-seeting-tab .store-setting-tab .nav-link.active.show {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    font-weight: 600 !important;
    position: relative !important;
}

.app-seeting-tab .store-setting-tab .nav-link.active::before,
.app-seeting-tab .store-setting-tab .nav-link.active.show::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    width: 2px !important;
    height: 50% !important;
    background-color: var(--mono-primary) !important;
    border-radius: 0 !important;
    z-index: 1 !important;
    display: block !important;
}

.app-seeting-tab .store-setting-tab .nav-link {
    color: var(--mono-text) !important;
    font-weight: 400 !important;
}

.app-seeting-tab .store-setting-tab .nav-link.active *,
.app-seeting-tab .store-setting-tab .nav-link.active span,
.app-seeting-tab .store-setting-tab .nav-link.active i,
.app-seeting-tab .store-setting-tab .nav-link.active.show *,
.app-seeting-tab .store-setting-tab .nav-link.active.show span,
.app-seeting-tab .store-setting-tab .nav-link.active.show i {
    color: var(--mono-primary) !important;
}

.app-seeting-tab .store-setting-tab .nav-link *,
.app-seeting-tab .store-setting-tab .nav-link span,
.app-seeting-tab .store-setting-tab .nav-link i {
    color: inherit !important;
}

/* CRITICAL: Override Bootstrap's base nav-pills rule for our specific tabs - HIGHER SPECIFICITY THAN BOOTSTRAP */
body .nav-pills.store-setting-tab .nav-link.active,
body .nav-pills.store-setting-tab .show>.nav-link,
body ul.nav-pills.store-setting-tab li.nav-item a.nav-link.active,
body #pills-tab.nav-pills.store-setting-tab .nav-link.active,
body #useradd-sidenav .nav-pills.store-setting-tab .nav-link.active {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
}

/* CRITICAL: Override style.css rule at line 16274-16280 that uses var(--theme-color) */
body .nav-pills.store-setting-tab .nav-link.active,
body .nav-pills.store-setting-tab .nav-link:focus,
body .nav-pills.store-setting-tab .show>.nav-link,
.setting-page .nav-pills.store-setting-tab .nav-link.active,
.setting-page .nav-pills.store-setting-tab .nav-link:focus,
.setting-page .nav-pills.store-setting-tab .show>.nav-link,
.cms-page .nav-pills.store-setting-tab .nav-link.active,
.cms-page .nav-pills.store-setting-tab .nav-link:focus,
.cms-page .nav-pills.store-setting-tab .show>.nav-link {
    background: transparent !important;
    background-color: transparent !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
}

/* Override Bootstrap's CSS variable usage directly */
body .nav-pills.store-setting-tab .nav-link.active {
    background-color: transparent !important;
    background: transparent !important;
}

/* Enhanced Store Settings Tab Design - Override previous rules */
body .store-setting-tab .nav-link.active,
body .store-setting-tab .nav-link.setting-tab-link.active,
body .store-setting-tab .nav-link.active.show,
body .store-setting-sidebar-card .store-setting-tab .nav-link.active,
body .store-setting-sidebar-card .store-setting-tab .nav-link.setting-tab-link.active {
    background-color: var(--mono-bg-alt) !important;
    background: var(--mono-bg-alt) !important;
    color: var(--mono-text) !important;
    border-left-color: var(--mono-primary) !important;
    border-left-width: 3px !important;
    border-left-style: solid !important;
    padding-left: calc(1.75rem - 3px) !important;
    font-weight: 600 !important;
}

body .store-setting-tab .nav-link.active i,
body .store-setting-tab .nav-link.setting-tab-link.active i,
body .store-setting-sidebar-card .store-setting-tab .nav-link.active i {
    color: var(--mono-primary) !important;
}

/* Ensure active state overrides all previous rules */
.store-setting-sidebar-card .store-setting-tab .nav-link.active,
.store-setting-sidebar-card .store-setting-tab .nav-link.setting-tab-link.active {
    background-color: var(--mono-bg-alt) !important;
    border-left: 3px solid var(--mono-primary) !important;
    color: var(--mono-text) !important;
    font-weight: 600 !important;
}

.store-setting-sidebar-card .store-setting-tab .nav-link.active i {
    color: var(--mono-primary) !important;
}

/* Storage Settings page - btn-check buttons (Local/AWS S3/Wasabi) */
.setting-page .btn-check:checked+.btn-outline-primary,
.setting-page .btn-check:active+.btn-outline-primary,
.setting-page .btn-outline-primary.active {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

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

.setting-page .btn-outline-primary:hover {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
}

/* Choices.js - Monochrome styling for settings page tagsinput */
.setting-page .choices__inner,
.setting-page .choices {
    background-color: var(--mono-bg) !important;
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    padding: 0.5rem 0.75rem !important;
    min-height: 38px !important;
    font-size: 0.8125rem !important;
}

/* Selected tags in multiple select */
.setting-page .choices__list--multiple .choices__item,
.setting-page .choices__list--multiple .choices__item.is-selected,
.setting-page .choices__list--multiple .choices__item[data-id],
.setting-page #local_storage_validation~.choices .choices__list--multiple .choices__item,
.setting-page #s3_storage_validation~.choices .choices__list--multiple .choices__item,
.setting-page #wasabi_storage_validation~.choices .choices__list--multiple .choices__item {
    background-color: var(--mono-bg-alt) !important;
    color: var(--mono-primary) !important;
    border: 1px solid var(--mono-primary) !important;
    border-radius: 5px !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.8125rem !important;
    margin: 0.125rem !important;
    font-weight: 500 !important;
}

.setting-page .choices__list--multiple .choices__item .choices__button,
.setting-page .choices__list--multiple .choices__item.is-selected .choices__button,
.setting-page .choices__list--multiple .choices__item[data-id] .choices__button,
.setting-page .choices[data-type*="select-multiple"] .choices__button {
    background-color: transparent !important;
    border-left: 1px solid var(--mono-primary) !important;
    color: var(--mono-primary) !important;
    opacity: 1 !important;
    margin: 0 -4px 0 8px !important;
    padding-left: 16px !important;
    display: inline-block !important;
    visibility: visible !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    cursor: pointer !important;
    position: relative !important;
    background-size: 10px 10px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /* Custom X icon in primary color - base64 encoded SVG */
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' viewBox='0 0 21 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23343a40' fill-rule='evenodd'%3E%3Cpath d='M2.592.044l18.364 18.364-2.548 2.548L.044 2.592z'/%3E%3Cpath d='M0 18.364L18.364 0l2.548 2.548L2.548 20.912z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.setting-page .choices__list--multiple .choices__item .choices__button::before {
    content: '×' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: var(--mono-primary) !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    width: 100% !important;
    text-align: center !important;
}

.setting-page .choices__list--multiple .choices__item .choices__button:hover,
.setting-page .choices__list--multiple .choices__item.is-selected .choices__button:hover {
    color: var(--mono-danger) !important;
    background-color: transparent !important;
    opacity: 1 !important;
    border-left-color: var(--mono-primary) !important;
}

.setting-page .choices__list--multiple .choices__item .choices__button:hover::before {
    color: var(--mono-danger) !important;
}

.setting-page .choices__input--cloned {
    background-color: transparent !important;
    color: var(--mono-text) !important;
    border: none !important;
    font-size: 0.8125rem !important;
}

.setting-page .choices__placeholder {
    color: var(--mono-text) !important;
    opacity: 0.6 !important;
}

.setting-page .choices.is-focused .choices__inner,
.setting-page .choices.is-open .choices__inner {
    border-color: var(--mono-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1) !important;
}

/* Also target bootstrap-tagsinput for backwards compatibility */
.setting-page .bootstrap-tagsinput {
    background-color: var(--mono-bg) !important;
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    padding: 0.5rem 0.75rem !important;
}

.setting-page .bootstrap-tagsinput .tag {
    background-color: var(--mono-bg-alt) !important;
    color: var(--mono-primary) !important;
    border: 1px solid var(--mono-primary) !important;
    border-radius: 5px !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.8125rem !important;
    margin: 0.125rem !important;
    display: inline-block !important;
}

.setting-page .bootstrap-tagsinput .tag [data-role="remove"] {
    color: var(--mono-primary) !important;
    margin-left: 0.5rem !important;
}

.setting-page .bootstrap-tagsinput .tag [data-role="remove"]:hover {
    color: var(--mono-danger) !important;
}

.setting-page .bootstrap-tagsinput input {
    background-color: transparent !important;
    color: var(--mono-text) !important;
    border: none !important;
    font-size: 0.8125rem !important;
}

.setting-page .bootstrap-tagsinput input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Payment Settings Page Styling */
.setting-page #Payment_Setting .accordion-button {
    background-color: var(--mono-bg) !important;
    border: none !important;
    color: var(--mono-text) !important;
    font-size: 0.8125rem !important;
    box-shadow: none !important;
}

.setting-page #Payment_Setting .accordion-button:not(.collapsed) {
    background-color: var(--mono-bg-alt) !important;
    color: var(--mono-primary) !important;
    box-shadow: none !important;
}

.setting-page #Payment_Setting .accordion-button:focus {
    border-color: var(--mono-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1) !important;
}

.setting-page #Payment_Setting .accordion-item {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    margin-bottom: 0.75rem !important;
    background-color: var(--mono-bg) !important;
}

.setting-page #Payment_Setting .accordion-body {
    background-color: var(--mono-bg) !important;
    padding: 1rem !important;
}

.setting-page #Payment_Setting .form-check-input[type="radio"] {
    width: 1rem !important;
    height: 1rem !important;
    border: 2px solid var(--mono-border) !important;
    margin-top: 0.25rem !important;
}

.setting-page #Payment_Setting .form-check-input[type="radio"]:checked {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
}

.setting-page #Payment_Setting .form-check-input[type="radio"]:focus {
    border-color: var(--mono-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1) !important;
}

/* Payment Settings - Switch Button Styling */
.setting-page #Payment_Setting .form-check-input[type="checkbox"] {
    width: 2.75rem !important;
    height: 1.375rem !important;
    border-radius: 0.6875rem !important;
    background-color: var(--mono-bg-alt) !important;
    border: 1px solid var(--mono-border) !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    margin-top: 0.125rem;
}

.setting-page #Payment_Setting .form-check-input[type="checkbox"]:checked {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
}

.setting-page #Payment_Setting .form-check-input[type="checkbox"]::after {
    content: '';
    position: absolute;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    background-color: var(--mono-bg) !important;
    top: 0.125rem;
    left: 0.125rem;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.setting-page #Payment_Setting .form-check-input[type="checkbox"]:checked::after {
    left: calc(100% - 1.25rem);
    background-color: var(--mono-bg) !important;
}

.setting-page #Payment_Setting .form-check-input[type="checkbox"]:focus {
    border-color: var(--mono-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1) !important;
}

/* ULTIMATE OVERRIDE - Target every possible combination */
ul.nav.nav-pills.store-setting-tab li.nav-item a.nav-link.btn-sm.f-w-600.setting-tab-link.active,
ul.nav.nav-pills.store-setting-tab li.nav-item a.nav-link.btn-sm.f-w-600.active,
.row.cms-page .card .card-body.app-seeting-tab ul.nav-pills.store-setting-tab li.nav-item a.nav-link.active,
.row.setting-page .card .card-body.app-seeting-tab ul.nav-pills.store-setting-tab li.nav-item a.nav-link.active {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    font-weight: 600 !important;
}

.cms-page .admin-setting-search .form-control {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
    color: var(--mono-text);
    padding: 0.5rem 0.75rem;
    background-color: var(--mono-bg);
}

.cms-page .admin-setting-search .form-control:focus {
    border-color: var(--mono-primary);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1);
    outline: none;
    background-color: var(--mono-bg);
}

/* Settings Form Content Styling */
.cms-page .tab-content .card-header h5,
.cms-page .tab-content .card-header h3 {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text);
}

.cms-page .tab-content .form-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.cms-page .tab-content .form-control,
.cms-page .tab-content .form-select,
.cms-page .tab-content select.form-control {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border);
    color: var(--mono-text);
    padding: 0.5rem 0.75rem;
    background-color: var(--mono-bg);
}

.cms-page .tab-content .form-control:focus,
.cms-page .tab-content .form-select:focus,
.cms-page .tab-content select.form-control:focus {
    border-color: var(--mono-primary);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1);
    outline: none;
    background-color: var(--mono-bg);
}

.cms-page .tab-content .btn-sm,
.cms-page .tab-content .btn-badge {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 1.2 !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.8125rem !important;
}

.cms-page .tab-content .btn-print-invoice {
    font-size: 0.8125rem !important;
    padding: 0.5rem 1rem !important;
    height: auto !important;
    min-height: 32px !important;
}

.cms-page .tab-content .btn-print-invoice.btn-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.cms-page .tab-content .table th,
.cms-page .tab-content .table td {
    font-size: 0.8125rem !important;
}

.cms-page .tab-content .col-form-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.cms-page .tab-content input[type="submit"].btn-print-invoice,
.cms-page .tab-content input[type="submit"].btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.8125rem !important;
    padding: 0.5rem 1rem !important;
    height: auto !important;
    min-height: 32px !important;
}

.cms-page .tab-content input[type="submit"].btn-print-invoice::before,
.cms-page .tab-content input[type="submit"].btn-submit::before {
    content: '\e9c5';
    font-family: 'tabler-icons';
    font-size: 0.875rem;
}

.cms-page .tab-content .btn-badge.bg-primary,
.cms-page .tab-content .company_logo_update,
.cms-page .tab-content .dark_logo_update,
.cms-page .tab-content .company_favicon_update,
.cms-page .tab-content .full_logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.8125rem !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 5px !important;
    cursor: pointer;
}

.cms-page .tab-content .choose-files {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

.cms-page .tab-content .choose-files label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin-bottom: 0 !important;
    cursor: pointer;
    width: auto !important;
}

.cms-page .tab-content .choose-files input[type="file"] {
    display: none !important;
}

.cms-page .tab-content .form-check-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text);
}

/* Select2 / Choices Dropdown Styling for Settings */
.cms-page .tab-content .choices,
.cms-page .tab-content .select2-container .select2-selection {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
    background-color: var(--mono-bg) !important;
    min-height: 32px !important;
}

.cms-page .tab-content .choices__inner,
.cms-page .tab-content .select2-container .select2-selection__rendered {
    font-size: 0.8125rem !important;
    padding: 0.5rem 0.75rem !important;
    color: var(--mono-text) !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
}

.cms-page .tab-content .choices__list--dropdown,
.cms-page .tab-content .select2-dropdown {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background-color: var(--mono-bg) !important;
}

.cms-page .tab-content .choices__item,
.cms-page .tab-content .select2-results__option {
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
    padding: 0.5rem 0.75rem !important;
}

.cms-page .tab-content .choices__item--selectable.is-highlighted,
.cms-page .tab-content .select2-results__option--highlighted {
    background-color: var(--mono-bg-alt) !important;
    color: var(--mono-primary) !important;
}

.cms-page .tab-content .choices__item--selected {
    background-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.cms-page .tab-content .choices.is-focused .choices__inner,
.cms-page .tab-content .select2-container--focus .select2-selection {
    border-color: var(--mono-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1) !important;
}

/* Settings Page Switch/Toggle Styling */
.cms-page .tab-content .form-switch .form-check-input[type="checkbox"] {
    width: 2.75rem !important;
    height: 1.375rem !important;
    border-radius: 0.6875rem !important;
    background-color: var(--mono-bg-alt) !important;
    border: 1px solid var(--mono-border) !important;
    cursor: pointer;
    transition: background-position 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-position: left center !important;
    background-size: 1.25rem 1.25rem !important;
    background-repeat: no-repeat !important;
    margin-top: 0.125rem;
}

.cms-page .tab-content .form-switch .form-check-input[type="checkbox"]:checked {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-position: right center !important;
}

.cms-page .tab-content .form-switch {
    padding-left: 3rem !important;
}

.cms-page .tab-content .form-switch .form-check-input {
    margin-left: -3rem !important;
}

/* Settings Page Card Header Styling */
.cms-page .tab-content .card-header h5 {
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: var(--mono-text);
}

/* Enhanced Toggle Switch Styling - Bootstrap Form Switch */
.landing-page .form-switch {
    padding-left: 3rem !important;
}

.landing-page .form-switch .form-check-input[type="checkbox"] {
    width: 2.75rem !important;
    height: 1.375rem !important;
    border-radius: 0.6875rem !important;
    background-color: var(--mono-bg-alt) !important;
    border: 1px solid var(--mono-border) !important;
    cursor: pointer;
    transition: background-position 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-position: left center !important;
    background-size: 1.25rem 1.25rem !important;
    background-repeat: no-repeat !important;
    margin-top: 0.125rem;
    margin-left: -3rem !important;
}

.landing-page .form-switch .form-check-input[type="checkbox"]:checked {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-position: right center !important;
}

.landing-page .form-switch .form-check-input[type="checkbox"]:focus {
    border-color: var(--mono-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 0.2rem rgba(26, 26, 26, 0.1) !important;
}

.landing-page .form-switch .form-check-input[type="checkbox"]:hover:not(:checked) {
    border-color: var(--mono-primary) !important;
}

.landing-page .form-check-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
    margin-left: 0.5rem;
    cursor: pointer;
    font-weight: 500;
}

/* Switchbutton Plugin Styling (for data-toggle="switchbutton") */
.landing-page .switchbutton-wrapper {
    display: inline-block;
}

.landing-page .switchbutton-wrapper input[type="checkbox"] {
    width: 2.5rem !important;
    height: 1.25rem !important;
    border-radius: 0.625rem !important;
    background-color: var(--mono-bg-alt) !important;
    border: 1px solid var(--mono-border) !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
}

.landing-page .switchbutton-wrapper input[type="checkbox"]:checked {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
}

.landing-page .switchbutton-wrapper input[type="checkbox"]::before {
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: var(--mono-bg) !important;
    top: 50%;
    left: 0.125rem;
    transform: translateY(-50%);
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.landing-page .switchbutton-wrapper input[type="checkbox"]:checked::before {
    left: calc(100% - 1.125rem);
    background-color: var(--mono-bg) !important;
}

/* Custom Switch Button (old style) */
.landing-page .custom-switch .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
}

.landing-page .custom-switch .custom-control-input~.custom-control-label::before {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    width: 2.5rem !important;
    height: 1.25rem !important;
    border-radius: 0.625rem !important;
}

.landing-page .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: var(--mono-bg) !important;
    transform: translateX(1.25rem) !important;
}

.landing-page .custom-switch .custom-control-label::after {
    width: 1rem !important;
    height: 1rem !important;
    border-radius: 50% !important;
    background-color: var(--mono-bg) !important;
    top: 0.125rem !important;
    left: 0.125rem !important;
}

/* ========================================
   GLOBAL ADMIN PAGES STYLING
   Apply to ALL admin pages consistently
   ======================================== */

/* Page Header and Title Styling */
.page-header-title h4,
.page-header-title h3,
.page-header-title h2,
.page-header-title .m-b-10 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    color: var(--mono-text) !important;
    margin-bottom: 0.5rem !important;
}

/* Breadcrumb Styling */
.breadcrumb {
    font-size: 0.8125rem !important;
}

.breadcrumb-item {
    color: var(--mono-text) !important;
    opacity: 0.7;
}

.breadcrumb-item.active {
    color: var(--mono-text) !important;
    opacity: 1;
    font-weight: 500;
}

.breadcrumb-item a {
    color: var(--mono-text) !important;
    opacity: 0.7;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: var(--mono-primary) !important;
    opacity: 1;
}

/* Action Button Area - Ensure all buttons have icon + text */
.all-button-box .btn:not(.btn-icon),
.page-header .btn:not(.btn-icon),
.action-button .btn:not(.btn-icon),
.page-action .btn:not(.btn-icon) {
    font-size: 0.8125rem !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0.375rem 0.75rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.375rem !important;
}

.all-button-box .btn i,
.page-header .btn i,
.action-button .btn i,
.page-action .btn i {
    font-size: 0.875rem !important;
}

/* Icon-only buttons should remain small */
.all-button-box .btn.btn-icon,
.page-header .btn.btn-icon,
.action-button .btn.btn-icon {
    width: 32px !important;
    min-width: 32px !important;
    padding: 0.375rem !important;
    justify-content: center !important;
    font-size: 0.8125rem !important;
    height: 32px !important;
}

/* Card Headers */
.card-header h5,
.card-header h4,
.card-header h3 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    color: var(--mono-text) !important;
}

/* Override for theme customize page headers - Smaller font */
.customize-card .card-header h4,
#settings-card .card-header h4,
.card-header h4[style*="0.75rem"] {
    font-size: 0.75rem !important;
}

/* Form Labels - Global */
.form-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
}

/* Form Controls - Global */
.form-control:not(.form-control-sm),
.form-select:not(.form-select-sm),
select.form-control:not(.form-control-sm) {
    font-size: 0.8125rem !important;
    border-radius: 5px !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
    padding: 0.5rem 0.75rem !important;
    background-color: var(--mono-bg) !important;
}

.form-control:focus,
.form-select:focus,
select.form-control:focus {
    border-color: var(--mono-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1) !important;
    outline: none !important;
    background-color: var(--mono-bg) !important;
}

/* Buttons - Global Styling */
.btn-sm:not(.btn-icon) {
    font-size: 0.8125rem !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0.375rem 0.75rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.375rem !important;
}

.btn-badge:not(.btn-icon) {
    font-size: 0.8125rem !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0.375rem 0.75rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.375rem !important;
}

/* Button Colors - Monochrome */
.btn-primary,
.btn-info,
.btn-success {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
}

.btn-primary:hover,
.btn-info:hover,
.btn-success:hover {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    opacity: 0.9;
}

.btn-danger {
    background-color: var(--mono-danger) !important;
    border-color: var(--mono-danger) !important;
    color: var(--mono-bg) !important;
}

.btn-danger:hover {
    background-color: var(--mono-danger) !important;
    border-color: var(--mono-danger) !important;
    color: var(--mono-bg) !important;
    opacity: 0.9;
}

/* Table Styling */
.table th {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: var(--mono-text) !important;
    background-color: var(--mono-bg-alt) !important;
}

.table td {
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
}

/* Switch Buttons - Global (if not already defined) */
.form-check-input[type="checkbox"] {
    width: 2.75rem !important;
    height: 1.375rem !important;
    border-radius: 0.6875rem !important;
    background-color: var(--mono-bg-alt) !important;
    border: 1px solid var(--mono-border) !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    margin-top: 0.125rem;
}

.form-check-input[type="checkbox"]:checked {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
}

.form-check-input[type="checkbox"]::after {
    content: '';
    position: absolute;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    background-color: var(--mono-bg) !important;
    top: 0.125rem;
    left: 0.125rem;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.form-check-input[type="checkbox"]:checked::after {
    left: calc(100% - 1.25rem);
    background-color: var(--mono-bg) !important;
}

.form-check-input[type="checkbox"]:focus {
    border-color: var(--mono-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1) !important;
}

.form-check-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
    margin-left: 0.5rem;
    cursor: pointer;
    font-weight: 500;
}

/* Theme Customize Pages Styling */
.theme-customize .card,
.customize-card {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background-color: var(--mono-bg) !important;
}

.theme-customize .card-header,
.customize-card .card-header {
    background-color: var(--mono-bg-alt) !important;
    border-bottom: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
}

.theme-customize .card-body,
.customize-card .card-body {
    background-color: var(--mono-bg) !important;
    color: var(--mono-text) !important;
}

.theme-customize .setting-tab,
.customize-card .setting-tab {
    background-color: var(--mono-bg) !important;
}

.theme-customize .nav-pills.store-setting-tab .nav-link,
.customize-card .nav-pills.store-setting-tab .nav-link {
    font-size: 0.8125rem !important;
    padding: 10px !important;
    border-radius: 6px !important;
    color: var(--mono-text) !important;
    background-color: transparent !important;
    border: none !important;
}

.theme-customize .nav-pills.store-setting-tab .nav-link:hover,
.customize-card .nav-pills.store-setting-tab .nav-link:hover {
    background-color: var(--mono-bg-alt) !important;
    color: var(--mono-text) !important;
}

.theme-customize .nav-pills.store-setting-tab .nav-link.active,
.customize-card .nav-pills.store-setting-tab .nav-link.active,
.theme-customize .nav-pills.store-setting-tab .nav-link.setting-tab-link.active,
.customize-card .nav-pills.store-setting-tab .nav-link.setting-tab-link.active {
    background-color: transparent !important;
    color: var(--mono-text) !important;
    font-weight: 600 !important;
}

.theme-customize .nav-pills.store-setting-tab .nav-link.active *,
.customize-card .nav-pills.store-setting-tab .nav-link.active *,
.theme-customize .nav-pills.store-setting-tab .nav-link.setting-tab-link.active *,
.customize-card .nav-pills.store-setting-tab .nav-link.setting-tab-link.active *,
.theme-customize .nav-pills.store-setting-tab .nav-link.active span,
.customize-card .nav-pills.store-setting-tab .nav-link.active span,
.theme-customize .nav-pills.store-setting-tab .nav-link.setting-tab-link.active span,
.customize-card .nav-pills.store-setting-tab .nav-link.setting-tab-link.active span,
.theme-customize .nav-pills.store-setting-tab .nav-link.active i,
.customize-card .nav-pills.store-setting-tab .nav-link.active i,
.theme-customize .nav-pills.store-setting-tab .nav-link.setting-tab-link.active i,
.customize-card .nav-pills.store-setting-tab .nav-link.setting-tab-link.active i {
    color: var(--mono-text) !important;
}

.theme-customize .dropdown-menu,
.customize-card .dropdown-menu {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background-color: var(--mono-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.theme-customize .dropdown-item,
.customize-card .dropdown-item {
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
    padding: 0.5rem 0.75rem !important;
}

.theme-customize .dropdown-item:hover,
.customize-card .dropdown-item:hover {
    background-color: var(--mono-bg-alt) !important;
    color: var(--mono-text) !important;
}

.theme-customize .business-view-inner,
.customize-card .business-view-inner {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    background-color: var(--mono-bg) !important;
}

.theme-customize .form-control,
.theme-customize .form-select,
.customize-card .form-control,
.customize-card .form-select {
    font-size: 0.8125rem !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
    background-color: var(--mono-bg) !important;
    min-height: 38px !important;
}

.theme-customize .form-control:focus,
.theme-customize .form-select:focus,
.customize-card .form-control:focus,
.customize-card .form-select:focus {
    border-color: var(--mono-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.1) !important;
    background-color: var(--mono-bg) !important;
    color: var(--mono-text) !important;
}

.theme-customize .form-label,
.customize-card .form-label {
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
    font-weight: 500 !important;
}

.theme-customize .btn,
.customize-card .btn {
    font-size: 0.8125rem !important;
    height: 32px !important;
    min-height: 32px !important;
}

.theme-customize .input-group-text,
.customize-card .input-group-text {
    border: 1px solid var(--mono-border) !important;
    background-color: var(--mono-bg-alt) !important;
    color: var(--mono-text) !important;
    font-size: 0.8125rem !important;
}

/* Enhanced Theme Cards Styling */
.theme-card-enhanced {
    margin-bottom: 1.5rem;
}

.theme-card-enhanced .business-view-inner.theme-card-wrapper {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid var(--mono-border) !important;
    transition: all 0.3s ease !important;
}

.theme-card-enhanced .business-view-inner.theme-card-wrapper:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
    border-color: var(--mono-primary) !important;
    transform: translateY(-2px);
}

.theme-card-enhanced .business-view-inner.theme-card-wrapper.theme-active {
    border-color: var(--mono-primary) !important;
    border-width: 2px !important;
    box-shadow: 0 4px 16px rgba(52, 58, 64, 0.15) !important;
}

.theme-card-enhanced .business-view-inner:hover .buisness-img img {
    transform: scale(1.02);
}

.theme-card-enhanced .business-view-inner:hover .theme-image-overlay {
    opacity: 1;
}

.theme-card-enhanced .buisness-img {
    position: relative;
    overflow: hidden;
}

.theme-card-enhanced .theme-active-badge {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.theme-card-enhanced .theme-card-content {
    background-color: var(--mono-bg) !important;
}

.theme-card-enhanced .theme-card-actions {
    border-top: 1px solid var(--mono-border) !important;
}

.theme-card-enhanced .btn-primary,
.theme-card-enhanced .btn-primary:not(:disabled):not(.disabled) {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    font-weight: 500;
}

.theme-card-enhanced .btn-primary:hover:not(:disabled):not(.disabled),
.theme-card-enhanced .btn-primary:focus:not(:disabled):not(.disabled),
.theme-card-enhanced .btn-primary:active:not(:disabled):not(.disabled) {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    transform: none !important;
    box-shadow: none !important;
}

.theme-card-enhanced .btn-outline-primary,
.theme-card-enhanced .btn-outline-primary:not(:disabled):not(.disabled) {
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    background-color: transparent !important;
    font-weight: 500;
}

.theme-card-enhanced .btn-outline-primary:hover:not(:disabled):not(.disabled),
.theme-card-enhanced .btn-outline-primary:focus:not(:disabled):not(.disabled),
.theme-card-enhanced .btn-outline-primary:active:not(:disabled):not(.disabled) {
    border-color: var(--mono-border) !important;
    background-color: transparent !important;
    color: var(--mono-text) !important;
    transform: none !important;
    box-shadow: none !important;
}

.theme-card-enhanced .btn-light:disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
}

/* Responsive adjustments */
@media (max-width: 1400px) {
    .theme-card-enhanced {
        margin-bottom: 1rem;
    }
}

@media (max-width: 768px) {
    .theme-card-enhanced .theme-card-actions {
        flex-direction: column;
    }

    .theme-card-enhanced .theme-card-actions .btn {
        width: 100%;
    }
}

/* Pages Listing Card Enhanced Styling */
.pages-listing-card .page-card-wrapper {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
    position: relative;
    overflow: hidden;
}

.pages-listing-card .page-card-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--mono-primary);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.pages-listing-card .page-card-wrapper:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    border-color: var(--mono-primary) !important;
    transform: translateY(-2px);
}

.pages-listing-card .page-card-wrapper:hover::before {
    transform: scaleX(1);
}

.pages-listing-card .page-icon-wrapper {
    transition: all 0.3s ease;
    position: relative;
}

.pages-listing-card .page-card-wrapper:hover .page-icon-wrapper {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    transform: scale(1.05);
}

.pages-listing-card .page-card-wrapper:hover .page-icon-wrapper i {
    color: var(--mono-bg) !important;
}

/* Enhanced Edit Button Styling - Force proper colors */
/* Pages Listing Edit Button - No Hover Effects */
.pages-listing-card .page-edit-btn,
.pages-listing-card a.page-edit-btn,
.pages-listing-card .page-edit-btn:not(:disabled):not(.disabled),
.pages-listing-card a.page-edit-btn:not(:disabled):not(.disabled),
.pages-listing-card .page-edit-btn:hover,
.pages-listing-card a.page-edit-btn:hover,
.pages-listing-card .page-edit-btn:hover:not(:disabled):not(.disabled),
.pages-listing-card a.page-edit-btn:hover:not(:disabled):not(.disabled),
.pages-listing-card .page-edit-btn:focus,
.pages-listing-card a.page-edit-btn:focus,
.pages-listing-card .page-edit-btn:focus:not(:disabled):not(.disabled),
.pages-listing-card a.page-edit-btn:focus:not(:disabled):not(.disabled),
.pages-listing-card .page-edit-btn:active,
.pages-listing-card a.page-edit-btn:active,
.pages-listing-card .page-edit-btn:active:not(:disabled):not(.disabled),
.pages-listing-card a.page-edit-btn:active:not(:disabled):not(.disabled) {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    font-weight: 500;
    transition: none !important;
    text-decoration: none !important;
    transform: none !important;
    box-shadow: none !important;
}

.pages-listing-card .page-edit-btn,
.pages-listing-card .page-edit-btn *,
.pages-listing-card .page-edit-btn span,
.pages-listing-card .page-edit-btn i,
.pages-listing-card a.page-edit-btn,
.pages-listing-card a.page-edit-btn *,
.pages-listing-card a.page-edit-btn span,
.pages-listing-card a.page-edit-btn i,
.pages-listing-card .page-edit-btn:hover,
.pages-listing-card .page-edit-btn:hover *,
.pages-listing-card .page-edit-btn:hover span,
.pages-listing-card .page-edit-btn:hover i,
.pages-listing-card a.page-edit-btn:hover,
.pages-listing-card a.page-edit-btn:hover *,
.pages-listing-card a.page-edit-btn:hover span,
.pages-listing-card a.page-edit-btn:hover i,
.pages-listing-card .page-edit-btn:focus,
.pages-listing-card .page-edit-btn:focus *,
.pages-listing-card .page-edit-btn:focus span,
.pages-listing-card .page-edit-btn:focus i,
.pages-listing-card a.page-edit-btn:focus,
.pages-listing-card a.page-edit-btn:focus *,
.pages-listing-card a.page-edit-btn:focus span,
.pages-listing-card a.page-edit-btn:focus i,
.pages-listing-card .page-edit-btn:active,
.pages-listing-card .page-edit-btn:active *,
.pages-listing-card .page-edit-btn:active span,
.pages-listing-card .page-edit-btn:active i,
.pages-listing-card a.page-edit-btn:active,
.pages-listing-card a.page-edit-btn:active *,
.pages-listing-card a.page-edit-btn:active span,
.pages-listing-card a.page-edit-btn:active i {
    color: var(--mono-bg) !important;
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
}

.pages-listing-card .page-edit-btn i {
    transition: none !important;
    transform: none !important;
}

.pages-listing-card .page-edit-btn:hover i {
    transform: none !important;
}

/* Card content hover effects */
.pages-listing-card .page-card-wrapper:hover h3 {
    color: var(--mono-primary) !important;
    transition: color 0.3s ease;
}

/* Theme Customize Button on Index Page */
.theme-card-enhanced .theme-customize-btn,
.theme-card-enhanced a.theme-customize-btn,
.theme-card-enhanced .theme-customize-btn:not(:disabled):not(.disabled),
.theme-card-enhanced a.theme-customize-btn:not(:disabled):not(.disabled) {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    text-decoration: none !important;
}

/* Store Settings Tab Button Style - Old Style */
.store-setting-tab .nav-link {
    font-size: 0.8125rem !important;
    padding: 0.625rem 1rem !important;
    color: var(--mono-text-light) !important;
    background-color: var(--mono-bg-alt) !important;
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    margin: 0.25rem !important;
}

.store-setting-tab .nav-link i {
    font-size: 0.875rem !important;
    color: var(--mono-text-light) !important;
    transition: color 0.2s ease !important;
}

.store-setting-tab .nav-link span {
    color: var(--mono-text-light) !important;
}

/* Active State - Override for non-theme-customize pages */
.store-setting-tab .nav-link.active,
.store-setting-tab .nav-link.active.show {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    font-weight: 600 !important;
}

.store-setting-tab .nav-link.active i,
.store-setting-tab .nav-link.active.show i {
    color: var(--mono-bg) !important;
}

.store-setting-tab .nav-link.active span,
.store-setting-tab .nav-link.active.show span {
    color: var(--mono-bg) !important;
}

/* Override for theme customize page - Use dark text instead of white */
.theme-customize .store-setting-tab .nav-link.active,
.theme-customize .store-setting-tab .nav-link.active.show,
.theme-customize .store-setting-tab .setting-tab-link.active,
.theme-customize .store-setting-tab .setting-tab-link.active.show,
.customize-card .store-setting-tab .nav-link.active,
.customize-card .store-setting-tab .nav-link.active.show,
.customize-card .store-setting-tab .setting-tab-link.active,
.customize-card .store-setting-tab .setting-tab-link.active.show {
    color: var(--mono-text) !important;
    background-color: transparent !important;
    border: none !important;
}

.theme-customize .store-setting-tab .nav-link.active i,
.theme-customize .store-setting-tab .nav-link.active.show i,
.theme-customize .store-setting-tab .setting-tab-link.active i,
.theme-customize .store-setting-tab .setting-tab-link.active.show i,
.customize-card .store-setting-tab .nav-link.active i,
.customize-card .store-setting-tab .nav-link.active.show i,
.customize-card .store-setting-tab .setting-tab-link.active i,
.customize-card .store-setting-tab .setting-tab-link.active.show i {
    color: var(--mono-text) !important;
}

.theme-customize .store-setting-tab .nav-link.active span,
.theme-customize .store-setting-tab .nav-link.active.show span,
.theme-customize .store-setting-tab .setting-tab-link.active span,
.theme-customize .store-setting-tab .setting-tab-link.active.show span,
.customize-card .store-setting-tab .nav-link.active span,
.customize-card .store-setting-tab .nav-link.active.show span,
.customize-card .store-setting-tab .setting-tab-link.active span,
.customize-card .store-setting-tab .setting-tab-link.active.show span {
    color: var(--mono-text) !important;
}

/* Hover State */
.store-setting-tab .nav-link:hover:not(.active) {
    background-color: var(--mono-bg) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-text) !important;
}

.store-setting-tab .nav-link:hover:not(.active) i {
    color: var(--mono-text) !important;
}

.store-setting-tab .nav-link:hover:not(.active) span {
    color: var(--mono-text) !important;
}

/* Theme Customize Page - Completely override Bootstrap nav-pills - Plain Text Menu Like Superadmin */
.theme-customize .nav-pills.store-setting-tab,
.theme-customize .nav-pills.store-setting-tab *,
.theme-customize .nav-pills.store-setting-tab .nav-link,
.theme-customize .nav-pills.store-setting-tab .setting-tab-link,
.theme-customize .store-setting-tab .nav-link,
.theme-customize .store-setting-tab .setting-tab-link,
.customize-card .nav-pills.store-setting-tab,
.customize-card .nav-pills.store-setting-tab *,
.customize-card .nav-pills.store-setting-tab .nav-link,
.customize-card .nav-pills.store-setting-tab .setting-tab-link,
.customize-card .store-setting-tab .nav-link,
.customize-card .store-setting-tab .setting-tab-link {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--mono-text-light) !important;
    padding: 0.5rem 1.25rem 0.5rem 1.5rem !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.theme-customize .nav-pills.store-setting-tab .nav-link:hover,
.theme-customize .nav-pills.store-setting-tab .setting-tab-link:hover,
.theme-customize .store-setting-tab .nav-link:hover,
.theme-customize .store-setting-tab .setting-tab-link:hover,
.customize-card .nav-pills.store-setting-tab .nav-link:hover,
.customize-card .nav-pills.store-setting-tab .setting-tab-link:hover,
.customize-card .store-setting-tab .nav-link:hover,
.customize-card .store-setting-tab .setting-tab-link:hover {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--mono-text-light) !important;
}

.theme-customize .nav-pills.store-setting-tab .nav-link.active,
.theme-customize .nav-pills.store-setting-tab .setting-tab-link.active,
.theme-customize .store-setting-tab .nav-link.active,
.theme-customize .store-setting-tab .setting-tab-link.active,
.customize-card .nav-pills.store-setting-tab .nav-link.active,
.customize-card .nav-pills.store-setting-tab .setting-tab-link.active,
.customize-card .store-setting-tab .nav-link.active,
.customize-card .store-setting-tab .setting-tab-link.active {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--mono-text) !important;
    font-weight: 600 !important;
    position: relative !important;
}

.theme-customize .nav-pills.store-setting-tab .nav-link.active *,
.theme-customize .nav-pills.store-setting-tab .nav-link.active span,
.theme-customize .nav-pills.store-setting-tab .nav-link.active i,
.theme-customize .nav-pills.store-setting-tab .setting-tab-link.active *,
.theme-customize .nav-pills.store-setting-tab .setting-tab-link.active span,
.theme-customize .nav-pills.store-setting-tab .setting-tab-link.active i,
.theme-customize .store-setting-tab .nav-link.active *,
.theme-customize .store-setting-tab .nav-link.active span,
.theme-customize .store-setting-tab .nav-link.active i,
.theme-customize .store-setting-tab .setting-tab-link.active *,
.theme-customize .store-setting-tab .setting-tab-link.active span,
.theme-customize .store-setting-tab .setting-tab-link.active i,
.customize-card .nav-pills.store-setting-tab .nav-link.active *,
.customize-card .nav-pills.store-setting-tab .nav-link.active span,
.customize-card .nav-pills.store-setting-tab .nav-link.active i,
.customize-card .nav-pills.store-setting-tab .setting-tab-link.active *,
.customize-card .nav-pills.store-setting-tab .setting-tab-link.active span,
.customize-card .nav-pills.store-setting-tab .setting-tab-link.active i,
.customize-card .store-setting-tab .nav-link.active *,
.customize-card .store-setting-tab .nav-link.active span,
.customize-card .store-setting-tab .nav-link.active i,
.customize-card .store-setting-tab .setting-tab-link.active *,
.customize-card .store-setting-tab .setting-tab-link.active span,
.customize-card .store-setting-tab .setting-tab-link.active i {
    color: var(--mono-text) !important;
}

/* Customize Page Menu Styling - Match Superadmin Inner Menu */
.theme-customize .store-setting-tab .setting-tab-link,
.theme-customize .store-setting-tab .nav-link {
    font-size: 0.75rem !important;
    padding: 0.5rem 1.25rem 0.5rem 1.5rem !important;
    color: var(--mono-text-light) !important;
    background-color: transparent !important;
    border: none !important;
    text-decoration: none !important;
    position: relative !important;
    font-weight: 400 !important;
    transition: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

/* Remove all hover effects */
.theme-customize .store-setting-tab .setting-tab-link:hover,
.theme-customize .store-setting-tab .nav-link:hover,
.theme-customize .store-setting-tab .setting-tab-link:focus,
.theme-customize .store-setting-tab .nav-link:focus,
.customize-card .store-setting-tab .setting-tab-link:hover,
.customize-card .store-setting-tab .nav-link:hover,
.customize-card .store-setting-tab .setting-tab-link:focus,
.customize-card .store-setting-tab .nav-link:focus {
    background-color: transparent !important;
    color: var(--mono-text-light) !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
}

.theme-customize .store-setting-tab .setting-tab-link.active,
.theme-customize .store-setting-tab .nav-link.active,
.customize-card .store-setting-tab .setting-tab-link.active,
.customize-card .store-setting-tab .nav-link.active {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--mono-primary) !important;
    font-weight: 600 !important;
    padding-left: 1.5rem !important;
    position: relative !important;
}

.theme-customize .store-setting-tab .setting-tab-link.active i,
.theme-customize .store-setting-tab .nav-link.active i,
.customize-card .store-setting-tab .setting-tab-link.active i,
.customize-card .store-setting-tab .nav-link.active i {
    color: var(--mono-primary) !important;
}

.theme-customize .store-setting-tab .setting-tab-link.active span,
.theme-customize .store-setting-tab .nav-link.active span,
.customize-card .store-setting-tab .setting-tab-link.active span,
.customize-card .store-setting-tab .nav-link.active span {
    color: var(--mono-primary) !important;
}

/* Remove hover effects on active items */
.theme-customize .store-setting-tab .setting-tab-link.active:hover,
.theme-customize .store-setting-tab .nav-link.active:hover,
.theme-customize .store-setting-tab .setting-tab-link.active:focus,
.theme-customize .store-setting-tab .nav-link.active:focus,
.customize-card .store-setting-tab .setting-tab-link.active:hover,
.customize-card .store-setting-tab .nav-link.active:hover,
.customize-card .store-setting-tab .setting-tab-link.active:focus,
.customize-card .store-setting-tab .nav-link.active:focus {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--mono-primary) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
}

.theme-customize .store-setting-tab .setting-tab-link.active:hover *,
.theme-customize .store-setting-tab .nav-link.active:hover *,
.customize-card .store-setting-tab .setting-tab-link.active:hover *,
.customize-card .store-setting-tab .nav-link.active:hover * {
    color: var(--mono-primary) !important;
}

/* Left Bar Indicator for Active Items Only - Match Superadmin Submenu Style */
.theme-customize .store-setting-tab .setting-tab-link.active::before,
.theme-customize .store-setting-tab .nav-link.active::before,
.customize-card .store-setting-tab .setting-tab-link.active::before,
.customize-card .store-setting-tab .nav-link.active::before,
.theme-customize .store-setting-tab .setting-tab-link.active.show::before,
.theme-customize .store-setting-tab .nav-link.active.show::before,
.customize-card .store-setting-tab .setting-tab-link.active.show::before,
.customize-card .store-setting-tab .nav-link.active.show::before,
.theme-customize .nav-pills.store-setting-tab .nav-link.active::before,
.theme-customize .nav-pills.store-setting-tab .setting-tab-link.active::before,
.customize-card .nav-pills.store-setting-tab .nav-link.active::before,
.customize-card .nav-pills.store-setting-tab .setting-tab-link.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 60%;
    background-color: var(--mono-primary);
    border-radius: 0;
    z-index: 1;
    display: block !important;
}

/* Force active text to be visible - Override all conflicting rules */
.theme-customize .store-setting-tab .setting-tab-link.active,
.theme-customize .store-setting-tab .nav-link.active,
.customize-card .store-setting-tab .setting-tab-link.active,
.customize-card .store-setting-tab .nav-link.active,
.theme-customize .store-setting-tab .setting-tab-link.active *,
.theme-customize .store-setting-tab .nav-link.active *,
.customize-card .store-setting-tab .setting-tab-link.active *,
.customize-card .store-setting-tab .nav-link.active *,
.theme-customize .store-setting-tab .setting-tab-link.active span,
.theme-customize .store-setting-tab .nav-link.active span,
.customize-card .store-setting-tab .setting-tab-link.active span,
.customize-card .store-setting-tab .nav-link.active span,
.theme-customize .store-setting-tab .setting-tab-link.active i,
.theme-customize .store-setting-tab .nav-link.active i,
.customize-card .store-setting-tab .setting-tab-link.active i,
.customize-card .store-setting-tab .nav-link.active i {
    color: var(--mono-text) !important;
}

/* Customize Page Buttons - No Hover Effects */
.customize-save-btn,
.customize-save-btn:not(:disabled):not(.disabled),
.customize-save-btn:hover,
.customize-save-btn:hover:not(:disabled):not(.disabled),
.customize-save-btn:focus,
.customize-save-btn:focus:not(:disabled):not(.disabled),
.customize-save-btn:active,
.customize-save-btn:active:not(:disabled):not(.disabled) {
    font-size: 0.8125rem !important;
    height: 32px !important;
    min-height: 32px !important;
    transition: none !important;
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    transform: none !important;
    box-shadow: none !important;
}

.customize-save-btn *,
.customize-save-btn span,
.customize-save-btn i,
.customize-save-btn:hover *,
.customize-save-btn:hover span,
.customize-save-btn:hover i,
.customize-save-btn:focus *,
.customize-save-btn:focus span,
.customize-save-btn:focus i,
.customize-save-btn:active *,
.customize-save-btn:active span,
.customize-save-btn:active i {
    background-color: inherit !important;
    border-color: inherit !important;
    color: var(--mono-bg) !important;
}

.customize-back-btn,
.customize-back-btn:not(:disabled):not(.disabled),
.customize-back-btn:hover,
.customize-back-btn:hover:not(:disabled):not(.disabled),
.customize-back-btn:focus,
.customize-back-btn:focus:not(:disabled):not(.disabled),
.customize-back-btn:active,
.customize-back-btn:active:not(:disabled):not(.disabled) {
    font-size: 0.8125rem !important;
    height: 32px !important;
    min-height: 32px !important;
    transition: none !important;
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Customize page upload and action buttons - No Hover Effects */
.customize-upload-btn,
.customize-upload-btn:hover,
.customize-upload-btn:focus,
.customize-upload-btn:active,
.customize-upload-btn *,
.customize-upload-btn span,
.customize-upload-btn i,
.customize-upload-btn:hover *,
.customize-upload-btn:hover span,
.customize-upload-btn:hover i,
.customize-upload-btn:focus *,
.customize-upload-btn:focus span,
.customize-upload-btn:focus i,
.customize-upload-btn:active *,
.customize-upload-btn:active span,
.customize-upload-btn:active i {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
}

.customize-delete-btn,
.customize-delete-btn:hover,
.customize-delete-btn:focus,
.customize-delete-btn:active,
.customize-delete-btn *,
.customize-delete-btn span,
.customize-delete-btn i,
.customize-delete-btn:hover *,
.customize-delete-btn:hover span,
.customize-delete-btn:hover i,
.customize-delete-btn:focus *,
.customize-delete-btn:focus span,
.customize-delete-btn:focus i,
.customize-delete-btn:active *,
.customize-delete-btn:active span,
.customize-delete-btn:active i {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
    color: var(--mono-bg) !important;
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
}

.customize-add-btn,
.customize-add-btn:hover,
.customize-add-btn:focus,
.customize-add-btn:active {
    border-color: var(--mono-border) !important;
    color: var(--mono-text) !important;
    background-color: transparent !important;
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
}

.customize-add-btn i,
.customize-add-btn span,
.customize-add-btn:hover i,
.customize-add-btn:hover span,
.customize-add-btn:focus i,
.customize-add-btn:focus span,
.customize-add-btn:active i,
.customize-add-btn:active span {
    color: var(--mono-text) !important;
}

.theme-card-enhanced .theme-customize-btn:hover,
.theme-card-enhanced a.theme-customize-btn:hover,
.theme-card-enhanced .theme-customize-btn:hover:not(:disabled):not(.disabled),
.theme-card-enhanced a.theme-customize-btn:hover:not(:disabled):not(.disabled),
.theme-card-enhanced .theme-customize-btn:focus,
.theme-card-enhanced a.theme-customize-btn:focus,
.theme-card-enhanced .theme-customize-btn:focus:not(:disabled):not(.disabled),
.theme-card-enhanced a.theme-customize-btn:focus:not(:disabled):not(.disabled),
.theme-card-enhanced .theme-customize-btn:active,
.theme-card-enhanced a.theme-customize-btn:active,
.theme-card-enhanced .theme-customize-btn:active:not(:disabled):not(.disabled),
.theme-card-enhanced a.theme-customize-btn:active:not(:disabled):not(.disabled) {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-bg) !important;
    transform: none !important;
    box-shadow: none !important;
    transition: none !important;
}

.theme-card-enhanced .theme-customize-btn,
.theme-card-enhanced .theme-customize-btn *,
.theme-card-enhanced .theme-customize-btn span,
.theme-card-enhanced .theme-customize-btn i,
.theme-card-enhanced a.theme-customize-btn,
.theme-card-enhanced a.theme-customize-btn *,
.theme-card-enhanced a.theme-customize-btn span,
.theme-card-enhanced a.theme-customize-btn i {
    color: var(--mono-bg) !important;
}

.theme-card-enhanced .theme-customize-btn:hover,
.theme-card-enhanced .theme-customize-btn:hover *,
.theme-card-enhanced .theme-customize-btn:hover span,
.theme-card-enhanced .theme-customize-btn:hover i,
.theme-card-enhanced a.theme-customize-btn:hover,
.theme-card-enhanced a.theme-customize-btn:hover *,
.theme-card-enhanced a.theme-customize-btn:hover span,
.theme-card-enhanced a.theme-customize-btn:hover i,
.theme-card-enhanced .theme-customize-btn:focus,
.theme-card-enhanced .theme-customize-btn:focus *,
.theme-card-enhanced .theme-customize-btn:focus span,
.theme-card-enhanced .theme-customize-btn:focus i,
.theme-card-enhanced a.theme-customize-btn:focus,
.theme-card-enhanced a.theme-customize-btn:focus *,
.theme-card-enhanced a.theme-customize-btn:focus span,
.theme-card-enhanced a.theme-customize-btn:focus i,
.theme-card-enhanced .theme-customize-btn:active,
.theme-card-enhanced .theme-customize-btn:active *,
.theme-card-enhanced .theme-customize-btn:active span,
.theme-card-enhanced .theme-customize-btn:active i,
.theme-card-enhanced a.theme-customize-btn:active,
.theme-card-enhanced a.theme-customize-btn:active *,
.theme-card-enhanced a.theme-customize-btn:active span,
.theme-card-enhanced a.theme-customize-btn:active i {
    color: var(--mono-bg) !important;
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
}

/* Dashboard Filter Tabs - Make All/Today/Week/Month/Year smaller and properly aligned in one row */
.dash-filter-tabs.nav-pills {
    gap: 0.25rem !important;
    flex-wrap: nowrap !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.dash-filter-tabs .nav-item {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}

.dash-filter-tabs .nav-link {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.6875rem !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    min-width: auto !important;
    text-align: center !important;
    border-radius: 4px !important;
    margin: 0 !important;
    background-color: var(--mono-bg) !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.dash-filter-tabs .nav-link:hover {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
    box-shadow: none !important;
}

.dash-filter-tabs .nav-link.active {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.dash-filter-tabs .nav-link:not(.active) {
    background-color: var(--mono-bg) !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
}

/* Remove left padding for first button (All) */
.dash-filter-tabs .nav-item:first-child .nav-link {
    padding-left: 0.5rem !important;
}

.dash-filter-tabs .nav-link.btn-sm {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.6875rem !important;
}

/* Ensure row doesn't wrap */
.dash-category-tab .dash-filter-tabs,
.dash-brand-tab .dash-filter-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.dash-category-tab .dash-filter-tabs::-webkit-scrollbar,
.dash-brand-tab .dash-filter-tabs::-webkit-scrollbar {
    display: none !important;
}

.dash-category-tab .dash-filter-tabs,
.dash-brand-tab .dash-filter-tabs {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

/* Make both filter tabs have the same style - consistent button appearance */
.dash-category-tab .dash-filter-tabs .nav-link,
.dash-brand-tab .dash-filter-tabs .nav-link,
.dash-category-tab .pro-cat .nav-link,
.dash-brand-tab .pro-cat .nav-link,
.dash-category-tab .store-setting-tab .nav-link,
.dash-brand-tab .store-setting-tab .nav-link {
    background-color: var(--mono-bg) !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.6875rem !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    text-decoration: none !important;
    display: inline-block !important;
    min-width: auto !important;
    width: auto !important;
}

.dash-category-tab .dash-filter-tabs .nav-link:hover,
.dash-brand-tab .dash-filter-tabs .nav-link:hover,
.dash-category-tab .pro-cat .nav-link:hover,
.dash-brand-tab .pro-cat .nav-link:hover,
.dash-category-tab .store-setting-tab .nav-link:hover,
.dash-brand-tab .store-setting-tab .nav-link:hover {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
}

.dash-category-tab .dash-filter-tabs .nav-link.active,
.dash-brand-tab .dash-filter-tabs .nav-link.active,
.dash-category-tab .pro-cat .nav-link.active,
.dash-brand-tab .pro-cat .nav-link.active,
.dash-category-tab .store-setting-tab .nav-link.active,
.dash-brand-tab .store-setting-tab .nav-link.active {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* Device Chart - Better responsive handling */
#device-chart {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
}

#device-chart .apexcharts-canvas {
    max-width: 100% !important;
    overflow: hidden !important;
}

#device-chart svg {
    max-width: 100% !important;
    height: auto !important;
}

/* Dashboard Card Enhancements */
.dashboard-card {
    border-radius: 5px !important;
    border: 1px solid var(--mono-border) !important;
}

/* Store Listing Page Top Menu - Enhanced Design */
.store-index-page .all-button-box,
.users-page .all-button-box {
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.store-index-page .all-button-box .btn,
.users-page .all-button-box .btn {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
    min-height: 32px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
}

.store-index-page .all-button-box .user-search,
.users-page .all-button-box .user-search {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
    height: 32px !important;
    min-width: 180px !important;
    border-radius: 4px !important;
}

/* Roles Permission Display - Simple and Clear */
.role-permission-table {
    padding: 0.5rem 0;
}

.permission-badge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--mono-text);
    background-color: var(--mono-bg);
    border: 1px solid var(--mono-border);
    border-radius: 4px;
    white-space: nowrap;
    margin-bottom: 0.25rem;
}

.permission-badge:hover {
    background-color: var(--mono-border);
}

.cursor-pointer {
    cursor: pointer;
    text-decoration: underline;
}

.cursor-pointer:hover {
    color: var(--mono-primary);
}

/* Roles Create Dialog Enhancement */
.role-data-table .table {
    font-size: 0.8125rem;
    margin-top: 0 !important;
}

.role-data-table .table thead th {
    font-size: 0.75rem;
    font-weight: 600;
    background-color: var(--mono-bg);
    border-bottom: 1px solid var(--mono-border);
    padding: 0.5rem;
}

.role-data-table .table tbody td {
    padding: 0.5rem;
    vertical-align: middle;
}

.role-data-table .form-check-input {
    margin-top: 0.125rem;
}

.role-data-table .form-check-label {
    font-size: 0.8125rem;
    margin-left: 0.25rem;
    cursor: pointer;
}

/* Roles Dialog Form */
.modal-body .form-label {
    font-size: 0.8125rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.modal-body .form-control {
    font-size: 0.8125rem;
}

.modal-body .nav-pills .nav-link {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    border-radius: 4px;
}

.modal-body .nav-pills .nav-link.active {
    background-color: var(--mono-primary);
    color: white;
}

/* Store Settings Page - Language Dropdown Fix (Comprehensive) */
.store-setting-tab #languages-dropdown,
#languages-dropdown {
    font-size: 0.8125rem !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0.375rem 0.75rem !important;
    border: none !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    color: var(--mono-text) !important;
    outline: none !important;
    box-shadow: none !important;
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.store-setting-tab #languages-dropdown:focus,
#languages-dropdown:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Bootstrap Tagsinput - Language Dropdown */
.store-setting-tab .bootstrap-tagsinput,
.bootstrap-tagsinput {
    border: 1px solid var(--mono-border) !important;
    border-radius: 4px !important;
    padding: 0.375rem 0.75rem !important;
    min-height: 38px !important;
    height: auto !important;
    background-color: var(--mono-bg) !important;
    box-shadow: none !important;
    width: 100% !important;
}

.store-setting-tab .bootstrap-tagsinput:focus,
.store-setting-tab .bootstrap-tagsinput.focus,
.store-setting-tab .bootstrap-tagsinput.active,
.bootstrap-tagsinput:focus,
.bootstrap-tagsinput.focus,
.bootstrap-tagsinput.active {
    border: 1px solid var(--mono-primary) !important;
    box-shadow: 0 0 0 0.125rem rgba(var(--mono-primary-rgb), 0.15) !important;
    outline: none !important;
}

.store-setting-tab .bootstrap-tagsinput input,
.bootstrap-tagsinput input {
    font-size: 0.8125rem !important;
    padding: 0.25rem 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    width: auto !important;
}

.store-setting-tab .bootstrap-tagsinput .tag,
.bootstrap-tagsinput .tag {
    font-size: 0.8125rem !important;
    padding: 0.25rem 0.5rem !important;
    margin: 0.125rem 0.25rem 0.125rem 0 !important;
    background-color: var(--mono-primary) !important;
    color: white !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* Select2 - Language Dropdown (Store Settings) */
.store-setting-tab .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single {
    height: 38px !important;
    border: 1px solid var(--mono-border) !important;
    border-radius: 4px !important;
    background-color: var(--mono-bg) !important;
}

.store-setting-tab .select2-container--default.select2-container--open .select2-selection--single,
.store-setting-tab .select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    border: 1px solid var(--mono-primary) !important;
    box-shadow: 0 0 0 0.125rem rgba(var(--mono-primary-rgb), 0.15) !important;
    outline: none !important;
}

.store-setting-tab .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
    padding-left: 0.75rem !important;
    padding-right: 2rem !important;
    font-size: 0.8125rem !important;
    color: var(--mono-text) !important;
}

.store-setting-tab .select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
    right: 0.5rem !important;
    width: 1.5rem !important;
}

.store-setting-tab .select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--mono-text) transparent transparent transparent !important;
}

/* Select2 Dropdown Results */
.store-setting-tab .select2-container--default .select2-results__option,
.select2-container--default .select2-results__option {
    font-size: 0.8125rem !important;
    padding: 0.5rem 0.75rem !important;
    color: var(--mono-text) !important;
}

.store-setting-tab .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--mono-primary) !important;
    color: white !important;
}

.store-setting-tab .select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--mono-bg) !important;
    color: var(--mono-primary) !important;
}

.store-setting-tab .select2-dropdown,
.select2-dropdown {
    border: 1px solid var(--mono-border) !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    background-color: var(--mono-bg) !important;
}

.store-setting-tab .select2-search--dropdown .select2-search__field,
.select2-search--dropdown .select2-search__field {
    border: 1px solid var(--mono-border) !important;
    border-radius: 4px !important;
    font-size: 0.8125rem !important;
    padding: 0.375rem 0.75rem !important;
    outline: none !important;
}

.store-setting-tab .select2-search--dropdown .select2-search__field:focus,
.select2-search--dropdown .select2-search__field:focus {
    border-color: var(--mono-primary) !important;
    box-shadow: 0 0 0 0.125rem rgba(var(--mono-primary-rgb), 0.15) !important;
}

/* Choices.js - Language Dropdown (Store Settings) */
.store-setting-tab .choices {
    position: relative !important;
    border: none !important;
    margin-bottom: 0 !important;
}

.store-setting-tab .choices__inner {
    min-height: 38px !important;
    font-size: 0.8125rem !important;
    border: 1px solid var(--mono-border) !important;
    border-radius: 4px !important;
    background-color: var(--mono-bg) !important;
    padding: 0.375rem 0.75rem !important;
    width: 100% !important;
}

.store-setting-tab .choices.is-focused .choices__inner,
.store-setting-tab .choices.is-open .choices__inner {
    border: 1px solid var(--mono-primary) !important;
    box-shadow: 0 0 0 0.125rem rgba(var(--mono-primary-rgb), 0.15) !important;
    outline: none !important;
}

.store-setting-tab .choices__input {
    font-size: 0.8125rem !important;
    padding: 0.25rem 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    color: var(--mono-text) !important;
}

.store-setting-tab .choices__list--single .choices__item {
    line-height: 1.5 !important;
    padding: 0 !important;
    color: var(--mono-text) !important;
}

.store-setting-tab .choices__button {
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding-left: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.store-setting-tab .choices__list--dropdown {
    border: 1px solid var(--mono-border) !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    background-color: var(--mono-bg) !important;
    margin-top: 0.25rem !important;
}

.store-setting-tab .choices__list--dropdown .choices__item {
    font-size: 0.8125rem !important;
    padding: 0.5rem 0.75rem !important;
    color: var(--mono-text) !important;
}

.store-setting-tab .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: var(--mono-primary) !important;
    color: white !important;
}

.store-setting-tab .choices__list--dropdown .choices__item--selected {
    background-color: var(--mono-bg) !important;
    color: var(--mono-primary) !important;
}

.store-setting-tab .choices__arrow {
    opacity: 0.5 !important;
    margin-top: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 0.5rem !important;
}

/* Choices.js - Multi-Select Dropdown Fix (Same Border Issue) */
.choices[data-type*="select-multiple"],
.choices.multi-select,
#choices-multiple~.choices,
.form-control.select2~.choices,
select[multiple]~.choices {
    position: relative !important;
    border: none !important;
    margin-bottom: 0 !important;
}

.choices[data-type*="select-multiple"] .choices__inner,
.choices.multi-select .choices__inner,
#choices-multiple~.choices .choices__inner,
.form-control.select2~.choices .choices__inner,
select[multiple]~.choices .choices__inner {
    min-height: 38px !important;
    font-size: 0.8125rem !important;
    border: 1px solid var(--mono-border) !important;
    border-radius: 4px !important;
    background-color: var(--mono-bg) !important;
    padding: 0.25rem 0.375rem !important;
    width: 100% !important;
}

.choices[data-type*="select-multiple"].is-focused .choices__inner,
.choices[data-type*="select-multiple"].is-open .choices__inner,
.choices.multi-select.is-focused .choices__inner,
.choices.multi-select.is-open .choices__inner,
#choices-multiple~.choices.is-focused .choices__inner,
#choices-multiple~.choices.is-open .choices__inner,
.form-control.select2~.choices.is-focused .choices__inner,
.form-control.select2~.choices.is-open .choices__inner,
select[multiple]~.choices.is-focused .choices__inner,
select[multiple]~.choices.is-open .choices__inner {
    border: 1px solid var(--mono-primary) !important;
    box-shadow: 0 0 0 0.125rem rgba(var(--mono-primary-rgb), 0.15) !important;
    outline: none !important;
}

.choices[data-type*="select-multiple"] select.form-control,
.choices.multi-select select.form-control,
select[multiple].form-control {
    border: none !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.choices[data-type*="select-multiple"] .choices__list--multiple .choices__item,
.choices.multi-select .choices__list--multiple .choices__item {
    font-size: 0.75rem !important;
    padding: 0.25rem 0.5rem !important;
    margin: 0.125rem 0.25rem 0.125rem 0 !important;
    background-color: var(--mono-primary) !important;
    color: white !important;
    border-radius: 4px !important;
    border: none !important;
}

.choices[data-type*="select-multiple"] .choices__input,
.choices.multi-select .choices__input {
    font-size: 0.8125rem !important;
    padding: 0.25rem 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: var(--mono-text) !important;
}

.choices[data-type*="select-multiple"] .choices__list--dropdown,
.choices.multi-select .choices__list--dropdown {
    border: 1px solid var(--mono-border) !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    background-color: var(--mono-bg) !important;
    margin-top: 0.25rem !important;
}

/* Delivery Boy Grid View - Name Size Fix */
.deliveryboy-cards .card-body h4,
.delivery-user-cards .card-body h4 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
}

.deliveryboy-cards .card-body h6,
.delivery-user-cards .card-body h6 {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.375rem !important;
}

/* Modal/Dialog Title - Consistent Design (Override all) */
#commanModel .modal-header .modal-title,
#commanModelOver .modal-header .modal-title,
#commanModel .modal-header h4,
#commanModelOver .modal-header h4,
.modal-header .modal-title,
.modal-header h4.modal-title,
.modal-header h5.modal-title,
.modal-header h4,
.modal-header h5 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    color: var(--mono-text) !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
}

/* Report Pages - Year/Last month/This month/Generate Button Font Sizes */
.nav-pills .nav-link.chart-data,
.nav-pills button.nav-link.chart-data {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 4px !important;
}

.btn.generate_button,
button.generate_button,
.chart-data.generate_button {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    padding: 0.375rem 0.75rem !important;
}

/* Report Pages - Overall Font Size */
.reports-page,
.reports-page .card,
.reports-page .card-body,
.reports-page .nav-pills,
.reports-page .chart_data {
    font-size: 0.8125rem !important;
}

/* Sales Report Pages - Font Size Fix */
.sale-by-product-page,
.sale-by-category-page,
.sale-by-brand-page,
.order-report-page {
    font-size: 0.8125rem !important;
}

.sale-by-product-page .card-body,
.sale-by-category-page .card-body,
.sale-by-brand-page .card-body,
.order-report-page .card-body {
    font-size: 0.8125rem !important;
}

/* Stock Report - Side Menu Styling - Remove all background boxes */
#useradd-sidenav .nav-link,
.stock-report-page #useradd-sidenav .nav-link,
#useradd-sidenav .nav-link.dash-link,
.stock-report-page #useradd-sidenav .nav-link.dash-link {
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    padding: 0.5rem 0.75rem !important;
    margin-bottom: 0.5rem !important;
    border-radius: 0 !important;
    color: var(--mono-text) !important;
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    text-align: left !important;
    justify-content: flex-start !important;
    gap: 0.625rem !important;
}

#useradd-sidenav .nav-link.active,
.stock-report-page #useradd-sidenav .nav-link.active,
#useradd-sidenav .nav-link.dash-link.active,
.stock-report-page #useradd-sidenav .nav-link.dash-link.active {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--mono-primary) !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
    font-weight: 600 !important;
}

#useradd-sidenav .nav-link.active::before,
.stock-report-page #useradd-sidenav .nav-link.active::before,
#useradd-sidenav .nav-link.dash-link.active::before,
.stock-report-page #useradd-sidenav .nav-link.dash-link.active::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 2px !important;
    height: 50% !important;
    background-color: var(--mono-primary) !important;
    z-index: 1 !important;
}

#useradd-sidenav .nav-link:hover,
.stock-report-page #useradd-sidenav .nav-link:hover,
#useradd-sidenav .nav-link.dash-link:hover,
.stock-report-page #useradd-sidenav .nav-link.dash-link:hover {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--mono-primary) !important;
    box-shadow: none !important;
}

/* Addon-set-tab menu styling - Remove boxes, use left bar indicator (All places) */
.addon-set-tab .dash-link,
.addon-set-tab .nav-link.dash-link,
.addon-set-tab .nav-pills .dash-link,
.nav-pills.addon-set-tab .dash-link,
.card-body .addon-set-tab .dash-link {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--mono-text) !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    padding: 0.5rem 0.75rem !important;
    margin: 0 !important;
    position: relative !important;
    transition: all 0.2s ease !important;
}

.addon-set-tab .dash-link:hover,
.addon-set-tab .nav-link.dash-link:hover,
.addon-set-tab .nav-pills .dash-link:hover,
.nav-pills.addon-set-tab .dash-link:hover,
.card-body .addon-set-tab .dash-link:hover {
    background-color: transparent !important;
    color: var(--mono-primary) !important;
}

.addon-set-tab .dash-link.active,
.addon-set-tab .nav-link.dash-link.active,
.addon-set-tab .nav-pills .dash-link.active,
.nav-pills.addon-set-tab .dash-link.active,
.card-body .addon-set-tab .dash-link.active {
    background-color: transparent !important;
    border: none !important;
    color: var(--mono-primary) !important;
    font-weight: 600 !important;
    position: relative !important;
}

.addon-set-tab .dash-link.active::before,
.addon-set-tab .nav-link.dash-link.active::before,
.addon-set-tab .nav-pills .dash-link.active::before,
.nav-pills.addon-set-tab .dash-link.active::before,
.card-body .addon-set-tab .dash-link.active::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 2px !important;
    height: 50% !important;
    background-color: var(--mono-primary) !important;
}

/* Remove list-group-item styling from addon-set-tab */
.addon-set-tab .list-group-item,
.addon-set-tab .list-group-item-action {
    background-color: transparent !important;
    border: none !important;
    padding: 0.5rem 0.75rem !important;
}

.addon-set-tab .list-group-item.active,
.addon-set-tab .list-group-item-action.active {
    background-color: transparent !important;
    border: none !important;
    color: var(--mono-primary) !important;
    position: relative !important;
}

.addon-set-tab .list-group-item.active::before,
.addon-set-tab .list-group-item-action.active::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 2px !important;
    height: 50% !important;
    background-color: var(--mono-primary) !important;
}

/* Stock Report - Details Section */
.stock-report-page .card-header h5,
.stock-report-page .card-title {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
}

.stock-report-page .table {
    font-size: 0.8125rem !important;
}

.stock-report-page .table th {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}

.stock-report-page .table td {
    font-size: 0.8125rem !important;
}

/* User List View - Action Buttons (Icon Only) */
.users-list-page .action-buttons-wrapper .action-btn,
.users-list-page .action-buttons-wrapper .btn,
.action-buttons-wrapper .action-btn,
.action-buttons-wrapper .btn {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
}

.users-list-page .action-buttons-wrapper .action-btn i,
.users-list-page .action-buttons-wrapper .btn i,
.action-buttons-wrapper .action-btn i,
.action-buttons-wrapper .btn i {
    margin: 0 !important;
    font-size: 0.875rem !important;
}

.users-list-page .action-buttons-wrapper .action-btn span,
.users-list-page .action-buttons-wrapper .btn span,
.action-buttons-wrapper .action-btn span,
.action-buttons-wrapper .btn span {
    display: none !important;
}

/* Roles Create Page - Enhanced Modern Design */
.roles-create-form .card {
    border: 1px solid var(--mono-border) !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

.roles-create-form .card-body {
    padding: 1.25rem !important;
}

.roles-create-form .form-label {
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
    color: var(--mono-text) !important;
}

.roles-create-form .form-control {
    font-size: 0.8125rem !important;
    padding: 0.5rem 0.75rem !important;
    border: 1px solid var(--mono-border) !important;
    border-radius: 4px !important;
}

.roles-create-form .bg-light {
    background-color: var(--mono-bg) !important;
    border: 1px solid var(--mono-border) !important;
}

.roles-create-form .table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.roles-create-form .table thead th {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background-color: var(--mono-bg) !important;
    border-bottom: 2px solid var(--mono-border) !important;
    padding: 0.75rem !important;
    color: var(--mono-text) !important;
}

.roles-create-form .table tbody td {
    padding: 0.75rem !important;
    vertical-align: middle !important;
    border-bottom: 1px solid var(--mono-border) !important;
    font-size: 0.8125rem !important;
}

.roles-create-form .table tbody tr:hover {
    background-color: var(--mono-bg) !important;
}

.roles-create-form .form-check-input {
    width: 1.125rem !important;
    height: 1.125rem !important;
    margin-top: 0.125rem !important;
    cursor: pointer !important;
    border: 2px solid var(--mono-border) !important;
    border-radius: 4px !important;
    background-color: var(--mono-bg) !important;
    flex-shrink: 0 !important;
    position: relative !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: none !important;
}

.roles-create-form .form-check-input:checked {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M4 8l2.5 2.5L12 5'/%3e%3c/svg%3e") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 0.875rem 0.875rem !important;
}

.roles-create-form .form-check-input[type="checkbox"]:checked {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M4 8l2.5 2.5L12 5'/%3e%3c/svg%3e") !important;
    background-size: 0.875rem 0.875rem !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Remove any Bootstrap default checkbox pseudo-elements */
.roles-create-form .form-check-input[type="checkbox"]::before,
.roles-create-form .form-check-input[type="checkbox"]::after {
    display: none !important;
    content: none !important;
}

.roles-create-form .form-check-input[type="checkbox"]:checked::before,
.roles-create-form .form-check-input[type="checkbox"]:checked::after {
    display: none !important;
    content: none !important;
}

.roles-create-form .form-check-input:focus {
    border-color: var(--mono-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.125rem rgba(var(--mono-primary-rgb), 0.25) !important;
}

.roles-create-form .form-check-input:hover:not(:disabled) {
    border-color: var(--mono-primary) !important;
}

.roles-create-form .form-check {
    display: flex !important;
    align-items: flex-start !important;
    min-height: 1.5rem !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.roles-create-form .form-check-label {
    font-size: 0.8125rem !important;
    margin-left: 0.5rem !important;
    cursor: pointer !important;
    color: var(--mono-text) !important;
    line-height: 1.5 !important;
    flex: 1 !important;
    padding-top: 0.125rem !important;
}

.roles-create-form .mb-2 .form-check {
    margin-bottom: 0.5rem !important;
}

/* Module checkbox styling */
.roles-create-form .ischeck.form-check-input {
    width: 1rem !important;
    height: 1rem !important;
    margin-top: 0.25rem !important;
}

.roles-create-form .pointer {
    cursor: pointer !important;
}

.roles-create-form .nav-pills .nav-link {
    font-size: 0.75rem !important;
    padding: 0.5rem 0.75rem !important;
    border-radius: 4px !important;
    border: 1px solid var(--mono-border) !important;
    background-color: var(--mono-bg) !important;
    color: var(--mono-text) !important;
    transition: all 0.2s ease !important;
}

.roles-create-form .nav-pills .nav-link:hover {
    background-color: var(--mono-border) !important;
}

.roles-create-form .nav-pills .nav-link.active {
    background-color: var(--mono-primary) !important;
    color: white !important;
    border-color: var(--mono-primary) !important;
}

.dashboard-card .card-header h4 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
}

/* Loading spinner animation for buttons */
.btn .spinner,
.ti-loader-2.spinner {
    animation: spin 1s linear infinite !important;
    display: inline-block !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Modal loading state */
#commanModel .modal-body .spinner-border {
    width: 3rem !important;
    height: 3rem !important;
    border-width: 0.25em !important;
}

#commanModel .modal-body .text-center {
    min-height: 200px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.dashboard-card .card-header h4 small {
    font-size: 0.8125rem !important;
}

/* Dashboard overall enhancements */
.dash-order-status {
    margin-bottom: 1.5rem !important;
}

.admin-cards {
    margin-top: 1.5rem !important;
}

/* Ensure all buttons maintain proper colors - No hover effects */
.theme-card-enhanced .btn-primary *,
.theme-card-enhanced .btn-outline-primary *,
.pages-listing-card .btn-primary *,
.pages-listing-card .page-edit-btn * {
    transition: none !important;
}

.theme-card-enhanced .btn-primary,
.theme-card-enhanced .btn-primary:hover,
.theme-card-enhanced .btn-primary:focus,
.theme-card-enhanced .btn-primary:active,
.theme-card-enhanced .btn-primary *,
.theme-card-enhanced .btn-primary:hover *,
.theme-card-enhanced .btn-primary:focus *,
.theme-card-enhanced .btn-primary:active *,
.theme-card-enhanced .btn-outline-primary:hover *,
.pages-listing-card .btn-primary,
.pages-listing-card .btn-primary:hover,
.pages-listing-card .btn-primary:focus,
.pages-listing-card .btn-primary:active,
.pages-listing-card .btn-primary *,
.pages-listing-card .btn-primary:hover *,
.pages-listing-card .btn-primary:focus *,
.pages-listing-card .btn-primary:active * {
    color: var(--mono-bg) !important;
}

/* FAQ Edit Form Enhancement */
.faq-edit-form .card {
    border: 1px solid var(--mono-border) !important;
    border-radius: 8px !important;
}

.faq-edit-form .card-header {
    background-color: var(--mono-bg-alt) !important;
    border-bottom: 1px solid var(--mono-border) !important;
    padding: 0.75rem 1rem !important;
}

.faq-edit-form .card-header h6 {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: var(--mono-text) !important;
    margin: 0 !important;
}

.faq-edit-form .card-body {
    padding: 1rem !important;
}

.faq-edit-form .faq-item:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.faq-edit-form .form-label {
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: var(--mono-text) !important;
    margin-bottom: 0.5rem !important;
}

.faq-edit-form .form-control {
    font-size: 0.8125rem !important;
    border: 1px solid var(--mono-border) !important;
}

.faq-edit-form .form-control:focus {
    border-color: var(--mono-primary) !important;
    box-shadow: 0 0 0 0.125rem rgba(var(--mono-primary-rgb), 0.25) !important;
}

/* Settings Page - Enhanced Menu Styling (Only for setting/index.blade.php) */
.setting-page .store-setting-tab.nav-pills .nav-link {
    border: 1px solid var(--mono-border) !important;
    border-radius: 6px !important;
    padding: 0.625rem 0.875rem !important;
    margin: 0 !important;
    background-color: var(--mono-bg) !important;
    color: var(--mono-text) !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.setting-page .store-setting-tab.nav-pills .nav-link:hover {
    background-color: var(--mono-bg-alt) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.setting-page .store-setting-tab.nav-pills .nav-link.active {
    background-color: transparent !important;
    border: 2px solid var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: var(--mono-primary) !important;
    font-weight: 600 !important;
    position: relative !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 2px var(--mono-primary) !important;
    outline: 2px solid var(--mono-primary) !important;
    outline-offset: -2px !important;
}

.setting-page .store-setting-tab.nav-pills .nav-link.active::before {
    display: none !important;
}

.setting-page .store-setting-tab.nav-pills .nav-link i {
    font-size: 1rem !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--mono-text) !important;
    margin-right: 0.25rem !important;
}

.setting-page .store-setting-tab.nav-pills .nav-link.active i,
.setting-page .store-setting-tab.nav-pills .nav-link.setting-tab-link.active i {
    color: var(--mono-primary) !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-right: 0.25rem !important;
}

.setting-page .store-setting-tab.nav-pills .nav-link:hover i {
    color: var(--mono-primary) !important;
}

.setting-page .store-setting-tab.nav-pills .nav-link.active:hover i {
    color: var(--mono-primary) !important;
}

.setting-page .store-setting-tab.nav-pills .nav-link span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.setting-page .card-body.app-seeting-tab {
    padding: 1rem !important;
}

/* SETTING PAGE - COMPREHENSIVE OVERRIDES FOR OUTLINE BOX ACTIVE STATE */
/* Override all conflicting rules for setting page active menu items */
body .setting-page .store-setting-tab.nav-pills .nav-link.active,
body .setting-page .store-setting-tab.nav-pills .nav-link.setting-tab-link.active,
body .setting-page ul.nav-pills.store-setting-tab li.nav-item a.nav-link.active,
body .setting-page ul.nav-pills.store-setting-tab li.nav-item a.nav-link.setting-tab-link.active,
body .setting-page .nav-pills.store-setting-tab .nav-link.active,
body .setting-page .nav-pills.store-setting-tab .nav-link.setting-tab-link.active,
body .setting-page .store-setting-tab .nav-link.active,
body .setting-page .store-setting-tab .setting-tab-link.active {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--mono-primary) !important;
    border: 2px solid var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1) !important;
}

body .setting-page .store-setting-tab.nav-pills .nav-link.active::before,
body .setting-page .store-setting-tab.nav-pills .nav-link.setting-tab-link.active::before,
body .setting-page .store-setting-tab .nav-link.active::before,
body .setting-page .store-setting-tab .setting-tab-link.active::before {
    display: none !important;
    content: none !important;
}

/* Ensure icons are always visible in setting page active state */
body .setting-page .store-setting-tab.nav-pills .nav-link.active i,
body .setting-page .store-setting-tab.nav-pills .nav-link.setting-tab-link.active i,
body .setting-page .store-setting-tab .nav-link.active i,
body .setting-page .store-setting-tab .setting-tab-link.active i,
body .setting-page .store-setting-tab .nav-link.active *,
body .setting-page .store-setting-tab .setting-tab-link.active *,
body .setting-page .store-setting-tab .nav-link.active span,
body .setting-page .store-setting-tab .setting-tab-link.active span {
    color: var(--mono-primary) !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body .setting-page .store-setting-tab.nav-pills .nav-link.active:hover i,
body .setting-page .store-setting-tab.nav-pills .nav-link.setting-tab-link.active:hover i {
    color: var(--mono-primary) !important;
}

/* Profile Page Font Sizes - Match standard sizes */
#Personal_Info .card-header h5,
#Change_Password .card-header h5 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
}

#Personal_Info .form-label,
#Change_Password .form-label,
#Personal_Info .col-form-label,
#Change_Password .col-form-label,
#Personal_Info label,
#Change_Password label {
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

#Personal_Info .form-control,
#Change_Password .form-control {
    font-size: 0.875rem !important;
}

#Personal_Info h4,
#Change_Password h4 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
}

/* FINAL OVERRIDE - Ensure both filter sections are identical */
body .dash-category-tab .dash-filter-tabs .nav-link,
body .dash-brand-tab .dash-filter-tabs .nav-link,
body .dash-category-tab .pro-cat .nav-link,
body .dash-brand-tab .pro-cat .nav-link {
    background-color: var(--mono-bg) !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.6875rem !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

body .dash-category-tab .dash-filter-tabs .nav-link.active,
body .dash-brand-tab .dash-filter-tabs .nav-link.active,
body .dash-category-tab .pro-cat .nav-link.active,
body .dash-brand-tab .pro-cat .nav-link.active {
    background-color: var(--mono-primary) !important;
    border-color: var(--mono-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body .dash-category-tab .dash-filter-tabs .nav-link:not(.active),
body .dash-brand-tab .dash-filter-tabs .nav-link:not(.active),
body .dash-category-tab .pro-cat .nav-link:not(.active),
body .dash-brand-tab .pro-cat .nav-link:not(.active) {
    background-color: var(--mono-bg) !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text) !important;
}