:root {
    --trufind-red: #E53935;
    --trufind-blue: #1E88E5;
    --trufind-pink: #D81B60;
    --trufind-dark: #212121;
    --trufind-light: #FAFAFA;
    --trufind-grey: #BDBDBD;
    --trufind-white: #FFFFFF;
}
#trufind-admin-wrapper, #trufind-public-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: var(--trufind-dark);
    max-width: 900px;
    margin: 20px auto;
    padding: 15px;
    background: var(--trufind-light);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.trufind-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.trufind-tab-button {
    padding: 10px 15px; border: 1px solid var(--trufind-grey); background: var(--trufind-white); cursor: pointer;
    border-radius: 5px; font-weight: bold; transition: all 0.3s ease;
}
.trufind-tab-button.active { background: var(--trufind-blue); color: var(--trufind-white); border-color: var(--trufind-blue); }
.trufind-tab-content { display: none; }
.trufind-tab-content.active { display: block; }
.trufind-search-box { position: relative; margin-bottom: 20px; }
.trufind-search-box input[type="text"] {
    width: 100%; padding: 12px 12px 12px 40px; border: 1px solid var(--trufind-grey);
    border-radius: 5px; font-size: 16px; box-sizing: border-box;
}
.trufind-search-box .tf-icon-search::before {
    content: '🔍'; position: absolute; left: 12px; top: 50%;
    transform: translateY(-50%); color: var(--trufind-grey);
}
.trufind-results-container { display: grid; grid-template-columns: 1fr; gap: 15px; }
.trufind-card { background: var(--trufind-white); border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; overflow: hidden; }
.trufind-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.trufind-p-image { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; border: 2px solid var(--trufind-pink); }
.trufind-card-name { font-size: 1.4em; font-weight: bold; color: var(--trufind-dark); }
.trufind-card-body p { margin: 8px 0; line-height: 1.6; }
.trufind-card-actions { margin-top: 15px; display: flex; flex-wrap: wrap; gap: 10px; }
.trufind-card-actions button, .download-image-btn {
    padding: 8px 12px; border: none; border-radius: 4px; color: white; cursor: pointer; text-decoration: none; display: inline-block;
}
.approve-btn { background-color: #4CAF50; }
.edit-btn { background-color: var(--trufind-blue); }
.delete-btn { background-color: var(--trufind-red); }
.spam-report-btn { background-color: var(--trufind-red); color: white; border: none; padding: 5px 10px; margin-left: 10px; border-radius: 4px; cursor: pointer; }
.download-image-btn { background-color: #008CBA; }
form input[type="text"], form input[type="email"], form textarea {
    width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid var(--trufind-grey); border-radius: 4px; box-sizing: border-box;
}
.trufind-submit-button {
    background-color: var(--trufind-pink); color: white; padding: 12px 20px;
    border: none; border-radius: 5px; cursor: pointer; font-size: 16px; width: 100%;
}
.tf-icon-call::before { content: '📞'; margin-left: 8px; cursor: pointer; }
.tf-icon-copy { margin-left: 8px; cursor: pointer; background: #eee; padding: 2px 5px; border-radius: 3px; font-size: 12px; }
.tf-icon-copy::before { content: '📋'; }
.trufind-modal {
    display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%;
    overflow: auto; background-color: rgba(0,0,0,0.6);
}
.trufind-modal-content {
    background-color: #fefefe; margin: 10% auto; padding: 20px; border: 1px solid #888;
    width: 80%; max-width: 500px; border-radius: 8px; position: relative;
}
.trufind-modal-close {
    color: #aaa; float: right; font-size: 28px; font-weight: bold;
    position: absolute; top: 10px; right: 20px; cursor: pointer;
}
.trufind-load-more-btn {
    display: block; margin: 20px auto; padding: 10px 25px; background-color: var(--trufind-blue);
    color: white; border: none; border-radius: 5px; cursor: pointer;
}
@media (min-width: 600px) { .trufind-results-container { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .trufind-results-container { grid-template-columns: repeat(3, 1fr); } }