/* 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;
}

/* Hide the native Trix toolbar everywhere — the app uses the floating toolbar instead */
trix-toolbar { 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;
}