/*=========================================
AI Wealth Tech India
Admin Dashboard
=========================================*/

.awti-ipo-dashboard{
	padding:24px;
}

/*=========================================
Header
=========================================*/

.awti-dashboard-header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:20px;
	background:#fff;
	padding:24px;
	border:1px solid #e8eef7;
	border-radius:20px;
	margin-bottom:25px;
	box-shadow:0 10px 30px rgba(15,23,42,.08);
}

.awti-header-left h1{
	margin:0;
	font-size:30px;
	font-weight:700;
	color:#111827;
}

.awti-header-left p{
	margin:8px 0 0;
	font-size:15px;
	color:#6b7280;
}

.awti-header-right{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}

/*=========================================
Search
=========================================*/

.awti-search-bar{
	background:#fff;
	border:1px solid #e8eef7;
	border-radius:20px;
	padding:20px;
	margin-bottom:25px;
	box-shadow:0 10px 30px rgba(15,23,42,.08);
}

.awti-search-bar form{
	display:flex;
	gap:12px;
	flex-wrap:wrap;
	align-items:center;
}

.awti-search-bar input{
	width:450px;
	max-width:100%;
	padding:12px 14px;
	border:1px solid #d1d5db;
	border-radius:10px;
	font-size:15px;
}

.awti-search-bar input:focus{
	outline:none;
	border-color:#2563eb;
	box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

/*=========================================
Stats
=========================================*/

.awti-stats-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
	margin-bottom:25px;
}

.awti-stat-card{
	background:#fff;
	border:1px solid #e8eef7;
	border-radius:18px;
	padding:24px;
	text-align:center;
	box-shadow:0 8px 25px rgba(15,23,42,.06);
	transition:.3s ease;
}

.awti-stat-card:hover{
	transform:translateY(-3px);
	box-shadow:0 15px 35px rgba(37,99,235,.12);
}

.awti-stat-card h3{
	margin:0;
	font-size:18px;
	color:#374151;
}

.awti-stat-card span{
	display:block;
	margin-top:12px;
	font-size:34px;
	font-weight:700;
	color:#2563eb;
}

/*=========================================
Steps
=========================================*/

.awti-steps{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:10px;
	margin-bottom:25px;
}

.awti-steps span{
	color:#6b7280;
	font-weight:600;
}

.awti-steps span.active{
	color:#2563eb;
	font-weight:700;
}

.awti-step{
	display:none;
}

.awti-step.active{
	display:block;
}

/*=========================================
Form
=========================================*/

.awti-ipo-form{
	display:grid;
	grid-template-columns:220px 1fr;
	gap:20px 30px;
	align-items:center;
}

.awti-ipo-form label{
	font-weight:600;
	color:#374151;
}

.awti-ipo-form input,
.awti-ipo-form select,
.awti-ipo-form textarea{
	width:100%;
	padding:12px 14px;
	border:1px solid #d1d5db;
	border-radius:10px;
	font-size:15px;
	box-sizing:border-box;
}

.awti-ipo-form input:focus,
.awti-ipo-form select:focus,
.awti-ipo-form textarea:focus{
	outline:none;
	border-color:#2563eb;
	box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

.awti-ipo-form textarea{
	min-height:120px;
	resize:vertical;
}

/*=========================================
Footer
=========================================*/

.awti-form-footer{
	grid-column:1/-1;
	margin-top:25px;
}

.awti-step-navigation{
	display:flex;
	justify-content:space-between;
	margin-top:25px;
	gap:12px;
}

/*=========================================
Table
=========================================*/

.widefat td,
.widefat th{
	vertical-align:middle;
}

/*=========================================
Responsive
=========================================*/

@media (max-width:900px){

	.awti-dashboard-header{
		flex-direction:column;
		align-items:flex-start;
	}

	.awti-stats-grid{
		grid-template-columns:1fr;
	}

	.awti-ipo-form{
		grid-template-columns:1fr;
	}

	.awti-search-bar form{
		flex-direction:column;
		align-items:stretch;
	}

	.awti-search-bar input{
		width:100%;
	}

	.awti-step-navigation{
		flex-direction:column;
	}

}