body {
    font-family: 'Inter', sans-serif;
    background-color: #1c1319;
    color: #fff;
    margin: 0;
    padding: 0;
}

.author-dashboard {
    margin: 2rem auto;
    padding: 0 1rem;
    margin-top: 6rem;
}

.author-info {
    display: flex;
    align-items: center;
    background-color: #2a1f28;
    padding: 1rem 2rem;
    border-radius: 10px;
    margin-bottom: 2rem;
}

.author-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #a149f3;
    margin-right: 1.5rem;
}

.author-details h2 {
    margin: 0;
    font-size: 1.5rem;
    color: #a149f3;
}

.author-details p {
    margin: 0.3rem 0;
    color: #ccc;
}

.author-details .cta {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 6px 12px;
    background-color: #a149f3;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.2s ease;
}

.author-details .cta:hover {
    background-color: #8b38c2;
}

.author-posts h3 {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    color: #a149f3;
    font-size: 1.25rem;
}

/* Unified table styling */
.posts-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem; /* space between tables */
}

.posts-table th, .posts-table td {
    border: 1px solid #3a2a35;
    padding: 0.75rem 1rem; /* consistent padding */
    text-align: left;
    vertical-align: middle;
    font-size: 0.95rem;
}

.posts-table th {
    background-color: #2a1f28;
    color: #fff;
    font-weight: 600;
}

.posts-table td {
    background-color: #1c1319;
    color: #fff;
}

.posts-table tr:nth-child(even) td {
    background-color: #24171e;
}

/* Buttons in tables */
.posts-table button {
    background-color: #a149f3;
    color: #000;
    border: none;
    padding: 4px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.2s ease;
}

.posts-table button:hover {
    background-color: #8b38c2;
}

/* Optional: unify table widths */
.posts-table th:first-child, .posts-table td:first-child {
    width: 50%; /* first column wider for title */
}
.posts-table th:nth-child(2), .posts-table td:nth-child(2) {
    width: 25%; /* date column */
}
.posts-table th:nth-child(3), .posts-table td:nth-child(3) {
    width: 25%; /* actions/reason column */
}

/* Minimal overlay styling for clarity */
#post-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); justify-content:center; align-items:center; z-index:1000; }
#post-overlay .overlay-content { background:#fff; padding:20px; border-radius:8px; width:90%; max-width:700px; max-height:90%; overflow:auto; position:relative; }
#post-overlay .close-overlay, .close-overlay-btn { cursor:pointer; font-size:1.2em; position:absolute; right:10px; top:10px; }
.add-toggle.hidden { display:none; }
.post-edited { min-height:120px; border:1px solid #eee; padding:8px; border-radius:6px; }

/* ===== Overlay / Modal ===== */
#reviewed-post-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: start;
    padding: 2rem 0;
    z-index: 9999;
}

#reviewed-post-overlay .overlay-content {
    background: #111;
    width: 85%;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 8px;
    padding: 20px;
    position: relative;
}

#reviewed-post-overlay .close-overlay {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 28px;
    cursor: pointer;
    color: #fff;
}

#reviewed-post-overlay .post-title {
    color: #9a26a4;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

#reviewed-post-overlay .post-meta {
    color: #888;
    margin-bottom: 1rem;
}

#reviewed-post-overlay .post-image {
    max-width: 100%;
    max-height: 300px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 1rem;
}

#reviewed-post-overlay .post-content {
    color: #ccc;
    line-height: 1.6;
    white-space: pre-wrap;
}

#reviewed-post-overlay.hidden {
    display: none;
}

@media (max-width: 424px) {
.author-details h2 {
    font-size: 1rem;
}
}