/* استایل برای دسکتاپ */
.table-responsive {
    overflow-x: auto;
}

#resultTable {
    width: 100%;
    border-collapse: collapse;
}

    #resultTable thead th, #resultTable tbody td {
        border: 1px solid #ddd;
        padding: 8px;
    }

    #resultTable th {
        background-color: #f4f4f4;
    }

/* استایل برای موبایل */
@media (max-width: 768px) {
    #resultTable {
        border: 0;
    }

        #resultTable thead {
            display: none;
        }

        #resultTable tbody tr {
            margin-bottom: 10px;
            display: block;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 10px;
            background-color: #f9f9f9;
        }

        #resultTable tbody td {
            display: block;
            text-align: right;
            font-size: 14px;
            padding-left: 0;
            border: none;
            position: relative;
            padding: 5px 0;
        }

            #resultTable tbody td::before {
                content: attr(data-label);
                font-weight: bold;
                display: block;
                text-align: left;
            }

            #resultTable tbody td:last-child {
                text-align: center;
                margin-top: 10px;
            }
}