body {
    background-color: #f8f9fa; /* A very light gray background */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.search-bar .form-control {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.search-bar .btn {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

#results table {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden; /* To apply border-radius to the table */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#results th, #results td {
    border: none; /* Remove default table borders */
}

#results thead {
    background-color: #e9ecef; /* Lighter background for the header */
}

#results tbody tr:hover {
    background-color: #f1f1f1; /* Subtle hover effect on rows */
}

/* Custom styles for the search button icon */
.btn-primary svg {
    vertical-align: middle;
}

.error {
    color: #dc3545;
    font-weight: bold;
    text-align: center;
}

div.email > span:nth-child(2) {
    display: none;
}

/* Add to your existing style.css */
#filterInput {
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}