.btn-group .btn{
    font-weight:700;
    border-radius:10px !important;
}
body { 
    background:#f8f9fa;
    font-family: "Noto Sans Gujarati", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.card { border-radius:12px; }
.list-group-item {
    border: none;
    padding: 12px 15px;
    font-size: 15px;
}

.list-group-item:hover {
    background-color: #f0f8f4;
    color: #0f5132;
    font-weight: 600;
}
/* ===== GLOBAL RESPONSIVE FIX ===== */

body {
    overflow-x: hidden;
}

/* Tables responsive */
.table {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

/* Cards spacing on mobile */
.card {
    margin-bottom: 15px;
}

/* Buttons full width on mobile */
@media (max-width: 767px) {
    .btn {
        width: 100%;
        margin-bottom: 8px;
    }
}
@media (max-width: 767px) {
    h3, h4 {
        font-size: 1.2rem;
    }
}
/* ================= MOBILE TABLE FIX ================= */

/* Wrap tables safely */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Prevent table squishing */
.table {
    min-width: 700px;
}

/* Improve readability */
.table th,
.table td {
    white-space: nowrap;
    vertical-align: middle;
}

/* Mobile-specific tuning */
@media (max-width: 767px) {

    .table {
        font-size: 14px;
    }

    .table th,
    .table td {
        padding: 8px 10px;
    }

    /* Buttons inside tables */
    .table .btn {
        width: 100%;
        margin-bottom: 4px;
    }
}
/* ================= MOBILE ADMIN MENU ================= 
.mobile-admin-menu {
    padding: 15px;
}

.mobile-menu-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.menu-tile {
    background: #ffffff;
    border-radius: 14px;
    padding: 18px 10px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 13px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    transition: transform 0.15s ease;
}

.menu-tile span {
    display: block;
    margin-top: 6px;
    font-weight: 600;
}

.menu-tile:hover {
    transform: scale(1.04);
    background: #f5f5f5;
}

/* Bigger icons */
/* 
.menu-tile {
    font-size: 22px;
}
.mobile-menu-tile {
    display: block;
    background: #ffffff;
    border-radius: 14px;
    padding: 16px 8px;
    text-decoration: none;
    color: #333;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all 0.15s ease;
}

.mobile-menu-icon {
    font-size: 26px;
    line-height: 1;
}

.mobile-menu-text {
    font-size: 12px;
    margin-top: 6px;
    font-weight: 600;
}

.mobile-menu-tile:active {
    transform: scale(0.95);
}
*/