/**
 * Trained FAQ Builder - Shared UI Styles
 * Tailwind + Shadcn theme - imported by both Settings and Manager
 */

*, ::before, ::after {
		--tw-border-spacing-x: 0;
		--tw-border-spacing-y: 0;
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		--tw-pan-x:  ;
		--tw-pan-y:  ;
		--tw-pinch-zoom:  ;
		--tw-scroll-snap-strictness: proximity;
		--tw-gradient-from-position:  ;
		--tw-gradient-via-position:  ;
		--tw-gradient-to-position:  ;
		--tw-ordinal:  ;
		--tw-slashed-zero:  ;
		--tw-numeric-figure:  ;
		--tw-numeric-spacing:  ;
		--tw-numeric-fraction:  ;
		--tw-ring-inset:  ;
		--tw-ring-offset-width: 0px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: rgb(59 130 246 / 0.5);
		--tw-ring-offset-shadow: 0 0 #0000;
		--tw-ring-shadow: 0 0 #0000;
		--tw-shadow: 0 0 #0000;
		--tw-shadow-colored: 0 0 #0000;
		--tw-blur:  ;
		--tw-brightness:  ;
		--tw-contrast:  ;
		--tw-grayscale:  ;
		--tw-hue-rotate:  ;
		--tw-invert:  ;
		--tw-saturate:  ;
		--tw-sepia:  ;
		--tw-drop-shadow:  ;
		--tw-backdrop-blur:  ;
		--tw-backdrop-brightness:  ;
		--tw-backdrop-contrast:  ;
		--tw-backdrop-grayscale:  ;
		--tw-backdrop-hue-rotate:  ;
		--tw-backdrop-invert:  ;
		--tw-backdrop-opacity:  ;
		--tw-backdrop-saturate:  ;
		--tw-backdrop-sepia:  ;
		--tw-contain-size:  ;
		--tw-contain-layout:  ;
		--tw-contain-paint:  ;
		--tw-contain-style:  ;
}

::backdrop {
		--tw-border-spacing-x: 0;
		--tw-border-spacing-y: 0;
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		--tw-pan-x:  ;
		--tw-pan-y:  ;
		--tw-pinch-zoom:  ;
		--tw-scroll-snap-strictness: proximity;
		--tw-gradient-from-position:  ;
		--tw-gradient-via-position:  ;
		--tw-gradient-to-position:  ;
		--tw-ordinal:  ;
		--tw-slashed-zero:  ;
		--tw-numeric-figure:  ;
		--tw-numeric-spacing:  ;
		--tw-numeric-fraction:  ;
		--tw-ring-inset:  ;
		--tw-ring-offset-width: 0px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: rgb(59 130 246 / 0.5);
		--tw-ring-offset-shadow: 0 0 #0000;
		--tw-ring-shadow: 0 0 #0000;
		--tw-shadow: 0 0 #0000;
		--tw-shadow-colored: 0 0 #0000;
		--tw-blur:  ;
		--tw-brightness:  ;
		--tw-contrast:  ;
		--tw-grayscale:  ;
		--tw-hue-rotate:  ;
		--tw-invert:  ;
		--tw-saturate:  ;
		--tw-sepia:  ;
		--tw-drop-shadow:  ;
		--tw-backdrop-blur:  ;
		--tw-backdrop-brightness:  ;
		--tw-backdrop-contrast:  ;
		--tw-backdrop-grayscale:  ;
		--tw-backdrop-hue-rotate:  ;
		--tw-backdrop-invert:  ;
		--tw-backdrop-opacity:  ;
		--tw-backdrop-saturate:  ;
		--tw-backdrop-sepia:  ;
		--tw-contain-size:  ;
		--tw-contain-layout:  ;
		--tw-contain-paint:  ;
		--tw-contain-style:  ;
}

.efp-app-root {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		font-feature-settings: "rlig" 1, "calt" 1;
	}

.efp-app-root * {
		border-color: hsl(var(--efp-border));
	}
.efp-app-root .efp-sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0;
}
.efp-app-root .efp-pointer-events-none {
		pointer-events: none;
}
.efp-app-root .efp-fixed {
		position: fixed;
}
.efp-app-root .efp-absolute {
		position: absolute;
}
.efp-app-root .efp-relative {
		position: relative;
}
.efp-app-root .efp-sticky {
		position: sticky;
}
.efp-app-root .efp-inset-0 {
		inset: 0px;
}
.efp-app-root .efp-left-0 {
		left: 0px;
}
.efp-app-root .efp-left-2 {
		left: 0.5rem;
}
.efp-app-root .efp-left-3 {
		left: 0.75rem;
}
.efp-app-root .efp-right-2 {
		right: 0.5rem;
}
.efp-app-root .efp-right-3 {
		right: 0.75rem;
}
.efp-app-root .efp-top-0 {
		top: 0px;
}
.efp-app-root .efp-top-1\/2 {
		top: 50%;
}
.efp-app-root .efp-top-24 {
		top: 6rem;
}
.efp-app-root .efp-z-\[100050\] {
		z-index: 100050;
}
.efp-app-root .efp--mx-1 {
		margin-left: -0.25rem;
		margin-right: -0.25rem;
}
.efp-app-root .efp-mx-1 {
		margin-left: 0.25rem;
		margin-right: 0.25rem;
}
.efp-app-root .efp-mx-auto {
		margin-left: auto;
		margin-right: auto;
}
.efp-app-root .efp-my-1 {
		margin-top: 0.25rem;
		margin-bottom: 0.25rem;
}
.efp-app-root .efp-mb-1 {
		margin-bottom: 0.25rem;
}
.efp-app-root .efp-mb-2 {
		margin-bottom: 0.5rem;
}
.efp-app-root .efp-mb-3 {
		margin-bottom: 0.75rem;
}
.efp-app-root .efp-mb-4 {
		margin-bottom: 1rem;
}
.efp-app-root .efp-mb-6 {
		margin-bottom: 1.5rem;
}
.efp-app-root .efp-mb-8 {
		margin-bottom: 2rem;
}
.efp-app-root .efp-ml-1\.5 {
		margin-left: 0.375rem;
}
.efp-app-root .efp-ml-2 {
		margin-left: 0.5rem;
}
.efp-app-root .efp-ml-auto {
		margin-left: auto;
}
.efp-app-root .efp-mr-1 {
		margin-right: 0.25rem;
}
.efp-app-root .efp-mr-2 {
		margin-right: 0.5rem;
}
.efp-app-root .efp-mt-0 {
		margin-top: 0px;
}
.efp-app-root .efp-mt-0\.5 {
		margin-top: 0.125rem;
}
.efp-app-root .efp-mt-1 {
		margin-top: 0.25rem;
}
.efp-app-root .efp-mt-2 {
		margin-top: 0.5rem;
}
.efp-app-root .efp-mt-3 {
		margin-top: 0.75rem;
}
.efp-app-root .efp-mt-4 {
		margin-top: 1rem;
}
.efp-app-root .efp-mt-6 {
		margin-top: 1.5rem;
}
.efp-app-root .efp-block {
		display: block;
}
.efp-app-root .efp-inline-block {
		display: inline-block;
}
.efp-app-root .efp-flex {
		display: flex;
}
.efp-app-root .efp-inline-flex {
		display: inline-flex;
}
.efp-app-root .efp-grid {
		display: grid;
}
.efp-app-root .efp-hidden {
		display: none;
}
.efp-app-root .efp-aspect-square {
		aspect-ratio: 1 / 1;
}
.efp-app-root .efp-h-0 {
		height: 0px;
}
.efp-app-root .efp-h-10 {
		height: 2.5rem;
}
.efp-app-root .efp-h-11 {
		height: 2.75rem;
}
.efp-app-root .efp-h-12 {
		height: 3rem;
}
.efp-app-root .efp-h-14 {
		height: 3.5rem;
}
.efp-app-root .efp-h-16 {
		height: 4rem;
}
.efp-app-root .efp-h-2 {
		height: 0.5rem;
}
.efp-app-root .efp-h-2\.5 {
		height: 0.625rem;
}
.efp-app-root .efp-h-20 {
		height: 5rem;
}
.efp-app-root .efp-h-24 {
		height: 6rem;
}
.efp-app-root .efp-h-3 {
		height: 0.75rem;
}
.efp-app-root .efp-h-3\.5 {
		height: 0.875rem;
}
.efp-app-root .efp-h-4 {
		height: 1rem;
}
.efp-app-root .efp-h-5 {
		height: 1.25rem;
}
.efp-app-root .efp-h-6 {
		height: 1.5rem;
}
.efp-app-root .efp-h-7 {
		height: 1.75rem;
}
.efp-app-root .efp-h-8 {
		height: 2rem;
}
.efp-app-root .efp-h-9 {
		height: 2.25rem;
}
.efp-app-root .efp-h-\[18px\] {
		height: 18px;
}
.efp-app-root .efp-h-\[1px\] {
		height: 1px;
}
.efp-app-root .efp-h-\[300px\] {
		height: 300px;
}
.efp-app-root .efp-h-\[var\(--radix-select-trigger-height\)\] {
		height: var(--radix-select-trigger-height);
}
.efp-app-root .efp-h-auto {
		height: auto;
}
.efp-app-root .efp-h-fit {
		height: -moz-fit-content;
		height: fit-content;
}
.efp-app-root .efp-h-full {
		height: 100%;
}
.efp-app-root .efp-h-px {
		height: 1px;
}
.efp-app-root .efp-max-h-48 {
		max-height: 12rem;
}
.efp-app-root .efp-max-h-96 {
		max-height: 24rem;
}
.efp-app-root .efp-max-h-\[400px\] {
		max-height: 400px;
}
.efp-app-root .efp-max-h-\[90vh\] {
		max-height: 90vh;
}
.efp-app-root .efp-min-h-\[120px\] {
		min-height: 120px;
}
.efp-app-root .efp-min-h-\[400px\] {
		min-height: 400px;
}
.efp-app-root .efp-min-h-\[420px\] {
		min-height: 420px;
}
.efp-app-root .efp-min-h-screen {
		min-height: 100vh;
}
.efp-app-root .efp-w-10 {
		width: 2.5rem;
}
.efp-app-root .efp-w-11 {
		width: 2.75rem;
}
.efp-app-root .efp-w-12 {
		width: 3rem;
}
.efp-app-root .efp-w-14 {
		width: 3.5rem;
}
.efp-app-root .efp-w-16 {
		width: 4rem;
}
.efp-app-root .efp-w-2 {
		width: 0.5rem;
}
.efp-app-root .efp-w-2\.5 {
		width: 0.625rem;
}
.efp-app-root .efp-w-20 {
		width: 5rem;
}
.efp-app-root .efp-w-24 {
		width: 6rem;
}
.efp-app-root .efp-w-3 {
		width: 0.75rem;
}
.efp-app-root .efp-w-3\.5 {
		width: 0.875rem;
}
.efp-app-root .efp-w-32 {
		width: 8rem;
}
.efp-app-root .efp-w-36 {
		width: 9rem;
}
.efp-app-root .efp-w-4 {
		width: 1rem;
}
.efp-app-root .efp-w-40 {
		width: 10rem;
}
.efp-app-root .efp-w-5 {
		width: 1.25rem;
}
.efp-app-root .efp-w-6 {
		width: 1.5rem;
}
.efp-app-root .efp-w-64 {
		width: 16rem;
}
.efp-app-root .efp-w-7 {
		width: 1.75rem;
}
.efp-app-root .efp-w-72 {
		width: 18rem;
}
.efp-app-root .efp-w-8 {
		width: 2rem;
}
.efp-app-root .efp-w-80 {
		width: 20rem;
}
.efp-app-root .efp-w-9 {
		width: 2.25rem;
}
.efp-app-root .efp-w-\[180px\] {
		width: 180px;
}
.efp-app-root .efp-w-\[18px\] {
		width: 18px;
}
.efp-app-root .efp-w-\[1px\] {
		width: 1px;
}
.efp-app-root .efp-w-\[400px\] {
		width: 400px;
}
.efp-app-root .efp-w-auto {
		width: auto;
}
.efp-app-root .efp-w-full {
		width: 100%;
}
.efp-app-root .efp-min-w-0 {
		min-width: 0px;
}
.efp-app-root .efp-min-w-\[120px\] {
		min-width: 120px;
}
.efp-app-root .efp-min-w-\[8rem\] {
		min-width: 8rem;
}
.efp-app-root .efp-min-w-\[var\(--radix-select-trigger-width\)\] {
		min-width: var(--radix-select-trigger-width);
}
.efp-app-root .efp-max-w-2xl {
		max-width: 42rem;
}
.efp-app-root .efp-max-w-\[120px\] {
		max-width: 120px;
}
.efp-app-root .efp-max-w-\[1600px\] {
		max-width: 1600px;
}
.efp-app-root .efp-max-w-\[60\%\] {
		max-width: 60%;
}
.efp-app-root .efp-max-w-\[65\%\] {
		max-width: 65%;
}
.efp-app-root .efp-max-w-lg {
		max-width: 32rem;
}
.efp-app-root .efp-max-w-md {
		max-width: 28rem;
}
.efp-app-root .efp-max-w-sm {
		max-width: 24rem;
}
.efp-app-root .efp-max-w-xs {
		max-width: 20rem;
}
.efp-app-root .efp-flex-1 {
		flex: 1 1 0%;
}
.efp-app-root .efp-flex-shrink-0 {
		flex-shrink: 0;
}
.efp-app-root .efp-shrink-0 {
		flex-shrink: 0;
}
.efp-app-root .efp-grow {
		flex-grow: 1;
}
.efp-app-root .efp--translate-y-1\/2 {
		--tw-translate-y: -50%;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.efp-app-root .efp-rotate-180 {
		--tw-rotate: 180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes efp-pulse {

		50% {
				opacity: .5;
		}
}
.efp-app-root .efp-animate-pulse {
		animation: efp-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes efp-spin {

		to {
				transform: rotate(360deg);
		}
}
.efp-app-root .efp-animate-spin {
		animation: efp-spin 1s linear infinite;
}
.efp-app-root .efp-cursor-default {
		cursor: default;
}
.efp-app-root .efp-cursor-pointer {
		cursor: pointer;
}
.efp-app-root .efp-touch-none {
		touch-action: none;
}
.efp-app-root .efp-select-none {
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
}
.efp-app-root .efp-grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
}
.efp-app-root .efp-grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
}
.efp-app-root .efp-grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
}
.efp-app-root .efp-grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
}
.efp-app-root .efp-grid-cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
}
.efp-app-root .efp-grid-cols-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
}
.efp-app-root .efp-flex-row {
		flex-direction: row;
}
.efp-app-root .efp-flex-col {
		flex-direction: column;
}
.efp-app-root .efp-flex-wrap {
		flex-wrap: wrap;
}
.efp-app-root .efp-items-start {
		align-items: flex-start;
}
.efp-app-root .efp-items-center {
		align-items: center;
}
.efp-app-root .efp-justify-start {
		justify-content: flex-start;
}
.efp-app-root .efp-justify-end {
		justify-content: flex-end;
}
.efp-app-root .efp-justify-center {
		justify-content: center;
}
.efp-app-root .efp-justify-between {
		justify-content: space-between;
}
.efp-app-root .efp-gap-0\.5 {
		gap: 0.125rem;
}
.efp-app-root .efp-gap-1 {
		gap: 0.25rem;
}
.efp-app-root .efp-gap-1\.5 {
		gap: 0.375rem;
}
.efp-app-root .efp-gap-2 {
		gap: 0.5rem;
}
.efp-app-root .efp-gap-3 {
		gap: 0.75rem;
}
.efp-app-root .efp-gap-4 {
		gap: 1rem;
}
.efp-app-root .efp-gap-6 {
		gap: 1.5rem;
}
.efp-app-root .efp-gap-8 {
		gap: 2rem;
}
.efp-app-root :is(.efp-space-x-2 > :not([hidden]) ~ :not([hidden])) {
		--tw-space-x-reverse: 0;
		margin-right: calc(0.5rem * var(--tw-space-x-reverse));
		margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.efp-app-root :is(.efp-space-y-0 > :not([hidden]) ~ :not([hidden])) {
		--tw-space-y-reverse: 0;
		margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.efp-app-root :is(.efp-space-y-0\.5 > :not([hidden]) ~ :not([hidden])) {
		--tw-space-y-reverse: 0;
		margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.efp-app-root :is(.efp-space-y-1 > :not([hidden]) ~ :not([hidden])) {
		--tw-space-y-reverse: 0;
		margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.efp-app-root :is(.efp-space-y-1\.5 > :not([hidden]) ~ :not([hidden])) {
		--tw-space-y-reverse: 0;
		margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.efp-app-root :is(.efp-space-y-2 > :not([hidden]) ~ :not([hidden])) {
		--tw-space-y-reverse: 0;
		margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.efp-app-root :is(.efp-space-y-3 > :not([hidden]) ~ :not([hidden])) {
		--tw-space-y-reverse: 0;
		margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.efp-app-root :is(.efp-space-y-4 > :not([hidden]) ~ :not([hidden])) {
		--tw-space-y-reverse: 0;
		margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.efp-app-root :is(.efp-space-y-5 > :not([hidden]) ~ :not([hidden])) {
		--tw-space-y-reverse: 0;
		margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.efp-app-root :is(.efp-space-y-6 > :not([hidden]) ~ :not([hidden])) {
		--tw-space-y-reverse: 0;
		margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.efp-app-root :is(.efp-divide-y > :not([hidden]) ~ :not([hidden])) {
		--tw-divide-y-reverse: 0;
		border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
		border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.efp-app-root :is(.efp-divide-border > :not([hidden]) ~ :not([hidden])) {
		border-color: hsl(var(--efp-border));
}
.efp-app-root .efp-overflow-hidden {
		overflow: hidden;
}
.efp-app-root .efp-overflow-x-auto {
		overflow-x: auto;
}
.efp-app-root .efp-overflow-y-auto {
		overflow-y: auto;
}
.efp-app-root .efp-truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}
.efp-app-root .efp-whitespace-nowrap {
		white-space: nowrap;
}
.efp-app-root .efp-break-all {
		word-break: break-all;
}
.efp-app-root .efp-rounded {
		border-radius: 0.25rem;
}
.efp-app-root .efp-rounded-\[24px\] {
		border-radius: 24px;
}
.efp-app-root .efp-rounded-full {
		border-radius: 9999px;
}
.efp-app-root .efp-rounded-lg {
		border-radius: var(--efp-radius);
}
.efp-app-root .efp-rounded-md {
		border-radius: calc(var(--efp-radius) - 2px);
}
.efp-app-root .efp-rounded-sm {
		border-radius: calc(var(--efp-radius) - 4px);
}
.efp-app-root .efp-rounded-xl {
		border-radius: 0.75rem;
}
.efp-app-root .efp-border {
		border-width: 1px;
}
.efp-app-root .efp-border-0 {
		border-width: 0px;
}
.efp-app-root .efp-border-2 {
		border-width: 2px;
}
.efp-app-root .efp-border-b {
		border-bottom-width: 1px;
}
.efp-app-root .efp-border-t {
		border-top-width: 1px;
}
.efp-app-root .efp-border-dashed {
		border-style: dashed;
}
.efp-app-root .efp-border-amber-200 {
		--tw-border-opacity: 1;
		border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.efp-app-root .efp-border-border {
		border-color: hsl(var(--efp-border));
}
.efp-app-root .efp-border-border\/50 {
		border-color: hsl(var(--efp-border) / 0.5);
}
.efp-app-root .efp-border-border\/60 {
		border-color: hsl(var(--efp-border) / 0.6);
}
.efp-app-root .efp-border-destructive\/20 {
		border-color: hsl(var(--efp-destructive) / 0.2);
}
.efp-app-root .efp-border-destructive\/30 {
		border-color: hsl(var(--efp-destructive) / 0.3);
}
.efp-app-root .efp-border-green-200 {
		--tw-border-opacity: 1;
		border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.efp-app-root .efp-border-input {
		border-color: hsl(var(--efp-input));
}
.efp-app-root .efp-border-muted-foreground {
		border-color: hsl(var(--efp-muted-foreground));
}
.efp-app-root .efp-border-muted-foreground\/30 {
		border-color: hsl(var(--efp-muted-foreground) / 0.3);
}
.efp-app-root .efp-border-primary {
		border-color: hsl(var(--efp-primary));
}
.efp-app-root .efp-border-primary\/30 {
		border-color: hsl(var(--efp-primary) / 0.3);
}
.efp-app-root .efp-border-transparent {
		border-color: transparent;
}
.efp-app-root .efp-bg-accent {
		background-color: hsl(var(--efp-accent));
}
.efp-app-root .efp-bg-amber-100 {
		--tw-bg-opacity: 1;
		background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.efp-app-root .efp-bg-amber-50 {
		--tw-bg-opacity: 1;
		background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.efp-app-root .efp-bg-background {
		background-color: hsl(var(--efp-background));
}
.efp-app-root .efp-bg-background\/70 {
		background-color: hsl(var(--efp-background) / 0.7);
}
.efp-app-root .efp-bg-background\/95 {
		background-color: hsl(var(--efp-background) / 0.95);
}
.efp-app-root .efp-bg-border {
		background-color: hsl(var(--efp-border));
}
.efp-app-root .efp-bg-border\/40 {
		background-color: hsl(var(--efp-border) / 0.4);
}
.efp-app-root .efp-bg-card {
		background-color: hsl(var(--efp-card));
}
.efp-app-root .efp-bg-destructive {
		background-color: hsl(var(--efp-destructive));
}
.efp-app-root .efp-bg-destructive\/10 {
		background-color: hsl(var(--efp-destructive) / 0.1);
}
.efp-app-root .efp-bg-destructive\/5 {
		background-color: hsl(var(--efp-destructive) / 0.05);
}
.efp-app-root .efp-bg-foreground\/40 {
		background-color: hsl(var(--efp-foreground) / 0.4);
}
.efp-app-root .efp-bg-green-100 {
		--tw-bg-opacity: 1;
		background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.efp-app-root .efp-bg-green-50 {
		--tw-bg-opacity: 1;
		background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.efp-app-root .efp-bg-muted {
		background-color: hsl(var(--efp-muted));
}
.efp-app-root .efp-bg-muted\/30 {
		background-color: hsl(var(--efp-muted) / 0.3);
}
.efp-app-root .efp-bg-muted\/50 {
		background-color: hsl(var(--efp-muted) / 0.5);
}
.efp-app-root .efp-bg-popover {
		background-color: hsl(var(--efp-popover));
}
.efp-app-root .efp-bg-primary {
		background-color: hsl(var(--efp-primary));
}
.efp-app-root .efp-bg-primary\/10 {
		background-color: hsl(var(--efp-primary) / 0.1);
}
.efp-app-root .efp-bg-primary\/20 {
		background-color: hsl(var(--efp-primary) / 0.2);
}
.efp-app-root .efp-bg-primary\/5 {
		background-color: hsl(var(--efp-primary) / 0.05);
}
.efp-app-root .efp-bg-secondary {
		background-color: hsl(var(--efp-secondary));
}
.efp-app-root .efp-bg-transparent {
		background-color: transparent;
}
.efp-app-root .efp-bg-white {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.efp-app-root .efp-bg-gradient-to-br {
		background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.efp-app-root .efp-bg-gradient-to-r {
		background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.efp-app-root .efp-from-muted\/20 {
		--tw-gradient-from: hsl(var(--efp-muted) / 0.2) var(--tw-gradient-from-position);
		--tw-gradient-to: hsl(var(--efp-muted) / 0) var(--tw-gradient-to-position);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.efp-app-root .efp-from-muted\/50 {
		--tw-gradient-from: hsl(var(--efp-muted) / 0.5) var(--tw-gradient-from-position);
		--tw-gradient-to: hsl(var(--efp-muted) / 0) var(--tw-gradient-to-position);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.efp-app-root .efp-from-primary\/20 {
		--tw-gradient-from: hsl(var(--efp-primary) / 0.2) var(--tw-gradient-from-position);
		--tw-gradient-to: hsl(var(--efp-primary) / 0) var(--tw-gradient-to-position);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.efp-app-root .efp-from-primary\/40 {
		--tw-gradient-from: hsl(var(--efp-primary) / 0.4) var(--tw-gradient-from-position);
		--tw-gradient-to: hsl(var(--efp-primary) / 0) var(--tw-gradient-to-position);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.efp-app-root .efp-to-muted\/20 {
		--tw-gradient-to: hsl(var(--efp-muted) / 0.2) var(--tw-gradient-to-position);
}
.efp-app-root .efp-to-muted\/40 {
		--tw-gradient-to: hsl(var(--efp-muted) / 0.4) var(--tw-gradient-to-position);
}
.efp-app-root .efp-to-primary\/10 {
		--tw-gradient-to: hsl(var(--efp-primary) / 0.1) var(--tw-gradient-to-position);
}
.efp-app-root .efp-to-primary\/30 {
		--tw-gradient-to: hsl(var(--efp-primary) / 0.3) var(--tw-gradient-to-position);
}
.efp-app-root .efp-fill-current {
		fill: currentColor;
}
.efp-app-root .efp-object-contain {
		-o-object-fit: contain;
		   object-fit: contain;
}
.efp-app-root .efp-p-0 {
		padding: 0px;
}
.efp-app-root .efp-p-1 {
		padding: 0.25rem;
}
.efp-app-root .efp-p-12 {
		padding: 3rem;
}
.efp-app-root .efp-p-2 {
		padding: 0.5rem;
}
.efp-app-root .efp-p-3 {
		padding: 0.75rem;
}
.efp-app-root .efp-p-4 {
		padding: 1rem;
}
.efp-app-root .efp-p-5 {
		padding: 1.25rem;
}
.efp-app-root .efp-p-6 {
		padding: 1.5rem;
}
.efp-app-root .efp-p-8 {
		padding: 2rem;
}
.efp-app-root .efp-px-0 {
		padding-left: 0px;
		padding-right: 0px;
}
.efp-app-root .efp-px-1 {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
}
.efp-app-root .efp-px-1\.5 {
		padding-left: 0.375rem;
		padding-right: 0.375rem;
}
.efp-app-root .efp-px-2 {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
}
.efp-app-root .efp-px-2\.5 {
		padding-left: 0.625rem;
		padding-right: 0.625rem;
}
.efp-app-root .efp-px-3 {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
}
.efp-app-root .efp-px-4 {
		padding-left: 1rem;
		padding-right: 1rem;
}
.efp-app-root .efp-px-5 {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
}
.efp-app-root .efp-px-6 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
}
.efp-app-root .efp-px-8 {
		padding-left: 2rem;
		padding-right: 2rem;
}
.efp-app-root .efp-py-0\.5 {
		padding-top: 0.125rem;
		padding-bottom: 0.125rem;
}
.efp-app-root .efp-py-1 {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
}
.efp-app-root .efp-py-1\.5 {
		padding-top: 0.375rem;
		padding-bottom: 0.375rem;
}
.efp-app-root .efp-py-12 {
		padding-top: 3rem;
		padding-bottom: 3rem;
}
.efp-app-root .efp-py-2 {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
}
.efp-app-root .efp-py-2\.5 {
		padding-top: 0.625rem;
		padding-bottom: 0.625rem;
}
.efp-app-root .efp-py-20 {
		padding-top: 5rem;
		padding-bottom: 5rem;
}
.efp-app-root .efp-py-3 {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
}
.efp-app-root .efp-py-4 {
		padding-top: 1rem;
		padding-bottom: 1rem;
}
.efp-app-root .efp-py-6 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
}
.efp-app-root .efp-py-8 {
		padding-top: 2rem;
		padding-bottom: 2rem;
}
.efp-app-root .efp-pb-2 {
		padding-bottom: 0.5rem;
}
.efp-app-root .efp-pb-3 {
		padding-bottom: 0.75rem;
}
.efp-app-root .efp-pb-6 {
		padding-bottom: 1.5rem;
}
.efp-app-root .efp-pb-8 {
		padding-bottom: 2rem;
}
.efp-app-root .efp-pl-10 {
		padding-left: 2.5rem;
}
.efp-app-root .efp-pl-8 {
		padding-left: 2rem;
}
.efp-app-root .efp-pl-9 {
		padding-left: 2.25rem;
}
.efp-app-root .efp-pr-10 {
		padding-right: 2.5rem;
}
.efp-app-root .efp-pr-2 {
		padding-right: 0.5rem;
}
.efp-app-root .efp-pr-8 {
		padding-right: 2rem;
}
.efp-app-root .efp-pt-0 {
		padding-top: 0px;
}
.efp-app-root .efp-pt-2 {
		padding-top: 0.5rem;
}
.efp-app-root .efp-pt-4 {
		padding-top: 1rem;
}
.efp-app-root .efp-pt-5 {
		padding-top: 1.25rem;
}
.efp-app-root .efp-text-left {
		text-align: left;
}
.efp-app-root .efp-text-center {
		text-align: center;
}
.efp-app-root .efp-text-right {
		text-align: right;
}
.efp-app-root .efp-font-mono {
		font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.efp-app-root .efp-text-2xl {
		font-size: 1.5rem;
		line-height: 2rem;
}
.efp-app-root .efp-text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem;
}
.efp-app-root .efp-text-\[10px\] {
		font-size: 10px;
}
.efp-app-root .efp-text-base {
		font-size: 1rem;
		line-height: 1.5rem;
}
.efp-app-root .efp-text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem;
}
.efp-app-root .efp-text-sm {
		font-size: 0.875rem;
		line-height: 1.25rem;
}
.efp-app-root .efp-text-xl {
		font-size: 1.25rem;
		line-height: 1.75rem;
}
.efp-app-root .efp-text-xs {
		font-size: 0.75rem;
		line-height: 1rem;
}
.efp-app-root .efp-font-bold {
		font-weight: 700;
}
.efp-app-root .efp-font-medium {
		font-weight: 500;
}
.efp-app-root .efp-font-normal {
		font-weight: 400;
}
.efp-app-root .efp-font-semibold {
		font-weight: 600;
}
.efp-app-root .efp-uppercase {
		text-transform: uppercase;
}
.efp-app-root .efp-capitalize {
		text-transform: capitalize;
}
.efp-app-root .efp-italic {
		font-style: italic;
}
.efp-app-root .efp-tabular-nums {
		--tw-numeric-spacing: tabular-nums;
		font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.efp-app-root .efp-leading-none {
		line-height: 1;
}
.efp-app-root .efp-leading-relaxed {
		line-height: 1.625;
}
.efp-app-root .efp-leading-tight {
		line-height: 1.25;
}
.efp-app-root .efp-tracking-tight {
		letter-spacing: -0.025em;
}
.efp-app-root .efp-tracking-wide {
		letter-spacing: 0.025em;
}
.efp-app-root .efp-tracking-wider {
		letter-spacing: 0.05em;
}
.efp-app-root .efp-text-accent-foreground {
		color: hsl(var(--efp-accent-foreground));
}
.efp-app-root .efp-text-amber-800 {
		--tw-text-opacity: 1;
		color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.efp-app-root .efp-text-card-foreground {
		color: hsl(var(--efp-card-foreground));
}
.efp-app-root .efp-text-current {
		color: currentColor;
}
.efp-app-root .efp-text-destructive {
		color: hsl(var(--efp-destructive));
}
.efp-app-root .efp-text-destructive-foreground {
		color: hsl(var(--efp-destructive-foreground));
}
.efp-app-root .efp-text-foreground {
		color: hsl(var(--efp-foreground));
}
.efp-app-root .efp-text-green-600 {
		--tw-text-opacity: 1;
		color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.efp-app-root .efp-text-green-800 {
		--tw-text-opacity: 1;
		color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.efp-app-root .efp-text-muted-foreground {
		color: hsl(var(--efp-muted-foreground));
}
.efp-app-root .efp-text-muted-foreground\/60 {
		color: hsl(var(--efp-muted-foreground) / 0.6);
}
.efp-app-root .efp-text-popover-foreground {
		color: hsl(var(--efp-popover-foreground));
}
.efp-app-root .efp-text-primary {
		color: hsl(var(--efp-primary));
}
.efp-app-root .efp-text-primary-foreground {
		color: hsl(var(--efp-primary-foreground));
}
.efp-app-root .efp-text-secondary-foreground {
		color: hsl(var(--efp-secondary-foreground));
}
.efp-app-root .efp-underline {
		text-decoration-line: underline;
}
.efp-app-root .efp-underline-offset-4 {
		text-underline-offset: 4px;
}
.efp-app-root .efp-opacity-0 {
		opacity: 0;
}
.efp-app-root .efp-opacity-50 {
		opacity: 0.5;
}
.efp-app-root .efp-shadow {
		--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.efp-app-root .efp-shadow-lg {
		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.efp-app-root .efp-shadow-md {
		--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
		--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.efp-app-root .efp-shadow-sm {
		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.efp-app-root .efp-outline-none {
		outline: 2px solid transparent;
		outline-offset: 2px;
}
.efp-app-root .efp-ring-0 {
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.efp-app-root .efp-ring-offset-background {
		--tw-ring-offset-color: hsl(var(--efp-background));
}
.efp-app-root .efp-transition-all {
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
}
.efp-app-root .efp-transition-colors {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
}
.efp-app-root .efp-transition-opacity {
		transition-property: opacity;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
}
.efp-app-root .efp-transition-transform {
		transition-property: transform;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
}
.efp-app-root .efp-duration-200 {
		transition-duration: 200ms;
}
@keyframes enter {

		from {
				opacity: var(--tw-enter-opacity, 1);
				transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
		}
}
@keyframes exit {

		to {
				opacity: var(--tw-exit-opacity, 1);
				transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
		}
}
.efp-app-root .efp-duration-200 {
		animation-duration: 200ms;
}
.efp-app-root .\[appearance\:textfield\] {
		-webkit-appearance: textfield;
		   -moz-appearance: textfield;
		        appearance: textfield;
}

/* Shadcn Theme Variables - scoped to .efp-app-root for reuse across pages */
.efp-app-root {
	/* Light theme colors */
	--efp-background: 0 0% 100%;
	--efp-foreground: 245 27% 7%;
	--efp-card: 0 0% 100%;
	--efp-card-foreground: 222.2 84% 4.9%;
	--efp-popover: 0 0% 100%;
	--efp-popover-foreground: 222.2 84% 4.9%;
	--efp-primary: 2 83% 59%;
	--efp-primary-foreground: 0 0% 100%;
	--efp-secondary: 0 0% 97%;
	--efp-secondary-foreground: 245 27% 7%;
	--efp-muted: 0 0% 97%;
	--efp-muted-foreground: 215.4 16.3% 46.9%;
	--efp-accent: 184 48% 63%;
	--efp-accent-foreground: 0 0% 100%;
	--efp-destructive: 2 83% 59%;
	--efp-destructive-foreground: 0 0% 100%;
	--efp-border: 214.3 31.8% 91.4%;
	--efp-input: 214.3 31.8% 91.4%;
	--efp-ring: 2 83% 59%;
	--efp-radius: 0.5rem;
}

/* Also apply theme vars to Radix portals (they render on document.body) */
[data-radix-popper-content-wrapper] {
	--efp-background: 0 0% 100%;
	--efp-foreground: 245 27% 7%;
	--efp-popover: 0 0% 100%;
	--efp-popover-foreground: 222.2 84% 4.9%;
	--efp-primary: 2 83% 59%;
	--efp-primary-foreground: 0 0% 100%;
	--efp-secondary: 0 0% 97%;
	--efp-secondary-foreground: 245 27% 7%;
	--efp-muted: 0 0% 97%;
	--efp-muted-foreground: 215.4 16.3% 46.9%;
	--efp-accent: 184 48% 63%;
	--efp-accent-foreground: 0 0% 100%;
	--efp-destructive: 2 83% 59%;
	--efp-destructive-foreground: 0 0% 100%;
	--efp-border: 214.3 31.8% 91.4%;
	--efp-input: 214.3 31.8% 91.4%;
	--efp-ring: 2 83% 59%;
	--efp-radius: 0.5rem;
}

/* Base layer adjustments */

/* Animation Demo Keyframes - Professional & Distinct */
@keyframes efp-demo-slide {
	0%, 30% { 
		max-height: 0; 
		opacity: 1;
	}
	70%, 100% { 
		max-height: 40px; 
		opacity: 1;
	}
}

@keyframes efp-demo-fade {
	0%, 30% { 
		max-height: 0; 
		opacity: 0; 
	}
	45% { 
		max-height: 20px; 
		opacity: 0.3; 
	}
	70%, 100% { 
		max-height: 40px; 
		opacity: 1; 
	}
}

@keyframes efp-demo-slide-fade {
	0%, 30% { 
		max-height: 0; 
		opacity: 0; 
	}
	50% { 
		max-height: 25px; 
		opacity: 0.5; 
	}
	70%, 100% { 
		max-height: 40px; 
		opacity: 1; 
	}
}

@keyframes efp-demo-collapse {
	0%, 30% { 
		max-height: 0; 
	}
	50% { 
		max-height: 48px; 
	}
	62% { 
		max-height: 36px; 
	}
	74% { 
		max-height: 42px; 
	}
	86% { 
		max-height: 39px; 
	}
	95%, 100% { 
		max-height: 40px; 
	}
}

@keyframes efp-demo-scale {
	0%, 30% { 
		max-height: 0; 
		transform: scaleY(0.7); 
		opacity: 0.7;
	}
	70%, 100% { 
		max-height: 40px; 
		transform: scaleY(1); 
		opacity: 1;
	}
}

.efp-animate-demo-slide,
.efp-animate-demo-fade,
.efp-animate-demo-slide-fade,
.efp-animate-demo-collapse,
.efp-animate-demo-scale {
	transform-origin: top;
	overflow: hidden;
	will-change: max-height, opacity, transform;
}

/* WordPress Admin CSS Reset - neutralize aggressive WP styles inside our app.
   Specificity: (0,1,1) using :where() for zero-specificity exclusions.
   This keeps specificity LOW so Tailwind utilities (0,2,0) always win.
   :where() has zero specificity, so :not(:where(...)) doesn't inflate specificity. */
.efp-app-root input[type="text"]:not(:where(.efp-preview-wrapper *)),
.efp-app-root input[type="number"]:not(:where(.efp-preview-wrapper *)),
.efp-app-root input[type="email"]:not(:where(.efp-preview-wrapper *)),
.efp-app-root input[type="url"]:not(:where(.efp-preview-wrapper *)),
.efp-app-root input[type="search"]:not(:where(.efp-preview-wrapper *)),
.efp-app-root input[type="password"]:not(:where(.efp-preview-wrapper *)),
.efp-app-root input[type="color"]:not(:where(.efp-preview-wrapper *)),
.efp-app-root select:not(:where(.efp-preview-wrapper *)),
.efp-app-root textarea:not(:where(.efp-preview-wrapper *)) {
	box-shadow: none;
	margin: 0;
	height: auto;
	min-height: 0;
	line-height: inherit;
	font-size: inherit;
	color: inherit;
}

.efp-app-root input:not(:where(.efp-preview-wrapper *)):focus,
.efp-app-root select:not(:where(.efp-preview-wrapper *)):focus,
.efp-app-root textarea:not(:where(.efp-preview-wrapper *)):focus,
.efp-app-root button:not(:where(.efp-preview-wrapper *, [data-radix-select-trigger], [data-radix-popover-trigger])):focus {
	box-shadow: none;
	outline: none;
	border-color: inherit;
}

.efp-app-root label:not(:where(.efp-preview-wrapper *)) {
	display: inline;
	font-weight: inherit;
	margin: 0;
}

.efp-app-root button:not(:where(.efp-preview-wrapper *, [data-radix-select-trigger], [data-radix-popover-trigger])) {
	background: none;
	border-width: 0;
	border-color: transparent;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

.efp-app-root a:not(:where(.efp-preview-wrapper *)) {
	text-decoration: none;
	color: inherit;
}

.efp-app-root h1:not(:where(.efp-preview-wrapper *)),
.efp-app-root h2:not(:where(.efp-preview-wrapper *)),
.efp-app-root h3:not(:where(.efp-preview-wrapper *)),
.efp-app-root h4:not(:where(.efp-preview-wrapper *)) {
	margin: 0;
	padding: 0;
}

/* Fix Lucide icon sizing in WP admin */
.efp-app-root svg {
	flex-shrink: 0;
}

/* Fix checkbox distortion from WP admin styles */
.efp-app-root button[role="checkbox"] {
	-moz-appearance: none;
	     appearance: none;
	-webkit-appearance: none;
	min-height: 0;
	min-width: 0;
	outline: none;
	box-shadow: none;
	line-height: 1;
}

.efp-app-root button[role="checkbox"]:focus {
	outline: none;
	box-shadow: none;
}

.efp-app-root .file\:efp-border-0::file-selector-button {
		border-width: 0px;
}

.efp-app-root .file\:efp-bg-transparent::file-selector-button {
		background-color: transparent;
}

.efp-app-root .file\:efp-text-sm::file-selector-button {
		font-size: 0.875rem;
		line-height: 1.25rem;
}

.efp-app-root .file\:efp-font-medium::file-selector-button {
		font-weight: 500;
}

.efp-app-root .placeholder\:efp-text-muted-foreground::-moz-placeholder {
		color: hsl(var(--efp-muted-foreground));
}

.efp-app-root .placeholder\:efp-text-muted-foreground::placeholder {
		color: hsl(var(--efp-muted-foreground));
}

.efp-app-root .hover\:efp-scale-110:hover {
		--tw-scale-x: 1.1;
		--tw-scale-y: 1.1;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.efp-app-root .hover\:efp-border-primary:hover {
		border-color: hsl(var(--efp-primary));
}

.efp-app-root .hover\:efp-border-primary\/50:hover {
		border-color: hsl(var(--efp-primary) / 0.5);
}

.efp-app-root .hover\:efp-bg-accent:hover {
		background-color: hsl(var(--efp-accent));
}

.efp-app-root .hover\:efp-bg-accent\/50:hover {
		background-color: hsl(var(--efp-accent) / 0.5);
}

.efp-app-root .hover\:efp-bg-amber-100:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.efp-app-root .hover\:efp-bg-destructive\/10:hover {
		background-color: hsl(var(--efp-destructive) / 0.1);
}

.efp-app-root .hover\:efp-bg-destructive\/80:hover {
		background-color: hsl(var(--efp-destructive) / 0.8);
}

.efp-app-root .hover\:efp-bg-destructive\/90:hover {
		background-color: hsl(var(--efp-destructive) / 0.9);
}

.efp-app-root .hover\:efp-bg-green-100:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.efp-app-root .hover\:efp-bg-muted\/50:hover {
		background-color: hsl(var(--efp-muted) / 0.5);
}

.efp-app-root .hover\:efp-bg-muted\/60:hover {
		background-color: hsl(var(--efp-muted) / 0.6);
}

.efp-app-root .hover\:efp-bg-primary:hover {
		background-color: hsl(var(--efp-primary));
}

.efp-app-root .hover\:efp-bg-primary\/80:hover {
		background-color: hsl(var(--efp-primary) / 0.8);
}

.efp-app-root .hover\:efp-bg-primary\/90:hover {
		background-color: hsl(var(--efp-primary) / 0.9);
}

.efp-app-root .hover\:efp-bg-secondary\/80:hover {
		background-color: hsl(var(--efp-secondary) / 0.8);
}

.efp-app-root .hover\:efp-text-accent-foreground:hover {
		color: hsl(var(--efp-accent-foreground));
}

.efp-app-root .hover\:efp-text-destructive:hover {
		color: hsl(var(--efp-destructive));
}

.efp-app-root .hover\:efp-text-foreground:hover {
		color: hsl(var(--efp-foreground));
}

.efp-app-root .hover\:efp-text-primary-foreground:hover {
		color: hsl(var(--efp-primary-foreground));
}

.efp-app-root .hover\:efp-underline:hover {
		text-decoration-line: underline;
}

.efp-app-root .hover\:efp-opacity-70:hover {
		opacity: 0.7;
}

.efp-app-root .hover\:efp-opacity-80:hover {
		opacity: 0.8;
}

.efp-app-root .hover\:efp-opacity-90:hover {
		opacity: 0.9;
}

.efp-app-root .focus\:efp-bg-accent:focus {
		background-color: hsl(var(--efp-accent));
}

.efp-app-root .focus\:efp-text-accent-foreground:focus {
		color: hsl(var(--efp-accent-foreground));
}

.efp-app-root .focus\:efp-outline-none:focus {
		outline: 2px solid transparent;
		outline-offset: 2px;
}

.efp-app-root .focus\:efp-ring-1:focus {
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.efp-app-root .focus\:efp-ring-2:focus {
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.efp-app-root .focus\:efp-ring-ring:focus {
		--tw-ring-color: hsl(var(--efp-ring));
}

.efp-app-root .focus\:efp-ring-offset-2:focus {
		--tw-ring-offset-width: 2px;
}

.efp-app-root .focus-visible\:efp-outline-none:focus-visible {
		outline: 2px solid transparent;
		outline-offset: 2px;
}

.efp-app-root .focus-visible\:efp-ring-2:focus-visible {
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.efp-app-root .focus-visible\:efp-ring-primary\/40:focus-visible {
		--tw-ring-color: hsl(var(--efp-primary) / 0.4);
}

.efp-app-root .focus-visible\:efp-ring-ring:focus-visible {
		--tw-ring-color: hsl(var(--efp-ring));
}

.efp-app-root .focus-visible\:efp-ring-offset-2:focus-visible {
		--tw-ring-offset-width: 2px;
}

.efp-app-root .focus-visible\:efp-ring-offset-background:focus-visible {
		--tw-ring-offset-color: hsl(var(--efp-background));
}

.efp-app-root .disabled\:efp-pointer-events-none:disabled {
		pointer-events: none;
}

.efp-app-root .disabled\:efp-cursor-not-allowed:disabled {
		cursor: not-allowed;
}

.efp-app-root .disabled\:efp-opacity-50:disabled {
		opacity: 0.5;
}

.efp-app-root :is(.efp-group:hover .group-hover\:efp-flex) {
		display: flex;
}

.efp-app-root :is(.efp-peer:disabled ~ .peer-disabled\:efp-cursor-not-allowed) {
		cursor: not-allowed;
}

.efp-app-root :is(.efp-peer:disabled ~ .peer-disabled\:efp-opacity-70) {
		opacity: 0.7;
}

.efp-app-root .data-\[disabled\]\:efp-pointer-events-none[data-disabled] {
		pointer-events: none;
}

.efp-app-root .data-\[side\=bottom\]\:efp-translate-y-1[data-side="bottom"] {
		--tw-translate-y: 0.25rem;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.efp-app-root .data-\[side\=left\]\:efp--translate-x-1[data-side="left"] {
		--tw-translate-x: -0.25rem;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.efp-app-root .data-\[side\=right\]\:efp-translate-x-1[data-side="right"] {
		--tw-translate-x: 0.25rem;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.efp-app-root .data-\[side\=top\]\:efp--translate-y-1[data-side="top"] {
		--tw-translate-y: -0.25rem;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.efp-app-root .data-\[state\=checked\]\:efp-translate-x-5[data-state="checked"] {
		--tw-translate-x: 1.25rem;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.efp-app-root .data-\[state\=unchecked\]\:efp-translate-x-0[data-state="unchecked"] {
		--tw-translate-x: 0px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.efp-app-root .data-\[state\=active\]\:efp-bg-background[data-state="active"] {
		background-color: hsl(var(--efp-background));
}

.efp-app-root .data-\[state\=checked\]\:efp-bg-primary[data-state="checked"] {
		background-color: hsl(var(--efp-primary));
}

.efp-app-root .data-\[state\=unchecked\]\:efp-bg-input[data-state="unchecked"] {
		background-color: hsl(var(--efp-input));
}

.efp-app-root .data-\[state\=active\]\:efp-text-foreground[data-state="active"] {
		color: hsl(var(--efp-foreground));
}

.efp-app-root .data-\[state\=checked\]\:efp-text-primary-foreground[data-state="checked"] {
		color: hsl(var(--efp-primary-foreground));
}

.efp-app-root .data-\[disabled\]\:efp-opacity-50[data-disabled] {
		opacity: 0.5;
}

.efp-app-root .data-\[state\=active\]\:efp-shadow-sm[data-state="active"] {
		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.efp-app-root .data-\[state\=open\]\:efp-animate-in[data-state="open"] {
		animation-name: enter;
		animation-duration: 150ms;
		--tw-enter-opacity: initial;
		--tw-enter-scale: initial;
		--tw-enter-rotate: initial;
		--tw-enter-translate-x: initial;
		--tw-enter-translate-y: initial;
}

.efp-app-root .data-\[state\=closed\]\:efp-animate-out[data-state="closed"] {
		animation-name: exit;
		animation-duration: 150ms;
		--tw-exit-opacity: initial;
		--tw-exit-scale: initial;
		--tw-exit-rotate: initial;
		--tw-exit-translate-x: initial;
		--tw-exit-translate-y: initial;
}

.efp-app-root .data-\[state\=closed\]\:efp-fade-out-0[data-state="closed"] {
		--tw-exit-opacity: 0;
}

.efp-app-root .data-\[state\=open\]\:efp-fade-in-0[data-state="open"] {
		--tw-enter-opacity: 0;
}

.efp-app-root .data-\[state\=closed\]\:efp-zoom-out-95[data-state="closed"] {
		--tw-exit-scale: .95;
}

.efp-app-root .data-\[state\=open\]\:efp-zoom-in-95[data-state="open"] {
		--tw-enter-scale: .95;
}

.efp-app-root .data-\[side\=bottom\]\:efp-slide-in-from-top-2[data-side="bottom"] {
		--tw-enter-translate-y: -0.5rem;
}

.efp-app-root .data-\[side\=left\]\:efp-slide-in-from-right-2[data-side="left"] {
		--tw-enter-translate-x: 0.5rem;
}

.efp-app-root .data-\[side\=right\]\:efp-slide-in-from-left-2[data-side="right"] {
		--tw-enter-translate-x: -0.5rem;
}

.efp-app-root .data-\[side\=top\]\:efp-slide-in-from-bottom-2[data-side="top"] {
		--tw-enter-translate-y: 0.5rem;
}

@media (min-width: 640px) {

		.efp-app-root .sm\:efp-grid-cols-2 {
				grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.efp-app-root .sm\:efp-grid-cols-4 {
				grid-template-columns: repeat(4, minmax(0, 1fr));
		}
}

@media (min-width: 768px) {

		.efp-app-root .md\:efp-block {
				display: block;
		}

		.efp-app-root .md\:efp-flex {
				display: flex;
		}

		.efp-app-root .md\:efp-grid-cols-2 {
				grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.efp-app-root .md\:efp-grid-cols-\[220px_1fr\] {
				grid-template-columns: 220px 1fr;
		}

		.efp-app-root .md\:efp-justify-end {
				justify-content: flex-end;
		}
}

@media (min-width: 1024px) {

		.efp-app-root .lg\:efp-grid-cols-\[1fr_300px\] {
				grid-template-columns: 1fr 300px;
		}

		.efp-app-root .lg\:efp-grid-cols-\[1fr_500px\] {
				grid-template-columns: 1fr 500px;
		}
}

@media (min-width: 1280px) {

		.efp-app-root .xl\:efp-grid-cols-4 {
				grid-template-columns: repeat(4, minmax(0, 1fr));
		}
}

.efp-app-root .\[\&\:\:-webkit-inner-spin-button\]\:efp-appearance-none::-webkit-inner-spin-button {
		-webkit-appearance: none;
		        appearance: none;
}

.efp-app-root .\[\&\:\:-webkit-outer-spin-button\]\:efp-appearance-none::-webkit-outer-spin-button {
		-webkit-appearance: none;
		        appearance: none;
}

.efp-app-root :is(.\[\&\>span\]\:efp-line-clamp-1>span) {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
}