/* eszkozok.css — Eszközök oldalak (hub + jelszó generátor + titokmegosztás) */
.ez-wrap{max-width:640px;margin:0 auto}

/* Hub kártyák */
.ez-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ez-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--c-border);border-radius:var(--radius);background:white;color:var(--c-text);transition:all .15s ease}
.ez-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}
.ez-card h2{margin:0 0 8px;font-size:20px;color:var(--c-heading)}
.ez-card p{margin:0 0 16px;font-size:15px;color:var(--c-text-muted)}
.ez-card-link{margin-top:auto;color:var(--c-primary);font-weight:600;font-size:15px}
@media (max-width:560px){.ez-cards{grid-template-columns:1fr}}

/* Közös eszköz elemek */
.ez-output{display:flex;gap:.5rem;margin-bottom:.75rem}
.ez-output input{flex:1;min-width:0;padding:.6rem .75rem;font-family:monospace;font-size:1rem;border:1px solid var(--c-border);border-radius:var(--radius-sm)}
.ez-btn{padding:.6rem .9rem;border:1px solid var(--c-primary);background:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:600;white-space:nowrap;color:var(--c-primary);transition:all .15s ease}
.ez-btn:hover{background:var(--c-primary);color:#fff}
.ez-btn-primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}
.ez-btn-primary:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark);color:#fff}
.ez-strength{height:6px;background:var(--c-bg-alt);border-radius:3px;overflow:hidden;margin-bottom:1rem}
#pw-strength-bar{display:block;height:100%;width:0;transition:width .2s,background .2s}
.ez-len{display:block;margin:1rem 0}
.ez-len input[type=range]{width:100%;margin-top:.4rem}
.ez-opts{display:flex;flex-direction:column;gap:.5rem}
.ez-opts label,.ez-ttl{font-size:.95rem}
#secret-input,#secret-plain{width:100%;padding:.6rem .75rem;border:1px solid var(--c-border);border-radius:var(--radius-sm);font-family:inherit;box-sizing:border-box;margin-bottom:.75rem}
.ez-ttl{display:block;margin:.5rem 0 1rem}
.ez-muted{color:var(--c-text-muted);font-size:.9rem}
.ez-err{color:#c0392b}