/* =====================================================
   MY ADS — CARD + GRID (MATCH ADMIN)
   ===================================================== */

:root {
  --red: #ce1126;
  --red-soft: rgba(206, 17, 38, 0.1);
  --grey-100: #f9fafb;
  --grey-200: #e5e7eb;
  --grey-300: #d1d5db;
  --grey-500: #6b7280;
  --grey-800: #1f2937;
}

/* Grid layout */
.admin-list {
  display: grid;
  gap: 16px;
}

@media (min-width: 1200px) {
  .admin-list { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .admin-list { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 520px) and (max-width: 899px) {
  .admin-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 519px) {
  .admin-list { grid-template-columns: 1fr; }
}

/* Card */
.admin-item {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 10px;
  display: flex;
  flex-direction: column;
}

/* Media */
.admin-media {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 12px;
}

/* Title row */
.admin-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  margin-top: 8px;
}

/* Brand logo */
.admin-logo {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* Subtext */
.admin-subtext {
  font-size: 0.75rem;
  opacity: 0.7;
  margin-top: 4px;
}

/* Stats box */
.admin-stats {
  font-size: 0.75rem;
  background: var(--grey-100);
  border-radius: 10px;
  padding: 8px;
  margin-top: 8px;
  line-height: 1.4;
}

/* Actions */
.admin-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  flex-wrap: wrap;
}

/* Status badge (reuse admin look) */
.admin-status {
  margin-left: auto;
  font-size: 0.65rem;
  padding: 3px 8px;
  border-radius: 999px;
  text-transform: uppercase;
}

.admin-status-live { background: #e6f7ef; color: #0f766e; }
.admin-status-pending { background: #eef2ff; color: #3730a3; }
.admin-status-rejected { background: #fee2e2; color: #991b1b; }
.admin-status-paused { background: #fff4e5; color: #92400e; }
.admin-status-expired { background: #f3f4f6; color: #374151; }

/* =====================================================
   MY ADS — STATUS TABS (WHITE BACKGROUND FIX)
   ===================================================== */

.myads-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.myads-tab {
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid var(--grey-300);
  background: #fff;
  font-size: 0.75rem;
  cursor: pointer;
  color: var(--grey-800);
  font-weight: 500;
}

.myads-tab:hover {
  border-color: var(--red);
}

.myads-tab.active {
  background: var(--red);
  color: #fff;
  border-color: var(--red);
  box-shadow: 0 0 0 3px rgba(206, 17, 38, 0.15);
}

.admin-budget-edit {
  display: flex;
  gap: 6px;
  margin-top: 8px;
  flex-wrap: wrap;
}

.budget-input {
  width: 90px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid var(--grey-300);
  font-size: 0.75rem;
}

/* =====================================================
   DEAL LINK BUTTON (MATCH ADMIN)
   ===================================================== */

.deal-link-btn {
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 8px 14px;
  border-radius: 999px;

  background: #fff;
  border: 1px solid var(--grey-300);
  color: var(--grey-800);

  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: none;
}

.deal-link-btn:hover {
  border-color: var(--red);
  color: var(--red);
}

.budget-msg {
  margin-top: 6px;
  font-size: 0.7rem;
  color: #b91c1c;
}

.budget-msg.hidden {
  display: none;
}

.disabled-btn {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}