/**
 * UniAdvisor -- Definir senha (/definir-senha/)
 * Mesmo design system indigo/Sora/Inter de meus-vouchers.css e
 * painel-parceiro.css -- terceira tela da mesma família de área logada.
 */

.ds-page{
	--indigo:#4338CA;
	--indigo-dark:#362DA0;
	--indigo-100:#EEECFB;
	--indigo-50:#F7F6FD;
	--font-display:'Sora', sans-serif;
	--font-body:'Inter', sans-serif;
	font-family:var(--font-body);
	background:var(--indigo-50);
	padding:48px 0 80px;
	min-height:70vh;
	display:flex;
	align-items:center;
}

.ds-wrap{
	max-width:440px;
	margin:0 auto;
	padding:0 20px;
	width:100%;
}

.ds-card{
	background:#fff;
	border:1px solid var(--indigo-100);
	border-radius:16px;
	padding:32px;
}

.ds-card h1{
	font-family:var(--font-display);
	font-size:22px;
	font-weight:700;
	margin:0 0 6px;
	color:#181A2A;
}

.ds-card-subtitulo{
	font-size:14px;
	color:#5B5F73;
	margin:0 0 20px;
}

.ds-erro{
	background:#FDECEC;
	color:#B42318;
	border-radius:10px;
	padding:10px 14px;
	font-size:13px;
	margin-bottom:16px;
}

.ds-campo{
	margin-bottom:18px;
}

.ds-campo label{
	display:block;
	font-size:13px;
	font-weight:600;
	color:#181A2A;
	margin-bottom:6px;
}

.ds-campo-senha{
	position:relative;
	display:flex;
	align-items:center;
}

.ds-campo-senha input{
	width:100%;
	box-sizing:border-box;
	padding:11px 78px 11px 14px;
	border:1px solid #D9DAE3;
	border-radius:10px;
	font-family:inherit;
	font-size:14px;
	color:#181A2A;
}

.ds-campo-senha input:focus{
	outline:2px solid var(--indigo);
	outline-offset:1px;
	border-color:var(--indigo);
}

.ds-toggle-senha{
	position:absolute;
	right:6px;
	background:none;
	border:none;
	color:var(--indigo);
	font-size:12px;
	font-weight:600;
	font-family:inherit;
	cursor:pointer;
	padding:6px 8px;
}

.ds-toggle-senha:hover{ text-decoration:underline; }

.ds-dica{
	font-size:12px;
	color:#5B5F73;
	margin:6px 0 0;
}

.ds-erro-confere{
	font-size:12px;
	color:#B42318;
	margin:6px 0 0;
}

.ds-forca{
	display:flex;
	align-items:center;
	gap:8px;
	margin-top:8px;
}

.ds-forca-barra{
	flex:1;
	height:6px;
	border-radius:999px;
	background:var(--indigo-100);
	overflow:hidden;
}

.ds-forca-barra span{
	display:block;
	height:100%;
	width:0%;
	border-radius:999px;
	background:#D9DAE3;
	transition:width .15s ease, background-color .15s ease;
}

.ds-forca[data-nivel="fraca"] .ds-forca-barra span{ width:33%; background:#DC6803; }
.ds-forca[data-nivel="media"] .ds-forca-barra span{ width:66%; background:#F79009; }
.ds-forca[data-nivel="forte"] .ds-forca-barra span{ width:100%; background:#1A9A5E; }

.ds-forca span[data-ua-forca-texto]{
	font-size:12px;
	font-weight:600;
	color:#5B5F73;
	white-space:nowrap;
}

.ds-btn-primary{
	background:var(--indigo);
	color:#fff;
	border:none;
	border-radius:10px;
	padding:13px 20px;
	font-family:var(--font-body);
	font-weight:600;
	font-size:15px;
	cursor:pointer;
	text-align:center;
}

.ds-btn-primary:hover{ background:var(--indigo-dark); }

@media (max-width:480px){
	.ds-card{ padding:24px; }
}