/* ✅ for invoice items */
  .item-row-group {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0px;
                }


                /* widths for desktop */
                .sno {
                    max-width: 40px;
                }

                .code {
                    max-width: 80px;
                }

                .name {
                    flex: 1;
                }

                .qty {
                    max-width: 70px;
                    text-align: right;
                }

                .price {
                    max-width: 100px;
                    text-align: right;
                }

                .tax {
                    max-width: 100px;
                    text-align: right;
                }

                .total {
                    max-width: 100px;
                    text-align: right;
                }

                .item-row-group .input-group-text {
                    flex: 0 0 auto;

                    justify-content: center;
                }

                /* 📱 Small screens: stack items */
                @media (max-width: 768px) {

                    .item-row-group .form-control,
                    .item-row-group .input-group-text {
                        flex: 1 1 100%;
                        max-width: 100%;
                        gap: 3px;
                        margin-bottom: 6px;
                    }
                }
 /* ✅ for invoice items */