/* ================================================================
   SUME AI / CROM - MAIN STYLESHEET
   Dark Mode Pure - Zero Borders Policy
   ================================================================ */

body {
  font-family: "Inter", sans-serif;
}

/* No Scrollbar Utility */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* ================================================================
   DARK MODE PURO - ZERO BORDERS POLICY
   Compliant with Design Committee Expert Directives
   ================================================================ */

/* OVERRIDE: Remove ALL potential borders from chat elements */
#gemini-app [class*="bg-zinc-900"],
#gemini-app [class*="rounded-2xl"],
#messages-container > div > div,
#messages-container .message-content,
#gemini-app .bg-zinc-900\/80,
#gemini-app .bg-zinc-900\/90,
#gemini-app .bg-zinc-900 {
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
}

/* Toggle Button - Clean circle, NO border whatsoever */
#toggle-expand-btn {
  border: none !important;
  outline: none !important;
  border-radius: 9999px !important;
  background-color: rgba(39, 39, 42, 0.95) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3),
    0 2px 4px -2px rgba(0, 0, 0, 0.2) !important;
}

#toggle-expand-btn:hover {
  background-color: rgba(63, 63, 70, 0.95) !important;
}

/* Chat Form - Pill style input bar */
#chat-form {
  max-width: 600px;
  margin: 0 auto;
  border: none !important;
  outline: none !important;
}

/* Override Bootstrap border conflicts */
#gemini-app .border-white\/5 {
  border-color: rgba(255, 255, 255, 0.05) !important;
}

#gemini-app .rounded-full {
  border-radius: 9999px !important;
}

/* Smooth swiper scroll animation */
.horizontal-swiper {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

/* Card ring styling - subtle glow, no harsh borders */
.card-item {
  border: none !important;
}

/* Stop animations during resize */
.resize-animation-stopper * {
  animation: none !important;
  transition: none !important;
}