/* Basic styles - adjust to match your theme */
.ogbonge-dashboard { max-width: 980px; margin: 20px auto; font-family: Arial, sans-serif; }
.og-cover { background: linear-gradient(180deg,#e9dfff,#e6f0ff); padding: 18px; border-radius: 8px; position:relative; display:flex; align-items:center; justify-content:space-between; background-size:cover; background-position:center; min-height:150px; }
.og-cover-left { display:flex; align-items:center; gap:12px; }
.og-avatar { width:92px; height:92px; border-radius:50%; background-size:cover; background-position:center; border:6px solid white; box-shadow:0 6px 18px rgba(0,0,0,.08); display:flex; align-items:center; justify-content:center; font-size:32px; color:white; background-color:#7a3ef0; }
.og-avatar-letter { font-weight:700; }
.og-user-name { font-weight:700; font-size:18px; color:#333; }
.og-cover-actions { display:flex; gap:8px; align-items:center; }
.og-tabs { margin-top:14px; display:flex; gap:8px; }
.og-tab { padding:8px 16px; border-radius:6px; border:14px solid #470f57; background:#470f57; cursor:pointer; }
.og-tab.active { background:#5f2ce6; color:#fff; border-color:#5f2ce6; }
.og-panel { background:#fff; padding:18px; margin-top:14px; border-radius:8px; box-shadow:0 6px 18px rgba(0,0,0,.04); display:none; }
.og-panel.active { display:block; }
.og-panel h3 { margin-top:0; color:#5f2ce6; }
.og-panel label { display:block; margin:12px 0 6px; font-weight:600; font-size:13px; }
.og-panel input[type="text"], .og-panel textarea, .og-panel select { width:100%; padding:8px 10px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; }
.og-flex { display:flex; gap:12px; }
.og-side { flex:1; }
.og-cover-actions .og-btn {
  padding: 8px 14px;
  border-radius: 6px;
  border: 0;
  background: #3d0a4f;
  color: #d9b3ff;
  cursor: pointer;
}
.og-btn.primary { background:#6b3df0; color:#fff; }
.og-btn.small { padding:6px 10px; font-size:13px; }
.og-form-actions { margin-top:12px; display:flex; gap:8px; }
.og-posts-table { width:100%; border-collapse:collapse; margin-top:10px; }
.og-posts-table th, .og-posts-table td { text-align:left; padding:8px; border-bottom:1px solid #eee; }
.og-btn.danger { background:#ff4d4d; color:#fff; }
.og-no-posts { color:#666; padding:12px; }




@media (max-width: 768px) {
  .ogbonge-dashboard .og-cover-actions button.og-btn {
    background: #3d0a4f;
    color: #d9b3ff;
  }
}



@media (max-width: 768px) {

  /* Make buttons smaller on mobile */
  .ogbonge-dashboard .og-btn {
    padding: 5px 8px;
    font-size: 12px;
  }

  /* Stack profile image and username vertically */
  .og-cover-left {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* Add spacing so name sits nicely below image */
  .og-user-name {
    margin-top: 6px;
  }

}



@media (max-width: 768px) {
  .og-cover {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}