@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600&subset=latin,cyrillic-ext,greek-ext,vietnamese);

:root{ 
    --mdb-body-font-size: 0.8125rem;   
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    color: #545454;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
}

fieldset {
    margin-bottom: 20px;
}

legend {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

img {
    max-width:100%;
}

.cursor-pointer{
    cursor:pointer;    
}

#content{
    min-height: calc(100vh - 141px);
}

.alert{
    padding:1rem;    
}

.mih-100{
    min-height:100%!Important;    
}

.elfinder .elfinder-navbar {
    width: 240px!Important;   
}

.table th, .table td {
    padding: 0.6154rem;
}

.table tbody {
    font-weight: 500;
}

.table-bordered>:not(caption)>*>* {
    border-width: 0;
    border: 1px solid #dee2e6;
}

.table {
    font-size:0.8125rem;
    line-height: 1.35;
    border-left:1px solid #dee2e6;
    border-right:1px solid #dee2e6;
}

.table>thead {
    background-color: #f8f9fa;
}

.form-check-input[type=radio]:checked{
    position:relative;
}

.input-group > .col-form-label.form-control{
    white-space: nowrap;
}

.btn-outline-secondary,
.btn-outline-secondary:hover{
    color: #b9b9b9;
    border-color: #b9b9b9;
}

.card-header{
    border-bottom:none;   
    padding: .5rem 1rem;
}

.card-header a{
    color:#333;    
}

.card-body{
    padding: 1rem;
}

.form-control{
    font-size: 0.8125rem;
    line-height: 2.1;
}

.form-control.is-invalid, .was-validated .form-control:invalid{
    margin-bottom:0;
}

.btn-group, .btn-group-vertical,
.btn-group:hover, .btn-group-vertical:hover{
    box-shadow:none;    
}

#spinner{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff9;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

#spinner .spinner-border{
    color:#0b91d2;
}

#spinner.active{
    display:flex;
}

#spinner .spinner {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,#ff5e3a 94%,#0000) top/9px 9px no-repeat,
          conic-gradient(#0000 30%,#ff5e3a);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
   animation: spinner-1 0.8s infinite linear;
}

@keyframes spinner-1 {
   100% {
      transform: rotate(360deg);
   }
}

.info-window-subtitle {
    font-weight: 400;
    font-size: 13px;
}

.table-responsive{
    -webkit-cursor:grab;
    cursor:grab;
    margin-bottom:20px;
}

.table-responsive.drag-scroll{
    -webkit-cursor:grabbing;
    cursor:grabbing;
    margin-bottom:20px;
}

.table-responsive::-webkit-scrollbar {
    height: 5px;
}

.gap-5{
    gap:5px;
}

.gap-10{
    gap:10px;
}

.gap-15{
    gap:15px;
}

.row-gap-5{
    row-gap:5px;
}

.row-gap-10{
    row-gap:10px;
}

.row-gap-15{
    row-gap:15px;
}

.column-gap-5{
    column-gap:5px;
}

.column-gap-10{
    column-gap:10px;
}

.column-gap-15{
    column-gap:15px;
}

#container {
    min-height: 100%;
    width: 100%;
    position: relative;
    background: #f1f3f4;
    overflow: hidden;
}

.container-fluid {
    padding-left: var(--mdb-gutter-x, 1.25rem);
    padding-right: var(--mdb-gutter-x, 1.25rem);
}

#header {
    min-height: 0px;
    z-index: 1000;
    margin: 0;
    padding: 0;
    height:68px;
}

#header .navbar-brand {
    transition: 0.3s all;
    width: 235px;
    text-align: center;
}

#header .navbar-brand img {
    padding: 6px 0;
    max-width: 100%;
    height: 55px;
    width: auto;
}

#header .navbar-nav .nav-link:hover {
    background: #EEEEEE;
}

#header .navbar-nav .nav-link {
    padding-left: 20px;
    padding-right: 20px;
}

#header .navbar-nav > li > a {
    padding-left: 21px;
    padding-right: 21px;
    line-height: 45px;
    cursor: pointer;
    color: var(--mdb-gray-dark);
    border-left: 0px solid #E1E1E1;
    padding: 0px;
}

#header .navbar-nav > li.dropdown > a {
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 6px;
}

#header .navbar-nav > li.nav-item{
    display: flex;
    align-items: center;
    justify-content: center;
}

#header .navbar-nav > li.nav-item > .nav-link img{ 
    margin:0;
}

#header .navbar-nav > li.nav-item > .nav-link img#user-profile{
    margin-top: 6px;
    margin-bottom: 6px;
}

#button-menu {
    font-size: 24px;
    padding: 4px 12px;
    cursor: pointer;
    color: #27aae1;
}

#button-desktop-menu{
    font-size: 24px;
    padding: 4px 12px;
    cursor: pointer;
    color: #27aae1;
}

#column-left {
    width: 235px;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: -235px;
    padding-top: 68px;
    z-index:2;
}

#column-left::-webkit-scrollbar {
    width: 4px;
    background-color: var(--gray);
}

#column-left::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--gray);
}

#column-left, #content, #footer {
    transition: all 0.3s;
}

#column-left + #content, #column-left + #content + #footer {
    position: relative;
    left: 0px;
}

#column-left.active {
    left: 0px;
}

#column-left.active + #content, #column-left.active + #content + #footer {
    left: 235px;
}

#menu > li span{
    white-space:nowrap;
}

/* Navigation */
#navigation {
    text-transform: uppercase;
    padding: 15px 15px 15px 15px;
    display: block;
    font-size: 14px;
    font-weight:600;
    border-bottom: 1px solid #dee2e6;
}

/* Menu */
#menu, #menu ul, #menu li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu {
    margin-bottom: 25px;
}

#menu li a {
    text-decoration: none;
    display: block;
    padding: 12px;
    cursor: pointer;
    border-bottom: 0px solid #515151;
    font-size: 14px;
}

#menu li a.parent:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position:absolute;
    right: 12px;
}

#menu li a.parent:after {
    content: "\f107";
}

#menu li a.collapsed:after {
    content: "\f105";
}

/* 1st lvl */
#menu > li {
    position: relative;
    border-bottom: 1px solid #dee2e6;
}

#menu > li > a {
    font-size: 14px;
    color: #212529;
    padding-left: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#menu > li > a:hover {
    background-color: rgba(0,0,0,0.075);
}

#menu > li > a > i {
    font-size: 18px;
    width: 20px;
    margin-right: 12px;
    padding-right: 12px;
    color: #27aae1;
    position: relative;
    top: 1px;
}

#menu > li.active > a {
    color: #fff;
    background-color: #27aae1;
}

#menu > li.active > a i{
    color: #fff;
}

#menu > li > ul {
    background-color: #f2f2f2;
}

/* 2nd lvl */
#menu li li a {
    color: #212529;
}

#menu li li a:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f054";
    font-weight: 900;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
    transition: margin ease 0.5s;
}

#menu li li a:hover:before {
    margin-right: 20px;
}

#menu li li a:hover {
    background-color: rgba(0,0,0,0.075);
}

#menu li li.active > a {
    color: #000;
    background-color: rgba(0,0,0,0.075);
}

#menu li ul a {
    padding-left: 20px;
}

#menu li li ul a {
    padding-left: 40px;
}

#menu li li li ul a {
    padding-left: 60px;
}

#menu li li li li ul a {
    padding-left: 80px;
}

/* footer */
#footer {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#footer a{
    color:#545454!Important;
    text-decoration: none!Important;
}

/**/
.nav-tabs {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    background-color: #f8f9fa;
    padding: 8px;
    gap: 8px;
    border-radius: .5rem !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.nav-tabs::-webkit-scrollbar {
    display: none;
}

.nav-tabs li.nav-item {
    margin-bottom: 0;
    flex: 0 0 auto;
}

.nav-tabs li.nav-item a {
    white-space: nowrap;
    background: var(--light);
    border-radius: .25rem !important;
    padding: 12px 24px 10px;
    color: var(--mdb-gray-800);
    letter-spacing: .2px;
}

.nav-tabs li.nav-item a.active {
    font-weight: bold;
    background-color: #27aae1;
    color: var(--light);
    border-radius: 9px !important;
}

.col-form-label {
    text-align:right;
    font-weight: bold;
}

.form-group.row + .form-group.row {
    padding-top: 1rem;
    border-top: 1px solid #ededed;
}

.form-control:hover {
    border: 1px solid #b9b9b9;
    border-top-color: #a0a0a0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

div.required .col-form-label:not(span):before, td.required:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}

.image {
    width: 12rem;
 }

.table thead td span[data-toggle="tooltip"]:after, label.control-label span:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f059";
    color: #1E91CF;
    margin-left: 4px;
}

input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"], input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
    width: 13px;
    width: 16px \0;
    height: 13px;
    height: 16px \0;
    -webkit-appearance: none;
    background: white;
    border: 1px solid #dcdcdc;
    border: 1px solid transparent \0;
    border-radius: 1px;
}

input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus, input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus {
    border-color: #4d90fe;
    outline: 0;
}

input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active {
    background-color: #ebebeb;
    border-color: #c6c6c6;
}

input[type="radio"]:checked, .radio input[type="radio"]:checked, .radio-inline input[type="radio"]:checked, input[type="checkbox"]:checked, .checkbox input[type="checkbox"]:checked, .checkbox-inline input[type="checkbox"]:checked {
    background: #fff;
}

input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    width: 15px;
    width: 18px \0;
    height: 15px;
    height: 18px \0;
    border-radius: 1em;
}

input[type="radio"]:checked::after, .radio input[type="radio"]:checked::after, .radio-inline input[type="radio"]:checked::after {
    position: relative;
    top: 3px;
    left: 3px;
    display: block;
    width: 7px;
    height: 7px;
    content: '';
    background: #666;
    border-radius: 1em;
}

input[type=checkbox]:checked,
.form-check-input[type=checkbox]:checked {
    background-image: none;
    background-color: #27aae1;
}

input[type=checkbox]:before,
.form-check-input[type=checkbox]:before{
    content: "";
    position: absolute;
    box-shadow: 0 0 0 13px transparent;
    border-radius: 50%;
    width: .875rem;
    height: .875rem;
    background-color: transparent;
    opacity: 0;
    pointer-events: none;
    transform: scale(0);
}

input[type=checkbox]:checked:before,
.form-check-input[type=checkbox]:checked:before{
    opacity: .16;
}


input[type=checkbox]:checked:after,
.form-check-input[type=checkbox]:checked:after{
    content: "";
    position: absolute;
    display: block;
    transform: rotate(45deg) /*!rtl:ignore*/;
    width: .375rem;
    height: .8125rem;
    border: .125rem solid #fff;
    border-top: 0;
    border-left: 0 /*!rtl:ignore*/;
    margin-left: .25rem;
    margin-top: -4px!Important;
    background-color: transparent;
}

.table thead td {
    font-weight: bold;
}

.table thead > tr > td, .table tbody > tr > td {
    vertical-align: middle;
}

.table a.asc:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: " \f106";
}

.table a.desc:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: " \f107";
}

.card {
    border-radius: 6px;
}

.card-header > i {
    margin-right: 6px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color:#27aae1;
}

.jqvmap-label {
    z-index: 999;
}

/* Filemanager */

#filemanager .file-item{
    position:relative;
}

#filemanager .cont-image-item .thumbnail{
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.2308rem;
}

#filemanager .cont-image-item .thumbnail::after{
    content:'';
    display:block;
    padding-bottom:100%;
}

#filemanager .cont-image-item .thumbnail img{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    border: none;
    max-height: 100%;
}

#filemanager .cont-file-item-label{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    font-size: 12px;
    line-height: 1.2;
    word-break: break-all;
}

#filemanager .cont-file-item-label input{
    min-width: 14px;
    position: absolute;
    top: 4px;
    right: 4px;
}

#filemanager .fa-folder.fa-5x {
    font-size: 7.897em;
}

.list-check {
    list-style: none;
}

.list-check li::before {
    font-family: 'Font Awesome 5 Solid';
    content: "\f00c";
    margin-left: -30px;
    width: 29px;
    display: inline-block;
    color: #7ebd38;
}

.list-check.list-color-blue li::before {
    color: #02afe9;
}

.is-invalid ~ .invalid-tooltip, 
.input-group + .invalid-tooltip, 
.btn-group + .invalid-tooltip, 
.form-check + .invalid-tooltip {
    position: static !important;
}

.input-group-large{
    width:25%;
    display:flex;
}

.input-group-large .input-group-text{
    width: 100%;
    white-space: normal;
    text-align: left;
}

.img-relative{
    display:block;
}
.ascunde-optiuni {
    display: none !Important;
}

.btn i,
.nav-link img{
    margin-right:3px;
}

.lang-flag{
    min-width:20px;
}

.mobile-label{
    display:none;
}

.cont-header-view-type{
    padding: 0 12px;
    flex: 1;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size:16px;
    font-weight:600;
}

.card.image{
    width: 200px;
    height: 300px;
    align-items: center;
}

.img-thumbnail-cont-full{
    width: 200px;
    height: 200px;
    padding: 5px;
    overflow: hidden; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.card.image img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    min-width: 200px;
    min-height: 200px;
    background: #f8f9fa;
}

.card.image .card-body{
    width:100%;
    background-color:#fff;
    border-top:1px solid rgba(0, 0, 0, 0.125);
}

.img-thumbnail-cont{
    width:150px;
    height:150px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.2308rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-thumbnail-cont img{
    max-width: 150px;
    max-height: 150px;
    width: auto;
    height: auto;
    padding:5px;
}


.img-thumbnail-cont-full{
    width:200px;
    height:200px;
    border-radius: 0.2308rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-thumbnail-cont-full img{
    max-width: 200px;
    max-height: 200px;
    width: 100%;
    height: 100%;
}

/**Extra**/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #fff;
    border-left: 1px solid #ddd;
}

::-webkit-scrollbar-thumb {
    background: var(--color1);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color1);
}


#filter-fixed{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    padding: 0;
    height: 100dvh;
}

#filter-fixed > .card{
    height: 100%;
}

#filter-fixed > .card > .card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#filter-fixed > .card > .card-body{
    overflow: hidden;
    overflow-y: scroll;
}

.close-filter{
    cursor:pointer;
}

.close-filter i{
    font-size:24px;
}

.disabled-label{
    background:#ced4da;
}

.card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
    margin-top: -20px;
    padding: 15px;
}
.card .card-header-teren {
    background-color: #80cbc4 !important;
    z-index: 1 !important;
}
.card [class*="card-header-"] {
    margin: 0 15px;
    padding: 0;
    position: relative;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn:disabled, 
.btn.disabled {
    pointer-events:initial;
}

.card .card-body + .card-footer, .card .card-footer {
    padding: 10px 0 0;
    margin: 0 15px 10px;
    margin-right: 15px;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
}

.card .card-footer {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0;
}

.btn-available {
    border: 1px solid #06a37c !important;
    background: #06a37c;
    color: #fff!Important;
}

#main-add-spinner{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff9;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

#modal-main-add-spinner .spinner-border{
    color:#0b91d2;
}

#main-add-spinner.active{
    display:flex;
}

.main-spinner-text{
    margin-top:10px;
    font-size:18px;
    font-weight:600;
}

i.fas.fa-info{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    border: 2px solid #000;
    min-width: 26px;
    min-height: 26px;
    width:26px;
    height:26px;
    vertical-align: middle;
}

i.fas.fa-info::before{
    position: relative;
    top: 4px;   
}

.tooltip.bs-tooltip-bottom{
    margin-top: 30px;
}

.tooltip.show{
    opacity:1;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before{
    border-top-color:#ddd;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before{
    border-bottom-color:#ddd;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before{
    border-right-color:#ddd;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before{
    border-left-color:#ddd;
}

.tooltip-inner{
    background: #fff;
    color: #000;
    font-size: 14px;
    text-align: left;
    padding:6px 8px;
    border:1px solid #ddd;
}

.tooltip-inner .tt-title{
    padding-bottom:8px;
    margin-bottom:8px;
    border-bottom:1px solid #ddd;
    text-transform:uppercase;
    font-weight:600;
}

.input-group-text {
    padding-top: .23rem;
    padding-bottom: .23rem;
}

.dashboard-info-card .card-body i{
    font-size: 45px;
    opacity: 0.3;
    transition: all 1s;
}

.dashboard-info-card:hover .card-body i{
    color: #27aae1;
    opacity: 1;
}

.dashboard-info-card .card-body h2{
    font-size: 38px;
    margin: 0;
    font-weight: 600;
}

/****/

.page-header {
    vertical-align: middle;
    margin: 1rem 0 1rem 0;
    padding: 0;
}

.page-header h1 {
    font-weight: 600;
    font-size: 26px;
    color: var(--gray);
    display: inline-block;
    margin-bottom: 0px;
    padding: 6px 0;
}

.page-header > .container-fluid{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.page-header .float-right{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
}

.page-header > .container-fluid > .breadcrumb{
    width:100%;
}

.pagination-cont{
    background-color: #f1f3f4;
    padding: .5rem 1rem;
    border-radius: 6px;
    color: var(--mdb-gray-800);
    letter-spacing: .2px;
    font-weight: 500;
}

.pagination {
    margin: 0;
    flex-wrap: wrap;
}

.pagination-cont .row{
    align-items: center;
}

.pagination-cont .page-link{
    margin: 0 .5rem;
    background: var(--light);
    color: var(--mdb-gray-800);
    letter-spacing: .2px;
    font-weight: 500;
}

.pagination-cont .page-link:hover{
    background-color: #27aae1;
    color: #fff;
}

.pagination-cont .page-item.active .page-link{
    font-weight:bold;
}

.cke_toolbox{
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
}

.cke_toolbar_break {
    flex: 0 0 100%;
}
 
/**Responsive******************************/

@media (max-width: 1650px) {}

@media (max-width: 1480px) {}

@media (max-width: 1350px) {}

@media (max-width: 1199px) {
    .common-dashboard h2.float-right{
        font-size:25px;
    }
    
    /**/
    
    .pagination-cont{
        padding: .5rem;
    }

    .pagination-cont .text-right{
        order: 1;
        text-align: center!Important;
    }
    
    .pagination-cont .text-left{
        order:2;
    }
    
    .pagination-cont .pagination{
        align-items: center;
        justify-content: center;
        margin-top: .5rem;
    }
    
    .pagination-cont .page-link{
        margin: .25rem;
    }
    
}
@media (max-width: 992px) {
    .common-dashboard h2.float-right {
        font-size:42px;
    }
    
    .container-fluid {
        padding-left: var(--mdb-gutter-x, .75rem);
        padding-right: var(--mdb-gutter-x, .75rem);
    }
    
    /****/
    
    .form-group > .col-sm-2,
    .form-group > .col-sm-10{
        flex: 0 0 100%;
    }

    .col-form-label {
        text-align: left;
    }
    
    /**/

    .form-group.row + .form-group.row {
        padding-top: .5rem;
    }
    
    
    .dropdown .dropdown-menu{
        width:100%;
        max-width: 100%;
        overflow: auto;
    }

    .dropdown .dropdown-menu .dropdown-item{
        white-space: normal;
    }

}

@media (min-width: 768px) {
    #column-left {
        left: 0px;
        width: 44px;
    }
    
    .column-left-active-desktop #column-left,
    #column-left:hover{
        width: 235px;
    }
    
    #menu > li > ul:not(.collapsing){
        height:0px;
        overflow:hidden;
    }

    #menu li a.parent:after {
        opacity:0;
        transition: all .2s ease-in;
    }

    .column-left-active-desktop #column-left #menu uli a.parent:after,
    #column-left:hover #menu li a.parent:after {
        opacity:1;
    }

    .column-left-active-desktop #column-left #menu > li > ul:not(.collapsing),
    #column-left:hover #menu > li > ul:not(.collapsing){
        height:auto;
    }

    #column-left + #content, #column-left + #content + #footer {
        left: 0px;
        padding-left: 44px;
    }

    #column-left.active + #content, #column-left.active + #content + #footer {
        left: 0px;
        padding-left: 44px;
    }
    
    .column-left-active-desktop #column-left + #content, #column-left + #content + #footer {
        padding-left: 235px;
    }

    .column-left-active-desktop #column-left.active + #content, #column-left.active + #content + #footer {
        padding-left: 235px;
    }
    
    

}
@media (max-width: 768px) {
    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    
    #header .navbar-brand{
        width:auto;    
    }
    
    #header #user-profile {
        max-width: none;
    }
    
    .header-profile-item:after{
        display:none;
    }
    
    #header .navbar-nav > li > a {
        line-height: 60px;
    }
    
    .form-control{
        font-size: 1rem;
        line-height: 1.8;
    }
    
    .form-control::placeholder{
        font-size: 1rem;
    }
}

@media (max-width: 991.98px) {
    .table-responsive .table thead > tr > td,
    .table-responsive .table thead > tr > th {
        min-width: 120px;
    }
}

@media (max-width: 576px) {
    .page-header .float-right .btn,
    .page-header .float-right .btn-group{
        width: 100%;
    }
    
    .container-fluid {
        padding-left: var(--mdb-gutter-x, .5rem);
        padding-right: var(--mdb-gutter-x, .5rem);
    }

    .alert{
        padding: .5rem; 
    }

    .card-header{
        padding: .5rem;
    }

    .card-body {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    
    .input-group {
        flex-wrap: nowrap;
    }
    
    .table-responsive .table  th, 
    .table-responsive .table  td {
        padding: .35rem;
    }
    
    .pagination-cont .row{
        margin-left:0;
        margin-right:0;
    }
    
    .pagination-cont .row > div{
        padding:0;
    }
    
    
}

@media (max-width: 480px) {
    #column-left {
        width: 100vw;
        left: -100vw;
        height:100dvh;
    }
    
    #column-left.active + #content, #column-left.active + #content + #footer {
        left: 100vw;
    }
    
    body.column-left-active{
        height: 100dvh;
        overflow-y: hidden;
    }
}

@media (max-width: 363px) {
    #header.navbar-expand .navbar-nav .dropdown-menu {
        max-width: 100%;
        position: fixed;
        top: 69px;
        left: 0;
        right: 0;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        max-height: 50vh;
        overflow: hidden;
        overflow-y: scroll;
    }
    
    #header.navbar-expand .navbar-nav .dropdown-menu::-webkit-scrollbar {
        width:5px;
    }
}









/* EngineParts Regantis admin system */
:root {
    --ep-admin-topbar-height: 78px;
    --ep-admin-sidebar-width: 258px;
    --ep-admin-sidebar-compact-width: 84px;
    --ep-admin-bg: #04101d;
    --ep-admin-surface: #081b2c;
    --ep-admin-surface-raised: #0b2236;
    --ep-admin-surface-soft: #0d263b;
    --ep-admin-surface-hover: #112e46;
    --ep-admin-text: #f5faff;
    --ep-admin-text-body: #dceef6;
    --ep-admin-muted: #90a9bf;
    --ep-admin-border: rgba(143, 193, 230, .15);
    --ep-admin-border-strong: rgba(121, 174, 210, .27);
    --ep-admin-primary: #1473e6;
    --ep-admin-primary-bright: #4da9ff;
    --ep-admin-teal: #2dbdbb;
    --ep-admin-success: #6ad8ad;
    --ep-admin-warning: #fdb816;
    --ep-admin-danger: #ff7189;
    --ep-admin-info: #69d7df;
    --ep-admin-radius-card: 20px 20px 20px 8px;
    --ep-admin-radius-panel: 16px 16px 16px 7px;
    --ep-admin-radius-control: 15px 15px 15px 7px;
    --ep-admin-radius-pill: 999px;
    --ep-admin-shadow: 0 22px 52px rgba(0, 8, 19, .20), inset 0 1px 0 rgba(255, 255, 255, .035);
    --ep-admin-shadow-control: 0 12px 28px rgba(0, 7, 22, .16), inset 0 1px 0 rgba(255, 255, 255, .035);
    --ep-admin-focus: 0 0 0 4px rgba(77, 169, 255, .10), 0 12px 30px rgba(0, 8, 20, .16);
    --ep-admin-primary-surface: linear-gradient(104deg, #8258c8 0%, #496fc9 38%, #2c84c8 70%, #2dbdbb 116%);
}

html[data-theme="light"] {
    --ep-admin-bg: #edf5fa;
    --ep-admin-surface: #ffffff;
    --ep-admin-surface-raised: #f8fbfd;
    --ep-admin-surface-soft: #eef7fb;
    --ep-admin-surface-hover: #e5f2f8;
    --ep-admin-text: #15364e;
    --ep-admin-text-body: #31566f;
    --ep-admin-muted: #647d90;
    --ep-admin-border: rgba(23, 90, 132, .14);
    --ep-admin-border-strong: rgba(46, 105, 143, .22);
    --ep-admin-shadow: 0 22px 52px rgba(48, 71, 108, .13), inset 0 1px 0 rgba(255, 255, 255, .96);
    --ep-admin-shadow-control: 0 12px 28px rgba(47, 91, 124, .10), inset 0 1px 0 #fff;
    --ep-admin-focus: 0 0 0 4px rgba(20, 115, 230, .10), 0 12px 28px rgba(47, 91, 124, .10);
}

html,
body,
#container,
#content {
    color: var(--ep-admin-text-body);
    background: var(--ep-admin-bg);
}

html {
    transition: background-color .18s ease;
}

body.ep-admin-body {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    transition: background-color .18s ease, color .18s ease;
}

/* Header */
#header.ep-admin-topbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: var(--ep-admin-topbar-height);
    min-height: var(--ep-admin-topbar-height);
    margin: 0;
    padding: 0 22px;
    border: 0;
    border-bottom: 1px solid var(--ep-admin-border);
    color: var(--ep-admin-text);
    background: linear-gradient(100deg, rgba(3, 15, 29, .985), rgba(6, 28, 47, .97));
    box-shadow: 0 18px 54px rgba(0, 8, 23, .28), inset 0 1px 0 rgba(255, 255, 255, .025);
}

html[data-theme="light"] #header.ep-admin-topbar {
    background: linear-gradient(100deg, rgba(252, 254, 255, .99), rgba(238, 248, 253, .98));
    box-shadow: 0 18px 54px rgba(47, 72, 107, .12), inset 0 -1px 0 rgba(97, 131, 165, .08);
}

#header.ep-admin-topbar .container-fluid {
    min-height: var(--ep-admin-topbar-height);
    padding-right: 0;
    padding-left: 0;
}

.ep-topbar-brand-group {
    min-width: 0;
    gap: 10px;
}

#header .ep-brand {
    width: auto;
    max-width: 215px;
    display: inline-flex;
    align-items: center;
    margin: 0 0 0 4px;
    padding: 0;
    border: 0;
}

#header .ep-brand img {
    width: auto;
    max-width: 190px;
    height: 43px;
    max-height: 43px;
    padding: 0;
    object-fit: contain;
    filter: brightness(0) invert(1);
    transition: filter .18s ease, opacity .18s ease;
}

html[data-theme="light"] #header .ep-brand img {
    filter: none;
}

#header .ep-topbar-actions {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

#header .ep-topbar-actions > .nav-item {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#header .ep-icon-button,
#button-menu.ep-icon-button,
#button-desktop-menu.ep-icon-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: 1px solid var(--ep-admin-border);
    border-radius: 15px 15px 15px 7px;
    color: var(--ep-admin-text);
    background: rgba(255, 255, 255, .035);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    transition: transform .16s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

html[data-theme="light"] #header .ep-icon-button,
html[data-theme="light"] #button-menu.ep-icon-button,
html[data-theme="light"] #button-desktop-menu.ep-icon-button {
    color: #31566f;
    background: rgba(20, 115, 230, .04);
    box-shadow: inset 0 1px 0 #fff;
}

#header .ep-icon-button:hover,
#button-menu.ep-icon-button:hover,
#button-desktop-menu.ep-icon-button:hover,
#header .show > .ep-icon-button {
    transform: translateY(-1px);
    border-color: rgba(77, 169, 255, .34);
    color: var(--ep-admin-text);
    background: linear-gradient(145deg, rgba(20, 115, 230, .14), rgba(45, 189, 187, .08));
}

#header .ep-icon-button:focus,
#button-menu.ep-icon-button:focus,
#button-desktop-menu.ep-icon-button:focus {
    outline: 0;
    box-shadow: none;
}

#header .ep-icon-button:focus-visible,
#button-menu.ep-icon-button:focus-visible,
#button-desktop-menu.ep-icon-button:focus-visible {
    outline: 2px solid var(--ep-admin-primary-bright);
    outline-offset: 3px;
}

#header .ep-icon-button .lang-flag {
    width: 22px;
    max-width: 22px;
    height: auto;
    margin: 0;
}

#header .ep-account-button {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 14px 0 5px !important;
    border: 1px solid var(--ep-admin-border) !important;
    border-radius: var(--ep-admin-radius-pill) !important;
    color: var(--ep-admin-text) !important;
    background: rgba(255, 255, 255, .035);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1;
    transition: transform .16s ease, border-color .18s ease, background .18s ease;
}

html[data-theme="light"] #header .ep-account-button {
    color: #274b64 !important;
    background: rgba(20, 115, 230, .04);
    box-shadow: inset 0 1px 0 #fff;
}

#header .ep-account-button:hover,
#header .show > .ep-account-button {
    transform: translateY(-1px);
    border-color: rgba(77, 169, 255, .32) !important;
    background: linear-gradient(90deg, rgba(20, 115, 230, .11), rgba(45, 189, 187, .055));
}

#header .ep-account-button #user-profile {
    width: 36px !important;
    height: 36px;
    margin: 0 !important;
    border: 1px solid rgba(121, 174, 210, .30);
    box-shadow: none !important;
    object-fit: cover;
}

#header .ep-account-button::after {
    margin-left: 1px;
    color: var(--ep-admin-muted);
}

#header .dropdown-menu {
    margin-top: 11px;
}

#header .ep-theme-menu,
#header .dropdown-menu:not(#header-notifications) {
    min-width: 195px;
    padding: 8px;
    border: 1px solid var(--ep-admin-border);
    border-radius: 22px 22px 22px 10px;
    color: var(--ep-admin-text-body);
    background: rgba(5, 24, 40, .985);
    box-shadow: 0 28px 70px rgba(0, 9, 25, .40), inset 0 1px 0 rgba(255, 255, 255, .035);
    backdrop-filter: blur(22px);
}

html[data-theme="light"] #header .ep-theme-menu,
html[data-theme="light"] #header .dropdown-menu:not(#header-notifications) {
    background: rgba(255, 255, 255, .985);
    box-shadow: 0 24px 60px rgba(45, 79, 106, .16), inset 0 1px 0 #fff;
}

#header .dropdown-item,
#header .ep-theme-option {
    width: 100%;
    min-height: 43px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 11px;
    border: 0;
    border-radius: 14px 14px 14px 6px;
    color: var(--ep-admin-muted);
    background: transparent;
    font-size: 12.5px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    transition: color .14s ease, background .14s ease;
}

#header .dropdown-item:hover,
#header .dropdown-item:focus,
#header .ep-theme-option:hover,
#header .ep-theme-option[aria-checked="true"] {
    color: var(--ep-admin-text);
    background: linear-gradient(90deg, rgba(20, 115, 230, .13), rgba(45, 189, 187, .07));
}

#header .dropdown-item.active {
    color: var(--ep-admin-text);
    background: linear-gradient(90deg, rgba(20, 115, 230, .17), rgba(45, 189, 187, .09));
}

.ep-theme-option-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ep-admin-border);
    border-radius: 10px;
    color: var(--ep-admin-primary-bright);
    background: rgba(255, 255, 255, .03);
}

html[data-theme="light"] .ep-theme-option-icon {
    background: rgba(20, 115, 230, .04);
}

.ep-theme-check {
    margin-left: auto;
    color: var(--ep-admin-teal);
    opacity: 0;
}

.ep-theme-option[aria-checked="true"] .ep-theme-check {
    opacity: 1;
}

#header-notifications {
    border: 1px solid var(--ep-admin-border) !important;
    border-radius: var(--ep-admin-radius-panel) !important;
    color: var(--ep-admin-text-body);
    background: var(--ep-admin-surface) !important;
    box-shadow: var(--ep-admin-shadow) !important;
}

/* Sidebar */
#column-left.ep-admin-sidebar {
    position: fixed;
    z-index: 990;
    top: var(--ep-admin-topbar-height);
    bottom: 0;
    left: -100vw;
    width: var(--ep-admin-sidebar-width);
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 16px 12px 14px;
    border-right: 1px solid var(--ep-admin-border);
    color: var(--ep-admin-text-body);
    background: linear-gradient(180deg, rgba(5, 21, 38, .985), rgba(3, 15, 28, .98));
    box-shadow: 18px 0 58px rgba(0, 8, 24, .16);
}

html[data-theme="light"] #column-left.ep-admin-sidebar {
    background: linear-gradient(180deg, rgba(250, 253, 255, .99), rgba(237, 247, 252, .985));
    box-shadow: 18px 0 54px rgba(53, 78, 111, .07);
}

#column-left.ep-admin-sidebar #menu.ep-sidebar-menu {
    width: calc(100% + 8px);
    min-height: 0;
    flex: 1 1 auto;
    margin: 0 -8px 0 0;
    padding: 0 8px 8px 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(77, 169, 255, .58) transparent;
}

#column-left.ep-admin-sidebar #menu::-webkit-scrollbar {
    width: 3px;
}

#column-left.ep-admin-sidebar #menu::-webkit-scrollbar-track {
    background: transparent;
}

#column-left.ep-admin-sidebar #menu::-webkit-scrollbar-thumb {
    border-radius: var(--ep-admin-radius-pill);
    background: linear-gradient(180deg, rgba(130, 88, 200, .86), rgba(45, 189, 187, .78));
}

#column-left #menu > li {
    margin: 3px 0;
    border: 0;
}

#column-left #menu li a {
    position: relative;
    border: 1px solid transparent;
    border-radius: 20px;
    color: #c6d8e6;
    background: transparent;
    text-decoration: none;
    transition: color .15s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .15s ease;
}

html[data-theme="light"] #column-left #menu li a {
    color: #47677d;
}

#column-left #menu > li > a {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 650;
}

#column-left #menu > li > a > i {
    width: 20px;
    flex: 0 0 20px;
    margin: 0;
    padding: 0;
    color: #78a7c5;
    font-size: 16px;
    text-align: center;
    transition: color .15s ease, transform .15s ease;
}

html[data-theme="light"] #column-left #menu > li > a > i {
    color: #5d7f96;
}

#column-left #menu > li > a:hover,
#column-left #menu > li.active > a {
    color: #effaff;
    border-color: rgba(101, 171, 221, .20);
    background: linear-gradient(105deg, rgba(130, 88, 200, .20), rgba(44, 132, 200, .20) 58%, rgba(45, 189, 187, .09));
    box-shadow: 0 13px 30px rgba(25, 26, 74, .20), inset 1px 0 0 #5ba7e0, inset 0 1px 0 rgba(255, 255, 255, .06);
}

html[data-theme="light"] #column-left #menu > li > a:hover,
html[data-theme="light"] #column-left #menu > li.active > a {
    color: #153f61;
    border-color: rgba(67, 132, 178, .18);
    background: linear-gradient(105deg, rgba(130, 88, 200, .10), rgba(44, 132, 200, .11) 58%, rgba(45, 189, 187, .07));
    box-shadow: 0 12px 26px rgba(52, 83, 109, .08), inset 1px 0 0 #2d87c8, inset 0 1px 0 #fff;
}

#column-left #menu > li > a:hover > i,
#column-left #menu > li.active > a > i {
    color: #65cfe0;
    transform: translateX(1px);
}

html[data-theme="light"] #column-left #menu > li > a:hover > i,
html[data-theme="light"] #column-left #menu > li.active > a > i {
    color: #1473e6;
}

#column-left #menu li a.parent::after {
    right: 15px;
    color: #8eb4c9;
    transition: transform .18s ease, color .18s ease, opacity .18s ease;
}

html[data-theme="light"] #column-left #menu li a.parent::after {
    color: #527c95;
}

#column-left #menu > li > ul,
#column-left #menu li ul {
    margin: 5px 0 5px 18px;
    padding: 5px 0 5px 8px;
    border-left: 1px solid rgba(107, 171, 215, .18);
    border-radius: 0;
    background: transparent;
}

#column-left #menu li ul ul {
    margin-left: 12px;
    padding-left: 7px;
    border-left-color: rgba(130, 88, 200, .20);
}

#column-left #menu li li a {
    min-height: 39px;
    display: flex;
    align-items: center;
    padding: 7px 11px;
    color: #b7cedd;
    border-radius: 14px;
    font-size: 12.5px;
    font-weight: 500;
}

html[data-theme="light"] #column-left #menu li li a {
    color: #41677f;
}

#column-left #menu li li a::before {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    margin: 0 10px 0 0;
    border-radius: 50%;
    color: transparent;
    background: rgba(105, 183, 231, .34);
    content: "";
}

#column-left #menu li li a:hover,
#column-left #menu li li.active > a {
    color: #effaff;
    background: rgba(77, 169, 255, .08);
}

html[data-theme="light"] #column-left #menu li li a:hover,
html[data-theme="light"] #column-left #menu li li.active > a {
    color: #153f61;
    background: rgba(20, 115, 230, .07);
}

#column-left #menu li li a:hover::before,
#column-left #menu li li.active > a::before {
    margin-right: 10px;
    background: var(--ep-admin-teal);
}

.ep-sidebar-footer {
    flex: 0 0 auto;
    padding-top: 12px;
    border-top: 0;
}

.ep-sidebar-logout {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 113, 137, .24);
    border-radius: 20px;
    color: #f0b8c3 !important;
    background: linear-gradient(105deg, rgba(214, 54, 84, .17), rgba(255, 91, 118, .07));
    box-shadow: inset 3px 0 0 rgba(255, 91, 118, .76);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.ep-sidebar-logout i {
    width: 20px;
    flex: 0 0 20px;
    color: #e88fa0;
    text-align: center;
}

.ep-sidebar-logout:hover {
    color: #fff !important;
    border-color: rgba(255, 113, 137, .40);
    background: linear-gradient(105deg, rgba(214, 54, 84, .25), rgba(255, 91, 118, .11));
}

html[data-theme="light"] .ep-sidebar-logout {
    color: #a33a50 !important;
    border-color: rgba(196, 48, 78, .20);
    background: linear-gradient(105deg, rgba(232, 71, 102, .11), rgba(255, 105, 132, .05));
    box-shadow: inset 3px 0 0 rgba(211, 55, 86, .66);
}

/* Main shell */
#content {
    min-height: calc(100vh - var(--ep-admin-topbar-height));
    transition: padding-left .3s ease, background-color .18s ease;
}

.page-header {
    margin: 0;
    padding: 24px 0 18px;
}

.page-header h1 {
    margin-bottom: 5px;
    color: var(--ep-admin-text);
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -.03em;
}

.page-header .float-right {
    gap: 9px;
}

.breadcrumb {
    margin: 5px 0 0;
    padding: 0;
    color: var(--ep-admin-muted);
    background: transparent;
    font-size: 12px;
}

.breadcrumb a,
.breadcrumb-item + .breadcrumb-item::before {
    color: var(--ep-admin-muted);
}

.breadcrumb a:hover {
    color: var(--ep-admin-primary-bright);
}

/* Surfaces */
.card {
    overflow: visible;
    border: 1px solid var(--ep-admin-border);
    border-radius: var(--ep-admin-radius-card);
    color: var(--ep-admin-text-body);
    background: linear-gradient(145deg, rgba(10, 29, 48, .98), rgba(6, 21, 37, .97));
    box-shadow: var(--ep-admin-shadow);
}

html[data-theme="light"] .card {
    background: linear-gradient(145deg, rgba(255, 255, 255, .995), rgba(239, 247, 252, .98));
}

.card-header {
    min-height: 54px;
    display: flex;
    align-items: center;
    padding: 13px 17px;
    border-bottom: 1px solid var(--ep-admin-border);
    border-radius: 20px 20px 0 0 !important;
    color: var(--ep-admin-text);
    background: transparent;
    font-size: 13px;
    font-weight: 750;
}

.card-header > i,
.card-header > span > i,
.card-header > div > i {
    color: var(--ep-admin-primary-bright);
}

.card-header .float-right {
    margin-left: auto;
}

.card-body {
    padding: 17px;
}

.card-footer,
.card .card-footer,
.card .card-body + .card-footer {
    min-height: 54px;
    margin: 0;
    padding: 11px 17px;
    border-top: 1px solid var(--ep-admin-border);
    border-radius: 0 0 20px 8px;
    color: var(--ep-admin-muted);
    background: rgba(255, 255, 255, .018);
}

html[data-theme="light"] .card-footer,
html[data-theme="light"] .card .card-footer,
html[data-theme="light"] .card .card-body + .card-footer {
    background: rgba(20, 115, 230, .025);
}

.card-footer a {
    color: var(--ep-admin-primary-bright);
    font-weight: 700;
}

.dashboard-info-card {
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.dashboard-info-card:hover {
    transform: translateY(-2px);
    border-color: rgba(77, 169, 255, .28);
    box-shadow: 0 26px 60px rgba(0, 8, 19, .25), inset 0 1px 0 rgba(255, 255, 255, .05);
}

html[data-theme="light"] .dashboard-info-card:hover {
    box-shadow: 0 26px 56px rgba(48, 71, 108, .16), inset 0 1px 0 #fff;
}

.dashboard-info-card .card-header .float-right {
    color: var(--ep-admin-muted);
    font-size: 12px;
    font-weight: 650;
}

.dashboard-info-card .card-body {
    min-height: 104px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-info-card .card-body > i {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(77, 169, 255, .16);
    border-radius: 18px 18px 18px 7px;
    color: #77befe;
    background: rgba(20, 115, 230, .08);
    font-size: 23px;
    opacity: 1;
}

html[data-theme="light"] .dashboard-info-card .card-body > i {
    color: #1473e6;
    background: rgba(20, 115, 230, .07);
}

.dashboard-info-card .card-body h2,
.common-dashboard .dashboard-info-card .card-body h2.float-right {
    margin: 0;
    color: var(--ep-admin-text);
    font-size: 34px;
    font-weight: 750;
    letter-spacing: -.035em;
}

/* Tables */
.table-responsive {
    border-radius: var(--ep-admin-radius-panel);
}

.table {
    margin-bottom: 0;
    border: 0;
    color: var(--ep-admin-text-body);
    background: transparent;
}

.table th,
.table td {
    padding: 10px 12px;
    border-color: var(--ep-admin-border);
    color: inherit;
}

.table thead {
    background: rgba(255, 255, 255, .026);
}

html[data-theme="light"] .table thead {
    background: rgba(20, 115, 230, .035);
}

.table thead th,
.table thead td {
    border-top: 0;
    border-bottom: 1px solid var(--ep-admin-border-strong);
    color: var(--ep-admin-muted);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.table-hover tbody tr:hover {
    color: var(--ep-admin-text);
    background: rgba(77, 169, 255, .045);
}

html[data-theme="light"] .table-hover tbody tr:hover {
    background: rgba(20, 115, 230, .035);
}

.table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, .012);
}

html[data-theme="light"] .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(20, 115, 230, .018);
}

/* Forms */
.form-group.row + .form-group.row {
    border-top-color: var(--ep-admin-border);
}

.col-form-label,
label.control-label,
.form-group > label,
.pwa-stock-field label {
    color: var(--ep-admin-text-body);
    font-size: 12.5px;
    font-weight: 700;
}

.form-control,
.custom-select,
select.form-control,
textarea.form-control,
.input-group-text {
    border-color: rgba(110, 181, 214, .20);
    color: #eaf6fb;
    background-color: rgba(4, 20, 34, .62);
    box-shadow: none;
}

html[data-theme="light"] .form-control,
html[data-theme="light"] .custom-select,
html[data-theme="light"] select.form-control,
html[data-theme="light"] textarea.form-control,
html[data-theme="light"] .input-group-text {
    border-color: rgba(69, 127, 166, .16);
    color: #17384e;
    background-color: rgba(255, 255, 255, .88);
    box-shadow: none;
}

.form-control,
.custom-select,
select.form-control {
    min-height: 46px;
    border-radius: var(--ep-admin-radius-control);
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
}

textarea.form-control {
    min-height: 118px;
    border-radius: var(--ep-admin-radius-control);
    line-height: 1.55;
}

.form-control:hover,
.custom-select:hover {
    border-color: rgba(99, 205, 231, .34);
}

.form-control:focus,
.custom-select:focus {
    border-color: rgba(99, 205, 231, .50);
    color: #eaf6fb;
    background-color: rgba(7, 27, 43, .90);
    box-shadow: 0 0 0 3px rgba(77, 169, 255, .08);
}

html[data-theme="light"] .form-control:hover,
html[data-theme="light"] .custom-select:hover {
    border-color: rgba(41, 139, 192, .28);
}

html[data-theme="light"] .form-control:focus,
html[data-theme="light"] .custom-select:focus {
    border-color: rgba(41, 139, 192, .42);
    color: #17384e;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(20, 115, 230, .07);
}

.form-control::placeholder {
    color: var(--ep-admin-muted);
    opacity: .72;
}

.form-control:disabled,
.form-control[readonly],
.custom-select:disabled {
    color: #9fb9c9;
    background-color: rgba(4, 20, 34, .46);
    opacity: 1;
}

html[data-theme="light"] .form-control:disabled,
html[data-theme="light"] .form-control[readonly],
html[data-theme="light"] .custom-select:disabled {
    color: #667f90;
    background-color: #edf4f7;
}

.input-group-text {
    min-height: 46px;
}

.form-check-input,
input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--ep-admin-primary);
}

/* Buttons: Bootstrap variants mapped to the Regantis button language */
.btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 18px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: var(--ep-admin-radius-pill) !important;
    box-shadow: none !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.01em;
    text-transform: none;
    transition: transform .16s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.btn-sm {
    min-height: 36px;
    padding: 0 13px;
    font-size: 11px;
}

.btn-lg {
    min-height: 50px;
    padding: 0 24px;
    font-size: 13px;
}

.btn:not(:disabled):not(.disabled):hover {
    transform: translateY(-1px);
}

.btn:not(:disabled):not(.disabled):active {
    transform: translateY(1px) scale(.99);
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: var(--ep-admin-focus) !important;
}

.btn-primary {
    border-color: transparent !important;
    color: #f7fbff !important;
    background: var(--ep-admin-primary-surface) !important;
    box-shadow: 0 16px 38px rgba(70, 94, 191, .28), 0 8px 24px rgba(44, 132, 200, .20), inset 0 1px 0 rgba(255, 255, 255, .26) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff !important;
    background: var(--ep-admin-primary-surface) !important;
    box-shadow: 0 20px 46px rgba(100, 78, 190, .34), 0 10px 28px rgba(44, 132, 200, .24), inset 0 1px 0 rgba(255, 255, 255, .30) !important;
}

.btn-light,
.btn-secondary,
.btn-outline-secondary {
    border-color: var(--ep-admin-border) !important;
    color: var(--ep-admin-text-body) !important;
    background: rgba(255, 255, 255, .04) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

html[data-theme="light"] .btn-light,
html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .btn-outline-secondary {
    color: #31566f !important;
    background: rgba(240, 248, 252, .94) !important;
    box-shadow: 0 8px 20px rgba(43, 74, 97, .07), inset 0 1px 0 #fff !important;
}

.btn-light:hover,
.btn-secondary:hover,
.btn-outline-secondary:hover {
    border-color: rgba(77, 169, 255, .30) !important;
    color: var(--ep-admin-text) !important;
    background: rgba(77, 169, 255, .08) !important;
}

html[data-theme="light"] .btn-light:hover,
html[data-theme="light"] .btn-secondary:hover,
html[data-theme="light"] .btn-outline-secondary:hover {
    background: #fff !important;
}

.btn-success,
.btn-available {
    border-color: rgba(106, 216, 173, .30) !important;
    color: #dff9ef !important;
    background: linear-gradient(105deg, rgba(37, 151, 111, .88), rgba(45, 189, 187, .78)) !important;
    box-shadow: 0 12px 28px rgba(37, 151, 111, .17), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

.btn-danger {
    border-color: rgba(255, 113, 137, .35) !important;
    color: #fff0f3 !important;
    background: linear-gradient(105deg, rgba(202, 57, 83, .94), rgba(255, 113, 137, .82)) !important;
    box-shadow: 0 12px 28px rgba(202, 57, 83, .18), inset 0 1px 0 rgba(255, 255, 255, .15) !important;
}

.btn-warning {
    border-color: rgba(253, 184, 22, .34) !important;
    color: #261b02 !important;
    background: linear-gradient(105deg, #f7b719, #ffd15d) !important;
    box-shadow: 0 12px 28px rgba(197, 138, 10, .17), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}

.btn-info {
    border-color: rgba(105, 215, 223, .30) !important;
    color: #effdff !important;
    background: linear-gradient(105deg, #2c84c8, #2dbdbb) !important;
    box-shadow: 0 12px 28px rgba(44, 132, 200, .18), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

.btn-outline-primary {
    border-color: rgba(77, 169, 255, .42) !important;
    color: #72b9ff !important;
    background: rgba(20, 115, 230, .045) !important;
}

html[data-theme="light"] .btn-outline-primary {
    color: #0f66c8 !important;
    background: rgba(20, 115, 230, .035) !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background: var(--ep-admin-primary) !important;
}

.btn-group,
.btn-group-vertical {
    border-radius: var(--ep-admin-radius-pill);
    box-shadow: none !important;
}

.btn-group > .btn {
    border-radius: 0 !important;
}

.btn-group > .btn:first-child {
    border-top-left-radius: var(--ep-admin-radius-pill) !important;
    border-bottom-left-radius: var(--ep-admin-radius-pill) !important;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown:last-child > .btn {
    border-top-right-radius: var(--ep-admin-radius-pill) !important;
    border-bottom-right-radius: var(--ep-admin-radius-pill) !important;
}

.btn-group > .btn:not(:first-child) {
    margin-left: -1px;
}

.btn-group:has(> .btn:not([hidden])):not(:has(> .btn:not([hidden]) ~ .btn:not([hidden]))) > .btn:not([hidden]) {
    margin-left: 0 !important;
    border-radius: var(--ep-admin-radius-pill) !important;
}

/* Tabs */
.nav-tabs {
    margin-bottom: 20px;
    padding: 6px;
    gap: 5px;
    border: 1px solid var(--ep-admin-border);
    border-radius: 20px 20px 20px 8px !important;
    background: rgba(255, 255, 255, .026);
}

html[data-theme="light"] .nav-tabs {
    background: rgba(20, 115, 230, .035);
}

.nav-tabs li.nav-item a,
.nav-tabs .nav-link {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid transparent !important;
    border-radius: 14px 14px 14px 6px !important;
    color: var(--ep-admin-muted);
    background: transparent;
    font-size: 12px;
    font-weight: 750;
}

.nav-tabs li.nav-item a:hover,
.nav-tabs .nav-link:hover {
    color: var(--ep-admin-text);
    background: rgba(77, 169, 255, .06);
}

.nav-tabs li.nav-item a.active,
.nav-tabs .nav-link.active {
    border-color: rgba(77, 169, 255, .20) !important;
    color: #effaff;
    background: linear-gradient(105deg, rgba(130, 88, 200, .28), rgba(44, 132, 200, .28) 58%, rgba(45, 189, 187, .12));
    box-shadow: inset 3px 0 0 #5ba7e0, inset 0 1px 0 rgba(255, 255, 255, .06);
}

html[data-theme="light"] .nav-tabs li.nav-item a.active,
html[data-theme="light"] .nav-tabs .nav-link.active {
    color: #153f61;
    background: linear-gradient(105deg, rgba(130, 88, 200, .10), rgba(44, 132, 200, .12) 58%, rgba(45, 189, 187, .08));
    box-shadow: inset 3px 0 0 #2d87c8, inset 0 1px 0 #fff;
}

/* Alerts and badges */
.alert {
    border-width: 1px;
    border-radius: 20px 20px 20px 8px;
    box-shadow: none;
    font-size: 12.5px;
    font-weight: 650;
}

.alert-primary,
.alert-info {
    border-color: rgba(105, 215, 223, .23);
    color: #bfeff3;
    background: rgba(105, 215, 223, .07);
}

.alert-success {
    border-color: rgba(106, 216, 173, .22);
    color: #c9f2e1;
    background: rgba(106, 216, 173, .07);
}

.alert-warning {
    border-color: rgba(253, 184, 22, .24);
    color: #ffe09a;
    background: rgba(253, 184, 22, .08);
}

.alert-danger {
    border-color: rgba(255, 113, 137, .28);
    color: #ffd7de;
    background: rgba(255, 113, 137, .09);
}

html[data-theme="light"] .alert-primary,
html[data-theme="light"] .alert-info {
    color: #216781;
    background: rgba(105, 215, 223, .09);
}

html[data-theme="light"] .alert-success {
    color: #176763;
    background: rgba(45, 188, 187, .09);
}

html[data-theme="light"] .alert-warning {
    color: #805b08;
    background: rgba(253, 184, 22, .10);
}

html[data-theme="light"] .alert-danger {
    color: #9b3347;
    background: rgba(220, 72, 98, .08);
}

.badge {
    padding: .48em .72em;
    border: 1px solid var(--ep-admin-border);
    border-radius: 20px 20px 20px 8px;
    font-size: 10.5px;
    font-weight: 750;
    letter-spacing: .01em;
}

.badge-primary { border-color: rgba(77, 169, 255, .24); color: #b9dcff; background: rgba(20, 115, 230, .12); }
.badge-success { border-color: rgba(106, 216, 173, .22); color: #bdebd8; background: rgba(106, 216, 173, .09); }
.badge-danger { border-color: rgba(255, 113, 137, .25); color: #ffc4ce; background: rgba(255, 113, 137, .10); }
.badge-warning { border-color: rgba(253, 184, 22, .24); color: #ffd982; background: rgba(253, 184, 22, .09); }
.badge-info { border-color: rgba(105, 215, 223, .22); color: #bcecf0; background: rgba(105, 215, 223, .09); }
.badge-secondary, .badge-light { color: var(--ep-admin-muted); background: rgba(255, 255, 255, .04); }

html[data-theme="light"] .badge-primary { color: #155f9f; background: rgba(20, 115, 230, .08); }
html[data-theme="light"] .badge-success { color: #176763; background: rgba(45, 188, 187, .09); }
html[data-theme="light"] .badge-danger { color: #9b3347; background: rgba(220, 72, 98, .08); }
html[data-theme="light"] .badge-warning { color: #805b08; background: rgba(253, 184, 22, .10); }
html[data-theme="light"] .badge-info { color: #216781; background: rgba(105, 215, 223, .09); }

/* Dropdowns, modals, pagination */
.dropdown-menu {
    padding: 8px;
    border: 1px solid var(--ep-admin-border);
    border-radius: 18px 18px 18px 8px;
    color: var(--ep-admin-text-body);
    background: var(--ep-admin-surface);
    box-shadow: var(--ep-admin-shadow);
}

.dropdown-item {
    border-radius: 12px 12px 12px 5px;
    color: var(--ep-admin-muted);
    font-size: 12.5px;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--ep-admin-text);
    background: rgba(77, 169, 255, .07);
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--ep-admin-text);
    background: linear-gradient(90deg, rgba(20, 115, 230, .16), rgba(45, 189, 187, .08));
}

.dropdown-divider {
    border-top-color: var(--ep-admin-border);
}

.modal-content {
    border: 1px solid var(--ep-admin-border);
    border-radius: 24px 24px 24px 10px;
    color: var(--ep-admin-text-body);
    background: var(--ep-admin-surface);
    box-shadow: 0 30px 80px rgba(0, 7, 22, .42);
}

html[data-theme="light"] .modal-content {
    box-shadow: 0 30px 80px rgba(48, 71, 108, .20);
}

.modal-header,
.modal-footer {
    border-color: var(--ep-admin-border);
}

.modal-header {
    border-radius: 24px 24px 0 0;
    background: var(--ep-admin-surface-soft);
}

.modal-title {
    color: var(--ep-admin-text);
    font-size: 17px;
    font-weight: 750;
}

.modal-content .close {
    color: var(--ep-admin-muted);
    text-shadow: none;
}

.pagination-cont {
    margin-top: 15px;
    padding: 10px 12px;
    border: 1px solid var(--ep-admin-border);
    border-radius: var(--ep-admin-radius-panel);
    color: var(--ep-admin-muted);
    background: var(--ep-admin-surface-soft);
    font-size: 12px;
}

.pagination-cont .page-link {
    min-width: 34px;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 2px;
    padding: 5px 9px;
    border: 1px solid var(--ep-admin-border);
    border-radius: 12px 12px 12px 5px;
    color: var(--ep-admin-muted);
    background: rgba(255, 255, 255, .025);
}

html[data-theme="light"] .pagination-cont .page-link {
    background: #fff;
}

.pagination-cont .page-link:hover,
.pagination-cont .page-item.active .page-link {
    border-color: rgba(77, 169, 255, .28);
    color: #fff;
    background: var(--ep-admin-primary-surface);
}

/* Filter drawer */
#filter-fixed {
    z-index: 1050;
    padding: 12px;
    background: rgba(2, 10, 19, .54);
    backdrop-filter: blur(9px);
}

html[data-theme="light"] #filter-fixed {
    background: rgba(42, 76, 101, .20);
}

#filter-fixed > .card {
    border-radius: 24px 24px 24px 10px;
    box-shadow: 0 28px 70px rgba(0, 8, 23, .35);
}

.close-filter {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px 12px 12px 5px;
    color: var(--ep-admin-muted);
}

.close-filter:hover {
    color: var(--ep-admin-danger);
    background: rgba(255, 113, 137, .08);
}

.tooltip-inner {
    border: 1px solid var(--ep-admin-border);
    border-radius: 10px;
    color: var(--ep-admin-text-body);
    background: #071b2d;
    box-shadow: 0 8px 20px rgba(0, 8, 19, .22);
    font-size: 11px;
}

html[data-theme="light"] .tooltip-inner {
    color: #fff;
    background: #18384f;
}

.list-group-item {
    border-color: var(--ep-admin-border);
    color: var(--ep-admin-text-body);
    background: transparent;
}

.list-group-item.active {
    border-color: rgba(77, 169, 255, .28);
    color: #fff;
    background: var(--ep-admin-primary-surface);
}

/* Common third-party controls */
.flatpickr-calendar {
    border: 1px solid var(--ep-admin-border);
    color: var(--ep-admin-text-body);
    background: var(--ep-admin-surface);
    box-shadow: var(--ep-admin-shadow);
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year,
span.flatpickr-weekday,
.flatpickr-day {
    color: var(--ep-admin-text-body);
    background: transparent;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
    border-color: var(--ep-admin-border);
    background: var(--ep-admin-surface-hover);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    border-color: var(--ep-admin-primary);
    color: #fff;
    background: var(--ep-admin-primary);
}

.flatpickr-time input,
.flatpickr-time .flatpickr-am-pm {
    color: var(--ep-admin-text-body);
    background: var(--ep-admin-surface);
}

/* Footer and scrollbars */
#footer {
    height: auto;
    min-height: 44px;
    justify-content: flex-end;
    padding: 10px 20px;
    color: var(--ep-admin-muted);
    font-size: 11px;
    text-align: right;
}

#footer a {
    color: var(--ep-admin-muted) !important;
}

::-webkit-scrollbar-track {
    background: transparent;
    border-left: 0;
}

::-webkit-scrollbar-thumb {
    border-radius: var(--ep-admin-radius-pill);
    background: rgba(103, 143, 169, .52);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(103, 143, 169, .72);
}

@media (min-width: 768px) {
    #column-left.ep-admin-sidebar {
        left: 0;
        width: var(--ep-admin-sidebar-compact-width);
    }

    .column-left-active-desktop #column-left.ep-admin-sidebar,
    #column-left.ep-admin-sidebar:hover {
        width: var(--ep-admin-sidebar-width);
    }

    #column-left + #content,
    #column-left + #content + #footer,
    #column-left.active + #content,
    #column-left.active + #content + #footer {
        left: 0;
        padding-left: var(--ep-admin-sidebar-compact-width);
    }

    .column-left-active-desktop #column-left + #content,
    .column-left-active-desktop #column-left + #content + #footer,
    .column-left-active-desktop #column-left.active + #content,
    .column-left-active-desktop #column-left.active + #content + #footer {
        left: 0;
        padding-left: var(--ep-admin-sidebar-width);
    }

    #column-left #menu > li > a span,
    #column-left .ep-sidebar-logout span {
        opacity: 0;
        transition: opacity .12s ease;
    }

    .column-left-active-desktop #column-left #menu > li > a span,
    #column-left:hover #menu > li > a span,
    .column-left-active-desktop #column-left .ep-sidebar-logout span,
    #column-left:hover .ep-sidebar-logout span {
        opacity: 1;
    }

    #column-left #menu > li > ul:not(.collapsing) {
        height: 0;
        overflow: hidden;
    }

    .column-left-active-desktop #column-left #menu > li > ul:not(.collapsing),
    #column-left:hover #menu > li > ul:not(.collapsing) {
        height: auto;
    }

    #column-left #menu li a.parent::after {
        opacity: 0;
    }

    .column-left-active-desktop #column-left #menu li a.parent::after,
    #column-left:hover #menu li a.parent::after {
        opacity: 1;
    }

    #column-left #menu > li > a {
        padding-right: 18px;
        padding-left: 18px;
    }

    #column-left .ep-sidebar-logout {
        padding-right: 18px;
        padding-left: 18px;
    }
}

@media (max-width: 991.98px) {
    :root {
        --ep-admin-topbar-height: 70px;
    }

    #header.ep-admin-topbar {
        padding-right: 14px;
        padding-left: 14px;
    }

    #header .ep-brand {
        max-width: 160px;
    }

    #header .ep-brand img {
        max-width: 150px;
        height: 38px;
        max-height: 38px;
    }

    .page-header {
        padding-top: 18px;
    }

    .page-header h1 {
        font-size: 23px;
    }
}

@media (max-width: 767.98px) {
    #column-left.ep-admin-sidebar {
        top: var(--ep-admin-topbar-height);
        left: -310px;
        width: min(300px, 92vw);
        padding-top: 14px;
    }

    #column-left.ep-admin-sidebar.active {
        left: 0;
    }

    #column-left.active + #content,
    #column-left.active + #content + #footer {
        left: 0;
    }

    body.column-left-active {
        height: 100dvh;
        overflow: hidden;
    }

    #header .ep-account-button {
        width: 44px;
        min-width: 44px;
        padding: 3px !important;
    }

    #header .ep-account-button > span,
    #header .ep-account-button::after {
        display: none;
    }

    #header .ep-topbar-actions {
        gap: 7px;
    }

    #header .ep-icon-button,
    #button-menu.ep-icon-button,
    #button-desktop-menu.ep-icon-button {
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
    }

    #header .ep-account-button #user-profile {
        width: 34px !important;
        height: 34px;
    }
}

@media (max-width: 575.98px) {
    :root {
        --ep-admin-topbar-height: 66px;
    }

    #header.ep-admin-topbar {
        padding-right: 8px;
        padding-left: 8px;
    }

    #header .ep-brand {
        margin-left: 0;
        max-width: 56px;
    }

    #header .ep-brand img.d-none.d-md-block {
        display: none !important;
    }

    #header .ep-brand img.d-block.d-md-none {
        display: block !important;
        width: 42px;
        height: 42px;
        object-fit: contain;
    }

    #header .ep-topbar-actions {
        gap: 5px;
    }

    #header .ep-icon-button,
    #button-menu.ep-icon-button,
    #button-desktop-menu.ep-icon-button,
    #header .ep-account-button {
        width: 39px;
        height: 39px;
        min-width: 39px;
        min-height: 39px;
    }

    #header .ep-account-button #user-profile {
        width: 31px !important;
        height: 31px;
    }

    .page-header {
        padding: 14px 0 12px;
    }

    .page-header h1 {
        font-size: 21px;
    }

    .page-header .float-right .btn,
    .page-header .float-right .btn-group {
        width: 100%;
    }

    .card-body {
        padding: 13px;
    }

    .card-header {
        padding: 11px 13px;
    }

    .card-footer,
    .card .card-footer,
    .card .card-body + .card-footer {
        padding: 10px 13px;
    }

    .btn {
        min-height: 42px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .nav-tabs {
        margin-bottom: 15px;
    }

    .table th,
    .table td {
        padding: 8px 9px;
    }

    #filter-fixed {
        padding: 0;
    }

    #filter-fixed > .card {
        border-radius: 0;
    }
}

/* Header specificity bridge for legacy navbar rules */
#header.ep-admin-topbar .navbar-nav > li.dropdown > a.ep-icon-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0 !important;
    border: 1px solid var(--ep-admin-border);
    border-radius: 15px 15px 15px 7px;
    color: var(--ep-admin-text);
    background: rgba(255, 255, 255, .035);
    line-height: 1;
}

#header.ep-admin-topbar .navbar-nav > li.dropdown > a.ep-icon-button:hover,
#header.ep-admin-topbar .navbar-nav > li.dropdown.show > a.ep-icon-button {
    border-color: rgba(77, 169, 255, .34);
    color: var(--ep-admin-text);
    background: linear-gradient(145deg, rgba(20, 115, 230, .14), rgba(45, 189, 187, .08));
}

html[data-theme="light"] #header.ep-admin-topbar .navbar-nav > li.dropdown > a.ep-icon-button {
    color: #31566f;
    background: rgba(20, 115, 230, .04);
}

#header.ep-admin-topbar .navbar-nav > li.dropdown > a.ep-account-button {
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 46px;
    padding: 0 14px 0 5px !important;
    border: 1px solid var(--ep-admin-border) !important;
    border-radius: var(--ep-admin-radius-pill) !important;
    line-height: 1;
}

@media (max-width: 767.98px) {
    #header.ep-admin-topbar .navbar-nav > li.dropdown > a.ep-account-button {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
        padding: 3px !important;
    }
}

@media (max-width: 575.98px) {
    #header.ep-admin-topbar .navbar-nav > li.dropdown > a.ep-icon-button,
    #header.ep-admin-topbar .navbar-nav > li.dropdown > a.ep-account-button {
        width: 39px;
        height: 39px;
        min-width: 39px;
        min-height: 39px;
    }
}

/* Legacy Bootstrap utility bridge for dark mode */
.btn-default {
    border-color: var(--ep-admin-border) !important;
    color: var(--ep-admin-text-body) !important;
    background: rgba(255, 255, 255, .04) !important;
}

html[data-theme="light"] .btn-default {
    color: #31566f !important;
    background: rgba(240, 248, 252, .94) !important;
}

html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .table-light,
html[data-theme="dark"] .list-group-item-light {
    background-color: var(--ep-admin-surface) !important;
}

html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-body {
    color: var(--ep-admin-text-body) !important;
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] small.text-muted {
    color: var(--ep-admin-muted) !important;
}

html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-right,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] .border-left {
    border-color: var(--ep-admin-border) !important;
}

html[data-theme="dark"] .custom-control-label,
html[data-theme="dark"] .form-text {
    color: var(--ep-admin-text-body);
}

html[data-theme="dark"] select option {
    color: var(--ep-admin-text);
    background: var(--ep-admin-surface);
}

/* The mobile logo is a JPG, so keep its original colors in dark mode. */
#header .ep-brand img.d-block.d-md-none {
    filter: none;
    border-radius: 12px 12px 12px 5px;
    background: #fff;
}

/* EngineParts Regantis admin v3 alignment */
:root {
    --ep-admin-font-body: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ep-admin-font-heading: "Sora", "Manrope", ui-sans-serif, system-ui, sans-serif;
    --ep-admin-bg: #0b1826;
    --ep-admin-surface: #102538;
    --ep-admin-surface-raised: #142c41;
    --ep-admin-surface-soft: #173149;
    --ep-admin-surface-hover: #1c3a54;
    --ep-admin-border: rgba(143, 193, 230, .18);
    --ep-admin-border-strong: rgba(121, 174, 210, .31);
    --ep-admin-shadow: 0 22px 52px rgba(0, 8, 19, .16), inset 0 1px 0 rgba(255, 255, 255, .045);
    --ep-admin-shadow-control: 0 12px 28px rgba(0, 7, 22, .13), inset 0 1px 0 rgba(255, 255, 255, .045);
}

body,
button,
input,
select,
textarea,
.btn,
.form-control,
.custom-select,
.input-group-text,
.dropdown-menu,
.tooltip,
.popover {
    font-family: var(--ep-admin-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
legend,
.card-header,
.page-header h1,
.modal-title {
    font-family: var(--ep-admin-font-heading);
}

body.ep-admin-body:not(.common-forgotten):not(.common-reset) {
    padding-top: var(--ep-admin-topbar-height);
    font-family: var(--ep-admin-font-body);
}

#header.ep-admin-topbar {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1100;
    background: linear-gradient(100deg, rgba(10, 28, 44, .99), rgba(14, 39, 58, .985));
    box-shadow: 0 14px 38px rgba(0, 8, 23, .19), inset 0 1px 0 rgba(255, 255, 255, .035);
}

html[data-theme="light"] #header.ep-admin-topbar {
    background: linear-gradient(100deg, rgba(252, 254, 255, .995), rgba(238, 248, 253, .99));
}

html[data-theme="dark"] #column-left.ep-admin-sidebar {
    background: linear-gradient(180deg, rgba(13, 32, 50, .995), rgba(9, 25, 40, .99));
    box-shadow: 16px 0 44px rgba(0, 8, 24, .12);
}

/* No decorative dots on nested sidebar links. */
#column-left #menu li li a::before,
#column-left #menu li li a:hover::before,
#column-left #menu li li.active > a::before {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    background: none !important;
    content: none !important;
}

/* Header account is a direct profile action; website stays the final icon action. */
#header .ep-account-item,
#header .ep-store-link-item {
    margin: 0 !important;
}

#header .ep-account-button {
    text-decoration: none !important;
}

#header .ep-account-button::after {
    display: none !important;
    content: none !important;
}

#header .ep-store-link-item .ep-icon-button {
    margin: 0;
}

/* Regantis glimmer treatment for Bootstrap actions. */
.btn-primary,
.btn-secondary,
.btn-light,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-default,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.btn-primary::before,
.btn-secondary::before,
.btn-light::before,
.btn-success::before,
.btn-danger::before,
.btn-warning::before,
.btn-info::before,
.btn-default::before,
.btn-outline-primary::before,
.btn-outline-secondary::before,
.btn-outline-success::before,
.btn-outline-danger::before,
.btn-outline-warning::before,
.btn-outline-info::before {
    position: absolute;
    top: -80%;
    left: -50%;
    width: 32%;
    height: 260%;
    pointer-events: none;
    transform: rotate(22deg);
    background: rgba(255, 255, 255, .34);
    content: "";
    transition: left 300ms ease;
}

.btn-primary:not(:disabled):not(.disabled):hover::before,
.btn-primary:not(:disabled):not(.disabled):focus-visible::before,
.btn-secondary:not(:disabled):not(.disabled):hover::before,
.btn-secondary:not(:disabled):not(.disabled):focus-visible::before,
.btn-light:not(:disabled):not(.disabled):hover::before,
.btn-light:not(:disabled):not(.disabled):focus-visible::before,
.btn-success:not(:disabled):not(.disabled):hover::before,
.btn-success:not(:disabled):not(.disabled):focus-visible::before,
.btn-danger:not(:disabled):not(.disabled):hover::before,
.btn-danger:not(:disabled):not(.disabled):focus-visible::before,
.btn-warning:not(:disabled):not(.disabled):hover::before,
.btn-warning:not(:disabled):not(.disabled):focus-visible::before,
.btn-info:not(:disabled):not(.disabled):hover::before,
.btn-info:not(:disabled):not(.disabled):focus-visible::before,
.btn-default:not(:disabled):not(.disabled):hover::before,
.btn-default:not(:disabled):not(.disabled):focus-visible::before,
.btn-outline-primary:not(:disabled):not(.disabled):hover::before,
.btn-outline-primary:not(:disabled):not(.disabled):focus-visible::before,
.btn-outline-secondary:not(:disabled):not(.disabled):hover::before,
.btn-outline-secondary:not(:disabled):not(.disabled):focus-visible::before,
.btn-outline-success:not(:disabled):not(.disabled):hover::before,
.btn-outline-success:not(:disabled):not(.disabled):focus-visible::before,
.btn-outline-danger:not(:disabled):not(.disabled):hover::before,
.btn-outline-danger:not(:disabled):not(.disabled):focus-visible::before,
.btn-outline-warning:not(:disabled):not(.disabled):hover::before,
.btn-outline-warning:not(:disabled):not(.disabled):focus-visible::before,
.btn-outline-info:not(:disabled):not(.disabled):hover::before,
.btn-outline-info:not(:disabled):not(.disabled):focus-visible::before {
    left: 125%;
}

/* Input-group controls keep one shared height and joined geometry. */
.input-group > input.form-control,
.input-group > select.form-control,
.input-group > label.form-control,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append > .input-group-text {
    min-height: 46px;
    height: 46px;
}

.input-group > label.form-control {
    display: flex;
    align-items: center;
    margin: 0;
    line-height: 1.25;
}

.input-group > .input-group-prepend,
.input-group > .input-group-append {
    display: flex;
    align-items: stretch;
}

.input-group > .input-group-prepend:first-child > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn {
    border-radius: 15px 0 0 7px !important;
}

.input-group > .input-group-prepend + .form-control,
.input-group > .input-group-prepend + label.form-control {
    border-radius: 0 15px 15px 0 !important;
}

.input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group > .input-group-append:last-child > .input-group-text,
.input-group > .input-group-append:last-child > .btn {
    border-radius: 0 15px 15px 0 !important;
}

/* Bootstrap radio toggles use the compact Regantis segmented-control treatment. */
.btn-group.btn-group-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px !important;
    padding: 4px;
    overflow: visible;
    border: 1px solid var(--ep-admin-border);
    border-radius: 12px !important;
    background: rgba(5, 20, 32, .34);
}

html[data-theme="light"] .btn-group.btn-group-toggle {
    background: rgba(20, 115, 230, .035);
}

.btn-group.btn-group-toggle > .btn {
    min-height: 34px;
    margin: 0 !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.btn-group.btn-group-toggle > .btn + .btn {
    margin-left: 0 !important;
}

.btn-group.btn-group-toggle > .btn-outline-secondary.active {
    border-color: rgba(84, 194, 221, .22) !important;
    color: #fff !important;
    background: linear-gradient(135deg, rgba(86, 80, 188, .72), rgba(34, 139, 175, .64)) !important;
}

.btn-outline-success {
    border-color: rgba(106, 216, 173, .30) !important;
    color: #8fe4c1 !important;
    background: rgba(45, 189, 155, .055) !important;
}

.btn-outline-success:hover,
.btn-outline-success.active,
.btn-outline-success:not(:disabled):not(.disabled):active {
    border-color: rgba(106, 216, 173, .40) !important;
    color: #effff8 !important;
    background: linear-gradient(105deg, rgba(37, 151, 111, .9), rgba(45, 189, 187, .82)) !important;
}

.btn-outline-danger {
    border-color: rgba(255, 113, 137, .32) !important;
    color: #ff9eb0 !important;
    background: rgba(255, 113, 137, .055) !important;
}

.btn-outline-danger:hover,
.btn-outline-danger.active,
.btn-outline-danger:not(:disabled):not(.disabled):active {
    border-color: rgba(255, 113, 137, .42) !important;
    color: #fff !important;
    background: linear-gradient(105deg, rgba(202, 57, 83, .94), rgba(255, 113, 137, .84)) !important;
}

html[data-theme="light"] .btn-outline-success {
    color: #187258 !important;
    background: rgba(45, 189, 155, .06) !important;
}

html[data-theme="light"] .btn-outline-danger {
    color: #a63c52 !important;
    background: rgba(220, 72, 98, .055) !important;
}

html[data-theme="light"] .btn-outline-success.active,
html[data-theme="light"] .btn-outline-danger.active {
    color: #fff !important;
}

/* Active tabs match the canonical Regantis active-tab gradient in both themes. */
.nav-tabs li.nav-item a.active,
.nav-tabs .nav-link.active,
html[data-theme="light"] .nav-tabs li.nav-item a.active,
html[data-theme="light"] .nav-tabs .nav-link.active {
    border-color: rgba(128, 211, 226, .42) !important;
    color: #fff !important;
    background: linear-gradient(115deg, #7656c5 0%, #3c88bc 62%, #2e9eaa 100%) !important;
    box-shadow: 0 10px 24px rgba(45, 58, 133, .18), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

html[data-theme="light"] .nav-tabs li.nav-item a.active,
html[data-theme="light"] .nav-tabs .nav-link.active {
    box-shadow: 0 10px 24px rgba(61, 76, 151, .16), inset 0 1px 0 rgba(255, 255, 255, .36) !important;
}

/* Pagination: independent controls, stable radii, theme-aware hover and active state. */
.pagination-cont {
    padding: 9px 12px;
    border: 1px solid var(--ep-admin-border);
    border-radius: 15px 15px 15px 7px;
    color: var(--ep-admin-text-body);
    background: var(--ep-admin-surface-soft);
}

.pagination {
    gap: 6px;
    margin: 0;
}

.pagination .page-item {
    margin: 0 !important;
}

.pagination .page-link,
.pagination-cont .page-link,
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    min-width: 36px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 6px 10px;
    border: 1px solid var(--ep-admin-border) !important;
    border-radius: 12px 12px 12px 5px !important;
    color: var(--ep-admin-muted) !important;
    background: rgba(255, 255, 255, .025) !important;
    box-shadow: none !important;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
    border-color: rgba(77, 169, 255, .32) !important;
    color: var(--ep-admin-text) !important;
    background: var(--ep-admin-surface-hover) !important;
}

.pagination .page-item.active .page-link,
.pagination-cont .page-item.active .page-link {
    border-color: rgba(128, 211, 226, .42) !important;
    color: #fff !important;
    background: linear-gradient(115deg, #7656c5 0%, #3c88bc 62%, #2e9eaa 100%) !important;
    box-shadow: 0 8px 20px rgba(45, 58, 133, .17) !important;
}

.pagination .page-item.disabled .page-link {
    color: var(--ep-admin-muted) !important;
    background: rgba(255, 255, 255, .012) !important;
    opacity: .48;
}

html[data-theme="light"] .pagination .page-link,
html[data-theme="light"] .pagination-cont .page-link {
    color: #55758a !important;
    background: #fff !important;
}

html[data-theme="light"] .pagination .page-link:hover,
html[data-theme="light"] .pagination .page-link:focus {
    color: #234f69 !important;
    background: #e8f3f8 !important;
}

html[data-theme="light"] .pagination .page-item.active .page-link,
html[data-theme="light"] .pagination-cont .page-item.active .page-link {
    color: #fff !important;
    background: linear-gradient(115deg, #7656c5 0%, #3c88bc 62%, #2e9eaa 100%) !important;
}

/* Filter drawer starts directly below the fixed topbar; no backdrop/padding strip. */
#filter-fixed {
    top: var(--ep-admin-topbar-height) !important;
    height: calc(100dvh - var(--ep-admin-topbar-height)) !important;
    padding: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
}

#filter-fixed > .card {
    height: 100%;
    margin: 0 !important;
    border-radius: 20px 0 0 8px !important;
    box-shadow: -18px 0 48px rgba(0, 8, 23, .23);
}

/* Table action groups use control radii instead of pill radii. */
td.action > .btn-group,
td.text-right.action > .btn-group {
    display: inline-flex;
    align-items: center;
    gap: 6px !important;
    overflow: visible;
    border-radius: 0 !important;
}

td.action > .btn-group > .btn,
td.text-right.action > .btn-group > .btn {
    margin: 0 !important;
    border-radius: 15px 15px 15px 7px !important;
}

/* Product/form image selector mirrors the compact Regantis image card without changing markup. */
.card.image {
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
    width: min(286px, 100%);
    height: auto;
    min-height: 218px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(91, 176, 215, .20) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(18, 43, 62, .98), rgba(13, 32, 49, .96)) !important;
    box-shadow: 0 15px 34px rgba(0, 8, 22, .16), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.card.image:hover {
    border-color: rgba(91, 196, 226, .38) !important;
    transform: translateY(-1px);
    box-shadow: 0 18px 38px rgba(0, 8, 22, .21), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.card.image > .card-img-top,
.card.image > img.card-img-top {
    box-sizing: border-box;
    width: calc(100% - 24px) !important;
    min-width: 0 !important;
    height: 150px !important;
    min-height: 150px !important;
    max-height: 180px;
    flex: 1 1 auto;
    margin: 12px 12px 0 !important;
    padding: 14px !important;
    object-fit: contain !important;
    object-position: center;
    border: 1px solid rgba(99, 177, 211, .14) !important;
    border-radius: 13px !important;
    background: rgba(8, 27, 42, .76) !important;
}

.card.image .card-body {
    width: 100% !important;
    min-height: 54px;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 7px;
    margin: 0 !important;
    padding: 9px 12px 11px !important;
    border: 0 !important;
    background: transparent !important;
}

.card.image .card-body .btn,
.card.image .card-body .btn.btn-block {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    flex: 0 0 34px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 0;
}

.card.image .card-body .btn i {
    margin: 0 !important;
    font-size: 13px;
}

html[data-theme="light"] .card.image {
    border-color: rgba(68, 126, 163, .18) !important;
    background: linear-gradient(145deg, #fff, #f3f8fb) !important;
    box-shadow: 0 14px 30px rgba(45, 83, 108, .10), inset 0 1px 0 #fff !important;
}

html[data-theme="light"] .card.image > .card-img-top,
html[data-theme="light"] .card.image > img.card-img-top {
    border-color: rgba(68, 126, 163, .12) !important;
    background: linear-gradient(135deg, #f7fafc, #edf3f6) !important;
}

/* Authentication pages are intentionally theme-independent: simple bright Regantis gradients, no decorative scene. */
body.ep-auth-body,
body.common-forgotten,
body.common-reset {
    --ep-admin-bg: #f2f7fb;
    --ep-admin-surface: #fff;
    --ep-admin-surface-raised: #fff;
    --ep-admin-surface-soft: #edf6fa;
    --ep-admin-surface-hover: #e6f1f7;
    --ep-admin-text: #15364e;
    --ep-admin-text-body: #31566f;
    --ep-admin-muted: #647d90;
    --ep-admin-border: rgba(23, 90, 132, .14);
    --ep-admin-border-strong: rgba(46, 105, 143, .22);
    min-height: 100vh;
    padding-top: 0 !important;
    color: #31566f !important;
    background:
        radial-gradient(circle at 14% 8%, rgba(203, 220, 247, .82), transparent 28rem),
        radial-gradient(circle at 84% 18%, rgba(218, 232, 250, .76), transparent 32rem),
        radial-gradient(circle at 72% 90%, rgba(211, 242, 240, .62), transparent 30rem),
        linear-gradient(145deg, #fbfdff 0%, #eef5fb 50%, #f7fbfc 100%) !important;
    font-family: var(--ep-admin-font-body);
}

body.ep-auth-body #container,
body.common-forgotten #container,
body.common-reset #container,
#content.ep-auth-page {
    min-height: 100vh !important;
    color: #31566f !important;
    background: transparent !important;
}

#content.ep-auth-page {
    padding: 38px 16px !important;
}

#content.ep-auth-page .container,
#content.ep-auth-page .container-fluid {
    width: 100%;
    max-width: 1100px;
}

#content.ep-auth-page .row {
    justify-content: center;
}

#content.ep-auth-page .row > [class*="col-"] {
    width: 100%;
    max-width: 520px;
    flex: 0 0 100%;
    margin-right: auto !important;
    margin-left: auto !important;
}

#content.ep-auth-page .ep-auth-card {
    overflow: hidden;
    border: 1px solid transparent !important;
    border-radius: 32px 32px 32px 12px !important;
    color: #31566f !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(241, 247, 252, .98)) padding-box,
        linear-gradient(126deg, rgba(127, 94, 204, .30), rgba(62, 143, 190, .28), rgba(44, 169, 173, .14)) border-box !important;
    box-shadow: 0 34px 86px rgba(67, 80, 132, .16), 0 14px 34px rgba(61, 104, 150, .08), inset 0 1px 0 #fff !important;
}

#content.ep-auth-page .ep-auth-card .card-header {
    min-height: 58px;
    border-color: rgba(23, 90, 132, .11) !important;
    color: #17384e !important;
    background: rgba(255, 255, 255, .58) !important;
}

#content.ep-auth-page .ep-auth-card > .col-md-12 {
    border-bottom-color: rgba(23, 90, 132, .11) !important;
    background: rgba(255, 255, 255, .58);
}

#content.ep-auth-page .ep-auth-card .card-body {
    padding: 26px !important;
    color: #31566f !important;
    background: transparent !important;
}

#content.ep-auth-page .ep-auth-card label,
#content.ep-auth-page .ep-auth-card .form-text,
#content.ep-auth-page .ep-auth-card a:not(.btn) {
    color: #31566f !important;
}

#content.ep-auth-page .ep-auth-card .form-control,
#content.ep-auth-page .ep-auth-card .input-group-text {
    border-color: rgba(46, 105, 143, .18) !important;
    color: #17384e !important;
    background: rgba(255, 255, 255, .88) !important;
    box-shadow: inset 0 1px 0 #fff !important;
}

#content.ep-auth-page .ep-auth-card .form-control:focus {
    border-color: #4da9ff !important;
    box-shadow: 0 0 0 4px rgba(20, 115, 230, .10) !important;
}

body.ep-auth-body #footer,
body.common-forgotten #footer,
body.common-reset #footer {
    color: #7890a2;
    background: transparent !important;
}

@media (max-width: 767.98px) {
    body.ep-admin-body:not(.common-forgotten):not(.common-reset) {
        padding-top: var(--ep-admin-topbar-height);
    }

    #content.ep-auth-page {
        padding: 22px 12px !important;
    }

    #content.ep-auth-page .ep-auth-card .card-body {
        padding: 20px !important;
    }
}

/* EngineParts Regantis admin v4: navigation state, header controls, auth themes and dark-mode polish */

#column-left.ep-sidebar-has-indicator {
    --ep-nav-indicator-x: 16px;
    --ep-nav-indicator-y: 0px;
    --ep-nav-indicator-width: calc(100% - 32px);
    --ep-nav-indicator-height: 50px;
    --ep-nav-indicator-opacity: 0;
    isolation: isolate;
}

#column-left.ep-sidebar-has-indicator::before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: var(--ep-nav-indicator-width);
    height: var(--ep-nav-indicator-height);
    transform: translate3d(var(--ep-nav-indicator-x), var(--ep-nav-indicator-y), 0);
    border: 1px solid transparent;
    border-radius: 14px;
    background:
        linear-gradient(105deg, rgba(130, 88, 200, .23), rgba(44, 132, 200, .22) 58%, rgba(45, 189, 187, .10)) padding-box,
        linear-gradient(125deg, rgba(159, 116, 229, .65), rgba(76, 162, 227, .50), rgba(45, 189, 187, .22)) border-box;
    box-shadow: 0 16px 36px rgba(25, 26, 74, .24), inset 1px 0 0 #5ba7e0, inset 0 1px 0 rgba(255, 255, 255, .08);
    content: "";
    opacity: var(--ep-nav-indicator-opacity);
    pointer-events: none;
    transition: transform 360ms cubic-bezier(.22, 1, .36, 1), width 220ms ease, height 220ms ease, opacity 140ms ease;
    will-change: transform, width, height;
}

#column-left.ep-sidebar-indicator-instant::before {
    transition: none;
}

#column-left.ep-sidebar-has-indicator #menu,
#column-left.ep-sidebar-has-indicator .ep-sidebar-footer {
    position: relative;
    z-index: 1;
}

html[data-theme="light"] #column-left.ep-sidebar-has-indicator::before {
    border-top-color: rgba(255, 255, 255, .98);
    border-right-color: rgba(255, 255, 255, .98);
    border-bottom-color: rgba(81, 143, 183, .18);
    border-left-color: rgba(81, 143, 183, .045);
    background: linear-gradient(105deg, rgba(209, 229, 246, .78), rgba(223, 241, 250, .86) 58%, rgba(218, 244, 240, .72)) padding-box;
    box-shadow: 0 16px 34px rgba(47, 91, 124, .15), inset 1px 0 0 rgba(45, 135, 200, .32), inset 0 1px 0 #fff;
}

#column-left #menu li.active > a:not(.is-active):not(:hover) {
    border-color: transparent !important;
    color: inherit;
    background: transparent !important;
    box-shadow: none !important;
}

#column-left #menu a.is-active {
    color: #eafdff !important;
}

#column-left #menu a.is-active > i {
    color: #d8f4ff !important;
    text-shadow: 0 0 18px rgba(94, 196, 255, .58);
}

#column-left.ep-sidebar-has-indicator #menu a.is-active {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] #column-left #menu a.is-active {
    color: #153f61 !important;
}

html[data-theme="light"] #column-left #menu a.is-active > i {
    color: #075f9f !important;
    text-shadow: 0 0 16px rgba(20, 115, 230, .18);
}

#column-left:not(.ep-sidebar-has-indicator) #menu a.is-active,
#column-left #menu li li a:hover {
    border-color: rgba(101, 171, 221, .18);
    background: linear-gradient(105deg, rgba(130, 88, 200, .18), rgba(44, 132, 200, .18) 58%, rgba(45, 189, 187, .08));
    box-shadow: 0 12px 28px rgba(25, 26, 74, .16), inset 1px 0 0 rgba(91, 167, 224, .88), inset 0 1px 0 rgba(255, 255, 255, .05);
}

html[data-theme="light"] #column-left:not(.ep-sidebar-has-indicator) #menu a.is-active,
html[data-theme="light"] #column-left #menu li li a:hover {
    color: #153f61 !important;
    border-color: rgba(81, 143, 183, .18);
    background: linear-gradient(105deg, rgba(209, 229, 246, .78), rgba(223, 241, 250, .86) 58%, rgba(218, 244, 240, .72));
    box-shadow: 0 14px 30px rgba(47, 91, 124, .12), inset 1px 0 0 rgba(45, 135, 200, .34), inset 0 1px 0 #fff;
}

#header.ep-admin-topbar .ep-icon-button,
#header.ep-admin-topbar .navbar-nav .nav-link.ep-icon-button,
#button-menu.ep-icon-button,
#button-desktop-menu.ep-icon-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-top-color: rgba(120, 190, 234, .24) !important;
    border-right-color: rgba(120, 190, 234, .24) !important;
    border-bottom-color: rgba(2, 10, 24, .58) !important;
    border-left-color: rgba(2, 10, 24, .58) !important;
    border-radius: 16px !important;
    color: #d8e9f4 !important;
    background: linear-gradient(105deg, rgba(17, 47, 73, .90), rgba(15, 56, 82, .86) 58%, rgba(13, 63, 71, .78)) padding-box !important;
    box-shadow: 0 14px 30px rgba(0, 7, 22, .22), inset 3px 0 0 #2d87c8, inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    text-decoration: none !important;
    transition: transform 160ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease !important;
}

#header.ep-admin-topbar .ep-icon-button:hover,
#header.ep-admin-topbar .ep-icon-button:focus-visible,
#header.ep-admin-topbar .navbar-nav .nav-item.show > .nav-link.ep-icon-button,
#button-menu.ep-icon-button:hover,
#button-menu.ep-icon-button:focus-visible,
#button-desktop-menu.ep-icon-button:hover,
#button-desktop-menu.ep-icon-button:focus-visible {
    transform: translateY(-1px);
    border-top-color: rgba(148, 211, 249, .38) !important;
    border-right-color: rgba(148, 211, 249, .38) !important;
    border-bottom-color: rgba(8, 21, 40, .72) !important;
    border-left-color: rgba(8, 21, 40, .72) !important;
    color: #f4fbff !important;
    background: linear-gradient(105deg, rgba(22, 61, 92, .96), rgba(19, 71, 101, .92) 58%, rgba(16, 77, 84, .84)) padding-box !important;
    box-shadow: 0 17px 36px rgba(0, 7, 22, .28), inset 3px 0 0 #4da9ff, inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

#header.ep-admin-topbar .ep-icon-button:active,
#button-menu.ep-icon-button:active,
#button-desktop-menu.ep-icon-button:active {
    transform: translateY(1px) scale(.99);
}

html[data-theme="light"] #header.ep-admin-topbar .ep-icon-button,
html[data-theme="light"] #header.ep-admin-topbar .navbar-nav .nav-link.ep-icon-button,
html[data-theme="light"] #button-menu.ep-icon-button,
html[data-theme="light"] #button-desktop-menu.ep-icon-button {
    border-top-color: rgba(255, 255, 255, .98) !important;
    border-right-color: rgba(255, 255, 255, .98) !important;
    border-bottom-color: rgba(81, 143, 183, .18) !important;
    border-left-color: rgba(81, 143, 183, .18) !important;
    color: #31566f !important;
    background: linear-gradient(105deg, rgba(209, 229, 246, .78), rgba(223, 241, 250, .86) 58%, rgba(218, 244, 240, .72)) padding-box !important;
    box-shadow: 0 16px 34px rgba(47, 91, 124, .12), inset 3px 0 0 #2d87c8, inset 0 1px 0 #fff !important;
}

html[data-theme="light"] #header.ep-admin-topbar .ep-icon-button:hover,
html[data-theme="light"] #header.ep-admin-topbar .ep-icon-button:focus-visible,
html[data-theme="light"] #header.ep-admin-topbar .navbar-nav .nav-item.show > .nav-link.ep-icon-button,
html[data-theme="light"] #button-menu.ep-icon-button:hover,
html[data-theme="light"] #button-menu.ep-icon-button:focus-visible,
html[data-theme="light"] #button-desktop-menu.ep-icon-button:hover,
html[data-theme="light"] #button-desktop-menu.ep-icon-button:focus-visible {
    border-top-color: #fff !important;
    border-right-color: #fff !important;
    border-bottom-color: rgba(69, 127, 166, .24) !important;
    border-left-color: rgba(69, 127, 166, .24) !important;
    color: #17384e !important;
    background: linear-gradient(105deg, rgba(220, 237, 250, .94), rgba(232, 247, 253, .96) 58%, rgba(226, 249, 245, .90)) padding-box !important;
    box-shadow: 0 19px 39px rgba(47, 91, 124, .16), inset 3px 0 0 #1473e6, inset 0 1px 0 #fff !important;
}

.form-group .input-group + .input-group,
.card-body > .input-group + .input-group,
.col-sm-10 > .input-group + .input-group,
.col-md-10 > .input-group + .input-group {
    margin-top: 10px;
}

html[data-theme="dark"] .modal-backdrop.show {
    opacity: .68;
}

html[data-theme="dark"] .modal-content {
    border-color: rgba(143, 193, 230, .20) !important;
    color: #c9dbe8 !important;
    background: linear-gradient(145deg, #162d41, #102538) !important;
    box-shadow: 0 32px 86px rgba(0, 7, 22, .46), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

html[data-theme="dark"] .modal-header {
    border-bottom-color: rgba(143, 193, 230, .16) !important;
    background: linear-gradient(105deg, rgba(23, 49, 73, .98), rgba(20, 44, 65, .98)) !important;
}

html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .modal-footer {
    color: #c9dbe8 !important;
    background: transparent !important;
}

html[data-theme="dark"] .modal-footer {
    border-top-color: rgba(143, 193, 230, .16) !important;
}

html[data-theme="dark"] .modal-title {
    color: #f3f9fd !important;
}

html[data-theme="dark"] .modal-content .close {
    color: #9eb8ca !important;
    opacity: .88;
}

html[data-theme="dark"] .modal-content .close:hover,
html[data-theme="dark"] .modal-content .close:focus {
    color: #fff !important;
    opacity: 1;
    text-shadow: 0 0 18px rgba(77, 169, 255, .34);
}

html[data-theme="dark"] .modal .list-group-item,
html[data-theme="dark"] .modal .card,
html[data-theme="dark"] .modal .card-body,
html[data-theme="dark"] .modal .table,
html[data-theme="dark"] .modal .table td,
html[data-theme="dark"] .modal .table th {
    border-color: rgba(143, 193, 230, .14) !important;
}

html[data-theme="dark"] body.ep-auth-body,
html[data-theme="dark"] body.common-forgotten,
html[data-theme="dark"] body.common-reset {
    --ep-admin-bg: #102538;
    --ep-admin-surface: #152d42;
    --ep-admin-surface-raised: #19344c;
    --ep-admin-surface-soft: #1b3851;
    --ep-admin-surface-hover: #20415d;
    --ep-admin-text: #f3f9fd;
    --ep-admin-text-body: #c5d8e5;
    --ep-admin-muted: #91aabd;
    --ep-admin-border: rgba(143, 193, 230, .18);
    --ep-admin-border-strong: rgba(143, 193, 230, .28);
    color: #c5d8e5 !important;
    background:
        radial-gradient(circle at 14% 8%, rgba(65, 116, 170, .28), transparent 30rem),
        radial-gradient(circle at 84% 18%, rgba(91, 75, 156, .20), transparent 32rem),
        radial-gradient(circle at 72% 90%, rgba(45, 173, 170, .13), transparent 30rem),
        linear-gradient(145deg, #132b3f 0%, #102538 50%, #152d40 100%) !important;
}

html[data-theme="dark"] body.ep-auth-body #container,
html[data-theme="dark"] body.common-forgotten #container,
html[data-theme="dark"] body.common-reset #container,
html[data-theme="dark"] #content.ep-auth-page {
    color: #c5d8e5 !important;
}

html[data-theme="dark"] #content.ep-auth-page .ep-auth-card {
    color: #c5d8e5 !important;
    background:
        linear-gradient(145deg, rgba(23, 49, 72, .98), rgba(16, 37, 56, .98)) padding-box,
        linear-gradient(126deg, rgba(127, 94, 204, .34), rgba(62, 143, 190, .34), rgba(44, 169, 173, .16)) border-box !important;
    box-shadow: 0 34px 86px rgba(0, 8, 23, .28), 0 14px 34px rgba(0, 8, 23, .16), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

html[data-theme="dark"] #content.ep-auth-page .ep-auth-card .card-header,
html[data-theme="dark"] #content.ep-auth-page .ep-auth-card > .col-md-12 {
    border-color: rgba(143, 193, 230, .14) !important;
    color: #f3f9fd !important;
    background: rgba(255, 255, 255, .025) !important;
}

html[data-theme="dark"] #content.ep-auth-page .ep-auth-card .card-body,
html[data-theme="dark"] #content.ep-auth-page .ep-auth-card label,
html[data-theme="dark"] #content.ep-auth-page .ep-auth-card .form-text,
html[data-theme="dark"] #content.ep-auth-page .ep-auth-card a:not(.btn) {
    color: #c5d8e5 !important;
}

html[data-theme="dark"] #content.ep-auth-page .ep-auth-card .form-control,
html[data-theme="dark"] #content.ep-auth-page .ep-auth-card .input-group-text {
    border-color: rgba(143, 193, 230, .18) !important;
    color: #eef7fc !important;
    background: rgba(7, 25, 40, .52) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

html[data-theme="dark"] #content.ep-auth-page .ep-auth-card .form-control:focus {
    border-color: #4da9ff !important;
    box-shadow: 0 0 0 4px rgba(77, 169, 255, .11), 0 12px 28px rgba(0, 7, 22, .16) !important;
}

html[data-theme="dark"] #content.ep-auth-page .ep-auth-card > .col-md-12 img {
    filter: brightness(0) invert(1);
}

html[data-theme="light"] body.ep-auth-body,
html[data-theme="light"] body.common-forgotten,
html[data-theme="light"] body.common-reset {
    color: #31566f !important;
    background:
        radial-gradient(circle at 14% 8%, rgba(203, 220, 247, .82), transparent 28rem),
        radial-gradient(circle at 84% 18%, rgba(218, 232, 250, .76), transparent 32rem),
        radial-gradient(circle at 72% 90%, rgba(211, 242, 240, .62), transparent 30rem),
        linear-gradient(145deg, #fbfdff 0%, #eef5fb 50%, #f7fbfc 100%) !important;
}

#footer:empty {
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    #column-left.ep-sidebar-has-indicator::before,
    #header.ep-admin-topbar .ep-icon-button,
    #button-menu.ep-icon-button,
    #button-desktop-menu.ep-icon-button {
        transition: none !important;
    }
}

/* =========================================================
   EngineParts Admin - Regantis V6 refinements
   ========================================================= */

:root {
    --ep-admin-topbar-height: 78px;
}

/* Reference Regantis brand treatment */
#header .ep-brand {
    width: 168px;
    min-width: 168px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
}

#header .ep-brand-logo {
    max-width: 100%;
    max-height: 34px;
    object-fit: contain;
}

#header .ep-brand-logo-light,
#header .ep-brand-logo-icon {
    display: none;
}

html[data-theme="light"] #header .ep-brand-logo-dark {
    display: none;
}

html[data-theme="light"] #header .ep-brand-logo-light {
    display: block;
}

#header.ep-admin-topbar,
#header.ep-admin-topbar .container-fluid {
    height: var(--ep-admin-topbar-height);
    min-height: var(--ep-admin-topbar-height);
}

#header.ep-admin-topbar .ep-topbar-actions {
    gap: 10px;
}

/* Match cd-icon-button: thin glass border, no heavy left rail */
#header.ep-admin-topbar .ep-icon-button,
#header.ep-admin-topbar .navbar-nav .nav-link.ep-icon-button,
#button-menu.ep-icon-button,
#button-desktop-menu.ep-icon-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    border: 1px solid rgba(119, 174, 211, .17) !important;
    border-radius: 15px 15px 15px 7px !important;
    color: #d5e6f1 !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 8px 22px rgba(0,8,20,.08) !important;
    backdrop-filter: blur(14px);
}

#header.ep-admin-topbar .ep-icon-button:hover,
#header.ep-admin-topbar .ep-icon-button:focus-visible,
#header.ep-admin-topbar .navbar-nav .nav-item.show > .nav-link.ep-icon-button,
#button-menu.ep-icon-button:hover,
#button-menu.ep-icon-button:focus-visible,
#button-desktop-menu.ep-icon-button:hover,
#button-desktop-menu.ep-icon-button:focus-visible {
    border-color: rgba(77,169,255,.40) !important;
    color: #fff !important;
    background: linear-gradient(105deg, rgba(42,79,106,.34), rgba(37,98,126,.30)) !important;
    box-shadow: 0 12px 28px rgba(0,8,20,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="light"] #header.ep-admin-topbar .ep-icon-button,
html[data-theme="light"] #header.ep-admin-topbar .navbar-nav .nav-link.ep-icon-button,
html[data-theme="light"] #button-menu.ep-icon-button,
html[data-theme="light"] #button-desktop-menu.ep-icon-button {
    border-color: rgba(45,101,137,.13) !important;
    color: #17384e !important;
    background: rgba(255,255,255,.52) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 8px 22px rgba(49,91,121,.07) !important;
}

html[data-theme="light"] #header.ep-admin-topbar .ep-icon-button:hover,
html[data-theme="light"] #header.ep-admin-topbar .ep-icon-button:focus-visible,
html[data-theme="light"] #header.ep-admin-topbar .navbar-nav .nav-item.show > .nav-link.ep-icon-button,
html[data-theme="light"] #button-menu.ep-icon-button:hover,
html[data-theme="light"] #button-menu.ep-icon-button:focus-visible,
html[data-theme="light"] #button-desktop-menu.ep-icon-button:hover,
html[data-theme="light"] #button-desktop-menu.ep-icon-button:focus-visible {
    border-color: rgba(20,115,230,.28) !important;
    color: #0f456b !important;
    background: rgba(244,251,255,.88) !important;
    box-shadow: 0 12px 28px rgba(45,101,137,.10), inset 0 1px 0 #fff !important;
}

/* Match CRM account control exactly in structure/scale */
#header.ep-admin-topbar .ep-account-button,
#header.ep-admin-topbar .cd-account-button.ep-account-button {
    height: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 14px !important;
    border: 1px solid rgba(119,174,211,.17) !important;
    border-radius: 15px 15px 15px 7px !important;
    color: #d5e6f1 !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 8px 22px rgba(0,8,20,.08) !important;
    text-decoration: none !important;
    transition: transform 160ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

#header.ep-admin-topbar .ep-account-button:hover,
#header.ep-admin-topbar .ep-account-button:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(77,169,255,.40) !important;
    color: #fff !important;
    background: linear-gradient(105deg, rgba(42,79,106,.34), rgba(37,98,126,.30)) !important;
}

#header.ep-admin-topbar .ep-account-button #user-profile {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px;
    padding: 2px;
    object-fit: cover;
    border: 1px solid rgba(121,185,222,.24);
    background: rgba(255,255,255,.06);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}

#header.ep-admin-topbar .ep-account-button span {
    margin: 0 !important;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

html[data-theme="light"] #header.ep-admin-topbar .ep-account-button {
    border-color: rgba(45,101,137,.13) !important;
    color: #17384e !important;
    background: rgba(255,255,255,.52) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 8px 22px rgba(49,91,121,.07) !important;
}

html[data-theme="light"] #header.ep-admin-topbar .ep-account-button:hover,
html[data-theme="light"] #header.ep-admin-topbar .ep-account-button:focus-visible {
    border-color: rgba(20,115,230,.28) !important;
    color: #0f456b !important;
    background: rgba(244,251,255,.88) !important;
}

/* Parent menu chevrons appear only when useful */
#column-left #menu li a.parent::after {
    opacity: 0 !important;
    transform: translateX(-3px);
    transition: opacity 150ms ease, transform 150ms ease;
}
#column-left #menu li:hover > a.parent::after,
#column-left #menu li > a.parent:hover::after,
#column-left #menu li > a.parent:focus-visible::after,
#column-left #menu li > a.parent[aria-expanded="true"]::after,
#column-left #menu li > a.parent:not(.collapsed)::after {
    opacity: .82 !important;
    transform: translateX(0);
}

/* Image selector icon-only buttons: text nodes no longer affect centering */
.card.image .card-body.deschis .btn,
.card.image .card-body .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
}
.card.image .card-body .btn i,
.card.image .card-body .btn svg {
    width: auto !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

/* Dashboard: same modules/layout, Regantis client dashboard surface language */

.ep-dashboard-page > .container-fluid > .row > [class*="col-"] {
    display: flex;
    min-width: 0;
}
.ep-dashboard-page > .container-fluid > .row > [class*="col-"] > .card {
    width: 100%;
}
.ep-dashboard-page > .container-fluid > .row > [class*="col-"] > .card,
.ep-dashboard-page .dashboard-info-card,
.ep-dashboard-page .ep-dashboard-chart-card,
.ep-dashboard-page .ep-dashboard-map-card {
    overflow: hidden;
    border: 1px solid rgba(111,170,207,.15) !important;
    border-radius: 28px 28px 28px 11px !important;
    background: linear-gradient(145deg, rgba(20,45,64,.94), rgba(15,37,54,.92)) padding-box !important;
    box-shadow: 0 18px 44px rgba(0,8,20,.13), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="light"] .ep-dashboard-page > .container-fluid > .row > [class*="col-"] > .card,
html[data-theme="light"] .ep-dashboard-page .dashboard-info-card,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-chart-card,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-map-card {
    border-color: rgba(49,112,151,.13) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,248,252,.96)) padding-box !important;
    box-shadow: 0 18px 44px rgba(45,91,120,.10), inset 0 1px 0 #fff !important;
}
.ep-dashboard-page .card-header,
.ep-dashboard-page .ep-dashboard-panel-heading {
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(116,174,205,.12) !important;
    color: var(--ep-admin-text) !important;
    background: rgba(255,255,255,.018) !important;
    font-family: "Sora", "Manrope", ui-sans-serif, system-ui, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-align: left !important;
}
.ep-dashboard-page .card-header .float-right,
.ep-dashboard-page .ep-dashboard-panel-heading .float-right {
    margin-left: auto;
    order: 2;
}
.ep-dashboard-page .ep-dashboard-heading-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    border: 1px solid rgba(77,169,255,.18);
    border-radius: 11px 11px 11px 5px;
    color: #70b7e7;
    background: rgba(77,169,255,.07);
}
.ep-dashboard-page .ep-dashboard-calendar {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(119,174,211,.16);
    border-radius: 11px 11px 11px 5px;
    color: var(--ep-admin-muted) !important;
    background: rgba(255,255,255,.025);
}
.ep-dashboard-page .ep-dashboard-calendar::after { margin-left: 5px; }
.ep-dashboard-page .ep-dashboard-chart-body,
.ep-dashboard-page .ep-dashboard-map-body {
    min-height: 394px;
    display: flex;
    align-items: stretch;
    padding: 16px 18px 18px !important;
}
.ep-dashboard-page .ep-dashboard-traffic-wrap {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 360px;
    flex: 1 1 auto;
}
.ep-dashboard-page .ep-dashboard-traffic-wrap canvas {
    display: block;
    width: 100%;
    height: 360px;
}
.ep-dashboard-page #vmap {
    width: 100% !important;
    min-width: 0;
    height: 360px !important;
    flex: 1 1 auto;
}
.ep-dashboard-page #vmap svg,
.ep-dashboard-page .jqvmap-container {
    width: 100% !important;
    height: 100% !important;
    border-radius: 18px 18px 18px 8px;
    background: transparent !important;
}
.ep-dashboard-page .dashboard-info-card .card-body > i {
    color: #55a8df;
    opacity: .72;
}
.ep-dashboard-page .dashboard-info-card .card-footer {
    border-top-color: rgba(116,174,205,.10) !important;
    background: rgba(255,255,255,.015) !important;
}

/* Setting > Option accordion: same family as modul_general with stronger separation */
#tab-option.accordion {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
#tab-option .accordion-item {
    overflow: hidden;
    border: 1px solid rgba(111,170,207,.20) !important;
    border-radius: 18px 18px 18px 8px !important;
    background: linear-gradient(145deg, rgba(27,57,80,.82), rgba(19,44,64,.86)) !important;
    box-shadow: 0 12px 28px rgba(0,8,20,.10), inset 0 1px 0 rgba(255,255,255,.04);
}
#tab-option .accordion-button {
    min-height: 52px;
    display: flex;
    align-items: center;
    padding: 13px 16px !important;
    border: 0 !important;
    color: #e6f1f7 !important;
    background: linear-gradient(105deg, rgba(56,96,126,.22), rgba(39,92,119,.15)) !important;
    font-family: "Sora", "Manrope", ui-sans-serif, system-ui, sans-serif;
    font-size: 14px;
    font-weight: 600;
}
#tab-option .accordion-item .card-body {
    border-top: 1px solid rgba(116,174,205,.13);
    background: rgba(7,24,38,.16);
}
html[data-theme="light"] #tab-option .accordion-item {
    border-color: rgba(40,111,153,.16) !important;
    background: linear-gradient(145deg,#fff,#edf7fb) !important;
    box-shadow: 0 12px 28px rgba(45,91,120,.09), inset 0 1px 0 #fff;
}
html[data-theme="light"] #tab-option .accordion-button {
    color: #163d57 !important;
    background: linear-gradient(105deg,rgba(221,239,249,.84),rgba(232,247,250,.76)) !important;
}
html[data-theme="light"] #tab-option .accordion-item .card-body {
    border-top-color: rgba(49,112,151,.12);
    background: rgba(247,252,254,.72);
}

/* PWA pages use the standard admin page-header */
.engineparts-pwa-stock .pwa-page-header {
    margin: 0 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.engineparts-pwa-stock .pwa-page-header > .container-fluid {
    padding: 0 !important;
}
.engineparts-pwa-stock .pwa-page-header h1 {
    margin: 0 0 4px;
}
.engineparts-pwa-stock .pwa-page-header .pwa-stock-subtitle {
    margin: 0;
    color: var(--ep-admin-muted);
}
.engineparts-pwa-stock .pwa-page-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Fixed filters connect cleanly to top/right edge */
#filter-fixed,
.filter-fixed {
    border-top-left-radius: 0 !important;
}
#filter-fixed > .card,
.filter-fixed > .card {
    border-top-left-radius: 0 !important;
}

/* Editable/detail tables receive an actual themed surface */
.card-body > table.table,
.card-body > .table-responsive > table.table,
.form-group table.table,
.table-responsive > table.table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid rgba(116,174,205,.13);
    border-radius: 16px 16px 16px 7px;
    background: rgba(15,38,56,.42);
}
.card-body > table.table tbody td,
.card-body > .table-responsive > table.table tbody td,
.form-group table.table tbody td,
.table-responsive > table.table tbody td {
    background: rgba(255,255,255,.012);
}
html[data-theme="light"] .card-body > table.table,
html[data-theme="light"] .card-body > .table-responsive > table.table,
html[data-theme="light"] .form-group table.table,
html[data-theme="light"] .table-responsive > table.table {
    border-color: rgba(49,112,151,.12);
    background: rgba(248,252,254,.88);
}
html[data-theme="light"] .card-body > table.table tbody td,
html[data-theme="light"] .card-body > .table-responsive > table.table tbody td,
html[data-theme="light"] .form-group table.table tbody td,
html[data-theme="light"] .table-responsive > table.table tbody td {
    background: rgba(255,255,255,.60);
}

/* Attribute edit icon actions */
.save-attribute-value,
.delete-attribute-value {
    width: 38px;
    height: 38px;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 12px 12px 12px 5px !important;
}
.save-attribute-value + .delete-attribute-value { margin-left: 5px; }

/* Card footer utility classes must not erase functional spacing */
.card-footer.m-0.pt-0 {
    padding-top: 14px !important;
}

/* Split action groups are compact, not giant joined pills */
td.text-right .btn-group > .btn,
td.action .btn-group > .btn {
    min-width: 38px;
    padding-left: 11px;
    padding-right: 11px;
    border-radius: 0 !important;
}
td.text-right .btn-group > .btn:first-child,
td.action .btn-group > .btn:first-child {
    border-radius: 12px 0 0 5px !important;
}
td.text-right .btn-group > .btn:last-child,
td.action .btn-group > .btn:last-child {
    border-radius: 0 12px 5px 0 !important;
}
td.text-right .btn-group > .dropdown-toggle-split,
td.action .btn-group > .dropdown-toggle-split {
    width: 34px;
    min-width: 34px;
    padding: 0 !important;
}

/* Regantis fieldset legend */
legend {
    width: 100%;
    margin: 20px 0 16px;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(116,174,205,.13) !important;
    color: var(--ep-admin-text) !important;
    font-family: "Sora", "Manrope", ui-sans-serif, system-ui, sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -.01em;
}

/* Scrollable checkbox/list controls, equivalent to Regantis tag list surfaces */
.form-control[style*="overflow: auto"],
.form-control[style*="overflow:auto"] {
    height: auto;
    padding: 10px 12px !important;
    border: 1px solid rgba(116,174,205,.16) !important;
    border-radius: 15px 15px 15px 7px !important;
    background: rgba(8,27,42,.34) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.form-control[style*="overflow: auto"] .form-check,
.form-control[style*="overflow:auto"] .form-check {
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 6px !important;
    padding: 6px 9px 6px 31px;
    border: 1px solid rgba(116,174,205,.09);
    border-radius: 10px 10px 10px 4px;
    background: rgba(255,255,255,.02);
}
.form-control[style*="overflow: auto"] table.table,
.form-control[style*="overflow:auto"] table.table {
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.form-control[style*="overflow: auto"] table.table td,
.form-control[style*="overflow:auto"] table.table td {
    padding: 7px 9px;
    border-top-color: rgba(116,174,205,.09);
    background: transparent !important;
}
html[data-theme="light"] .form-control[style*="overflow: auto"],
html[data-theme="light"] .form-control[style*="overflow:auto"] {
    border-color: rgba(49,112,151,.13) !important;
    background: rgba(247,252,254,.90) !important;
}
html[data-theme="light"] .form-control[style*="overflow: auto"] .form-check,
html[data-theme="light"] .form-control[style*="overflow:auto"] .form-check {
    border-color: rgba(49,112,151,.08);
    background: rgba(255,255,255,.72);
}

/* Global CKEditor shell copied to Regantis form-editor language */
body .cke_chrome[class~="cke_chrome"] {
    overflow: hidden;
    border: 1px solid rgba(116,174,205,.17) !important;
    border-radius: 16px 16px 16px 7px !important;
    background: #102b3e !important;
    box-shadow: 0 12px 30px rgba(0,8,20,.10), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body .cke_chrome .cke_inner,
body .cke_chrome .cke_top,
body .cke_chrome .cke_bottom {
    background: #102b3e !important;
}
body .cke_chrome .cke_top,
body .cke_chrome .cke_bottom {
    border-color: rgba(116,174,205,.12) !important;
}
body .cke_chrome .cke_toolgroup,
body .cke_chrome .cke_combo_button {
    border: 1px solid rgba(116,174,205,.13) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: none !important;
}
body .cke_chrome .cke_button:hover,
body .cke_chrome .cke_button:focus,
body .cke_chrome .cke_button_on,
body .cke_chrome .cke_combo_button:hover,
body .cke_chrome .cke_combo_button:focus {
    background: rgba(77,169,255,.12) !important;
}
body .cke_chrome .cke_combo_text,
body .cke_chrome .cke_button_label,
body .cke_chrome .cke_path_item,
body .cke_chrome .cke_path_empty {
    color: #c9dce8 !important;
}
body .cke_chrome .cke_contents {
    border-top: 1px solid rgba(116,174,205,.10) !important;
    background: #f8fbfd !important;
}
html[data-theme="light"] body .cke_chrome[class~="cke_chrome"] {
    border-color: rgba(49,112,151,.13) !important;
    background: #eef7fb !important;
    box-shadow: 0 12px 30px rgba(45,91,120,.08), inset 0 1px 0 #fff !important;
}
html[data-theme="light"] body .cke_chrome .cke_inner,
html[data-theme="light"] body .cke_chrome .cke_top,
html[data-theme="light"] body .cke_chrome .cke_bottom {
    background: #eef7fb !important;
}
html[data-theme="light"] body .cke_chrome .cke_toolgroup,
html[data-theme="light"] body .cke_chrome .cke_combo_button {
    border-color: rgba(49,112,151,.12) !important;
    background: rgba(255,255,255,.76) !important;
}
html[data-theme="light"] body .cke_chrome .cke_combo_text,
html[data-theme="light"] body .cke_chrome .cke_button_label,
html[data-theme="light"] body .cke_chrome .cke_path_item,
html[data-theme="light"] body .cke_chrome .cke_path_empty {
    color: #31566f !important;
}

/* Auth logo variants */
.ep-auth-logo { width: 210px; max-width: 72%; height: auto; }
.ep-auth-logo-light { display: none; }
html[data-theme="light"] .ep-auth-logo-dark { display: none; }
html[data-theme="light"] .ep-auth-logo-light { display: inline-block; }

@media (max-width: 767.98px) {
    :root { --ep-admin-topbar-height: 68px; }
    #header .ep-brand { width: 38px; min-width: 38px; }
    #header .ep-brand-logo-full { display: none !important; }
    #header .ep-brand-logo-icon { display: block; width: 32px; height: 32px; }
    #header.ep-admin-topbar .ep-account-button { width: 44px; padding: 0 !important; }
    #header.ep-admin-topbar .ep-account-button span { display: none; }
    .engineparts-pwa-stock .pwa-page-header-actions { float: none !important; margin: 0 0 12px; flex-wrap: wrap; }
}
/* V6 verification follow-up: open setting accordion + stock-map page heading */
#tab-option .accordion-item:has(> .collapse.show) {
    border-color: rgba(91,176,215,.30) !important;
    box-shadow: 0 16px 34px rgba(0,8,20,.16), inset 3px 0 0 #2d87c8, inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#tab-option .accordion-item:has(> .collapse.show) > .accordion-button {
    background: linear-gradient(105deg, rgba(73,111,201,.22), rgba(44,132,200,.18), rgba(45,189,187,.10)) !important;
}
html[data-theme="light"] #tab-option .accordion-item:has(> .collapse.show) {
    border-color: rgba(20,115,230,.22) !important;
    box-shadow: 0 16px 34px rgba(45,91,120,.11), inset 3px 0 0 #2d87c8, inset 0 1px 0 #fff !important;
}
html[data-theme="light"] #tab-option .accordion-item:has(> .collapse.show) > .accordion-button {
    background: linear-gradient(105deg, rgba(20,115,230,.11), rgba(45,189,187,.06)) !important;
}
.engineparts-stock-map .pwa-page-header {
    margin: 0 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.engineparts-stock-map .pwa-page-header > .container-fluid { padding: 0 !important; }
.engineparts-stock-map .pwa-page-header h1 { margin: 0 0 4px; }
.engineparts-stock-map .pwa-page-header .pwa-stock-subtitle { margin: 0; color: var(--ep-admin-muted); }

/* Canonical Regantis standard CKEditor finishing states. */
body .cke_chrome[class~="cke_chrome"] { padding: 0 !important; border-radius: 11px !important; }
body .cke_chrome[class~="cke_chrome"] a.cke_button { border-radius: 6px !important; }
body .cke_chrome[class~="cke_chrome"] .cke_button_icon {
    filter: brightness(0) saturate(100%) invert(88%) sepia(13%) saturate(646%) hue-rotate(157deg) brightness(103%) contrast(94%) !important;
    opacity: 1;
}
body .cke_chrome[class~="cke_chrome"] .cke_button_disabled .cke_button_icon { opacity: .30; }
body .cke_chrome[class~="cke_chrome"] .cke_button_arrow,
body .cke_chrome[class~="cke_chrome"] .cke_combo_arrow { border-top-color: #cce7f2 !important; }
body .cke_chrome[class~="cke_chrome"] .cke_separator,
body .cke_chrome[class~="cke_chrome"] .cke_toolbar_separator {
    border-color: rgba(109,181,211,.14) !important;
    background-color: rgba(109,181,211,.14) !important;
}
body .cke_chrome[class~="cke_chrome"] .cke_resizer_ltr { border-color: transparent #cce7f2 transparent transparent !important; }
body .cke_chrome[class~="cke_chrome"] .cke_resizer_rtl { border-color: transparent transparent transparent #cce7f2 !important; }
html[data-theme="dark"] body .cke_chrome[class~="cke_chrome"] .cke_contents,
html[data-theme="dark"] body .cke_chrome[class~="cke_chrome"] .cke_wysiwyg_div,
html[data-theme="dark"] body .cke_chrome[class~="cke_chrome"] .cke_wysiwyg_frame { background-color: #e9f0f4 !important; }
html[data-theme="light"] body .cke_chrome[class~="cke_chrome"] .cke_button_icon {
    filter: brightness(0) saturate(100%) invert(32%) sepia(11%) saturate(1492%) hue-rotate(159deg) brightness(91%) contrast(90%) !important;
}
html[data-theme="light"] body .cke_chrome[class~="cke_chrome"] .cke_button_arrow,
html[data-theme="light"] body .cke_chrome[class~="cke_chrome"] .cke_combo_arrow { border-top-color: #355d75 !important; }
html[data-theme="light"] body .cke_chrome[class~="cke_chrome"] .cke_resizer_ltr { border-color: transparent #355d75 transparent transparent !important; }
html[data-theme="light"] body .cke_chrome[class~="cke_chrome"] .cke_resizer_rtl { border-color: transparent transparent transparent #355d75 !important; }



/* =========================================================
   EngineParts Admin - post V6 integration fixes
   ========================================================= */
/* Modals and their backdrops must always sit above the fixed admin header (z-index: 1100). */
.modal{z-index:1300!important}
.modal-backdrop{z-index:1290!important}
.modal-footer{display:flex!important;align-items:center!important;justify-content:space-between!important}

/* Image manager card actions: compensate optically for the icon/text weight on the right. */
.card.image .card-body > [data-toggle="image"],
.card.image .card-body > [data-toggle="clear"]{padding-top:.5rem!important;padding-bottom:.5rem!important;padding-left:1rem!important;padding-right:.75rem!important}

/* Language translation action is temporarily hidden until it is moved from Google Translate to AI. */
.ep-translate-nav-item,
#translate-texts-button{display:none!important}
.nav-tabs > .ep-translate-nav-item{margin-left:auto!important;flex:0 0 auto;align-items:center;padding-left:8px}
.nav-tabs > .ep-translate-nav-item .ep-translate-texts-button{position:static!important;right:auto!important;min-width:40px;height:38px;align-items:center;justify-content:center;margin:0}

/* Keep the previously approved admin geometry after the V6 stylesheet merge. */
.nav-tabs li.nav-item a.active,.nav-tabs .nav-link.active{border-radius:9px!important}
#column-left #menu li li a{border-radius:14px!important}
#column-left:not(.ep-sidebar-has-indicator) #menu a.is-active,#column-left #menu li li a:hover{box-shadow:0 12px 28px rgba(25,26,74,.16),inset 1px 0 0 rgba(91,167,224,.88),inset 0 1px 0 rgba(255,255,255,.05)!important}
html[data-theme="light"] #column-left:not(.ep-sidebar-has-indicator) #menu a.is-active,html[data-theme="light"] #column-left #menu li li a:hover{box-shadow:0 14px 30px rgba(47,91,124,.12),inset 1px 0 0 rgba(45,135,200,.34),inset 0 1px 0 #fff!important}
.btn-group:has(> .btn:not([hidden])):not(:has(> .btn:not([hidden]) ~ .btn:not([hidden]))) > .btn:not([hidden]){margin-left:0!important;border-radius:var(--ep-admin-radius-pill,999px)!important}

/* Header icon controls retain an accent rail, but slimmer than the previous 3px treatment. */
#header.ep-admin-topbar .ep-icon-button,#header.ep-admin-topbar .navbar-nav .nav-link.ep-icon-button{box-shadow:0 8px 22px rgba(0,8,20,.08),inset 2px 0 0 rgba(45,135,200,.72),inset 0 1px 0 rgba(255,255,255,.055)!important}
#header.ep-admin-topbar .ep-icon-button:hover,#header.ep-admin-topbar .ep-icon-button:focus-visible,#header.ep-admin-topbar .navbar-nav .nav-item.show > .nav-link.ep-icon-button{box-shadow:0 12px 28px rgba(0,8,20,.14),inset 2px 0 0 #4da9ff,inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="light"] #header.ep-admin-topbar .ep-icon-button,html[data-theme="light"] #header.ep-admin-topbar .navbar-nav .nav-link.ep-icon-button{box-shadow:0 8px 22px rgba(49,91,121,.07),inset 2px 0 0 rgba(45,135,200,.62),inset 0 1px 0 rgba(255,255,255,.94)!important}
html[data-theme="light"] #header.ep-admin-topbar .ep-icon-button:hover,html[data-theme="light"] #header.ep-admin-topbar .ep-icon-button:focus-visible,html[data-theme="light"] #header.ep-admin-topbar .navbar-nav .nav-item.show > .nav-link.ep-icon-button{box-shadow:0 12px 28px rgba(45,101,137,.10),inset 2px 0 0 #1473e6,inset 0 1px 0 #fff!important}

@media(max-width:767.98px){.nav-tabs > .ep-translate-nav-item{margin-left:0!important;padding-left:0}.nav-tabs > .ep-translate-nav-item .ep-translate-texts-button{margin-left:0}}

/* Dashboard map alignment and controls */
.ep-dashboard-page #vmap {
    position: relative;
    overflow: hidden;
}

.ep-dashboard-page #vmap > svg {
    position: relative;
    left: 12%;
}

.ep-dashboard-page #vmap .jqvmap-zoomin,
.ep-dashboard-page #vmap .jqvmap-zoomout {
    z-index: 6;
    left: 12px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(119, 174, 211, .20);
    border-radius: 9px;
    color: #d8e9f4;
    background: rgba(18, 48, 70, .92);
    box-shadow: 0 10px 24px rgba(0, 8, 20, .18), inset 0 1px 0 rgba(255, 255, 255, .07);
    font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
}

.ep-dashboard-page #vmap .jqvmap-zoomin {
    top: 12px;
}

.ep-dashboard-page #vmap .jqvmap-zoomout {
    top: 52px;
}

.ep-dashboard-page #vmap .jqvmap-zoomin:hover,
.ep-dashboard-page #vmap .jqvmap-zoomout:hover {
    border-color: rgba(77, 169, 255, .42);
    color: #fff;
    background: linear-gradient(145deg, rgba(31, 82, 116, .96), rgba(23, 91, 108, .90));
}

html[data-theme="light"] .ep-dashboard-page #vmap .jqvmap-zoomin,
html[data-theme="light"] .ep-dashboard-page #vmap .jqvmap-zoomout {
    border-color: rgba(45, 101, 137, .16);
    color: #17384e;
    background: rgba(247, 252, 255, .94);
    box-shadow: 0 10px 24px rgba(45, 101, 137, .10), inset 0 1px 0 #fff;
}

html[data-theme="light"] .ep-dashboard-page #vmap .jqvmap-zoomin:hover,
html[data-theme="light"] .ep-dashboard-page #vmap .jqvmap-zoomout:hover {
    border-color: rgba(20, 115, 230, .28);
    color: #0f456b;
    background: #fff;
}

/* CRM-reference desktop menu toggle glyph. */
#button-desktop-menu .fa-angles-left {
    margin: 0;
    transition: transform 180ms ease;
}

body:not(.column-left-active-desktop) #button-desktop-menu .fa-angles-left {
    transform: rotate(180deg);
}

/* Language icon buttons use the same radius on every corner. */
#header.ep-admin-topbar .navbar-nav .nav-link.ep-icon-button.ep-language-button {
    border-radius: 15px !important;
}

/* Compact table action buttons: centered icons and 9px geometry. */
.table td > .btn:has(> i:only-child),
.table td > a.btn:has(> i:only-child) {
    border-radius: 9px !important;
}

.table td > .btn:has(> i:only-child) > i,
.table td > a.btn:has(> i:only-child) > i,
.table td .btn-group > .btn:has(> i:only-child) > i {
    margin-right: 0 !important;
}

.table td .btn-group:has(> .btn > i:only-child) {
    border-radius: 9px !important;
}

.table td .btn-group:has(> .btn > i:only-child) > .btn {
    min-width: 38px;
    align-items: center;
    justify-content: center;
}

.table td .btn-group:has(> .btn > i:only-child) > .btn:first-child {
    border-top-left-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
}

.table td .btn-group:has(> .btn > i:only-child) > .btn:last-child {
    border-top-right-radius: 9px !important;
    border-bottom-right-radius: 9px !important;
}

.table td .btn-group:has(> .btn > i:only-child):has(> .btn:not([hidden])):not(:has(> .btn:not([hidden]) ~ .btn:not([hidden]))) > .btn:not([hidden]) {
    border-radius: 9px !important;
}

.table td.action .ep-product-action-group {
    margin-bottom: 0 !important;
    vertical-align: middle;
}

/* === Regantis V10 admin polish: dashboard, auth, header, tables and settings === */

/* Dashboard KPI cards use the CRM metric-card language rather than legacy OpenCart cards. */
.ep-dashboard-page .ep-dashboard-kpi-card {
    position: relative;
    min-height: 178px;
    overflow: hidden;
    border: 1px solid rgba(106, 180, 221, .16) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 88% 10%, rgba(117, 88, 205, .14), transparent 34%),
        linear-gradient(145deg, rgba(16, 43, 63, .98), rgba(10, 31, 48, .96)) !important;
    box-shadow: 0 18px 42px rgba(0, 8, 22, .18), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-header {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(108,178,213,.10) !important;
    color: var(--ep-admin-text-body);
    background: rgba(255,255,255,.012) !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}
.ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-header .float-right {
    margin-left: auto;
    color: #79c9e8;
    font-size: 11px;
    font-weight: 700;
}
.ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-body {
    min-height: 84px;
    padding: 14px 16px !important;
}
.ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-body > i {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(112,190,224,.19);
    border-radius: 15px;
    color: #9ae5f3;
    background: linear-gradient(145deg, rgba(30,95,129,.58), rgba(38,94,117,.34));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,8,22,.13);
    font-size: 20px;
}
.ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-body h2 {
    position: relative;
    z-index: 2;
    color: #edf8fc;
    font-size: 32px;
    font-weight: 650;
}
.ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-footer {
    min-height: 46px;
    padding: 9px 16px !important;
    border-top-color: rgba(108,178,213,.10) !important;
    background: rgba(255,255,255,.012) !important;
}
.ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-footer a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #82d7eb;
    font-size: 12px;
    font-weight: 700;
}
.ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-footer a::after {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 10px;
}
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-kpi-card {
    border-color: rgba(68,126,163,.14) !important;
    background:
        radial-gradient(circle at 88% 10%, rgba(116,91,205,.08), transparent 34%),
        linear-gradient(145deg, #ffffff, #f2f8fb) !important;
    box-shadow: 0 16px 36px rgba(45,83,108,.10), inset 0 1px 0 #fff !important;
}
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-header,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-body h2 { color: #15364e; }
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-header .float-right,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-footer a { color: #2d78a5; }
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-kpi-card .ep-dashboard-kpi-body > i {
    color: #2d78a5;
    border-color: rgba(45,135,200,.15);
    background: linear-gradient(145deg, #eaf5fb, #dfeff7);
}

/* Recent activity/list rows use separated CRM-style surfaces. */
.ep-dashboard-page .ep-dashboard-activity-table,
.ep-dashboard-page .ep-dashboard-recent-table {
    border-collapse: separate !important;
    border-spacing: 0 7px !important;
    padding: 4px 10px 10px;
}
.ep-dashboard-page .ep-dashboard-activity-table tbody tr > td,
.ep-dashboard-page .ep-dashboard-recent-table tbody tr > td {
    padding: 12px 13px !important;
    border-top: 1px solid rgba(106,180,221,.09) !important;
    border-bottom: 1px solid rgba(106,180,221,.09) !important;
    color: var(--ep-admin-text-body) !important;
    background: rgba(255,255,255,.025) !important;
    vertical-align: middle;
}
.ep-dashboard-page .ep-dashboard-activity-table tbody tr > td:first-child,
.ep-dashboard-page .ep-dashboard-recent-table tbody tr > td:first-child {
    border-left: 1px solid rgba(106,180,221,.09) !important;
    border-radius: 12px 0 0 12px;
}
.ep-dashboard-page .ep-dashboard-activity-table tbody tr > td:last-child,
.ep-dashboard-page .ep-dashboard-recent-table tbody tr > td:last-child {
    border-right: 1px solid rgba(106,180,221,.09) !important;
    border-radius: 0 12px 12px 0;
}
.ep-dashboard-page .ep-dashboard-activity-table tbody tr:hover > td,
.ep-dashboard-page .ep-dashboard-recent-table tbody tr:hover > td {
    color: #edf8fc !important;
    border-color: rgba(77,169,255,.20) !important;
    background: linear-gradient(105deg, rgba(35,74,101,.34), rgba(31,86,105,.25)) !important;
}
.ep-dashboard-activity-copy { min-width: 0; }
.ep-dashboard-activity-date {
    white-space: nowrap;
    color: var(--ep-admin-muted) !important;
    font-size: 11px;
}
.ep-dashboard-activity-date i { margin-right: 6px; color: #6eb7d8; }
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-activity-table tbody tr > td,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-recent-table tbody tr > td {
    color: #31566f !important;
    border-color: rgba(68,126,163,.10) !important;
    background: #f8fbfd !important;
}
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-activity-table tbody tr:hover > td,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-recent-table tbody tr:hover > td {
    color: #15364e !important;
    border-color: rgba(45,135,200,.16) !important;
    background: linear-gradient(105deg, #eef6fb, #e8f4f7) !important;
}

/* Map theme surfaces: inactive regions stay quiet, data-active regions use the blue/teal CRM range. */
.ep-dashboard-page #vmap { background: transparent !important; }
.ep-dashboard-page #vmap path { transition: fill .16s ease, stroke .16s ease, opacity .16s ease; }

/* Login matches the CRM auth card hierarchy and keeps forgot-password under the primary action. */
body.ep-auth-body {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background:
        radial-gradient(circle at 16% 18%, rgba(53,151,205,.16), transparent 30%),
        radial-gradient(circle at 82% 78%, rgba(117,78,197,.11), transparent 34%),
        #071522 !important;
}
body.ep-auth-body::before {
    position: fixed;
    inset: 0;
    z-index: 0;
    background-image: linear-gradient(rgba(110,181,214,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(110,181,214,.035) 1px, transparent 1px);
    background-size: 46px 46px;
    content: "";
    pointer-events: none;
    -webkit-mask-image: radial-gradient(circle at center, #000 10%, transparent 82%);
}
.ep-auth-shell-wrap,
#content.ep-auth-page { min-height: 100vh; }
#content.ep-auth-page { position: relative; z-index: 2; display: grid !important; place-items: center; padding: 28px 18px !important; }
.ep-auth-shell { width: min(100%, 500px); display: flex; flex-direction: column; align-items: stretch; }
.ep-auth-brand { display: flex; justify-content: center; margin: 0 auto 20px; }
.ep-auth-logo { width: 205px !important; max-width: 70vw !important; height: auto !important; filter: none !important; }
.ep-auth-logo-light { display: none !important; }
html[data-theme="light"] .ep-auth-logo-dark { display: none !important; }
html[data-theme="light"] .ep-auth-logo-light { display: block !important; }
#content.ep-auth-page .ep-auth-card-regantis {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(106,180,221,.18) !important;
    border-radius: 26px 26px 26px 11px !important;
    background: linear-gradient(145deg, rgba(15,43,63,.98), rgba(8,29,45,.97)) !important;
    box-shadow: 0 30px 80px rgba(0,7,22,.34), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
#content.ep-auth-page .ep-auth-card-regantis::before {
    position: absolute;
    top: -90px;
    right: -70px;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(77,169,255,.12);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(77,169,255,.02), 0 0 0 68px rgba(45,189,187,.012);
    content: "";
}
#content.ep-auth-page .ep-auth-card-regantis .card-body { position: relative; z-index: 1; padding: 34px !important; }
.ep-auth-heading h1 { margin: 0 0 26px; color: #edf8fc; font-size: 25px; font-weight: 600; letter-spacing: -.03em; text-align: center; }
.ep-auth-form { display: flex; flex-direction: column; gap: 15px; }
.ep-auth-form .form-group { margin: 0; }
.ep-auth-form .col-form-label { margin-bottom: 6px; color: #b9ceda !important; font-size: 12px; font-weight: 650; }
.ep-auth-form .input-group-text,
.ep-auth-form .form-control {
    min-height: 46px;
    border-color: rgba(106,180,221,.18) !important;
    color: #eaf6fb !important;
    background: rgba(5,22,35,.58) !important;
}
.ep-auth-form .input-group-text { width: 46px; justify-content: center; border-radius: 12px 0 0 12px !important; color: #75bddb !important; }
.ep-auth-form .form-control { border-radius: 0 12px 12px 0 !important; }
.ep-auth-submit {
    width: 100%;
    min-height: 48px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 3px;
    border: 1px solid rgba(128,211,226,.42) !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(115deg, #7656c5 0%, #3c88bc 62%, #2e9eaa 100%) !important;
    box-shadow: 0 12px 28px rgba(45,58,133,.26), inset 0 1px 0 rgba(255,255,255,.20) !important;
    font-weight: 700;
}
.ep-auth-submit:hover,
.ep-auth-submit:focus-visible { transform: translateY(-1px); box-shadow: 0 16px 34px rgba(45,58,133,.32), inset 0 1px 0 rgba(255,255,255,.24) !important; }
.ep-auth-forgotten { display: block; margin-top: 3px; color: #88c9df !important; font-size: 12px; font-weight: 650; text-align: center; }
.ep-auth-forgotten:hover { color: #b5eff8 !important; text-decoration: none; }
html[data-theme="light"] body.ep-auth-body {
    background:
        radial-gradient(circle at 16% 18%, rgba(53,151,205,.10), transparent 30%),
        radial-gradient(circle at 82% 78%, rgba(117,78,197,.06), transparent 34%),
        #edf5fa !important;
}
html[data-theme="light"] #content.ep-auth-page .ep-auth-card-regantis {
    border-color: rgba(68,126,163,.16) !important;
    background: linear-gradient(145deg, #fff, #f5fafc) !important;
    box-shadow: 0 28px 68px rgba(45,83,108,.16), inset 0 1px 0 #fff !important;
}
html[data-theme="light"] .ep-auth-heading h1 { color: #15364e; }
html[data-theme="light"] .ep-auth-form .col-form-label { color: #365d74 !important; }
html[data-theme="light"] .ep-auth-form .input-group-text,
html[data-theme="light"] .ep-auth-form .form-control { border-color: rgba(68,126,163,.16) !important; color: #15364e !important; background: #fff !important; }
html[data-theme="light"] .ep-auth-forgotten { color: #2d78a5 !important; }

/* Dark tables/forms: remove Bootstrap white separators and preserve readable hover text. */
html[data-theme="dark"] .table,
html[data-theme="dark"] table.table,
html[data-theme="dark"] fieldset table.table { color: #d9e8f0 !important; background: transparent !important; }
html[data-theme="dark"] .table > thead > tr > :is(th,td),
html[data-theme="dark"] .table > tbody > tr > :is(th,td),
html[data-theme="dark"] .table > tfoot > tr > :is(th,td),
html[data-theme="dark"] fieldset .table > :is(thead,tbody,tfoot) > tr > :is(th,td) {
    border-color: rgba(112,176,208,.11) !important;
    color: #d9e8f0 !important;
    background-color: transparent !important;
}
html[data-theme="dark"] .table > thead > tr > :is(th,td) { color: #a9c7d7 !important; background: rgba(255,255,255,.018) !important; }
html[data-theme="dark"] .table-hover tbody tr:hover > td,
html[data-theme="dark"] .table-hover tbody tr:hover > th,
html[data-theme="dark"] .table-hover tbody tr:hover > td a:not(.btn),
html[data-theme="dark"] .table-hover tbody tr:hover > th a:not(.btn) {
    color: #edf8fc !important;
}
html[data-theme="dark"] .table-hover tbody tr:hover > td,
html[data-theme="dark"] .table-hover tbody tr:hover > th { background: rgba(48,92,119,.24) !important; }
html[data-theme="dark"] fieldset .table .form-control { border-color: rgba(112,176,208,.16) !important; background: rgba(8,27,42,.76) !important; color: #e6f3f8 !important; }
html[data-theme="dark"] fieldset .table select.form-control option { color: #e6f3f8; background: #102a3d; }

/* CRM cron action buttons. */
.cd-cron-page .cd-listing-action-group {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
}
.cd-cron-page .cd-listing-action-group > .cd-icon-button {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
}
.cd-cron-page .cd-listing-action-group > .cd-icon-button i { margin: 0 !important; }
.cd-cron-page .cd-listing-action-group .btn-warning { color: #fff !important; background: linear-gradient(145deg,#c88b27,#a86a17) !important; border-color: rgba(226,170,72,.28) !important; }
.cd-cron-page .cd-listing-action-group .btn-info { color: #fff !important; background: linear-gradient(145deg,#3d91ba,#28749b) !important; border-color: rgba(90,184,224,.28) !important; }
.cd-cron-page .cd-listing-action-group .btn-success { color: #fff !important; background: linear-gradient(145deg,#2e9f84,#237d69) !important; border-color: rgba(81,193,161,.26) !important; }
.cd-cron-page .cd-listing-action-group .btn-danger { color: #fff !important; background: linear-gradient(145deg,#c5576a,#9d394b) !important; border-color: rgba(224,103,124,.28) !important; }

/* Setting option keeps tab-pane semantics; accordion owns its own inner wrapper. */
#tab-option > .ep-settings-option-accordion { width: 100%; }
html[data-theme="light"] #tab-option .accordion-item:has(> .collapse.show) > .accordion-button {
    color: #214b67 !important;
    background: linear-gradient(105deg, #f7fbfd 0%, #edf6fa 58%, #e8f3f7 100%) !important;
    box-shadow: inset 3px 0 0 #2d87c8, inset 0 1px 0 #fff !important;
}

/* Compact, centered image selector used throughout setting/product tabs. */
.card.image {
    width: min(220px, 100%) !important;
    min-height: 0 !important;
    height: auto !important;
    align-items: stretch !important;
}
.card.image .img-thumbnail-cont-full {
    width: calc(100% - 20px) !important;
    height: 158px !important;
    min-height: 158px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 10px 10px 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(99,177,211,.14) !important;
    border-radius: 13px !important;
    background: rgba(8,27,42,.76) !important;
}
.card.image .img-thumbnail-cont-full > img,
.card.image > img.card-img-top,
.card.image > .card-img-top {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
}
.card.image .card-body {
    min-height: 54px !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 12px 12px !important;
}
html[data-theme="light"] .card.image .img-thumbnail-cont-full { border-color: rgba(68,126,163,.12) !important; background: linear-gradient(135deg,#f7fafc,#edf3f6) !important; }

/* CRM color-field shell. */
.form-control-color {
    width: 58px !important;
    min-width: 58px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 4px !important;
    overflow: hidden;
    border: 1px solid rgba(111,171,202,.20) !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg, rgba(13,42,61,.96), rgba(7,29,45,.92)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 8px 18px rgba(0,10,24,.16) !important;
}
.form-control-color input[type="color"] {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer;
}
.form-control-color input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
.form-control-color input[type="color"]::-webkit-color-swatch { border: 0; border-radius: 7px; }
html[data-theme="light"] .form-control-color {
    border-color: rgba(68,126,163,.18) !important;
    background: linear-gradient(145deg,#fff,#eaf4f8) !important;
    box-shadow: inset 0 1px 0 #fff, 0 8px 18px rgba(44,78,101,.10) !important;
}

@media (max-width: 767.98px) {
    #header .ep-brand { width: 38px !important; min-width: 38px !important; margin-left: 8px !important; }
    #header .ep-brand-logo-full { display: none !important; }
    #header .ep-brand-logo-icon { display: block !important; width: 31px !important; height: 31px !important; max-width: 31px !important; max-height: 31px !important; filter: none !important; }
    #header.ep-admin-topbar .ep-account-button { width: 42px !important; min-width: 42px !important; padding: 4px !important; }
    #header.ep-admin-topbar .ep-account-button span { display: none !important; }
    .ep-dashboard-page .ep-dashboard-activity-table,
    .ep-dashboard-page .ep-dashboard-recent-table { border-spacing: 0 5px !important; padding-right: 4px; padding-left: 4px; }
}

/* Direct-image variant of the shared image card (profile/product forms). */
.card.image > img.card-img-top,
.card.image > .card-img-top {
    box-sizing: border-box !important;
    width: calc(100% - 20px) !important;
    min-width: 0 !important;
    max-width: calc(100% - 20px) !important;
    height: 158px !important;
    min-height: 158px !important;
    max-height: 158px !important;
    margin: 10px 10px 0 !important;
    padding: 10px !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 1px solid rgba(99,177,211,.14) !important;
    border-radius: 13px !important;
    background: rgba(8,27,42,.76) !important;
}
html[data-theme="light"] .card.image > img.card-img-top,
html[data-theme="light"] .card.image > .card-img-top {
    border-color: rgba(68,126,163,.12) !important;
    background: linear-gradient(135deg,#f7fafc,#edf3f6) !important;
}

/* Keep all fixed chrome aligned with the CRM header height. */
:root { --ep-admin-topbar-height: 72px; }
@media (max-width: 767.98px) { :root { --ep-admin-topbar-height: 68px; } }


/* Regantis V11 finishing pass */
/* Keep breathing room at the end of every admin scroll page after the visible footer was removed. */
body:not(.ep-auth-body) #footer:empty {
    display: block !important;
    width: 100%;
    min-height: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden;
}
body.ep-auth-body #footer:empty,
body.common-forgotten #footer:empty,
body.common-reset #footer:empty {
    min-height: 0 !important;
    height: 0 !important;
}

/* Same scrollbar language as the Regantis CRM. */
body.ep-admin-body,
body.ep-admin-body * {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(112,91,199,.90) rgba(67,126,157,.12) !important;
}
body.ep-admin-body::-webkit-scrollbar,
body.ep-admin-body *::-webkit-scrollbar {
    width: 7px !important;
    height: 7px !important;
}
body.ep-admin-body::-webkit-scrollbar-track,
body.ep-admin-body *::-webkit-scrollbar-track {
    border-radius: 999px !important;
    background: rgba(67,126,157,.10) !important;
}
body.ep-admin-body::-webkit-scrollbar-thumb,
body.ep-admin-body *::-webkit-scrollbar-thumb {
    min-width: 54px;
    min-height: 54px;
    border: 1px solid rgba(8,24,39,.20) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg,rgba(124,98,204,.94),rgba(57,143,188,.92) 58%,rgba(45,158,168,.90)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.24),0 0 0 1px rgba(93,177,206,.06) !important;
}
body.ep-admin-body::-webkit-scrollbar-thumb:hover,
body.ep-admin-body *::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg,rgba(137,111,216,.98),rgba(68,155,201,.96) 58%,rgba(56,174,181,.94)) !important;
}
html[data-theme="light"] body.ep-admin-body,
html[data-theme="light"] body.ep-admin-body * {
    scrollbar-color: rgba(84,111,148,.72) rgba(87,145,177,.12) !important;
}
html[data-theme="light"] body.ep-admin-body::-webkit-scrollbar-track,
html[data-theme="light"] body.ep-admin-body *::-webkit-scrollbar-track {
    background: rgba(87,145,177,.11) !important;
}
html[data-theme="light"] body.ep-admin-body::-webkit-scrollbar-thumb,
html[data-theme="light"] body.ep-admin-body *::-webkit-scrollbar-thumb {
    border-color: rgba(51,95,124,.18) !important;
    background: linear-gradient(180deg,rgba(103,121,166,.82),rgba(57,137,178,.82) 58%,rgba(45,148,159,.80)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.52),0 1px 3px rgba(44,88,116,.12) !important;
}
html[data-theme="light"] body.ep-admin-body::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] body.ep-admin-body *::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg,rgba(91,109,158,.90),rgba(47,127,170,.90) 58%,rgba(36,139,151,.88)) !important;
}
body.ep-admin-body::-webkit-scrollbar-corner,
body.ep-admin-body *::-webkit-scrollbar-corner {
    background: rgba(67,126,157,.10) !important;
}
html[data-theme="light"] body.ep-admin-body::-webkit-scrollbar-corner,
html[data-theme="light"] body.ep-admin-body *::-webkit-scrollbar-corner {
    background: rgba(87,145,177,.11) !important;
}
/* The sidebar has the CRM's almost-hairline rail. */
#column-left.ep-admin-sidebar #menu {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(116,91,205,.78) transparent !important;
}
#column-left.ep-admin-sidebar #menu::-webkit-scrollbar { width: .5px !important; }
#column-left.ep-admin-sidebar #menu::-webkit-scrollbar-track { background: transparent !important; }
#column-left.ep-admin-sidebar #menu::-webkit-scrollbar-thumb {
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg,rgba(130,88,200,.92),rgba(45,189,187,.82)) !important;
    box-shadow: none !important;
}

/* Collapsed sidebar never shows parent chevrons. */
@media (min-width:768px) {
    body:not(.column-left-active-desktop) #column-left #menu li a.parent::after {
        display: none !important;
    }
}

/* Customer list split action follows the compact list-action geometry. */
.ep-customer-action-group > .dropdown-toggle-split {
    min-width: 30px !important;
    width: 30px !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
    color: var(--ep-admin-text-body) !important;
}
.ep-customer-action-group > .dropdown-toggle-split::after { margin-left: 0 !important; }

/* Order-info metadata markers are visual glyphs, not primary actions. */
.ep-order-info-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(91,176,215,.18);
    border-radius: 10px;
    color: #7bc4df;
    background: linear-gradient(145deg,rgba(14,43,65,.62),rgba(9,31,49,.48));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
html[data-theme="light"] .ep-order-info-icon {
    border-color: rgba(68,126,163,.13);
    color: #287ca9;
    background: linear-gradient(145deg,#f7fbfd,#e9f3f8);
    box-shadow: inset 0 1px 0 #fff;
}

/* Standard Yes/No toggles: one neutral segmented control, active state carries selection. */
#input-request-offer.btn-group-toggle > .btn {
    border-color: transparent !important;
    color: var(--ep-admin-muted) !important;
    background: transparent !important;
}
#input-request-offer.btn-group-toggle > .btn:hover {
    color: var(--ep-admin-text) !important;
    background: rgba(91,176,215,.08) !important;
}
#input-request-offer.btn-group-toggle > .btn.active,
#input-request-offer.btn-group-toggle > .btn:active {
    border-color: rgba(84,194,221,.20) !important;
    color: #fff !important;
    background: linear-gradient(135deg,rgba(86,80,188,.72),rgba(34,139,175,.64)) !important;
}
html[data-theme="light"] #input-request-offer.btn-group-toggle > .btn.active,
html[data-theme="light"] #input-request-offer.btn-group-toggle > .btn:active {
    color: #15364e !important;
    background: linear-gradient(135deg,rgba(204,219,244,.92),rgba(207,237,239,.90)) !important;
}

/* PWA page subtitles always belong to the left-hand heading copy. */
.engineparts-pwa-stock .pwa-stock-subtitle,
.engineparts-stock-map .pwa-stock-subtitle {
    display: block;
    float: none !important;
    clear: none;
    max-width: min(760px,75%);
    margin: 4px 0 0 !important;
    text-align: left !important;
}

/* Regantis header: same flat structure, dimensions, surfaces and controls as CRM. */
:root { --ep-admin-topbar-height: 78px; }

#header.ep-admin-topbar.cd-topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1200 !important;
    height: 78px !important;
    min-height: 78px !important;
    display: flex;
    align-items: center;
    gap: 18px;
    overflow: visible;
    padding: 0 clamp(18px,3vw,22px) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(101,167,211,.18) !important;
    background:
        radial-gradient(circle at 22% -190%,rgba(130,88,200,.35),transparent 28rem),
        radial-gradient(circle at 78% -170%,rgba(44,132,200,.35),transparent 30rem),
        linear-gradient(100deg,rgba(3,15,29,.96),rgba(6,28,47,.92)) !important;
    box-shadow: 0 18px 54px rgba(0,8,23,.34),0 1px 0 rgba(255,255,255,.025) inset !important;
    backdrop-filter: blur(18px);
}

#header.ep-admin-topbar.cd-topbar::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent 2%,rgba(77,169,255,.52) 28%,rgba(45,188,187,.38) 72%,transparent 98%);
    content: "";
    opacity: .75;
    pointer-events: none;
}

#header .cd-brand {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0;
}

#header .cd-brand-logo {
    display: block;
    object-fit: contain;
    filter: none !important;
}

#header .cd-brand-logo-full {
    width: 172px !important;
    height: 46px !important;
    max-width: none !important;
    max-height: none !important;
}

#header .cd-brand-logo-icon {
    width: 38px !important;
    height: 38px !important;
    display: none;
}

#header .cd-brand-logo-light { display: none !important; }
html[data-theme="light"] #header .cd-brand-logo-dark { display: none !important; }
html[data-theme="light"] #header .cd-brand-logo-light { display: block !important; }

#header .cd-topbar-actions {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

#header .cd-icon-button,
#header .cd-account-button {
    min-height: 42px;
    border: 1px solid;
    border-top-color: rgba(120,190,234,.24) !important;
    border-right-color: rgba(120,190,234,.24) !important;
    border-bottom-color: rgba(2,10,24,.58) !important;
    border-left-color: rgba(2,10,24,.58) !important;
    border-radius: 16px !important;
    color: #dff5ff !important;
    background: linear-gradient(105deg,rgba(17,47,73,.90),rgba(15,56,82,.86) 58%,rgba(13,63,71,.78)) padding-box !important;
    box-shadow: 0 14px 30px rgba(0,7,22,.22),inset 3px 0 0 #2d87c8,inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#header .cd-icon-button {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    flex: 0 0 42px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

#header .cd-icon-button > i {
    margin: 0 !important;
    font-size: 14px;
    line-height: 1;
}

#header .cd-icon-button:hover,
#header .cd-icon-button:focus-visible,
#header .cd-account-button:hover,
#header .cd-account-button:focus-visible {
    border-top-color: rgba(148,211,249,.38) !important;
    border-right-color: rgba(148,211,249,.38) !important;
    border-bottom-color: rgba(8,21,40,.72) !important;
    border-left-color: rgba(8,21,40,.72) !important;
    color: #fff !important;
    background: linear-gradient(105deg,rgba(22,61,92,.96),rgba(19,71,101,.92) 58%,rgba(16,77,84,.84)) padding-box !important;
    box-shadow: 0 17px 36px rgba(0,7,22,.28),inset 3px 0 0 #4da9ff,inset 0 1px 0 rgba(255,255,255,.12) !important;
    text-decoration: none;
    transform: translateY(-1px);
}

#header .cd-account-button {
    min-height: 44px;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 3px 12px 3px 4px !important;
}

#header .cd-account-button #user-profile {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
    object-fit: cover;
    border: 0;
    border-radius: 50%;
}

#header .cd-account-button > span {
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}

#header .cd-icon-button.cd-menu-toggle {
    position: relative;
    overflow: hidden;
    border-radius: 13px !important;
    color: #dff5ff !important;
    background:
        radial-gradient(circle at 82% 18%,rgba(116,91,205,.18),transparent 54%),
        linear-gradient(145deg,rgba(15,48,75,.94),rgba(12,42,67,.90)) !important;
}

#header .cd-icon-button.cd-menu-toggle:hover,
#header .cd-icon-button.cd-menu-toggle:focus-visible {
    border-color: rgba(132,207,236,.42) !important;
    background:
        radial-gradient(circle at 82% 18%,rgba(126,96,218,.24),transparent 54%),
        linear-gradient(145deg,rgba(20,59,89,.98),rgba(14,53,78,.94)) !important;
    box-shadow: 0 15px 30px rgba(0,8,22,.25),inset 0 1px 0 rgba(255,255,255,.12) !important;
}

#header .cd-menu-toggle-glyph {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    pointer-events: none;
}

#header .cd-menu-toggle-glyph-desktop {
    font-size: 14px;
    transition: transform 320ms cubic-bezier(.16,1,.3,1),opacity 180ms ease;
}

#header .cd-menu-toggle-glyph-mobile {
    display: none;
    width: 18px;
    height: 14px;
    flex-direction: column;
    justify-content: space-between;
}

#header .cd-menu-toggle-glyph-mobile span {
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

#header .cd-menu-toggle.is-collapsed .cd-menu-toggle-glyph-desktop { transform: rotate(180deg); }
#header .lang-flag { width: 21px !important; height: 15px !important; border-radius: 4px !important; object-fit: cover; }
#header .cd-theme-menu { min-width: 190px; }
#header .dropdown-menu,
#header .cd-theme-menu,
#header .ep-theme-switcher { z-index: 1220 !important; }

html[data-theme="light"] #header.ep-admin-topbar.cd-topbar {
    border-bottom-color: rgba(68,126,163,.10) !important;
    background:
        radial-gradient(circle at 18% -180%,rgba(130,88,200,.20),transparent 26rem),
        radial-gradient(circle at 70% -180%,rgba(44,132,200,.22),transparent 29rem),
        linear-gradient(100deg,rgba(252,254,255,.97),rgba(238,248,253,.95)) !important;
    box-shadow: 0 18px 54px rgba(47,72,107,.13),inset 0 -1px 0 rgba(97,131,165,.09) !important;
}

html[data-theme="light"] #header .cd-icon-button,
html[data-theme="light"] #header .cd-account-button {
    border-top-color: rgba(255,255,255,.98) !important;
    border-right-color: rgba(255,255,255,.98) !important;
    border-bottom-color: rgba(81,143,183,.18) !important;
    border-left-color: rgba(81,143,183,.18) !important;
    color: #31566f !important;
    background: linear-gradient(105deg,rgba(209,229,246,.78),rgba(223,241,250,.86) 58%,rgba(218,244,240,.72)) padding-box !important;
    box-shadow: 0 16px 34px rgba(47,91,124,.12),inset 3px 0 0 #2d87c8,inset 0 1px 0 #fff !important;
}

html[data-theme="light"] #header .cd-icon-button:hover,
html[data-theme="light"] #header .cd-icon-button:focus-visible,
html[data-theme="light"] #header .cd-account-button:hover,
html[data-theme="light"] #header .cd-account-button:focus-visible {
    color: #15364e !important;
    background: linear-gradient(105deg,rgba(220,237,250,.94),rgba(232,247,253,.96) 58%,rgba(226,249,245,.90)) padding-box !important;
    box-shadow: 0 19px 39px rgba(47,91,124,.16),inset 3px 0 0 #1473e6,inset 0 1px 0 #fff !important;
}

html[data-theme="light"] #header .cd-icon-button.cd-menu-toggle {
    color: #3e6897 !important;
    border-color: rgba(81,143,183,.18) !important;
    background:
        radial-gradient(circle at 82% 18%,rgba(120,91,208,.12),transparent 54%),
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(225,241,249,.94)) !important;
}

html[data-theme="light"] #header .cd-icon-button.cd-menu-toggle:hover,
html[data-theme="light"] #header .cd-icon-button.cd-menu-toggle:focus-visible {
    color: #53449f !important;
    border-color: rgba(99,120,194,.28) !important;
    background:
        radial-gradient(circle at 82% 18%,rgba(120,91,208,.17),transparent 54%),
        linear-gradient(145deg,#fff,#e4f2f8) !important;
    box-shadow: 0 15px 30px rgba(47,78,114,.15),inset 0 1px 0 #fff !important;
}

@media (max-width:960px) {
    :root { --ep-admin-topbar-height:72px; }
    #header.ep-admin-topbar.cd-topbar { height:72px !important; min-height:72px !important; }
    #header .cd-brand-logo-full { width:154px !important; }
}

@media (max-width:767.98px) {
    :root { --ep-admin-topbar-height:66px; }
    #header.ep-admin-topbar.cd-topbar {
        height:66px !important;
        min-height:66px !important;
        padding-right:12px !important;
        padding-left:12px !important;
        gap:8px;
    }
    #header #button-desktop-menu { display:none !important; }
    #header #button-menu { display:inline-flex !important; }
    #header .cd-brand-logo-full { display:none !important; }
    html[data-theme="light"] #header .cd-brand-logo-light.cd-brand-logo-full { display:none !important; }
    html[data-theme="light"] #header .cd-brand-logo-dark.cd-brand-logo-full { display:none !important; }
    #header .cd-brand-logo-icon { display:block !important; }
    #header .cd-topbar-actions { gap:7px; }
    #header .cd-account-button {
        width:44px !important;
        min-width:44px !important;
        max-width:44px !important;
        min-height:44px !important;
        justify-content:center !important;
        gap:0 !important;
        padding:4px !important;
    }
    #header .cd-account-button > span { display:none !important; }
}

@media (max-width:320px) {
    #header .cd-icon-button,
    #header .cd-account-button {
        width:38px !important;
        min-width:38px !important;
        max-width:38px !important;
        height:38px !important;
        min-height:38px !important;
        flex-basis:38px !important;
    }
    #header .cd-account-button #user-profile {
        width:30px !important;
        height:30px !important;
        flex-basis:30px;
    }
}

/* Shared Regantis list action groups (GDPR/customer lists included). */
.cd-listing-action-group {
    display: inline-flex !important;
    align-items: center;
    gap: 0 !important;
    vertical-align: middle;
}
.cd-listing-action-group > .cd-icon-button {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.cd-listing-action-group > .cd-icon-button:first-child { border-radius: 9px 0 0 9px !important; }
.cd-listing-action-group > .cd-icon-button:last-child { border-radius: 0 9px 9px 0 !important; }
.cd-listing-action-group > .cd-icon-button:only-child { border-radius: 9px !important; }
.cd-listing-action-group > .cd-icon-button i { margin: 0 !important; }
.cd-listing-action-group .btn-warning { color:#fff !important; background:linear-gradient(145deg,#c88b27,#a86a17) !important; border-color:rgba(226,170,72,.28) !important; }
.cd-listing-action-group .btn-info { color:#fff !important; background:linear-gradient(145deg,#3d91ba,#28749b) !important; border-color:rgba(90,184,224,.28) !important; }
.cd-listing-action-group .btn-success { color:#fff !important; background:linear-gradient(145deg,#2e9f84,#237d69) !important; border-color:rgba(81,193,161,.26) !important; }
.cd-listing-action-group .btn-danger { color:#fff !important; background:linear-gradient(145deg,#c5576a,#9d394b) !important; border-color:rgba(224,103,124,.28) !important; }
.cd-listing-action-group .btn-primary { color:#fff !important; background:linear-gradient(145deg,#3d78ba,#2e5f98) !important; border-color:rgba(91,156,218,.28) !important; }
.cd-listing-action-group .btn-light { color:var(--ep-admin-text-body) !important; background:rgba(107,156,184,.10) !important; border-color:rgba(117,174,207,.16) !important; }
html[data-theme="light"] .cd-listing-action-group .btn-light { color:#31566f !important; background:#edf5f9 !important; border-color:rgba(68,126,163,.14) !important; }

/* Keep the CRM desktop menu glyph synchronized after the persisted sidebar state changes. */
body:not(.column-left-active-desktop) #button-desktop-menu .cd-menu-toggle-glyph-desktop { transform: rotate(180deg); }
body.column-left-active-desktop #button-desktop-menu .cd-menu-toggle-glyph-desktop { transform: rotate(0deg); }
.page-header .pwa-stock-subtitle {
    display: block;
    float: none !important;
    margin: 4px 0 0 !important;
    color: var(--ep-admin-muted) !important;
    text-align: left !important;
}
/* Final CRM header action accent: use the same restrained 1px inset as Regantis. */
#header .cd-icon-button,
#header .cd-account-button {
    border-left-color: rgba(120,190,234,.07) !important;
    box-shadow: 0 16px 34px rgba(0,7,22,.28),inset 1px 0 0 rgba(77,169,255,.42),inset 0 1px 0 rgba(255,255,255,.09) !important;
}
#header .cd-icon-button:hover,
#header .cd-icon-button:focus-visible,
#header .cd-account-button:hover,
#header .cd-account-button:focus-visible {
    border-left-color: rgba(148,211,249,.10) !important;
    box-shadow: 0 19px 40px rgba(0,7,22,.34),inset 1px 0 0 rgba(111,190,255,.58),inset 0 1px 0 rgba(255,255,255,.13) !important;
}
html[data-theme="light"] #header .cd-icon-button,
html[data-theme="light"] #header .cd-account-button {
    border-left-color: rgba(81,143,183,.045) !important;
    box-shadow: 0 16px 34px rgba(47,91,124,.15),inset 1px 0 0 rgba(45,135,200,.32),inset 0 1px 0 #fff !important;
}
html[data-theme="light"] #header .cd-icon-button:hover,
html[data-theme="light"] #header .cd-icon-button:focus-visible,
html[data-theme="light"] #header .cd-account-button:hover,
html[data-theme="light"] #header .cd-account-button:focus-visible {
    border-left-color: rgba(69,127,166,.065) !important;
    box-shadow: 0 20px 40px rgba(47,91,124,.19),inset 1px 0 0 rgba(20,115,230,.42),inset 0 1px 0 #fff !important;
}

/* Regantis parity pass: scroll shell, links, forms and targeted admin pages. */
body.ep-admin-body:not(.ep-auth-body):not(.common-forgotten):not(.common-reset) {
    height: 100dvh;
    min-height: 0;
    padding-top: 0 !important;
    overflow: hidden;
}
body.ep-admin-body:not(.ep-auth-body):not(.common-forgotten):not(.common-reset) > #container {
    box-sizing: border-box;
    width: 100%;
    height: 100dvh;
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    padding-top: var(--ep-admin-topbar-height);
    overflow: hidden;
}
body.ep-admin-body:not(.ep-auth-body):not(.common-forgotten):not(.common-reset) > #container > #content {
    min-height: 0 !important;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
body.ep-admin-body:not(.ep-auth-body):not(.common-forgotten):not(.common-reset) > #container > #footer {
    grid-row: 2;
}

a {
    color: #4da9ff;
}
a:hover {
    color: #63cde7;
}
html[data-theme="light"] a {
    color: #1473e6;
}
html[data-theme="light"] a:hover {
    color: #0c5fc8;
}
.card-header a:not(.btn) {
    color: inherit;
}

.input-group-text { color: #73cbe0; }
html[data-theme="light"] .input-group-text { color: #3b7597; }

#tab-option > .ep-settings-option-accordion {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
#tab-option > .ep-settings-option-accordion > .accordion-item {
    margin: 0 !important;
}

.nav-tabs .nav-link {
    display: inline-flex;
    align-items: center;
}
.nav-tabs .nav-link > img {
    flex: 0 0 auto;
    margin-right: 7px !important;
    vertical-align: middle;
}

@media (min-width: 576px) {
    .form-group.row > .col-sm-10.col-md-4:has(> .input-group > .date.form-control),
    .form-group.row > .col-sm-10.col-md-4:has(> .input-group > .time.form-control),
    .form-group.row > .col-sm-10.col-md-4:has(> .input-group > .datetime.form-control) {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}

.ep-banner-form-page .btn::before,
.ep-modul-general-page .btn::before {
    display: none !important;
    content: none !important;
}
.ep-banner-form-page .ep-banner-image-card,
.ep-banner-form-page .ep-banner-icon-card {
    width: 200px !important;
    max-width: 100%;
}
.ep-banner-form-page .ep-banner-icon-card { width: 150px !important; }

.pwa-page-header > .container-fluid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "title actions"
        "subtitle actions";
    align-items: center !important;
    justify-content: stretch !important;
    gap: 4px 16px;
    flex-direction: initial !important;
}
.pwa-page-header > .container-fluid > h1 {
    grid-area: title;
    min-width: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    text-align: left;
}
.pwa-page-header > .container-fluid > .pwa-stock-subtitle {
    grid-area: subtitle;
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding: 0;
    text-align: left !important;
}
.pwa-page-header > .container-fluid > .pwa-page-header-actions,
.pwa-page-header > .container-fluid > .float-right {
    grid-area: actions;
    width: auto !important;
    max-width: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: none !important;
    float: none !important;
    margin: 0 !important;
}
@media (max-width: 767.98px) {
    .pwa-page-header > .container-fluid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "actions" "title" "subtitle";
        gap: 8px;
    }
    .pwa-page-header > .container-fluid > .pwa-page-header-actions,
    .pwa-page-header > .container-fluid > .float-right {
        width: 100% !important;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}



/* Final targeted theme parity: customer/order legacy surfaces, neutral alerts, notifications and footer spacing. */
.ep-readonly-control {
    display: flex;
    align-items: center;
    min-height: 42px;
    color: var(--ep-admin-text-body) !important;
    background: rgba(255,255,255,.035) !important;
    border-color: rgba(110,181,214,.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
html[data-theme="light"] .ep-readonly-control {
    color: #31566f !important;
    background: #eef6fa !important;
    border-color: rgba(69,127,166,.15) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
}

#tab-address > fieldset + fieldset,
#tab-company > fieldset + fieldset,
#tab-ong > fieldset + fieldset {
    margin-top: 12px;
}

#tab-address > fieldset,
#tab-company > fieldset,
#tab-ong > fieldset {
    overflow: hidden;
    border: 1px solid var(--ep-admin-border);
    border-radius: 16px 16px 16px 7px;
    background: var(--ep-admin-surface);
}

:is(#tab-address, #tab-company, #tab-ong) .ep-customer-entity-header {
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 8px 12px !important;
    border: 0 !important;
    color: #e6f1f7 !important;
    background: linear-gradient(105deg, rgba(56,96,126,.22), rgba(39,92,119,.15)) !important;
    box-shadow: none !important;
    font-weight: 650;
}

:is(#tab-address, #tab-company, #tab-ong) .ep-customer-entity-header:hover {
    background: linear-gradient(105deg, rgba(65,111,145,.30), rgba(44,103,132,.22)) !important;
}

:is(#tab-address, #tab-company, #tab-ong) .ep-customer-entity-remove {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    padding: 0 !important;
    border-radius: 9px 9px 9px 4px !important;
}

:is(#tab-address, #tab-company, #tab-ong) .ep-customer-entity-header + .collapse .card-body {
    border-top: 1px solid rgba(116,174,205,.12);
    background: rgba(7,24,38,.12);
}

html[data-theme="light"] :is(#tab-address, #tab-company, #tab-ong) .ep-customer-entity-header {
    color: #173f59 !important;
    background: linear-gradient(105deg, rgba(221,239,249,.84), rgba(232,247,250,.76)) !important;
}

html[data-theme="light"] :is(#tab-address, #tab-company, #tab-ong) .ep-customer-entity-header:hover {
    background: linear-gradient(105deg, #e2f1f8, #edf8fb) !important;
}

html[data-theme="light"] :is(#tab-address, #tab-company, #tab-ong) .ep-customer-entity-header + .collapse .card-body {
    border-top-color: rgba(49,112,151,.12);
    background: rgba(247,252,254,.72);
}

#content .ep-order-table-heading > :is(th, td),
#content .ep-order-table-heading-cell {
    color: #abc8d7 !important;
    background: rgba(255,255,255,.025) !important;
    border-color: rgba(112,176,208,.11) !important;
    font-weight: 650;
}
html[data-theme="light"] #content .ep-order-table-heading > :is(th, td),
html[data-theme="light"] #content .ep-order-table-heading-cell {
    color: #365d74 !important;
    background: #f2f8fb !important;
    border-color: rgba(69,127,166,.12) !important;
}

.alert.alert-secondary {
    color: #c6dce7 !important;
    background: rgba(80,128,157,.12) !important;
    border-color: rgba(112,176,208,.18) !important;
}
.alert.alert-secondary :is(strong, b, a:not(.btn)) {
    color: #e8f5fa !important;
}
html[data-theme="light"] .alert.alert-secondary {
    color: #365d74 !important;
    background: #eef6fa !important;
    border-color: rgba(69,127,166,.14) !important;
}
html[data-theme="light"] .alert.alert-secondary :is(strong, b, a:not(.btn)) {
    color: #173f59 !important;
}

#header-notifications .dropdown-header {
    margin: 0;
    padding: 10px 14px 7px;
    color: #9fc2d4 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .05em;
    text-transform: uppercase;
}
html[data-theme="light"] #header-notifications .dropdown-header {
    color: #55758a !important;
}

body.ep-admin-body:not(.ep-auth-body):not(.common-forgotten):not(.common-reset) > #container > #footer,
body.ep-admin-body #footer {
    display: none !important;
}
body.ep-admin-body:not(.ep-auth-body):not(.common-forgotten):not(.common-reset) > #container {
    grid-template-rows: minmax(0, 1fr);
}
body.ep-admin-body:not(.ep-auth-body):not(.common-forgotten):not(.common-reset) > #container > #content {
    box-sizing: border-box;
    padding-bottom: 28px !important;
}

/* Responsive audit pass: 280px -> 1920px. */
html,
body.ep-admin-body {
    max-width: 100%;
}

body.ep-admin-body:not(.ep-auth-body):not(.common-forgotten):not(.common-reset) > #container,
body.ep-admin-body:not(.ep-auth-body):not(.common-forgotten):not(.common-reset) > #container > #content,
#content > .container-fluid,
#content .card,
#content .card-body,
#content .tab-content,
#content .tab-pane,
#content form,
#content fieldset,
#content .row,
#content [class*="col-"] {
    min-width: 0;
}

#content > .container-fluid,
.page-header > .container-fluid {
    width: 100%;
    max-width: none;
    padding-right: 22px;
    padding-left: 22px;
}

#content img,
#content svg,
#content video,
#content canvas,
#content iframe {
    max-width: 100%;
}

#content iframe {
    border: 0;
}

/* Tables stay inside their page/card instead of widening the main scroll pane. */
#content .table-responsive,
#content .ep-table-scroll,
#content .ep-auto-table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
}

#content .ep-auto-table-responsive {
    border-radius: var(--ep-admin-radius-panel);
}

#content .table-responsive > .table,
#content .ep-auto-table-responsive > .table {
    width: 100%;
    max-width: none;
}

#content .table td,
#content .table th {
    overflow-wrap: anywhere;
}

#content .table .btn-group,
#content .table .cd-listing-action-group {
    flex-wrap: nowrap;
    white-space: nowrap;
}

/* Flexible content controls. */
#content .input-group,
#content .input-group > .form-control,
#content .input-group > .custom-select,
#content .input-group > .dropdown,
#content .btn-group,
#content .btn-toolbar {
    min-width: 0;
}

#content .input-group > .form-control,
#content .input-group > .custom-select,
#content select.form-control {
    max-width: 100%;
}

#content textarea,
#content input[type="text"],
#content input[type="email"],
#content input[type="url"],
#content input[type="number"],
#content input[type="password"],
#content select {
    max-width: 100%;
}

/* Page headers can reflow without forcing the title or actions off-canvas. */
.page-header > .container-fluid {
    gap: 14px;
}

.page-header h1,
.page-header .float-right,
.page-header .pwa-page-header-actions {
    min-width: 0;
}

.page-header .float-right,
.page-header .pwa-page-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.page-header .float-right > .btn,
.page-header .float-right > .btn-group,
.page-header .pwa-page-header-actions > .btn,
.page-header .pwa-page-header-actions > .btn-group {
    margin: 0 !important;
}

/* Tabs remain one horizontal rail instead of wrapping into broken multi-line bars. */
#content .nav-tabs {
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

#content .nav-tabs > .nav-item,
#content .nav-tabs > li {
    flex: 0 0 auto;
}

#content .nav-tabs .nav-link {
    white-space: nowrap;
}

/* Viewport-safe dropdowns/autocomplete menus. */
#content .dropdown-menu,
#header .dropdown-menu {
    max-width: min(360px, calc(100vw - 20px));
}

#content .dropdown-menu {
    max-height: min(60vh, 520px);
    overflow-y: auto;
}

/* Viewport-safe modals, including legacy dynamically-generated ones. */
.modal {
    padding-right: 0 !important;
}

.modal-dialog {
    width: auto;
    max-width: min(760px, calc(100vw - 32px));
    margin-right: auto;
    margin-left: auto;
}

.modal-dialog.modal-lg,
.modal-lg {
    max-width: min(1140px, calc(100vw - 32px));
}

.modal-dialog.modal-sm,
.modal-sm {
    max-width: min(420px, calc(100vw - 32px));
}

.modal-content,
.modal-body,
.modal-header,
.modal-footer {
    min-width: 0;
    max-width: 100%;
}

.modal-body {
    overflow-x: auto;
}

/* Keep pagination contained even with many pages. */
.pagination-cont,
.pagination-cont .row,
.pagination-cont [class*="col-"] {
    min-width: 0;
}

.pagination-cont .pagination {
    max-width: 100%;
    flex-wrap: wrap;
}

/* Common responsive helpers for older modules. */
.ep-layout-module-grid > [class*="col-"] {
    min-width: 0;
}

.ep-layout-module-grid .table {
    width: 100%;
}

.ep-sitemap-url-list {
    max-width: 100%;
    overflow-x: auto;
}

.ep-sitemap-url-list .table {
    min-width: 520px;
}

.ep-quick-edit-table-wrap,
.ep-legacy-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ep-implus-page #input-implus_upload_type {
    width: 100% !important;
    float: none !important;
}

.ep-implus-page .ep-implus-ftp-action {
    float: none !important;
}

.ep-implus-settings-description {
    width: 100% !important;
    min-width: 240px;
    max-width: 100% !important;
    min-height: 120px;
    height: 150px;
}

.ep-implus-settings-description-cell {
    min-width: 280px;
    max-width: 420px;
    background: transparent !important;
}

.ep-quick-product-image-cell {
    width: 250px;
    max-width: 250px;
}

/* Large desktop: preserve normal Regantis proportions with a little more breathing room. */
@media (min-width: 1600px) {
    #content > .container-fluid,
    .page-header > .container-fluid {
        padding-right: 28px;
        padding-left: 28px;
    }

    .page-header {
        padding-top: 26px;
        padding-bottom: 20px;
    }
}

/* Compact desktop / landscape tablet. */
@media (max-width: 1199.98px) {
    #content > .container-fluid,
    .page-header > .container-fluid {
        padding-right: 18px;
        padding-left: 18px;
    }

    .card-body {
        padding: 15px;
    }

    .page-header .float-right,
    .page-header .pwa-page-header-actions {
        gap: 7px;
    }

    #content .table th,
    #content .table td {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* Tablet: fix Bootstrap max-width remnants and let form rows actually stack. */
@media (max-width: 991.98px) {
    #content > .container-fluid,
    .page-header > .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .form-group.row > .col-sm-2,
    .form-group.row > .col-sm-10 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .form-group.row > .col-sm-2.col-md-2,
    .form-group.row > .col-sm-10.col-md-10 {
        max-width: 100% !important;
    }

    .form-group.row > .col-sm-2.col-form-label {
        padding-bottom: 6px;
    }

    .form-group.row > .offset-sm-2,
    .form-group.row > .offset-sm-3,
    .form-group.row > .offset-md-2,
    .form-group.row > .offset-md-3 {
        margin-left: 0 !important;
    }

    #filter-fixed {
        width: min(420px, 100vw) !important;
        max-width: 100vw;
    }

    .pagination-cont .row {
        align-items: center;
        gap: 8px 0;
    }

    .ep-layout-module-grid > .col-md-4,
    .ep-layout-module-grid > .col-lg-3,
    .ep-layout-module-grid > .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Phone / portrait tablet. */
@media (max-width: 767.98px) {
    body.ep-admin-body.column-left-active::after {
        content: "";
        position: fixed;
        z-index: 985;
        top: var(--ep-admin-topbar-height);
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 8, 18, .58);
        backdrop-filter: blur(2px);
    }

    html[data-theme="light"] body.ep-admin-body.column-left-active::after {
        background: rgba(29, 58, 78, .24);
    }

    #column-left.ep-admin-sidebar {
        z-index: 990;
        width: min(300px, calc(100vw - 18px));
        max-width: calc(100vw - 18px);
        box-shadow: 22px 0 58px rgba(0, 8, 22, .38);
    }

    #column-left.ep-admin-sidebar #menu > li > a span,
    #column-left.ep-admin-sidebar .ep-sidebar-logout span {
        opacity: 1 !important;
    }

    #column-left.ep-admin-sidebar #menu > li > ul:not(.collapsing) {
        height: auto;
    }

    #column-left.ep-admin-sidebar #menu li a.parent::after {
        display: block !important;
        opacity: 1 !important;
    }

    #content > .container-fluid,
    .page-header > .container-fluid {
        padding-right: 12px;
        padding-left: 12px;
    }

    #content .row {
        margin-right: -6px;
        margin-left: -6px;
    }

    #content .row > [class*="col-"] {
        padding-right: 6px;
        padding-left: 6px;
    }

    .page-header {
        padding-top: 13px;
        padding-bottom: 12px;
    }

    .page-header h1 {
        font-size: 21px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .page-header .float-right,
    .page-header .pwa-page-header-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .page-header .float-right > .btn,
    .page-header .float-right > .btn-group,
    .page-header .pwa-page-header-actions > .btn,
    .page-header .pwa-page-header-actions > .btn-group {
        flex: 0 1 auto;
        width: auto !important;
        min-width: 42px;
    }

    .card {
        border-radius: 16px 16px 16px 7px;
    }

    .card-header {
        min-height: 48px;
        flex-wrap: wrap;
        gap: 8px;
        padding: 10px 12px;
        border-radius: 16px 16px 0 0 !important;
    }

    .card-header .float-right {
        max-width: 100%;
        margin-left: auto;
    }

    .card-body {
        padding: 12px;
    }

    .card-footer,
    .card .card-footer,
    .card .card-body + .card-footer {
        padding: 10px 12px;
    }

    .form-group.row > [class*="col-sm-"],
    .form-group.row > [class*="col-md-"],
    .form-group.row > [class*="col-lg-"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    .form-group.row > label[class*="col-"] {
        padding-top: 0;
        padding-bottom: 6px;
    }

    .form-control,
    .custom-select,
    select.form-control,
    textarea.form-control {
        font-size: 16px;
    }

    .input-group > .form-control,
    .input-group > .custom-select {
        width: 1%;
        min-width: 0;
    }

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

    #content .btn-group-toggle {
        max-width: 100%;
        flex-wrap: wrap;
    }

    #content .btn-group-toggle > .btn {
        flex: 1 1 auto;
    }

    #content .table-responsive > .table,
    #content .ep-auto-table-responsive > .table,
    #content .ep-quick-edit-table-wrap > .table,
    #content .ep-legacy-table-wrap > .table {
        min-width: 620px;
    }

    #content .table-responsive .table-sm,
    #content .ep-auto-table-responsive .table-sm {
        min-width: 520px;
    }

    #content .table th,
    #content .table td {
        padding: 8px;
        font-size: 12px;
    }

    #content .table .form-control,
    #content .table .custom-select {
        min-width: 120px;
    }

    .modal-dialog,
    .modal-dialog.modal-lg,
    .modal-dialog.modal-sm,
    .modal-lg,
    .modal-sm {
        max-width: calc(100vw - 16px);
        margin: 8px auto;
    }

    .modal-content {
        max-height: calc(100dvh - 16px);
        border-radius: 18px 18px 18px 8px;
    }

    .modal-body {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .modal-header,
    .modal-footer {
        padding: 12px;
    }

    .modal-footer {
        flex-wrap: wrap;
        gap: 8px;
    }

    .modal-footer > .btn {
        margin: 0 !important;
    }

    .pagination-cont {
        padding: 8px;
    }

    .pagination-cont .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center !important;
    }

    .pagination-cont .pagination {
        justify-content: center;
        margin: 0;
    }

    .pwa-page-header > .container-fluid > .pwa-page-header-actions,
    .pwa-page-header > .container-fluid > .float-right {
        gap: 6px;
    }

    .pwa-page-header > .container-fluid > .pwa-page-header-actions > .btn,
    .pwa-page-header > .container-fluid > .float-right > .btn {
        flex: 1 1 auto;
        width: auto !important;
    }

    .ep-quick-product-image-cell {
        width: 180px;
        max-width: 180px;
    }

    .ep-implus-settings-description-cell {
        min-width: 260px;
    }
}

/* Small phones. */
@media (max-width: 575.98px) {
    #content > .container-fluid,
    .page-header > .container-fluid {
        padding-right: 9px;
        padding-left: 9px;
    }

    #header.ep-admin-topbar.cd-topbar {
        padding-right: 8px !important;
        padding-left: 8px !important;
        gap: 6px !important;
    }

    #header .cd-brand {
        width: 34px;
        min-width: 34px;
        margin: 0 !important;
    }

    #header .cd-brand-logo-icon {
        width: 36px !important;
        height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
    }

    #header .cd-topbar-actions {
        gap: 5px !important;
    }

    #header .cd-icon-button,
    #header .cd-account-button,
    #header #button-menu {
        width: 39px !important;
        min-width: 39px !important;
        max-width: 39px !important;
        height: 39px !important;
        min-height: 39px !important;
        flex: 0 0 39px !important;
    }

    #header .cd-account-button #user-profile {
        width: 31px !important;
        height: 31px !important;
        flex-basis: 31px !important;
    }

    #header .dropdown-menu,
    #header #header-notifications {
        max-width: calc(100vw - 12px) !important;
        max-height: calc(100dvh - var(--ep-admin-topbar-height) - 12px);
        overflow-y: auto;
    }

    .page-header .float-right,
    .page-header .pwa-page-header-actions {
        gap: 6px;
    }

    .page-header .float-right > .btn,
    .page-header .float-right > .btn-group,
    .page-header .pwa-page-header-actions > .btn,
    .page-header .pwa-page-header-actions > .btn-group {
        flex: 1 1 auto;
    }

    .page-header .float-right > .btn-group > .btn,
    .page-header .pwa-page-header-actions > .btn-group > .btn {
        min-height: 40px;
    }

    .alert {
        overflow-wrap: anywhere;
    }

    #content fieldset {
        min-width: 0;
    }

    #content legend {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    #content .nav-tabs .nav-link {
        min-height: 40px;
        padding: 8px 10px;
        font-size: 12px;
    }

    #content .card.image {
        width: min(200px, 100%) !important;
    }

    #filter-fixed {
        top: var(--ep-admin-topbar-height);
        width: 100vw !important;
        max-width: 100vw;
        height: calc(100dvh - var(--ep-admin-topbar-height));
        padding: 8px;
    }

    #filter-fixed > .card {
        max-height: 100%;
        overflow-y: auto;
        border-radius: 16px 16px 16px 7px;
    }

    .flatpickr-calendar {
        max-width: calc(100vw - 16px) !important;
    }

    .flatpickr-calendar.open {
        right: 8px !important;
        left: auto !important;
    }

    .ep-sitemap-url-list .table {
        min-width: 480px;
    }
}

/* 280-420px: keep the full admin usable without horizontal viewport overflow. */
@media (max-width: 419.98px) {
    :root {
        --ep-admin-topbar-height: 62px;
    }

    #header.ep-admin-topbar.cd-topbar {
        height: var(--ep-admin-topbar-height) !important;
        min-height: var(--ep-admin-topbar-height) !important;
        padding-right: 6px !important;
        padding-left: 6px !important;
        gap: 4px !important;
    }

    #header .cd-topbar-actions {
        gap: 3px !important;
    }

    #header .cd-icon-button,
    #header .cd-account-button,
    #header #button-menu {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        flex-basis: 36px !important;
        border-radius: 11px !important;
    }

    #header .cd-account-button #user-profile {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }

    #header .cd-brand {
        width: 30px;
        min-width: 30px;
    }

    #header .cd-brand-logo-icon {
        width: 36px !important;
        height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
    }

    #content > .container-fluid,
    .page-header > .container-fluid {
        padding-right: 7px;
        padding-left: 7px;
    }

    .page-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .page-header h1 {
        font-size: 19px;
    }

    .page-header .float-right > .btn,
    .page-header .pwa-page-header-actions > .btn {
        min-height: 38px;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 12px;
    }

    .card-header,
    .card-body,
    .card-footer,
    .card .card-footer,
    .card .card-body + .card-footer {
        padding-right: 9px;
        padding-left: 9px;
    }

    .form-control,
    .custom-select,
    select.form-control {
        min-height: 42px;
    }

    .input-group-text {
        padding-right: 9px;
        padding-left: 9px;
    }

    #content .btn:not(.btn-sm):not(.cd-icon-button) {
        padding-right: 11px;
        padding-left: 11px;
    }

    #content .table-responsive > .table,
    #content .ep-auto-table-responsive > .table,
    #content .ep-quick-edit-table-wrap > .table,
    #content .ep-legacy-table-wrap > .table {
        min-width: 560px;
    }

    .modal-dialog,
    .modal-dialog.modal-lg,
    .modal-dialog.modal-sm,
    .modal-lg,
    .modal-sm {
        max-width: calc(100vw - 8px);
        margin: 4px auto;
    }

    .modal-content {
        max-height: calc(100dvh - 8px);
        border-radius: 14px 14px 14px 6px;
    }
}

@media (max-width: 339.98px) {
    :root {
        --ep-admin-topbar-height: 58px;
    }

    #header.ep-admin-topbar.cd-topbar {
        padding-right: 4px !important;
        padding-left: 4px !important;
        gap: 2px !important;
    }

    #header .cd-topbar-actions {
        gap: 2px !important;
    }

    #header .cd-icon-button,
    #header .cd-account-button,
    #header #button-menu {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        flex-basis: 34px !important;
    }

    #header .cd-account-button #user-profile {
        width: 26px !important;
        height: 26px !important;
        flex-basis: 26px !important;
    }

    #header .cd-brand {
        width: 50px;
        min-width: 50px;
    }

    #header .cd-brand-logo-icon {
        width: 36px !important;
        height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
    }

    #header .lang-flag {
        width: 18px !important;
        height: 13px !important;
    }

    #content > .container-fluid,
    .page-header > .container-fluid {
        padding-right: 5px;
        padding-left: 5px;
    }

    .page-header h1 {
        font-size: 18px;
    }

    .page-header .float-right > .btn,
    .page-header .pwa-page-header-actions > .btn {
        flex: 1 1 calc(50% - 3px);
        min-width: 0;
    }

    .card-header,
    .card-body,
    .card-footer,
    .card .card-footer,
    .card .card-body + .card-footer {
        padding-right: 7px;
        padding-left: 7px;
    }
}

.ep-implus-page .ep-implus-upload-size-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 180px);
    gap: 8px;
    width: 100%;
}
@media (max-width: 575.98px) {
    .ep-implus-page .ep-implus-upload-size-row {
        grid-template-columns: 1fr;
    }
}

/* Catalog/form parity fixes after the responsive audit. */

/* The translate button lives inside nested, horizontally clipped language tabs.
   Its generic button shimmer could leave a detached fragment over the active General tab. */
.ep-translate-texts-button::before {
    display: none !important;
    content: none !important;
}

/* Regantis-style checklist/list controls for compact tables embedded in form controls. */
#content .form-control.p-0:has(> table.table-sm) {
    padding: 6px !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
}

#content .form-control.p-0:has(> table.table-sm) > table.table-sm {
    width: 100%;
    margin: -4px 0 0 !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 4px !important;
    color: var(--ep-admin-text);
    background: transparent !important;
    box-shadow: none !important;
}

#content .form-control.p-0:has(> table.table-sm) > table.table-sm > :is(tbody, thead) > tr > :is(td, th),
#content .form-control.p-0:has(> table.table-sm) > table.table-sm > tr > :is(td, th) {
    min-height: 38px;
    padding: 7px 9px !important;
    vertical-align: middle;
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    color: var(--ep-admin-text);
    background: transparent !important;
    transition: border-color 150ms ease, background 150ms ease, color 150ms ease;
}

#content .form-control.p-0:has(> table.table-sm) > table.table-sm > :is(tbody, thead) > tr > :is(td, th):first-child,
#content .form-control.p-0:has(> table.table-sm) > table.table-sm > tr > :is(td, th):first-child {
    border-left: 1px solid transparent !important;
    border-radius: 9px 0 0 9px;
}

#content .form-control.p-0:has(> table.table-sm) > table.table-sm > :is(tbody, thead) > tr > :is(td, th):last-child,
#content .form-control.p-0:has(> table.table-sm) > table.table-sm > tr > :is(td, th):last-child {
    border-right: 1px solid transparent !important;
    border-radius: 0 9px 9px 0;
}

#content .form-control.p-0:has(> table.table-sm) > table.table-sm > :is(tbody, thead) > tr:hover > :is(td, th),
#content .form-control.p-0:has(> table.table-sm) > table.table-sm > tr:hover > :is(td, th) {
    border-color: rgba(90, 181, 215, .16) !important;
    background: rgba(70, 151, 190, .08) !important;
}

#content .form-control.p-0:has(> table.table-sm) > table.table-sm input[type="checkbox"] {
    position: static;
    margin: 0 !important;
    vertical-align: middle;
}

#content .form-control.p-0:has(> table.table-sm) > table.table-sm label {
    margin: 0 !important;
    color: inherit;
    cursor: pointer;
}

#content .form-control.p-0:has(> table.table-sm) > table.table-sm td:first-child:has(> input[type="checkbox"]) {
    width: 38px;
    min-width: 38px;
    text-align: center;
}

html[data-theme="light"] #content .form-control.p-0:has(> table.table-sm) > table.table-sm {
    color: #294b63;
}

html[data-theme="light"] #content .form-control.p-0:has(> table.table-sm) > table.table-sm > :is(tbody, thead) > tr:hover > :is(td, th),
html[data-theme="light"] #content .form-control.p-0:has(> table.table-sm) > table.table-sm > tr:hover > :is(td, th) {
    border-color: rgba(69, 127, 166, .14) !important;
    background: rgba(62, 133, 172, .07) !important;
}

/* Product attributes: keep the selector useful instead of collapsing to Bootstrap's 2/12 column. */
@media (min-width: 992px) and (max-width: 1200px) {
    #tab-attribute > .row > .ep-product-attribute-selector {
        flex: 0 0 30%;
        max-width: 30%;
    }
    #tab-attribute > .row > .ep-product-attribute-editor {
        flex: 0 0 70%;
        max-width: 70%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #tab-attribute > .row > .ep-product-attribute-selector {
        flex: 0 0 34%;
        max-width: 34%;
    }
    #tab-attribute > .row > .ep-product-attribute-editor {
        flex: 0 0 66%;
        max-width: 66%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #tab-attribute > .row > .ep-product-attribute-selector {
        flex: 0 0 40%;
        max-width: 40%;
    }
    #tab-attribute > .row > .ep-product-attribute-editor {
        flex: 0 0 60%;
        max-width: 60%;
    }
}

/* Category images: 3-up until compact desktop, 2-up on small tablets, full width on phones. */
@media (min-width: 1320px) {
    #tab-image .ep-category-image-column {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}


/* Product/information image selectors are single-card rows; keep them wider
   on medium desktop widths as well, where col-md-2 is still visually cramped. */
@media (min-width: 1320px) and (max-width: 1599.98px) {
    #content .ep-form-image-column {
        flex: 0 0 25% !important;
        width: 25% !important;
        max-width: 25% !important;
    }
}

/* Image selector cards must not inherit tiny Bootstrap 2/3-column widths on
   compact desktop/tablet layouts. This covers product/information/blog/quick-edit
   and any legacy form using the same narrow image-card column pattern. */
@media (min-width: 768px) and (max-width: 1319.98px) {
    #content .row > :is(.col-sm-2, .col-sm-3, .col-sm-4, .col-md-2, .col-md-3):has(> .card.image),
    #content .row > :is(.col-sm-2, .col-sm-3, .col-sm-4, .col-md-2, .col-md-3):has(> label + .card.image),
    #content .row > :is(.col-sm-2, .col-sm-3, .col-sm-4, .col-md-2, .col-md-3):has(> legend + .card.image) {
        flex: 0 0 33.333333% !important;
        width: 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #content .row > :is(.col-sm-2, .col-sm-3, .col-sm-4, .col-md-2, .col-md-3):has(> .card.image),
    #content .row > :is(.col-sm-2, .col-sm-3, .col-sm-4, .col-md-2, .col-md-3):has(> label + .card.image),
    #content .row > :is(.col-sm-2, .col-sm-3, .col-sm-4, .col-md-2, .col-md-3):has(> legend + .card.image) {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width: 575.98px) {
    #content .row > :is(.col-sm-2, .col-sm-3, .col-sm-4, .col-md-2, .col-md-3):has(> .card.image),
    #content .row > :is(.col-sm-2, .col-sm-3, .col-sm-4, .col-md-2, .col-md-3):has(> label + .card.image),
    #content .row > :is(.col-sm-2, .col-sm-3, .col-sm-4, .col-md-2, .col-md-3):has(> legend + .card.image) {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Fixed filter drawer needs a usable control width on compact desktop. */
@media (min-width: 992px) and (max-width: 1300px) {
    #filter-fixed {
        width: min(360px, 32vw) !important;
        max-width: 360px !important;
        flex: none !important;
    }
}

/* Standard page headers follow the CRM order explicitly; do not depend on row-reverse. */
.page-header:not(.pwa-page-header) > .container-fluid {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.page-header:not(.pwa-page-header) > .container-fluid > h1,
.page-header:not(.pwa-page-header) > .container-fluid > .page-header-h1-cont {
    order: 1;
    flex: 1 1 auto !important;
    min-width: 0;
    margin-right: 16px !important;
    text-align: left !important;
}

.page-header:not(.pwa-page-header) > .container-fluid > .float-right {
    order: 2;
    flex: 0 0 auto !important;
    width: auto;
    margin: 0 0 0 auto !important;
    justify-content: flex-end;
}

/* Use the same stacked mobile page-header composition from tablet down. */
@media (max-width: 991.98px) {
    .page-header:not(.pwa-page-header) > .container-fluid {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
    }

    .page-header:not(.pwa-page-header) > .container-fluid > h1,
    .page-header:not(.pwa-page-header) > .container-fluid > .page-header-h1-cont {
        order: 1;
        flex: 0 0 auto !important;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0 !important;
        text-align: left !important;
    }

    .page-header:not(.pwa-page-header) > .container-fluid > .float-right {
        order: 2;
        display: flex !important;
        width: 100%;
        max-width: 100%;
        margin: 8px 0 0 !important;
        align-items: center;
        justify-content: flex-start !important;
        flex-wrap: wrap;
        gap: 6px;
    }

    .page-header:not(.pwa-page-header) > .container-fluid > .float-right > .btn,
    .page-header:not(.pwa-page-header) > .container-fluid > .float-right > .btn-group {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 42px;
        margin: 0 !important;
    }

    .page-header:not(.pwa-page-header) > .container-fluid > .float-right > .btn-group > .btn {
        width: 100%;
    }
}



/* Follow-up admin parity: remove remaining legacy light-only surfaces. */
.category-scroll-cont {
    scrollbar-width: thin;
    scrollbar-color: rgba(103, 143, 169, .52) transparent;
}

.category-scroll-cont::-webkit-scrollbar-thumb {
    border-radius: var(--ep-admin-radius-pill);
    background: rgba(103, 143, 169, .52);
}

.category-scroll-cont::-webkit-scrollbar-thumb:hover {
    background: rgba(103, 143, 169, .72);
}

.ep-message-reply-row > td {
    color: var(--ep-admin-text-body) !important;
    background: rgba(78, 132, 164, .10) !important;
    border-color: var(--ep-admin-border) !important;
}

.ep-message-reply-row > td:first-child strong {
    color: var(--ep-admin-text) !important;
}

html[data-theme="light"] .ep-message-reply-row > td {
    color: #31566f !important;
    background: #eef6fa !important;
    border-color: rgba(23, 90, 132, .12) !important;
}

#container-mare-modul .sortabil-copil .ui-sortable-handle {
    color: var(--ep-admin-text-body) !important;
    background: var(--ep-admin-surface-raised) !important;
    border-color: var(--ep-admin-border) !important;
}

#container-mare-modul .sortabil-copil .ui-sortable-handle:hover {
    background: var(--ep-admin-surface-hover) !important;
}


/* Legacy Quick Edit controls: Bootstrap 3 components on the Bootstrap 4 admin shell. */
#content .well {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--ep-admin-border);
    border-radius: 10px 10px 10px 4px;
    color: var(--ep-admin-text-body);
    background: var(--ep-admin-surface-soft);
    box-shadow: none;
}

#content .well .checkbox {
    margin: 0 0 7px;
}

#content .well .checkbox:last-child {
    margin-bottom: 0;
}

#content .well .checkbox > label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--ep-admin-text-body);
}

#content .well .checkbox input[type="checkbox"] {
    flex: 0 0 auto;
    margin: 0;
}

#content .input-group-addon {
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border: 1px solid var(--ep-admin-border);
    color: var(--ep-admin-muted);
    background: var(--ep-admin-surface-soft);
}

#content .input-group > .input-group-addon:first-child {
    border-right: 0;
    border-radius: 9px 0 0 4px;
}

#content .input-group-addon img {
    width: auto;
    max-width: 22px;
    height: auto;
    margin: 0;
}


.ep-implus-page .ep-implus-section-title {
    margin: 0 !important;
    padding-left: 0;
    color: var(--ep-admin-text);
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

@media (max-width: 767.98px) {
    .ep-implus-page .ep-implus-section-title {
        padding-right: 0;
        padding-left: 0;
        font-size: 15px;
    }
}

/* Filter Order: card-header icon must inherit the success button foreground. */
#update-filter-order > i {
    color: inherit !important;
}

.ep-dashboard-page .ep-dashboard-container {
    padding-bottom: 28px;
}

.ep-dashboard-page .ep-dashboard-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ep-dashboard-page .ep-dashboard-grid-row {
    margin-bottom: 0;
    row-gap: 16px;
}

.ep-dashboard-page .ep-dashboard-pwa-card {
    min-height: 178px;
    overflow: hidden;
    position: relative;
}

.ep-dashboard-page .ep-dashboard-pwa-card::before {
    width: 360px;
    height: 360px;
    position: absolute;
    top: -250px;
    right: -110px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(48, 191, 190, .19) 0%, rgba(69, 134, 215, .08) 46%, rgba(0, 0, 0, 0) 72%);
    content: "";
    pointer-events: none;
}

.ep-dashboard-page .ep-dashboard-pwa-main {
    min-width: 0;
    min-height: 178px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 22px;
    position: relative;
    z-index: 1;
}

.ep-dashboard-page .ep-dashboard-pwa-brand {
    width: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 82px;
    overflow: hidden;
    border: 1px solid rgba(112, 178, 216, .16);
    border-radius: 23px;
    background: #fff;
    box-shadow: 0 18px 34px rgba(0, 10, 24, .24), inset 0 1px 0 rgba(255, 255, 255, .55);
}

.ep-dashboard-page .ep-dashboard-pwa-brand img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    padding: 7px;
    box-sizing: border-box;
}

.ep-dashboard-page .ep-dashboard-pwa-content {
    min-width: 0;
    flex: 1 1 auto;
}

.ep-dashboard-page .ep-dashboard-pwa-heading {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.ep-dashboard-page .ep-dashboard-pwa-eyebrow {
    display: block;
    margin-bottom: 4px;
    color: #68cbd0;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .09em;
    line-height: 1.2;
    text-transform: uppercase;
}

.ep-dashboard-page .ep-dashboard-pwa-title-row {
    display: flex;
    align-items: center;
    gap: 9px;
}

.ep-dashboard-page .ep-dashboard-pwa-title-row h2 {
    margin: 0;
    color: var(--ep-admin-text);
    font-family: "Sora", "Manrope", ui-sans-serif, system-ui, sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.25;
}

.ep-dashboard-page .ep-dashboard-pwa-badge {
    min-height: 23px;
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border: 1px solid rgba(104, 203, 208, .2);
    border-radius: 999px;
    color: #7edce0;
    background: rgba(104, 203, 208, .075);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .06em;
}

.ep-dashboard-page .ep-dashboard-pwa-content > p {
    max-width: 780px;
    margin: 7px 0 15px;
    color: var(--ep-admin-muted);
    font-size: 12px;
    line-height: 1.55;
}

.ep-dashboard-page .ep-dashboard-pwa-primary-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.ep-dashboard-page .ep-dashboard-pwa-open,
.ep-dashboard-page .ep-dashboard-pwa-install {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 12px !important;
    white-space: nowrap;
}

.ep-dashboard-page .ep-dashboard-pwa-open i,
.ep-dashboard-page .ep-dashboard-pwa-install i {
    font-size: 10px;
}

.ep-dashboard-page .ep-dashboard-pwa-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ep-dashboard-page .ep-dashboard-pwa-action {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px 6px 7px;
    border: 1px solid rgba(111, 178, 216, .10);
    border-radius: 11px;
    color: var(--ep-admin-text-body) !important;
    background: rgba(255, 255, 255, .022);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none !important;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.ep-dashboard-page .ep-dashboard-pwa-action:hover,
.ep-dashboard-page .ep-dashboard-pwa-action:focus {
    border-color: rgba(104, 203, 208, .22);
    background: rgba(104, 203, 208, .065);
    transform: translateY(-1px);
}

.ep-dashboard-page .ep-dashboard-pwa-action-icon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 25px;
    border-radius: 8px;
    color: #86d9df;
    background: rgba(104, 203, 208, .08);
    font-size: 10px;
}

.ep-dashboard-page .ep-dashboard-pwa-action-arrow {
    margin-left: 1px;
    color: var(--ep-admin-muted);
    font-size: 8px;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-pwa-card::before {
    background: radial-gradient(circle, rgba(48, 191, 190, .15) 0%, rgba(69, 134, 215, .06) 46%, rgba(255, 255, 255, 0) 72%);
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-pwa-eyebrow {
    color: #258892;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-pwa-badge {
    border-color: rgba(37, 136, 146, .16);
    color: #237f87;
    background: rgba(45, 189, 187, .07);
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-pwa-action {
    border-color: rgba(46, 105, 143, .08);
    color: #31566f !important;
    background: #f8fbfd;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-pwa-action:hover,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-pwa-action:focus {
    border-color: rgba(37, 136, 146, .15);
    background: #eef8f8;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-pwa-action-icon {
    color: #287f89;
    background: rgba(45, 189, 187, .08);
}

.ep-dashboard-page .ep-dashboard-module-col {
    display: flex;
    min-width: 0;
    margin-bottom: 0 !important;
}

.ep-dashboard-page .ep-dashboard-module-frame {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}

.ep-dashboard-page .ep-dashboard-module-frame > .card,
.ep-dashboard-page .ep-dashboard-card {
    width: 100%;
    min-width: 0;
    height: 100%;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(112, 178, 216, .14) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, rgba(13, 39, 58, .98), rgba(8, 29, 45, .97)) !important;
    box-shadow: 0 14px 34px rgba(0, 8, 20, .16), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-module-frame > .card,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-card {
    border-color: rgba(46, 105, 143, .13) !important;
    background: linear-gradient(145deg, #ffffff, #f7fbfd) !important;
    box-shadow: 0 14px 32px rgba(45, 83, 108, .09), inset 0 1px 0 #fff !important;
}

.ep-dashboard-page .ep-dashboard-card-header {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 16px;
    border-bottom: 1px solid rgba(111, 178, 216, .10);
    background: rgba(255, 255, 255, .012);
}

.ep-dashboard-page .ep-dashboard-card-title {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--ep-admin-text);
    font-family: "Sora", "Manrope", ui-sans-serif, system-ui, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.ep-dashboard-page .ep-dashboard-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid rgba(77, 169, 255, .16);
    color: #78c7ed;
    background: linear-gradient(145deg, rgba(41, 107, 143, .34), rgba(30, 78, 107, .20));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

.ep-dashboard-page .ep-dashboard-card-icon {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    font-size: 13px;
}

.ep-dashboard-page .ep-dashboard-card-body {
    min-width: 0;
    flex: 1 1 auto;
}

.ep-dashboard-page .ep-dashboard-stat-card {
    min-height: 130px;
    display: flex;
    flex-direction: column;
}

.ep-dashboard-page .ep-dashboard-stat-main {
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    flex: 1 1 auto;
    padding: 20px 18px 17px;
}

.ep-dashboard-page .ep-dashboard-stat-copy {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.ep-dashboard-page .ep-dashboard-stat-label {
    overflow: hidden;
    color: var(--ep-admin-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .045em;
    line-height: 1.3;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.ep-dashboard-page .ep-dashboard-stat-value {
    display: block;
    overflow: hidden;
    color: var(--ep-admin-text);
    font-family: "Sora", "Manrope", ui-sans-serif, system-ui, sans-serif;
    font-size: clamp(27px, 2.1vw, 34px);
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.08;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ep-dashboard-page .ep-dashboard-stat-icon {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid transparent;
    border-radius: 16px;
    color: #f7fbff;
    background: var(--ep-admin-primary-surface);
    box-shadow: 0 16px 38px rgba(70, 94, 191, .28), 0 8px 24px rgba(44, 132, 200, .20), inset 0 1px 0 rgba(255, 255, 255, .26);
}

.ep-dashboard-page .ep-dashboard-stat-icon svg {
    width: 25px;
    height: 25px;
    display: block;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.ep-dashboard-page .ep-dashboard-trend {
    width: max-content;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border: 1px solid rgba(113, 170, 201, .12);
    border-radius: 999px;
    color: var(--ep-admin-muted);
    background: rgba(255, 255, 255, .025);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.ep-dashboard-page .ep-dashboard-trend.is-up {
    border-color: rgba(106, 216, 173, .18);
    color: var(--ep-admin-success);
    background: rgba(106, 216, 173, .07);
}

.ep-dashboard-page .ep-dashboard-trend.is-down {
    border-color: rgba(255, 113, 137, .18);
    color: var(--ep-admin-danger);
    background: rgba(255, 113, 137, .07);
}

.ep-dashboard-page .ep-dashboard-module-link {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    padding: 0;
    border-radius: 9px;
    color: #75c6eb !important;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none !important;
    transition: color .16s ease, background .16s ease, transform .16s ease;
}

.ep-dashboard-page .ep-dashboard-module-link i {
    font-size: 9px;
    transition: transform .16s ease;
}

.ep-dashboard-page .ep-dashboard-module-link:hover,
.ep-dashboard-page .ep-dashboard-module-link:focus {
    color: #a6e3f5 !important;
    background: rgba(77, 169, 255, .08);
}

.ep-dashboard-page .ep-dashboard-module-link:hover i,
.ep-dashboard-page .ep-dashboard-module-link:focus i {
    transform: translateX(2px);
}

.ep-dashboard-page .ep-dashboard-range {
    flex: 0 0 auto;
}

.ep-dashboard-page .ep-dashboard-range-button {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(111, 178, 216, .13);
    border-radius: 11px;
    color: var(--ep-admin-muted) !important;
    background: rgba(255, 255, 255, .02);
    text-decoration: none !important;
}

.ep-dashboard-page .ep-dashboard-range-button:hover,
.ep-dashboard-page .ep-dashboard-range-button:focus {
    border-color: rgba(77, 169, 255, .25);
    color: var(--ep-admin-primary-bright) !important;
    background: rgba(77, 169, 255, .07);
}

.ep-dashboard-page .ep-dashboard-range-button::after {
    display: none;
}

.ep-dashboard-page .ep-dashboard-chart-body,
.ep-dashboard-page .ep-dashboard-map-body {
    height: 390px;
    min-height: 0;
    display: flex;
    align-items: stretch;
    flex: 0 0 390px;
    overflow: hidden;
    padding: 15px 16px 16px !important;
}

.ep-dashboard-page .ep-dashboard-traffic-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
    padding: 0;
}

.ep-dashboard-page .ep-dashboard-traffic-wrap canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.ep-dashboard-page #vmap {
    width: 100% !important;
    min-width: 0;
    height: 100% !important;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
    border: 1px solid rgba(111, 178, 216, .08);
    border-radius: 15px;
    background: rgba(4, 20, 31, .16) !important;
}

.ep-dashboard-page #vmap svg,
.ep-dashboard-page .jqvmap-container {
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit;
    background: transparent !important;
}

.ep-dashboard-page .ep-dashboard-list-card {
    min-height: 320px;
    display: flex;
    flex-direction: column;
}

.ep-dashboard-page .ep-dashboard-list-body,
.ep-dashboard-page .ep-dashboard-table-body {
    padding: 8px 10px 10px;
}

.ep-dashboard-page .ep-dashboard-activity-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ep-dashboard-page .ep-dashboard-activity-item {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    min-height: 46px;
    padding: 9px 11px;
    border: 1px solid rgba(111, 178, 216, .08);
    border-radius: 12px;
    color: var(--ep-admin-text-body);
    background: rgba(255, 255, 255, .018);
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.ep-dashboard-page .ep-dashboard-activity-item:hover {
    border-color: rgba(77, 169, 255, .18);
    background: rgba(45, 111, 146, .10);
    transform: translateY(-1px);
}

.ep-dashboard-page .ep-dashboard-activity-copy {
    min-width: 0;
    color: inherit;
    font-size: 12px;
    line-height: 1.45;
}

.ep-dashboard-page .ep-dashboard-activity-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    color: var(--ep-admin-muted) !important;
    font-size: 10px;
    font-weight: 500;
}

.ep-dashboard-page .ep-dashboard-activity-date i {
    margin: 0;
    color: #69b5db;
    font-size: 10px;
}

.ep-dashboard-page .ep-dashboard-recent-table-wrap {
    margin: 0;
    overflow-x: auto;
}

.ep-dashboard-page .ep-dashboard-recent-table {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 6px !important;
}

.ep-dashboard-page .ep-dashboard-recent-table thead th {
    padding: 6px 11px 5px !important;
    border: 0 !important;
    color: var(--ep-admin-muted) !important;
    background: transparent !important;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .045em;
    line-height: 1.25;
    text-transform: uppercase;
    white-space: nowrap;
}

.ep-dashboard-page .ep-dashboard-recent-table tbody tr > td {
    padding: 9px 11px !important;
    border-top: 1px solid rgba(111, 178, 216, .08) !important;
    border-bottom: 1px solid rgba(111, 178, 216, .08) !important;
    color: var(--ep-admin-text-body) !important;
    background: rgba(255, 255, 255, .018) !important;
    font-size: 11px;
    vertical-align: middle;
    white-space: nowrap;
}

.ep-dashboard-page .ep-dashboard-recent-table tbody tr > td:first-child {
    border-left: 1px solid rgba(111, 178, 216, .08) !important;
    border-radius: 11px 0 0 11px;
}

.ep-dashboard-page .ep-dashboard-recent-table tbody tr > td:last-child {
    border-right: 1px solid rgba(111, 178, 216, .08) !important;
    border-radius: 0 11px 11px 0;
}

.ep-dashboard-page .ep-dashboard-recent-table tbody tr:not(.ep-dashboard-empty-row):hover > td {
    border-color: rgba(77, 169, 255, .17) !important;
    color: var(--ep-admin-text) !important;
    background: rgba(44, 104, 138, .10) !important;
}

.ep-dashboard-page .ep-dashboard-order-id,
.ep-dashboard-page .ep-dashboard-order-total,
.ep-dashboard-page .ep-dashboard-customer-name {
    color: var(--ep-admin-text);
    font-weight: 600;
}

.ep-dashboard-page .ep-dashboard-order-id {
    color: #75c6eb;
    font-size: 10px;
}

.ep-dashboard-page .ep-dashboard-order-status {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 8px;
    border: 1px solid rgba(105, 215, 223, .13);
    border-radius: 999px;
    color: #7ed6df;
    background: rgba(105, 215, 223, .055);
    font-size: 9px;
    font-weight: 600;
}

.ep-dashboard-page .ep-dashboard-order-date {
    color: var(--ep-admin-muted);
    font-size: 10px;
}

.ep-dashboard-page .ep-dashboard-view-button {
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 9px !important;
    font-size: 9px;
}

.ep-dashboard-page .ep-dashboard-empty-state,
.ep-dashboard-page .ep-dashboard-empty-row > td {
    padding: 30px 16px !important;
    color: var(--ep-admin-muted) !important;
    text-align: center;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-card-header {
    border-color: rgba(46, 105, 143, .09);
    background: rgba(35, 105, 145, .012);
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-card-icon {
    border-color: rgba(45, 135, 200, .13);
    color: #2d78a5;
    background: linear-gradient(145deg, #edf7fb, #e1f0f6);
    box-shadow: inset 0 1px 0 #fff;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-module-link {
    color: #2d78a5 !important;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-module-link:hover,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-module-link:focus {
    color: #1d648e !important;
    background: rgba(45, 135, 200, .07);
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-range-button {
    border-color: rgba(46, 105, 143, .12);
    background: #f6fafc;
}

html[data-theme="light"] .ep-dashboard-page #vmap {
    border-color: rgba(46, 105, 143, .08);
    background: #f7fbfd !important;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-activity-item,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-recent-table tbody tr > td {
    border-color: rgba(46, 105, 143, .08) !important;
    color: #31566f !important;
    background: #f8fbfd !important;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-activity-item:hover,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-recent-table tbody tr:not(.ep-dashboard-empty-row):hover > td {
    border-color: rgba(45, 135, 200, .15) !important;
    color: #15364e !important;
    background: #eef7fb !important;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-order-id,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-order-total,
html[data-theme="light"] .ep-dashboard-page .ep-dashboard-customer-name {
    color: #15364e;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-order-id {
    color: #2d78a5;
}

html[data-theme="light"] .ep-dashboard-page .ep-dashboard-order-status {
    border-color: rgba(28, 143, 151, .13);
    color: #237e86;
    background: rgba(45, 189, 187, .055);
}

@media (max-width: 991.98px) {
    .ep-dashboard-page .ep-dashboard-grid,
    .ep-dashboard-page .ep-dashboard-grid-row {
        gap: 12px;
        row-gap: 12px;
    }

}

@media (max-width: 767.98px) {
    .ep-dashboard-page .ep-dashboard-container {
        padding-bottom: 22px;
    }

    .ep-dashboard-page .ep-dashboard-pwa-main {
        min-height: 0;
        align-items: flex-start;
        gap: 13px;
        padding: 15px;
    }

    .ep-dashboard-page .ep-dashboard-pwa-brand {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
        border-radius: 17px;
    }

    .ep-dashboard-page .ep-dashboard-pwa-heading {
        display: block;
    }

    .ep-dashboard-page .ep-dashboard-pwa-title-row {
        flex-wrap: wrap;
    }

    .ep-dashboard-page .ep-dashboard-pwa-title-row h2 {
        font-size: 17px;
    }

    .ep-dashboard-page .ep-dashboard-pwa-content > p {
        margin-bottom: 12px;
        font-size: 11px;
    }

    .ep-dashboard-page .ep-dashboard-pwa-primary-actions {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 12px;
    }

    .ep-dashboard-page .ep-dashboard-pwa-open,
    .ep-dashboard-page .ep-dashboard-pwa-install {
        width: 100%;
        justify-content: center;
        margin-top: 0;
    }

    .ep-dashboard-page .ep-dashboard-pwa-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ep-dashboard-page .ep-dashboard-pwa-action {
        min-width: 0;
    }

    .ep-dashboard-page .ep-dashboard-pwa-action > span:nth-child(2) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ep-dashboard-page .ep-dashboard-pwa-action-arrow {
        margin-left: auto;
    }

    .ep-dashboard-page .ep-dashboard-module-frame > .card,
    .ep-dashboard-page .ep-dashboard-card {
        border-radius: 17px !important;
    }

    .ep-dashboard-page .ep-dashboard-card-header {
        min-height: 55px;
        padding: 10px 12px;
    }

    .ep-dashboard-page .ep-dashboard-card-title {
        gap: 9px;
        font-size: 13px;
    }

    .ep-dashboard-page .ep-dashboard-card-icon {
        width: 32px;
        height: 32px;
    }

    .ep-dashboard-page .ep-dashboard-stat-main {
        padding: 16px 14px 14px;
    }


    .ep-dashboard-page .ep-dashboard-stat-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
    }

    .ep-dashboard-page .ep-dashboard-chart-body,
    .ep-dashboard-page .ep-dashboard-map-body {
        height: 326px;
        min-height: 0;
        flex-basis: 326px;
        padding: 10px 11px 12px !important;
    }

    .ep-dashboard-page .ep-dashboard-traffic-wrap,
    .ep-dashboard-page .ep-dashboard-traffic-wrap canvas,
    .ep-dashboard-page #vmap {
        height: 100% !important;
        min-height: 0;
    }

    .ep-dashboard-page .ep-dashboard-list-body,
    .ep-dashboard-page .ep-dashboard-table-body {
        padding: 6px 7px 8px;
    }

    .ep-dashboard-page .ep-dashboard-activity-item {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
        padding: 9px 10px;
    }

    .ep-dashboard-page .ep-dashboard-activity-date {
        grid-column: 1;
        justify-self: start;
    }

    .ep-dashboard-page .ep-dashboard-recent-table {
        min-width: 720px;
        border-spacing: 0 5px !important;
    }
}