/*
|--------------------------------------------------------------------------
| Welcome Dashboard
|--------------------------------------------------------------------------
*/

.inext_wpc_welcome{
    max-width:1400px;
    margin:20px 20px 20px 0;
}

.inext_wpc_container{
    display:flex;
    flex-direction:column;
    gap:30px;
}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

.inext_wpc_header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#fff;
    border-radius:14px;
    padding:24px 32px;
    margin-bottom:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
}

.inext_wpc_header_left{
    display:flex;
    align-items:center;
    gap:20px;
}

.inext_wpc_logo img{
    width:70px;
    height:70px;
    border-radius:16px;
}

.inext_wpc_title h1{
    margin:0;
    font-size:30px;
    font-weight:700;
}

.inext_wpc_title p{
    margin-top:8px;
    color:#666;
    font-size:15px;
    max-width:500px;
}

.inext_wpc_header_right{
    display:flex;
    gap:12px;
    align-items:center;
}

.inext_wpc_version{
    background:#eef5ff;
    color:#2563eb;
    padding:8px 16px;
    border-radius:30px;
    font-weight:600;
}

/*
|--------------------------------------------------------------------------
| Hero
|--------------------------------------------------------------------------
*/

.inext_wpc_hero{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:60px;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        #4f46e5,
        #3b82f6
    );

    color:#fff;

    overflow:hidden;

}

.inext_wpc_hero_content{

    width:58%;

}

.inext_wpc_badge{

    display:inline-block;

    background:rgba(255,255,255,.15);

    padding:8px 18px;

    border-radius:50px;

    font-size:14px;

    margin-bottom:18px;

}

.inext_wpc_hero h2{

    color:#fff;

    font-size:42px;

    line-height:1.3;

    margin-bottom:20px;

}

.inext_wpc_hero p{

    color:rgba(255,255,255,.88);

    font-size:17px;

    line-height:1.8;

}

.inext_wpc_hero_buttons{

    display:flex;

    gap:15px;

    margin-top:35px;

}

.inext_wpc_hero_buttons .button{

    padding:10px 28px;

    height:auto;

    border-radius:10px;

}

.inext_wpc_hero_image{

    width:35%;

    text-align:right;

	border-radius: 8px;

    overflow: hidden;

}

.inext_wpc_hero_image img{

    max-width:100%;

}

/*
|--------------------------------------------------------------------------
| Dashboard Layout
|--------------------------------------------------------------------------
*/

.inext_wpc_dashboard{

    display:grid;

    grid-template-columns:3fr 1fr;

    gap:25px;

}

.inext_wpc_left{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.inext_wpc_right{

    display:flex;

    flex-direction:column;

    gap:25px;

}

/*
|--------------------------------------------------------------------------
| Cards
|--------------------------------------------------------------------------
*/

.inext_wpc_card{

    background:#fff;

    border-radius:16px;

    padding:30px;

    box-shadow:0 8px 30px rgba(0,0,0,.05);

    transition:.3s;

}

.inext_wpc_card:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.inext_wpc_card_header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:25px;

    padding-bottom:15px;

    border-bottom:1px solid #edf1f7;

}

.inext_wpc_card_header h3{

    display:flex;

    align-items:center;

    gap:10px;

    margin:0;

    font-size:20px;

    font-weight:700;

    color:#111827;

}

.inext_wpc_card_header .dashicons{

    color:#4f46e5;

}

/*
|--------------------------------------------------------------------------
| Status Grid
|--------------------------------------------------------------------------
*/

.inext_wpc_status_grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

    gap:20px;

}

.inext_wpc_status_item{

    display:flex;

    align-items:center;

    gap:18px;

    padding:22px;

    border:1px solid #eef2f7;

    border-radius:14px;

    transition:.3s;

    background:#fafbfc;

}

.inext_wpc_status_item:hover{

    border-color:#4f46e5;

    background:#fff;

    transform:translateY(-2px);

}

.status_icon{

    width:56px;

    height:56px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:14px;

    font-size:24px;

    background:#eef4ff;

}

.status_content{

    flex:1;

}

.status_content h4{

    margin:0 0 6px;

    font-size:15px;

    color:#6b7280;

    font-weight:500;

}

.status_content strong{

    display:block;

    font-size:22px;

    color:#111827;

    font-weight:700;

}

.status_content code{

    display:inline-block;

    margin-top:4px;

    background:#f4f4f4;

    padding:5px 10px;

    border-radius:6px;

    font-size:13px;

}

/*
|--------------------------------------------------------------------------
| Active / Inactive
|--------------------------------------------------------------------------
*/

.status_content .active{

    display:inline-block;

    color:#16a34a;

    background:#dcfce7;

    padding:6px 12px;

    border-radius:50px;

    font-weight:600;

    font-size:13px;

}

.status_content .inactive{

    display:inline-block;

    color:#dc2626;

    background:#fee2e2;

    padding:6px 12px;

    border-radius:50px;

    font-weight:600;

    font-size:13px;

}

/*
|--------------------------------------------------------------------------
| Highlight Cards
|--------------------------------------------------------------------------
*/

.inext_wpc_highlights{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

    gap:20px;

    margin-top:30px;

}

.inext_wpc_highlight{

    background:#fff;

    padding:28px;

    border-radius:16px;

    text-align:center;

    box-shadow:0 6px 22px rgba(0,0,0,.05);

    transition:.3s;

}

.inext_wpc_highlight:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.inext_wpc_highlight .icon{

    width:70px;

    height:70px;

    margin:0 auto 18px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    border-radius:50%;

    background:#eef4ff;

}

.inext_wpc_highlight h4{

    margin:0 0 12px;

    font-size:18px;

}

.inext_wpc_highlight p{

    margin:0;

    color:#6b7280;

    line-height:1.7;

}

/*
|--------------------------------------------------------------------------
| Features Grid
|--------------------------------------------------------------------------
*/

.inext_wpc_features_grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

	gap:22px;

}

.inext_wpc_feature_card{

	background:#fff;

	border:1px solid #edf2f7;

	border-radius:16px;

	padding:28px;

	text-align:center;

	transition:.3s;

	position:relative;

	overflow:hidden;

}

.inext_wpc_feature_card:hover{

	transform:translateY(-6px);

	border-color:#4f46e5;

	box-shadow:0 18px 40px rgba(79,70,229,.12);

}

.inext_wpc_feature_card::before{

	content:"";

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:4px;

	background:linear-gradient(
		90deg,
		#4f46e5,
		#3b82f6
	);

	transform:scaleX(0);

	transform-origin:left;

	transition:.35s;

}

.inext_wpc_feature_card:hover::before{

	transform:scaleX(1);

}

.feature_icon{

	width:70px;

	height:70px;

	margin:0 auto 18px;

	display:flex;

	align-items:center;

	justify-content:center;

	border-radius:18px;

	background:#eef4ff;

	font-size:32px;

}

.inext_wpc_feature_card h4{

	margin:0 0 12px;

	font-size:18px;

	font-weight:700;

}

.inext_wpc_feature_card p{

	margin:0;

	color:#6b7280;

	line-height:1.8;

}


/*
|--------------------------------------------------------------------------
| Supported Rule Cards
|--------------------------------------------------------------------------
*/

.inext_wpc_rule_grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

	gap:22px;

	margin-top:25px;

}

.inext_wpc_rule_card{

	background:#fafbfc;

	border:1px solid #edf2f7;

	border-radius:16px;

	padding:24px;

	transition:.3s;

}

.inext_wpc_rule_card:hover{

	background:#fff;

	border-color:#3b82f6;

	transform:translateY(-4px);

	box-shadow:0 16px 36px rgba(0,0,0,.08);

}

.rule_icon{

	font-size:34px;

	margin-bottom:15px;

}

.inext_wpc_rule_card h4{

	margin:0 0 14px;

	font-size:18px;

}

.inext_wpc_rule_card code{

	display:block;

	background:#111827;

	color:#fff;

	padding:12px;

	border-radius:10px;

	margin-bottom:14px;

	font-size:14px;

	word-break:break-word;

	font-family:Consolas, Monaco, monospace;

}

.inext_wpc_rule_card p{

	margin:0;

	color:#6b7280;

	line-height:1.7;

}


/*
|--------------------------------------------------------------------------
| Sidebar
|--------------------------------------------------------------------------
*/

.inext_wpc_sidebar{

	/* position:sticky; */

	/* top:32px; */

}

.inext_wpc_sidebar_links{

	display:flex;

	flex-direction:column;

	gap:14px;

}

.inext_wpc_sidebar_btn{

	display:flex;

	align-items:center;

	gap:16px;

	padding:16px 18px;

	border:1px solid #edf2f7;

	border-radius:14px;

	text-decoration:none;

	background:#fff;

	transition:.3s;

}

.inext_wpc_sidebar_btn:hover{

	background:#4f46e5;

	border-color:#4f46e5;

	color:#fff;

	transform:translateX(5px);

}

.inext_wpc_sidebar_btn .dashicons{

	font-size:22px;

	width:22px;

	height:22px;

	color:#4f46e5;

}

.inext_wpc_sidebar_btn:hover .dashicons{

	color:#fff;

}

.inext_wpc_sidebar_btn strong{

	display:block;

	font-size:15px;

	margin-bottom:3px;

	color:#111827;

}

.inext_wpc_sidebar_btn:hover strong{

	color:#fff;

}

.inext_wpc_sidebar_btn small{

	color:#6b7280;

	display:block;

}

.inext_wpc_sidebar_btn:hover small{

	color:rgba(255,255,255,.85);

}


/*
|--------------------------------------------------------------------------
| Future Features
|--------------------------------------------------------------------------
*/

.inext_wpc_future_features{

	list-style:none;

	margin:0;

	padding:0;

}

.inext_wpc_future_features li{

	padding:12px 0;

	border-bottom:1px solid #edf2f7;

	font-size:14px;

	color:#374151;

}

.inext_wpc_future_features li:last-child{

	border-bottom:none;

}


/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/

.inext_wpc_welcome .button{

	border-radius:10px;

	padding:8px 18px;

	height:auto;

	font-weight:600;

	transition:.3s;

}

.inext_wpc_welcome .button-primary{

	background:#4f46e5;

	border-color:#4f46e5;

}

.inext_wpc_welcome .button-primary:hover{

	background:#4338ca;

	border-color:#4338ca;

}

.inext_wpc_welcome .button-primary-alt{

	background:#ffffff;

	border-color:#ffffff;

	color: #4338ca;

}

.inext_wpc_welcome .button-primary-alt:hover{

	background:#ffffff;

	border-color:#ffffff;

	color: #4338ca;

}

/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.inext_wpc_footer{

	margin-top:35px;

	padding:40px;

	background:#fff;

	border-radius:18px;

	box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.inext_wpc_footer_left h3{

	margin:0 0 12px;

	font-size:24px;

	font-weight:700;

	color:#111827;

}

.inext_wpc_footer_left p{

	margin:0;

	color:#6b7280;

	line-height:1.8;

	font-size:15px;

}

.inext_wpc_footer_links{

	display:flex;

	flex-wrap:wrap;

	gap:16px;

	margin:35px 0;

}

.inext_wpc_footer_links a{

	display:flex;

	align-items:center;

	gap:8px;

	padding:12px 18px;

	text-decoration:none;

	background:#f8fafc;

	border-radius:10px;

	color:#374151;

	font-weight:600;

	transition:.3s;

}

.inext_wpc_footer_links a:hover{

	background:#4f46e5;

	color:#fff;

}

.inext_wpc_footer_links a:hover .dashicons{

	color:#fff;

}

.inext_wpc_footer_bottom{

	padding-top:25px;

	border-top:1px solid #edf2f7;

	display:flex;

	justify-content:space-between;

	align-items:center;

	flex-wrap:wrap;

	gap:15px;

}

.inext_wpc_footer_bottom p{

	margin:0;

	color:#6b7280;

	font-size:14px;

}


/*
|--------------------------------------------------------------------------
| Description
|--------------------------------------------------------------------------
*/

.inext_wpc_card .description{

	margin-bottom:25px;

	font-size:15px;

	color:#6b7280;

	line-height:1.7;

}


/*
|--------------------------------------------------------------------------
| Scrollbar
|--------------------------------------------------------------------------
*/

.inext_wpc_welcome ::-webkit-scrollbar{

	width:8px;

	height:8px;

}

.inext_wpc_welcome ::-webkit-scrollbar-thumb{

	background:#cbd5e1;

	border-radius:20px;

}

.inext_wpc_welcome ::-webkit-scrollbar-thumb:hover{

	background:#94a3b8;

}


/*
|--------------------------------------------------------------------------
| Animation
|--------------------------------------------------------------------------
*/

.inext_wpc_card,
.inext_wpc_feature_card,
.inext_wpc_rule_card,
.inext_wpc_status_item,
.inext_wpc_sidebar_btn{

	animation:fadeUp .45s ease;

}

@keyframes fadeUp{

	from{

		opacity:0;

		transform:translateY(15px);

	}

	to{

		opacity:1;

		transform:translateY(0);

	}

}


/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width:1200px){

	.inext_wpc_dashboard{

		grid-template-columns:1fr;

	}

	.inext_wpc_sidebar{

		position:static;

	}

}

@media (max-width:992px){

	.inext_wpc_header{

		flex-direction:column;

		align-items:flex-start;

		gap:25px;

	}

	.inext_wpc_header_right{

		flex-wrap:wrap;

	}

	.inext_wpc_hero{

		flex-direction:column;

		text-align:center;

		padding:45px;

	}

	.inext_wpc_hero_content{

		width:100%;

	}

	.inext_wpc_hero_image{

		width:100%;

		margin-top:35px;

		text-align:center;

	}

	.inext_wpc_hero_buttons{

		justify-content:center;

	}

}

@media (max-width:768px){

	.inext_wpc_status_grid{

		grid-template-columns:1fr;

	}

	.inext_wpc_features_grid{

		grid-template-columns:1fr;

	}

	.inext_wpc_rule_grid{

		grid-template-columns:1fr;

	}

	.inext_wpc_highlights{

		grid-template-columns:1fr;

	}

	.inext_wpc_footer_bottom{

		flex-direction:column;

		align-items:flex-start;

	}

	.inext_wpc_title h1{

		font-size:26px;

	}

	.inext_wpc_hero h2{

		font-size:32px;

	}

	.inext_wpc_hero{

		padding:35px;

	}

}

@media (max-width:480px){

	.inext_wpc_header{

		padding:20px;

	}

	.inext_wpc_card{

		padding:20px;

	}

	.inext_wpc_footer{

		padding:25px;

	}

	.inext_wpc_hero{

		padding:25px;

	}

	.inext_wpc_hero_buttons{

		flex-direction:column;

	}

	.inext_wpc_hero_buttons .button{

		width:100%;

		text-align:center;

	}

}




/*
|--------------------------------------------------------------------------
| Settings Page
|--------------------------------------------------------------------------
*/

.inext_wpc_settings{

	max-width:1400px;

	margin:20px 20px 20px 0;

}

.inext_wpc_settings .inext_wpc_dashboard{

	display:grid;

	grid-template-columns:3fr 1fr;

	gap:30px;

	align-items:start;

}

.inext_wpc_settings .inext_wpc_left{

	display:flex;

	flex-direction:column;

	gap:25px;

}

.inext_wpc_settings .inext_wpc_right{

	display:flex;

	flex-direction:column;

	gap:25px;

}

/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/
.inext_wpc_settings .button{

	border-radius:10px;

	padding:8px 18px;

	height:auto;

	font-weight:600;

	transition:.3s;

}

.inext_wpc_settings .button-primary{

	background:#4f46e5;

	border-color:#4f46e5;

}

.inext_wpc_settings .button-primary:hover{

	background:#4338ca;

	border-color:#4338ca;

}

.inext_wpc_settings .button-primary-alt{

	background:#ffffff;

	border-color:#ffffff;

	color: #4338ca;

}

.inext_wpc_settings .button-primary-alt:hover{

	background:#ffffff;

	border-color:#ffffff;

	color: #4338ca;

}

/*
|--------------------------------------------------------------------------
| Modern Tabs
|--------------------------------------------------------------------------
*/

.inext_wpc_settings_tabs{

	display:flex;

	gap:15px;

	margin:20px 0 30px;

}

.inext_wpc_tab{

	display:flex;

	align-items:center;

	gap:10px;

	padding:14px 26px;

	border:none;

	outline:none;

	cursor:pointer;

	border-radius:14px;

	background:#ffffff;

	color:#4b5563;

	font-size:15px;

	font-weight:600;

	box-shadow:0 2px 10px rgba(0,0,0,.05);

	transition:.25s;

}

.inext_wpc_tab:hover{

	transform:translateY(-2px);

	box-shadow:0 12px 30px rgba(79,70,229,.10);

	color:#4f46e5;

}

.inext_wpc_tab.active{

	background:linear-gradient(
		135deg,
		#4f46e5,
		#3b82f6
	);

	color:#fff;

	box-shadow:0 12px 35px rgba(79,70,229,.25);

}

.inext_wpc_tab.active .dashicons{

	color:#fff;

}

.inext_wpc_tab .dashicons{

	font-size:18px;

	width:18px;

	height:18px;

}


/*
|--------------------------------------------------------------------------
| Contents
|--------------------------------------------------------------------------
*/

.inext_wpc_tab_contents{

	position:relative;

}

.inext_wpc_tab_content{

	display:none;

	animation:inextFade .25s ease;

}

.inext_wpc_tab_content.active{

	display:block;

}


@keyframes inextFade{

	from{

		opacity:0;

		transform:translateY(8px);

	}

	to{

		opacity:1;

		transform:translateY(0);

	}

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media(max-width:768px){

	.inext_wpc_settings_tabs{

		flex-direction:column;

	}

	.inext_wpc_tab{

		justify-content:center;

	}

}


/*
|--------------------------------------------------------------------------
| Intro Banner
|--------------------------------------------------------------------------
*/

.inext_wpc_page_intro{

	display:flex;

	align-items:center;

	gap:20px;

	padding:28px 32px;

	margin-bottom:25px;

	background:linear-gradient(135deg,#4f46e5,#3b82f6);

	border-radius:16px;

	color:#fff;

}

.inext_wpc_intro_icon{

	width:70px;

	height:70px;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:34px;

	border-radius:16px;

	background:rgba(255,255,255,.15);

	filter: brightness(0) invert(1);

}

.inext_wpc_page_intro h2{

	margin:0 0 8px;

	font-size:28px;

	color:#fff;

}

.inext_wpc_page_intro p{

	margin:0;

	color:rgba(255,255,255,.88);

	line-height:1.8;

}


/*
|--------------------------------------------------------------------------
| Cards
|--------------------------------------------------------------------------
*/

.inext_wpc_settings .inext_wpc_card{

	/* background:#fff; */

	border-radius:16px;

	padding:30px;

	box-shadow:0 8px 30px rgba(0,0,0,.05);

}

.inext_wpc_settings .inext_wpc_card_header{

	display:flex;

	align-items:center;

	justify-content:space-between;

	padding-bottom:16px;

	margin-bottom:20px;

	border-bottom:1px solid #edf2f7;

}

.inext_wpc_settings .inext_wpc_card_header h3{

	display:flex;

	align-items:center;

	gap:10px;

	margin:0;

	font-size:20px;

	font-weight:700;

}

.inext_wpc_settings .description{

	color:#6b7280;

	line-height:1.7;

	margin-bottom:25px;

}

/*
|--------------------------------------------------------------------------
| Setting Rows
|--------------------------------------------------------------------------
*/

.inext_wpc_setting_item{

	display:flex;

	align-items:center;

	justify-content:space-between;

	gap:30px;

	padding:22px 0;

	border-bottom:1px solid #edf2f7;

}

.inext_wpc_setting_item:last-child{

	border-bottom:none;

	padding-bottom:0;

}

.setting_info{

	flex:1;

}

.setting_info h4{

	margin:0 0 8px;

	font-size:17px;

	font-weight:600;

	color:#111827;

}

.setting_info p{

	margin:0;

	font-size:14px;

	line-height:1.7;

	color:#6b7280;

}

/*
|--------------------------------------------------------------------------
| Toggle Switch
|--------------------------------------------------------------------------
*/

.inext_wpc_switch{

	position:relative;

	display:inline-block;

	width:56px;

	height:30px;

	flex-shrink:0;

}

.inext_wpc_switch input{

	display:none;

}

.inext_wpc_switch .slider{

	position:absolute;

	inset:0;

	cursor:pointer;

	background:#d1d5db;

	border-radius:50px;

	transition:.3s;

}

.inext_wpc_switch .slider::before{

	content:"";

	position:absolute;

	width:24px;

	height:24px;

	left:3px;

	top:3px;

	background:#fff;

	border-radius:50%;

	box-shadow:0 2px 8px rgba(0,0,0,.15);

	transition:.3s;

}

.inext_wpc_switch input:checked + .slider{

	background:#4f46e5;

}

.inext_wpc_switch input:checked + .slider::before{

	transform:translateX(26px);

}

/*
|--------------------------------------------------------------------------
| Inputs
|--------------------------------------------------------------------------
*/

.setting_control{

	min-width:400px;

	text-align:right;

}

.setting_control input[type="text"],
.setting_control input[type="number"],
.setting_control select,
.setting_control textarea{

	width:100%;

	/* max-width:220px; */

	padding:10px 14px;

	border:1px solid #d1d5db;

	border-radius:10px;

	background:#fff;

	font-size:14px;

	transition:.25s;

}

.setting_control textarea{

	min-height:110px;

	max-width:100%;

	resize:vertical;

}

.setting_control input:focus,
.setting_control select:focus,
.setting_control textarea:focus{

	border-color:#4f46e5;

	box-shadow:0 0 0 3px rgba(79,70,229,.12);

	outline:none;

}

/*
|--------------------------------------------------------------------------
| Small Number Input
|--------------------------------------------------------------------------
*/

.setting_control .small-text{

	max-width:90px;

	text-align:center;

	font-weight:600;

}

/*
|--------------------------------------------------------------------------
| Status Badges
|--------------------------------------------------------------------------
*/

.setting_badge{

	min-width:120px;

	text-align:right;

}

.setting_badge span{

	display:inline-block;

	padding:8px 14px;

	border-radius:50px;

	font-size:12px;

	font-weight:700;

}

.setting_badge .active{

	background:#dcfce7;

	color:#15803d;

}

.setting_badge .inactive{

	background:#fee2e2;

	color:#dc2626;

}

.setting_badge .pro-badge{

	background:#4f46e5;

	color:#fff;

	letter-spacing:.5px;

}

/*
|--------------------------------------------------------------------------
| Submit
|--------------------------------------------------------------------------
*/

.inext_wpc_settings .submit-wrapper{

	margin-top:30px;

	display:flex;

	align-items:center;

	gap:16px;

	flex-wrap:wrap;

}

.inext_wpc_settings .submit-wrapper .button{

	display:inline-flex;

	align-items:center;

	gap:10px;

	padding:12px 28px;

	height:auto;

	font-size:15px;

	font-weight:600;

	border-radius:12px;

}

.inext_wpc_settings .submit-wrapper .button{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	gap:10px;

	min-width:170px;

	height:46px;

	padding:0 24px;

	border-radius:10px;

	font-size:15px;

	font-weight:600;

	position:relative;

}

.inext_wpc_settings .submit-wrapper .button.disabled{

	pointer-events:none;

	opacity:.8;

}

.inext_wpc_settings .submit-wrapper .button .button-text{

	display:flex;

	align-items:center;

}

.inext_wpc_save_notice{

	display:none;

	font-size:14px;

	font-weight:600;

	line-height:1.4;

}

.inext_wpc_save_notice.success{

	color:#16a34a;

}

.inext_wpc_save_notice.success::before{

	content:"✓ ";

	font-weight:700;

}

.inext_wpc_save_notice.error{

	color:#dc2626;

}

.inext_wpc_save_notice.error::before{

	content:"✕ ";

	font-weight:700;

}

/*
|--------------------------------------------------------------------------
| Button Loader
|--------------------------------------------------------------------------
*/

.inext_loader_wrapper{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	width:18px;

	height:18px;

	margin-left:8px;

	flex-shrink:0;

}

.inext_loader_wrapper::before{

	content:"";

	width:16px;

	height:16px;

	border:2px solid rgba(255,255,255,.35);

	border-top-color:#fff;

	border-radius:50%;

	animation:inextSpinner .7s linear infinite;

}

@keyframes inextSpinner{

	from{

		transform:rotate(0deg);

	}

	to{

		transform:rotate(360deg);

	}

}

/*
|--------------------------------------------------------------------------
| Live Preview
|--------------------------------------------------------------------------
*/

.inext_wpc_preview_box{

	background:#f8fafc;

	border:1px solid #e5e7eb;

	border-radius:14px;

	padding:24px;

	max-width:420px;

	box-shadow:0 4px 12px rgba(15,23,42,.04);

	text-align:left;

}

.inext_wpc_preview_box label{

	display:block;

	margin-bottom:12px;

	font-size:14px;

	font-weight:600;

	color:#111827;

}

.inext_wpc_preview_box input{

	width:100%;

	height:46px;

	padding:0 14px;

	margin-bottom:14px;

	border:1px solid #d1d5db;

	border-radius:10px;

	background:#fff;

	color:#374151;

	font-size:14px;

	box-sizing:border-box;

}

.inext_wpc_preview_box input::placeholder{

	color:#9ca3af;

}

.inext_wpc_preview_box .button{

	width:100%;

	height:46px;

	display:flex;

	align-items:center;

	justify-content:center;

	border-radius:10px;

	font-size:14px;

	font-weight:600;

	pointer-events:none;

}

.inext_wpc_preview_box .button.button-primary{

	background:#4F46E5 !important;

	border-color:#4F46E5 !important;

	color:#fff !important;

}

.inext_wpc_preview_box .button:disabled{

	opacity:1;

	cursor:default;

}

.inext_wpc_preview_box:hover{

	border-color:#c7d2fe;

	box-shadow:0 8px 20px rgba(79,70,229,.08);

	transition:.25s;

}

/*
|--------------------------------------------------------------------------
| Preview Messages
|--------------------------------------------------------------------------
*/

.preview_success{

	color:#15803d;

}

.preview_error{

	color:#dc2626;

}

/*
|--------------------------------------------------------------------------
| Hover
|--------------------------------------------------------------------------
*/

.inext_wpc_setting_item{

	transition:.25s;

}

.inext_wpc_setting_item:hover{

	background:#fafbff;

	margin:0 -20px;

	padding-left:20px;

	padding-right:20px;

	border-radius:10px;

}

/*
|--------------------------------------------------------------------------
| Sidebar
|--------------------------------------------------------------------------
*/

.inext_wpc_right{

	/* position:sticky; */

	/* top:32px; */

}

.inext_wpc_status_list{

	display:flex;

	flex-direction:column;

	gap:14px;

}

.status_row{

	display:flex;

	justify-content:space-between;

	align-items:center;

	padding:14px 0;

	border-bottom:1px solid #edf2f7;

}

.status_row:last-child{

	border-bottom:none;

}

.status_row span{

	color:#6b7280;

	font-size:14px;

}

.status_row strong{

	font-weight:600;

	font-size:14px;

}

.status_row .active{

	color:#16a34a;

}

.status_row .inactive{

	color:#dc2626;

}


/*
|--------------------------------------------------------------------------
| Sidebar Links
|--------------------------------------------------------------------------
*/

.inext_wpc_sidebar_links{

	display:flex;

	flex-direction:column;

	gap:14px;

}

.inext_wpc_sidebar_btn{

	display:flex;

	align-items:center;

	gap:15px;

	padding:16px;

	border:1px solid #edf2f7;

	border-radius:12px;

	text-decoration:none;

	background:#fff;

	transition:.25s;

}

.inext_wpc_sidebar_btn:hover{

	background:#4f46e5;

	border-color:#4f46e5;

	transform:translateX(5px);

}

.inext_wpc_sidebar_btn .dashicons{

	color:#4f46e5;

	font-size:22px;

	width:22px;

	height:22px;

	transition:.25s;

}

.inext_wpc_sidebar_btn:hover .dashicons{

	color:#fff;

}

.inext_wpc_sidebar_btn strong{

	display:block;

	color:#111827;

	font-size:15px;

	font-weight:600;

	margin-bottom:3px;

}

.inext_wpc_sidebar_btn small{

	color:#6b7280;

	font-size:13px;

}

.inext_wpc_sidebar_btn:hover strong,

.inext_wpc_sidebar_btn:hover small{

	color:#fff;

}


/*
|--------------------------------------------------------------------------
| Upgrade Card
|--------------------------------------------------------------------------
*/

.inext_wpc_upgrade_card{

	text-align:center;

	background:linear-gradient(
		135deg,
		#4f46e5,
		#3b82f6
	);

	color:#fff;

}

.inext_wpc_upgrade_card h3{

	color:#fff;

	margin-top:0;

	font-size:24px;

}

.inext_wpc_upgrade_card p{

	color:rgba(255,255,255,.9);

	line-height:1.8;

	margin:18px 0 25px;

}

.inext_wpc_upgrade_card .button{

	background:#fff;

	color:#4f46e5;

	border:none;

	font-weight:600;

}

.inext_wpc_upgrade_card .button:hover{

	background:#f3f4f6;

	color:#312e81;

}


/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.inext_wpc_footer{

	margin-top:35px;

	padding:30px;

	background:#fff;

	border-radius:16px;

	box-shadow:0 8px 30px rgba(0,0,0,.05);

}

.inext_wpc_footer_left h3{

	margin:0 0 10px;

	font-size:22px;

	font-weight:700;

}

.inext_wpc_footer_left p{

	margin:0;

	color:#6b7280;

	line-height:1.8;

}

.inext_wpc_footer_links{

	display:flex;

	flex-wrap:wrap;

	gap:14px;

	margin:28px 0;

}

.inext_wpc_footer_links a{

	display:flex;

	align-items:center;

	gap:8px;

	padding:12px 18px;

	border-radius:10px;

	background:#f8fafc;

	text-decoration:none;

	color:#374151;

	font-weight:600;

	transition:.25s;

}

.inext_wpc_footer_links a:hover{

	background:#4f46e5;

	color:#fff;

}

.inext_wpc_footer_links a:hover .dashicons{

	color:#fff;

}

.inext_wpc_footer_bottom{

	display:flex;

	justify-content:space-between;

	align-items:center;

	flex-wrap:wrap;

	padding-top:20px;

	border-top:1px solid #edf2f7;

}

.inext_wpc_footer_bottom p{

	margin:0;

	font-size:13px;

	color:#6b7280;

}


/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width:1200px){

	.inext_wpc_settings .inext_wpc_dashboard{

		grid-template-columns:1fr;

	}

	.inext_wpc_right{

		position:static;

	}

}

@media (max-width:768px){

	.inext_wpc_setting_item{

		flex-direction:column;

		align-items:flex-start;

		gap:15px;

	}

	.setting_control,

	.setting_badge{

		width:100%;

		text-align:left;

	}

	.setting_control input,

	.setting_control select,

	.setting_control textarea{

		max-width:100%;

	}

	.inext_wpc_footer_bottom{

		flex-direction:column;

		align-items:flex-start;

		gap:10px;

	}

	.inext_wpc_page_intro{

		flex-direction:column;

		text-align:center;

	}

}

@media (max-width:480px){

	.inext_wpc_settings .inext_wpc_card{

		padding:20px;

	}

	.inext_wpc_page_intro{

		padding:25px;

	}

	.inext_wpc_footer{

		padding:20px;

	}

}