/* ============================================================
   Agent X7 Dashboard Styles
   ============================================================ */

.x7-topbar-brand { font-size: 1.1rem; font-weight: 800; letter-spacing: 0.08em; }

/* Hero status bar */
.x7-status-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}
.x7-status-item {
  flex: 1 1 180px;
  background: rgba(0,15,25,0.9);
  border: 1px solid rgba(0,255,178,0.2);
  border-radius: 8px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.x7-status-item .x7-status-icon {
  font-size: 1.6rem;
  min-width: 36px;
  text-align: center;
}
.x7-status-item .x7-status-label { font-size: 11px; color: #8899aa; text-transform: uppercase; }
.x7-status-item .x7-status-value { font-size: 1.1rem; font-weight: 700; color: #00ffb2; }

/* Quick links grid */
.x7-quicklinks {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.x7-quicklink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(0,15,25,0.9);
  border: 1px solid rgba(0,255,178,0.18);
  border-radius: 10px;
  padding: 20px 12px;
  text-align: center;
  color: #c8d8e8;
  text-decoration: none;
  transition: all 0.22s;
  min-height: 100px;
}
.x7-quicklink:hover {
  border-color: #00ffb2;
  box-shadow: 0 0 16px rgba(0,255,178,0.15);
  color: #00ffb2;
  text-decoration: none;
  transform: translateY(-2px);
}
.x7-quicklink .x7-ql-icon { font-size: 2rem; }
.x7-quicklink .x7-ql-label { font-size: 13px; font-weight: 600; }
.x7-quicklink .x7-ql-sub { font-size: 11px; color: #8899aa; }

/* Section header */
.x7-section-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0,255,178,0.15);
}
.x7-section-header h2 { margin-bottom: 0; }

@media (max-width: 500px) {
  .x7-quicklinks { grid-template-columns: repeat(2, 1fr); }
  .x7-quicklink { padding: 14px 8px; min-height: 80px; }
  .x7-quicklink .x7-ql-icon { font-size: 1.5rem; }
}