/*--- Password Field ---*/
/* Wrapper da senha (label + input + botão olho*/

label.label-before{
    margin: 0;
}

/* Container horizontal input + botão olho */
.form-password-inline {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
}

/* Botã olho */
.form-password-inline .form-password-toggle {
    padding: 0;
    margin: 0px;
    margin-left: 0.25rem;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
    width: auto;
    min-width: 36px; /* ou tamanho que funcione para toque no mobile */
}


/* botão olho hover */
.form-password-inline .form-password-toggle:hover {
    background: none;
}

@media (max-width: 480px) {
    .form-password-inline {
        gap: 4px;
    }
    .form-password-inline .form-password-toggle {
        padding: 0 8px;
        min-width: 32px;
    }
}

/*--- FileManaged ---*/

/* Input de arquivo oculto */
.form-file-managed-input{
    display:none;
}

/* Botão de upload */
.form-file-managed-btn-upload {
    margin-top: 4px;
}

/* Container de preview de arquivos */
.form-file-managed-preview {
    margin-top: 8px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Cada item dentro do preview */
.form-file-managed-item {
    margin-bottom: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Checkbox dentro do item */
.form-file-managed-select {
    margin-top: 4px;
}

/* Botão de exclusão */
.form-file-managed-btn-delete {
    margin-top: 8px;
    font-size: 0.8em;  /* menor botão */
    padding: 4px 8px;
    line-height: 1.2em;
}



/*--- fieldset ---*/
fieldset.collapsible > .collapse-toggle {
	cursor: pointer;
	user-select: none;
}

fieldset.collapsible.collapsed > *:not(.collapse-toggle) {
	display: none;
}

fieldset.collapsible legend:after {
	content: " ▼";
	font-size: 0.8em;
}

fieldset.collapsible.collapsed legend:after {
	content: " ▶";
}