.hodoku-password-field { max-width: 42rem; min-width: 0; }
.hodoku-password-field > input { box-sizing: border-box; max-width: 100%; width: 100%; }
.hodoku-password-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .65rem; }
.hodoku-password-actions > button { box-sizing: border-box; min-height: 2.75rem; max-width: 100%; margin: 0; padding: .55rem .85rem; font: inherit; line-height: 1.4; white-space: normal; cursor: pointer; border: 1px solid #768b7c; border-radius: .3rem; background: #fff; color: #17392a; }
.hodoku-password-actions > button:hover { background: #eff7f0; }
.hodoku-password-actions > button:focus-visible { outline: 3px solid #27624b; outline-offset: 3px; }
.hodoku-password-actions > button:disabled { opacity: .6; cursor: not-allowed; }
.hnc-card .hodoku-password-actions > button { width: auto; flex: 0 1 auto; }
.hodoku-password-help, .hodoku-password-status { line-height: 1.75; overflow-wrap: anywhere; }
.hodoku-password-help { color: #43564a; font-size: .9rem; }
.hodoku-password-status { color: #17392a; }
.hodoku-password-status:empty { display: none; }
@media (max-width: 480px) { .hodoku-password-actions { gap: .5rem; } .hodoku-password-actions > button:first-child, .hnc-card .hodoku-password-actions > button:first-child { flex-basis: 100%; } }