@charset "UTF-8";
/* AV2_2_1_0_HOME_ADMIN_COLOR_CONTRACT_V1 · public/index.html terminal layer
   Scope is intentionally strict so public rules cannot leak into admin/member pages. */

body.emerald-art-home.tlg-color-contract-v1 {
  --emerald-void: var(--tlg-void);
  --emerald-deep: var(--tlg-deep);
  --emerald-core: var(--tlg-core);
  --emerald-bright: var(--tlg-emerald);
  --emerald-mint: var(--tlg-mint);
  --champagne: var(--tlg-gold);
  --champagne-deep: var(--tlg-gold-deep);
  --pearl: var(--tlg-pearl);
  --gold: var(--tlg-gold);
  --gold-dim: var(--tlg-line-gold);
  --bg-dark: var(--tlg-void);
  --bg-card: var(--tlg-surface);
  --text-light: var(--tlg-pearl);
  --text-gray: var(--tlg-muted);
  isolation: isolate;
  background:
    radial-gradient(circle at 82% 7%, rgba(132, 255, 224, .11), transparent 25%),
    radial-gradient(circle at 10% 16%, rgba(20, 176, 143, .14), transparent 29%),
    radial-gradient(circle at 86% 82%, rgba(244, 223, 170, .07), transparent 25%),
    linear-gradient(145deg, var(--tlg-void) 0%, var(--tlg-deep) 43%, #04120f 100%) !important;
  color: var(--tlg-text) !important;
}

/* One watermark plane and one light plane. This replaces the accumulated global overlays. */
body.emerald-art-home.tlg-color-contract-v1::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  background:
    url('/assets/trong-dong-watermark.webp') left -175px top 250px / 540px auto no-repeat,
    url('/assets/trong-dong-watermark.webp') right -105px top 90px / 315px auto no-repeat,
    url('/assets/trong-dong-watermark.webp') right -95px bottom 115px / 410px auto no-repeat !important;
  opacity: .30 !important;
  filter: saturate(.82) !important;
  animation: none !important;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .88), rgba(0, 0, 0, .48) 74%, rgba(0, 0, 0, .22)) !important;
}

body.emerald-art-home.tlg-color-contract-v1::after {
  content: "" !important;
  position: fixed !important;
  inset: -12% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 24% 20%, rgba(132, 255, 224, .07), transparent 25%),
    radial-gradient(ellipse at 78% 40%, rgba(244, 223, 170, .055), transparent 24%) !important;
  opacity: .72 !important;
  filter: blur(18px) !important;
  animation: none !important;
}

body.emerald-art-home.tlg-color-contract-v1 header {
  border-color: var(--tlg-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)),
    radial-gradient(circle at 88% 0%, rgba(244, 223, 170, .10), transparent 34%),
    rgba(2, 24, 19, .88) !important;
  box-shadow: var(--tlg-shadow), inset 0 1px rgba(255, 255, 255, .055) !important;
  backdrop-filter: blur(22px) saturate(138%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(138%) !important;
}

body.emerald-art-home.tlg-color-contract-v1 .top-bar {
  border-bottom-color: rgba(180, 255, 232, .12) !important;
  background: transparent !important;
}

body.emerald-art-home.tlg-color-contract-v1 .header-logo-container {
  border-color: var(--tlg-line-gold) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)) !important;
  box-shadow: var(--tlg-shadow-soft), inset 0 1px rgba(255, 255, 255, .07) !important;
}

body.emerald-art-home.tlg-color-contract-v1 .search-bar input {
  border-color: var(--tlg-line) !important;
  background: var(--tlg-input) !important;
  color: var(--tlg-pearl) !important;
  caret-color: var(--tlg-mint) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 10px 28px rgba(0, 0, 0, .20) !important;
}

/* Chrome autofill was the pale blue layer visible in the supplied screenshot. */
body.emerald-art-home.tlg-color-contract-v1 .search-bar input:-webkit-autofill,
body.emerald-art-home.tlg-color-contract-v1 .search-bar input:-webkit-autofill:hover,
body.emerald-art-home.tlg-color-contract-v1 .search-bar input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--tlg-pearl) !important;
  caret-color: var(--tlg-mint) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--tlg-input) inset, 0 10px 28px rgba(0, 0, 0, .20) !important;
  transition: background-color 9999s ease-out 0s !important;
}

body.emerald-art-home.tlg-color-contract-v1 .search-bar input::placeholder {
  color: rgba(214, 242, 235, .58) !important;
}

body.emerald-art-home.tlg-color-contract-v1 .search-bar input:focus {
  border-color: var(--tlg-focus) !important;
  box-shadow: 0 0 0 4px rgba(132, 255, 224, .10), 0 0 30px rgba(20, 176, 143, .18) !important;
}

body.emerald-art-home.tlg-color-contract-v1 .header-actions > div {
  border-color: rgba(180, 255, 232, .15) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)) !important;
  color: var(--tlg-muted) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .17) !important;
}

body.emerald-art-home.tlg-color-contract-v1 .header-actions > div:hover {
  border-color: var(--tlg-line-gold) !important;
  background: rgba(132, 255, 224, .065) !important;
  color: var(--tlg-pearl) !important;
}

body.emerald-art-home.tlg-color-contract-v1 .nav-bar {
  border-color: rgba(180, 255, 232, .13) !important;
  background: rgba(1, 14, 12, .78) !important;
  box-shadow: inset 0 14px 34px rgba(0, 0, 0, .20) !important;
}

body.emerald-art-home.tlg-color-contract-v1 .nav-bar a {
  color: rgba(231, 255, 248, .70) !important;
  background: transparent !important;
}

body.emerald-art-home.tlg-color-contract-v1 .nav-bar a:hover,
body.emerald-art-home.tlg-color-contract-v1 .nav-bar a.active {
  color: #06150f !important;
  background: linear-gradient(135deg, #f8edc7, #bfffe9 43%, #d5b168 100%) !important;
  box-shadow: 0 9px 24px rgba(132, 255, 224, .12), inset 0 1px rgba(255, 255, 255, .46) !important;
}

@media (max-width: 900px) {
  body.emerald-art-home.tlg-color-contract-v1 header {
    background: rgba(2, 18, 14, .94) !important;
    border-color: rgba(244, 223, 170, .18) !important;
  }
  body.emerald-art-home.tlg-color-contract-v1 .nav-bar {
    background: rgba(1, 12, 9, .94) !important;
  }
  body.emerald-art-home.tlg-color-contract-v1::before {
    background: url('/assets/trong-dong-watermark.webp') center 245px / 380px auto no-repeat !important;
    opacity: .20 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.emerald-art-home.tlg-color-contract-v1::before,
  body.emerald-art-home.tlg-color-contract-v1::after {
    animation: none !important;
  }
}