.input-group{width:100%;display:flex;flex-direction:column;gap:6px}.input-group label{font-size:13px;font-weight:500;color:var(--slate-700)}.input-group.required label:after{content:"*";margin-left:4px;color:var(--danger)}.input-group input{width:100%;min-height:42px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface);padding:9px 14px;font-size:14.5px;color:var(--text);transition:border-color var(--duration),box-shadow var(--duration)}.input-group input:hover:not(:disabled){border-color:var(--slate-400)}.input-group input:focus{border-color:var(--brand-600);box-shadow:var(--focus-ring)}.input-group input::placeholder{color:var(--text-subtle)}.input-group input:disabled{background-color:var(--surface-muted)}.input-group input[type=date],.input-group input[type=datetime-local]{min-width:150px}.input-group .password-wrapper{position:relative}.input-group .password-wrapper input{padding-right:46px}.input-group .password-wrapper button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:inline-flex;justify-content:center;align-items:center;border-radius:var(--radius-sm);color:var(--text-subtle)}.input-group .password-wrapper button:hover{background-color:var(--neutral-soft);color:var(--text)}@media screen and (max-width: 768px){.input-group input{min-height:46px;font-size:16px}}
