/* Andy Labs skin for sign.andylabs.io (Documenso v2.18.0).
   Served by nginx and linked into every HTML page by sub_filter. No fork:
   the app's own CSS variables are overridden (unlayered rules beat
   Documenso's @layer base), plus a few targeted rules for the pages that the
   built-in team branding cannot reach (sign-in, app header).
   Palette: andylabs.io  navy #0A0F1C/#0F172A, blue #2693D1, sky #4584EC, deep #1E6FA8. */

:root, .dark-mode-disabled {
  --primary: 201.8 69.2% 48.4%;
  --primary-foreground: 0 0% 100%;
  --ring: 217.4 81.5% 59.8%;
  --field-card: 211.4 84% 95.1%;
  --field-card-border: 217.4 81.5% 59.8%;
  --field-card-foreground: 222.2 47.4% 11.2%;
  --muted: 213.3 69.2% 97.5%;
  --muted-foreground: 220.7 13.3% 41.2%;
  --border: 216 33.3% 91.2%;
  --card-border: 216 33.3% 91.2%;
  --card-border-tint: 69 132 236;
  --input: 213.1 36.7% 84.5%;
  --accent: 210 75% 95.3%;
  --accent-foreground: 204.8 69.7% 38.8%;
  --secondary: 212.3 61.9% 95.9%;
  --radius: 0.625rem;
  --recipient-green: 201.8 69.2% 48.4%;
  --recipient-blue: 243.4 75.4% 58.6%;
}

/* Documenso's hard-coded green scale -> Andy Labs blues. */
.text-documenso, .text-documenso-500, .text-documenso-600 { color: #2693D1 !important; }
.text-documenso-700, .text-documenso-800 { color: #1E6FA8 !important; }
.hover\:text-documenso-600:hover { color: #2693D1 !important; }
.bg-documenso, .bg-documenso-500 { background-color: #2693D1 !important; }
.bg-documenso-200, .bg-documenso-300 { background-color: #E8F2FD !important; }
.border-documenso, .border-documenso-500 { border-color: #4584EC !important; }

/* ---- Sign-in / forgot-password / reset (the unauthenticated layout) ---- */
main.min-h-screen.overflow-hidden.justify-center {
  background:
    radial-gradient(ellipse 70% 60% at 80% -10%, rgba(69,132,236,0.30), rgba(38,147,209,0.08) 45%, transparent 70%),
    linear-gradient(160deg, #0F172A 0%, #0A0F1C 70%);
}
main.min-h-screen.overflow-hidden.justify-center img[alt="background pattern"] { display: none; }
main.min-h-screen.overflow-hidden.justify-center > div > div.relative.w-full::before {
  content: "";
  display: block;
  height: 46px;
  margin: 0 auto 26px auto;
  background: url(/_andylabs/logo-dark.png) center / contain no-repeat;
}
main.min-h-screen.overflow-hidden.justify-center > div > div.relative.w-full::after {
  content: "Secure document signing by Andy Labs LLC";
  display: block;
  margin-top: 22px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7D8697;
}
main.min-h-screen.overflow-hidden.justify-center .bg-neutral-100 {
  background: #FFFFFF;
  border-color: rgba(148,163,184,0.25);
  box-shadow: 0 24px 60px rgba(2, 6, 23, 0.45), 0 0 0 1px rgba(69,132,236,0.10);
}

/* ---- Logged-in app: swap the Documenso wordmark/icon for Andy Labs ---- */
svg[viewBox="0 0 2248 320"], svg[viewBox="0 0 84 84"] {
  height: 30px !important;
  width: 110px !important;
  background: url(/_andylabs/logo-light.png) left center / contain no-repeat;
}
svg[viewBox="0 0 84 84"] { width: 30px !important; background-image: url(/android-chrome-192x192.png); border-radius: 7px; }
svg[viewBox="0 0 2248 320"] > *, svg[viewBox="0 0 84 84"] > * { display: none; }

/* Active item in the settings sidebar (was pale green). */
.bg-\[\#F1FBEA\], .hover\:bg-\[\#F1FBEA\]:hover { background-color: #EAF3FC !important; color: #0F172A !important; }

/* ---- Recipient pages after signing (complete / waiting / rejected / expired) ---- */
main.mt-8 > div.overflow-hidden.items-center::before {
  content: "";
  display: block;
  width: 170px;
  height: 44px;
  margin: 0 auto 4px auto;
  background: url(/_andylabs/logo-light.png) center / contain no-repeat;
}
main.mt-8 > div.overflow-hidden.items-center::after {
  content: "Andy Labs LLC  |  hello@andylabs.io  |  andylabs.io";
  display: block;
  margin: 56px auto 0 auto;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #7D8697;
  text-align: center;
}
img[src*="signing-celebration"], img[src*="background-pattern"] { filter: hue-rotate(105deg) saturate(1.15); }
/* "Share your signing experience" posts @documenso to social media: not for contracts. */
main.mt-8 button:has(svg.lucide-sparkles) { display: none !important; }