/* iZchedIt branding for Postiz — injected by nginx (config/nginx.conf).
   Palette: Tropical Tech — deep navy, electric teal, mango. */

:root {
  --izc-navy: #0b1220;
  --izc-panel: #121b2e;
  --izc-teal: #14c8b4;
  --izc-teal-strong: #0d9488;
  --izc-teal-deep: #0f766e;
  --izc-mango: #ff9f1c;
  --izc-text: #e8eef7;
}

/* ---------- Dark theme ---------- */
:root .dark {
  --new-back-drop: #05080f;
  --new-settings: #16213a;
  --new-border: #1c2a44;
  --new-bgColor: #0b1220;
  --new-bgColorInner: #121b2e;
  --new-sep: #2a3a58;
  --new-bgLineColor: #17223a;
  --new-textItemFocused: #121b2e;
  --new-textItemBlur: #8a9bb8;
  --new-boxFocused: #e8eef7;
  --new-textColor: 232 238 247;
  --new-blockSeparator: #1a2640;
  --new-btn-simple: #1c2a44;
  --new-btn-text: #e8eef7;
  --new-btn-primary: #0d9488;
  --new-ai-btn: #ff9f1c;
  --new-box-hover: #16213a;
  --new-table-border: #1c2a44;
  --new-table-header: #101a2c;
  --new-table-text: #8a9bb8;
  --new-table-text-focused: #14c8b4;
  --new-small-strips: #0e1626;
  --new-big-strips: #0d1524;
  --new-col-color: #1a2640;
  --new-menu-dots: #5e708f;
  --new-menu-hover: #ffffff;
  --popup-color: #0b122080;
}

/* ---------- Light theme ---------- */
:root .light {
  --new-back-drop: #0b1220;
  --new-settings: #e6eef3;
  --new-sep: #cfdbe3;
  --new-border: #e0e8ee;
  --new-bgColor: #eef3f6;
  --new-bgColorInner: #ffffff;
  --new-bgLineColor: #e3eaef;
  --new-textItemFocused: #0f766e;
  --new-textItemBlur: #6b7a8c;
  --new-boxFocused: #ddf7f3;
  --new-textColor: 11 18 32;
  --new-blockSeparator: #eef2f5;
  --new-btn-simple: #e6eef3;
  --new-btn-text: #0b1220;
  --new-btn-primary: #0d9488;
  --new-ai-btn: #e88a00;
  --new-box-hover: #f2f7f9;
  --new-table-border: #e3eaef;
  --new-table-header: #f3f7f9;
  --new-table-text: #6b7a8c;
  --new-table-text-focused: #0d9488;
  --new-big-strips: #f3f7f9;
  --new-col-color: #ebf1f4;
  --popup-color: #0b122033;
}

/* ---------- Postiz named colors (bg-forth, bg-seventh, customColorN...) ---------- */
:root .dark {
  --color-primary: #0b1220;
  --color-secondary: #08101c;
  --color-third: #08101c;
  --color-custom40: #0b1220;
}
:root .dark, :root .light {
  --color-forth: #0d9488;
  --color-seventh: #14c8b4;
  --color-custom4: #14c8b4;
  --color-custom7: #0d9488;
  --color-custom11: #5eead4;
  --color-custom12: #99f6e4;
  --color-custom28: #5eead4;
  --color-custom29: #0f3b3a;
  --color-custom41: #9eeee3;
  --color-custom45: #0d9488;
  --color-custom50: #134e4a;
  --color-custom51: #0d9488;
}
:root .dark { --color-custom30: #0d9488; }

/* ---------- Hard-coded Postiz purples/pinks -> teal/mango ---------- */
.bg-\[\#1A1919\] { background-color: var(--izc-panel) !important; }
.bg-\[\#612BD3\], .bg-\[\#612bd3\], .hover\:bg-\[\#612BD3\]:hover { background-color: var(--izc-teal-strong) !important; }
.bg-\[\#612bd3\]\/10 { background-color: #14c8b41a !important; }
.hover\:bg-\[\#612BD3\]\/80:hover { background-color: #0d9488cc !important; }
.text-\[\#612BD3\], .text-\[\#612bd3\] { color: var(--izc-teal) !important; }
.border-\[\#612BD3\], .focus\:border-\[\#612BD3\]:focus { border-color: var(--izc-teal) !important; }
.hover\:border-\[\#612BD3\]\/40:hover { border-color: #14c8b466 !important; }
.hover\:border-\[\#612bd3\]\/50:hover { border-color: #14c8b480 !important; }
.bg-\[\#FC69FF\] { background-color: var(--izc-mango) !important; }
.text-\[\#FC69FF\], .\!text-\[\#FC69FF\] { color: var(--izc-mango) !important; }
.border-\[\#FC69FF\] { border-color: var(--izc-mango) !important; }
.bg-\[\#D82D7E\] { background-color: var(--izc-mango) !important; }
.bg-\[\#0E0E0E\] { background-color: var(--izc-navy) !important; }

/* ---------- Hide Postiz logos until the script swaps them (no flash) ---------- */
svg[viewBox="0 0 101 33"],
svg[viewBox="0 0 145 160"],
svg[viewBox="0 0 366 167"],
svg.min-w-\[60px\][viewBox="0 0 60 60"] { visibility: hidden; }
.text-\[36px\].flex-1.pt-\[88px\] > :not(.izc-hero) { visibility: hidden; }

/* ---------- Removed features: AI Agent and Media library ---------- */
a[href="/agents"], a[href^="/agents/"],
a[href="/media"], a[href^="/media/"] { display: none !important; }

/* ---------- Activity menu badge ---------- */
.izc-badge {
  position: absolute; top: 2px; right: 2px;
  min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
  background: var(--izc-mango); color: #1a1200;
  font-size: 11px; font-weight: 800; line-height: 18px; text-align: center;
  pointer-events: none;
}

/* ---------- Activity shown inside the content area ---------- */
html.izc-activity-on div.blurMe.bg-newBgLineColor > :last-child > :not(.izc-activity-host) { display: none !important; }
.izc-activity-host {
  flex: 1; min-width: 0; display: flex;
  background: var(--new-bgColorInner);
  min-height: calc(100vh - 130px);
}
.izc-activity-host iframe { flex: 1; width: 100%; border: 0; background: transparent; }
a.izc-active { color: var(--izc-teal) !important; }

/* ---------- Text logo ---------- */
.izc-logo {
  display: inline-flex;
  align-items: baseline;
  font-weight: 800;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: rgb(var(--new-textColor, 232 238 247));
  white-space: nowrap;
  user-select: none;
}
.izc-logo b {
  font-weight: 800;
  background: linear-gradient(135deg, var(--izc-teal) 0%, var(--izc-mango) 140%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/* The square "iZ" icon in front of the wordmark */
.izc-logo::before {
  content: "";
  align-self: center;
  width: 1.25em;
  height: 1.25em;
  margin-right: 0.35em;
  border-radius: 0.28em;
  background: url("/izchedit/icon-512.png") center / cover no-repeat;
  flex-shrink: 0;
}
/* Small logo spots (collapsed sidebar etc.): icon only */
.izc-logo.izc-logo--icon { font-size: 28px; }
.izc-logo.izc-logo--icon::before { margin-right: 0; width: 1.15em; height: 1.15em; }
.izc-logo.izc-logo--icon b, .izc-logo.izc-logo--icon .izc-word { display: none; }
.izc-logo.izc-logo--sidebar { font-size: 46px; margin-top: 8px; }
.izc-logo.izc-logo--sm { font-size: 18px; }

/* ---------- Auth page hero (replaces the Postiz marketing panel) ---------- */
.izc-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 18px;
  height: 100%;
  padding: 40px;
  border-radius: 16px;
  background:
    radial-gradient(ellipse at 20% 10%, #14c8b433 0%, transparent 55%),
    radial-gradient(ellipse at 85% 90%, #ff9f1c26 0%, transparent 50%),
    var(--izc-panel);
}
.izc-hero .izc-logo { font-size: 56px; }
.izc-hero p { font-size: 22px; line-height: 1.35; color: #c9d4e6; max-width: 420px; margin: 0; }
.izc-hero .izc-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 8px; }
.izc-hero .izc-chips span {
  font-size: 13px; padding: 6px 12px; border-radius: 999px;
  border: 1px solid #14c8b455; color: var(--izc-teal); background: #14c8b414;
}