:root{
	--idd-bg:#f3f6fb;
	--idd-bg-2:#eef3f8;
	--idd-surface:#ffffff;
	--idd-surface-soft:#f8fafc;
	--idd-line:#e2e8f0;
	--idd-line-strong:#d4dce7;
	--idd-text:#0f172a;
	--idd-text-soft:#475569;
	--idd-muted:#64748b;
	--idd-brand:#5CA174;
	--idd-brand-strong:#4b8c63;
	--idd-brand-soft:rgba(92,161,116,.10);
	--idd-shadow-sm:0 8px 20px rgba(15,23,42,.05);
	--idd-shadow-md:0 16px 40px rgba(15,23,42,.08);
	--idd-radius-sm:14px;
	--idd-radius-md:18px;
	--idd-radius-lg:24px;
	--idd-topbar-top:0px;
	--idd-container:min(100vw - 24px, 1680px);
	--idd-drawer-width:min(390px, calc(100vw - 18px));
	
		--idd-z-base:1;
	--idd-z-topbar:20;
	--idd-z-workspace:30;
	--idd-z-backdrop:900;
	--idd-z-drawer:910;
}

*,
*::before,
*::after{
	box-sizing:border-box;
}

html{
	margin-top:0 !important;
	scroll-behavior:smooth;
	background:var(--idd-bg);
}

body.idd-tools-body{
	margin:0;
	padding:0;
	color:var(--idd-text);
	background:
		radial-gradient(900px 420px at 0% 0%, rgba(92,161,116,.10), transparent 60%),
		radial-gradient(800px 340px at 100% 0%, rgba(24,34,53,.07), transparent 58%),
		linear-gradient(180deg, #f8fbfd 0%, #f3f6fb 45%, #edf2f7 100%);
	font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

body.admin-bar{
	margin-top:0 !important;
}

#wpadminbar{
	position:fixed !important;
}

body.idd-tools-drawer-open{
	overflow:hidden;
}

.idd-tools-app{
	min-height:100vh;
	padding:14px 12px 16px;
}

.idd-tools-topbar{
	position:sticky;
	top:var(--idd-topbar-top);
	z-index:var(--idd-z-topbar);
	margin:0 auto 14px;
	width:var(--idd-container);
}

.idd-tools-topbar__inner{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:14px;
	padding:10px 12px;
	border-radius:20px;
	background:rgba(255,255,255,.78);
	border:1px solid rgba(255,255,255,.88);
	backdrop-filter:blur(14px) saturate(150%);
	-webkit-backdrop-filter:blur(14px) saturate(150%);
	box-shadow:0 10px 30px rgba(15,23,42,.07);
}

.idd-tools-topbar__left{
	display:flex;
	align-items:center;
	gap:12px;
	min-width:0;
}

.idd-tools-brand{
	display:inline-flex;
	align-items:center;
	text-decoration:none;
	color:inherit;
	flex:0 0 auto;
}

.idd-tools-brand__logo{
	width:44px;
	height:44px;
	border-radius:14px;
	background:
		linear-gradient(180deg, rgba(92,161,116,.18), rgba(92,161,116,.08)),
		#fff;
	border:1px solid rgba(92,161,116,.14);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 8px 20px rgba(92,161,116,.10);
	display:grid;
	place-items:center;
	overflow:hidden;
}

.idd-tools-brand__logo img{
	display:block;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
}

.idd-tools-brand__mark{
	display:grid;
	place-items:center;
	width:100%;
	height:100%;
	font-size:15px;
	font-weight:800;
	color:var(--idd-brand-strong);
	letter-spacing:.04em;
}

.idd-tools-current{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:2px;
}

.idd-tools-current__label{
	font-size:11px;
	line-height:1;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--idd-muted);
}

.idd-tools-current__title{
	margin:0;
	font-size:20px;
	line-height:1.15;
	font-weight:800;
	color:var(--idd-text);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.idd-tools-nav{
	min-width:0;
}

.idd-tools-nav__list{
	list-style:none;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:8px;
	margin:0;
	padding:0;
}

.idd-tools-nav__list li{
	position:relative;
	margin:0;
	padding:0;
}

.idd-tools-nav__list a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	padding:0 14px;
	border-radius:12px;
	text-decoration:none;
	color:var(--idd-text-soft);
	font-size:14px;
	font-weight:700;
	transition:background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.idd-tools-nav__list a:hover{
	background:rgba(255,255,255,.86);
	color:var(--idd-text);
	transform:translateY(-1px);
	box-shadow:var(--idd-shadow-sm);
}

.idd-tools-nav__list .current-menu-item > a,
.idd-tools-nav__list .current_page_item > a,
.idd-tools-nav__list .current-menu-ancestor > a,
.idd-tools-nav__list .current_page_ancestor > a{
	background:var(--idd-brand-soft);
	color:var(--idd-brand-strong);
	box-shadow:inset 0 0 0 1px rgba(92,161,116,.14);
}

.idd-tools-nav__list .sub-menu{
	position:absolute;
	top:calc(100% + 10px);
	left:0;
	min-width:220px;
	list-style:none;
	margin:0;
	padding:10px;
	border-radius:16px;
	background:rgba(255,255,255,.96);
	border:1px solid rgba(255,255,255,.94);
	box-shadow:0 18px 44px rgba(15,23,42,.12);
	opacity:0;
	visibility:hidden;
	transform:translateY(8px);
	transition:opacity .18s ease, visibility .18s ease, transform .18s ease;
	z-index:20;
}

.idd-tools-nav__list li:hover > .sub-menu,
.idd-tools-nav__list li:focus-within > .sub-menu{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

.idd-tools-nav__list .sub-menu a{
	width:100%;
	justify-content:flex-start;
	min-height:0;
	padding:10px 12px;
	border-radius:12px;
}

.idd-tools-topbar__right{
	display:flex;
	align-items:center;
	gap:10px;
}

.idd-tools-btn{
	appearance:none;
	border:0;
	outline:0;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	padding:0 15px;
	border-radius:12px;
	font-size:14px;
	font-weight:700;
	white-space:nowrap;
	transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
	cursor:pointer;
}

.idd-tools-btn:hover{
	transform:translateY(-1px);
}

.idd-tools-btn--ghost{
	background:rgba(255,255,255,.9);
	color:var(--idd-text);
	border:1px solid rgba(15,23,42,.08);
	box-shadow:var(--idd-shadow-sm);
}

.idd-tools-btn--primary{
	background:linear-gradient(180deg, #68b382 0%, #5CA174 100%);
	color:#fff;
	box-shadow:0 12px 24px rgba(92,161,116,.22);
}

.idd-tools-burger{
	appearance:none;
	border:1px solid rgba(15,23,42,.08);
	background:rgba(255,255,255,.90);
	width:44px;
	height:44px;
	border-radius:14px;
	display:none;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:5px;
	cursor:pointer;
	box-shadow:var(--idd-shadow-sm);
}

.idd-tools-burger span{
	display:block;
	width:18px;
	height:2px;
	border-radius:999px;
	background:var(--idd-text);
}

.idd-tools-main{
	position:relative;
	z-index:var(--idd-z-workspace);
	width:var(--idd-container);
	margin:0 auto;
	min-width:0;
}

.idd-tools-workspace{
	position:relative;
	min-width:0;
	border-radius:26px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.92)),
		var(--idd-surface);
	border:1px solid rgba(255,255,255,.92);
	box-shadow:0 18px 50px rgba(15,23,42,.08);
	overflow:hidden;
}

.idd-tools-workspace::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(180deg, rgba(92,161,116,.03), transparent 140px),
		linear-gradient(90deg, rgba(15,23,42,.018), transparent 22%, transparent 78%, rgba(15,23,42,.018));
	pointer-events:none;
}

.idd-tools-workspace__inner{
	position:relative;
	z-index:1;
	padding:16px;
	min-width:0;
}

.idd-tools-workspace__inner > *:first-child{
	margin-top:0;
}

.idd-tools-workspace__inner > *:last-child{
	margin-bottom:0;
}

.idd-tools-workspace__inner .alignwide,
.idd-tools-workspace__inner .alignfull{
	margin-left:0 !important;
	margin-right:0 !important;
	max-width:100% !important;
	width:100% !important;
}

.idd-tools-workspace__inner .elementor,
.idd-tools-workspace__inner .woocommerce,
.idd-tools-workspace__inner .wp-block-group,
.idd-tools-workspace__inner .wp-block-columns,
.idd-tools-workspace__inner .wp-block-shortcode,
.idd-tools-workspace__inner form{
	max-width:100%;
}

.idd-tools-workspace__inner input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.idd-tools-workspace__inner select,
.idd-tools-workspace__inner textarea{
	width:100%;
	min-height:44px;
	padding:12px 14px;
	border-radius:14px;
	border:1px solid var(--idd-line-strong);
	background:#fff;
	color:var(--idd-text);
	box-shadow:inset 0 1px 2px rgba(15,23,42,.03);
}

.idd-tools-workspace__inner textarea{
	min-height:120px;
	resize:vertical;
}

.idd-tools-workspace__inner input:focus,
.idd-tools-workspace__inner select:focus,
.idd-tools-workspace__inner textarea:focus{
	outline:none;
	border-color:rgba(92,161,116,.55);
	box-shadow:0 0 0 4px rgba(92,161,116,.12);
}

.idd-tools-drawer-backdrop{
	position:fixed;
	inset:0;
	background:rgba(15,23,42,.42);
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter:blur(4px);
	opacity:0;
	visibility:hidden;
	transition:opacity .24s ease, visibility .24s ease;
	z-index:var(--idd-z-backdrop);
}

.idd-tools-drawer{
	position:fixed;
	top:0;
	left:0;
	width:var(--idd-drawer-width);
	height:100vh;
	background:
		linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.93)),
		#fff;
	border-right:1px solid rgba(15,23,42,.06);
	box-shadow:26px 0 80px rgba(15,23,42,.14);
	transform:translateX(-104%);
	transition:transform .28s ease;
	z-index:var(--idd-z-drawer);
	padding-top:max(16px, env(safe-area-inset-top));
}

.idd-tools-drawer__inner{
	display:flex;
	flex-direction:column;
	height:100%;
	padding:18px;
	gap:18px;
}

.idd-tools-drawer__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding-bottom:14px;
	border-bottom:1px solid rgba(15,23,42,.06);
}

.idd-tools-drawer__title{
	font-size:16px;
	font-weight:800;
	color:var(--idd-text);
}

.idd-tools-drawer__close{
	appearance:none;
	border:1px solid rgba(15,23,42,.08);
	background:#fff;
	width:42px;
	height:42px;
	border-radius:14px;
	position:relative;
	cursor:pointer;
	box-shadow:var(--idd-shadow-sm);
	flex:0 0 42px;
}

.idd-tools-drawer__close span{
	position:absolute;
	left:50%;
	top:50%;
	width:18px;
	height:2px;
	border-radius:999px;
	background:var(--idd-text);
}

.idd-tools-drawer__close span:first-child{
	transform:translate(-50%, -50%) rotate(45deg);
}

.idd-tools-drawer__close span:last-child{
	transform:translate(-50%, -50%) rotate(-45deg);
}

.idd-tools-drawer-nav{
	flex:1 1 auto;
	min-height:0;
	overflow:auto;
	padding-right:4px;
}

.idd-tools-drawer-nav__list,
.idd-tools-drawer-nav .menu,
.idd-tools-drawer-nav .sub-menu{
	list-style:none;
	margin:0;
	padding:0;
}

.idd-tools-drawer-nav__list > li + li,
.idd-tools-drawer-nav .menu > li + li{
	margin-top:8px;
}

.idd-tools-drawer-nav a{
	display:flex;
	align-items:center;
	min-height:48px;
	padding:0 14px;
	border-radius:14px;
	text-decoration:none;
	color:var(--idd-text);
	font-size:14px;
	font-weight:700;
	background:rgba(255,255,255,.9);
	border:1px solid rgba(15,23,42,.06);
	box-shadow:var(--idd-shadow-sm);
}

.idd-tools-drawer-nav .current-menu-item > a,
.idd-tools-drawer-nav .current_page_item > a,
.idd-tools-drawer-nav .current-menu-ancestor > a,
.idd-tools-drawer-nav .current_page_ancestor > a{
	background:var(--idd-brand-soft);
	color:var(--idd-brand-strong);
	border-color:rgba(92,161,116,.16);
}

.idd-tools-drawer-nav .sub-menu{
	padding:10px 0 0 14px;
}

.idd-tools-drawer-nav .sub-menu li + li{
	margin-top:8px;
}

.idd-tools-drawer__actions{
	display:grid;
	gap:10px;
	padding-top:8px;
	border-top:1px solid rgba(15,23,42,.06);
}

body.idd-tools-drawer-open .idd-tools-drawer-backdrop{
	opacity:1;
	visibility:visible;
}

body.idd-tools-drawer-open .idd-tools-drawer{
	transform:translateX(0);
}

@media (max-width:1180px){
	.idd-tools-nav{
		display:none;
	}

	.idd-tools-burger{
		display:inline-flex;
	}
}

@media (max-width:980px){
	.idd-tools-topbar__inner{
		grid-template-columns:minmax(0,1fr) auto;
	}

	.idd-tools-topbar__right{
		display:none;
	}
}

@media (max-width:782px){
	.idd-tools-app{
		padding:10px 9px 12px;
	}

	.idd-tools-topbar,
	.idd-tools-main{
		width:min(100vw - 18px, 100%);
	}

	.idd-tools-topbar__inner{
		padding:10px;
		border-radius:18px;
	}

	.idd-tools-current__title{
		font-size:17px;
	}

	.idd-tools-workspace{
		border-radius:22px;
	}

	.idd-tools-workspace__inner{
		padding:12px;
	}
}

@media (max-width:640px){
	.idd-tools-current__label{
		display:none;
	}

	.idd-tools-current__title{
		font-size:16px;
	}
}