/* BrandTalk AI Admin styles */
.admin-body { background: var(--bg); color: var(--text); min-height: 100vh; }
.admin-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 20px 32px;
  border-bottom: 1px solid var(--border);
  background: rgba(10,10,24,.7);
  backdrop-filter: blur(12px);
  position: sticky; top: 0; z-index: 30;
}
.admin-header .brand { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 600; }
.admin-header .brand em { color: var(--gold); font-style: italic; font-weight: 500; }

/* Login */
.admin-login {
  min-height: 70vh; display: flex; align-items: center; justify-content: center; padding: 32px;
}
.login-card {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-lg); padding: 40px; width: 100%; max-width: 420px;
}
.login-card h1 { font-family: var(--serif); font-size: 28px; margin-bottom: 8px; }
.login-card p { color: var(--text-soft); margin-bottom: 24px; font-size: 14.5px; }
.login-card input {
  width: 100%; padding: 14px 16px; margin-bottom: 14px;
  background: var(--bg-deep); border: 1px solid var(--border);
  border-radius: var(--r-sm); color: var(--text); font-size: 15px;
  font-family: var(--sans);
}
.login-card input:focus { outline: none; border-color: var(--primary); }
.login-card button { width: 100%; padding: 14px; }
.login-error { color: #ff8585; margin-top: 12px; font-size: 14px; }

/* App */
.admin-main { max-width: 1100px; margin: 40px auto; padding: 0 32px; }
.admin-section { margin-bottom: 60px; }
.admin-head {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 24px; margin-bottom: 32px; flex-wrap: wrap;
}
.admin-head h2 { font-family: var(--serif); font-size: 32px; margin-bottom: 6px; }
.admin-head p { color: var(--text-soft); font-size: 15px; max-width: 640px; }

/* Prospect form */
.prospect-form {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-lg); padding: 32px; margin-bottom: 32px;
}
.pf-row { margin-bottom: 18px; }
.pf-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 18px; margin-bottom: 18px; }
.pf-grid .pf-row { margin-bottom: 0; }
.pf-row label {
  display: block; font-size: 12.5px; text-transform: uppercase;
  letter-spacing: .04em; font-weight: 500;
  color: var(--text-soft); margin-bottom: 8px;
}
.pf-row label span { text-transform: none; color: var(--text-muted); font-weight: 400; letter-spacing: 0; }
.pf-row input, .pf-row select, .pf-row textarea {
  width: 100%; padding: 11px 14px;
  background: var(--bg-deep); border: 1px solid var(--border);
  border-radius: var(--r-sm); color: var(--text); font-size: 14.5px;
  font-family: var(--sans); resize: vertical;
}
.pf-row input:focus, .pf-row select:focus, .pf-row textarea:focus {
  outline: none; border-color: var(--primary);
}
.pf-inline { display: flex; gap: 10px; }
.pf-inline input { flex: 1; }
.pf-inline button { white-space: nowrap; padding: 11px 18px; }
.pf-status { margin-top: 8px; font-size: 13px; color: var(--accent-cyan); }
.pf-status.error { color: #ff8585; }
.pf-actions { display: flex; gap: 10px; margin-top: 8px; }

/* Prospect list */
.prospect-list { display: grid; gap: 14px; }
.prospect-list .loading { color: var(--text-muted); font-size: 14px; }
.prospect-list .empty {
  text-align: center; padding: 60px;
  background: var(--surface); border: 1px dashed var(--border);
  border-radius: var(--r-lg); color: var(--text-muted);
}
.prospect-card {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-lg); padding: 22px 26px;
  display: grid; grid-template-columns: 1fr auto auto auto; gap: 18px;
  align-items: center;
}
.prospect-card .pc-meta strong {
  display: block; font-family: var(--serif); font-size: 19px; margin-bottom: 4px;
}
.prospect-card .pc-meta span {
  display: block; color: var(--text-muted); font-size: 13px;
}
.prospect-card .pc-tag {
  font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em;
  padding: 5px 11px; border-radius: 999px;
  background: rgba(122,122,152,.18); color: var(--text-muted);
  font-weight: 500;
}
.prospect-card .pc-tag.live {
  background: rgba(95,227,255,.18); color: var(--accent-cyan);
}
.prospect-card .pc-stats { font-size: 13px; color: var(--text-muted); text-align: right; }
.prospect-card .pc-stats strong { display: block; font-size: 15px; color: var(--text); font-family: var(--serif); }
.prospect-card .pc-actions { display: flex; gap: 8px; }
.prospect-card .pc-actions button { padding: 8px 14px; font-size: 13px; border-radius: var(--r-sm); }
.btn-danger {
  background: rgba(255,133,133,.1); color: #ff8585;
  border: 1px solid rgba(255,133,133,.3);
}
.btn-danger:hover { background: rgba(255,133,133,.2); }

/* Modal */
.modal-backdrop {
  position: fixed; inset: 0; background: rgba(5,5,17,.75); backdrop-filter: blur(8px);
  display: flex; align-items: center; justify-content: center; z-index: 100; padding: 24px;
}
.modal {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-lg); padding: 40px; max-width: 520px; width: 100%;
}
.modal h3 { font-family: var(--serif); font-size: 26px; margin-bottom: 8px; }
.modal p { color: var(--text-soft); font-size: 14.5px; margin-bottom: 20px; }
.link-box { display: flex; gap: 8px; margin-bottom: 16px; }
.link-box input {
  flex: 1; padding: 12px 14px; background: var(--bg-deep);
  border: 1px solid var(--border); border-radius: var(--r-sm);
  color: var(--text); font-family: 'JetBrains Mono', monospace; font-size: 13px;
}
.modal-hint { font-size: 13.5px; color: var(--text-muted); margin-bottom: 20px; }
.modal-close { width: 100%; }

@media (max-width: 760px) {
  .pf-grid { grid-template-columns: 1fr; }
  .prospect-card { grid-template-columns: 1fr; gap: 14px; }
  .prospect-card .pc-stats { text-align: left; }
}


[hidden] { display: none !important; }