/**
 * Digital Pro AI - Frontend Styles
 */

.dpai-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 8px;
}

.dpai-container.dpai-border {
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dpai-iframe {
    display: block;
    width: 100%;
    border: none;
    background: #030712;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dpai-container {
        border-radius: 0;
    }
    
    .dpai-iframe {
        min-height: 600px;
    }
}

/* Loading state */
.dpai-container.loading .dpai-iframe {
    opacity: 0;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .dpai-container.dpai-border {
        border-color: #333;
    }
}