@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body { font-family: 'Inter', sans-serif; }

/* Print Styles */
@media print {
    @page {
        size: A4;
        margin: 0;
    }
    body {
        background: white;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .no-print { display: none !important; }
    .page-container {
        margin: 0 !important;
        box-shadow: none !important;
        page-break-after: always !important;
        min-height: 297mm !important;
        height: 297mm !important;
        width: 210mm !important;
        position: relative;
        overflow: hidden;
        padding: 15mm 20mm !important;
    }
    .break-after { page-break-after: always; }
}

/* Screen Preview Styles */
.page-preview {
    width: 210mm;
    min-height: 297mm;
    margin: 0 auto;
    background: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    padding: 15mm 20mm;
}

.drag-active {
    border-color: #2563eb !important;
    background-color: #eff6ff !important;
}

.drag-active-logo {
    border-color: #2563eb !important;
    background-color: #eff6ff !important;
}

.drag-active-config {
    border-color: #9333ea !important; /* Purple for config */
    background-color: #f3e8ff !important;
}

canvas#signature-pad { touch-action: none; }

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar { height: 8px; width: 8px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* AI Badge Animation */
@keyframes pulse-purple {
    0% { box-shadow: 0 0 0 0 rgba(168, 85, 247, 0.7); }
    70% { box-shadow: 0 0 0 6px rgba(168, 85, 247, 0); }
    100% { box-shadow: 0 0 0 0 rgba(168, 85, 247, 0); }
}
.ai-pulse {
    animation: pulse-purple 2s infinite;
}