/* ===== FORM & MODAL SCROLLBAR STYLES ===== */
/* This file ensures consistent scrollbar styling across all forms, modals, and dashboard elements */

/* ===== FORM SCROLLBARS ===== */
/* All form elements with scrollbars */
form::-webkit-scrollbar,
.form::-webkit-scrollbar,
.form-container::-webkit-scrollbar,
.login-form::-webkit-scrollbar,
.signup-form::-webkit-scrollbar,
.auth-form::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

form::-webkit-scrollbar-track,
.form::-webkit-scrollbar-track,
.form-container::-webkit-scrollbar-track,
.login-form::-webkit-scrollbar-track,
.signup-form::-webkit-scrollbar-track,
.auth-form::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.8);
  border-radius: 6px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

form::-webkit-scrollbar-thumb,
.form::-webkit-scrollbar-thumb,
.form-container::-webkit-scrollbar-thumb,
.login-form::-webkit-scrollbar-thumb,
.signup-form::-webkit-scrollbar-thumb,
.auth-form::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(1, 68, 33, 0.3);
}

form::-webkit-scrollbar-thumb:hover,
.form::-webkit-scrollbar-thumb:hover,
.form-container::-webkit-scrollbar-thumb:hover,
.login-form::-webkit-scrollbar-thumb:hover,
.signup-form::-webkit-scrollbar-thumb:hover,
.auth-form::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #014421 0%, #121212 100%);
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(1, 68, 33, 0.5);
}

/* ===== MODAL SCROLLBARS ===== */
/* Modal and overlay scrollbars */
.modal::-webkit-scrollbar,
.overlay::-webkit-scrollbar,
.popup::-webkit-scrollbar,
.dialog::-webkit-scrollbar,
.modal-content::-webkit-scrollbar,
.modal-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.modal::-webkit-scrollbar-track,
.overlay::-webkit-scrollbar-track,
.popup::-webkit-scrollbar-track,
.dialog::-webkit-scrollbar-track,
.modal-content::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.9);
  border-radius: 8px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.modal::-webkit-scrollbar-thumb,
.overlay::-webkit-scrollbar-thumb,
.popup::-webkit-scrollbar-thumb,
.dialog::-webkit-scrollbar-thumb,
.modal-content::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(1, 68, 33, 0.4);
}

.modal::-webkit-scrollbar-thumb:hover,
.overlay::-webkit-scrollbar-thumb:hover,
.popup::-webkit-scrollbar-thumb:hover,
.dialog::-webkit-scrollbar-thumb:hover,
.modal-content::-webkit-scrollbar-thumb:hover,
.modal-body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #014421 0%, #121212 100%);
  transform: scale(1.1);
  box-shadow: 0 3px 10px rgba(1, 68, 33, 0.6);
}

/* ===== DASHBOARD SCROLLBARS ===== */
/* Dashboard specific scrollbars */
.dashboard::-webkit-scrollbar,
.dashboard-content::-webkit-scrollbar,
.dashboard-main::-webkit-scrollbar,
.dashboard-main::-webkit-scrollbar,
.dashboard-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.dashboard::-webkit-scrollbar-track,
.dashboard-content::-webkit-scrollbar-track,
.dashboard-main::-webkit-scrollbar-track,
.dashboard-container::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.7);
  border-radius: 8px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
}

.dashboard::-webkit-scrollbar-thumb,
.dashboard-content::-webkit-scrollbar-thumb,
.dashboard-main::-webkit-scrollbar-thumb,
.dashboard-container::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(1, 68, 33, 0.4);
}

.dashboard::-webkit-scrollbar-thumb:hover,
.dashboard-content::-webkit-scrollbar-thumb:hover,
.dashboard-main::-webkit-scrollbar-thumb:hover,
.dashboard-container::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #014421 0%, #121212 100%);
  transform: scale(1.1);
  box-shadow: 0 3px 10px rgba(1, 68, 33, 0.6);
}

/* ===== CLIENT DASHBOARD SPECIFIC SCROLLBARS ===== */
/* Client dashboard specific scrollbars for uniform sizing */
.client-dashboard::-webkit-scrollbar,
.client-dashboard-content::-webkit-scrollbar,
.client-dashboard-main::-webkit-scrollbar,
.client-dashboard-container::-webkit-scrollbar,
.client-dashboard-sidebar::-webkit-scrollbar,
.client-dashboard-content::-webkit-scrollbar,
.client-dashboard-right::-webkit-scrollbar,
.client-dashboard-left::-webkit-scrollbar,
.client-dashboard-center::-webkit-scrollbar,
.client-dashboard-top::-webkit-scrollbar,
.client-dashboard-bottom::-webkit-scrollbar,
.client-dashboard-header::-webkit-scrollbar,
.client-dashboard-footer::-webkit-scrollbar,
.client-dashboard-nav::-webkit-scrollbar,
.client-dashboard-menu::-webkit-scrollbar,
.client-dashboard-tabs::-webkit-scrollbar,
.client-dashboard-panels::-webkit-scrollbar,
.client-dashboard-widgets::-webkit-scrollbar,
.client-dashboard-cards::-webkit-scrollbar,
.client-dashboard-tables::-webkit-scrollbar,
.client-dashboard-forms::-webkit-scrollbar,
.client-dashboard-modals::-webkit-scrollbar,
.client-dashboard-overlays::-webkit-scrollbar,
.client-dashboard-popups::-webkit-scrollbar,
.client-dashboard-dialogs::-webkit-scrollbar,
.client-dashboard-notifications::-webkit-scrollbar,
.client-dashboard-alerts::-webkit-scrollbar,
.client-dashboard-messages::-webkit-scrollbar,
.client-dashboard-chats::-webkit-scrollbar,
.client-dashboard-projects::-webkit-scrollbar,
.client-dashboard-invoices::-webkit-scrollbar,
.client-dashboard-payments::-webkit-scrollbar,
.client-dashboard-applications::-webkit-scrollbar,
.client-dashboard-reviews::-webkit-scrollbar,
.client-dashboard-settings::-webkit-scrollbar,
.client-dashboard-profile::-webkit-scrollbar,
.client-dashboard-account::-webkit-scrollbar,
.client-dashboard-security::-webkit-scrollbar,
.client-dashboard-preferences::-webkit-scrollbar,
.client-dashboard-notifications::-webkit-scrollbar,
.client-dashboard-help::-webkit-scrollbar,
.client-dashboard-support::-webkit-scrollbar,
.client-dashboard-faq::-webkit-scrollbar,
.client-dashboard-docs::-webkit-scrollbar,
.client-dashboard-tutorials::-webkit-scrollbar,
.client-dashboard-guides::-webkit-scrollbar,
.client-dashboard-templates::-webkit-scrollbar,
.client-dashboard-examples::-webkit-scrollbar,
.client-dashboard-samples::-webkit-scrollbar,
.client-dashboard-demos::-webkit-scrollbar,
.client-dashboard-tests::-webkit-scrollbar,
.client-dashboard-debug::-webkit-scrollbar,
.client-dashboard-log::webkit-scrollbar,
.client-dashboard-error::-webkit-scrollbar,
.client-dashboard-warning::-webkit-scrollbar,
.client-dashboard-info::-webkit-scrollbar,
.client-dashboard-success::-webkit-scrollbar,
.client-dashboard-danger::-webkit-scrollbar,
.client-dashboard-primary::-webkit-scrollbar,
.client-dashboard-secondary::-webkit-scrollbar,
.client-dashboard-tertiary::-webkit-scrollbar,
.client-dashboard-quaternary::-webkit-scrollbar,
.client-dashboard-quinary::-webkit-scrollbar,
.client-dashboard-senary::-webkit-scrollbar,
.client-dashboard-septenary::-webkit-scrollbar,
.client-dashboard-octonary::-webkit-scrollbar,
.client-dashboard-nonary::-webkit-scrollbar,
.client-dashboard-denary::-webkit-scrollbar,
/* Additional specific selectors for client dashboard elements */
main::-webkit-scrollbar,
aside::-webkit-scrollbar,
section::-webkit-scrollbar,
.container::-webkit-scrollbar,
.content::-webkit-scrollbar,
.main-content::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,
.right::-webkit-scrollbar,
.left::-webkit-scrollbar,
.center::-webkit-scrollbar,
.top::-webkit-scrollbar,
.bottom::-webkit-scrollbar,
.header::-webkit-scrollbar,
.footer::-webkit-scrollbar,
.nav::-webkit-scrollbar,
.menu::-webkit-scrollbar,
.tabs::-webkit-scrollbar,
.panels::-webkit-scrollbar,
.widgets::-webkit-scrollbar,
.cards::-webkit-scrollbar,
.tables::-webkit-scrollbar,
.forms::-webkit-scrollbar,
.modals::-webkit-scrollbar,
.overlays::-webkit-scrollbar,
.popups::-webkit-scrollbar,
.dialogs::-webkit-scrollbar,
.notifications::-webkit-scrollbar,
.alerts::-webkit-scrollbar,
.messages::-webkit-scrollbar,
.chats::-webkit-scrollbar,
.projects::-webkit-scrollbar,
.invoices::-webkit-scrollbar,
.payments::-webkit-scrollbar,
.applications::-webkit-scrollbar,
.reviews::-webkit-scrollbar,
.settings::-webkit-scrollbar,
.profile::-webkit-scrollbar,
.account::-webkit-scrollbar,
.security::-webkit-scrollbar,
.preferences::-webkit-scrollbar,
.help::-webkit-scrollbar,
.support::-webkit-scrollbar,
.faq::-webkit-scrollbar,
.docs::-webkit-scrollbar,
.tutorials::-webkit-scrollbar,
.guides::-webkit-scrollbar,
.templates::-webkit-scrollbar,
.examples::-webkit-scrollbar,
.samples::-webkit-scrollbar,
.demos::-webkit-scrollbar,
.tests::-webkit-scrollbar,
.debug::-webkit-scrollbar,
.log::-webkit-scrollbar,
.error::-webkit-scrollbar,
.warning::-webkit-scrollbar,
.info::-webkit-scrollbar,
.success::-webkit-scrollbar,
.danger::-webkit-scrollbar,
.primary::-webkit-scrollbar,
.secondary::-webkit-scrollbar,
.tertiary::-webkit-scrollbar,
.quaternary::-webkit-scrollbar,
.quinary::-webkit-scrollbar,
.senary::-webkit-scrollbar,
.septenary::-webkit-scrollbar,
.octonary::-webkit-scrollbar,
.nonary::-webkit-scrollbar,
.denary::-webkit-scrollbar,
/* More specific client dashboard selectors */
#main::-webkit-scrollbar,
#aside::-webkit-scrollbar,
#sidebar::-webkit-scrollbar,
#content::-webkit-scrollbar,
#main-content::-webkit-scrollbar,
#sidebar::-webkit-scrollbar,
#right::-webkit-scrollbar,
#left::-webkit-scrollbar,
#center::-webkit-scrollbar,
#top::-webkit-scrollbar,
#bottom::-webkit-scrollbar,
#header::-webkit-scrollbar,
#footer::-webkit-scrollbar,
#nav::-webkit-scrollbar,
#menu::-webkit-scrollbar,
#tabs::-webkit-scrollbar,
#panels::-webkit-scrollbar,
#widgets::-webkit-scrollbar,
#cards::-webkit-scrollbar,
#tables::-webkit-scrollbar,
#forms::-webkit-scrollbar,
#modals::-webkit-scrollbar,
#overlays::-webkit-scrollbar,
#popups::-webkit-scrollbar,
#dialogs::-webkit-scrollbar,
#notifications::-webkit-scrollbar,
#alerts::-webkit-scrollbar,
#messages::-webkit-scrollbar,
#chats::-webkit-scrollbar,
#projects::-webkit-scrollbar,
#invoices::-webkit-scrollbar,
#payments::-webkit-scrollbar,
#applications::-webkit-scrollbar,
#reviews::-webkit-scrollbar,
#settings::-webkit-scrollbar,
#profile::-webkit-scrollbar,
#account::-webkit-scrollbar,
#security::-webkit-scrollbar,
#preferences::-webkit-scrollbar,
#help::-webkit-scrollbar,
#support::-webkit-scrollbar,
#faq::-webkit-scrollbar,
#docs::-webkit-scrollbar,
#tutorials::-webkit-scrollbar,
#guides::-webkit-scrollbar,
#templates::-webkit-scrollbar,
#examples::-webkit-scrollbar,
#samples::-webkit-scrollbar,
#demos::-webkit-scrollbar,
#tests::-webkit-scrollbar,
#debug::-webkit-scrollbar,
#log::-webkit-scrollbar,
#error::-webkit-scrollbar,
#warning::-webkit-scrollbar,
#info::-webkit-scrollbar,
#success::-webkit-scrollbar,
#danger::-webkit-scrollbar,
#primary::-webkit-scrollbar,
#secondary::-webkit-scrollbar,
#tertiary::-webkit-scrollbar,
#quaternary::-webkit-scrollbar,
#quinary::-webkit-scrollbar,
#senary::-webkit-scrollbar,
#septenary::-webkit-scrollbar,
#octonary::-webkit-scrollbar,
#nonary::-webkit-scrollbar,
#denary::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.client-dashboard::-webkit-scrollbar-track,
.client-dashboard-content::-webkit-scrollbar-track,
.client-dashboard-main::-webkit-scrollbar-track,
.client-dashboard-container::-webkit-scrollbar-track,
.client-dashboard-sidebar::-webkit-scrollbar-track,
.client-dashboard-content::-webkit-scrollbar-track,
.client-dashboard-right::-webkit-scrollbar-track,
.client-dashboard-left::-webkit-scrollbar-track,
.client-dashboard-center::-webkit-scrollbar-track,
.client-dashboard-top::-webkit-scrollbar-track,
.client-dashboard-bottom::-webkit-scrollbar-track,
.client-dashboard-header::-webkit-scrollbar-track,
.client-dashboard-footer::-webkit-scrollbar-track,
.client-dashboard-nav::-webkit-scrollbar-track,
.client-dashboard-menu::-webkit-scrollbar-track,
.client-dashboard-tabs::-webkit-scrollbar-track,
.client-dashboard-panels::-webkit-scrollbar-track,
.client-dashboard-widgets::-webkit-scrollbar-track,
.client-dashboard-cards::-webkit-scrollbar-track,
.client-dashboard-tables::-webkit-scrollbar-track,
.client-dashboard-forms::-webkit-scrollbar-track,
.client-dashboard-modals::-webkit-scrollbar-track,
.client-dashboard-overlays::-webkit-scrollbar-track,
.client-dashboard-popups::-webkit-scrollbar-track,
.client-dashboard-dialogs::-webkit-scrollbar-track,
.client-dashboard-notifications::-webkit-scrollbar-track,
.client-dashboard-alerts::-webkit-scrollbar-track,
.client-dashboard-messages::-webkit-scrollbar-track,
.client-dashboard-chats::-webkit-scrollbar-track,
.client-dashboard-projects::-webkit-scrollbar-track,
.client-dashboard-invoices::-webkit-scrollbar-track,
.client-dashboard-payments::-webkit-scrollbar-track,
.client-dashboard-applications::-webkit-scrollbar-track,
.client-dashboard-reviews::-webkit-scrollbar-track,
.client-dashboard-settings::-webkit-scrollbar-track,
.client-dashboard-profile::-webkit-scrollbar-track,
.client-dashboard-account::-webkit-scrollbar-track,
.client-dashboard-security::-webkit-scrollbar-track,
.client-dashboard-preferences::-webkit-scrollbar-track,
.client-dashboard-notifications::-webkit-scrollbar-track,
.client-dashboard-help::-webkit-scrollbar-track,
.client-dashboard-support::-webkit-scrollbar-track,
.client-dashboard-faq::-webkit-scrollbar-track,
.client-dashboard-docs::-webkit-scrollbar-track,
.client-dashboard-tutorials::-webkit-scrollbar-track,
.client-dashboard-guides::-webkit-scrollbar-track,
.client-dashboard-templates::-webkit-scrollbar-track,
.client-dashboard-examples::-webkit-scrollbar-track,
.client-dashboard-samples::-webkit-scrollbar-track,
.client-dashboard-demos::-webkit-scrollbar-track,
.client-dashboard-tests::-webkit-scrollbar-track,
.client-dashboard-debug::-webkit-scrollbar-track,
.client-dashboard-log::-webkit-scrollbar-track,
.client-dashboard-error::-webkit-scrollbar-track,
.client-dashboard-warning::-webkit-scrollbar-track,
.client-dashboard-info::-webkit-scrollbar-track,
.client-dashboard-success::-webkit-scrollbar-track,
.client-dashboard-danger::-webkit-scrollbar-track,
.client-dashboard-primary::-webkit-scrollbar-track,
.client-dashboard-secondary::-webkit-scrollbar-track,
.client-dashboard-tertiary::-webkit-scrollbar-track,
.client-dashboard-quaternary::-webkit-scrollbar-track,
.client-dashboard-quinary::-webkit-scrollbar-track,
.client-dashboard-senary::-webkit-scrollbar-track,
.client-dashboard-septenary::-webkit-scrollbar-track,
.client-dashboard-octonary::-webkit-scrollbar-track,
.client-dashboard-nonary::-webkit-scrollbar-track,
.client-dashboard-denary::-webkit-scrollbar-track,
/* ID-based track selectors for client dashboard */
#main::-webkit-scrollbar-track,
#aside::-webkit-scrollbar-track,
#sidebar::-webkit-scrollbar-track,
#content::-webkit-scrollbar-track,
#main-content::-webkit-scrollbar-track,
#right::-webkit-scrollbar-track,
#left::-webkit-scrollbar-track,
#center::-webkit-scrollbar-track,
#top::-webkit-scrollbar-track,
#bottom::-webkit-scrollbar-track,
#header::-webkit-scrollbar-track,
#footer::-webkit-scrollbar-track,
#nav::-webkit-scrollbar-track,
#menu::-webkit-scrollbar-track,
#tabs::-webkit-scrollbar-track,
#panels::-webkit-scrollbar-track,
#widgets::-webkit-scrollbar-track,
#cards::-webkit-scrollbar-track,
#tables::-webkit-scrollbar-track,
#forms::-webkit-scrollbar-track,
#modals::-webkit-scrollbar-track,
#overlays::-webkit-scrollbar-track,
#popups::-webkit-scrollbar-track,
#dialogs::-webkit-scrollbar-track,
#notifications::-webkit-scrollbar-track,
#alerts::-webkit-scrollbar-track,
#messages::-webkit-scrollbar-track,
#chats::-webkit-scrollbar-track,
#projects::-webkit-scrollbar-track,
#invoices::-webkit-scrollbar-track,
#payments::-webkit-scrollbar-track,
#applications::-webkit-scrollbar-track,
#reviews::-webkit-scrollbar-track,
#settings::-webkit-scrollbar-track,
#profile::-webkit-scrollbar-track,
#account::-webkit-scrollbar-track,
#security::-webkit-scrollbar-track,
#preferences::-webkit-scrollbar-track,
#help::-webkit-scrollbar-track,
#support::-webkit-scrollbar-track,
#faq::-webkit-scrollbar-track,
#docs::-webkit-scrollbar-track,
#tutorials::-webkit-scrollbar-track,
#guides::-webkit-scrollbar-track,
#templates::-webkit-scrollbar-track,
#examples::-webkit-scrollbar-track,
#samples::-webkit-scrollbar-track,
#demos::-webkit-scrollbar-track,
#tests::-webkit-scrollbar-track,
#debug::-webkit-scrollbar-track,
#log::-webkit-scrollbar-track,
#error::-webkit-scrollbar-track,
#warning::-webkit-scrollbar-track,
#info::-webkit-scrollbar-track,
#success::-webkit-scrollbar-track,
#danger::-webkit-scrollbar-track,
#primary::-webkit-scrollbar-track,
#secondary::-webkit-scrollbar-track,
#tertiary::-webkit-scrollbar-track,
#quaternary::-webkit-scrollbar-track,
#quinary::-webkit-scrollbar-track,
#senary::-webkit-scrollbar-track,
#septenary::-webkit-scrollbar-track,
#octonary::-webkit-scrollbar-track,
#nonary::-webkit-scrollbar-track,
#denary::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.7);
  border-radius: 8px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
}

.client-dashboard::-webkit-scrollbar-thumb,
.client-dashboard-content::-webkit-scrollbar-thumb,
.client-dashboard-main::-webkit-scrollbar-thumb,
.client-dashboard-container::-webkit-scrollbar-thumb,
.client-dashboard-sidebar::-webkit-scrollbar-thumb,
.client-dashboard-content::-webkit-scrollbar-thumb,
.client-dashboard-right::-webkit-scrollbar-thumb,
.client-dashboard-left::-webkit-scrollbar-thumb,
.client-dashboard-center::-webkit-scrollbar-thumb,
.client-dashboard-top::-webkit-scrollbar-thumb,
.client-dashboard-bottom::-webkit-scrollbar-thumb,
.client-dashboard-header::-webkit-scrollbar-thumb,
.client-dashboard-footer::-webkit-scrollbar-thumb,
.client-dashboard-nav::-webkit-scrollbar-thumb,
.client-dashboard-menu::-webkit-scrollbar-thumb,
.client-dashboard-tabs::-webkit-scrollbar-thumb,
.client-dashboard-panels::-webkit-scrollbar-thumb,
.client-dashboard-widgets::-webkit-scrollbar-thumb,
.client-dashboard-cards::-webkit-scrollbar-thumb,
.client-dashboard-tables::-webkit-scrollbar-thumb,
.client-dashboard-forms::-webkit-scrollbar-thumb,
.client-dashboard-modals::-webkit-scrollbar-thumb,
.client-dashboard-overlays::-webkit-scrollbar-thumb,
.client-dashboard-popups::-webkit-scrollbar-thumb,
.client-dashboard-dialogs::-webkit-scrollbar-thumb,
.client-dashboard-notifications::-webkit-scrollbar-thumb,
.client-dashboard-alerts::-webkit-scrollbar-thumb,
.client-dashboard-messages::-webkit-scrollbar-thumb,
.client-dashboard-chats::-webkit-scrollbar-thumb,
.client-dashboard-projects::-webkit-scrollbar-thumb,
.client-dashboard-invoices::-webkit-scrollbar-thumb,
.client-dashboard-payments::-webkit-scrollbar-thumb,
.client-dashboard-applications::-webkit-scrollbar-thumb,
.client-dashboard-reviews::-webkit-scrollbar-thumb,
.client-dashboard-settings::-webkit-scrollbar-thumb,
.client-dashboard-profile::-webkit-scrollbar-thumb,
.client-dashboard-account::-webkit-scrollbar-thumb,
.client-dashboard-security::-webkit-scrollbar-thumb,
.client-dashboard-preferences::-webkit-scrollbar-thumb,
.client-dashboard-notifications::-webkit-scrollbar-thumb,
.client-dashboard-help::-webkit-scrollbar-thumb,
.client-dashboard-support::-webkit-scrollbar-thumb,
.client-dashboard-faq::-webkit-scrollbar-thumb,
.client-dashboard-docs::-webkit-scrollbar-thumb,
.client-dashboard-tutorials::-webkit-scrollbar-thumb,
.client-dashboard-guides::-webkit-scrollbar-thumb,
.client-dashboard-templates::-webkit-scrollbar-thumb,
.client-dashboard-examples::-webkit-scrollbar-thumb,
.client-dashboard-samples::-webkit-scrollbar-thumb,
.client-dashboard-demos::-webkit-scrollbar-thumb,
.client-dashboard-tests::-webkit-scrollbar-thumb,
.client-dashboard-debug::-webkit-scrollbar-thumb,
.client-dashboard-log::-webkit-scrollbar-thumb,
.client-dashboard-error::-webkit-scrollbar-thumb,
.client-dashboard-warning::-webkit-scrollbar-thumb,
.client-dashboard-info::-webkit-scrollbar-thumb,
.client-dashboard-success::-webkit-scrollbar-thumb,
.client-dashboard-danger::-webkit-scrollbar-thumb,
.client-dashboard-primary::-webkit-scrollbar-thumb,
.client-dashboard-secondary::-webkit-scrollbar-thumb,
.client-dashboard-tertiary::-webkit-scrollbar-thumb,
.client-dashboard-quaternary::-webkit-scrollbar-thumb,
.client-dashboard-quinary::-webkit-scrollbar-thumb,
.client-dashboard-senary::-webkit-scrollbar-thumb,
.client-dashboard-septenary::-webkit-scrollbar-thumb,
.client-dashboard-octonary::-webkit-scrollbar-thumb,
.client-dashboard-nonary::-webkit-scrollbar-thumb,
.client-dashboard-denary::-webkit-scrollbar-thumb,
/* Additional specific selectors for client dashboard elements */
main::-webkit-scrollbar-thumb,
aside::-webkit-scrollbar-thumb,
section::-webkit-scrollbar-thumb,
.container::-webkit-scrollbar-thumb,
.content::-webkit-scrollbar-thumb,
.main-content::-webkit-scrollbar-thumb,
.sidebar::-webkit-scrollbar-thumb,
.right::-webkit-scrollbar-thumb,
.left::-webkit-scrollbar-thumb,
.center::-webkit-scrollbar-thumb,
.top::-webkit-scrollbar-thumb,
.bottom::-webkit-scrollbar-thumb,
.header::-webkit-scrollbar-thumb,
.footer::-webkit-scrollbar-thumb,
.nav::-webkit-scrollbar-thumb,
.menu::-webkit-scrollbar-thumb,
.tabs::-webkit-scrollbar-thumb,
.panels::-webkit-scrollbar-thumb,
.widgets::-webkit-scrollbar-thumb,
.cards::-webkit-scrollbar-thumb,
.tables::-webkit-scrollbar-thumb,
.forms::-webkit-scrollbar-thumb,
.modals::-webkit-scrollbar-thumb,
.overlays::-webkit-scrollbar-thumb,
.popups::-webkit-scrollbar-thumb,
.dialogs::-webkit-scrollbar-thumb,
.notifications::-webkit-scrollbar-thumb,
.alerts::-webkit-scrollbar-thumb,
.messages::-webkit-scrollbar-thumb,
.chats::-webkit-scrollbar-thumb,
.projects::-webkit-scrollbar-thumb,
.invoices::-webkit-scrollbar-thumb,
.payments::-webkit-scrollbar-thumb,
.applications::-webkit-scrollbar-thumb,
.reviews::-webkit-scrollbar-thumb,
.settings::-webkit-scrollbar-thumb,
.profile::-webkit-scrollbar-thumb,
.account::-webkit-scrollbar-thumb,
.security::-webkit-scrollbar-thumb,
.preferences::-webkit-scrollbar-thumb,
.help::-webkit-scrollbar-thumb,
.support::-webkit-scrollbar-thumb,
.faq::-webkit-scrollbar-thumb,
.docs::-webkit-scrollbar-thumb,
.tutorials::-webkit-scrollbar-thumb,
.guides::-webkit-scrollbar-thumb,
.templates::-webkit-scrollbar-thumb,
.examples::-webkit-scrollbar-thumb,
.samples::-webkit-scrollbar-thumb,
.demos::-webkit-scrollbar-thumb,
.tests::-webkit-scrollbar-thumb,
.debug::-webkit-scrollbar-thumb,
.log::-webkit-scrollbar-thumb,
.error::-webkit-scrollbar-thumb,
.warning::-webkit-scrollbar-thumb,
.info::-webkit-scrollbar-thumb,
.success::-webkit-scrollbar-thumb,
.danger::-webkit-scrollbar-thumb,
.primary::-webkit-scrollbar-thumb,
.secondary::-webkit-scrollbar-thumb,
.tertiary::-webkit-scrollbar-thumb,
.quaternary::-webkit-scrollbar-thumb,
.quinary::-webkit-scrollbar-thumb,
.senary::-webkit-scrollbar-thumb,
.septenary::-webkit-scrollbar-thumb,
.octonary::-webkit-scrollbar-thumb,
.nonary::-webkit-scrollbar-thumb,
.denary::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(1, 68, 33, 0.4);
}

/* ID-based thumb selectors for client dashboard */
#main::-webkit-scrollbar-thumb,
#aside::-webkit-scrollbar-thumb,
#sidebar::-webkit-scrollbar-thumb,
#content::-webkit-scrollbar-thumb,
#main-content::-webkit-scrollbar-thumb,
#right::-webkit-scrollbar-thumb,
#left::-webkit-scrollbar-thumb,
#center::-webkit-scrollbar-thumb,
#top::-webkit-scrollbar-thumb,
#bottom::-webkit-scrollbar-thumb,
#header::-webkit-scrollbar-thumb,
#footer::-webkit-scrollbar-thumb,
#nav::-webkit-scrollbar-thumb,
#menu::-webkit-scrollbar-thumb,
#tabs::-webkit-scrollbar-thumb,
#panels::-webkit-scrollbar-thumb,
#widgets::-webkit-scrollbar-thumb,
#cards::-webkit-scrollbar-thumb,
#tables::-webkit-scrollbar-thumb,
#forms::-webkit-scrollbar-thumb,
#modals::-webkit-scrollbar-thumb,
#overlays::-webkit-scrollbar-thumb,
#popups::-webkit-scrollbar-thumb,
#dialogs::-webkit-scrollbar-thumb,
#notifications::-webkit-scrollbar-thumb,
#alerts::-webkit-scrollbar-thumb,
#messages::-webkit-scrollbar-thumb,
#chats::-webkit-scrollbar-thumb,
#projects::-webkit-scrollbar-thumb,
#invoices::-webkit-scrollbar-thumb,
#payments::-webkit-scrollbar-thumb,
#applications::-webkit-scrollbar-thumb,
#reviews::-webkit-scrollbar-thumb,
#settings::-webkit-scrollbar-thumb,
#profile::-webkit-scrollbar-thumb,
#account::-webkit-scrollbar-thumb,
#security::-webkit-scrollbar-thumb,
#preferences::-webkit-scrollbar-thumb,
#help::-webkit-scrollbar-thumb,
#support::-webkit-scrollbar-thumb,
#faq::-webkit-scrollbar-thumb,
#docs::-webkit-scrollbar-thumb,
#tutorials::-webkit-scrollbar-thumb,
#guides::-webkit-scrollbar-thumb,
#templates::-webkit-scrollbar-thumb,
#examples::-webkit-scrollbar-thumb,
#samples::-webkit-scrollbar-thumb,
#demos::-webkit-scrollbar-thumb,
#tests::-webkit-scrollbar-thumb,
#debug::-webkit-scrollbar-thumb,
#log::-webkit-scrollbar-thumb,
#error::-webkit-scrollbar-thumb,
#warning::-webkit-scrollbar-thumb,
#info::-webkit-scrollbar-thumb,
#success::-webkit-scrollbar-thumb,
#danger::-webkit-scrollbar-thumb,
#primary::-webkit-scrollbar-thumb,
#secondary::-webkit-scrollbar-thumb,
#tertiary::-webkit-scrollbar-thumb,
#quaternary::-webkit-scrollbar-thumb,
#quinary::-webkit-scrollbar-thumb,
#senary::-webkit-scrollbar-thumb,
#septenary::-webkit-scrollbar-thumb,
#octonary::-webkit-scrollbar-thumb,
#nonary::-webkit-scrollbar-thumb,
#denary::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(1, 68, 33, 0.4);
}

/* Hover selectors for class-based and ID-based thumb elements */
main::-webkit-scrollbar-thumb:hover,
aside::-webkit-scrollbar-thumb:hover,
section::-webkit-scrollbar-thumb:hover,
.container::-webkit-scrollbar-thumb:hover,
.content::-webkit-scrollbar-thumb:hover,
.main-content::-webkit-scrollbar-thumb:hover,
.sidebar::-webkit-scrollbar-thumb:hover,
.right::-webkit-scrollbar-thumb:hover,
.left::-webkit-scrollbar-thumb:hover,
.center::-webkit-scrollbar-thumb:hover,
.top::-webkit-scrollbar-thumb:hover,
.bottom::-webkit-scrollbar-thumb:hover,
.header::-webkit-scrollbar-thumb:hover,
.footer::-webkit-scrollbar-thumb:hover,
.nav::-webkit-scrollbar-thumb:hover,
.menu::-webkit-scrollbar-thumb:hover,
.tabs::-webkit-scrollbar-thumb:hover,
.panels::-webkit-scrollbar-thumb:hover,
.widgets::-webkit-scrollbar-thumb:hover,
.cards::-webkit-scrollbar-thumb:hover,
.tables::-webkit-scrollbar-thumb:hover,
.forms::-webkit-scrollbar-thumb:hover,
.modals::-webkit-scrollbar-thumb:hover,
.overlays::-webkit-scrollbar-thumb:hover,
.popups::-webkit-scrollbar-thumb:hover,
.dialogs::-webkit-scrollbar-thumb:hover,
.notifications::-webkit-scrollbar-thumb:hover,
.alerts::-webkit-scrollbar-thumb:hover,
.messages::-webkit-scrollbar-thumb:hover,
.chats::-webkit-scrollbar-thumb:hover,
.projects::-webkit-scrollbar-thumb:hover,
.invoices::-webkit-scrollbar-thumb:hover,
.payments::-webkit-scrollbar-thumb:hover,
.applications::-webkit-scrollbar-thumb:hover,
.reviews::-webkit-scrollbar-thumb:hover,
.settings::-webkit-scrollbar-thumb:hover,
.profile::-webkit-scrollbar-thumb:hover,
.account::-webkit-scrollbar-thumb:hover,
.security::-webkit-scrollbar-thumb:hover,
.preferences::-webkit-scrollbar-thumb:hover,
.help::-webkit-scrollbar-thumb:hover,
.support::-webkit-scrollbar-thumb:hover,
.faq::-webkit-scrollbar-thumb:hover,
.docs::-webkit-scrollbar-thumb:hover,
.tutorials::-webkit-scrollbar-thumb:hover,
.guides::-webkit-scrollbar-thumb:hover,
.templates::-webkit-scrollbar-thumb:hover,
.examples::-webkit-scrollbar-thumb:hover,
.samples::-webkit-scrollbar-thumb:hover,
.demos::-webkit-scrollbar-thumb:hover,
.tests::-webkit-scrollbar-thumb:hover,
.debug::-webkit-scrollbar-thumb:hover,
.log::-webkit-scrollbar-thumb:hover,
.error::-webkit-scrollbar-thumb:hover,
.warning::-webkit-scrollbar-thumb:hover,
.info::-webkit-scrollbar-thumb:hover,
.success::-webkit-scrollbar-thumb:hover,
.danger::-webkit-scrollbar-thumb:hover,
.primary::-webkit-scrollbar-thumb:hover,
.secondary::-webkit-scrollbar-thumb:hover,
.tertiary::-webkit-scrollbar-thumb:hover,
.quaternary::-webkit-scrollbar-thumb:hover,
.quinary::-webkit-scrollbar-thumb:hover,
.senary::-webkit-scrollbar-thumb:hover,
.septenary::-webkit-scrollbar-thumb:hover,
.octonary::-webkit-scrollbar-thumb:hover,
.nonary::-webkit-scrollbar-thumb:hover,
.denary::-webkit-scrollbar-thumb:hover,
#main::-webkit-scrollbar-thumb:hover,
#aside::-webkit-scrollbar-thumb:hover,
#sidebar::-webkit-scrollbar-thumb:hover,
#content::-webkit-scrollbar-thumb:hover,
#main-content::-webkit-scrollbar-thumb:hover,
#right::-webkit-scrollbar-thumb:hover,
#left::-webkit-scrollbar-thumb:hover,
#center::-webkit-scrollbar-thumb:hover,
#top::-webkit-scrollbar-thumb:hover,
#bottom::-webkit-scrollbar-thumb:hover,
#header::-webkit-scrollbar-thumb:hover,
#footer::-webkit-scrollbar-thumb:hover,
#nav::-webkit-scrollbar-thumb:hover,
#menu::-webkit-scrollbar-thumb:hover,
#tabs::-webkit-scrollbar-thumb:hover,
#panels::-webkit-scrollbar-thumb:hover,
#widgets::-webkit-scrollbar-thumb:hover,
#cards::-webkit-scrollbar-thumb:hover,
#tables::-webkit-scrollbar-thumb:hover,
#forms::-webkit-scrollbar-thumb:hover,
#modals::-webkit-scrollbar-thumb:hover,
#overlays::-webkit-scrollbar-thumb:hover,
#popups::-webkit-scrollbar-thumb:hover,
#dialogs::-webkit-scrollbar-thumb:hover,
#notifications::-webkit-scrollbar-thumb:hover,
#alerts::-webkit-scrollbar-thumb:hover,
#messages::-webkit-scrollbar-thumb:hover,
#chats::-webkit-scrollbar-thumb:hover,
#projects::-webkit-scrollbar-thumb:hover,
#invoices::-webkit-scrollbar-thumb:hover,
#payments::-webkit-scrollbar-thumb:hover,
#applications::-webkit-scrollbar-thumb:hover,
#reviews::-webkit-scrollbar-thumb:hover,
#settings::-webkit-scrollbar-thumb:hover,
#profile::-webkit-scrollbar-thumb:hover,
#account::-webkit-scrollbar-thumb:hover,
#security::-webkit-scrollbar-thumb:hover,
#preferences::-webkit-scrollbar-thumb:hover,
#help::-webkit-scrollbar-thumb:hover,
#support::-webkit-scrollbar-thumb:hover,
#faq::-webkit-scrollbar-thumb:hover,
#docs::-webkit-scrollbar-thumb:hover,
#tutorials::-webkit-scrollbar-thumb:hover,
#guides::-webkit-scrollbar-thumb:hover,
#templates::-webkit-scrollbar-thumb:hover,
#examples::-webkit-scrollbar-thumb:hover,
#samples::-webkit-scrollbar-thumb:hover,
#demos::-webkit-scrollbar-thumb:hover,
#tests::-webkit-scrollbar-thumb:hover,
#debug::-webkit-scrollbar-thumb:hover,
#log::-webkit-scrollbar-thumb:hover,
#error::-webkit-scrollbar-thumb:hover,
#warning::-webkit-scrollbar-thumb:hover,
#info::-webkit-scrollbar-thumb:hover,
#success::-webkit-scrollbar-thumb:hover,
#danger::-webkit-scrollbar-thumb:hover,
#primary::-webkit-scrollbar-thumb:hover,
#secondary::-webkit-scrollbar-thumb:hover,
#tertiary::-webkit-scrollbar-thumb:hover,
#quaternary::-webkit-scrollbar-thumb:hover,
#quinary::-webkit-scrollbar-thumb:hover,
#senary::-webkit-scrollbar-thumb:hover,
#septenary::-webkit-scrollbar-thumb:hover,
#octonary::-webkit-scrollbar-thumb:hover,
#nonary::-webkit-scrollbar-thumb:hover,
#denary::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #014421 0%, #121212 100%);
  transform: scale(1.1);
  box-shadow: 0 3px 10px rgba(1, 68, 33, 0.6);
}

/* ===== SIDEBAR SCROLLBARS ===== */
/* Sidebar navigation scrollbars */
.sidebar::-webkit-scrollbar,
.nav::-webkit-scrollbar,
.navigation::-webkit-scrollbar,
.side-nav::-webkit-scrollbar,
.nav-menu::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.sidebar::-webkit-scrollbar-track,
.nav::-webkit-scrollbar-track,
.navigation::-webkit-scrollbar-track,
.side-nav::-webkit-scrollbar-track,
.nav-menu::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.5);
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.sidebar::-webkit-scrollbar-thumb,
.nav::-webkit-scrollbar-thumb,
.navigation::-webkit-scrollbar-thumb,
.side-nav::-webkit-scrollbar-thumb,
.nav-menu::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 4px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(1, 68, 33, 0.3);
}

.sidebar::-webkit-scrollbar-thumb:hover,
.nav::-webkit-scrollbar-thumb:hover,
.navigation::-webkit-scrollbar-thumb:hover,
.side-nav::-webkit-scrollbar-thumb:hover,
.nav-menu::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #014421 0%, #121212 100%);
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(1, 68, 33, 0.5);
}

/* ===== TABLE SCROLLBARS ===== */
/* Table scrollbars */
.table::-webkit-scrollbar,
.data-table::-webkit-scrollbar,
.table-container::-webkit-scrollbar,
.table-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.table::-webkit-scrollbar-track,
.data-table::-webkit-scrollbar-track,
.table-container::-webkit-scrollbar-track,
.table-wrapper::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.8);
  border-radius: 6px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.table::-webkit-scrollbar-thumb,
.data-table::-webkit-scrollbar-thumb,
.table-container::-webkit-scrollbar-thumb,
.table-wrapper::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(1, 68, 33, 0.3);
}

.table::-webkit-scrollbar-thumb:hover,
.data-table::-webkit-scrollbar-thumb:hover,
.table-container::-webkit-scrollbar-thumb:hover,
.table-wrapper::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #014421 0%, #121212 100%);
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(1, 68, 33, 0.5);
}

/* ===== CHAT & MESSAGE SCROLLBARS ===== */
/* Chat and message area scrollbars */
.chat::-webkit-scrollbar,
.messages::-webkit-scrollbar,
.conversation::-webkit-scrollbar,
.message-area::-webkit-scrollbar,
.chat-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.chat::-webkit-scrollbar-track,
.messages::-webkit-scrollbar-track,
.conversation::-webkit-scrollbar-track,
.message-area::-webkit-scrollbar-track,
.chat-container::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.4);
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.chat::-webkit-scrollbar-thumb,
.messages::-webkit-scrollbar-thumb,
.conversation::-webkit-scrollbar-thumb,
.message-area::-webkit-scrollbar-thumb,
.chat-container::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 4px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(1, 68, 33, 0.3);
}

.chat::-webkit-scrollbar-thumb:hover,
.messages::-webkit-scrollbar-thumb:hover,
.conversation::-webkit-scrollbar-thumb:hover,
.message-area::-webkit-scrollbar-thumb:hover,
.chat-container::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #014421 0%, #121212 100%);
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(1, 68, 33, 0.5);
}

/* ===== DASHBOARD WIDGET SCROLLBARS ===== */
/* Dashboard widget scrollbars */
.widget::-webkit-scrollbar,
.card::-webkit-scrollbar,
.panel::-webkit-scrollbar,
.widget-container::-webkit-scrollbar,
.card-content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.widget::-webkit-scrollbar-track,
.card::-webkit-scrollbar-track,
.panel::-webkit-scrollbar-track,
.widget-container::-webkit-scrollbar-track,
.card-content::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.3);
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
}

.widget::-webkit-scrollbar-thumb,
.card::-webkit-scrollbar-thumb,
.panel::-webkit-scrollbar-thumb,
.widget-container::-webkit-scrollbar-thumb,
.card-content::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 4px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(1, 68, 33, 0.3);
}

.widget::-webkit-scrollbar-thumb:hover,
.card::-webkit-scrollbar-thumb:hover,
.panel::-webkit-scrollbar-thumb:hover,
.widget-container::-webkit-scrollbar-thumb:hover,
.card-content::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #014421 0%, #121212 100%);
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(1, 68, 33, 0.5);
}

/* ===== SPECIFIC AUTHENTICATION FORM SCROLLBARS ===== */
/* Login and signup specific scrollbars */
.login-container::-webkit-scrollbar,
.signup-container::-webkit-scrollbar,
.auth-container::-webkit-scrollbar,
.login-wrapper::-webkit-scrollbar,
.signup-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.login-container::-webkit-scrollbar-track,
.signup-container::-webkit-scrollbar-track,
.auth-container::-webkit-scrollbar-track,
.login-wrapper::-webkit-scrollbar-track,
.signup-wrapper::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.8);
  border-radius: 6px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.login-container::-webkit-scrollbar-thumb,
.signup-container::-webkit-scrollbar-thumb,
.auth-container::-webkit-scrollbar-thumb,
.login-wrapper::-webkit-scrollbar-thumb,
.signup-wrapper::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(1, 68, 33, 0.3);
}

.login-container::-webkit-scrollbar-thumb:hover,
.signup-container::-webkit-scrollbar-thumb:hover,
.auth-container::-webkit-scrollbar-thumb:hover,
.login-wrapper::-webkit-scrollbar-thumb:hover,
.signup-wrapper::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #014421 0%, #121212 100%);
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(1, 68, 33, 0.5);
}

/* ===== SETTINGS & PROFILE SCROLLBARS ===== */
/* Settings and profile page scrollbars */
.settings::-webkit-scrollbar,
.profile::-webkit-scrollbar,
.settings-container::-webkit-scrollbar,
.profile-container::-webkit-scrollbar,
.settings-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.settings::-webkit-scrollbar-track,
.profile::-webkit-scrollbar-track,
.settings-container::-webkit-scrollbar-track,
.profile-container::-webkit-scrollbar-track,
.settings-content::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.8);
  border-radius: 6px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.settings::-webkit-scrollbar-thumb,
.profile::-webkit-scrollbar-thumb,
.settings-container::-webkit-scrollbar-thumb,
.profile-container::-webkit-scrollbar-thumb,
.settings-content::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(1, 68, 33, 0.3);
}

.settings::-webkit-scrollbar-thumb:hover,
.profile::-webkit-scrollbar-thumb:hover,
.settings-container::-webkit-scrollbar-thumb:hover,
.profile-container::-webkit-scrollbar-thumb:hover,
.settings-content::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #014421 0%, #121212 100%);
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(1, 68, 33, 0.5);
}

/* ===== PAYMENT & APPLICATIONS SCROLLBARS ===== */
/* Payment and applications page scrollbars */
.payments::-webkit-scrollbar,
.applications::-webkit-scrollbar,
.payment-container::-webkit-scrollbar,
.applications-container::-webkit-scrollbar,
.payment-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.payments::-webkit-scrollbar-track,
.applications::-webkit-scrollbar-track,
.payment-container::-webkit-scrollbar-track,
.applications-container::-webkit-scrollbar-track,
.payment-content::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.8);
  border-radius: 6px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.payments::-webkit-scrollbar-thumb,
.applications::-webkit-scrollbar-thumb,
.payment-container::-webkit-scrollbar-thumb,
.applications-container::-webkit-scrollbar-thumb,
.payment-content::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #014421 0%, #0A0A0A 100%);
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(1, 68, 33, 0.3);
}

.payments::-webkit-scrollbar-thumb:hover,
.applications::-webkit-scrollbar-thumb:hover,
.payment-container::-webkit-scrollbar-thumb:hover,
.applications-container::-webkit-scrollbar-thumb:hover,
.payment-content::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #014421 0%, #121212 100%);
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(1, 68, 33, 0.5);
}

/* ===== HORIZONTAL SCROLLBARS ===== */
/* Horizontal scrollbars for all elements */
form::-webkit-scrollbar:horizontal,
.form::-webkit-scrollbar:horizontal,
.form-container::-webkit-scrollbar:horizontal,
.modal::-webkit-scrollbar:horizontal,
.dashboard::-webkit-scrollbar:horizontal,
.table::-webkit-scrollbar:horizontal {
  height: 8px;
}

form::-webkit-scrollbar-track:horizontal,
.form::-webkit-scrollbar-track:horizontal,
.form-container::-webkit-scrollbar-track:horizontal,
.modal::-webkit-scrollbar-track:horizontal,
.dashboard::-webkit-scrollbar-track:horizontal,
.table::-webkit-scrollbar-track:horizontal {
  background: linear-gradient(90deg, #f8f9fa 0%, #e9ecef 50%, #dee2e6 100%);
  border-radius: 6px;
}

form::-webkit-scrollbar-thumb:horizontal,
.form::-webkit-scrollbar-thumb:horizontal,
.form-container::-webkit-scrollbar-thumb:horizontal,
.modal::-webkit-scrollbar-thumb:horizontal,
.dashboard::-webkit-scrollbar-thumb:horizontal,
.table::-webkit-scrollbar-thumb:horizontal {
  background: linear-gradient(90deg, #014421 0%, #0A0A0A 50%, #014421 100%);
  border-radius: 6px;
}

form::-webkit-scrollbar-thumb:horizontal:hover,
.form::-webkit-scrollbar-thumb:horizontal:hover,
.form-container::-webkit-scrollbar-thumb:horizontal:hover,
.modal::-webkit-scrollbar-thumb:horizontal:hover,
.dashboard::-webkit-scrollbar-thumb:horizontal:hover,
.table::-webkit-scrollbar-thumb:horizontal:hover {
  background: linear-gradient(90deg, #014421 0%, #121212 50%, #014421 100%);
}

/* ===== FIREFOX SUPPORT ===== */
/* Firefox scrollbar styling for all elements */
* {
  scrollbar-width: thin;
  scrollbar-color: #014421 #F5F7F6;
}

/* ===== DARK THEME SUPPORT ===== */
/* Dark theme scrollbar support */
@media (prefers-color-scheme: dark) {
  form::-webkit-scrollbar-track,
  .form::-webkit-scrollbar-track,
  .form-container::-webkit-scrollbar-track,
  .modal::-webkit-scrollbar-track,
  .dashboard::-webkit-scrollbar-track {
    background: rgba(45, 55, 72, 0.8);
  }
  
  * {
    scrollbar-color: #014421 #121212;
  }
}

/* ===== HIGH CONTRAST MODE SUPPORT ===== */
/* High contrast mode support */
@media (prefers-contrast: high) {
  form::-webkit-scrollbar-thumb,
  .form::-webkit-scrollbar-thumb,
  .form-container::-webkit-scrollbar-thumb,
  .modal::-webkit-scrollbar-thumb,
  .dashboard::-webkit-scrollbar-thumb {
    border: 1px solid #000;
    background: #014421;
  }
  
  form::-webkit-scrollbar-track,
  .form::-webkit-scrollbar-track,
  .form-container::-webkit-scrollbar-track,
  .modal::-webkit-scrollbar-track,
  .dashboard::-webkit-scrollbar-track {
    background: #fff;
    border: 1px solid #000;
  }
}

/* ===== REDUCED MOTION SUPPORT ===== */
/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  form::-webkit-scrollbar-thumb,
  .form::-webkit-scrollbar-thumb,
  .form-container::-webkit-scrollbar-thumb,
  .modal::-webkit-scrollbar-thumb,
  .dashboard::-webkit-scrollbar-thumb {
    transition: none;
  }
}

/* ===== PRINT STYLES ===== */
/* Print styles - hide scrollbars */
@media print {
  form::-webkit-scrollbar,
  .form::-webkit-scrollbar,
  .form-container::-webkit-scrollbar,
  .modal::-webkit-scrollbar,
  .dashboard::-webkit-scrollbar {
    display: none;
  }
}