/* dashboard layout */
.dash-grid { display:grid; grid-template-columns:360px 1fr; gap:16px; }
@media (max-width:980px){ .dash-grid { grid-template-columns:1fr; } }

.card-large { padding:18px; }

.profile-top { display:flex; gap:12px; align-items:center; }
.profile-top h2 { margin-bottom:4px; }

.profile-stats { display:flex; gap:12px; margin-top:14px; }
.profile-stats div { background:var(--glass); padding:8px; border-radius:8px; text-align:center; min-width:80px; }
.profile-stats strong { display:block; font-size:1.2rem; color:var(--accent); margin-bottom:4px; }
.profile-stats .muted { font-size:0.85rem; }

.profile-details { display:flex; flex-direction:column; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid rgba(2,6,23,0.06); }
.detail-item { display:flex; justify-content:space-between; font-size:0.95rem; align-items:center; }
.detail-item .label { color:var(--muted); font-weight:600; }

.profile-header { flex:1; }
.verified-badge { display:flex; align-items:center; gap:4px; }
.badge-verified { display:inline-block; width:16px; height:16px; border-radius:50%; background:linear-gradient(135deg,#4CAF50,#45a049); color:white; text-align:center; line-height:16px; font-size:11px; font-weight:700; }

/* auctions small list */
.auction-small { display:flex; gap:12px; align-items:center; padding:10px; border-radius:8px; background:linear-gradient(90deg,rgba(2,6,23,0.02),rgba(2,6,23,0.01)); cursor:pointer; transition:all 0.2s ease; }
.auction-small:hover { background:var(--glass); transform:translateX(2px); }

.auction-small .thumb-mini { width:72px; height:56px; border-radius:8px; background:linear-gradient(135deg,#f4f7fb,#eef6ff); display:flex; align-items:center; justify-content:center; color:var(--muted); font-weight:700; font-size:1.8rem; flex-shrink:0; }

.auction-small-info { flex:1; }
.auction-small-info .title { font-weight:600; margin-bottom:2px; font-size:0.95rem; }
.auction-small-info .muted { font-size:0.85rem; }
.auction-small-info .price-mini { font-size:0.9rem; color:var(--accent); font-weight:600; margin-top:2px; }

/* Notifications List */
.notifications-list li { padding:10px; border-radius:6px; background:var(--glass); margin-bottom:8px; display:flex; justify-content:space-between; align-items:center; transition:background 0.2s ease; }
.notifications-list li.unread { background:rgba(0,100,210,0.08); border-left:3px solid var(--accent); padding-left:7px; }
.notifications-list li .time { font-size:0.85rem; color:var(--muted); }

.notification-item.bid::before { content:"🔔 "; margin-right:4px; }
.notification-item.payment::before { content:"💳 "; margin-right:4px; }
.notification-item.follow::before { content:"👥 "; margin-right:4px; }
.notification-item.auction::before { content:"🔨 "; margin-right:4px; }
.notification-item.update::before { content:"⚡ "; margin-right:4px; }

/* Reputation List */
.reputation-list { display:flex; flex-direction:column; gap:10px; }
.reputation-item { padding:10px; background:var(--glass); border-radius:6px; display:flex; gap:12px; align-items:flex-start; }
.rep-rating { font-size:0.9rem; white-space:nowrap; }
.rep-info { flex:1; font-size:0.95rem; }
.rep-info div:first-child { font-weight:600; color:var(--text); margin-bottom:2px; }

/* Activity List */
.activity-list { display:flex; flex-direction:column; gap:8px; }
.activity-item { padding:8px; border-left:3px solid var(--accent); padding-left:12px; font-size:0.95rem; background:var(--glass); border-radius:4px; }

/* Stats Overview */
.stats-overview { grid-column:span 2; }
@media (max-width:980px) {
  .stats-overview { grid-column:span 1; }
}

.stats-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.stat-mini { background:var(--glass); padding:12px; border-radius:8px; text-align:center; }
.stat-mini .label { display:block; font-size:0.9rem; color:var(--muted); margin-bottom:6px; }
.stat-mini .value { display:block; font-size:1.5rem; font-weight:700; color:var(--accent); }

/* Following Section */
.following, .notifications, .reputation, .activity { min-height:200px; }
.following h4, .notifications h4, .reputation h4, .activity h4 { margin-bottom:12px; font-size:1rem; font-weight:700; }

.following ul { max-height:300px; overflow-y:auto; }
.notifications ul { max-height:300px; overflow-y:auto; }
.reputation ul { max-height:300px; overflow-y:auto; }
.activity ul { max-height:200px; overflow-y:auto; }

/* User Indicator */
.user-indicator { display:flex; align-items:center; gap:8px; padding:6px 10px; background:var(--glass); border-radius:8px; font-size:0.95rem; border:1px solid rgba(2,6,23,0.06); }
.user-indicator .username { font-weight:600; }
.user-indicator .badge { display:inline-block; width:16px; height:16px; border-radius:50%; background:#4CAF50; color:white; font-size:10px; line-height:16px; text-align:center; font-weight:700; }

/* Admin Nav Link */
.admin-nav-link { 
  display: inline-flex; 
  align-items: center; 
  gap: 6px; 
  padding: 8px 14px; 
  background: var(--accent); 
  color: #fff !important; 
  border-radius: 8px; 
  font-weight: 600; 
  font-size: 0.9rem; 
  text-decoration: none; 
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 100, 210, 0.2);
}
.admin-nav-link:hover { 
  background: var(--accent-dark, #0056b3); 
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 100, 210, 0.3);
}

/* Empty State */
.empty-state { text-align:center; color:var(--muted); padding:20px; background:var(--glass); border-radius:6px; font-size:0.95rem; }

/* Responsive */
@media (max-width:640px) {
  .dash-grid { grid-template-columns:1fr; }
  .stats-row { grid-template-columns:repeat(2,1fr); }
  .profile-stats div { min-width:70px; padding:6px; }
  .stats-overview { grid-column:span 1; }
}