/* ===========================
   تنسيق عصري للجرد GridView1 فقط
   =========================== */

.gvGrid {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: "Cairo", "Segoe UI", Tahoma, sans-serif;
    border-radius: 12px;
    overflow: hidden;
    background: transparent;
    box-shadow: 0 8px 30px rgba(35,31,95,0.05);
    border: 1px solid rgba(75,43,141,0.06);
}

    /* رأس الجدول */
    .gvGrid th {
        padding: 12px 14px;
        font-weight: 800;
        font-size: 17px;
        color: #4b2b8d;
        text-align: center;
        background: linear-gradient(180deg, rgba(92,62,171,0.07), rgba(120,92,194,0.03));
        border-bottom: 1px solid rgba(75,43,141,0.06);
    }

    /* خلايا الجدول */
    .gvGrid td {
        padding: 10px 12px;
        vertical-align: middle;
        font-size: 16px;
        color: #333;
        border-right: 1px solid rgba(75,43,141,0.02);
    }

        /* عمود الرقم */
        .gvGrid td:first-child {
            text-align: center;
            color: #666;
            font-weight: 700;
            width: 48px;
        }

        /* الحقول أثناء التحرير */
        .gvGrid td input[type="text"],
        .gvGrid td input[type="number"] {
            width: 100%;
            padding: 10px 12px;
            border-radius: 8px;
            border: 1px solid rgba(60,50,120,0.07);
            background: #fff;
            transition: box-shadow .12s ease, transform .06s ease;
            font-size: 14px;
        }

        .gvGrid td input:focus {
            outline: none;
            border-color: rgba(94,71,201,0.45);
            box-shadow: 0 10px 26px rgba(94,71,201,0.06);
        }

        /* الأزرار داخل الجريد */
        .gvGrid td a,
        .gvGrid td input[type="button"],
        .gvGrid td input[type="submit"],
        .gvGrid td button {
            display: inline-block;
            padding: 10px 12px;
            min-width: 70px;
            border-radius: 10px;
            font-weight: 700;
            font-size: 14px;
            color: #fff;
            text-decoration: none;
            text-align: center;
            margin: 2px 4px;
            transition: transform .12s ease, box-shadow .14s ease, opacity .12s ease;
            box-shadow: 0 6px 18px rgba(45,36,120,0.10);
            border: none;
            cursor: pointer;
        }

            /* زر تعديل */
            .gvGrid td a:nth-of-type(1) {
                background: linear-gradient(180deg, #6b4fe0, #3e2aa0);
            }

            /* زر حذف */
            .gvGrid td a:nth-of-type(2) {
                background: linear-gradient(180deg, #ef5360, #d32f3a);
            }

            /* تأثير hover */
            .gvGrid td a:hover {
                transform: translateY(-2px);
                box-shadow: 0 10px 22px rgba(45,36,120,0.15);
            }

    /* صف الفوتر */
    .gvGrid tfoot td {
        background: rgba(240,238,252,0.6);
        font-weight: bold;
        color: #4b2b8d;
    }

/* استجابة الشاشات الصغيرة */
@media (max-width: 900px) {
    .gvGrid {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

        .gvGrid td input[type="text"] {
            min-width: 120px;
        }
}