@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap');
.input-group-text.eye-toggle {
  background: transparent;
  border: none;
  padding: 0 0.6375rem;
  color: #0d6efd;
  transition: background 0.2s, color 0.2s;
  box-shadow: none;
}
.input-group-text.eye-toggle svg {
  vertical-align: middle;
  color: #0d6efd;
  fill: #0d6efd;
}
.input-group-text.eye-toggle:active,
.input-group-text.eye-toggle:focus,
.input-group-text.eye-toggle:hover {
  background: transparent;
  color: #0d6efd;
}
.password-eye {
  position: relative;
  z-index: 10 !important;
  background-color: #fff;
}


/* Plus Jakarta Sans & Golden Ratio Typography Integration */
body, html {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Golden Ratio Typographic Scale for Tables */
table, .table {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 14px !important; /* Base table content size */
}

table th, .table th, 
table thead th, .table thead th {
    font-size: 15px !important; /* Golden ratio header size (~14px * 1.15) */
    font-weight: 700 !important;
    letter-spacing: 0.2px;
}

table td, .table td {
    font-size: 14px !important; /* Standard cell size (decreased 15% to 14px) */
    line-height: 1.5;
}

.badge, .btn-sm {
    font-size: 11px !important; /* Micro action size */
}