/* Custom Trix styling for meeting mode */

/* Dark mode Trix editor */
[data-theme="dark"] trix-editor {
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: none !important;
  padding: 1.5rem !important;
  min-height: 100% !important;
  outline: none !important;
}

[data-theme="dark"] trix-editor:empty:not(:focus)::before {
  color: rgba(255, 255, 255, 0.2) !important;
}

/* Light mode Trix editor */
[data-theme="light"] trix-editor {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: none !important;
  padding: 1.5rem !important;
  min-height: 100% !important;
  outline: none !important;
}

[data-theme="light"] trix-editor:empty:not(:focus)::before {
  color: #94a3b8 !important;
}

/* Trix toolbar - sticky at top of notes column */
trix-toolbar {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: transparent !important;
  border: none !important;
  padding: 0.5rem 1.5rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] trix-toolbar {
  background-color: transparent !important;
  border-bottom: 1px solid #334155 !important;
}

[data-theme="light"] trix-toolbar {
  border-bottom: 1px solid #e2e8f0 !important;
}

/* Toolbar buttons */
[data-theme="dark"] trix-toolbar .trix-button-group {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 0.375rem !important;
}

[data-theme="dark"] trix-toolbar .trix-button {
  color: rgba(255, 255, 255, 0.75) !important;
  border: none !important;
  filter: invert(1) opacity(0.75) !important;
}

[data-theme="dark"] trix-toolbar .trix-button:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.95) !important;
  filter: invert(1) opacity(0.95) !important;
}

[data-theme="dark"] trix-toolbar .trix-button.trix-active {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  filter: invert(1) opacity(1) !important;
}

[data-theme="light"] trix-toolbar .trix-button-group {
  background-color: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0.375rem !important;
}

[data-theme="light"] trix-toolbar .trix-button {
  color: #64748b !important;
  border: none !important;
}

[data-theme="light"] trix-toolbar .trix-button:hover {
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
}

[data-theme="light"] trix-toolbar .trix-button.trix-active {
  background-color: #cbd5e1 !important;
  color: #0f172a !important;
}

/* Hide file attachment tools */
trix-toolbar .trix-button--icon-attach,
trix-toolbar .trix-button-group--file-tools {
  display: none !important;
}

/* Content styling inside editor */
[data-theme="dark"] trix-editor h1 {
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.5rem !important;
}

[data-theme="dark"] trix-editor h2 {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-top: 1.25rem !important;
  margin-bottom: 0.4rem !important;
}

[data-theme="dark"] trix-editor h3 {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin-top: 1rem !important;
  margin-bottom: 0.35rem !important;
}

[data-theme="dark"] trix-editor strong {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 600 !important;
}

[data-theme="dark"] trix-editor a {
  color: #60a5fa !important;
  text-decoration: underline !important;
}

[data-theme="dark"] trix-editor ul,
[data-theme="dark"] trix-editor ol {
  padding-left: 1.5rem !important;
  margin: 0.75rem 0 !important;
}

[data-theme="dark"] trix-editor ul li { list-style-type: disc !important; }
[data-theme="dark"] trix-editor ol li { list-style-type: decimal !important; }
[data-theme="dark"] trix-editor li::marker { color: rgba(255, 255, 255, 0.45) !important; }

[data-theme="light"] trix-editor h1 {
  color: #0f172a !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.5rem !important;
}

[data-theme="light"] trix-editor h2 {
  color: #0f172a !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-top: 1.25rem !important;
  margin-bottom: 0.4rem !important;
}

[data-theme="light"] trix-editor h3 {
  color: #1e293b !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin-top: 1rem !important;
  margin-bottom: 0.35rem !important;
}

[data-theme="light"] trix-editor strong {
  color: #0f172a !important;
  font-weight: 600 !important;
}

[data-theme="light"] trix-editor a {
  color: #2563eb !important;
  text-decoration: underline !important;
}

[data-theme="light"] trix-editor ul,
[data-theme="light"] trix-editor ol {
  padding-left: 1.5rem !important;
  margin: 0.75rem 0 !important;
}

[data-theme="light"] trix-editor ul li { list-style-type: disc !important; }
[data-theme="light"] trix-editor ol li { list-style-type: decimal !important; }
[data-theme="light"] trix-editor li::marker { color: #64748b !important; }

/* Line height for readability */
trix-editor {
  line-height: 1.7 !important;
  font-size: 0.875rem !important;
}

/* Flush editor padding — used when surrounding container owns the spacing */
.mm-notes trix-editor {
  padding: 0 !important;
}