/* Novadyne AI - Custom overrides */

/* Brand name */
.brand-name {
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    letter-spacing: 0.18em;
}

/* Agent badges */
.agent-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 9999px;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1;
    padding-bottom: 1px;
    color: white;
    flex-shrink: 0;
}

/* Auto-expanding textarea */
.auto-expand {
    field-sizing: content;
    min-height: 2.5rem;
    max-height: 12rem;
}

/* Markdown content styling */
.markdown-content h1,
.markdown-content h2,
.markdown-content h3 {
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.markdown-content h1 { font-size: 1.5em; }
.markdown-content h2 { font-size: 1.25em; }
.markdown-content h3 { font-size: 1.1em; }

.markdown-content p {
    margin-bottom: 0.75em;
    line-height: 1.7;
}

.markdown-content ul,
.markdown-content ol {
    margin-left: 1.5em;
    margin-bottom: 0.75em;
}
.markdown-content ul { list-style-type: disc; }
.markdown-content ol { list-style-type: decimal; }
.markdown-content li { margin-bottom: 0.25em; }

.markdown-content code {
    background: oklch(var(--b3));
    padding: 0.1em 0.4em;
    border-radius: 0.25em;
    font-size: 0.9em;
}

.markdown-content pre {
    background: oklch(var(--b3));
    padding: 1em;
    border-radius: 0.5em;
    overflow-x: auto;
    margin-bottom: 0.75em;
}

.markdown-content pre code {
    background: none;
    padding: 0;
}

.markdown-content strong { font-weight: 700; }
.markdown-content em { font-style: italic; }

.markdown-content blockquote {
    border-left: 3px solid oklch(var(--p));
    padding-left: 1em;
    margin-left: 0;
    margin-bottom: 0.75em;
    opacity: 0.85;
}

.markdown-content {
    overflow-x: auto;
}
.markdown-content table {
    margin-bottom: 0.75em;
}


/* Scrollbar styling */
.scrollbar-thin::-webkit-scrollbar {
    width: 6px;
}
.scrollbar-thin::-webkit-scrollbar-track {
    background: transparent;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
    background: oklch(var(--bc) / 0.2);
    border-radius: 3px;
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: oklch(var(--bc) / 0.3);
}

/* Print — show only the artifact panel */
@media print {
    body * { visibility: hidden; }
    aside, aside * { visibility: visible; }
    aside {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        border: none;
    }
}

/* Demo scene animations */
.demo-scene .demo-message {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.demo-scene.in-view .demo-message:nth-child(1) { opacity: 1; transform: translateY(0); transition-delay: 0.1s; }
.demo-scene.in-view .demo-message:nth-child(2) { opacity: 1; transform: translateY(0); transition-delay: 0.5s; }
.demo-scene.in-view .demo-message:nth-child(3) { opacity: 1; transform: translateY(0); transition-delay: 0.9s; }

.demo-scene .demo-artifact {
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.demo-scene.in-view .demo-artifact {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.9s;
}