/* Common tweaks */
.auth-card .password-toggle {
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  padding: .25rem .5rem;
  border: 0;
}

.form-control:focus {
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.15);
}

/* Make container edges breathe a bit on very small screens */
@media (max-width: 360px) {
  .auth-card { padding: 1.25rem !important; }
}

/* Dashboard polish */
.table > :not(caption) > * > * {
  vertical-align: middle;
}




@media (max-width: 991.98px) {
  #sidebar.offcanvas { width: 100vw; max-width: 100vw; }
}

/* Sidebar toggle buttons + chevron */
.btn-toggle { background: transparent; border: 0; text-align: left; font-weight: 500; }
.btn-toggle:hover { background-color: rgba(0,0,0,.03); }
.rotate-180 { transform: rotate(180deg); transition: transform .2s ease; }

/* Submenu link states */
.sidebar-nav .nav-link { color: var(--bs-body-color); opacity: .85; }
.sidebar-nav .nav-link:hover { opacity: 1; }
.sidebar-nav .nav-link.active { font-weight: 600; opacity: 1; }