/* ═══════════════════════════════════════════════════════════════════
   ADMIN CODE PANEL — theme-v2 uyumlu, sadece admin aktifken render
   Prefix: .acp-*  (Admin Codes Panel) — çakışma riski yok
   ═══════════════════════════════════════════════════════════════════ */

.acp-overlay {
  position: fixed; inset: 0; z-index: 99999;
  background: rgba(3,8,15,0.78); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  display: flex; align-items: flex-start; justify-content: center;
  padding: 24px 16px; overflow-y: auto;
  animation: acpFadeIn 0.2s ease-out;
}
@keyframes acpFadeIn { from { opacity: 0; } to { opacity: 1; } }

.acp-modal {
  width: 100%; max-width: 1280px;
  background: linear-gradient(180deg, rgba(15,28,48,0.96), rgba(8,15,28,0.97));
  border: 1px solid rgba(0,212,255,0.28);
  border-radius: 22px;
  box-shadow: 0 28px 80px rgba(0,0,0,0.6), 0 0 60px rgba(0,212,255,0.10);
  color: #e8f4ff;
  overflow: hidden;
}
.acp-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 24px; border-bottom: 1px solid rgba(0,212,255,0.18);
  background: linear-gradient(120deg, rgba(0,212,255,0.06), rgba(157,125,250,0.04));
}
.acp-title {
  font-size: 17px; font-weight: 800; letter-spacing: 0.3px;
  background: linear-gradient(120deg, #00d4ff, #9d7dfa);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.acp-close {
  background: rgba(255,61,107,0.1); color: #ff6b88; border: 1px solid rgba(255,61,107,0.3);
  width: 32px; height: 32px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 700;
  transition: all .15s;
}
.acp-close:hover { background: rgba(255,61,107,0.2); color: #ff8da3; }

.acp-body { padding: 20px 24px 28px; }

/* CREATE */
.acp-create {
  background: linear-gradient(135deg, rgba(0,212,255,0.04), rgba(157,125,250,0.03));
  border: 1px solid rgba(0,212,255,0.18); border-radius: 14px;
  padding: 14px 18px; margin-bottom: 18px;
}
.acp-create-title {
  font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  color: #00d4ff; cursor: pointer; user-select: none; outline: none;
}
.acp-create-grid {
  margin-top: 14px;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
}
.acp-field { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: #7aaac8; }
.acp-field-wide { grid-column: span 2; }
.acp-field-full { grid-column: 1 / -1; }
.acp-field input, .acp-field select {
  background: rgba(255,255,255,0.04); color: #e8f4ff;
  border: 1px solid rgba(0,212,255,0.2); border-radius: 9px; padding: 9px 12px; font: inherit;
  outline: none; transition: border-color .15s;
}
.acp-field input:focus, .acp-field select:focus { border-color: #00d4ff; }
.acp-create-actions { margin-top: 12px; display: flex; justify-content: flex-end; }
.acp-create-result { margin-top: 14px; }

.acp-btn {
  padding: 9px 16px; border-radius: 10px; font: inherit; font-weight: 700; cursor: pointer;
  border: none; transition: transform .15s, box-shadow .15s;
}
.acp-btn-primary {
  background: linear-gradient(120deg, #00d4ff, #1565ff 55%, #9d7dfa); color: #fff;
  box-shadow: 0 0 20px rgba(0,212,255,0.3);
}
.acp-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 0 30px rgba(0,212,255,0.5); }
.acp-btn-ghost {
  background: rgba(0,212,255,0.08); color: #00d4ff; border: 1px solid rgba(0,212,255,0.3);
}
.acp-btn-ghost:hover { background: rgba(0,212,255,0.15); }

.acp-result-title { color: #00e5a0; font-weight: 700; margin-bottom: 10px; font-size: 13px; }
.acp-code-list { list-style: none; padding: 0; margin: 0 0 12px; display: flex; flex-direction: column; gap: 8px; }
.acp-code-list li {
  display: flex; align-items: center; gap: 10px;
  background: rgba(0,212,255,0.06); border: 1px solid rgba(0,212,255,0.25);
  padding: 10px 14px; border-radius: 10px;
}
.acp-code-full {
  flex: 1; font-family: 'SF Mono', Menlo, monospace; font-size: 14px; font-weight: 700;
  color: #00d4ff; letter-spacing: 0.5px;
}

/* FILTERS */
.acp-filters {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin: 18px 0 14px; flex-wrap: wrap;
}
.acp-tabs { display: flex; gap: 4px; background: rgba(255,255,255,0.03); padding: 4px; border-radius: 10px; }
.acp-tab {
  background: transparent; color: #7aaac8; border: none; padding: 7px 14px; border-radius: 7px;
  font-size: 12px; font-weight: 700; cursor: pointer; transition: all .15s; font-family: inherit;
}
.acp-tab:hover { color: #e8f4ff; }
.acp-tab-active {
  background: linear-gradient(120deg, #00d4ff, #9d7dfa); color: #fff;
  box-shadow: 0 0 14px rgba(0,212,255,0.4);
}
.acp-filter-right { display: flex; gap: 8px; align-items: center; }
.acp-filter-right select {
  background: rgba(255,255,255,0.04); color: #e8f4ff; border: 1px solid rgba(0,212,255,0.2);
  border-radius: 9px; padding: 8px 12px; font: inherit;
}

/* TABLE */
.acp-table-wrap { overflow-x: auto; border-radius: 12px; border: 1px solid rgba(0,212,255,0.15); }
.acp-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.acp-table thead th {
  background: rgba(0,212,255,0.06); color: #7aaac8; font-weight: 700;
  letter-spacing: 0.3px; text-transform: uppercase; font-size: 10px;
  padding: 10px 12px; border-bottom: 1px solid rgba(0,212,255,0.18); text-align: left; white-space: nowrap;
}
.acp-table tbody td {
  padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,0.04); color: #cfe2f0; white-space: nowrap;
}
.acp-table tbody tr:hover td { background: rgba(0,212,255,0.04); }
.acp-code {
  font-family: 'SF Mono', Menlo, monospace; font-size: 12px; color: #00d4ff;
  background: rgba(0,212,255,0.07); padding: 3px 8px; border-radius: 6px;
  border: 1px solid rgba(0,212,255,0.2);
}
.acp-badge {
  display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: 0.8px;
  padding: 3px 9px; border-radius: 100px; border: 1px solid;
}
.acp-actions { display: flex; gap: 6px; }
.acp-mini {
  background: rgba(0,212,255,0.07); color: #00d4ff; border: 1px solid rgba(0,212,255,0.25);
  padding: 5px 9px; border-radius: 7px; font: inherit; font-size: 11px; font-weight: 700;
  cursor: pointer; transition: all .15s;
}
.acp-mini:hover { background: rgba(0,212,255,0.16); }
.acp-mini-danger { background: rgba(255,61,107,0.08); color: #ff6b88; border-color: rgba(255,61,107,0.3); }
.acp-mini-danger:hover { background: rgba(255,61,107,0.18); }

.acp-table-footer { padding: 10px 12px; font-size: 11px; color: #7aaac8; text-align: right; }
.acp-loading { padding: 40px 24px; text-align: center; color: #7aaac8; font-size: 13px; }
.acp-empty { padding: 40px 24px; text-align: center; color: #7aaac8; font-size: 13px; }
.acp-error { padding: 20px; color: #ff6b88; font-size: 13px; background: rgba(255,61,107,0.06); border-radius: 10px; }

@media (max-width: 880px) {
  .acp-create-grid { grid-template-columns: 1fr 1fr; }
  .acp-field-wide, .acp-field-full { grid-column: 1 / -1; }
  .acp-filters { flex-direction: column; align-items: stretch; }
  .acp-tabs { overflow-x: auto; }
  .acp-table thead { display: none; }
}