/* Simply Connect AI — light brand skin, injected into the panel via edge.
   CSS-only, upgrade-safe. shadcn/ui derives accent/ring/border from --primary,
   so recoloring it rebrands the whole panel; the .sm:w-[480px] rule styles the
   auth (login / sign-up) card specifically. */

/* theme:panel:start */
/* Themed color rules: deploy/branding/apply_theme.py replaces everything
   between these markers with the active theme's panel.css at deploy time. */
:root,[data-theme-preset],.light,.dark,html{
  --primary:#FF7A18 !important;
  --primary-foreground:#ffffff !important;
  --ring:#FF7A18 !important;
  --sidebar-primary:#FF7A18 !important;
  --sidebar-primary-foreground:#ffffff !important;
}
.dark{ --primary:#FF9A3D !important; }

/* Auth card (login / sign-up): the 480px centered column becomes a real card */
.sm\:w-\[480px\]{
  background:#ffffff;
  border:1px solid #ECE1D2;
  box-shadow:0 2px 4px rgba(60,40,10,.05), 0 24px 60px rgba(180,110,20,.12);
}
.dark .sm\:w-\[480px\]{
  background:#211A11;
  border-color:#362A1A;
  box-shadow:0 2px 6px rgba(0,0,0,.5), 0 30px 70px rgba(0,0,0,.55);
}

/* Primary button: warm gradient + lift on hover */
.sm\:w-\[480px\] button[type="submit"], form button[type="submit"]{
  background:linear-gradient(120deg,#FF6A15,#FF9A2E) !important;
  border:none !important;
  box-shadow:0 6px 16px rgba(255,120,24,.30) !important;
}
.sm\:w-\[480px\] button[type="submit"]:hover, form button[type="submit"]:hover{
  box-shadow:0 10px 24px rgba(255,120,24,.42) !important;
}

a:hover{ color:#FF7A18; }
/* theme:panel:end */

/* Apple system font across the panel */
html,body,button,input,textarea,select{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,sans-serif !important;
}

/* Card geometry is layout, not theme: stays outside the markers. */
.sm\:w-\[480px\]{ border-radius:22px; }

/* Button motion is not a color: stays outside the markers. */
.sm\:w-\[480px\] button[type="submit"], form button[type="submit"]{
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.sm\:w-\[480px\] button[type="submit"]:hover, form button[type="submit"]:hover{
  transform:translateY(-1px);
}

/* Trimmed commercial nav: keep Console · Models · Docs; hide Home, Rankings,
   About (marketing lives on simplyconnect.ai, not inside the app). The brand
   logo also links to "/" but carries .shrink-0, so :not(.shrink-0) spares it. */
header a[href="/rankings"], nav a[href="/rankings"],
header a[href="/about"],    nav a[href="/about"]{ display:none !important; }
header a[href="/"]:not(.shrink-0), nav a[href="/"]:not(.shrink-0){ display:none !important; }