.repsearch-no-results, .extend-content { max-width: 800px; margin: 20px auto; }
.extend-search-blurb { text-align: center; margin: 20px 0; padding: 20px; background: #f9f9f9; }

/* Improve overlay styling */
#extend-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    padding: 20px; /* Adds space so content isn't edge-to-edge on mobile */
    box-sizing: border-box;
}

.extend-content {
    background: white;
    padding: 30px;
    max-width: 700px;
    width: 90%;
	/*margin: 10% auto;*/
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

/* Style for "Thanks!" after suggesting */
.rep-thanks {
    color: #0b8b3d;
    font-weight: bold;
    font-size: 1.1em;
}

.rep-pending {
    color: #e67e22;
    font-weight: bold;
    font-style: italic;
}

/* Optional: Better spacing and borders for list items */
.repsearch-list {
    margin: 20px 0;
    padding: 0;
	/*list-style: none;*/
}

.rep-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fafafa;
}

.rep-item img {
    margin-right: 15px;
    flex-shrink: 0;
}

.rep-details h4,
.rep-details h3 {
    margin: 0 0 8px;
}

/* Make buttons consistent */
.suggest-rep-btn,
#extend-search-btn {
    background: #0073aa;
    color: white;
    border: none;
    padding: 8px 14px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.suggest-rep-btn:hover,
#extend-search-btn:hover {
    background: #005a87;
}