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

html, body {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

img { max-width: 100%; }

.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

body {
    font-family: 'Hind Siliguri', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #f8fafc;
    color: #1e293b;
}

.brand-green {
    background-color: #047857;
}

.brand-green-gradient {
    background: linear-gradient(135deg, #047857 0%, #059669 50%, #10b981 100%);
}

.card-hover {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (hover: hover) {
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px -6px rgba(0, 0, 0, 0.09), 0 6px 12px -4px rgba(0, 0, 0, 0.04);
}
}

@media print {
    body * { visibility: hidden; }
    #invoice-area, #invoice-area * { visibility: visible; }
    #invoice-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background: white;
    }
    .no-print { display: none !important; }
}