/* Rolling Pin Snacks overlay for Docmost community.
   Login hardcodes the Docmost wordmark (AuthLayout); CSS modules hash
   class names, so we key off alt text, #email, and Mantine roots.
   Palette from rollingpinsnacks.com + internal report tokens. */

:root {
  --rp-brown: #54351f;
  --rp-brown-deep: #3d2817;
  --rp-cream: #f4e9d2;
  --rp-cream-paper: #fffaf3;
  --rp-orange: #ea7424;
  --rp-line: #c9b897;
}

/* Favicon / apple title already injected. Theme color for mobile chrome. */
body:has(#email) {
  background: var(--rp-cream) !important;
}

body:has(#email) .mantine-Container-root {
  background: var(--rp-cream-paper);
  border: 1px solid var(--rp-line);
  box-shadow: 0 12px 40px rgba(61, 40, 23, 0.12);
}

body:has(#email) .mantine-Title-root {
  color: var(--rp-brown-deep);
}

body:has(#email) .mantine-Button-root[data-variant="filled"],
body:has(#email) button[type="submit"] {
  background: var(--rp-brown) !important;
  border-color: var(--rp-brown) !important;
  color: var(--rp-cream) !important;
}

body:has(#email) .mantine-Button-root[data-variant="filled"]:hover,
body:has(#email) button[type="submit"]:hover {
  background: var(--rp-brown-deep) !important;
  border-color: var(--rp-brown-deep) !important;
}

body:has(#email) a {
  color: var(--rp-orange);
}

body:has(#email) input:focus,
body:has(#email) input:focus-within,
body:has(#email) .mantine-Input-input:focus,
body:has(#email) .mantine-PasswordInput-input:focus-within {
  border-color: var(--rp-orange) !important;
}

/* Login wordmark: replace hardcoded Docmost favicon + label. */
img[alt="Docmost"] {
  width: 48px;
  height: 48px;
  padding-top: 48px;
  box-sizing: border-box;
  background: url("/brand/logo.png") center / contain no-repeat;
  overflow: hidden;
  border: 0;
}

img[alt="Docmost"] + * {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

img[alt="Docmost"] + *::after {
  content: "Rolling Pin";
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.15;
  color: var(--rp-brown);
  vertical-align: middle;
}

/* Public share URLs are 403 at nginx. Leave the Share control in place;
   the generated /share/... link does not serve content. */