@keyframes moveSide {
    0% { transform: translateX(0); }
    50% { transform: translateX(20px); }
    100% { transform: translateX(0); }
}

.animate-move {
    animation: moveSide 1s ease-in-out infinite;
}

.disinblock{
  display:inline-block;
}

table.disinblock {
    margin-left:4px;
  }
  .disinblock th, .disinblock td {
    border: 1px solid black;
    text-align: center;
    padding: 8px;
  }

  .disinblock td {
    background-color: #f2f2f2;
  }
  
  .siraelaveet3457{
    width:100%;
    position:relative;padding:4px 0 0;
  }
.plus235346{
  display:inline-block;position:relative;cursor:pointer;
}

.plus2353460{
  display:inline-block;
  font-size:1.8rem;
}

 .select2{
    width:auto;
  }


  .imageInputforma7 {
            display: none;
        }


@media print {

    tr#printHide {
        display: none;
    }
    div#printHide {
        display: none;
    }

}

#bashform{
  width:100%;
}
.addredaktez{
  border:2px solid #333;
  border-radius:5px;
}

.fhhidden{
    position: absolute; left: 10rem; top: 7.2rem;
}
@media (max-width: 1366px) {
    .fhhidden{
    position: absolute; left: 5rem; top: 7.2rem;
}
}

#tableToPrint thead th{
  max-width: 10rem; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.bounce {
  animation: bounce 1s infinite ease-in-out;
}

    
#menuBtn{
    z-index:51;
}



  .loader22 {
  position: fixed;         /* Sabit yerləşmə */
  top: 0;                  /* Üst hissəyə sıfır məsafə */
  left: 0;                 /* Sol tərəfə sıfır məsafə */
  width: 100%;             /* Ekranın tam eni */
  height: 100%;            /* Ekranın tam hündürlüyü */
  background: rgba(47, 42, 36, 0.45); /* ERP warm overlay */
  display: flex;           /* Flex konteyneri */
  justify-content: center; /* Üfüqi mərkəzləşdirmə */
  align-items: center;     /* Şaquli mərkəzləşdirmə */
  z-index: 1101;           /* Diğer elementlərdən ön planda olması */
}

.loadmap22{
  position: fixed;         /* Sabit yerləşmə */
  top: 0;                  /* Üst hissəyə sıfır məsafə */
  left: 0;                 /* Sol tərəfə sıfır məsafə */
  width: 100%;             /* Ekranın tam eni */
  height: 100%;            /* Ekranın tam hündürlüyü */
  display: flex;           /* Flex konteyneri */
  justify-content: center; /* Üfüqi mərkəzləşdirmə */
  align-items: center;     /* Şaquli mərkəzləşdirmə */
  z-index:1100;
  display:none;
}

.loader23 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); /* Полупрозрачный фон */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.loaderff2 {
  width: 200px;
}




.marginleft{
    padding:20px;
}

.marginleft2{
    float:right;margin-right:20px;
}


.changedeyer11{
    cursor:pointer;
}

[class^="shekilach_"] {
    cursor:pointer;
    height:60px;
}
.imageInputforma7{
    display:none;
}

.loader232 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2004;
  overflow: auto;
}

.loaderff22 {
  width: auto;
  height: 100vh;
}

.loader2323 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2007;
  overflow: auto;
}

.loaderff223 {
  width: auto;
  height: 100vh;
}

.loaderff223 > div > img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100vh;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    overflow-x:auto;
}



ul>li>span{
    cursor:pointer;
}

button{
    cursor:pointer;
}

    #orderButton{
        display:none;
    }
    #alert-additional-content-1 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#positionfixed2{
    position: fixed;
    top:0;
    z-index: 11; 
}

#map {
  width: 100%;
  height: 100%;
}

#small-modal > div {
  max-height: 90vh;
}

#small-modal > div > div {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}

#medium-modal > div {
  max-height: 90vh;
}

#medium-modal > div > div {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}

.blmsmbt {
  overflow-y: auto;
  max-height: calc(90vh - 112px); /* 112px = header + footer təxmini hündürlüyü */
}

.createtitle {
    display: block;

  position: relative;
  height: 100%;   
  height: auto;      
  max-height: none;  
  overflow: visible;  
 /* border:1px solid red;*/
}
@media (max-width: 1365px) {
    .createtitle {
    zoom: 0.8;
}
}

.forkodes{
    cursor:pointer;
}


#sidebar {
  transition: transform 0.3s ease;
}

#sidebar.open {
  transform: translateX(0);
}

#sidebar.translate-x-full {
  transform: translateX(-100%);
}



#overlay.hidden {
  display: none;
}
#tableToPrint th, 
#tableToPrint td {
  text-align: center;
  vertical-align: middle;
}

.ikiyuzotux{
  min-width:200px;
}

  .ikiyuzotux2{
    width: 460px;
  }

@media (max-width: 1023px) and (min-width: 768px) {
  .ikiyuzotux{
    min-width: 230px;
  }
}

@media (max-width: 767px) {
  .ikiyuzotux{
    min-width: 100%;
  }
    .ikiyuzotux2{
    width: 99%;
  }
}


.foractiveactiv{
  border-bottom:1px solid #666;
  border-left:1px solid #666;
}


    #tableToPrint th,
    #tableToPrint td {
        text-align: left !important; /* !important digər qaydaları üstələmək üçün istifadə olunur */
    }

.datatable-wrapper .datatable-top .datatable-dropdown label{
  display:none;
}

/* Container üçün sağ və sol 20px boşluq */
.datatable-search {
  margin: 8px 8px 0 20px; /* üst: 8px, sağ: 20px, alt: 0, sol: 20px */
  width: 100%;
}

/* Light və default rejim üçün */
.datatable-search .datatable-input {
  background-color: #ffffff;
  color: #111827; /* Tailwind text-gray-900 */
  border: 1px solid #d1d5db; /* Tailwind border-gray-300 */
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
  outline: none;
  box-sizing: border-box; /* padding daxil edilsin */
}

/* Dark rejim üçün */
@media (prefers-color-scheme: dark) {
  .datatable-search .datatable-input {
    background-color: #1f2937;  /* Tailwind dark:bg-gray-800 */
    color: #ffffff;             /* Tailwind dark:text-white */
    border: 1px solid #4b5563;  /* Tailwind dark:border-gray-600 */
  }
}

/* Fokus effekti */
.datatable-search .datatable-input:focus {
  border-color: #3b82f6; /* Tailwind blue-500 */
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}


/**/

  th.no-hover-effect:hover,
  th.no-hover-effect:active,
  th.no-hover-effect span:hover,
  th.no-hover-effect span:active {
    color: inherit !important;
  }


  .active-filter {
    /*background-color: #1a73e8; */
    /*color: #1a73e8; */
    border-bottom: 1px solid #fff; 
    border-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

    .active-filter3 {
    background-color: red; 
    color: #ffffff; 
    border-color: red;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  /* For dark mode, if you have a dark mode implementation */
  body.dark-mode .active-filter {
    background-color: #3b82f6; /* Lighter blue for dark mode */
    border-color: #3b82f6;
  }


  .selects44{
    padding-right:28px;
  }

  .datatable-info{
    margin-left:20px;
  }



/**/

.loader22 {
  position: fixed;         /* Sabit yerləşmə */
  top: 0;                  /* Üst hissəyə sıfır məsafə */
  left: 0;                 /* Sol tərəfə sıfır məsafə */
  width: 100%;             /* Ekranın tam eni */
  height: 100%;            /* Ekranın tam hündürlüyü */
  background: rgba(47, 42, 36, 0.45); /* ERP warm overlay */
  display: flex;           /* Flex konteyneri */
  justify-content: center; /* Üfüqi mərkəzləşdirmə */
  align-items: center;     /* Şaquli mərkəzləşdirmə */
  z-index: 2007;           /* Diğer elementlərdən ön planda olması */
}
.orbit-loader {
  position: relative;
  width: 60px;
  height: 60px;
  margin: auto;
}

.orbit-loader div {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #8B6F47;
  border-radius: 50%;
  animation: orbit 1.5s linear infinite;
  box-shadow: 0 0 8px rgba(139, 111, 71, 0.45), 0 0 18px rgba(216, 195, 165, 0.35);
}

.orbit-loader div:nth-child(1) { background: #8B6F47; box-shadow: 0 0 8px rgba(139, 111, 71, 0.45), 0 0 18px rgba(139, 111, 71, 0.25); }
.orbit-loader div:nth-child(2) { background: #735B39; box-shadow: 0 0 8px rgba(115, 91, 57, 0.45), 0 0 18px rgba(115, 91, 57, 0.25); }
.orbit-loader div:nth-child(3) { background: #D8C3A5; box-shadow: 0 0 8px rgba(216, 195, 165, 0.55), 0 0 18px rgba(216, 195, 165, 0.30); }
.orbit-loader div:nth-child(4) { background: #E9E2D8; box-shadow: 0 0 8px rgba(233, 226, 216, 0.65), 0 0 18px rgba(233, 226, 216, 0.35); }

/* Nöqtələrin ilkin mövqeyi */
.orbit-loader div:nth-child(1) { top: 0; left: 50%; transform: translate(-50%, -50%); animation-delay: 0s; }
.orbit-loader div:nth-child(2) { top: 50%; right: 0; transform: translate(50%, -50%); animation-delay: 0.25s; }
.orbit-loader div:nth-child(3) { bottom: 0; left: 50%; transform: translate(-50%, 50%); animation-delay: 0.5s; }
.orbit-loader div:nth-child(4) { top: 50%; left: 0; transform: translate(-50%, -50%); animation-delay: 0.75s; }

/* Nöqtələrin fırlanma və böyümə/kiçilmə animatsiyası */
@keyframes orbit {
  0%   { transform: rotate(0deg) scale(1); opacity: 1; }
  50%  { transform: rotate(180deg) scale(1.5); opacity: 0.5; }
  100% { transform: rotate(360deg) scale(1); opacity: 1; }
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #1f2937 inset !important;
    -webkit-text-fill-color: #f9fafb !important;
}

/**/

.indent-container {
  padding-left: 20px; /* Bütün mətn üçün 20px sol boşluq */
  text-indent: -20px; /* İlk sətri 20px sola qaytarır */
}

.stats-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;  /* Ortadan düzür */
    gap: 20px;                /* Divlər arası məsafə */
    padding-left: 20px;       /* Soldan məsafə */
    padding-right: 20px;      /* Sağdan məsafə */
}

.resp44 {
  width: 600px; 
  height: 700px;
}

#pie-chart-container,
#pie-chart-container2,
#profit-pie-chart-container,
#sold-pie-chart-container {
  height: 500px !important;
}

@media screen and (max-width: 530px) {
  .resp44 {
    width: 90%; 
    height: auto; 
  }

  #pie-chart-container,
  #pie-chart-container2,
  #profit-pie-chart-container,
  #sold-pie-chart-container {
    height: 300px !important; 
  }
}

/* universal */
::-webkit-scrollbar {
  width: 8px;            /* vertical scrollbar eni */
  height: 8px;           /* horizontal scrollbar hündürlüyü */
}

::-webkit-scrollbar-track {
  background: transparent; /* arxa plan */
}

::-webkit-scrollbar-thumb {
  background-color: rgba(105, 105, 105, 0.5); /* barın rəngi */
  border-radius: 10px;
  border: 2px solid transparent;      /* içdən boşluq effekti */
  background-clip: padding-box;
}

/* hover ilə incə animasiya */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(105, 105, 105, 0.5);
}

.modal-invisible {
    opacity: 0 !important; /* Modalı tam şəffaf edir */
    pointer-events: none !important; /* Kliklərin "içindən" keçməsinə icazə verir */
}
.fancybox__container{
  z-index: 100000 !important;
}

/* ============================================== */
/* === ALT NAVİQASİYA ZOLAĞI (SCROLL VERSİYA) === */
/* ============================================== */

/* ============================================== */
/* === ALT NAVİQASİYA ZOLAĞI (SCROLL VERSİYA) === */
/* ============================================== */

#bottom-nav-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Scrollbar-ı gizlətmək üçün (WebKit/Chrome/Safari) */
#bottom-nav-grid::-webkit-scrollbar {
  display: none;
}

#bottom-nav-grid > span,
#bottom-nav-grid > button {
flex-grow: 1;
  flex-shrink: 0;     /* Düymələrin sıxışdırılmasının qarşısını alır */
  min-width: 80px;    /* Hər düymə üçün minimum en (rahat basmaq üçün) */
  
  /* Bu sinifləri əl ilə əlavə edirik (Tailwind-in .group sinfini əvəz edir) */
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 0.5rem;  /* px-2 (təxmini) */
  padding-right: 0.5rem; /* px-2 (təxmini) */
  cursor: pointer;
}

/* Düyməyə hover olduqda rəng dəyişimi (JS-dəki .group-hover əvəzinə) */
#bottom-nav-grid > span:hover .nav-button-svg,
#bottom-nav-grid > span:hover .nav-button-text,
#bottom-nav-grid > button:hover .nav-button-svg,
#bottom-nav-grid > button:hover .nav-button-text {
  color: #2563eb; /* text-blue-600 */
}

/* Dark mode-da hover */
@media (prefers-color-scheme: dark) {
  #bottom-nav-grid > span:hover .nav-button-svg,
  #bottom-nav-grid > span:hover .nav-button-text,
  #bottom-nav-grid > button:hover .nav-button-svg,
  #bottom-nav-grid > button:hover .nav-button-text {
    color: #3b82f6; /* dark:text-blue-500 */
  }
}
/* Artıq xətalı { simvolu burada yoxdur */

@media (max-width: 640px) {
        .card-container {
            grid-template-columns: repeat(2, 1fr); /* 2 sütun oldu */
            gap: 10px; /* Aralıq məsafəsini biraz azaltdıq ki, yerləşsin */
            padding: 10px;
        }
    }

#alert-container {
        z-index: 2147483647 !important;
    }
    
    #alert-container > div {
        pointer-events: auto !important; /* Mesajın özünə kliklənə bilsin */
    }

#small-modal, 
#custom-modal, 
#popup-modal,
#medium-modal,
[id^="full-reservation-modal-"],
#authentication-modal,
#authentication-modal-zkate1,
.swal2-container{
  z-index: 90000 !important;
}
    
    /* 3. Backdrop (Arxa fon qaranlığı) */
    div[modal-backdrop],
    .modal-backdrop {
        z-index: 88888 !important;
    }

.loader22, .loader232, .loader2323, .loadmap22{
  z-index: 95000 !important;
}

    /**/

.custom-mini-grid {
        display: grid;
        /* Hər kart minimum 140px olacaq (əvvəl 75px idi) */
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); 
        gap: 8px; /* Boşluq artırıldı */
        padding: 8px;
        padding-bottom: 80px;
    }

    /* Kartın Özü */
    .custom-mini-card {
        border-radius: 8px; /* Künclər daha yumru */
        overflow: hidden;
        cursor: pointer;
        transition: all 0.2s ease;
        position: relative;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    }
    


    .custom-mini-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    }




    /* Şəkil Sahəsi - Hündürlük artırıldı */
    .mini-img-container {
        height: 90px; /* 35px-dən 90px-ə qaldırıldı */
        width: 100%;
        position: relative;
        background-color: #f3f4f6;
    }

    .mini-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Sayğac (Badge) - Böyüdüldü */
    .mini-badge {
        position: absolute;
        top: 0;
        right: 0;
        background-color: rgba(37, 99, 235, 0.95);
        color: white;
        font-size: 11px; /* Şrift böyüdü */
        font-weight: bold;
        padding: 2px 6px;
        border-bottom-left-radius: 6px;
        line-height: 1;
        z-index: 2;
    }

    /* Mətn Sahəsi - Genişləndirildi */
    .mini-text-area {
        padding: 6px;
        text-align: center;
        height: 44px; /* Hündürlük artırıldı ki, 2 sətir rahat yerləşsin */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mini-title {
        font-size: 13px; /* Şrift 10px-dən 13px-ə qaldırıldı */
        line-height: 1.3;
        font-weight: 600;
        
        /* 2 sətrə sığdırmaq üçün standart kod */
        display: -webkit-box;
        -webkit-line-clamp: 2; /* 2 sətirdən sonra ... qoyur */
        line-clamp: 2;         /* Yeni standart */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .dark .mini-title { color: #fff; }

    /**/
    .custom-product-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); /* Kartın minimum eni 130px */
        gap: 10px; /* Kartlar arası məsafə */
        padding: 10px;
    }

    /* Kartın Özü */
    .custom-product-card {
        background-color: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        cursor: pointer;
        transition: all 0.2s ease;
    }

    /* Hover effekti */
    .custom-product-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        border-color: #3b82f6; /* Göy rəng */
    }

    /* Anbar Sayı (Badge) */
    .card-badge {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #2563eb; /* Göy */
        color: white;
        font-size: 10px;
        font-weight: bold;
        padding: 2px 6px;
        border-bottom-left-radius: 6px;
        z-index: 10;
    }

    /* Şəkil Konteyneri */
    .card-img-container {
        width: 100%;
        height: 90px; /* Şəklin hündürlüyü */
        background-color: #f9fafb;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
    }

    /* Şəkil */
    .card-img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        transition: transform 0.3s;
    }
    .custom-product-card:hover .card-img {
        transform: scale(1.05);
    }

    /* Yazı və Qiymət Hissəsi */
    .card-content {
        padding: 8px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 1;
    }

    /* Məhsulun Adı */
    .card-title {
        font-size: 11px;
        font-weight: 600;
        color: #111827;
        margin-bottom: 4px;
        line-height: 1.3;
        /* Ad çox uzundursa 2 sətirdən sonra kəs */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Qiymət */
    .card-price {
        text-align: right;
        font-size: 11px;
    }
    .price-old { text-decoration: line-through; color: #9ca3af; margin-right: 4px; }
    .price-new { color: #dc2626; font-weight: bold; }
    .price-normal { color: #2563eb; font-weight: bold; }

    /* Dark Mode Dəstəyi (Əgər sistemdə varsa) */
    @media (prefers-color-scheme: dark) {
        .custom-product-card { background-color: #1f2937; border-color: #374151; }
        .card-img-container { background-color: #374151; }
        .card-title { color: #f3f4f6; }
    }

    #choice-edit:hover { border-color: rgb(168, 85, 247); }   /* purple-500 */
#choice-istehsal:hover { border-color: rgb(249, 115, 22); } /* orange-500 */

/* --- SCROLL GÖSTƏRİCİSİ (ANIMASİYA) --- */
@keyframes scrollHintRight {
  0%, 60% { opacity: 0; transform: translateX(0); }
  70% { opacity: 1; transform: translateX(5px); }
  100% { opacity: 0; transform: translateX(0); }
}

@keyframes scrollHintDown {
  0%, 60% { opacity: 0; transform: translateY(0); }
  70% { opacity: 1; transform: translateY(5px); }
  100% { opacity: 0; transform: translateY(0); }
}

.scroll-hint-icon {
  position: absolute;
  z-index: 60;
  pointer-events: none;
  color: rgba(59, 130, 246, 0.6);
  display: none; /* Varsayılan olaraq GİZLİ (JS açacaq) */
  align-items: center;
  justify-content: center;
}

/* MOBİL (Horizontal Scroll) */
@media (max-width: 1023px) {
  .scroll-hint-icon {
    top: 0; bottom: 0; right: 0;
    height: 100%; width: 24px;
    background: linear-gradient(to left, rgba(255,255,255,0.8), transparent);
    animation: scrollHintRight 3s infinite ease-in-out;
  }
  .dark .scroll-hint-icon {
     background: linear-gradient(to left, rgba(31, 41, 55, 0.8), transparent);
  }
}

.amsalt{
  padding:10px 10px 16px 10px;
  position:fixed;
  bottom:74px;right:0;
  border-top-left-radius: 12px;
}

/* --- DESKTOP (Sol Panel və Məzmun Düzəlişi) --- */
@media (min-width: 1024px) {
  
  .amsalt{
  padding:10px 10px 16px 10px;
  position:fixed;
  bottom:0px;right:0;
}

  /* 1. NAVİQASİYA (SABİT, SOLDA) */
  .nav-wrapper-responsive {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    width: 5rem !important; /* 80px en */
    height: 100vh !important;
    border-top: none !important;
    border-right: 1px solid #e5e7eb !important; /* Açıq boz xətt */
    padding-bottom: 20px;
    z-index: 1000 !important; /* Cədvəlin üstündə qalsın */
  }

  /* Dark mode border */

  .nav-wrapper-responsive {
    border-right: 1px solid #1b1b1b !important;
  }

  /* 2. AJAX İLƏ YÜKLƏNƏN MƏZMUNU SAĞA İTƏLƏMƏK */
  
  /* .mrfghyjmrw54 -> Sizin əsas konteyneriniz (esas.php)
     .cedvelload -> ajaxcreatetitle.php-dən gələn əsas div
     .tablediv -> Cədvəllərin olduğu div */
     
  .mrfghyjmrw54,
  .cedvelload,
  .tablediv {
      /* Padding ilə içəridəki hər şeyi 80px sağa itələyirik */
      padding-left: 5rem !important; 
      
      /* Eni ekran qədər olsun, amma padding nəzərə alınsın */
      width: 100% !important;
      box-sizing: border-box !important;
      
      /* Sürüşmənin qarşısını almaq üçün */
      position: relative !important;
      left: 0 !important;
      margin-left: 0 !important; 
  }

  /* 3. İÇ-İÇƏ PADDING PROBLEMİNİ HƏLL ETMƏK */
  /* Əgər mrfghyjmrw54 içində cedvelload varsa, ikincisinə padding vermə ki, boşluq 160px olmasın.
     Yalnız ən üstdəki konteyner boşluq versin. */
  .mrfghyjmrw54 .cedvelload,
  .mrfghyjmrw54 .tablediv,
  .createtitle .cedvelload, .xz1132 {
      padding-left: 0 !important;
      margin-left: 0 !important;
      width: 100% !important;
  }
  .xz1132{
    padding-right:30px;
  }

  /* Body-ni təmizləyirik */
  body {
      padding-left: 0 !important;
      margin-left: 0 !important;
      overflow-x: hidden;
  }

  /* 4. MENYU DÜZƏLİŞLƏRİ (DƏYİŞMƏDİ) */
  #bottom-nav-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-auto-flow: row !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 100% !important;
    padding-top: 10px;
  }

  #bottom-nav-grid > span,
  #bottom-nav-grid > button {
    width: 100% !important;
    min-height: 70px;
    border-bottom: 1px solid rgba(0,0,0,0.03);
    position: relative; 
    justify-content: center !important;
  }

  /* 5. SİFARİŞ DAİRƏSİ */
  #nav-sifarisler .absolute {
      right: 20px !important; 
      top: 12px !important;
      left: auto !important;
      transform: none !important; 
  }

  /* 6. SCROLL OXU */
  .scroll-hint-icon {
    bottom: 5px; left: 0;
    width: 100%; height: 24px;
    background: linear-gradient(to top, rgba(255,255,255,0.8), transparent);
    animation: scrollHintDown 3s infinite ease-in-out;
  }
  .dark .scroll-hint-icon {
     background: linear-gradient(to top, rgba(31, 41, 55, 0.8), transparent);
  }
  
  .scroll-hint-icon svg {
    transform: rotate(90deg);
  }
}


/* =========================================================
   MINIMAL ERP/CRM PALETTE FIX
   Tom Select / customer select dark-mode black input fix
   Palette only: #F7F4EF, #FFFFFF, #8B6F47, #735B39,
   #E9E2D8, #DDD2C3, #2F2A24, #6B6257, #E5DDD2,
   #FBF9F6, #F1EBE3, #D8C3A5, #5C4630
   ========================================================= */

html,
body {
  background-color: #F7F4EF !important;
  color: #2F2A24 !important;
  color-scheme: light !important;
}

/* Browser dark mode və köhnə autofill qaydasının qara fonunu ləğv et */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
  -webkit-text-fill-color: #2F2A24 !important;
  caret-color: #8B6F47 !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Original select və Tom Select wrapper */
#mushteri-select-ajax,
#mushteri-select-ajax + .ts-wrapper,
#mushteri-select-ajax + .ts-wrapper .ts-control,
#mushteri-select-ajax + .ts-wrapper.single .ts-control,
#mushteri-select-ajax + .ts-wrapper.focus .ts-control,
#mushteri-select-ajax + .ts-wrapper.input-active .ts-control,
#mushteri-select-ajax + .ts-wrapper.dropdown-active .ts-control {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
  border-color: #E5DDD2 !important;
  box-shadow: none !important;
  color-scheme: light !important;
}

/* Tom Select-in generated input-u: dark mode-da qara düşən əsas hissə */
#mushteri-select-ajax-ts-control,
#mushteri-select-ajax + .ts-wrapper .ts-control input,
#mushteri-select-ajax + .ts-wrapper .ts-control > input,
#mushteri-select-ajax + .ts-wrapper input[type="text"],
.ts-wrapper #mushteri-select-ajax-ts-control,
.ts-control #mushteri-select-ajax-ts-control {
  background: transparent !important;
  background-color: transparent !important;
  color: #2F2A24 !important;
  -webkit-text-fill-color: #2F2A24 !important;
  caret-color: #8B6F47 !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color-scheme: light !important;
}

#mushteri-select-ajax + .ts-wrapper .ts-control input::placeholder,
#mushteri-select-ajax-ts-control::placeholder {
  color: #6B6257 !important;
  opacity: 1 !important;
}

#mushteri-select-ajax + .ts-wrapper .item,
#mushteri-select-ajax + .ts-wrapper .single .item,
#mushteri-select-ajax + .ts-wrapper .ts-control .item {
  color: #2F2A24 !important;
  background: transparent !important;
}

#mushteri-select-ajax + .ts-wrapper .ts-dropdown,
#mushteri-select-ajax + .ts-wrapper .ts-dropdown-content {
  background: #FFFFFF !important;
  color: #2F2A24 !important;
  border-color: #E5DDD2 !important;
  box-shadow: 0 8px 20px rgba(47, 42, 36, 0.10) !important;
  color-scheme: light !important;
}

#mushteri-select-ajax + .ts-wrapper .ts-dropdown .option,
#mushteri-select-ajax + .ts-wrapper .ts-dropdown .no-results,
#mushteri-select-ajax + .ts-wrapper .ts-dropdown .create {
  background: #FFFFFF !important;
  color: #2F2A24 !important;
}

#mushteri-select-ajax + .ts-wrapper .ts-dropdown .active,
#mushteri-select-ajax + .ts-wrapper .ts-dropdown .option:hover {
  background: #F1EBE3 !important;
  color: #2F2A24 !important;
}

#mushteri-select-ajax + .ts-wrapper .ts-dropdown .selected,
#mushteri-select-ajax + .ts-wrapper .ts-dropdown .option.selected {
  background: #E9E2D8 !important;
  color: #5C4630 !important;
}

/* Dark system preference gələndə də bu select həmişə light ERP qalmalıdır */
@media (prefers-color-scheme: dark) {
  html,
  body {
    background-color: #F7F4EF !important;
    color: #2F2A24 !important;
    color-scheme: light !important;
  }

  #mushteri-select-ajax,
  #mushteri-select-ajax + .ts-wrapper,
  #mushteri-select-ajax + .ts-wrapper .ts-control,
  #mushteri-select-ajax + .ts-wrapper.single .ts-control,
  #mushteri-select-ajax + .ts-wrapper.focus .ts-control,
  #mushteri-select-ajax + .ts-wrapper.input-active .ts-control,
  #mushteri-select-ajax + .ts-wrapper.dropdown-active .ts-control {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #2F2A24 !important;
    border-color: #E5DDD2 !important;
    box-shadow: none !important;
    color-scheme: light !important;
  }

  #mushteri-select-ajax-ts-control,
  #mushteri-select-ajax + .ts-wrapper .ts-control input,
  #mushteri-select-ajax + .ts-wrapper .ts-control > input,
  #mushteri-select-ajax + .ts-wrapper input[type="text"],
  .ts-wrapper #mushteri-select-ajax-ts-control,
  .ts-control #mushteri-select-ajax-ts-control {
    background: transparent !important;
    background-color: transparent !important;
    color: #2F2A24 !important;
    -webkit-text-fill-color: #2F2A24 !important;
    caret-color: #8B6F47 !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    color-scheme: light !important;
  }

  #mushteri-select-ajax + .ts-wrapper .ts-dropdown,
  #mushteri-select-ajax + .ts-wrapper .ts-dropdown-content,
  #mushteri-select-ajax + .ts-wrapper .ts-dropdown .option,
  #mushteri-select-ajax + .ts-wrapper .ts-dropdown .no-results,
  #mushteri-select-ajax + .ts-wrapper .ts-dropdown .create {
    background: #FFFFFF !important;
    color: #2F2A24 !important;
    border-color: #E5DDD2 !important;
    color-scheme: light !important;
  }

  #mushteri-select-ajax + .ts-wrapper .ts-dropdown .active,
  #mushteri-select-ajax + .ts-wrapper .ts-dropdown .option:hover {
    background: #F1EBE3 !important;
    color: #2F2A24 !important;
  }
}

/* =========================================================
   DARK BROWN NAVIGATION TEST
   Desktop: left nav with white right border
   Mobile/tablet: bottom nav with white top border
   ========================================================= */
html body .nav-wrapper-responsive {
  background: #8B6F47 !important;
  background-color: #8B6F47 !important;
  border-top: 1px solid #FFFFFF !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  box-shadow: 0 -2px 12px rgba(47, 42, 36, 0.12) !important;
}

html body .nav-wrapper-responsive #bottom-nav-grid > span,
html body .nav-wrapper-responsive #bottom-nav-grid > button {
  color: #FFFFFF !important;
  background: transparent !important;
  transition: background-color 0.18s ease, color 0.18s ease !important;
}

html body .nav-wrapper-responsive .nav-button-svg,
html body .nav-wrapper-responsive .nav-button-text,
html body .nav-wrapper-responsive svg,
html body .nav-wrapper-responsive span {
  color: #FFFFFF !important;
}

html body .nav-wrapper-responsive #bottom-nav-grid > span:hover,
html body .nav-wrapper-responsive #bottom-nav-grid > button:hover,
html body .nav-wrapper-responsive #bottom-nav-grid > span:active,
html body .nav-wrapper-responsive #bottom-nav-grid > button:active,
html body .nav-wrapper-responsive #bottom-nav-grid > span:focus-visible,
html body .nav-wrapper-responsive #bottom-nav-grid > button:focus-visible {
  background: #735B39 !important;
  color: #FFFFFF !important;
}

html body .nav-wrapper-responsive #bottom-nav-grid > span:hover .nav-button-svg,
html body .nav-wrapper-responsive #bottom-nav-grid > span:hover .nav-button-text,
html body .nav-wrapper-responsive #bottom-nav-grid > button:hover .nav-button-svg,
html body .nav-wrapper-responsive #bottom-nav-grid > button:hover .nav-button-text,
html body .nav-wrapper-responsive #bottom-nav-grid > span:active .nav-button-svg,
html body .nav-wrapper-responsive #bottom-nav-grid > span:active .nav-button-text,
html body .nav-wrapper-responsive #bottom-nav-grid > button:active .nav-button-svg,
html body .nav-wrapper-responsive #bottom-nav-grid > button:active .nav-button-text {
  color: #FFFFFF !important;
}

/* setActiveNav() aktiv elementi text-[#8B6F47] class-ı ilə işarələyir; dark nav-da onu fonla göstəririk. */
@supports selector(:has(*)) {
  html body .nav-wrapper-responsive #bottom-nav-grid > span:has(.text-\[\#8B6F47\]),
  html body .nav-wrapper-responsive #bottom-nav-grid > button:has(.text-\[\#8B6F47\]) {
    background: #735B39 !important;
  }
}

html body .nav-wrapper-responsive .text-\[\#6B6257\],
html body .nav-wrapper-responsive .text-\[\#8B6F47\] {
  color: #FFFFFF !important;
}

html body .nav-wrapper-responsive [data-order-nav-badge="1"] {
  background: #D8C3A5 !important;
  color: #5C4630 !important;
  border-color: #FFFFFF !important;
}

html body .nav-wrapper-responsive .scroll-hint-icon {
  color: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 1023px) {
  html body .nav-wrapper-responsive {
    border-top: 1px solid #FFFFFF !important;
    border-right: 0 !important;
  }

  html body .nav-wrapper-responsive .scroll-hint-icon {
    background: linear-gradient(to left, rgba(139, 111, 71, 0.96), rgba(139, 111, 71, 0)) !important;
  }
}

@media (min-width: 1024px) {
  html body .nav-wrapper-responsive {
    border-top: 0 !important;
    border-right: 1px solid #FFFFFF !important;
    box-shadow: 2px 0 12px rgba(47, 42, 36, 0.10) !important;
  }

  html body .nav-wrapper-responsive #bottom-nav-grid > span,
  html body .nav-wrapper-responsive #bottom-nav-grid > button {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  }

  html body .nav-wrapper-responsive .scroll-hint-icon {
    background: linear-gradient(to top, rgba(139, 111, 71, 0.96), rgba(139, 111, 71, 0)) !important;
  }
}



/* === Change customer modal backdrop close / ERP styling === */
#change-customer-modal.ngb-change-customer-modal {
  background-color: rgba(47, 42, 36, 0.60) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

#change-customer-modal .ngb-change-customer-card {
  background-color: #8B6F47 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 20px 35px rgba(47, 42, 36, 0.18) !important;
  overflow: hidden !important;
  border-radius: 0.75rem !important;
  background-clip: padding-box !important;
}

#change-customer-modal .ngb-change-customer-card > :not(.ngb-change-customer-header) {
  background-color: #FFFFFF !important;
}

#change-customer-modal .ngb-change-customer-header {
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-clip: border-box !important;
  border-radius: 0.75rem 0.75rem 0 0 !important;
  margin: -1px -1px 0 -1px !important;
  width: calc(100% + 2px) !important;
  position: relative !important;
  z-index: 2 !important;
}

#change-customer-modal .ngb-change-customer-header h3,
#change-customer-modal .ngb-change-customer-header svg {
  color: #FFFFFF !important;
}

#change-customer-modal .ngb-change-customer-close {
  color: #FFFFFF !important;
}

#change-customer-modal .ngb-change-customer-close:hover,
#change-customer-modal .ngb-change-customer-close:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
  outline: none !important;
}


/* === Customer details modal dark header === */
#custom-modal[data-modal-context="customer-details"] > .relative > .relative {
  overflow: hidden !important;
  background-color: #8B6F47 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0.75rem !important;
  background-clip: padding-box !important;
}

#custom-modal[data-modal-context="customer-details"] #modal-body,
#custom-modal[data-modal-context="customer-details"] #modal-footer {
  background-color: #FFFFFF !important;
}

#custom-modal[data-modal-context="customer-details"] .ngb-customer-details-header,
#custom-modal[data-modal-context="customer-details"] #modal-title,
#custom-modal[data-modal-context="customer-details"] #modal-close {
  color: #FFFFFF !important;
}

#custom-modal[data-modal-context="customer-details"] .ngb-customer-details-header {
  background-color: #8B6F47 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-clip: border-box !important;
  border-radius: 0.75rem 0.75rem 0 0 !important;
  margin: -1px -1px 0 -1px !important;
  width: calc(100% + 2px) !important;
  position: relative !important;
  z-index: 2 !important;
}

#custom-modal[data-modal-context="customer-details"] .ngb-customer-details-header svg {
  color: #FFFFFF !important;
}

#custom-modal[data-modal-context="customer-details"] #modal-close {
  background-color: transparent !important;
}

#custom-modal[data-modal-context="customer-details"] #modal-close:hover,
#custom-modal[data-modal-context="customer-details"] #modal-close:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
  outline: none !important;
}

@media (max-width: 1365px) {
  #change-customer-modal .ngb-change-customer-header,
  #custom-modal[data-modal-context="customer-details"] .ngb-customer-details-header {
    position: relative !important;
    transform: translateZ(0) !important;
    isolation: isolate !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 1px solid #8B6F47 !important;
    outline-offset: -1px !important;
    box-shadow:
      inset 1px 0 0 #8B6F47,
      inset -1px 0 0 #8B6F47,
      inset 0 1px 0 #8B6F47,
      inset 0 -1px 0 #8B6F47,
      0 1px 0 #8B6F47 !important;
  }

  #change-customer-modal .ngb-change-customer-card,
  #custom-modal[data-modal-context="customer-details"] > .relative > .relative {
    transform: translateZ(0) !important;
    background-color: #8B6F47 !important;
  }
}


/* === Order search modal radius === */
#medium-modal[data-modal-context="order-search"] > .relative > .relative,
#medium-modal .ngb-order-search-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  box-shadow: 0 20px 35px rgba(47, 42, 36, 0.16) !important;
  background-clip: padding-box !important;
}

#medium-modal[data-modal-context="order-search"] #medium-modal-body {
  background-color: #FFFFFF !important;
  border-radius: 0 0 1rem 1rem !important;
}

/* === Refined ERP confirm modal === */
#confirmation-modal.ngb-confirm-overlay {
  background: rgba(47, 42, 36, 0.48) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

#confirmation-modal .ngb-confirm-shell {
  padding: 0 !important;
}

#confirmation-modal .ngb-confirm-card {
  border: 1.5px solid #8B6F47 !important;
  border-radius: 1.25rem !important;
  background-color: #FFFFFF !important;
  overflow: hidden !important;
  box-shadow: 0 24px 55px rgba(47, 42, 36, 0.28) !important;
  background-clip: padding-box !important;
}

#confirmation-modal .ngb-confirm-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 16px 18px !important;
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid #735B39 !important;
}

#confirmation-modal .ngb-confirm-title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

#confirmation-modal .ngb-confirm-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 14px !important;
  background-color: rgba(255, 255, 255, 0.14) !important;
  color: #FFFFFF !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
}

#confirmation-modal .ngb-confirm-title {
  color: #FFFFFF !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

#confirmation-modal .ngb-confirm-subtitle {
  margin-top: 2px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

#confirmation-modal .ngb-confirm-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background-color: transparent !important;
  color: #FFFFFF !important;
  cursor: pointer !important;
  transition: background-color 0.18s ease, transform 0.18s ease !important;
}

#confirmation-modal .ngb-confirm-close:hover,
#confirmation-modal .ngb-confirm-close:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
  outline: none !important;
}

#confirmation-modal .ngb-confirm-body {
  padding: 22px 22px 18px !important;
  background-color: #FFFFFF !important;
}

#confirmation-modal .ngb-confirm-message {
  color: #2F2A24 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  text-align: left !important;
  word-break: break-word !important;
}

#confirmation-modal .ngb-confirm-message b,
#confirmation-modal .ngb-confirm-message strong {
  color: #5C4630 !important;
  font-weight: 800 !important;
}

#confirmation-modal .ngb-confirm-footer {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 14px 18px 18px !important;
  background-color: #FBF9F6 !important;
  border-top: 1px solid #E5DDD2 !important;
}

#confirmation-modal .ngb-confirm-btn {
  min-height: 40px !important;
  padding: 9px 16px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
  outline: none !important;
}

#confirmation-modal .ngb-confirm-btn-primary {
  background-color: #8B6F47 !important;
  border: 1px solid #8B6F47 !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 7px rgba(47, 42, 36, 0.16) !important;
}

#confirmation-modal .ngb-confirm-btn-primary:hover,
#confirmation-modal .ngb-confirm-btn-primary:focus {
  background-color: #735B39 !important;
  border-color: #735B39 !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(216, 195, 165, 0.45) !important;
}

#confirmation-modal .ngb-confirm-btn-secondary {
  background-color: #E9E2D8 !important;
  border: 1px solid #E5DDD2 !important;
  color: #2F2A24 !important;
}

#confirmation-modal .ngb-confirm-btn-secondary:hover,
#confirmation-modal .ngb-confirm-btn-secondary:focus {
  background-color: #DDD2C3 !important;
  border-color: #CBB8A6 !important;
  color: #2F2A24 !important;
  box-shadow: 0 0 0 3px rgba(216, 195, 165, 0.32) !important;
}

@media (max-width: 480px) {
  #confirmation-modal .ngb-confirm-header {
    padding: 14px 14px !important;
  }

  #confirmation-modal .ngb-confirm-body {
    padding: 18px 16px 14px !important;
  }

  #confirmation-modal .ngb-confirm-footer {
    flex-direction: column-reverse !important;
    padding: 12px 16px 16px !important;
  }

  #confirmation-modal .ngb-confirm-btn {
    width: 100% !important;
  }
}

/* === ERP product cards generated by fetchProducts === */
.custom-product-grid,
.erp-product-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)) !important;
  gap: 12px !important;
  padding: 12px !important;
  background-color: #F7F4EF !important;
}

.custom-product-card,
.erp-product-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.08) !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease !important;
  color: #2F2A24 !important;
}

.custom-product-card:hover,
.erp-product-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 18px rgba(47, 42, 36, 0.12) !important;
  border-color: #8B6F47 !important;
  background-color: #FFFFFF !important;
}

.custom-product-card .card-badge,
.erp-product-card .erp-card-badge,
.erp-product-card .card-badge {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 6px rgba(47, 42, 36, 0.16) !important;
  z-index: 10 !important;
}

.custom-product-card .card-img-container,
.erp-product-card .erp-card-img-container,
.erp-product-card .card-img-container {
  width: 100% !important;
  height: 108px !important;
  background-color: #F7F4EF !important;
  border-bottom: 1px solid #E5DDD2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px !important;
}

.custom-product-card .card-img,
.erp-product-card .card-img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.25s ease !important;
  border-radius: 0.75rem !important;
}

.custom-product-card:hover .card-img,
.erp-product-card:hover .card-img {
  transform: scale(1.04) !important;
}

.custom-product-card .card-content,
.erp-product-card .erp-card-content,
.erp-product-card .card-content {
  padding: 10px !important;
  background-color: #FFFFFF !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-grow: 1 !important;
}

.custom-product-card .card-title,
.erp-product-card .erp-card-title,
.erp-product-card .card-title {
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #2F2A24 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.custom-product-card .card-price,
.erp-product-card .erp-card-price,
.erp-product-card .card-price {
  text-align: right !important;
  font-size: 12px !important;
  color: #5C4630 !important;
  font-weight: 700 !important;
}

.custom-product-card .card-price .line-through,
.erp-product-card .card-price .line-through,
.custom-product-card .price-old,
.erp-product-card .price-old {
  color: #6B6257 !important;
  opacity: 0.75 !important;
}

.custom-product-card .card-price span:not(.line-through),
.erp-product-card .card-price span:not(.line-through),
.custom-product-card .price-new,
.custom-product-card .price-normal,
.erp-product-card .price-new,
.erp-product-card .price-normal {
  color: #5C4630 !important;
  font-weight: 800 !important;
}

@media (prefers-color-scheme: dark) {
  .custom-product-card,
  .erp-product-card {
    background-color: #FFFFFF !important;
    border-color: #E5DDD2 !important;
    color: #2F2A24 !important;
  }

  .custom-product-card .card-img-container,
  .erp-product-card .card-img-container {
    background-color: #F7F4EF !important;
  }

  .custom-product-card .card-title,
  .erp-product-card .card-title {
    color: #2F2A24 !important;
  }
}

/* === Filter tabs active state only (TomSelect/select styling reverted) === */
.forfilter .filter-button {
  position: relative !important;
  min-height: 44px !important;
  border-radius: 14px !important;
  border: 1px solid #E5DDD2 !important;
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.06) !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease !important;
}

.forfilter .filter-button:hover {
  background-color: #F1EBE3 !important;
  border-color: #D8C3A5 !important;
  color: #2F2A24 !important;
}

.forfilter .filter-button.filter-active,
.forfilter .filter-button[data-filter-active="1"],
.forfilter .filter-button[aria-pressed="true"] {
  background-color: #8B6F47 !important;
  border-color: #735B39 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 14px rgba(139, 111, 71, 0.18) !important;
  transform: translateY(-1px) !important;
}

.forfilter .filter-button.filter-active::after,
.forfilter .filter-button[data-filter-active="1"]::after,
.forfilter .filter-button[aria-pressed="true"]::after {
  content: none !important;
  display: none !important;
}

.forfilter .filter-button.filter-active:hover,
.forfilter .filter-button[data-filter-active="1"]:hover,
.forfilter .filter-button[aria-pressed="true"]:hover {
  background-color: #735B39 !important;
  border-color: #735B39 !important;
  color: #FFFFFF !important;
}

.forfilter .filter-button.filter-active svg,
.forfilter .filter-button[data-filter-active="1"] svg,
.forfilter .filter-button[aria-pressed="true"] svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* === Filter TomSelect final polish: 1px border, no clear X, vertical center === */
.forfilter .dynamic-ssselect + .ts-wrapper,
.forfilter .ts-wrapper.dynamic-ssselect {
  width: 100% !important;
  box-sizing: border-box !important;
}

.forfilter .dynamic-ssselect + .ts-wrapper .ts-control,
.forfilter .ts-wrapper.dynamic-ssselect .ts-control,
.forfilter .filter1 .ts-wrapper .ts-control,
.forfilter .filter2 .ts-wrapper .ts-control,
.forfilter .filter4 .ts-wrapper .ts-control,
.forfilter .filter5 .ts-wrapper .ts-control,
.forfilter .filter7 .ts-wrapper .ts-control,
.forfilter .filter3 .ff-block .ts-wrapper .ts-control {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 36px 0 12px !important;
  border: 1px solid #E5DDD2 !important;
  border-width: 1px !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-clip: padding-box !important;
  color: #2F2A24 !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.06) !important;
  outline: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  align-content: center !important;
  overflow: hidden !important;
  line-height: 1.25 !important;
}

.forfilter .dynamic-ssselect + .ts-wrapper.focus .ts-control,
.forfilter .dynamic-ssselect + .ts-wrapper.input-active .ts-control,
.forfilter .dynamic-ssselect + .ts-wrapper.dropdown-active .ts-control,
.forfilter .ts-wrapper.focus .ts-control,
.forfilter .ts-wrapper.input-active .ts-control,
.forfilter .ts-wrapper.dropdown-active .ts-control {
  border: 1px solid #8B6F47 !important;
  border-width: 1px !important;
  box-shadow: 0 0 0 1px rgba(216, 195, 165, 0.65), 0 1px 2px rgba(47, 42, 36, 0.06) !important;
  outline: 0 !important;
}

.forfilter .dynamic-ssselect + .ts-wrapper .ts-control > input,
.forfilter .dynamic-ssselect + .ts-wrapper .ts-control input,
.forfilter .ts-wrapper .ts-control > input,
.forfilter .ts-wrapper .ts-control input {
  height: 22px !important;
  line-height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #2F2A24 !important;
  -webkit-text-fill-color: #2F2A24 !important;
  vertical-align: middle !important;
}

.forfilter .dynamic-ssselect + .ts-wrapper .ts-control .item,
.forfilter .ts-wrapper .ts-control .item {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  color: #2F2A24 !important;
}

/* TomSelect clear button is removed in JS too; this protects already-created instances. */
.forfilter .ts-wrapper .clear-button,
.forfilter .ts-wrapper.plugin-clear_button .clear-button,
.forfilter .ts-wrapper [data-ts-clear],
.forfilter .ts-wrapper a.clear-button {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
}

/* Keep dropdown arrow, but prevent black/broken edge artifacts. */
.forfilter .ts-wrapper.single .ts-control::after,
.forfilter .ts-wrapper.single .ts-control:after {
  right: 12px !important;
  border-color: #8B6F47 transparent transparent transparent !important;
  border-width: 5px 5px 0 5px !important;
  margin-top: -2px !important;
}

.forfilter select.dynamic-ssselect {
  min-height: 42px !important;
  height: 42px !important;
  line-height: 22px !important;
  padding: 0 36px 0 12px !important;
  border: 1px solid #E5DDD2 !important;
  border-width: 1px !important;
  border-radius: 12px !important;
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
  outline: 0 !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.06) !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

.forfilter select.dynamic-ssselect:focus {
  border: 1px solid #8B6F47 !important;
  border-width: 1px !important;
  box-shadow: 0 0 0 1px rgba(216, 195, 165, 0.65), 0 1px 2px rgba(47, 42, 36, 0.06) !important;
}

@media (max-width: 1365px) {
  .forfilter .dynamic-ssselect + .ts-wrapper .ts-control,
  .forfilter .ts-wrapper .ts-control,
  .forfilter select.dynamic-ssselect {
    border-width: 1px !important;
    box-shadow: inset 0 0 0 1px #E5DDD2, 0 1px 2px rgba(47, 42, 36, 0.05) !important;
    transform: translateZ(0) !important;
    -webkit-font-smoothing: antialiased !important;
  }

  .forfilter .dynamic-ssselect + .ts-wrapper.focus .ts-control,
  .forfilter .dynamic-ssselect + .ts-wrapper.input-active .ts-control,
  .forfilter .dynamic-ssselect + .ts-wrapper.dropdown-active .ts-control,
  .forfilter .ts-wrapper.focus .ts-control,
  .forfilter .ts-wrapper.input-active .ts-control,
  .forfilter .ts-wrapper.dropdown-active .ts-control,
  .forfilter select.dynamic-ssselect:focus {
    border-width: 1px !important;
    box-shadow: inset 0 0 0 1px #8B6F47, 0 0 0 1px rgba(216, 195, 165, 0.55) !important;
  }
}

/* === Filter TomSelect corner artifact fix ===
   The original select becomes .ts-hidden-accessible after TomSelect initializes.
   Do not let our fallback select styling make that hidden native select visible behind
   the rounded TomSelect control; it causes dark corner fragments. */
.forfilter select.dynamic-ssselect.ts-hidden-accessible,
.forfilter select.ssselect.ts-hidden-accessible,
.forfilter .ts-hidden-accessible {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.forfilter .dynamic-ssselect + .ts-wrapper,
.forfilter .ts-wrapper.dynamic-ssselect,
.forfilter .filter1 .ts-wrapper,
.forfilter .filter2 .ts-wrapper,
.forfilter .filter4 .ts-wrapper,
.forfilter .filter5 .ts-wrapper,
.forfilter .filter7 .ts-wrapper,
.forfilter .filter3 .ff-block .ts-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.forfilter .dynamic-ssselect + .ts-wrapper .ts-control,
.forfilter .ts-wrapper.dynamic-ssselect .ts-control,
.forfilter .filter1 .ts-wrapper .ts-control,
.forfilter .filter2 .ts-wrapper .ts-control,
.forfilter .filter4 .ts-wrapper .ts-control,
.forfilter .filter5 .ts-wrapper .ts-control,
.forfilter .filter7 .ts-wrapper .ts-control,
.forfilter .filter3 .ff-block .ts-wrapper .ts-control {
  position: relative !important;
  z-index: 1 !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-clip: border-box !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.06) !important;
  outline: 0 !important;
}

.forfilter .dynamic-ssselect + .ts-wrapper.focus .ts-control,
.forfilter .dynamic-ssselect + .ts-wrapper.input-active .ts-control,
.forfilter .dynamic-ssselect + .ts-wrapper.dropdown-active .ts-control,
.forfilter .ts-wrapper.focus .ts-control,
.forfilter .ts-wrapper.input-active .ts-control,
.forfilter .ts-wrapper.dropdown-active .ts-control {
  border: 1px solid #8B6F47 !important;
  box-shadow: 0 0 0 1px rgba(216, 195, 165, 0.55), 0 1px 2px rgba(47, 42, 36, 0.06) !important;
}

@media (max-width: 1365px) {
  .forfilter .dynamic-ssselect + .ts-wrapper .ts-control,
  .forfilter .ts-wrapper.dynamic-ssselect .ts-control,
  .forfilter .filter1 .ts-wrapper .ts-control,
  .forfilter .filter2 .ts-wrapper .ts-control,
  .forfilter .filter4 .ts-wrapper .ts-control,
  .forfilter .filter5 .ts-wrapper .ts-control,
  .forfilter .filter7 .ts-wrapper .ts-control,
  .forfilter .filter3 .ff-block .ts-wrapper .ts-control {
    border: 1px solid #E5DDD2 !important;
    box-shadow: 0 1px 2px rgba(47, 42, 36, 0.05) !important;
    outline: 0 !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
  }

  .forfilter .dynamic-ssselect + .ts-wrapper.focus .ts-control,
  .forfilter .dynamic-ssselect + .ts-wrapper.input-active .ts-control,
  .forfilter .dynamic-ssselect + .ts-wrapper.dropdown-active .ts-control,
  .forfilter .ts-wrapper.focus .ts-control,
  .forfilter .ts-wrapper.input-active .ts-control,
  .forfilter .ts-wrapper.dropdown-active .ts-control {
    border: 1px solid #8B6F47 !important;
    box-shadow: 0 0 0 1px rgba(216, 195, 165, 0.55), 0 1px 2px rgba(47, 42, 36, 0.05) !important;
  }
}

/* === Filter active tab visibility final ===
   Makes the currently opened filter section visibly different from the others. */
.forfilter .filter-button.filter-active,
.forfilter .filter-button[data-filter-active="1"],
.forfilter .filter-button[aria-pressed="true"] {
  background-color: #8B6F47 !important;
  border-color: #735B39 !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 18px rgba(139, 111, 71, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.18) !important;
  transform: translateY(-1px) !important;
}

.forfilter .filter-button.filter-active::after,
.forfilter .filter-button[data-filter-active="1"]::after,
.forfilter .filter-button[aria-pressed="true"]::after {
  content: none !important;
  display: none !important;
}

.forfilter .filter-button.filter-active:hover,
.forfilter .filter-button[data-filter-active="1"]:hover,
.forfilter .filter-button[aria-pressed="true"]:hover {
  background-color: #735B39 !important;
  border-color: #735B39 !important;
  color: #FFFFFF !important;
}

/* === Limit update prompt modal: dark header + 1366px artifact fix === */
#custom-modal[data-modal-context="limit-update"] {
  background-color: rgba(47, 42, 36, 0.52) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

#custom-modal[data-modal-context="limit-update"] > .relative {
  max-width: 28rem !important;
}

#custom-modal[data-modal-context="limit-update"] > .relative > .relative {
  background-color: #8B6F47 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  box-shadow: 0 22px 44px rgba(47, 42, 36, 0.24) !important;
  background-clip: padding-box !important;
}

#custom-modal[data-modal-context="limit-update"] > .relative > .relative > div:first-child {
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 1rem 1rem 0 0 !important;
  margin: -1px -1px 0 -1px !important;
  width: calc(100% + 2px) !important;
  background-clip: border-box !important;
  position: relative !important;
  z-index: 2 !important;
}

#custom-modal[data-modal-context="limit-update"] #modal-title,
#custom-modal[data-modal-context="limit-update"] #modal-close,
#custom-modal[data-modal-context="limit-update"] #modal-close svg,
#custom-modal[data-modal-context="limit-update"] #modal-close svg * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  stroke: currentColor !important;
}

#custom-modal[data-modal-context="limit-update"] #modal-close {
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

#custom-modal[data-modal-context="limit-update"] #modal-close:hover,
#custom-modal[data-modal-context="limit-update"] #modal-close:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
}

#custom-modal[data-modal-context="limit-update"] #modal-body,
#custom-modal[data-modal-context="limit-update"] #modal-footer {
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="limit-update"] #modal-body {
  padding: 1.25rem !important;
}

#custom-modal[data-modal-context="limit-update"] #modal-footer {
  border-top: 1px solid #E5DDD2 !important;
  border-radius: 0 0 1rem 1rem !important;
  padding: 1rem 1.25rem !important;
}

#custom-modal[data-modal-context="limit-update"] #prompt-input {
  min-height: 44px !important;
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
  -webkit-text-fill-color: #2F2A24 !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 0.75rem !important;
  outline: 0 !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.06) !important;
  padding: 0.625rem 0.75rem !important;
  line-height: 1.25rem !important;
  background-image: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#custom-modal[data-modal-context="limit-update"] #prompt-input:focus {
  border-color: #8B6F47 !important;
  box-shadow: 0 0 0 3px rgba(216, 195, 165, 0.45) !important;
}

#custom-modal[data-modal-context="limit-update"] #prompt-cancel,
#custom-modal[data-modal-context="limit-update"] #prompt-submit {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.08) !important;
  min-height: 42px !important;
}

#custom-modal[data-modal-context="limit-update"] #prompt-cancel {
  background-color: #E9E2D8 !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="limit-update"] #prompt-cancel:hover,
#custom-modal[data-modal-context="limit-update"] #prompt-cancel:focus {
  background-color: #DDD2C3 !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="limit-update"] #prompt-submit {
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
}

#custom-modal[data-modal-context="limit-update"] #prompt-submit:hover,
#custom-modal[data-modal-context="limit-update"] #prompt-submit:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
}

@media (max-width: 1365px) {
  #custom-modal[data-modal-context="limit-update"] > .relative > .relative {
    transform: translateZ(0) !important;
    isolation: isolate !important;
    background-color: #8B6F47 !important;
    border: 0 !important;
    outline: 0 !important;
  }

  #custom-modal[data-modal-context="limit-update"] > .relative > .relative > div:first-child {
    transform: translateZ(0) !important;
    isolation: isolate !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 1px solid #8B6F47 !important;
    outline-offset: -1px !important;
    box-shadow:
      inset 1px 0 0 #8B6F47,
      inset -1px 0 0 #8B6F47,
      inset 0 1px 0 #8B6F47,
      inset 0 -1px 0 #8B6F47,
      0 1px 0 #8B6F47 !important;
  }

  #custom-modal[data-modal-context="limit-update"] #modal-body,
  #custom-modal[data-modal-context="limit-update"] #modal-footer {
    transform: translateZ(0) !important;
    background-color: #FFFFFF !important;
  }

  #custom-modal[data-modal-context="limit-update"] #prompt-input,
  #custom-modal[data-modal-context="limit-update"] #prompt-cancel,
  #custom-modal[data-modal-context="limit-update"] #prompt-submit {
    background-clip: padding-box !important;
    transform: translateZ(0) !important;
  }
}



/* === Customer info add prompt modal (mert23): same dark-header fix as limit update === */
#custom-modal[data-modal-context="customer-info-add"] {
  background-color: rgba(47, 42, 36, 0.52) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

#custom-modal[data-modal-context="customer-info-add"] > .relative {
  max-width: 28rem !important;
}

#custom-modal[data-modal-context="customer-info-add"] > .relative > .relative {
  background-color: #8B6F47 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  box-shadow: 0 22px 44px rgba(47, 42, 36, 0.24) !important;
  background-clip: padding-box !important;
}

#custom-modal[data-modal-context="customer-info-add"] > .relative > .relative > div:first-child {
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 1rem 1rem 0 0 !important;
  margin: -1px -1px 0 -1px !important;
  width: calc(100% + 2px) !important;
  background-clip: border-box !important;
  position: relative !important;
  z-index: 2 !important;
}

#custom-modal[data-modal-context="customer-info-add"] #modal-title,
#custom-modal[data-modal-context="customer-info-add"] #modal-close,
#custom-modal[data-modal-context="customer-info-add"] #modal-close svg,
#custom-modal[data-modal-context="customer-info-add"] #modal-close svg * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  stroke: currentColor !important;
}

#custom-modal[data-modal-context="customer-info-add"] #modal-close {
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

#custom-modal[data-modal-context="customer-info-add"] #modal-close:hover,
#custom-modal[data-modal-context="customer-info-add"] #modal-close:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
}

#custom-modal[data-modal-context="customer-info-add"] #modal-body,
#custom-modal[data-modal-context="customer-info-add"] #modal-footer {
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="customer-info-add"] #modal-body {
  padding: 1.25rem !important;
}

#custom-modal[data-modal-context="customer-info-add"] #modal-footer {
  border-top: 1px solid #E5DDD2 !important;
  border-radius: 0 0 1rem 1rem !important;
  padding: 1rem 1.25rem !important;
}

#custom-modal[data-modal-context="customer-info-add"] #prompt-input {
  min-height: 44px !important;
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
  -webkit-text-fill-color: #2F2A24 !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 0.75rem !important;
  outline: 0 !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.06) !important;
  padding: 0.625rem 0.75rem !important;
  line-height: 1.25rem !important;
  background-image: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#custom-modal[data-modal-context="customer-info-add"] #prompt-input:focus {
  border-color: #8B6F47 !important;
  box-shadow: 0 0 0 3px rgba(216, 195, 165, 0.45) !important;
}

#custom-modal[data-modal-context="customer-info-add"] #prompt-cancel,
#custom-modal[data-modal-context="customer-info-add"] #prompt-submit {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.08) !important;
  min-height: 42px !important;
}

#custom-modal[data-modal-context="customer-info-add"] #prompt-cancel {
  background-color: #E9E2D8 !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="customer-info-add"] #prompt-cancel:hover,
#custom-modal[data-modal-context="customer-info-add"] #prompt-cancel:focus {
  background-color: #DDD2C3 !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="customer-info-add"] #prompt-submit {
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
}

#custom-modal[data-modal-context="customer-info-add"] #prompt-submit:hover,
#custom-modal[data-modal-context="customer-info-add"] #prompt-submit:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
}

@media (max-width: 1365px) {
  #custom-modal[data-modal-context="customer-info-add"] > .relative > .relative {
    transform: translateZ(0) !important;
    isolation: isolate !important;
    background-color: #8B6F47 !important;
    border: 0 !important;
    outline: 0 !important;
  }

  #custom-modal[data-modal-context="customer-info-add"] > .relative > .relative > div:first-child {
    transform: translateZ(0) !important;
    isolation: isolate !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 1px solid #8B6F47 !important;
    outline-offset: -1px !important;
    box-shadow:
      inset 1px 0 0 #8B6F47,
      inset -1px 0 0 #8B6F47,
      inset 0 1px 0 #8B6F47,
      inset 0 -1px 0 #8B6F47,
      0 1px 0 #8B6F47 !important;
  }

  #custom-modal[data-modal-context="customer-info-add"] #modal-body,
  #custom-modal[data-modal-context="customer-info-add"] #modal-footer {
    transform: translateZ(0) !important;
    background-color: #FFFFFF !important;
  }

  #custom-modal[data-modal-context="customer-info-add"] #prompt-input,
  #custom-modal[data-modal-context="customer-info-add"] #prompt-cancel,
  #custom-modal[data-modal-context="customer-info-add"] #prompt-submit {
    background-clip: padding-box !important;
    transform: translateZ(0) !important;
  }
}

/* === Select add prompt modal (selectelaveet): same dark-header fix as limit/mert23 === */
#custom-modal[data-modal-context="select-add"] {
  background-color: rgba(47, 42, 36, 0.52) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

#custom-modal[data-modal-context="select-add"] > .relative {
  max-width: 28rem !important;
}

#custom-modal[data-modal-context="select-add"] > .relative > .relative {
  background-color: #8B6F47 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  box-shadow: 0 22px 44px rgba(47, 42, 36, 0.24) !important;
  background-clip: padding-box !important;
}

#custom-modal[data-modal-context="select-add"] > .relative > .relative > div:first-child {
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 1rem 1rem 0 0 !important;
  margin: -1px -1px 0 -1px !important;
  width: calc(100% + 2px) !important;
  background-clip: border-box !important;
  position: relative !important;
  z-index: 2 !important;
}

#custom-modal[data-modal-context="select-add"] #modal-title,
#custom-modal[data-modal-context="select-add"] #modal-close,
#custom-modal[data-modal-context="select-add"] #modal-close svg,
#custom-modal[data-modal-context="select-add"] #modal-close svg * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  stroke: currentColor !important;
}

#custom-modal[data-modal-context="select-add"] #modal-close {
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

#custom-modal[data-modal-context="select-add"] #modal-close:hover,
#custom-modal[data-modal-context="select-add"] #modal-close:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
}

#custom-modal[data-modal-context="select-add"] #modal-body,
#custom-modal[data-modal-context="select-add"] #modal-footer {
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="select-add"] #modal-body {
  padding: 1.25rem !important;
}

#custom-modal[data-modal-context="select-add"] #modal-footer {
  border-top: 1px solid #E5DDD2 !important;
  border-radius: 0 0 1rem 1rem !important;
  padding: 1rem 1.25rem !important;
}

#custom-modal[data-modal-context="select-add"] #prompt-input {
  min-height: 44px !important;
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
  -webkit-text-fill-color: #2F2A24 !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 0.75rem !important;
  outline: 0 !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.06) !important;
  padding: 0.625rem 0.75rem !important;
  line-height: 1.25rem !important;
  background-image: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#custom-modal[data-modal-context="select-add"] #prompt-input:focus {
  border-color: #8B6F47 !important;
  box-shadow: 0 0 0 3px rgba(216, 195, 165, 0.45) !important;
}

#custom-modal[data-modal-context="select-add"] #prompt-cancel,
#custom-modal[data-modal-context="select-add"] #prompt-submit {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.08) !important;
  min-height: 42px !important;
}

#custom-modal[data-modal-context="select-add"] #prompt-cancel {
  background-color: #E9E2D8 !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="select-add"] #prompt-cancel:hover,
#custom-modal[data-modal-context="select-add"] #prompt-cancel:focus {
  background-color: #DDD2C3 !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="select-add"] #prompt-submit {
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
}

#custom-modal[data-modal-context="select-add"] #prompt-submit:hover,
#custom-modal[data-modal-context="select-add"] #prompt-submit:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
}

@media (max-width: 1365px) {
  #custom-modal[data-modal-context="select-add"] > .relative > .relative {
    transform: translateZ(0) !important;
    isolation: isolate !important;
    background-color: #8B6F47 !important;
    border: 0 !important;
    outline: 0 !important;
  }

  #custom-modal[data-modal-context="select-add"] > .relative > .relative > div:first-child {
    transform: translateZ(0) !important;
    isolation: isolate !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 1px solid #8B6F47 !important;
    outline-offset: -1px !important;
    box-shadow:
      inset 1px 0 0 #8B6F47,
      inset -1px 0 0 #8B6F47,
      inset 0 1px 0 #8B6F47,
      inset 0 -1px 0 #8B6F47,
      0 1px 0 #8B6F47 !important;
  }

  #custom-modal[data-modal-context="select-add"] #modal-body,
  #custom-modal[data-modal-context="select-add"] #modal-footer {
    transform: translateZ(0) !important;
    background-color: #FFFFFF !important;
  }

  #custom-modal[data-modal-context="select-add"] #prompt-input,
  #custom-modal[data-modal-context="select-add"] #prompt-cancel,
  #custom-modal[data-modal-context="select-add"] #prompt-submit {
    background-clip: padding-box !important;
    transform: translateZ(0) !important;
  }
}

/* === Settings/Seller custom modals: dark ERP header + 1366px edge fix === */
#custom-modal[data-modal-context="settings-table-name"],
#custom-modal[data-modal-context="settings-bonus"],
#custom-modal[data-modal-context="settings-delete-password"],
#custom-modal[data-modal-context="seller-password"],
#custom-modal[data-modal-context="seller-rename"] {
  background-color: rgba(47, 42, 36, 0.52) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

#custom-modal[data-modal-context="settings-table-name"] > .relative,
#custom-modal[data-modal-context="settings-bonus"] > .relative,
#custom-modal[data-modal-context="settings-delete-password"] > .relative,
#custom-modal[data-modal-context="seller-password"] > .relative,
#custom-modal[data-modal-context="seller-rename"] > .relative {
  max-width: 28rem !important;
}

#custom-modal[data-modal-context="settings-table-name"] > .relative > .relative,
#custom-modal[data-modal-context="settings-bonus"] > .relative > .relative,
#custom-modal[data-modal-context="settings-delete-password"] > .relative > .relative,
#custom-modal[data-modal-context="seller-password"] > .relative > .relative,
#custom-modal[data-modal-context="seller-rename"] > .relative > .relative {
  background-color: #8B6F47 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  box-shadow: 0 22px 44px rgba(47, 42, 36, 0.24) !important;
  background-clip: padding-box !important;
}

#custom-modal[data-modal-context="settings-table-name"] > .relative > .relative > div:first-child,
#custom-modal[data-modal-context="settings-bonus"] > .relative > .relative > div:first-child,
#custom-modal[data-modal-context="settings-delete-password"] > .relative > .relative > div:first-child,
#custom-modal[data-modal-context="seller-password"] > .relative > .relative > div:first-child,
#custom-modal[data-modal-context="seller-rename"] > .relative > .relative > div:first-child {
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 1rem 1rem 0 0 !important;
  margin: -1px -1px 0 -1px !important;
  width: calc(100% + 2px) !important;
  background-clip: border-box !important;
  position: relative !important;
  z-index: 2 !important;
}

#custom-modal[data-modal-context="settings-table-name"] #modal-title,
#custom-modal[data-modal-context="settings-table-name"] #modal-close,
#custom-modal[data-modal-context="settings-table-name"] #modal-close svg,
#custom-modal[data-modal-context="settings-table-name"] #modal-close svg *,
#custom-modal[data-modal-context="settings-bonus"] #modal-title,
#custom-modal[data-modal-context="settings-bonus"] #modal-close,
#custom-modal[data-modal-context="settings-bonus"] #modal-close svg,
#custom-modal[data-modal-context="settings-bonus"] #modal-close svg *,
#custom-modal[data-modal-context="settings-delete-password"] #modal-title,
#custom-modal[data-modal-context="settings-delete-password"] #modal-close,
#custom-modal[data-modal-context="settings-delete-password"] #modal-close svg,
#custom-modal[data-modal-context="settings-delete-password"] #modal-close svg *,
#custom-modal[data-modal-context="seller-password"] #modal-title,
#custom-modal[data-modal-context="seller-password"] #modal-close,
#custom-modal[data-modal-context="seller-password"] #modal-close svg,
#custom-modal[data-modal-context="seller-password"] #modal-close svg *,
#custom-modal[data-modal-context="seller-rename"] #modal-title,
#custom-modal[data-modal-context="seller-rename"] #modal-close,
#custom-modal[data-modal-context="seller-rename"] #modal-close svg,
#custom-modal[data-modal-context="seller-rename"] #modal-close svg * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  stroke: currentColor !important;
}

#custom-modal[data-modal-context="settings-table-name"] #modal-close,
#custom-modal[data-modal-context="settings-bonus"] #modal-close,
#custom-modal[data-modal-context="settings-delete-password"] #modal-close,
#custom-modal[data-modal-context="seller-password"] #modal-close,
#custom-modal[data-modal-context="seller-rename"] #modal-close {
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

#custom-modal[data-modal-context="settings-table-name"] #modal-close:hover,
#custom-modal[data-modal-context="settings-table-name"] #modal-close:focus,
#custom-modal[data-modal-context="settings-bonus"] #modal-close:hover,
#custom-modal[data-modal-context="settings-bonus"] #modal-close:focus,
#custom-modal[data-modal-context="settings-delete-password"] #modal-close:hover,
#custom-modal[data-modal-context="settings-delete-password"] #modal-close:focus,
#custom-modal[data-modal-context="seller-password"] #modal-close:hover,
#custom-modal[data-modal-context="seller-password"] #modal-close:focus,
#custom-modal[data-modal-context="seller-rename"] #modal-close:hover,
#custom-modal[data-modal-context="seller-rename"] #modal-close:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
}

#custom-modal[data-modal-context="settings-table-name"] #modal-body,
#custom-modal[data-modal-context="settings-table-name"] #modal-footer,
#custom-modal[data-modal-context="settings-bonus"] #modal-body,
#custom-modal[data-modal-context="settings-bonus"] #modal-footer,
#custom-modal[data-modal-context="settings-delete-password"] #modal-body,
#custom-modal[data-modal-context="settings-delete-password"] #modal-footer,
#custom-modal[data-modal-context="seller-password"] #modal-body,
#custom-modal[data-modal-context="seller-password"] #modal-footer,
#custom-modal[data-modal-context="seller-rename"] #modal-body,
#custom-modal[data-modal-context="seller-rename"] #modal-footer {
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="settings-table-name"] #modal-body,
#custom-modal[data-modal-context="settings-bonus"] #modal-body,
#custom-modal[data-modal-context="settings-delete-password"] #modal-body,
#custom-modal[data-modal-context="seller-password"] #modal-body,
#custom-modal[data-modal-context="seller-rename"] #modal-body {
  padding: 1.25rem !important;
}

#custom-modal[data-modal-context="settings-table-name"] #modal-footer,
#custom-modal[data-modal-context="settings-bonus"] #modal-footer,
#custom-modal[data-modal-context="settings-delete-password"] #modal-footer,
#custom-modal[data-modal-context="seller-password"] #modal-footer,
#custom-modal[data-modal-context="seller-rename"] #modal-footer {
  border-top: 1px solid #E5DDD2 !important;
  border-radius: 0 0 1rem 1rem !important;
  padding: 1rem 1.25rem !important;
}

#custom-modal[data-modal-context="settings-table-name"] #prompt-input,
#custom-modal[data-modal-context="settings-bonus"] #prompt-input,
#custom-modal[data-modal-context="settings-delete-password"] #prompt-input,
#custom-modal[data-modal-context="seller-rename"] #prompt-input,
#custom-modal[data-modal-context="seller-password"] #old-password,
#custom-modal[data-modal-context="seller-password"] #new-password1,
#custom-modal[data-modal-context="seller-password"] #new-password2 {
  min-height: 44px !important;
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
  -webkit-text-fill-color: #2F2A24 !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 0.75rem !important;
  outline: 0 !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.06) !important;
  padding: 0.625rem 0.75rem !important;
  line-height: 1.25rem !important;
  background-image: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#custom-modal[data-modal-context="settings-table-name"] #prompt-input:focus,
#custom-modal[data-modal-context="settings-bonus"] #prompt-input:focus,
#custom-modal[data-modal-context="settings-delete-password"] #prompt-input:focus,
#custom-modal[data-modal-context="seller-rename"] #prompt-input:focus,
#custom-modal[data-modal-context="seller-password"] #old-password:focus,
#custom-modal[data-modal-context="seller-password"] #new-password1:focus,
#custom-modal[data-modal-context="seller-password"] #new-password2:focus {
  border-color: #8B6F47 !important;
  box-shadow: 0 0 0 3px rgba(216, 195, 165, 0.45) !important;
}

#custom-modal[data-modal-context="settings-table-name"] #prompt-cancel,
#custom-modal[data-modal-context="settings-table-name"] #prompt-submit,
#custom-modal[data-modal-context="settings-bonus"] #prompt-cancel,
#custom-modal[data-modal-context="settings-bonus"] #prompt-submit,
#custom-modal[data-modal-context="settings-delete-password"] #prompt-cancel,
#custom-modal[data-modal-context="settings-delete-password"] #prompt-submit,
#custom-modal[data-modal-context="seller-rename"] #prompt-cancel,
#custom-modal[data-modal-context="seller-rename"] #prompt-submit,
#custom-modal[data-modal-context="seller-password"] #password-cancel,
#custom-modal[data-modal-context="seller-password"] #password-submit {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.08) !important;
  min-height: 42px !important;
}

#custom-modal[data-modal-context="settings-table-name"] #prompt-cancel,
#custom-modal[data-modal-context="settings-bonus"] #prompt-cancel,
#custom-modal[data-modal-context="settings-delete-password"] #prompt-cancel,
#custom-modal[data-modal-context="seller-rename"] #prompt-cancel,
#custom-modal[data-modal-context="seller-password"] #password-cancel {
  background-color: #E9E2D8 !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="settings-table-name"] #prompt-cancel:hover,
#custom-modal[data-modal-context="settings-table-name"] #prompt-cancel:focus,
#custom-modal[data-modal-context="settings-bonus"] #prompt-cancel:hover,
#custom-modal[data-modal-context="settings-bonus"] #prompt-cancel:focus,
#custom-modal[data-modal-context="settings-delete-password"] #prompt-cancel:hover,
#custom-modal[data-modal-context="settings-delete-password"] #prompt-cancel:focus,
#custom-modal[data-modal-context="seller-rename"] #prompt-cancel:hover,
#custom-modal[data-modal-context="seller-rename"] #prompt-cancel:focus,
#custom-modal[data-modal-context="seller-password"] #password-cancel:hover,
#custom-modal[data-modal-context="seller-password"] #password-cancel:focus {
  background-color: #DDD2C3 !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="settings-table-name"] #prompt-submit,
#custom-modal[data-modal-context="settings-bonus"] #prompt-submit,
#custom-modal[data-modal-context="settings-delete-password"] #prompt-submit,
#custom-modal[data-modal-context="seller-rename"] #prompt-submit,
#custom-modal[data-modal-context="seller-password"] #password-submit {
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

#custom-modal[data-modal-context="settings-table-name"] #prompt-submit:hover,
#custom-modal[data-modal-context="settings-table-name"] #prompt-submit:focus,
#custom-modal[data-modal-context="settings-bonus"] #prompt-submit:hover,
#custom-modal[data-modal-context="settings-bonus"] #prompt-submit:focus,
#custom-modal[data-modal-context="settings-delete-password"] #prompt-submit:hover,
#custom-modal[data-modal-context="settings-delete-password"] #prompt-submit:focus,
#custom-modal[data-modal-context="seller-rename"] #prompt-submit:hover,
#custom-modal[data-modal-context="seller-rename"] #prompt-submit:focus,
#custom-modal[data-modal-context="seller-password"] #password-submit:hover,
#custom-modal[data-modal-context="seller-password"] #password-submit:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

@media (max-width: 1365px) {
  #custom-modal[data-modal-context="settings-table-name"] > .relative > .relative,
  #custom-modal[data-modal-context="settings-bonus"] > .relative > .relative,
  #custom-modal[data-modal-context="settings-delete-password"] > .relative > .relative,
  #custom-modal[data-modal-context="seller-password"] > .relative > .relative,
  #custom-modal[data-modal-context="seller-rename"] > .relative > .relative {
    transform: translateZ(0) !important;
    isolation: isolate !important;
    background-color: #8B6F47 !important;
    border: 0 !important;
    outline: 0 !important;
  }

  #custom-modal[data-modal-context="settings-table-name"] > .relative > .relative > div:first-child,
  #custom-modal[data-modal-context="settings-bonus"] > .relative > .relative > div:first-child,
  #custom-modal[data-modal-context="settings-delete-password"] > .relative > .relative > div:first-child,
  #custom-modal[data-modal-context="seller-password"] > .relative > .relative > div:first-child,
  #custom-modal[data-modal-context="seller-rename"] > .relative > .relative > div:first-child {
    transform: translateZ(0) !important;
    isolation: isolate !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 1px solid #8B6F47 !important;
    outline-offset: -1px !important;
    box-shadow:
      inset 1px 0 0 #8B6F47,
      inset -1px 0 0 #8B6F47,
      inset 0 1px 0 #8B6F47,
      inset 0 -1px 0 #8B6F47,
      0 1px 0 #8B6F47 !important;
  }

  #custom-modal[data-modal-context="settings-table-name"] #modal-body,
  #custom-modal[data-modal-context="settings-table-name"] #modal-footer,
  #custom-modal[data-modal-context="settings-bonus"] #modal-body,
  #custom-modal[data-modal-context="settings-bonus"] #modal-footer,
  #custom-modal[data-modal-context="settings-delete-password"] #modal-body,
  #custom-modal[data-modal-context="settings-delete-password"] #modal-footer,
  #custom-modal[data-modal-context="seller-password"] #modal-body,
  #custom-modal[data-modal-context="seller-password"] #modal-footer,
  #custom-modal[data-modal-context="seller-rename"] #modal-body,
  #custom-modal[data-modal-context="seller-rename"] #modal-footer {
    transform: translateZ(0) !important;
    background-color: #FFFFFF !important;
  }

  #custom-modal[data-modal-context="settings-table-name"] #prompt-input,
  #custom-modal[data-modal-context="settings-table-name"] #prompt-cancel,
  #custom-modal[data-modal-context="settings-table-name"] #prompt-submit,
  #custom-modal[data-modal-context="settings-bonus"] #prompt-input,
  #custom-modal[data-modal-context="settings-bonus"] #prompt-cancel,
  #custom-modal[data-modal-context="settings-bonus"] #prompt-submit,
  #custom-modal[data-modal-context="settings-delete-password"] #prompt-input,
  #custom-modal[data-modal-context="settings-delete-password"] #prompt-cancel,
  #custom-modal[data-modal-context="settings-delete-password"] #prompt-submit,
  #custom-modal[data-modal-context="seller-rename"] #prompt-input,
  #custom-modal[data-modal-context="seller-rename"] #prompt-cancel,
  #custom-modal[data-modal-context="seller-rename"] #prompt-submit,
  #custom-modal[data-modal-context="seller-password"] #old-password,
  #custom-modal[data-modal-context="seller-password"] #new-password1,
  #custom-modal[data-modal-context="seller-password"] #new-password2,
  #custom-modal[data-modal-context="seller-password"] #password-cancel,
  #custom-modal[data-modal-context="seller-password"] #password-submit {
    background-clip: padding-box !important;
    transform: translateZ(0) !important;
  }
}


/* Backup delete prompt + bulk action modal ERP cleanup */
#custom-modal[data-modal-context="backup-delete"] {
    background: rgba(47, 42, 36, .38) !important;
}

#custom-modal[data-modal-context="backup-delete"] > .relative {
    padding: 1rem !important;
}

#custom-modal[data-modal-context="backup-delete"] > .relative > .relative {
    background: #8B6F47 !important;
    border: 1px solid #735B39 !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    box-shadow: 0 18px 44px rgba(47, 42, 36, .22) !important;
}

#custom-modal[data-modal-context="backup-delete"] > .relative > .relative > div:first-child {
    background: #8B6F47 !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid #735B39 !important;
    margin: -1px -1px 0 -1px !important;
    border-radius: 1rem 1rem 0 0 !important;
}

#custom-modal[data-modal-context="backup-delete"] #modal-title,
#custom-modal[data-modal-context="backup-delete"] #modal-close,
#custom-modal[data-modal-context="backup-delete"] #modal-close svg,
#custom-modal[data-modal-context="backup-delete"] #modal-close svg * {
    color: #FFFFFF !important;
    stroke: currentColor !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

#custom-modal[data-modal-context="backup-delete"] #modal-close {
    border-radius: .75rem !important;
}

#custom-modal[data-modal-context="backup-delete"] #modal-close:hover,
#custom-modal[data-modal-context="backup-delete"] #modal-close:focus {
    background: #735B39 !important;
}

#custom-modal[data-modal-context="backup-delete"] #modal-body,
#custom-modal[data-modal-context="backup-delete"] #modal-footer {
    background: #FFFFFF !important;
    color: #2F2A24 !important;
}

#custom-modal[data-modal-context="backup-delete"] #modal-body {
    padding: 1.25rem !important;
}

#custom-modal[data-modal-context="backup-delete"] #modal-footer {
    border-top: 1px solid #E5DDD2 !important;
    padding: 1rem 1.25rem !important;
}

#custom-modal[data-modal-context="backup-delete"] #prompt-input {
    background: #FBF9F6 !important;
    color: #2F2A24 !important;
    border: 1px solid #E5DDD2 !important;
    border-radius: .75rem !important;
    min-height: 42px !important;
    box-shadow: none !important;
    outline: none !important;
}

#custom-modal[data-modal-context="backup-delete"] #prompt-input:focus {
    border-color: #8B6F47 !important;
    box-shadow: 0 0 0 3px rgba(139, 111, 71, .18) !important;
}

#custom-modal[data-modal-context="backup-delete"] #prompt-cancel,
#custom-modal[data-modal-context="backup-delete"] #prompt-submit {
    border-radius: .75rem !important;
    border-width: 1px !important;
    min-height: 40px !important;
    box-shadow: 0 1px 2px rgba(47, 42, 36, .12) !important;
}

#custom-modal[data-modal-context="backup-delete"] #prompt-cancel {
    background: #E9E2D8 !important;
    color: #2F2A24 !important;
    border-color: #E5DDD2 !important;
}

#custom-modal[data-modal-context="backup-delete"] #prompt-cancel:hover,
#custom-modal[data-modal-context="backup-delete"] #prompt-cancel:focus {
    background: #DDD2C3 !important;
}

#custom-modal[data-modal-context="backup-delete"] #prompt-submit {
    background: #8B6F47 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: #8B6F47 !important;
}

#custom-modal[data-modal-context="backup-delete"] #prompt-submit:hover,
#custom-modal[data-modal-context="backup-delete"] #prompt-submit:focus {
    background: #735B39 !important;
    border-color: #735B39 !important;
}

#bulk-actions-modal {
    background: #FBF9F6 !important;
    color: #2F2A24 !important;
    border: 1px solid #E5DDD2 !important;
    border-top-color: #CBB8A6 !important;
    border-radius: 1rem !important;
    box-shadow: 0 12px 30px rgba(47, 42, 36, .16) !important;
    backdrop-filter: blur(8px);
}

#bulk-actions-modal .erp-backup-restore-btn {
    background: #E9E2D8 !important;
    color: #2F2A24 !important;
    border: 1px solid #E5DDD2 !important;
}

#bulk-actions-modal .erp-backup-restore-btn:hover,
#bulk-actions-modal .erp-backup-restore-btn:focus {
    background: #DDD2C3 !important;
}

#bulk-actions-modal .erp-backup-delete-btn,
.erp-backup-delete-btn {
    background: #8B6F47 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid #8B6F47 !important;
}

#bulk-actions-modal .erp-backup-delete-btn:hover,
#bulk-actions-modal .erp-backup-delete-btn:focus,
.erp-backup-delete-btn:hover,
.erp-backup-delete-btn:focus {
    background: #735B39 !important;
    border-color: #735B39 !important;
}

@media (max-width: 1365px) {
    #custom-modal[data-modal-context="backup-delete"] > .relative > .relative,
    #bulk-actions-modal {
        transform: translateZ(0);
        background-clip: padding-box !important;
        outline: 1px solid transparent !important;
        box-shadow: inset 0 0 0 1px #735B39, 0 18px 44px rgba(47, 42, 36, .22) !important;
    }

    #custom-modal[data-modal-context="backup-delete"] #modal-body,
    #custom-modal[data-modal-context="backup-delete"] #modal-footer {
        box-shadow: inset 0 1px 0 #FFFFFF !important;
    }
}

/* === Seller add custom modal: same ERP dark-header style === */
#custom-modal[data-modal-context="seller-add"] {
  background-color: rgba(47, 42, 36, 0.52) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

#custom-modal[data-modal-context="seller-add"] > .relative {
  max-width: 28rem !important;
}

#custom-modal[data-modal-context="seller-add"] > .relative > .relative {
  background-color: #8B6F47 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  box-shadow: 0 22px 44px rgba(47, 42, 36, 0.24) !important;
  background-clip: padding-box !important;
}

#custom-modal[data-modal-context="seller-add"] > .relative > .relative > div:first-child {
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 1rem 1rem 0 0 !important;
  margin: -1px -1px 0 -1px !important;
  width: calc(100% + 2px) !important;
  background-clip: border-box !important;
  position: relative !important;
  z-index: 2 !important;
}

#custom-modal[data-modal-context="seller-add"] #modal-title,
#custom-modal[data-modal-context="seller-add"] #modal-close,
#custom-modal[data-modal-context="seller-add"] #modal-close svg,
#custom-modal[data-modal-context="seller-add"] #modal-close svg * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  stroke: currentColor !important;
}

#custom-modal[data-modal-context="seller-add"] #modal-close {
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

#custom-modal[data-modal-context="seller-add"] #modal-close:hover,
#custom-modal[data-modal-context="seller-add"] #modal-close:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
}

#custom-modal[data-modal-context="seller-add"] #modal-body,
#custom-modal[data-modal-context="seller-add"] #modal-footer {
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="seller-add"] #modal-body {
  padding: 1.25rem !important;
}

#custom-modal[data-modal-context="seller-add"] #modal-footer {
  border-top: 1px solid #E5DDD2 !important;
  border-radius: 0 0 1rem 1rem !important;
  padding: 1rem 1.25rem !important;
}

#custom-modal[data-modal-context="seller-add"] #seller-add-name,
#custom-modal[data-modal-context="seller-add"] #seller-add-password {
  min-height: 44px !important;
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
  -webkit-text-fill-color: #2F2A24 !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 0.75rem !important;
  outline: 0 !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.06) !important;
  padding: 0.625rem 0.75rem !important;
  line-height: 1.25rem !important;
  background-image: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#custom-modal[data-modal-context="seller-add"] #seller-add-name:focus,
#custom-modal[data-modal-context="seller-add"] #seller-add-password:focus {
  border-color: #8B6F47 !important;
  box-shadow: 0 0 0 3px rgba(216, 195, 165, 0.45) !important;
}

#custom-modal[data-modal-context="seller-add"] #seller-add-cancel,
#custom-modal[data-modal-context="seller-add"] #seller-add-submit {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 1px 2px rgba(47, 42, 36, 0.08) !important;
  min-height: 42px !important;
}

#custom-modal[data-modal-context="seller-add"] #seller-add-cancel {
  background-color: #E9E2D8 !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="seller-add"] #seller-add-cancel:hover,
#custom-modal[data-modal-context="seller-add"] #seller-add-cancel:focus {
  background-color: #DDD2C3 !important;
  color: #2F2A24 !important;
}

#custom-modal[data-modal-context="seller-add"] #seller-add-submit {
  background-color: #8B6F47 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

#custom-modal[data-modal-context="seller-add"] #seller-add-submit:hover,
#custom-modal[data-modal-context="seller-add"] #seller-add-submit:focus {
  background-color: #735B39 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

@media (max-width: 1365px) {
  #custom-modal[data-modal-context="seller-add"] > .relative > .relative {
    transform: translateZ(0) !important;
    isolation: isolate !important;
    background-color: #8B6F47 !important;
    border: 0 !important;
    outline: 0 !important;
  }

  #custom-modal[data-modal-context="seller-add"] > .relative > .relative > div:first-child {
    transform: translateZ(0) !important;
    isolation: isolate !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 1px solid #8B6F47 !important;
    outline-offset: -1px !important;
    box-shadow:
      inset 1px 0 0 #8B6F47,
      inset -1px 0 0 #8B6F47,
      inset 0 1px 0 #8B6F47,
      inset 0 -1px 0 #8B6F47,
      0 1px 0 #8B6F47 !important;
  }

  #custom-modal[data-modal-context="seller-add"] #modal-body,
  #custom-modal[data-modal-context="seller-add"] #modal-footer {
    transform: translateZ(0) !important;
    background-color: #FFFFFF !important;
  }

  #custom-modal[data-modal-context="seller-add"] #seller-add-name,
  #custom-modal[data-modal-context="seller-add"] #seller-add-password,
  #custom-modal[data-modal-context="seller-add"] #seller-add-cancel,
  #custom-modal[data-modal-context="seller-add"] #seller-add-submit {
    background-clip: padding-box !important;
    transform: translateZ(0) !important;
  }
}

/* Redakteform modal header - dark ERP style */
#small-modal[data-modal-context="redakte-form"] {
  background: rgba(47, 42, 36, 0.55) !important;
  backdrop-filter: blur(2px);
}

#small-modal[data-modal-context="redakte-form"] > .relative {
  overflow: visible !important;
}

#small-modal[data-modal-context="redakte-form"] > .relative > .relative {
  background: linear-gradient(to bottom, #8B6F47 0, #8B6F47 64px, #FFFFFF 64px, #FFFFFF 100%) !important;
  border: 1px solid #735B39 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  box-shadow: 0 18px 45px rgba(47, 42, 36, 0.24) !important;
  background-clip: padding-box !important;
  transform: translateZ(0);
  isolation: isolate;
}

#small-modal[data-modal-context="redakte-form"] > .relative > .relative > div:first-child {
  background: #8B6F47 !important;
  border-color: #735B39 !important;
  border-bottom: 1px solid #735B39 !important;
  border-radius: 1rem 1rem 0 0 !important;
  margin: -1px -1px 0 -1px !important;
  padding: 1rem 1.25rem !important;
  box-shadow: inset 0 -1px 0 rgba(115, 91, 57, 0.95) !important;
}

#small-modal[data-modal-context="redakte-form"] #small-modal-title,
#small-modal[data-modal-context="redakte-form"] #closeModalBtn666,
#small-modal[data-modal-context="redakte-form"] #closeModalBtn666 svg,
#small-modal[data-modal-context="redakte-form"] #closeModalBtn666 svg * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  stroke: currentColor !important;
}

#small-modal[data-modal-context="redakte-form"] #closeModalBtn666 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#small-modal[data-modal-context="redakte-form"] #closeModalBtn666:hover,
#small-modal[data-modal-context="redakte-form"] #closeModalBtn666:focus {
  background: #735B39 !important;
  outline: none !important;
}

#small-modal[data-modal-context="redakte-form"] .blmsmbt,
#small-modal[data-modal-context="redakte-form"] .modalaxeber {
  background: #FFFFFF !important;
  color: #2F2A24 !important;
}

#small-modal[data-modal-context="redakte-form"] input,
#small-modal[data-modal-context="redakte-form"] select,
#small-modal[data-modal-context="redakte-form"] textarea {
  background-color: #FFFFFF !important;
  color: #2F2A24 !important;
  border-color: #E5DDD2 !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
}

#small-modal[data-modal-context="redakte-form"] input:focus,
#small-modal[data-modal-context="redakte-form"] select:focus,
#small-modal[data-modal-context="redakte-form"] textarea:focus {
  border-color: #8B6F47 !important;
  box-shadow: 0 0 0 2px rgba(216, 195, 165, 0.45) !important;
  outline: none !important;
}

@media (max-width: 1365px) {
  #small-modal[data-modal-context="redakte-form"] > .relative > .relative {
    background: linear-gradient(to bottom, #8B6F47 0, #8B6F47 66px, #FFFFFF 66px, #FFFFFF 100%) !important;
    box-shadow:
      0 18px 45px rgba(47, 42, 36, 0.24),
      inset 0 0 0 1px #735B39 !important;
  }

  #small-modal[data-modal-context="redakte-form"] > .relative > .relative > div:first-child {
    margin: -2px -2px 0 -2px !important;
    padding-left: calc(1.25rem + 1px) !important;
    padding-right: calc(1.25rem + 1px) !important;
    transform: translateZ(0);
  }
}


/* f1codesf modal: dark ERP header */
#small-modal[data-modal-context="f1-codes"] {
    background-color: rgba(47, 42, 36, 0.45) !important;
}

#small-modal[data-modal-context="f1-codes"] > div {
    padding: 0.75rem !important;
}

#small-modal[data-modal-context="f1-codes"] > div > div {
    background-color: #FFFFFF !important;
    border: 1px solid #735B39 !important;
    border-radius: 1rem !important;
    box-shadow: 0 20px 45px rgba(47, 42, 36, 0.22) !important;
    overflow: hidden !important;
    background-clip: padding-box !important;
}

#small-modal[data-modal-context="f1-codes"] > div > div > div:first-child {
    background-color: #8B6F47 !important;
    border-bottom: 1px solid #735B39 !important;
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
    margin: -1px -1px 0 -1px !important;
    padding: 1rem 1.25rem !important;
}

#small-modal[data-modal-context="f1-codes"] #small-modal-title,
#small-modal[data-modal-context="f1-codes"] #closeModalBtn666,
#small-modal[data-modal-context="f1-codes"] #closeModalBtn666 svg,
#small-modal[data-modal-context="f1-codes"] #closeModalBtn666 svg * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    stroke: currentColor !important;
}

#small-modal[data-modal-context="f1-codes"] #closeModalBtn666 {
    background-color: transparent !important;
    border-radius: 0.75rem !important;
}

#small-modal[data-modal-context="f1-codes"] #closeModalBtn666:hover,
#small-modal[data-modal-context="f1-codes"] #closeModalBtn666:focus {
    background-color: #735B39 !important;
    color: #FFFFFF !important;
}

#small-modal[data-modal-context="f1-codes"] .blmsmbt,
#small-modal[data-modal-context="f1-codes"] .modalaxeber,
#small-modal[data-modal-context="f1-codes"] > div > div > div:last-child {
    background-color: #FFFFFF !important;
    color: #2F2A24 !important;
}

#small-modal[data-modal-context="f1-codes"] input,
#small-modal[data-modal-context="f1-codes"] select,
#small-modal[data-modal-context="f1-codes"] textarea {
    background-color: #FFFFFF !important;
    color: #2F2A24 !important;
    border-color: #E5DDD2 !important;
    border-radius: 0.75rem !important;
    box-shadow: none !important;
}

#small-modal[data-modal-context="f1-codes"] input:focus,
#small-modal[data-modal-context="f1-codes"] select:focus,
#small-modal[data-modal-context="f1-codes"] textarea:focus {
    border-color: #8B6F47 !important;
    box-shadow: 0 0 0 3px rgba(139, 111, 71, 0.18) !important;
    outline: none !important;
}

@media (max-width: 1365px) {
    #small-modal[data-modal-context="f1-codes"] > div > div {
        transform: translateZ(0) !important;
        isolation: isolate !important;
        box-shadow:
            0 20px 45px rgba(47, 42, 36, 0.22),
            inset 0 0 0 1px #735B39 !important;
        background-color: #8B6F47 !important;
    }

    #small-modal[data-modal-context="f1-codes"] .blmsmbt,
    #small-modal[data-modal-context="f1-codes"] .modalaxeber,
    #small-modal[data-modal-context="f1-codes"] > div > div > div:last-child {
        background-color: #FFFFFF !important;
    }

    #small-modal[data-modal-context="f1-codes"] > div > div > div:first-child {
        margin: -1px !important;
        margin-bottom: 0 !important;
    }
}

/* Table manage and full reservation modal dark headers */
#table-manage-modal-content[data-modal-context="table-manage"] .erp-table-manage-header,
#table-manage-modal-content[data-modal-context="table-manage"] .erp-table-manage-header * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
#table-manage-modal-content[data-modal-context="table-manage"] .erp-table-manage-header {
    background-color: #8B6F47 !important;
    border-color: #735B39 !important;
}
#table-manage-modal-content[data-modal-context="table-manage"] .erp-table-manage-header svg,
#table-manage-modal-content[data-modal-context="table-manage"] .erp-table-manage-header svg * {
    color: #FFFFFF !important;
    stroke: currentColor !important;
}
[id^="full-reservation-modal-"] .erp-full-reservation-header,
[id^="full-reservation-modal-"] .erp-full-reservation-header * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
[id^="full-reservation-modal-"] .erp-full-reservation-header {
    background-color: #8B6F47 !important;
    border-color: #735B39 !important;
}
[id^="full-reservation-modal-"] .erp-full-reservation-header svg,
[id^="full-reservation-modal-"] .erp-full-reservation-header svg * {
    color: #FFFFFF !important;
    stroke: currentColor !important;
}
@media (max-width: 1365px) {
    #table-manage-modal-content[data-modal-context="table-manage"] .erp-table-manage-header,
    [id^="full-reservation-modal-"] .erp-full-reservation-header {
        position: relative !important;
        isolation: isolate !important;
        background-color: #8B6F47 !important;
        border-color: #735B39 !important;
        outline: 1px solid #8B6F47 !important;
        outline-offset: -1px !important;
        box-shadow:
            inset 0 -1px 0 #735B39,
            inset 1px 0 0 #8B6F47,
            inset -1px 0 0 #8B6F47,
            0 1px 2px rgba(47, 42, 36, 0.12) !important;
        transform: translateZ(0) !important;
    }
}


/* === Rezerv table/menu/modal refinement patch === */
#rez-more-menu.erp-rez-more-open {
    background: #FFFFFF !important;
    border: 1px solid #E5DDD2 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(47, 42, 36, 0.14) !important;
    overflow: hidden !important;
}
#rez-more-menu.erp-rez-more-open button {
    background: #FFFFFF !important;
    color: #2F2A24 !important;
}
#rez-more-menu.erp-rez-more-open button:hover,
#rez-more-menu.erp-rez-more-open button:focus {
    background: #F1EBE3 !important;
    color: #2F2A24 !important;
}
#rez-more-btn[aria-expanded="true"] {
    background: #8B6F47 !important;
    border-color: #735B39 !important;
    color: #FFFFFF !important;
}
#rez-more-btn[aria-expanded="true"] svg,
#rez-more-btn[aria-expanded="true"] svg * {
    color: #FFFFFF !important;
    fill: currentColor !important;
}

#custom-modal[data-modal-context="reservation-table-add"] > .relative > .relative,
#custom-modal[data-modal-context="reservation-table-add"] > .relative > div,
#custom-modal[data-modal-context="reservation-table-add"] .relative.bg-white {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 0 !important;
    box-shadow: 0 18px 38px rgba(47, 42, 36, 0.18) !important;
}
#custom-modal[data-modal-context="reservation-table-add"] > .relative > .relative > div:first-child {
    background: #8B6F47 !important;
    border-color: #735B39 !important;
    color: #FFFFFF !important;
    margin: -1px -1px 0 -1px !important;
}
#custom-modal[data-modal-context="reservation-table-add"] #modal-title,
#custom-modal[data-modal-context="reservation-table-add"] #modal-close,
#custom-modal[data-modal-context="reservation-table-add"] #modal-close svg,
#custom-modal[data-modal-context="reservation-table-add"] #modal-close svg * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    stroke: currentColor !important;
}
#custom-modal[data-modal-context="reservation-table-add"] #modal-close:hover,
#custom-modal[data-modal-context="reservation-table-add"] #modal-close:focus {
    background: #735B39 !important;
}
#custom-modal[data-modal-context="reservation-table-add"] #prompt-input {
    background: #FFFFFF !important;
    border: 1px solid #E5DDD2 !important;
    border-radius: 12px !important;
    color: #2F2A24 !important;
}
#custom-modal[data-modal-context="reservation-table-add"] #prompt-submit {
    background: #8B6F47 !important;
    border-color: #8B6F47 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-radius: 12px !important;
}
#custom-modal[data-modal-context="reservation-table-add"] #prompt-submit:hover,
#custom-modal[data-modal-context="reservation-table-add"] #prompt-submit:focus {
    background: #735B39 !important;
    border-color: #735B39 !important;
    color: #FFFFFF !important;
}
#custom-modal[data-modal-context="reservation-table-add"] #prompt-cancel {
    background: #E9E2D8 !important;
    border: 1px solid #E5DDD2 !important;
    color: #2F2A24 !important;
    border-radius: 12px !important;
}

#archive-modal[data-modal-context="reservation-archive"] .erp-archive-modal-header,
#admin-rezerv-requests-modal [data-modal-context="rezerv-requests"] .erp-rezerv-requests-header,
#admin-rezerv-requests-modal .erp-rezerv-requests-header {
    background: #8B6F47 !important;
    border-color: #735B39 !important;
    color: #FFFFFF !important;
}
#archive-modal[data-modal-context="reservation-archive"] .erp-archive-modal-header *,
#admin-rezerv-requests-modal .erp-rezerv-requests-header * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    stroke: currentColor !important;
}
#archive-modal[data-modal-context="reservation-archive"] .erp-archive-modal-header button:hover,
#admin-rezerv-requests-modal .erp-rezerv-requests-header button:hover {
    background: #735B39 !important;
}
#admin-rezerv-requests-modal #modal-req-count {
    background: #D8C3A5 !important;
    color: #5C4630 !important;
    -webkit-text-fill-color: #5C4630 !important;
    border: 1px solid #735B39 !important;
}

#table-manage-modal-content[data-modal-context="table-manage"] {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: 0 18px 38px rgba(47, 42, 36, 0.18) !important;
}
#table-settings-modal-body #table-manage-modal-content[data-modal-context="table-manage"] {
    border: 0 !important;
}

[id^="start_sale_btn_"],
[id^="start_sale_btn_"].erp-start-sale-btn,
button[id^="start_sale_btn_"] {
    background: #8B6F47 !important;
    background-color: #8B6F47 !important;
    background-image: none !important;
    border-color: #8B6F47 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    box-shadow: 0 1px 2px rgba(47, 42, 36, 0.12) !important;
}
[id^="start_sale_btn_"] span,
[id^="start_sale_btn_"] svg,
[id^="start_sale_btn_"] svg * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    stroke: currentColor !important;
}
[id^="start_sale_btn_"]:hover,
[id^="start_sale_btn_"]:focus,
[id^="start_sale_btn_"]:active {
    background: #735B39 !important;
    background-color: #735B39 !important;
    border-color: #735B39 !important;
    color: #FFFFFF !important;
}

@media (max-width: 1365px) {
    #custom-modal[data-modal-context="reservation-table-add"] > .relative > .relative > div:first-child,
    #archive-modal[data-modal-context="reservation-archive"] .erp-archive-modal-header,
    #admin-rezerv-requests-modal .erp-rezerv-requests-header {
        position: relative !important;
        isolation: isolate !important;
        background-color: #8B6F47 !important;
        outline: 1px solid #8B6F47 !important;
        outline-offset: -1px !important;
        box-shadow:
            inset 0 -1px 0 #735B39,
            inset 1px 0 0 #8B6F47,
            inset -1px 0 0 #8B6F47,
            0 1px 2px rgba(47, 42, 36, 0.12) !important;
        transform: translateZ(0) !important;
    }
    [id^="start_sale_btn_"] {
        outline: 1px solid #8B6F47 !important;
        outline-offset: -1px !important;
        box-shadow:
            inset 1px 0 0 #8B6F47,
            inset -1px 0 0 #8B6F47,
            0 1px 2px rgba(47, 42, 36, 0.12) !important;
        transform: translateZ(0) !important;
    }
}

/* === Archive modal corner/radius artifact final fix === */
#archive-modal > div.relative,
#archive-modal-sub > div.relative,
#archive-modal-log > div.relative {
 border: 0 !important;
 outline: 0 !important;
 background: #8B6F47 !important;
 background-color: #8B6F47 !important;
 border-radius: 0.75rem !important;
 overflow: hidden !important;
 background-clip: border-box !important;
 transform: translateZ(0) !important;
 isolation: isolate !important;
}
#archive-modal > div.relative > div:first-child,
#archive-modal-sub > div.relative > div:first-child,
#archive-modal-log > div.relative > div:first-child {
 margin: -2px -2px 0 -2px !important;
 width: calc(100% + 4px) !important;
 border: 0 !important;
 border-bottom: 0 !important;
 outline: 0 !important;
 box-shadow: none !important;
 background: #8B6F47 !important;
 background-color: #8B6F47 !important;
 border-radius: 0.75rem 0.75rem 0 0 !important;
 background-clip: border-box !important;
 position: relative !important;
 z-index: 2 !important;
 transform: translateZ(0) !important;
}
#archive-modal > div.relative > div:first-child h3,
#archive-modal > div.relative > div:first-child h3 *,
#archive-modal > div.relative > div:first-child button,
#archive-modal > div.relative > div:first-child button *,
#archive-modal-sub > div.relative > div:first-child h3,
#archive-modal-sub > div.relative > div:first-child h3 *,
#archive-modal-sub > div.relative > div:first-child button,
#archive-modal-sub > div.relative > div:first-child button *,
#archive-modal-log > div.relative > div:first-child h3,
#archive-modal-log > div.relative > div:first-child h3 *,
#archive-modal-log > div.relative > div:first-child button,
#archive-modal-log > div.relative > div:first-child button * {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 stroke: currentColor !important;
}
#archive-modal > div.relative > div:first-child button:hover,
#archive-modal > div.relative > div:first-child button:focus,
#archive-modal-sub > div.relative > div:first-child button:hover,
#archive-modal-sub > div.relative > div:first-child button:focus,
#archive-modal-log > div.relative > div:first-child button:hover,
#archive-modal-log > div.relative > div:first-child button:focus {
 background: #735B39 !important;
 background-color: #735B39 !important;
 color: #FFFFFF !important;
 outline: 0 !important;
}
#archive-modal-body,
#archive-modal-sub-body,
#archive-modal-log-body {
 background: #FBF9F6 !important;
 background-color: #FBF9F6 !important;
 color: #2F2A24 !important;
 position: relative !important;
 z-index: 1 !important;
}

/* === Addmehsulsatnew: cedvel sonrası Qeyd + Silinen mehsullar boşluq fix === */
#printtablesifarish #bashform2 > .tablediv.cedvelload {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

/* cedvelrefresh.php daxilindən gələn Cədvəl 1 blokunda əlavə alt boşluqları sıfırla */
#printtablesifarish #bashform2 > .tablediv.cedvelload > :last-child,
#printtablesifarish #bashform2 > .tablediv.cedvelload .tableclass5,
#printtablesifarish #bashform2 > .tablediv.cedvelload table.tableclass5,
#printtablesifarish #bashform2 > .tablediv.cedvelload .tableclass5 table,
#printtablesifarish #bashform2 > .tablediv.cedvelload .datatable-wrapper,
#printtablesifarish #bashform2 > .tablediv.cedvelload .datatable-container,
#printtablesifarish #bashform2 > .tablediv.cedvelload .datatable-bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

#printtablesifarish #bashform2 > .tablediv.cedvelload > div:empty,
#printtablesifarish #bashform2 > .tablediv.cedvelload .datatable-bottom:empty {
  display: none !important;
}

#printtablesifarish .order-after-table-row {
  margin: 6px 6px 0 6px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: calc(100% - 12px) !important;
  box-sizing: border-box !important;
  line-height: 1.15 !important;
}

#printtablesifarish .order-note-after-table {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

#printtablesifarish .deleted-order-items-after-table {
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  text-align: right !important;
  line-height: normal !important;
}

#printtablesifarish .order-note-after-table .marginleft,
#printtablesifarish .order-note-after-table span {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Düymənin ölçüsünü əvvəlki Tailwind class-larına buraxırıq; yalnız sağa hizalayırıq. */
#printtablesifarish .deleted-order-items-after-table button {
  float: none !important;
}

/* =========================================================
   PUBLIC SITE ERP DESIGN LAYER
   Applies only to pages with body.ngb-site-page
   Palette: #F7F4EF, #FFFFFF, #8B6F47, #735B39,
            #E9E2D8, #DDD2C3, #2F2A24, #6B6257,
            #E5DDD2, #FBF9F6, #F1EBE3, #D8C3A5, #5C4630
   ========================================================= */

html body.ngb-site-page {
  min-height: 100vh !important;
  background:
    radial-gradient(circle at top left, rgba(216, 195, 165, 0.34), transparent 34rem),
    linear-gradient(180deg, #FBF9F6 0%, #F7F4EF 48%, #F1EBE3 100%) !important;
  color: #2F2A24 !important;
  color-scheme: light !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.ngb-site-page *,
body.ngb-site-page *::before,
body.ngb-site-page *::after {
  border-color: #E5DDD2;
}

body.ngb-site-page .dark\:bg-gray-900,
body.ngb-site-page .dark\:bg-gray-800,
body.ngb-site-page .dark\:bg-gray-700,
body.ngb-site-page .bg-gray-100,
body.ngb-site-page .bg-gray-50,
body.ngb-site-page .bg-white,
body.ngb-site-page .dark\:bg-white {
  background-color: transparent !important;
}

body.ngb-site-page .text-gray-900,
body.ngb-site-page .dark\:text-white,
body.ngb-site-page .text-white {
  color: #2F2A24 !important;
}

body.ngb-site-page .text-gray-500,
body.ngb-site-page .text-gray-600,
body.ngb-site-page .text-gray-700,
body.ngb-site-page .dark\:text-gray-300,
body.ngb-site-page .dark\:text-gray-400 {
  color: #6B6257 !important;
}

body.ngb-site-page h1,
body.ngb-site-page h2,
body.ngb-site-page h3,
body.ngb-site-page h4,
body.ngb-site-page strong {
  color: #2F2A24 !important;
}

body.ngb-site-page a {
  color: #5C4630 !important;
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

body.ngb-site-page a:hover {
  color: #735B39 !important;
}

/* Navigation */
body.ngb-site-page nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border-bottom: 1px solid #E5DDD2 !important;
  box-shadow: 0 10px 30px rgba(47, 42, 36, 0.08) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

body.ngb-site-page nav .max-w-screen-xl {
  max-width: 1180px !important;
}

body.ngb-site-page nav img.h-8 {
  height: 2.25rem !important;
  border-radius: 0.7rem !important;
}

body.ngb-site-page nav .self-center {
  color: #2F2A24 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

body.ngb-site-page #navbar-language ul,
body.ngb-site-page nav ul {
  background: transparent !important;
  border: 0 !important;
}

body.ngb-site-page nav a.block,
body.ngb-site-page nav button[data-dropdown-toggle],
body.ngb-site-page nav button[data-collapse-toggle] {
  border-radius: 0.95rem !important;
  color: #5C4630 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}

body.ngb-site-page nav a.block:hover,
body.ngb-site-page nav button[data-dropdown-toggle]:hover,
body.ngb-site-page nav button[data-collapse-toggle]:hover {
  background: #F1EBE3 !important;
  border-color: #E5DDD2 !important;
  color: #2F2A24 !important;
}

body.ngb-site-page nav a[aria-current="page"],
body.ngb-site-page nav a.bg-blue-700,
body.ngb-site-page nav a.md\:text-blue-700 {
  background: #8B6F47 !important;
  color: #FFFFFF !important;
  border-color: #8B6F47 !important;
  box-shadow: 0 5px 14px rgba(139, 111, 71, 0.22) !important;
}

body.ngb-site-page #language-dropdown-menu {
  background: #FFFFFF !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 1rem !important;
  box-shadow: 0 18px 42px rgba(47, 42, 36, 0.14) !important;
  overflow: hidden !important;
}

body.ngb-site-page #language-dropdown-menu a {
  color: #2F2A24 !important;
}

body.ngb-site-page .flagicons57 {
  width: 1.15rem !important;
  height: 1.15rem !important;
  object-fit: cover !important;
  border-radius: 999px !important;
  margin-right: 0.45rem !important;
}

/* Hero and sections */
body.ngb-site-page section {
  background: transparent !important;
}

body.ngb-site-page section > .max-w-screen-xl,
body.ngb-site-page section > .px-4,
body.ngb-site-page footer > .max-w-screen-xl {
  max-width: 1180px !important;
}

body.ngb-site-page section:first-of-type {
  position: relative !important;
  overflow: hidden !important;
}

body.ngb-site-page section:first-of-type::before {
  content: "";
  position: absolute;
  inset: 1.2rem auto auto 50%;
  width: min(920px, 92vw);
  height: 320px;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 20% 30%, rgba(139, 111, 71, 0.18), transparent 16rem),
    radial-gradient(circle at 80% 15%, rgba(216, 195, 165, 0.35), transparent 14rem);
  pointer-events: none;
  z-index: 0;
}

body.ngb-site-page section:first-of-type > div,
body.ngb-site-page section:first-of-type .mx-auto {
  position: relative !important;
  z-index: 1 !important;
}

body.ngb-site-page h1,
body.ngb-site-page h2.text-4xl,
body.ngb-site-page .text-4xl {
  letter-spacing: -0.04em !important;
  line-height: 1.06 !important;
}

body.ngb-site-page h1 {
  font-size: clamp(2.1rem, 4vw, 4.25rem) !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ngb-site-page h2.text-4xl,
body.ngb-site-page section h2 {
  font-size: clamp(2rem, 3vw, 3.15rem) !important;
}

body.ngb-site-page p,
body.ngb-site-page li {
  line-height: 1.78 !important;
}

body.ngb-site-page .sm\:text-xl,
body.ngb-site-page .lg\:text-xl,
body.ngb-site-page .text-lg {
  color: #6B6257 !important;
}

/* Buttons and CTAs */
body.ngb-site-page .bg-blue-700,
body.ngb-site-page .dark\:bg-blue-600,
body.ngb-site-page button[type="submit"],
body.ngb-site-page .getstartedclic {
  background: #8B6F47 !important;
  border: 1px solid #8B6F47 !important;
  color: #FFFFFF !important;
  border-radius: 1rem !important;
  box-shadow: 0 10px 24px rgba(139, 111, 71, 0.22) !important;
}

body.ngb-site-page .bg-blue-700:hover,
body.ngb-site-page .dark\:bg-blue-600:hover,
body.ngb-site-page button[type="submit"]:hover,
body.ngb-site-page .getstartedclic:hover {
  background: #735B39 !important;
  border-color: #735B39 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 30px rgba(115, 91, 57, 0.24) !important;
}

body.ngb-site-page a.border,
body.ngb-site-page .border-gray-200 {
  border-color: #E5DDD2 !important;
}

body.ngb-site-page a.bg-white.border,
body.ngb-site-page .sm\:ms-4 {
  background: #FFFFFF !important;
  color: #5C4630 !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 1rem !important;
  box-shadow: 0 8px 20px rgba(47, 42, 36, 0.06) !important;
}

body.ngb-site-page a.bg-white.border:hover,
body.ngb-site-page .sm\:ms-4:hover {
  background: #F1EBE3 !important;
  color: #2F2A24 !important;
  border-color: #D8C3A5 !important;
}

/* Cards and content panels */
body.ngb-site-page .shadow-xl,
body.ngb-site-page .shadow-lg,
body.ngb-site-page .shadow-md,
body.ngb-site-page .shadow,
body.ngb-site-page .rounded-lg {
  border-radius: 1.25rem !important;
}

body.ngb-site-page .bg-gray-50.rounded-lg,
body.ngb-site-page .bg-gray-50.dark\:bg-gray-800,
body.ngb-site-page .bg-white.rounded-lg,
body.ngb-site-page .grid > .flex.flex-col,
body.ngb-site-page .space-y-12,
body.ngb-site-page .space-y-10 > div,
body.ngb-site-page .space-y-8 > div,
body.ngb-site-page .girishttt1 > div,
body.ngb-site-page #profile > section > div > div,
body.ngb-site-page #dashboard > section > div > div {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid #E5DDD2 !important;
  box-shadow: 0 16px 42px rgba(47, 42, 36, 0.08) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

body.ngb-site-page .grid > .flex.flex-col:hover,
body.ngb-site-page .space-y-8 > div:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 48px rgba(47, 42, 36, 0.12) !important;
  border-color: #D8C3A5 !important;
}

body.ngb-site-page .grid > .flex.flex-col {
  max-width: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

body.ngb-site-page .grid > .flex.flex-col h3,
body.ngb-site-page .space-y-8 h3,
body.ngb-site-page .space-y-10 h3 {
  color: #2F2A24 !important;
}

body.ngb-site-page .grid svg.text-green-500,
body.ngb-site-page .text-green-500,
body.ngb-site-page .dark\:text-green-400,
body.ngb-site-page .text-blue-600,
body.ngb-site-page .dark\:text-blue-400 {
  color: #8B6F47 !important;
}

/* Login/register tabs and forms on index */
body.ngb-site-page .qeydiyyattt1 {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-color: #E5DDD2 !important;
}

body.ngb-site-page #default-tab {
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 1.25rem !important;
  padding: 0.35rem !important;
  box-shadow: 0 12px 30px rgba(47, 42, 36, 0.07) !important;
}

body.ngb-site-page #default-tab button {
  border: 0 !important;
  border-radius: 0.95rem !important;
  color: #5C4630 !important;
}

body.ngb-site-page #default-tab button[aria-selected="true"],
body.ngb-site-page #default-tab button:hover {
  background: #8B6F47 !important;
  color: #FFFFFF !important;
}

body.ngb-site-page .girishttt1 section,
body.ngb-site-page #profile section,
body.ngb-site-page #dashboard section {
  background: transparent !important;
}

body.ngb-site-page label {
  color: #2F2A24 !important;
  font-weight: 650 !important;
}

body.ngb-site-page input,
body.ngb-site-page textarea,
body.ngb-site-page select {
  background: #FFFFFF !important;
  color: #2F2A24 !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 1rem !important;
  min-height: 44px !important;
  box-shadow: none !important;
  color-scheme: light !important;
}

body.ngb-site-page input:focus,
body.ngb-site-page textarea:focus,
body.ngb-site-page select:focus {
  border-color: #8B6F47 !important;
  box-shadow: 0 0 0 3px rgba(216, 195, 165, 0.45) !important;
  outline: none !important;
}

body.ngb-site-page input[type="checkbox"] {
  min-height: 1rem !important;
  border-radius: 0.35rem !important;
  accent-color: #8B6F47 !important;
}

body.ngb-site-page input::placeholder,
body.ngb-site-page textarea::placeholder {
  color: #6B6257 !important;
  opacity: 0.74 !important;
}

/* Contact page */
body.ngb-site-page a[href^="tel:"],
body.ngb-site-page a[href^="mailto:"],
body.ngb-site-page a[href*="wa.me"],
body.ngb-site-page .text-blue-600 {
  color: #5C4630 !important;
  font-weight: 700 !important;
}

/* Policy/article pages */
body.ngb-site-page .space-y-10 > div {
  padding: 1.35rem !important;
  border-radius: 1.25rem !important;
}

body.ngb-site-page ul.list-disc li::marker {
  color: #8B6F47 !important;
}

/* Footer */
body.ngb-site-page footer {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid #E5DDD2 !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 14px 36px rgba(47, 42, 36, 0.07) !important;
  margin: 1rem auto !important;
  max-width: 1180px !important;
}

body.ngb-site-page footer hr {
  border-color: #E5DDD2 !important;
}

body.ngb-site-page footer span,
body.ngb-site-page footer a {
  color: #6B6257 !important;
}

body.ngb-site-page footer a:hover {
  color: #5C4630 !important;
}

/* Loader consistency */
body.ngb-site-page .loader22 {
  background: rgba(47, 42, 36, 0.45) !important;
}

/* Responsive polish */
@media (max-width: 767px) {
  body.ngb-site-page nav .max-w-screen-xl {
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
  }

  body.ngb-site-page #navbar-language ul {
    margin-top: 0.85rem !important;
    padding: 0.5rem !important;
    background: #FFFFFF !important;
    border: 1px solid #E5DDD2 !important;
    border-radius: 1.15rem !important;
    box-shadow: 0 14px 34px rgba(47, 42, 36, 0.10) !important;
  }

  body.ngb-site-page section > div {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  body.ngb-site-page h1 {
    font-size: 2.15rem !important;
  }

  body.ngb-site-page h2.text-4xl,
  body.ngb-site-page section h2 {
    font-size: 2rem !important;
  }

  body.ngb-site-page .grid > .flex.flex-col,
  body.ngb-site-page .space-y-12,
  body.ngb-site-page .space-y-10 > div {
    padding: 1.15rem !important;
  }

  body.ngb-site-page footer {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}




body.ngb-site-page input#remember.remember-checkbox {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  flex: 0 0 1rem !important;
  box-sizing: border-box !important;
  border: 1px solid #d1d5db !important;
  border-radius: 0.125rem !important;
  background: #f9fafb !important;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
  padding: 0 !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.ngb-site-page input#remember.remember-checkbox:checked {
  background: #2563eb !important;
  border-color: #2563eb !important;
}

body.ngb-site-page input#remember.remember-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

body.ngb-site-page input#remember.remember-checkbox:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .25) !important;
}

.dark body.ngb-site-page input#remember.remember-checkbox,
body.ngb-site-page.dark input#remember.remember-checkbox {
  background: #374151 !important;
  border-color: #4b5563 !important;
}

.dark body.ngb-site-page input#remember.remember-checkbox:checked,
body.ngb-site-page.dark input#remember.remember-checkbox:checked {
  background: #2563eb !important;
  border-color: #2563eb !important;
}


/* Login və qeydiyyat formalarında mt-8/space-y-6 div-inə düşən ümumi card border/background effektini söndürür */
body.ngb-site-page #profile .space-y-8 > div.mt-8.space-y-6,
body.ngb-site-page #dashboard .space-y-8 > div.mt-8.space-y-6,
body.ngb-site-page #profile .space-y-8 > div.mt-8.space-y-6:hover,
body.ngb-site-page #dashboard .space-y-8 > div.mt-8.space-y-6:hover {
  border: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

/* Remember checkbox böyüməsin: əvvəlki Tailwind w-4/h-4 ölçüsündə saxlanılır */
body.ngb-site-page input#remember.remember-checkbox {
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  max-width: 1rem !important;
  max-height: 1rem !important;
}