/* Password generator — page-specific styles (layered on top of styles.css) */

.pw-slider {
  width: 100%;
  accent-color: var(--accent);
  margin: .4rem 0 .6rem;
}

.pw-output-wrap {
  background: var(--bg-sunken);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 1.3rem;
  text-align: center;
}
.pw-output {
  display: block;
  font-family: var(--mono);
  font-size: clamp(1.1rem, 4vw, 1.5rem);
  font-weight: 700;
  color: var(--text);
  word-break: break-all;
  line-height: 1.4;
}
.pw-output-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  margin-top: .8rem;
  flex-wrap: wrap;
}
.pw-meter {
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: .3rem .7rem;
  border-radius: 999px;
}
.pw-meter--danger { background: rgba(214,69,69,.14); color: var(--danger); }
.pw-meter--warn { background: rgba(180,116,14,.14); color: var(--warn); }
.pw-meter--ok { background: rgba(27,138,90,.14); color: var(--success); }
.pw-bits { font-size: .78rem; color: var(--text-faint); }

.pw-bulk-wrap { margin-top: .4rem; }
.pw-bulk-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .4rem;
}
.pw-bulk-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  background: var(--bg-sunken);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: .55rem .8rem;
  font-family: var(--mono);
  font-size: .84rem;
}
.pw-bulk-list code {
  overflow-x: auto;
  white-space: nowrap;
}
.pw-bulk-list .link-btn { margin: 0; flex-shrink: 0; }