/**
 * Placeholder thickness minimized
 * */
.form-control::placeholder {
  color: rgba(168, 170, 173, 0.75);
  opacity: 1;
}
/**
 * Change Group Button size - (Right Side Buttons)
 * */
 .cc-group-btn-size{
  padding: .375rem .15rem;
 }

 /**
  * Print page minimum width
 */
 .min-width-600{
  min-width: 600px;
 }

 /**
 * Autocomplete css
 * */
 .ui-autocomplete {
  max-height: 160px;
  overflow-y: auto;
  overflow-x: hidden; /* prevent horizontal scrollbar */
}

/**
 * Autocomplete Loader for input box
 * */
.ui-autocomplete-loading {
  background: white url("autocomplete-loader/ui-anim_basic_16x16.gif") right center no-repeat;
}

/**
 * Cursor not allowed
 * */
 .cursor-not-allowed{
  cursor:not-allowed;
 }

 /**
  * Input box border color change to primary class color
  * */
.custom-border-primary {
    border-color: #007bff !important; /* Replace with your desired color */
}

/**
 * Page Loader , Spinner
 * */
 #spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
#spinner-content {
    text-align: center;
}
#loading-message {
    color: white;
    margin-top: 15px;
    font-size: 18px;
}

/**
 * Highlight last added table row
 * */
tr.highlight {
  animation: popIn 0.5s ease-out;
}
@keyframes popIn {
  0% {
    transform: scale(1.05);
    background-color: rgb(0 140 255 / 5%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  100% {
    transform: scale(1);
    background-color: rgb(0 140 255 / 5%);
    box-shadow: none;
  }
}

/**
* no code 
* */
.text-transform-none{
text-transform: none;
}

/**
* input group input box, in one group i need to show some of the select or 
* input box 30 %
* */
.cu-flex-30{
  flex: 0 0 30% !important;
}

.cu-w-500-px{
  width: 500px !important;
}

/**
 * POS Page Items Selected Table Resize
 * */
 .resizable-vertical {
  resize: vertical;
  overflow: auto; /* Required for the resize property to work */
  min-height: 270px; 
}

/**
 * No Padding for invoice tables
 * */
 #invoiceItemsTable input.form-control {
    padding-left: 0rem;
    padding-right: 0rem;
    font-size: 18px;
}

/**
 * Minimal + Premium Sidebar
 * */

:root {
    --cu-sidebar-bg: #1a1f2e;
    --cu-sidebar-divider: rgba(255, 255, 255, 0.08);
    --cu-sidebar-text: rgba(255, 255, 255, 0.72);
    --cu-sidebar-text-strong: rgba(255, 255, 255, 0.92);
    --cu-sidebar-muted: rgba(255, 255, 255, 0.46);
    --cu-sidebar-hover: rgba(0, 140, 255, 0.10);
    --cu-sidebar-active: rgba(0, 140, 255, 0.16);
    --cu-sidebar-accent: #008cff;
}

.sidebar-wrapper,
.sidebar-wrapper * {
    box-sizing: border-box;
}

.sidebar-wrapper {
    background: var(--cu-sidebar-bg) !important;
    border-right: 1px solid var(--cu-sidebar-divider) !important;
    box-shadow: none !important;
}

.sidebar-wrapper .sidebar-header {
    background: var(--cu-sidebar-bg) !important;
    border-bottom: 1px solid var(--cu-sidebar-divider) !important;
    height: 64px !important;
    padding: 0 16px !important;
}

.sidebar-wrapper .sidebar-header .logo-icon {
    width: 32px !important;
    height: 32px !important;
}

.sidebar-wrapper .sidebar-header .logo-text {
    color: var(--cu-sidebar-text-strong) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
}

.sidebar-wrapper .sidebar-header .toggle-icon {
    color: var(--cu-sidebar-muted) !important;
    transition: color 0.15s ease !important;
}

.sidebar-wrapper .sidebar-header .toggle-icon:hover {
    color: var(--cu-sidebar-text-strong) !important;
}

/* Section label */
.sidebar-wrapper .menu-label {
    color: var(--cu-sidebar-muted) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.1px !important;
    padding: 14px 16px 8px 16px !important;
    margin: 6px 0 0 0 !important;
    background: transparent !important;
}

/* Main items */
.sidebar-wrapper .metismenu {
    padding: 10px 10px 20px 10px !important;
}

.sidebar-wrapper .metismenu > li {
    margin: 2px 0 !important;
}

.sidebar-wrapper .metismenu li a {
    color: var(--cu-sidebar-text) !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
    background: transparent !important;
    border: none !important;
}

.sidebar-wrapper .metismenu li a:hover {
    background: var(--cu-sidebar-hover) !important;
    color: var(--cu-sidebar-text-strong) !important;
}

.sidebar-wrapper .metismenu li a:focus-visible {
    outline: 2px solid rgba(0, 140, 255, 0.35) !important;
    outline-offset: 2px !important;
}

.sidebar-wrapper .metismenu li.mm-active > a {
    background: var(--cu-sidebar-active) !important;
    color: var(--cu-sidebar-text-strong) !important;
}

/* Accent indicator (subtle + premium) */
.sidebar-wrapper .metismenu li.mm-active > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 999px;
    background: var(--cu-sidebar-accent);
}

/* Parent icon + title */
.sidebar-wrapper .metismenu .parent-icon {
    color: var(--cu-sidebar-muted) !important;
    font-size: 18px !important;
    width: 20px !important;
    margin-right: 12px !important;
}

.sidebar-wrapper .metismenu .menu-title {
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.sidebar-wrapper .metismenu li a:hover .parent-icon,
.sidebar-wrapper .metismenu li.mm-active > a .parent-icon {
    color: var(--cu-sidebar-accent) !important;
}

/* Submenu */
.sidebar-wrapper .metismenu ul {
    background: transparent !important;
    padding: 6px 0 10px 0 !important;
}

.sidebar-wrapper .metismenu ul a {
    position: relative;
    padding: 8px 12px 8px 40px !important;
    font-size: 13px !important;
    background: transparent !important;
    border-radius: 10px !important;
}

.sidebar-wrapper .metismenu ul a i {
    display: none !important;
}

.sidebar-wrapper .metismenu ul a::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 50%;
    width: 4px;
    height: 4px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: var(--cu-sidebar-muted);
}

.sidebar-wrapper .metismenu ul li a {
    color: rgba(255, 255, 255, 0.62) !important;
}

.sidebar-wrapper .metismenu ul li a:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--cu-sidebar-text-strong) !important;
}

.sidebar-wrapper .metismenu ul li.mm-active a {
    background: rgba(255, 255, 255, 0.07) !important;
    color: var(--cu-sidebar-text-strong) !important;
}

.sidebar-wrapper .metismenu ul li.mm-active a::before {
    background: var(--cu-sidebar-accent);
}

/* Arrow Icon */
.sidebar-wrapper .metismenu .has-arrow::after {
    border-color: var(--cu-sidebar-muted) !important;
    border-width: 1.5px !important;
}

.sidebar-wrapper .metismenu li a:hover.has-arrow::after,
.sidebar-wrapper .metismenu li.mm-active > a.has-arrow::after {
    border-color: var(--cu-sidebar-text) !important;
}

/* Scrollbar */
.sidebar-wrapper::-webkit-scrollbar {
    width: 4px;
}

.sidebar-wrapper::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.sidebar-wrapper::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.15);
}

.sidebar-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

/* Menu spacing */
/* Override any default styles */
.sidebar-wrapper .metismenu li,
.sidebar-wrapper .metismenu li a,
.sidebar-wrapper .metismenu ul li,
.sidebar-wrapper .metismenu ul li a {
    border: none !important;
    outline: none !important;
}

/* Fix OTHER section items (Clear Cache, Logout) */
.sidebar-wrapper .metismenu li.bg-light {
    background: transparent !important;
    margin-bottom: 2px !important;
}

.sidebar-wrapper .metismenu li.bg-light a {
    background: transparent !important;
}

.sidebar-wrapper .metismenu li.bg-light a:hover {
    background: var(--cu-sidebar-hover) !important;
}



/**
 * Dashboard - Minimal + Premium
 * Scoped to .cu-dashboard to avoid impacting other pages
 */
.cu-dashboard {
    --cu-dashboard-card-border: rgba(17, 24, 39, 0.08);
    --cu-dashboard-card-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    --cu-dashboard-card-shadow-hover: 0 10px 30px rgba(16, 24, 40, 0.08);
    --cu-dashboard-muted: rgba(17, 24, 39, 0.55);
}

html.dark-theme .cu-dashboard {
    --cu-dashboard-card-border: rgba(255, 255, 255, 0.08);
    --cu-dashboard-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    --cu-dashboard-card-shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.28);
    --cu-dashboard-muted: rgba(255, 255, 255, 0.6);
}

.cu-dashboard .cu-dashboard-header h5 {
    font-weight: 700;
    letter-spacing: -0.2px;
}

.cu-dashboard .cu-dashboard-header .text-muted {
    color: var(--cu-dashboard-muted) !important;
}

.cu-dashboard .card,
.cu-dashboard .widget-card-modern {
    border: 1px solid var(--cu-dashboard-card-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--cu-dashboard-card-shadow) !important;
}

.cu-dashboard .card:hover,
.cu-dashboard .widget-card-modern:hover {
    box-shadow: var(--cu-dashboard-card-shadow-hover) !important;
}

.cu-dashboard .card-header {
    background: transparent !important;
    border-bottom: 1px solid var(--cu-dashboard-card-border) !important;
    padding: 14px 16px !important;
}

.cu-dashboard .card-header h6 {
    font-weight: 600;
    letter-spacing: -0.1px;
}

.cu-dashboard .card-body {
    padding: 16px !important;
}

/* Widgets */
.cu-dashboard .widget-card-modern .card-body {
    padding: 16px 16px !important;
}

.cu-dashboard .widget-label {
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-bottom: 6px !important;
    color: var(--cu-dashboard-muted) !important;
}

.cu-dashboard .widget-value {
    font-size: 24px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.05 !important;
}

.cu-dashboard .widget-icon-modern {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px !important;
    border: 1px solid rgba(17, 24, 39, 0.08);
}

html.dark-theme .cu-dashboard .widget-icon-modern {
    border-color: rgba(255, 255, 255, 0.14);
}

/* Widget cards: light single-color backgrounds */
.cu-dashboard .widget-card-modern.cu-widget-info {
    background: rgba(0, 140, 255, 0.06) !important;
    border-color: rgba(0, 140, 255, 0.16) !important;
}

.cu-dashboard .widget-card-modern.cu-widget-success {
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: rgba(16, 185, 129, 0.18) !important;
}

.cu-dashboard .widget-card-modern.cu-widget-warning {
    background: rgba(245, 158, 11, 0.10) !important;
    border-color: rgba(245, 158, 11, 0.20) !important;
}

.cu-dashboard .widget-card-modern.cu-widget-danger {
    background: rgba(239, 68, 68, 0.08) !important;
    border-color: rgba(239, 68, 68, 0.18) !important;
}

/* Dark theme: keep cards neutral, only subtle border tint */
html.dark-theme .cu-dashboard .widget-card-modern.cu-widget-info,
html.dark-theme .cu-dashboard .widget-card-modern.cu-widget-success,
html.dark-theme .cu-dashboard .widget-card-modern.cu-widget-warning,
html.dark-theme .cu-dashboard .widget-card-modern.cu-widget-danger {
    background: rgba(255, 255, 255, 0.03) !important;
}

html.dark-theme .cu-dashboard .widget-card-modern.cu-widget-info { border-color: rgba(0, 140, 255, 0.22) !important; }
html.dark-theme .cu-dashboard .widget-card-modern.cu-widget-success { border-color: rgba(16, 185, 129, 0.22) !important; }
html.dark-theme .cu-dashboard .widget-card-modern.cu-widget-warning { border-color: rgba(245, 158, 11, 0.22) !important; }
html.dark-theme .cu-dashboard .widget-card-modern.cu-widget-danger { border-color: rgba(239, 68, 68, 0.22) !important; }

/* Lists + table */
.cu-dashboard .list-group-item {
    border-color: var(--cu-dashboard-card-border) !important;
}

.cu-dashboard .table thead th {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--cu-dashboard-muted);
}

html.dark-theme .cu-dashboard .table thead.table-light,
html.dark-theme .cu-dashboard .table thead.table-light th {
    background: transparent !important;
}


/**
 * Topbar - Minimal + Premium
 * Scoped to .cu-topbar to avoid breaking theme switchers
 */
.cu-topbar {
    border-bottom: 1px solid rgba(17, 24, 39, 0.08) !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06) !important;
    backdrop-filter: saturate(160%) blur(10px);
    -webkit-backdrop-filter: saturate(160%) blur(10px);
    height: 64px !important;
}

html.dark-theme .cu-topbar {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) !important;
}

.cu-topbar .navbar {
    height: 64px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.cu-topbar .mobile-toggle-menu {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: rgba(17, 24, 39, 0.75);
    background: rgba(17, 24, 39, 0.04);
}

.cu-topbar .mobile-toggle-menu:hover {
    background: rgba(17, 24, 39, 0.06);
    color: rgba(17, 24, 39, 0.9);
}

html.dark-theme .cu-topbar .mobile-toggle-menu {
    color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.06);
}

html.dark-theme .cu-topbar .mobile-toggle-menu:hover {
    background: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.92);
}

/* Header icon buttons (shortcut, flag, dark-mode, etc) */
.cu-topbar .navbar .navbar-nav .nav-link {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: rgba(17, 24, 39, 0.72);
}

.cu-topbar .navbar .navbar-nav .nav-link:hover,
.cu-topbar .navbar .navbar-nav .nav-link:focus {
    background-color: rgba(17, 24, 39, 0.06) !important;
    color: rgba(17, 24, 39, 0.92);
}

html.dark-theme .cu-topbar .navbar .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.76);
}

html.dark-theme .cu-topbar .navbar .navbar-nav .nav-link:hover,
html.dark-theme .cu-topbar .navbar .navbar-nav .nav-link:focus {
    background-color: rgba(255, 255, 255, 0.10) !important;
    color: rgba(255, 255, 255, 0.95);
}

/* Action buttons */
.cu-topbar .cu-topbar-action {
    height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-weight: 600;
    letter-spacing: -0.1px;
    box-shadow: none !important;
}

.cu-topbar .btn-outline-primary.cu-topbar-action {
    background: rgba(0, 140, 255, 0.08) !important;
    border-color: rgba(0, 140, 255, 0.22) !important;
    color: #008cff !important;
}

.cu-topbar .btn-outline-primary.cu-topbar-action:hover,
.cu-topbar .btn-outline-primary.cu-topbar-action:focus {
    background: rgba(0, 140, 255, 0.14) !important;
    border-color: rgba(0, 140, 255, 0.28) !important;
    color: #008cff !important;
}

.cu-topbar .btn-outline-danger.cu-topbar-action {
    background: rgba(220, 53, 69, 0.08) !important;
    border-color: rgba(220, 53, 69, 0.22) !important;
    color: #dc3545 !important;
}

.cu-topbar .btn-outline-danger.cu-topbar-action:hover,
.cu-topbar .btn-outline-danger.cu-topbar-action:focus {
    background: rgba(220, 53, 69, 0.14) !important;
    border-color: rgba(220, 53, 69, 0.28) !important;
    color: #dc3545 !important;
}

.cu-topbar .btn-success.cu-topbar-action {
    background: rgba(25, 135, 84, 0.10) !important;
    border: 1px solid rgba(25, 135, 84, 0.22) !important;
    color: #198754 !important;
}

.cu-topbar .btn-success.cu-topbar-action:hover {
    background: rgba(25, 135, 84, 0.14) !important;
    border-color: rgba(25, 135, 84, 0.28) !important;
    color: #198754 !important;
}

/* User box */
.cu-topbar .user-box {
    border-left: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-right: 1px solid rgba(17, 24, 39, 0.08) !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

html.dark-theme .cu-topbar .user-box {
    border-left-color: rgba(255, 255, 255, 0.10) !important;
    border-right-color: rgba(255, 255, 255, 0.10) !important;
}

.cu-topbar .user-box > a {
    padding: 6px 10px;
    border-radius: 14px;
}

.cu-topbar .user-box > a:hover {
    background: rgba(17, 24, 39, 0.06);
}

html.dark-theme .cu-topbar .user-box > a:hover {
    background: rgba(255, 255, 255, 0.10);
}

.cu-topbar .user-img {
    width: 34px;
    height: 34px;
    border-radius: 12px;
}

.cu-topbar .user-info .user-name {
    font-weight: 600;
    letter-spacing: -0.1px;
}

.cu-topbar .user-info .designattion {
    opacity: 0.75;
}

/* Shortcut (grid) dropdown menu */
.cu-topbar .dropdown-app .cu-shortcut-menu {
    padding: 8px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(17, 24, 39, 0.10) !important;
    box-shadow: 0 18px 50px rgba(16, 24, 40, 0.14) !important;
    overflow: hidden;
}

html.dark-theme .cu-topbar .dropdown-app .cu-shortcut-menu {
    border-color: rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.34) !important;
}

.cu-topbar .dropdown-app .cu-shortcut-menu .row {
    padding: 6px !important;
    row-gap: 8px;
}

.cu-topbar .dropdown-app .cu-shortcut-menu a {
    text-decoration: none !important;
}

.cu-topbar .dropdown-app .cu-shortcut-item {
    padding: 10px 12px;
    border-radius: 14px;
    background: transparent;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.cu-topbar .dropdown-app .cu-shortcut-item:hover {
    background: rgba(0, 140, 255, 0.08);
}

html.dark-theme .cu-topbar .dropdown-app .cu-shortcut-item:hover {
    background: rgba(255, 255, 255, 0.08);
}

.cu-topbar .dropdown-app .cu-shortcut-item .app-icon {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 140, 255, 0.10);
    color: #008cff;
}

html.dark-theme .cu-topbar .dropdown-app .cu-shortcut-item .app-icon {
    background: rgba(0, 140, 255, 0.18);
}

.cu-topbar .dropdown-app .cu-shortcut-item .app-name p {
    font-weight: 600;
    letter-spacing: -0.1px;
    color: rgba(17, 24, 39, 0.88);
}

html.dark-theme .cu-topbar .dropdown-app .cu-shortcut-item .app-name p {
    color: rgba(255, 255, 255, 0.92);
}

/**
 * Settings Page - Minimal + Premium
 * Scoped to .cu-settings
 */
.cu-settings {
    --cu-surface-border: rgba(17, 24, 39, 0.08);
    --cu-surface-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    --cu-surface-shadow-hover: 0 14px 34px rgba(16, 24, 40, 0.10);
    --cu-muted: rgba(17, 24, 39, 0.60);
    --cu-accent: #008cff;
}

html.dark-theme .cu-settings {
    --cu-surface-border: rgba(255, 255, 255, 0.08);
    --cu-surface-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
    --cu-surface-shadow-hover: 0 18px 50px rgba(0, 0, 0, 0.34);
    --cu-muted: rgba(255, 255, 255, 0.62);
}

/* Cards */
.cu-settings .card {
    border: 1px solid var(--cu-surface-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--cu-surface-shadow) !important;
}

.cu-settings .card:hover {
    box-shadow: var(--cu-surface-shadow-hover) !important;
}

.cu-settings .card-header {
    background: transparent !important;
    border-bottom: 1px solid var(--cu-surface-border) !important;
}

.cu-settings .card-header h5 {
    font-weight: 700;
    letter-spacing: -0.2px;
}

/* Left menu */
.cu-settings .fm-menu .list-group {
    gap: 6px;
}

.cu-settings .fm-menu .list-group-item {
    border: 1px solid transparent !important;
    border-radius: 12px;
    padding: 10px 12px !important;
    background: transparent !important;
    color: rgba(17, 24, 39, 0.75);
    font-weight: 600;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

html.dark-theme .cu-settings .fm-menu .list-group-item {
    color: rgba(255, 255, 255, 0.78);
}

.cu-settings .fm-menu .list-group-item i {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(0, 140, 255, 0.08);
    color: var(--cu-accent);
}

html.dark-theme .cu-settings .fm-menu .list-group-item i {
    background: rgba(0, 140, 255, 0.18);
}

.cu-settings .fm-menu .list-group-item:hover {
    background: rgba(17, 24, 39, 0.04) !important;
    border-color: var(--cu-surface-border) !important;
    color: rgba(17, 24, 39, 0.92);
}

html.dark-theme .cu-settings .fm-menu .list-group-item:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.92);
}

.cu-settings .fm-menu .list-group-item.active {
    background: rgba(0, 140, 255, 0.10) !important;
    border-color: rgba(0, 140, 255, 0.22) !important;
    color: var(--cu-accent) !important;
}

.cu-settings .fm-menu .list-group-item.active i {
    background: rgba(0, 140, 255, 0.14);
}

/* Accordions */
.cu-settings .accordion-item {
    border: 1px solid var(--cu-surface-border) !important;
    border-radius: 14px !important;
    overflow: hidden;
}

.cu-settings .accordion-item + .accordion-item {
    margin-top: 10px;
}

.cu-settings .accordion-button {
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 700;
    letter-spacing: -0.1px;
}

.cu-settings .accordion-button:not(.collapsed) {
    color: rgba(17, 24, 39, 0.92) !important;
}

html.dark-theme .cu-settings .accordion-button:not(.collapsed) {
    color: rgba(255, 255, 255, 0.92) !important;
}

.cu-settings .accordion-body {
    background: transparent;
}

/* Alerts inside settings */
.cu-settings .alert {
    border-radius: 14px;
}






/**
 * Minimal Toast Notification
 * */
.iziToast-wrapper-topRight {
    top: 20px !important;
    right: 20px !important;
}

.iziToast {
    border-radius: 8px !important;
    padding: 14px 16px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
    border: none !important;
    border-left: 4px solid !important;
    min-height: auto !important;
    max-width: 380px !important;
}

.iziToast > .iziToast-body {
    padding-left: 36px !important;
    padding-right: 28px !important;
    text-align: left !important;
}

.iziToast > .iziToast-body .iziToast-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

.iziToast > .iziToast-body .iziToast-message {
    font-size: 13px !important;
    line-height: 1.4 !important;
    opacity: 0.75 !important;
    margin-top: 0 !important;
    text-align: left !important;
}

.iziToast::after {
    display: none !important;
}

.iziToast > .iziToast-icon {
    width: 20px !important;
    height: 20px !important;
    top: 16px !important;
    left: 14px !important;
    font-size: 20px !important;
    margin: 0 !important;
}

.iziToast > .iziToast-close {
    background: transparent !important;
    width: 18px !important;
    height: 18px !important;
    opacity: 0.4 !important;
    transition: opacity 0.2s ease !important;
    top: 14px !important;
    right: 10px !important;
    font-size: 18px !important;
}

.iziToast > .iziToast-close:hover {
    opacity: 0.7 !important;
}

/* Success - Light Green */
.iziToast.iziToast-color-green {
    background: #f0fdf4 !important;
    border-left-color: #10b981 !important;
    color: #065f46 !important;
}

.iziToast.iziToast-color-green .iziToast-icon {
    color: #10b981 !important;
}

.iziToast.iziToast-color-green .iziToast-title {
    color: #065f46 !important;
}

.iziToast.iziToast-color-green .iziToast-message {
    color: #047857 !important;
}

/* Error - Light Red */
.iziToast.iziToast-color-red {
    background: #fef2f2 !important;
    border-left-color: #ef4444 !important;
    color: #991b1b !important;
}

.iziToast.iziToast-color-red .iziToast-icon {
    color: #ef4444 !important;
}

.iziToast.iziToast-color-red .iziToast-title {
    color: #991b1b !important;
}

.iziToast.iziToast-color-red .iziToast-message {
    color: #b91c1c !important;
}

/* Warning - Light Orange */
.iziToast.iziToast-color-yellow {
    background: #fffbeb !important;
    border-left-color: #f59e0b !important;
    color: #92400e !important;
}

.iziToast.iziToast-color-yellow .iziToast-icon {
    color: #f59e0b !important;
}

.iziToast.iziToast-color-yellow .iziToast-title {
    color: #92400e !important;
}

.iziToast.iziToast-color-yellow .iziToast-message {
    color: #b45309 !important;
}

/* Info - Light Blue */
.iziToast.iziToast-color-blue {
    background: #eff6ff !important;
    border-left-color: #3b82f6 !important;
    color: #1e40af !important;
}

.iziToast.iziToast-color-blue .iziToast-icon {
    color: #3b82f6 !important;
}

.iziToast.iziToast-color-blue .iziToast-title {
    color: #1e40af !important;
}

.iziToast.iziToast-color-blue .iziToast-message {
    color: #2563eb !important;
}

/* Progress Bar */
.iziToast > .iziToast-progressbar {
    height: 3px !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

.iziToast.iziToast-color-green > .iziToast-progressbar > div {
    background: #10b981 !important;
}

.iziToast.iziToast-color-red > .iziToast-progressbar > div {
    background: #ef4444 !important;
}

.iziToast.iziToast-color-yellow > .iziToast-progressbar > div {
    background: #f59e0b !important;
}

.iziToast.iziToast-color-blue > .iziToast-progressbar > div {
    background: #3b82f6 !important;
}

.iziToast {
    margin-bottom: 12px !important;
}