/* AccountShop - ortak stiller (Tailwind CDN ile birlikte kullanılır) */
:root {
  --bg: #0f0f0f;
  --card: #1a1a1a;
  --accent: #7c3aed;
  --accent-h: #6d28d9;
  --fg: #e5e5e5;
  --muted: #9ca3af;
  --border: rgba(255, 255, 255, .08);
}

html { color-scheme: dark; }
body { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; background: var(--bg); color: var(--fg); }
[x-cloak] { display: none !important; }

::selection { background: rgba(124, 58, 237, .45); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #111; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #444; }

/* Glassmorphism kartlar */
.glass {
  background: rgba(26, 26, 26, .65);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid var(--border);
  border-radius: 1rem;
}
.glass-hover { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.glass-hover:hover {
  transform: translateY(-3px);
  border-color: rgba(124, 58, 237, .55);
  box-shadow: 0 12px 32px -12px rgba(124, 58, 237, .4);
}

.hero-glow {
  background:
    radial-gradient(60% 80% at 20% 0%, rgba(124, 58, 237, .28), transparent 60%),
    radial-gradient(50% 70% at 90% 20%, rgba(59, 130, 246, .14), transparent 60%);
}
.text-gradient {
  background: linear-gradient(90deg, #c4b5fd, #7c3aed 60%, #a78bfa);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Butonlar */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .6rem 1.1rem; border-radius: .75rem; font-weight: 600; font-size: .875rem; line-height: 1.25rem;
  transition: background .15s, transform .1s, opacity .15s; cursor: pointer; border: 1px solid transparent; text-decoration: none;
}
.btn:active { transform: scale(.98); }
.btn-primary { background: var(--accent); color: #fff; }
.btn-primary:hover { background: var(--accent-h); }
.btn-secondary { background: #262626; color: var(--fg); border-color: var(--border); }
.btn-secondary:hover { background: #303030; }
.btn-danger { background: #7f1d1d; color: #fecaca; }
.btn-danger:hover { background: #991b1b; }
.btn-sm { padding: .35rem .7rem; font-size: .78rem; border-radius: .6rem; }
.btn-lg { padding: .85rem 1.5rem; font-size: 1rem; }
.btn:disabled, .btn[disabled] { opacity: .45; cursor: not-allowed; pointer-events: none; }

/* Form elemanları */
.input, select.input, textarea.input {
  width: 100%; background: #121212; border: 1px solid var(--border); border-radius: .75rem;
  padding: .65rem .9rem; color: var(--fg); font-size: .9rem; outline: none; transition: border-color .15s, box-shadow .15s;
}
.input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(124, 58, 237, .25); }
.input::placeholder { color: #6b7280; }
select.input option { background: #1a1a1a; }
.label { display: block; font-size: .8rem; color: var(--muted); margin-bottom: .35rem; }
.checkbox { accent-color: var(--accent); width: 1rem; height: 1rem; }

/* Rozetler */
.badge { display: inline-flex; align-items: center; padding: .15rem .6rem; border-radius: 999px; font-size: .72rem; font-weight: 600; white-space: nowrap; }
.badge-green { background: rgba(16, 185, 129, .15); color: #34d399; }
.badge-red { background: rgba(239, 68, 68, .15); color: #f87171; }
.badge-yellow { background: rgba(245, 158, 11, .15); color: #fbbf24; }
.badge-purple { background: rgba(124, 58, 237, .2); color: #c4b5fd; }
.badge-gray { background: rgba(255, 255, 255, .08); color: #d1d5db; }

/* Tablolar */
.tbl { width: 100%; font-size: .85rem; border-collapse: collapse; }
.tbl th { text-align: left; color: var(--muted); font-weight: 500; padding: .65rem .8rem; border-bottom: 1px solid var(--border); white-space: nowrap; }
.tbl td { padding: .65rem .8rem; border-bottom: 1px solid rgba(255, 255, 255, .04); vertical-align: middle; }
.tbl tbody tr:hover td { background: rgba(255, 255, 255, .02); }
.table-wrap { overflow-x: auto; }

/* Son satışlar bandı */
.ticker { overflow: hidden; white-space: nowrap; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.ticker-track { display: inline-flex; gap: 3rem; padding-left: 3rem; animation: ticker 40s linear infinite; }
.ticker:hover .ticker-track { animation-play-state: paused; }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Modal */
.modal-backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, .7); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 60; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.modal-panel { background: #181818; border: 1px solid var(--border); border-radius: 1rem; width: 100%; max-width: 32rem; max-height: 90vh; overflow-y: auto; }

/* Admin */
.admin-link { display: flex; align-items: center; gap: .7rem; padding: .55rem .85rem; border-radius: .7rem; color: #a3a3a3; font-size: .875rem; transition: .15s; }
.admin-link:hover { background: rgba(255, 255, 255, .05); color: #fff; }
.admin-link.active { background: rgba(124, 58, 237, .18); color: #ddd6fe; }
.drag-handle { cursor: grab; color: #6b7280; user-select: none; }
.sortable-ghost { opacity: .4; }

.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.prose-desc { white-space: pre-line; line-height: 1.7; color: #d1d5db; }