/* Admin Theme — Premium metallic (bright platinum / soft silver, luxury tech)
   - #admin-scope 내부만 적용
*/

#admin-scope {
  --lux-fg: rgba(248, 250, 252, 0.96);
  --lux-fg-muted: rgba(203, 213, 225, 0.82);
  --lux-edge: rgba(255, 255, 255, 0.22);
  /* 패널: 배경이 밝아져도 대비 유지 — 살짝 밝은 스모크 글래스 */
  --lux-plaque-bg: linear-gradient(165deg, rgba(56, 60, 72, 0.78) 0%, rgba(36, 40, 52, 0.86) 100%);
  --lux-plaque-border: rgba(200, 208, 220, 0.38);
  --lux-plaque-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 14px 40px rgba(30, 35, 45, 0.22);

  color: var(--lux-fg);
  letter-spacing: 0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  background:
    /* thin light arcs (premium brochure feel) */
    linear-gradient(
      195deg,
      transparent 36%,
      rgba(255, 255, 255, 0.06) 49.6%,
      rgba(140, 148, 160, 0.2) 50%,
      rgba(255, 255, 255, 0.04) 50.4%,
      transparent 60%
    ),
    linear-gradient(
      165deg,
      transparent 40%,
      rgba(255, 255, 255, 0.38) 49.3%,
      rgba(170, 178, 190, 0.55) 50%,
      rgba(255, 255, 255, 0.22) 50.7%,
      transparent 58%
    ),
    linear-gradient(
      188deg,
      transparent 44%,
      rgba(255, 255, 255, 0.12) 49.5%,
      rgba(120, 128, 140, 0.35) 50%,
      rgba(255, 255, 255, 0.1) 50.5%,
      transparent 56%
    ),
    radial-gradient(
      ellipse 95% 72% at 50% 40%,
      rgba(255, 255, 255, 0.99) 0%,
      rgba(236, 240, 248, 0.95) 28%,
      rgba(210, 216, 228, 0.9) 52%,
      rgba(160, 170, 188, 0.88) 100%
    ),
    radial-gradient(
      ellipse 125% 100% at 50% 55%,
      transparent 45%,
      rgba(120, 128, 142, 0.38) 100%
    ),
    linear-gradient(168deg, #e2e6ee 0%, #f4f6fa 42%, #c8ceda 78%, #9aa3b2 100%);
  position: relative;
  overflow: hidden;
}

#admin-scope::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: 0.28;
  mix-blend-mode: overlay;
}

#admin-scope::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(900px 520px at 50% -5%, rgba(255, 255, 255, 0.72), transparent 55%),
    radial-gradient(720px 420px at 50% 102%, rgba(90, 98, 112, 0.14), transparent 58%),
    radial-gradient(ellipse 880px 220px at 65% 48%, rgba(255, 255, 255, 0.1), transparent 72%);
  opacity: 0.65;
}

#admin-scope > * {
  position: relative;
  z-index: 1;
}

/* Frosted chrome rails (top bar / sidebar) */
#admin-scope .bg-slate-900\/60 {
  background: rgba(44, 48, 58, 0.42) !important;
  backdrop-filter: blur(22px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(160%) !important;
  border-color: var(--lux-edge) !important;
  box-shadow: var(--lux-plaque-shadow) !important;
}

/* 패널 / 카드 — 메탈 플라크 + 은색 테두리 */
#admin-scope .bg-slate-900\/50,
#admin-scope .bg-slate-800\/40,
#admin-scope .bg-slate-900\/40,
#admin-scope .bg-slate-900\/30,
#admin-scope .bg-slate-900\/80 {
  background: var(--lux-plaque-bg) !important;
  border-color: var(--lux-plaque-border) !important;
  box-shadow: var(--lux-plaque-shadow) !important;
}

#admin-scope .border-white\/5 {
  border-color: rgba(255, 255, 255, 0.12) !important;
}
#admin-scope .border-white\/10 {
  border-color: rgba(230, 235, 245, 0.2) !important;
}

/* 기존 시안·보라·에메랄드 포인트 → 쿨 실버 톤 (가독성 유지) */
#admin-scope .text-cyan-200,
#admin-scope .text-cyan-300,
#admin-scope .text-cyan-400 {
  color: rgba(226, 232, 240, 0.95) !important;
}
#admin-scope .text-purple-300,
#admin-scope .text-purple-400 {
  color: rgba(214, 220, 230, 0.92) !important;
}
#admin-scope .text-emerald-300,
#admin-scope .text-emerald-400 {
  color: rgba(220, 228, 236, 0.9) !important;
}

#admin-scope .border-cyan-500\/25,
#admin-scope .border-cyan-500\/30,
#admin-scope .border-cyan-500\/40,
#admin-scope .border-cyan-500\/50,
#admin-scope .border-purple-500\/30,
#admin-scope .border-purple-500\/50,
#admin-scope .border-emerald-500\/30,
#admin-scope .border-emerald-500\/50 {
  border-color: rgba(190, 198, 210, 0.38) !important;
}

#admin-scope .bg-cyan-500\/10,
#admin-scope .bg-cyan-500\/20,
#admin-scope .bg-purple-500\/20,
#admin-scope .bg-emerald-500\/20 {
  background-color: rgba(255, 255, 255, 0.07) !important;
}

#admin-scope .hover\:border-cyan-500\/50:hover,
#admin-scope .hover\:border-purple-500\/50:hover,
#admin-scope .hover\:border-emerald-500\/50:hover {
  border-color: rgba(230, 235, 245, 0.45) !important;
}

#admin-scope .border-l-cyan-500 {
  border-left-color: rgba(210, 218, 230, 0.85) !important;
}

/* 입력 — 다크 글래스 + 실버 포커스 */
#admin-scope input,
#admin-scope select,
#admin-scope textarea {
  background-color: rgba(28, 32, 42, 0.45) !important;
  border-color: rgba(170, 180, 198, 0.42) !important;
  color: var(--lux-fg) !important;
}
#admin-scope input::placeholder,
#admin-scope textarea::placeholder {
  color: rgba(255, 255, 255, 0.38);
}

#admin-scope input:focus,
#admin-scope select:focus,
#admin-scope textarea:focus {
  outline: none;
  border-color: rgba(230, 235, 245, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.12);
}

/* 네온 그림자 → 부드러운 깊이 */
#admin-scope [class*="shadow-cyan"],
#admin-scope [class*="shadow-purple"],
#admin-scope [class*="shadow-emerald"] {
  box-shadow: 0 10px 36px rgba(40, 48, 62, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}

#admin-scope .drop-shadow,
#admin-scope .drop-shadow-md,
#admin-scope .drop-shadow-lg {
  filter: drop-shadow(0 2px 10px rgba(50, 55, 68, 0.22)) !important;
}

/* 스크롤바 숨김 */
#admin-scope .custom-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#admin-scope .custom-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}