/* Password Generator — big mono password list + strength meter (tokens from main.css) */
.pw-list { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
.pw-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.5rem; padding: 0.55rem 0.55rem 0.55rem 0.95rem; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); }
.pw-text { font-family: var(--font-mono); font-size: clamp(1rem, 4.2cqw, 1.45rem); color: var(--text-primary); overflow-wrap: anywhere; word-break: break-all; line-height: 1.35; user-select: all; }
.pw-list.is-many .pw-text { font-size: 0.95rem; }
.pw-item .web-row-btn { width: 40px; height: 40px; }
.pw-meter { display: flex; flex-direction: column; gap: 0.45rem; }
.pw-bar { height: 8px; border-radius: var(--radius-pill); background: var(--border-subtle); overflow: hidden; }
.pw-bar span { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--brand); transition: width .25s, background-color .25s; }
.pw-meter[data-level="weak"] .pw-bar span { background: #dc2626; }
.pw-meter[data-level="fair"] .pw-bar span { background: #ca8a04; }
.pw-meter[data-level="strong"] .pw-bar span { background: #16a34a; }
.pw-meter[data-level="great"] .pw-bar span { background: #15803d; }
.pw-meter-row { display: flex; justify-content: space-between; align-items: baseline; gap: 0.75rem; flex-wrap: wrap; font-size: 0.85rem; color: var(--text-primary); }
.web-group[hidden] { display: none; }