/* ============================================================
   Invoice Template System - Render-Based Templates
   ============================================================
   Templates are now JavaScript render functions that produce
   complete HTML. This file contains styles for the rendered
   output elements.
   ============================================================ */

/* Modern template specific styles for rendered output */
#invoicePreview {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Ensure inline images scale properly */
#invoicePreview img {
    max-width: 100%;
    height: auto;
}

/* Print-friendly styles */
@media print {
    #invoicePreview {
        background: white !important;
        box-shadow: none !important;
        border: none !important;
    }
}

/* Rounded container styling for better presentation */
#invoicePreview .rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

#invoicePreview .rounded-xl {
    border-radius: 0.75rem;
}

#invoicePreview .rounded-full {
    border-radius: 9999px;
}

/* Shadow utilities */
#invoicePreview .shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}