/*
|---------------------------------------------------------------
| COMPONENTS — reusable UI component styles
|---------------------------------------------------------------
| Extracted from inline <style> blocks so a single definition is
| shared across views. Add further reusable components here.
*/

/* ── Post / Log cards (dashboard, posts index, recent activity) ── */
.post-cards { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.post-card {
    background: rgba(14,14,28,0.95);
    border: 1px solid rgba(168,85,247,0.2);
    border-left: 3px solid #6b21a8;
    border-radius: 4px;
    padding: 14px 16px;
    position: relative;
    transition: border-color 0.2s;
}
.post-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, #6b21a8, transparent);
}
.post-card:hover { border-color: rgba(168,85,247,0.5); }
.post-card-top {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    align-items: baseline;
    margin-bottom: 6px;
}
.post-card-title {
    font-family: 'Cinzel', serif;
    font-size: 1.05rem;
    font-weight: 700;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.post-card-title a { color: #f0f0ff !important; text-decoration: none; }
.post-card-title a:hover { color: #c084fc !important; text-shadow: 0 0 8px rgba(168,85,247,0.4); }
.post-card-irl-date,
.post-card-irl-time {
    font-size: 0.78rem;
    color: #888;
    letter-spacing: 0.08em;
    white-space: nowrap;
    font-family: 'Rajdhani', sans-serif;
}
.post-card-irl-date { font-weight: 600; color: #c084fc; }
.post-card-meta { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin-top: 6px; padding-top: 6px; border-top: 1px solid rgba(168,85,247,0.1); }
.post-card-authors { font-size: 0.85rem; color: #a855f7; }
.post-card-mission-name { font-size: 0.78rem; color: #6b21a8; letter-spacing: 0.06em; text-align: center; font-weight: 600; }
.post-card-mission-name a { color: #6b21a8 !important; text-decoration: none; }
.post-card-mission-name a:hover { color: #a855f7 !important; }
.post-card-mission-day { font-size: 0.78rem; color: #a855f7; font-weight: 600; text-align: right; }