/* ============================================================
   NIS Social - Postiz retheme (white glass, own look)
   Injected at the nginx layer. No Postiz code changed.
   Palette: warm dusky ivory, frosted white glass, ink text,
   deep teal accent, warm terracotta for AI actions.
   ============================================================ */

/* ---- 1. Core palette (both modes forced to the same light glass) ---- */
:root .dark, :root .light {
  --new-bgColor: #efebe4;
  --new-bgColorInner: rgba(255, 255, 255, 0.78);
  --new-settings: #edeae4;
  --new-border: rgba(28, 22, 14, 0.09);
  --new-sep: rgba(28, 22, 14, 0.10);
  --new-bgLineColor: #e6e2da;
  --new-back-drop: rgba(62, 52, 40, 0.28);
  --new-textItemFocused: #0e7c7b;
  --new-textItemBlur: #6f6a61;
  --new-boxFocused: rgba(14, 124, 123, 0.10);
  --new-textColor: 28 24 18;
  --new-blockSeparator: #f0ede7;
  --new-btn-simple: #ffffff;
  --new-btn-text: #211d18;
  --new-btn-primary: #0e7c7b;
  --new-ai-btn: #bf5233;
  --new-box-hover: rgba(255, 255, 255, 0.9);
  --new-table-border: rgba(28, 22, 14, 0.08);
  --new-table-header: rgba(255, 255, 255, 0.55);
  --new-table-text: #6f6a61;
  --new-table-text-focused: #0e7c7b;
  --new-small-strips: #f7f5f1;
  --new-big-strips: rgba(255, 255, 255, 0.45);
  --new-col-color: #f1efe9;
  --new-menu-dots: #a39d92;
  --new-menu-hover: #0e7c7b;
  --menu-shadow: none;
  --popup-color: rgba(255, 255, 255, 0.8);
  --border-preview: rgba(28, 22, 14, 0.08);
  --preview-box-shadow: none;
  --scrollbar-thumb: rgba(28, 22, 14, 0.18);
  --scrollbar-track: transparent;
}

:root .dark, :root .light {
  --color-primary: #efebe4;
  --color-secondary: #ffffff;
  --color-text: #211d18;
  --color-third: #ffffff;
  --color-forth: #0e7c7b;
  --color-fifth: #ebe8e2;
  --color-sixth: rgba(255, 255, 255, 0.55);
  --color-seventh: #0e7c7b;
  --color-gray: #6f6a61;
  --color-input: rgba(255, 255, 255, 0.72);
  --color-input-text: #5c574d;
  --color-table-border: rgba(28, 22, 14, 0.08);
  --color-custom1: #1f3a38;
  --color-custom2: #ffffff;
  --color-custom3: #ffffff;
  --color-custom4: #0e7c7b;
  --color-custom5: #efece6;
  --color-custom7: #0e7c7b;
  --color-custom9: #40392f;
  --color-custom10: #d9b98f;
}

/* ---- 2. Base ---- */
body {
  background: #efebe4;
  color: #211d18;
  letter-spacing: 0.005em;
}

::selection { background: rgba(14, 124, 123, 0.18); }

/* Thin warm scrollbars */
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: rgba(28,22,14,0.16); border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: rgba(14,124,123,0.45); }
*::-webkit-scrollbar-track { background: transparent; }

/* ---- 3. Glass surfaces ---- */
.bg-newBgColorInner,
div[class*="bg-newBgColorInner"] {
  background-color: rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(16px) saturate(1.35);
  -webkit-backdrop-filter: blur(16px) saturate(1.35);
}

/* No card shadows anywhere */
div, section, article, aside, nav, header, footer, button, input, textarea, select {
  box-shadow: none;
}

/* Hairline borders instead of shadow separation */
div[class*="border-newTableBorder"], .border-newTableBorder {
  border-color: rgba(28, 22, 14, 0.08) !important;
}

/* ---- 4. Motion - subtle, honest ---- */
a, button, [role="button"], input, select, textarea,
div[class*="bg-newBgColorInner"], div[class*="hover"] {
  transition: background-color 0.18s ease, border-color 0.18s ease,
              color 0.18s ease, filter 0.18s ease, opacity 0.18s ease;
}
button:hover, [role="button"]:hover { filter: brightness(1.03); }
button:active, [role="button"]:active { filter: brightness(0.97); }

@keyframes nisFadeUp {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
body > div[class*="min-h-screen"] { animation: nisFadeUp 0.35s ease both; }

/* ---- 5. Brand marks ---- */
/* Postiz wordmark: white -> ink, purple P -> teal */
svg[width="101"] path[fill="white"], svg[width="101"] rect[fill="white"] { fill: #211d18; }
svg[width="101"] path[fill="#612BD3"], svg[width="101"] rect[fill="#612BD3"] { fill: #0e7c7b; }
/* smaller logo variants (sidebar) */
svg path[fill="#612BD3"], svg rect[fill="#612BD3"] { fill: #0e7c7b; }

/* ---- 6. Auth pages ---- */
div[class*="bg-[#0E0E0E]"] { background: #efebe4 !important; color: #211d18 !important; }
div[class*="bg-[#0E0E0E]"] .text-white:not(button):not(a) { color: #211d18 !important; }
div[class*="bg-[#0E0E0E]"] button.text-white { color: #ffffff !important; }
div[class*="bg-[#1A1919]"] {
  background: rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(16px) saturate(1.35);
  -webkit-backdrop-filter: blur(16px) saturate(1.35);
  border: 1px solid rgba(28, 22, 14, 0.08) !important;
  box-shadow: none !important;
  color: #211d18 !important;
}
/* stock testimonial panel: hidden */
div[class*="text-[36px]"][class*="pt-[88px]"] { display: none !important; }
/* center the auth card once the panel is gone */
div[class*="bg-[#0E0E0E]"] > div[class*="lg:w-[600px]"] { margin-left: auto; margin-right: auto; }
div[class*="bg-[#0E0E0E]"] { justify-content: center; }
/* magenta accents on auth pages */
div[class*="bg-[#0E0E0E]"] [class*="#FC69FF"], [class*="text-[#FC69FF]"] { color: #0e7c7b !important; }
/* auth input fields readable on glass */
div[class*="bg-[#0E0E0E]"] input { color: #211d18 !important; }
div[class*="bg-[#0E0E0E]"] input::placeholder { color: #8a8378 !important; }
/* headings */
h1, h2, h3, .text-\\[36px\\] { letter-spacing: -0.015em; }

/* ---- 7. Buttons ---- */
button[class*="bg-forth"], .bg-forth {
  background-color: #0e7c7b !important;
  color: #ffffff !important;
  border-radius: 10px;
}
/* keep white text on the teal primary buttons even inside auth */
div[class*="bg-[#0E0E0E]"] button[class*="bg-forth"] .text-white,
button[class*="bg-forth"] .text-white { color: #ffffff !important; }

/* AI-assist buttons: warm terracotta */
button[class*="ai"], div[class*="bg-newAiBtn"] { background-color: #bf5233 !important; color: #fff !important; }

/* ---- 8. Inputs ---- */
input, textarea, select {
  background-color: rgba(255, 255, 255, 0.72);
}
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: rgba(14, 124, 123, 0.55) !important;
}

/* ---- 9. Calendar accents ---- */
[class*="FC69FF" i] { color: #0e7c7b !important; }

/* empty-state illustration: dark art -> soft ink-on-ivory */
img[src*="no-channels"] { filter: invert(0.88) saturate(0); opacity: 0.75; }

/* shell panels keep a whisper of definition */
div[class*="min-h-screen"] div[class*="rounded-[12px]"] { border: 1px solid rgba(28, 22, 14, 0.05); }

/* ---- 10. Hardcoded Postiz-purple utilities -> teal ---- */
.bg-\[\#612BD3\], .bg-\[\#612bd3\] { background-color: #0e7c7b !important; }
.bg-\[\#612bd3\]\/10 { background-color: rgba(14, 124, 123, 0.12) !important; }
.border-\[\#612BD3\] { border-color: #0e7c7b !important; }
.hover\:border-\[\#612BD3\]\/40:hover { border-color: rgba(14, 124, 123, 0.45) !important; }
.text-\[\#612BD3\], .text-\[\#612bd3\] { color: #0e7c7b !important; }
.scrollbar-thumb-\[\#612AD5\] { --scrollbar-thumb: rgba(28, 22, 14, 0.18) !important; }
.bg-\[\#FC69FF\] { background-color: #0e7c7b !important; }
.border-\[\#FC69FF\] { border-color: #0e7c7b !important; }
.text-\[\#FC69FF\] { color: #0e7c7b !important; }
.bg-\[\#D82D7E\] { background-color: #bf5233 !important; }

/* ---- 11. Inline SVG gradient fills -> solid theme colors ---- */
/* settings active-indicator bar (violet gradient pill) */
svg[width="5"][height="52"] path { fill: #0e7c7b !important; }
/* any other baked gradient paint-server fills fall back to ink/teal */
svg path[fill^="url(#paint"], svg rect[fill^="url(#paint"], svg circle[fill^="url(#paint"] { fill: #0e7c7b !important; }

/* ---- 12. Stock people art / heavy empty-state illustrations ---- */
img[src*="peoplemarketplace"] { display: none !important; }
img[src*="no-channels-colors"] { filter: grayscale(1) opacity(0.5); }

/* ---- 13. Next.js default error/404 pages render black on dark-OS; force theme ---- */
@media (prefers-color-scheme: dark) {
  body { background: #efebe4 !important; color: #211d18 !important; }
}
.next-error-h1 { color: #211d18 !important; border-right-color: rgba(28, 22, 14, 0.25) !important; }