/* ===== EMBED-SPECIFIC STYLES ===== */

/* Scope all Tailwind-like utility classes to embed container */
.embed-container .w-full { width: 100%; }
.embed-container .h-full { height: 100%; }
.embed-container .p-4 { padding: 1rem; }
.embed-container .p-6 { padding: 1.5rem; }
.embed-container .px-4 { padding-left: 1rem; padding-right: 1rem; }
.embed-container .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.embed-container .mb-4 { margin-bottom: 1rem; }
.embed-container .mb-6 { margin-bottom: 1.5rem; }
.embed-container .mb-12 { margin-bottom: 3rem; }
.embed-container .mt-2 { margin-top: 0.5rem; }
.embed-container .mt-3 { margin-top: 0.75rem; }
.embed-container .mt-8 { margin-top: 2rem; }
.embed-container .rounded-lg { border-radius: 0.5rem; }
.embed-container .rounded-2xl { border-radius: 1rem; }
.embed-container .text-center { text-align: center; }
.embed-container .font-bold { font-weight: 700; }
.embed-container .font-semibold { font-weight: 600; }
.embed-container .font-extrabold { font-weight: 800; }
.embed-container .font-medium { font-weight: 500; }
.embed-container .text-xl { font-size: 1.25rem; }
.embed-container .text-2xl { font-size: 1.5rem; }
.embed-container .text-3xl { font-size: 1.875rem; }
.embed-container .text-4xl { font-size: 2.25rem; }
.embed-container .text-5xl { font-size: 3rem; }
.embed-container .text-sm { font-size: 0.875rem; }
.embed-container .text-base { font-size: 1rem; }
.embed-container .text-lg { font-size: 1.125rem; }
.embed-container .text-xs { font-size: 0.75rem; }
.embed-container .space-y-4 > * + * { margin-top: 1rem; }
.embed-container .space-y-6 > * + * { margin-top: 1.5rem; }
.embed-container .space-y-1 > * + * { margin-top: 0.25rem; }
.embed-container .space-y-2 > * + * { margin-top: 0.5rem; }
.embed-container .space-x-2 > * + * { margin-left: 0.5rem; }
.embed-container .space-x-3 > * + * { margin-left: 0.75rem; }
.embed-container .space-x-6 > * + * { margin-left: 1.5rem; }
.embed-container .grid { display: grid; }
.embed-container .lg\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.embed-container .gap-8 { gap: 2rem; }
.embed-container .items-center { align-items: center; }
.embed-container .justify-center { justify-content: center; }
.embed-container .justify-between { justify-content: space-between; }
.embed-container .flex { display: flex; }
.embed-container .flex-col { flex-direction: column; }
.embed-container .min-h-screen { min-height: 100vh; }
.embed-container .container { 
    width: 100%; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 1rem; 
    padding-right: 1rem; 
}
.embed-container .mx-auto { margin-left: auto; margin-right: auto; }
.embed-container .max-w-md { max-width: 28rem; }
.embed-container .max-w-5xl { max-width: 64rem; }
.embed-container .max-w-7xl { max-width: 80rem; }
.embed-container .inline-flex { display: inline-flex; }
.embed-container .hidden { display: none; }
.embed-container .block { display: block; }
.embed-container .cursor-pointer { cursor: pointer; }
.embed-container .cursor-not-allowed { cursor: not-allowed; }
.embed-container .transition { transition: all 0.3s ease; }
.embed-container .transition-all { transition: all 0.2s ease; }
.embed-container .duration-200 { transition-duration: 0.2s; }
.embed-container .duration-300 { transition-duration: 0.3s; }
.embed-container .hover\\:opacity-90:hover { opacity: 0.9; }
.embed-container .hover\\:text-white:hover { color: white; }
.embed-container .focus\\:outline-none:focus { outline: none; }
.embed-container .focus\\:ring-2:focus { box-shadow: 0 0 0 2px var(--chart-color-1); }
.embed-container .focus\\:ring-blue-500:focus { box-shadow: 0 0 0 2px #3b82f6; }
.embed-container .border-2 { border-width: 2px; }
.embed-container .border-t { border-top-width: 1px; }
.embed-container .border-gray-700 { border-color: #374151; }
.embed-container .rounded-full { border-radius: 9999px; }
.embed-container .rounded-lg { border-radius: 0.5rem; }
.embed-container .rounded-2xl { border-radius: 1rem; }
.embed-container .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.embed-container .px-4 { padding-left: 1rem; padding-right: 1rem; }
.embed-container .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.embed-container .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.embed-container .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.embed-container .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.embed-container .pt-2 { padding-top: 0.5rem; }
.embed-container .pt-3 { padding-top: 0.75rem; }
.embed-container .pt-4 { padding-top: 1rem; }
.embed-container .pl-8 { padding-left: 2rem; }
.embed-container .ml-4 { margin-left: 1rem; }
.embed-container .mb-2 { margin-bottom: 0.5rem; }
.embed-container .mb-3 { margin-bottom: 0.75rem; }
.embed-container .mb-4 { margin-bottom: 1rem; }
.embed-container .mb-6 { margin-bottom: 1.5rem; }
.embed-container .mb-12 { margin-bottom: 3rem; }
.embed-container .mt-2 { margin-top: 0.5rem; }
.embed-container .mt-3 { margin-top: 0.75rem; }
.embed-container .mt-4 { margin-top: 1rem; }
.embed-container .mt-8 { margin-top: 2rem; }
.embed-container .tracking-tight { letter-spacing: -0.025em; }
.embed-container .leading-none { line-height: 1; }
.embed-container .list-disc { list-style-type: disc; }
.embed-container .list-inside { list-style-position: inside; }
.embed-container .italic { font-style: italic; }
.embed-container .text-3xl { font-size: 1.875rem; }
.embed-container .text-4xl { font-size: 2.25rem; }
.embed-container .text-5xl { font-size: 3rem; }
.embed-container .h-5 { height: 1.25rem; }
.embed-container .h-64 { height: 16rem; }
.embed-container .w-5 { width: 1.25rem; }
.embed-container .w-full { width: 100%; }
.embed-container .h-full { height: 100%; }

/* Responsive utilities */
@media (min-width: 768px) {
    .embed-container .md\\:p-8 { padding: 2rem; }
    .embed-container .md\\:text-5xl { font-size: 3rem; }
}

@media (min-width: 1024px) {
    .embed-container .lg\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
