/* Zimbra Profelis Edition docs theme: paper (warm off-white) + sage menu, night mode. */

@font-face { font-family: "Manrope"; font-weight: 400; font-display: swap; src: url("../fonts/manrope-latin-ext-400.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Manrope"; font-weight: 400; font-display: swap; src: url("../fonts/manrope-latin-400.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: "Manrope"; font-weight: 500; font-display: swap; src: url("../fonts/manrope-latin-ext-500.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Manrope"; font-weight: 500; font-display: swap; src: url("../fonts/manrope-latin-500.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: "Manrope"; font-weight: 600; font-display: swap; src: url("../fonts/manrope-latin-ext-600.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Manrope"; font-weight: 600; font-display: swap; src: url("../fonts/manrope-latin-600.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: "Manrope"; font-weight: 700; font-display: swap; src: url("../fonts/manrope-latin-ext-700.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Manrope"; font-weight: 700; font-display: swap; src: url("../fonts/manrope-latin-700.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: "Poppins"; font-weight: 500; font-display: swap; src: url("../fonts/poppins-latin-ext-500.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Poppins"; font-weight: 500; font-display: swap; src: url("../fonts/poppins-latin-500.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: "Poppins"; font-weight: 600; font-display: swap; src: url("../fonts/poppins-latin-ext-600.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Poppins"; font-weight: 600; font-display: swap; src: url("../fonts/poppins-latin-600.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }

:root {
  --md-text-font: "Manrope";
  --md-code-font: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

/* ---- Day: paper + sage ---- */
[data-md-color-scheme="default"] {
  --zpe-bg: #f6f4ef;
  --zpe-card: #fbfaf6;
  --zpe-line: #e4dfd5;
  --zpe-menu: #efede7;
  --zpe-bar: #eceee9;
  --zpe-active: #dfe7e3;
  --zpe-text: #4a4b4d;
  --zpe-head: #2f3134;
  --zpe-muted: #86837c;
  --zpe-accent: #7d9c99;
  --zpe-accent-text: #4f6f6c;
  --zpe-accent-soft: #e7ece6;
  --zpe-warn: #c98e74;
  --zpe-warn-soft: #f3e7df;
  --zpe-chip: #ece8df;
}

/* ---- Night: anthracite ---- */
[data-md-color-scheme="slate"] {
  --zpe-bg: #1f2326;
  --zpe-card: #262b2f;
  --zpe-line: #33393e;
  --zpe-menu: #22272a;
  --zpe-bar: #22272a;
  --zpe-active: #2f3a3b;
  --zpe-text: #c3c8cc;
  --zpe-head: #e3e6e8;
  --zpe-muted: #8b949b;
  --zpe-accent: #7fa3a1;
  --zpe-accent-text: #a9c7c4;
  --zpe-accent-soft: #2a3536;
  --zpe-warn: #c99880;
  --zpe-warn-soft: #352c28;
  --zpe-chip: #2f353a;
  --md-hue: 200;
}

[data-md-color-scheme="default"], [data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--zpe-bg);
  --md-default-fg-color: var(--zpe-head);
  --md-default-fg-color--light: var(--zpe-muted);
  --md-default-fg-color--lighter: var(--zpe-line);
  --md-default-fg-color--lightest: var(--zpe-chip);
  --md-typeset-color: var(--zpe-text);
  --md-typeset-a-color: var(--zpe-accent-text);
  --md-primary-fg-color: var(--zpe-bar);
  --md-primary-fg-color--light: var(--zpe-bar);
  --md-primary-fg-color--dark: var(--zpe-bar);
  --md-primary-bg-color: var(--zpe-head);
  --md-primary-bg-color--light: var(--zpe-muted);
  --md-accent-fg-color: var(--zpe-accent-text);
  --md-accent-fg-color--transparent: var(--zpe-accent-soft);
  --md-code-bg-color: var(--zpe-chip);
  --md-code-fg-color: var(--zpe-head);
  --md-footer-bg-color: var(--zpe-bar);
  --md-footer-bg-color--dark: var(--zpe-menu);
  --md-footer-fg-color: var(--zpe-text);
  --md-footer-fg-color--light: var(--zpe-muted);
  --md-footer-fg-color--lighter: var(--zpe-muted);
  --md-admonition-bg-color: var(--zpe-card);
  --md-admonition-fg-color: var(--zpe-text);
  --md-shadow-z1: none;
  --md-shadow-z2: 0 1px 3px rgba(40, 36, 30, .06);
}

body, .md-main { background-color: var(--zpe-bg); }

/* Header + tabs */
.md-header, .md-tabs { background-color: var(--zpe-bar); color: var(--zpe-head); box-shadow: none; }
.md-header { border-bottom: 1px solid var(--zpe-line); }
/* Translucent header: content scrolls under a frosted layer instead of an opaque strip */
.md-header {
  background-color: color-mix(in srgb, var(--zpe-bar) 78%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%);
  border-bottom-color: color-mix(in srgb, var(--zpe-line) 70%, transparent);
}
@media (prefers-reduced-transparency: reduce) {
  .md-header { background-color: var(--zpe-bar); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
.md-tabs { border-bottom: 1px solid var(--zpe-line); }
.md-header__button.md-logo img { height: 1.3rem; }
/* Night: red round mark keeps its colour, wordmark turns light (tools/make_logo_night.py). */
[data-md-color-scheme="slate"] .md-header__button.md-logo img { content: url("../img/logo-night.png"); }
.md-header__title { font-family: "Poppins", sans-serif; font-weight: 500; }
.md-tabs__link { font-weight: 600; opacity: .75; }
.md-tabs__item--active .md-tabs__link { opacity: 1; color: var(--zpe-head); box-shadow: inset 0 -2px 0 var(--zpe-accent); }
.md-search__form { background-color: var(--zpe-card); border: 1px solid var(--zpe-line); box-shadow: none; }
.md-search__input, .md-search__input::placeholder, .md-search__icon { color: var(--zpe-muted); }

/* Left menu: sage */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary { background-color: var(--zpe-menu); border-right: 1px solid var(--zpe-line); }
  .md-sidebar--primary .md-sidebar__scrollwrap { background-color: var(--zpe-menu); }
}
.md-nav--primary .md-nav__link--active {
  background-color: var(--zpe-active); color: var(--zpe-accent-text); border-radius: 8px; font-weight: 600;
}
.md-nav--primary .md-nav__link { padding: .22rem .55rem; margin-top: .15rem; border-radius: 8px; transition: background-color .15s, color .15s; }
.md-nav--primary .md-nav__link:not(.md-nav__link--active):hover { background-color: color-mix(in srgb, var(--zpe-active) 55%, transparent); }
.md-nav__item--section > .md-nav__link { color: var(--zpe-head); font-weight: 700; }
.md-nav__link:hover { color: var(--zpe-accent-text); }
[dir] .md-nav--primary .md-nav__title { background-color: var(--zpe-menu); box-shadow: none; }

/* Typography */
.md-typeset { font-size: .8rem; line-height: 1.7; }
/* Size-specific tracking and leading: tighter as headings grow */
.md-typeset h1, .md-typeset h2, .md-typeset h3 { font-family: "Poppins", sans-serif; color: var(--zpe-head); font-weight: 600; }
.md-typeset h1 { font-size: 2em; line-height: 1.15; letter-spacing: -.024em; margin-bottom: .35em; }
.md-typeset h2 { font-size: 1.38em; line-height: 1.25; letter-spacing: -.016em; margin: 2.2em 0 .6em; }
.md-typeset h3 { font-size: 1.1em; line-height: 1.35; letter-spacing: -.008em; margin: 1.8em 0 .5em; }
.md-typeset .lead { font-size: 1.14em; line-height: 1.55; color: var(--zpe-muted); margin-top: -.1em; }
.md-content { max-width: 46rem; }

/* UI label chip: ==Label== */
.md-typeset mark {
  background: var(--zpe-chip); color: var(--zpe-head); font-weight: 700;
  border-radius: 4px; padding: 0 .3em; box-decoration-break: clone;
}

/* Pills */
.md-typeset .pill {
  display: inline-block; font-size: .72em; font-weight: 600; padding: .15em .8em; margin: 0 .3em .3em 0;
  border-radius: 999px; background: var(--zpe-accent-soft); color: var(--zpe-accent-text);
}

/* Numbered steps */
.md-typeset ol { counter-reset: zpe-step; list-style: none; padding-left: 0; margin-left: 0; }
.md-typeset figure + ol { counter-reset: none; }
.md-typeset ol > li { counter-increment: zpe-step; position: relative; padding-left: 2.2em; margin-left: 0; }
.md-typeset ol > li::before {
  content: counter(zpe-step); position: absolute; left: 0; top: .1em;
  width: 1.55em; height: 1.55em; border-radius: 50%; background: var(--zpe-accent);
  color: var(--zpe-bg); font-weight: 700; font-size: .85em; display: grid; place-items: center;
}

/* Cards (home + section indexes). md_in_html wraps the links in one <p>: let them join the grid. */
.md-typeset .zpe-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .9rem; margin: 1.4em 0; }
.md-typeset .zpe-cards > p { display: contents; }
.md-typeset .zpe-card {
  position: relative; display: block; background: var(--zpe-card); border: 1px solid var(--zpe-line); border-radius: 14px;
  padding: 1rem 2.4rem 1.05rem 1.15rem; color: var(--zpe-muted); line-height: 1.5;
  box-shadow: 0 1px 2px rgb(40 36 28 / .04);
  transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s, border-color .22s;
}
.md-typeset .zpe-card::after {
  content: "\2192"; position: absolute; top: 1rem; right: 1.05rem; color: var(--zpe-muted); font-weight: 600;
  transition: transform .22s cubic-bezier(.2, .8, .2, 1), color .22s;
}
.md-typeset .zpe-card:hover, .md-typeset .zpe-card:focus-visible {
  color: var(--zpe-text); border-color: var(--zpe-accent); transform: translateY(-2px);
  box-shadow: 0 10px 24px -12px rgb(40 36 28 / .22);
}
.md-typeset .zpe-card:hover::after, .md-typeset .zpe-card:focus-visible::after { color: var(--zpe-accent-text); transform: translateX(3px); }
.md-typeset .zpe-card:active { transform: scale(.985); transition-duration: .08s; }
.md-typeset .zpe-card:focus-visible { outline: 2px solid var(--zpe-accent); outline-offset: 2px; }
.md-typeset .zpe-card strong {
  display: block; font-family: "Poppins", sans-serif; color: var(--zpe-head); font-size: 1.02em; font-weight: 600;
  letter-spacing: -.005em; margin-bottom: .25em;
}
[data-md-color-scheme="slate"] .md-typeset .zpe-card:hover { box-shadow: 0 10px 28px -12px rgb(0 0 0 / .6); }

/* Home only: navigation and TOC are hidden there (front matter), so the primary sidebar is [hidden]. */
.md-main__inner:has(> .md-sidebar--primary[hidden]) .md-content { max-width: 58rem; margin-inline: auto; }
.md-main__inner:has(> .md-sidebar--primary[hidden]) .md-content__inner {
  padding-top: 1.6rem; position: relative; isolation: isolate;
}
/* Soft glow behind the title; fades out on every side, so no visible edge at any width */
.md-main__inner:has(> .md-sidebar--primary[hidden]) .md-content__inner::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none; top: -3rem; right: 0;
  width: min(40rem, 100%); height: 22rem; background: radial-gradient(closest-side, var(--zpe-accent-soft), transparent);
}
.md-main__inner:has(> .md-sidebar--primary[hidden]) .md-typeset h1 {
  font-size: clamp(2rem, 4.4vw, 2.9rem); line-height: 1.08; letter-spacing: -.028em; font-weight: 600;
  margin: .6rem 0 .5rem; max-width: 16em;
}
.md-main__inner:has(> .md-sidebar--primary[hidden]) .md-typeset .lead {
  font-size: 1.22em; line-height: 1.5; letter-spacing: -.005em; color: var(--zpe-text); max-width: 32em; margin: 0 0 2.2rem;
}
.md-main__inner:has(> .md-sidebar--primary[hidden]) .md-typeset h2 {
  font-size: 1.15em; letter-spacing: -.01em; margin: 2.6rem 0 .2rem; padding-top: 1.4rem; border-top: 1px solid var(--zpe-line);
}
/* The two audience cards right under the lead: larger, with an icon tile */
.md-main__inner:has(> .md-sidebar--primary[hidden]) .lead + .zpe-cards { grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: 1rem; }
.md-main__inner:has(> .md-sidebar--primary[hidden]) .lead + .zpe-cards .zpe-card {
  padding: 1.35rem 2.8rem 1.4rem 1.35rem; border-radius: 18px; font-size: 1.02em;
}
.md-main__inner:has(> .md-sidebar--primary[hidden]) .lead + .zpe-cards .zpe-card strong { font-size: 1.22em; margin: .9rem 0 .3rem; letter-spacing: -.012em; }
.md-main__inner:has(> .md-sidebar--primary[hidden]) .lead + .zpe-cards .zpe-card { --zpe-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 7c2.67 0 8 1.33 8 4v3H4v-3c0-2.67 5.33-4 8-4m0 1.9c-2.97 0-6.1 1.46-6.1 2.1v1.1h12.2V17c0-.64-3.13-2.1-6.1-2.1Z'/%3E%3C/svg%3E"); }
.md-main__inner:has(> .md-sidebar--primary[hidden]) .lead + .zpe-cards .zpe-card:nth-of-type(2) { --zpe-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2h16a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1m0 8h16a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1m0 8h16a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1m2-14v2h2V4H6m0 8v2h2v-2H6m4-8v2h8V4h-8m0 8v2h8v-2h-8Z'/%3E%3C/svg%3E"); }
/* Icon tile (::before) with the glyph masked on top (strong::before) */
.md-main__inner:has(> .md-sidebar--primary[hidden]) .lead + .zpe-cards .zpe-card::before {
  content: ""; display: block; width: 2.6rem; height: 2.6rem; border-radius: 12px; background: var(--zpe-accent-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--zpe-accent) 25%, transparent);
}
.md-main__inner:has(> .md-sidebar--primary[hidden]) .lead + .zpe-cards .zpe-card strong::before {
  content: ""; position: absolute; top: calc(1.35rem + .625rem); left: calc(1.35rem + .625rem); width: 1.35rem; height: 1.35rem;
  background: var(--zpe-accent-text); -webkit-mask: var(--zpe-icon) center / contain no-repeat; mask: var(--zpe-icon) center / contain no-repeat;
}
.md-main__inner:has(> .md-sidebar--primary[hidden]) .md-typeset .admonition { border-radius: 14px; margin-top: 2rem; }

@media (prefers-reduced-motion: reduce) {
  .md-typeset .zpe-card, .md-typeset .zpe-card::after { transition: border-color .15s, color .15s; }
  .md-typeset .zpe-card:hover, .md-typeset .zpe-card:focus-visible, .md-typeset .zpe-card:active,
  .md-typeset .zpe-card:hover::after { transform: none; }
}

/* Figures / screenshots */
.md-typeset figure { margin: 1em 0; }
.md-typeset figure img { border: 1px solid var(--zpe-line); border-radius: 12px; box-shadow: 0 8px 24px -16px rgb(40 36 28 / .35); }
[data-md-color-scheme="slate"] .md-typeset figure img { box-shadow: 0 8px 24px -14px rgb(0 0 0 / .7); }
.md-typeset code { border-radius: 6px; }
.md-typeset .admonition, .md-typeset details { border-radius: 12px; }
.md-typeset .md-typeset__table table:not([class]) { border-radius: 12px; overflow: hidden; border: 1px solid var(--zpe-line); }
.md-typeset figcaption { font-size: .85em; color: var(--zpe-muted); max-width: none; }

/* Diagrams */
.md-typeset .zpe-diagram svg { width: 100%; height: auto; color: var(--zpe-text); }
[data-md-color-scheme] { --zpe-svg-box: var(--zpe-card); --zpe-svg-line: var(--zpe-line); --zpe-svg-accent: var(--zpe-accent); --zpe-svg-text: var(--zpe-text); --zpe-svg-warn: var(--zpe-warn); }

/* Admonitions: tip / warning / note */
.md-typeset .admonition, .md-typeset details { border-radius: 10px; border: 1px solid var(--zpe-line); box-shadow: none; font-size: .9em; }
.md-typeset .admonition.tip, .md-typeset .admonition.note, .md-typeset .admonition.info { background: var(--zpe-accent-soft); border-color: var(--zpe-line); }
.md-typeset .admonition.warning, .md-typeset .admonition.danger { background: var(--zpe-warn-soft); border-color: var(--zpe-line); }
.md-typeset .tip > .admonition-title, .md-typeset .note > .admonition-title, .md-typeset .info > .admonition-title { background: transparent; }
.md-typeset .warning > .admonition-title, .md-typeset .danger > .admonition-title { background: transparent; }
.md-typeset .tip > .admonition-title::before, .md-typeset .note > .admonition-title::before, .md-typeset .info > .admonition-title::before { background-color: var(--zpe-accent); }
.md-typeset .warning > .admonition-title::before, .md-typeset .danger > .admonition-title::before { background-color: var(--zpe-warn); }

/* Tables */
.md-typeset table:not([class]) { border: 1px solid var(--zpe-line); border-radius: 8px; font-size: .85em; }
.md-typeset table:not([class]) th { background: var(--zpe-menu); color: var(--zpe-head); }

/* Footer */
.md-footer-meta { background-color: var(--zpe-menu); }
.md-footer-meta a { color: var(--zpe-accent-text); }

/* Links back to the product page and profelis.com.tr (overrides/partials/zpe-links.html) */
.zpe-links { display: flex; gap: .2rem; margin-right: .4rem; white-space: nowrap; }
.zpe-links a { color: var(--zpe-muted); font-size: .64rem; font-weight: 600; padding: .25rem .5rem; border-radius: 6px; }
.zpe-links a:hover { color: var(--zpe-accent-text); background: var(--zpe-accent-soft); }
.zpe-links a::after { content: " \2197"; opacity: .7; }
@media screen and (max-width: 59.984375em) { .zpe-links a:last-child { display: none; } }
@media screen and (max-width: 44.984375em) { .zpe-links { display: none; } }

/* Wider primary sidebar; integrated page TOC indented under the active item */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary { width: 15.5rem; }
  .md-grid { max-width: 76rem; }
}
.md-nav--primary .md-nav__link--active + .md-nav--secondary,
.md-nav--primary .md-nav--secondary { padding-left: .7rem; border-left: 2px solid var(--zpe-line); margin-left: .6rem; }
.md-nav--primary .md-nav--secondary .md-nav__link { font-size: .92em; color: var(--zpe-muted); }
.md-nav--primary .md-nav--secondary .md-nav__link--active { color: var(--md-accent-fg-color); }