/* ============================================================
   CyberSentinel Sentinel AI UI Cleanup
   ============================================================ */

/* Hide Share/three-dot menu on non-Sentinel pages even if old JS injected it */
body:not(.cs-sentinel-page-real) #csTopMenuRoot,
body:not(.cs-sentinel-page-real) .cs-top-menu-root {
  display: none !important;
}

/* On Sentinel page, keep the ChatGPT-like share/dots small */
body.cs-sentinel-page-real .cs-top-menu-root {
  position: fixed !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 99995 !important;
}

/* Remove duplicate upper Settings button only */
body.cs-sentinel-page-real #csaiHeaderSettings,
body.cs-sentinel-page-real .csai-header-settings,
body.cs-sentinel-page-real button[id*="HeaderSettings"],
body.cs-sentinel-page-real button[class*="header-settings"] {
  display: none !important;
}

/* Retain lower/right settings but prevent duplication/overlap with Share */
body.cs-sentinel-page-real button:not(#csaiHeaderSettings).csai-settings-keep,
body.cs-sentinel-page-real .settings-button-keep {
  display: inline-flex !important;
}

/* Hide message action buttons by default */
body.cs-sentinel-page-real .cs-icon-actions,
body.cs-sentinel-page-real .message-actions,
body.cs-sentinel-page-real .bot-actions,
body.cs-sentinel-page-real .action-buttons,
body.cs-sentinel-page-real .copy-regenerate-actions {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .14s ease, visibility .14s ease !important;
}

/* Show buttons only when hovering/touching/focusing the message */
body.cs-sentinel-page-real .message:hover .cs-icon-actions,
body.cs-sentinel-page-real .chat-message:hover .cs-icon-actions,
body.cs-sentinel-page-real .user-message:hover .cs-icon-actions,
body.cs-sentinel-page-real .bot-message:hover .cs-icon-actions,
body.cs-sentinel-page-real .assistant-message:hover .cs-icon-actions,
body.cs-sentinel-page-real [class*="message"]:hover .cs-icon-actions,
body.cs-sentinel-page-real [class*="bubble"]:hover .cs-icon-actions,
body.cs-sentinel-page-real .message:hover .message-actions,
body.cs-sentinel-page-real .chat-message:hover .message-actions,
body.cs-sentinel-page-real .user-message:hover .message-actions,
body.cs-sentinel-page-real .bot-message:hover .message-actions,
body.cs-sentinel-page-real .assistant-message:hover .message-actions,
body.cs-sentinel-page-real [class*="message"]:hover .message-actions,
body.cs-sentinel-page-real [class*="bubble"]:hover .message-actions,
body.cs-sentinel-page-real .message:hover .bot-actions,
body.cs-sentinel-page-real .chat-message:hover .bot-actions,
body.cs-sentinel-page-real .user-message:hover .bot-actions,
body.cs-sentinel-page-real .bot-message:hover .bot-actions,
body.cs-sentinel-page-real .assistant-message:hover .bot-actions,
body.cs-sentinel-page-real [class*="message"]:hover .bot-actions,
body.cs-sentinel-page-real [class*="bubble"]:hover .bot-actions,
body.cs-sentinel-page-real .message:focus-within .cs-icon-actions,
body.cs-sentinel-page-real .chat-message:focus-within .cs-icon-actions,
body.cs-sentinel-page-real .user-message:focus-within .cs-icon-actions,
body.cs-sentinel-page-real .bot-message:focus-within .cs-icon-actions,
body.cs-sentinel-page-real .assistant-message:focus-within .cs-icon-actions,
body.cs-sentinel-page-real [class*="message"]:focus-within .cs-icon-actions,
body.cs-sentinel-page-real [class*="bubble"]:focus-within .cs-icon-actions,
body.cs-sentinel-page-real .cs-show-actions .cs-icon-actions,
body.cs-sentinel-page-real .cs-show-actions .message-actions,
body.cs-sentinel-page-real .cs-show-actions .bot-actions {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Icon buttons stay compact */
body.cs-sentinel-page-real .cs-icon-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
}

/* Dynamic account card/avatar */
.cs-account-card-dynamic {
  border-color: var(--cs-tier-color, #2f8cff) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--cs-tier-color, #2f8cff) 60%, transparent), 0 14px 40px rgba(0,0,0,.28) !important;
}

.cs-account-card-dynamic .csai-avatar,
.cs-account-card-dynamic .cs-ui-avatar,
.cs-account-card-dynamic .cs-avatar,
.cs-account-card-dynamic [class*="avatar"] {
  background:
    radial-gradient(circle at 35% 22%, rgba(255,255,255,.7), transparent 32%),
    linear-gradient(135deg, var(--cs-tier-color, #2f8cff), #051832 76%) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--cs-tier-color, #2f8cff) 25%, transparent) !important;
}

.cs-tier-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 8px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  color: #06101d !important;
  background: var(--cs-tier-color, #2f8cff) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

/* Clean Send button: far-right, white text, no orange */
body.cs-sentinel-page-real .cs-vision-input-row {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

body.cs-sentinel-page-real textarea,
body.cs-sentinel-page-real input[type="text"],
body.cs-sentinel-page-real [contenteditable="true"] {
  flex: 1 1 auto !important;
}

body.cs-sentinel-page-real button {
  font-family: inherit;
}

body.cs-sentinel-page-real button:not(.cs-top-share-btn):not(.cs-top-dots-btn):not(.cs-top-menu-item):not(.cs-icon-btn):not(.cs-vision-attach-btn) {
  max-width: none;
}

/* Target visible Send buttons */
body.cs-sentinel-page-real button.cs-send-clean,
body.cs-sentinel-page-real .cs-vision-input-row button.cs-send-clean {
  margin-left: auto !important;
  margin-right: 0 !important;
  min-width: 52px !important;
  height: 42px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.cs-sentinel-page-real button.cs-send-clean:hover {
  background: rgba(255,255,255,.08) !important;
}

/* If old orange styles are very specific, force-clean Send button */
body.cs-sentinel-page-real button.cs-send-clean,
body.cs-sentinel-page-real button.cs-send-clean * {
  color: #ffffff !important;
}

/* Keep attach button left, send button right */
body.cs-sentinel-page-real .cs-vision-attach-btn {
  order: 0 !important;
}

body.cs-sentinel-page-real button.cs-send-clean {
  order: 99 !important;
}