@kedataindo/docflow-element 0.0.2 → 0.0.4

package/dist/index.css

@@ -397,6 +397,17 @@ video {
     0 2px 4px -2px rgb(0 0 0 / 0.3),
     0 0 0 1px rgb(255 255 255 / 0.03);
 }
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
 .\!visible {
   visibility: visible !important;
 }
@@ -459,9 +470,15 @@ video {
 .right-3 {
   right: 0.75rem;
 }
+.right-4 {
+  right: 1rem;
+}
 .top-0 {
   top: 0px;
 }
+.top-16 {
+  top: 4rem;
+}
 .top-2\.5 {
   top: 0.625rem;
 }
@@ -526,15 +543,24 @@ video {
 .mb-6 {
   margin-bottom: 1.5rem;
 }
+.mb-8 {
+  margin-bottom: 2rem;
+}
 .ml-1 {
   margin-left: 0.25rem;
 }
 .ml-1\.5 {
   margin-left: 0.375rem;
 }
+.ml-auto {
+  margin-left: auto;
+}
 .mr-1 {
   margin-right: 0.25rem;
 }
+.mr-auto {
+  margin-right: auto;
+}
 .mt-0\.5 {
   margin-top: 0.125rem;
 }
@@ -544,6 +570,15 @@ video {
 .mt-1\.5 {
   margin-top: 0.375rem;
 }
+.mt-2 {
+  margin-top: 0.5rem;
+}
+.mt-2\.5 {
+  margin-top: 0.625rem;
+}
+.mt-3 {
+  margin-top: 0.75rem;
+}
 .mt-5 {
   margin-top: 1.25rem;
 }
@@ -559,6 +594,9 @@ video {
 .block {
   display: block;
 }
+.inline-block {
+  display: inline-block;
+}
 .inline {
   display: inline;
 }
@@ -637,15 +675,9 @@ video {
 .max-h-64 {
   max-height: 16rem;
 }
-.max-h-\[300px\] {
-  max-height: 300px;
-}
 .min-h-9 {
   min-height: 2.25rem;
 }
-.min-h-\[220px\] {
-  min-height: 220px;
-}
 .min-h-\[55px\] {
   min-height: 55px;
 }
@@ -658,12 +690,18 @@ video {
 .w-1\.5 {
   width: 0.375rem;
 }
+.w-1\/2 {
+  width: 50%;
+}
 .w-11 {
   width: 2.75rem;
 }
 .w-14 {
   width: 3.5rem;
 }
+.w-16 {
+  width: 4rem;
+}
 .w-2 {
   width: 0.5rem;
 }
@@ -712,6 +750,12 @@ video {
 .w-\[18px\] {
   width: 18px;
 }
+.w-\[272px\] {
+  width: 272px;
+}
+.w-\[340px\] {
+  width: 340px;
+}
 .w-full {
   width: 100%;
 }
@@ -721,6 +765,9 @@ video {
 .min-w-0 {
   min-width: 0px;
 }
+.min-w-44 {
+  min-width: 11rem;
+}
 .min-w-\[150px\] {
   min-width: 150px;
 }
@@ -751,6 +798,9 @@ video {
 .max-w-\[200px\] {
   max-width: 200px;
 }
+.max-w-\[220px\] {
+  max-width: 220px;
+}
 .max-w-\[794px\] {
   max-width: 794px;
 }
@@ -763,6 +813,9 @@ video {
 .max-w-md {
   max-width: 28rem;
 }
+.max-w-sm {
+  max-width: 24rem;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -792,6 +845,10 @@ video {
   --tw-rotate: -90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.rotate-180 {
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .scale-100 {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
@@ -838,6 +895,9 @@ video {
 .cursor-help {
   cursor: help;
 }
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
 .cursor-pointer {
   cursor: pointer;
 }
@@ -860,9 +920,15 @@ video {
 .resize {
   resize: both;
 }
+.grid-cols-10 {
+  grid-template-columns: repeat(10, minmax(0, 1fr));
+}
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
 .flex-col {
   flex-direction: column;
 }
@@ -875,6 +941,9 @@ video {
 .items-start {
   align-items: flex-start;
 }
+.items-end {
+  align-items: flex-end;
+}
 .items-center {
   align-items: center;
 }
@@ -914,6 +983,9 @@ video {
 .gap-4 {
   gap: 1rem;
 }
+.gap-6 {
+  gap: 1.5rem;
+}
 .-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
@@ -944,6 +1016,11 @@ video {
   margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
+.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+}
 .space-y-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -955,9 +1032,6 @@ video {
 .overflow-hidden {
   overflow: hidden;
 }
-.overflow-x-auto {
-  overflow-x: auto;
-}
 .overflow-y-auto {
   overflow-y: auto;
 }
@@ -978,6 +1052,9 @@ video {
 .rounded-2xl {
   border-radius: 1rem;
 }
+.rounded-3xl {
+  border-radius: 1.5rem;
+}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1056,6 +1133,9 @@ video {
 .border-cyan-500\/25 {
   border-color: rgb(6 182 212 / 0.25);
 }
+.border-cyan-500\/30 {
+  border-color: rgb(6 182 212 / 0.3);
+}
 .border-cyan-500\/40 {
   border-color: rgb(6 182 212 / 0.4);
 }
@@ -1116,6 +1196,9 @@ video {
 .bg-amber-500\/10 {
   background-color: rgb(245 158 11 / 0.1);
 }
+.bg-black\/50 {
+  background-color: rgb(0 0 0 / 0.5);
+}
 .bg-blue-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
@@ -1124,6 +1207,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
 }
+.bg-blue-500\/10 {
+  background-color: rgb(59 130 246 / 0.1);
+}
 .bg-blue-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
@@ -1145,6 +1231,10 @@ video {
 .bg-cyan-500\/5 {
   background-color: rgb(6 182 212 / 0.05);
 }
+.bg-cyan-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1));
+}
 .bg-emerald-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
@@ -1153,6 +1243,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
 }
+.bg-emerald-500\/10 {
+  background-color: rgb(16 185 129 / 0.1);
+}
 .bg-emerald-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
@@ -1160,6 +1253,13 @@ video {
 .bg-green-50\/55 {
   background-color: rgb(240 253 244 / 0.55);
 }
+.bg-purple-500\/10 {
+  background-color: rgb(168 85 247 / 0.1);
+}
+.bg-red-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
+}
 .bg-slate-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
@@ -1168,6 +1268,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
 }
+.bg-slate-200\/70 {
+  background-color: rgb(226 232 240 / 0.7);
+}
 .bg-slate-200\/80 {
   background-color: rgb(226 232 240 / 0.8);
 }
@@ -1181,6 +1284,9 @@ video {
 .bg-slate-50\/60 {
   background-color: rgb(248 250 252 / 0.6);
 }
+.bg-slate-900\/40 {
+  background-color: rgb(15 23 42 / 0.4);
+}
 .bg-slate-900\/50 {
   background-color: rgb(15 23 42 / 0.5);
 }
@@ -1191,9 +1297,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-.bg-white\/70 {
-  background-color: rgb(255 255 255 / 0.7);
-}
 .bg-white\/80 {
   background-color: rgb(255 255 255 / 0.8);
 }
@@ -1247,6 +1350,9 @@ video {
 .p-6 {
   padding: 1.5rem;
 }
+.p-7 {
+  padding: 1.75rem;
+}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1275,6 +1381,14 @@ video {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
 .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;
@@ -1307,17 +1421,23 @@ video {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
 .py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+.pb-4 {
+  padding-bottom: 1rem;
+}
 .pl-0 {
   padding-left: 0px;
 }
@@ -1366,12 +1486,12 @@ video {
 .pt-1 {
   padding-top: 0.25rem;
 }
+.pt-1\.5 {
+  padding-top: 0.375rem;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
-.pt-2\.5 {
-  padding-top: 0.625rem;
-}
 .pt-3 {
   padding-top: 0.75rem;
 }
@@ -1422,6 +1542,10 @@ video {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
@@ -1522,6 +1646,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(79 70 229 / var(--tw-text-opacity, 1));
 }
+.text-purple-600 {
+  --tw-text-opacity: 1;
+  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
+}
 .text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -1530,6 +1658,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
 }
+.text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
+}
 .text-slate-200 {
   --tw-text-opacity: 1;
   color: rgb(226 232 240 / var(--tw-text-opacity, 1));
@@ -1562,6 +1694,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
 }
+.text-violet-500 {
+  --tw-text-opacity: 1;
+  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
+}
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -1713,6 +1849,11 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .duration-100 {
   transition-duration: 100ms;
 }
@@ -1917,12 +2058,20 @@ video {
   text-decoration: line-through !important;
   color: #64748b !important;
 }
+.rm-with-pagination table,
 .ProseMirror table {
-  border-collapse: collapse;
+  border-collapse: collapse !important;
   margin: 0.5rem 0 !important;
-  overflow: hidden;
-  table-layout: fixed;
+  overflow: visible;
+  table-layout: fixed !important;
   width: 100%;
+  display: table !important;
+}
+.rm-with-pagination table tbody,
+.ProseMirror table tbody {
+  display: table-row-group !important;
+  max-height: none !important;
+  overflow: visible !important;
 }
 .ProseMirror td,
 .ProseMirror th {
@@ -1953,19 +2102,63 @@ video {
   position: absolute;
   z-index: 2;
 }
-.ProseMirror .column-resize-handle {
-  background-color: #22d3ee;
-  bottom: -2px;
-  position: absolute;
-  right: -2px;
-  top: 0;
-  width: 4px;
+.ProseMirror td.col-resize-active,
+.ProseMirror th.col-resize-active {
+  position: relative !important;
+}
+.ProseMirror td.col-resize-active::after,
+.ProseMirror th.col-resize-active::after {
+  content: "" !important;
+  position: absolute !important;
+  top: 0 !important;
+  right: -2px !important;
+  bottom: 0 !important;
+  width: 4px !important;
+  background-color: #06b6d4 !important;
+  box-shadow: 0 0 8px rgba(6, 182, 212, 0.9) !important;
+  z-index: 100 !important;
+  pointer-events: none !important;
 }
 .ProseMirror.resize-cursor {
   cursor: col-resize;
 }
+.ProseMirror a {
+  color: #2563eb;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.dark .ProseMirror a {
+  color: #60a5fa;
+}
 .ProseMirror .tableWrapper {
   overflow-x: auto;
+  width: 100%;
+}
+.ProseMirror td::after,
+.ProseMirror th::after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 8px;
+  cursor: col-resize;
+  pointer-events: auto;
+  z-index: 10;
+}
+.ProseMirror td:not(:first-child)::before,
+.ProseMirror th:not(:first-child)::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 8px;
+  cursor: col-resize;
+  pointer-events: auto;
+  z-index: 10;
 }
 .collaborator-cursor {
   position: relative;
@@ -2119,6 +2312,259 @@ video {
 .dark .docs-footnote-item-text[data-empty=true]::before {
   color: #64748b;
 }
+.docs-ai-selection {
+  border-radius: 3px;
+  background: rgba(6, 182, 212, 0.12);
+  transition: background 0.1s;
+}
+.docs-ai-ghost {
+  color: #0891b2;
+  background: rgba(6, 182, 212, 0.07);
+  border-radius: 3px;
+  font-style: italic;
+  white-space: pre-wrap;
+}
+.docs-ai-ghost--error {
+  color: #dc2626;
+  background: rgba(220, 38, 38, 0.08);
+  font-style: normal;
+}
+.docs-ai-prompt {
+  display: inline-block;
+  margin: 0 2px;
+  vertical-align: baseline;
+}
+.docs-ai-prompt__input {
+  min-width: 260px;
+  padding: 4px 10px;
+  border: 1px solid rgba(6, 182, 212, 0.5);
+  border-radius: 8px;
+  background: #ffffff;
+  color: #0f172a;
+  font: inherit;
+  font-style: italic;
+  outline: none;
+  box-shadow: 0 2px 12px rgba(6, 182, 212, 0.15);
+}
+.docs-ai-prompt__input:focus {
+  border-color: #06b6d4;
+}
+.dark .docs-ai-prompt__input {
+  background: #0c1329;
+  color: #e2e8f0;
+  border-color: rgba(34, 211, 238, 0.4);
+}
+.dark .docs-ai-prompt__input:focus {
+  border-color: #22d3ee;
+}
+.docs-ai-ghost-placeholder {
+  color: #94a3b8;
+}
+.docs-ai-ghost-actions {
+  display: inline-flex;
+  gap: 4px;
+  margin-left: 6px;
+  vertical-align: baseline;
+}
+.docs-ai-ghost-btn {
+  padding: 1px 8px;
+  border: none;
+  border-radius: 6px;
+  font-size: 0.8em;
+  font-weight: 600;
+  font-style: normal;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.docs-ai-ghost-btn--accept {
+  background: #059669;
+  color: #ffffff;
+}
+.docs-ai-ghost-btn--accept:hover {
+  background: #047857;
+}
+.docs-ai-ghost-btn--reject {
+  background: rgba(220, 38, 38, 0.12);
+  color: #dc2626;
+}
+.docs-ai-ghost-btn--reject:hover {
+  background: rgba(220, 38, 38, 0.22);
+}
+.dark .docs-ai-ghost-btn--reject {
+  background: rgba(248, 113, 113, 0.16);
+  color: #f87171;
+}
+.dark .docs-ai-ghost-btn--reject:hover {
+  background: rgba(248, 113, 113, 0.28);
+}
+.dark .docs-ai-selection {
+  background: rgba(34, 211, 238, 0.18);
+}
+.dark .docs-ai-ghost {
+  color: #22d3ee;
+  background: rgba(34, 211, 238, 0.1);
+}
+.dark .docs-ai-ghost--error {
+  color: #f87171;
+  background: rgba(248, 113, 113, 0.12);
+}
+.docs-citation {
+  display: inline;
+  border-radius: 3px;
+  padding: 0 1px;
+  background: rgba(37, 99, 235, 0.08);
+  cursor: default;
+  transition: background 0.1s;
+}
+.ProseMirror-selectednode .docs-citation,
+.docs-citation:hover {
+  background: rgba(37, 99, 235, 0.18);
+}
+.docs-citation--missing {
+  color: #b45309;
+  background: rgba(217, 119, 6, 0.12);
+  font-weight: 600;
+}
+.docs-footnote-item-text--citation {
+  cursor: default;
+  color: #334155;
+}
+.docs-bibliography {
+  margin: 1.5em 0;
+  padding-top: 0.5em;
+  border-top: 1px solid #e2e8f0;
+}
+.docs-bibliography__heading {
+  font-size: 1.1em;
+  font-weight: 700;
+  margin: 0 0 0.5em;
+  color: #0f172a;
+}
+.docs-bibliography__empty {
+  color: #94a3b8;
+  font-style: italic;
+  margin: 0;
+}
+.docs-bibliography__entry {
+  margin: 0 0 0.4em;
+  padding-left: 2.5em;
+  text-indent: -2.5em;
+  line-height: 1.6;
+  overflow-wrap: break-word;
+}
+.dark .docs-citation {
+  background: rgba(96, 165, 250, 0.14);
+}
+.dark .ProseMirror-selectednode .docs-citation,
+.dark .docs-citation:hover {
+  background: rgba(96, 165, 250, 0.26);
+}
+.dark .docs-citation--missing {
+  color: #fbbf24;
+  background: rgba(217, 119, 6, 0.2);
+}
+.dark .docs-footnote-item-text--citation {
+  color: #cbd5e1;
+}
+.dark .docs-bibliography {
+  border-top-color: #334155;
+}
+.dark .docs-bibliography__heading {
+  color: #f1f5f9;
+}
+.dark .docs-bibliography__empty {
+  color: #64748b;
+}
+.docs-toc {
+  margin: 1em 0;
+  padding: 0.75em 1em;
+  border: 1px solid #e2e8f0;
+  border-radius: 8px;
+  background: #f8fafc;
+}
+.docs-toc__chrome {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 0.5em;
+}
+.docs-toc__caption {
+  font-size: 0.7em;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: #64748b;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.docs-toc__refresh {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  font-size: 0.9em;
+  line-height: 1;
+  padding: 2px 6px;
+  border-radius: 4px;
+  color: #64748b;
+  transition: background 0.1s, color 0.1s;
+}
+.docs-toc__refresh:hover {
+  background: #e2e8f0;
+  color: #0f172a;
+}
+.docs-toc__entry {
+  margin: 0;
+  line-height: 1.6;
+  cursor: pointer;
+  display: flex;
+  align-items: baseline;
+  gap: 4px;
+}
+.docs-toc__entry:hover {
+  color: #2563eb;
+  text-decoration: underline;
+}
+.docs-toc__entry:has(.docs-toc__page)::after {
+  content: "";
+  flex: 1;
+  border-bottom: 1px dotted #cbd5e1;
+  transform: translateY(-4px);
+}
+.docs-toc__page {
+  order: 1;
+  color: #64748b;
+  font-variant-numeric: tabular-nums;
+}
+.docs-toc__entry[data-level="2"] {
+  padding-left: 1.25rem;
+}
+.docs-toc__entry[data-level="3"] {
+  padding-left: 2.5rem;
+}
+.dark .docs-toc {
+  border-color: #334155;
+  background: rgba(255, 255, 255, 0.02);
+}
+.dark .docs-toc__caption {
+  color: #94a3b8;
+}
+.dark .docs-toc__refresh {
+  color: #94a3b8;
+}
+.dark .docs-toc__refresh:hover {
+  background: rgba(255, 255, 255, 0.06);
+  color: #f1f5f9;
+}
+.dark .docs-toc__entry:hover {
+  color: #60a5fa;
+}
+.dark .docs-toc__entry:has(.docs-toc__page)::after {
+  border-bottom-color: #475569;
+}
+.dark .docs-toc__page {
+  color: #94a3b8;
+}
 @page {
   margin: 20mm;
   size: auto;
@@ -2129,6 +2575,201 @@ video {
 .dark .rm-with-pagination {
   background-color: #0a0f1e;
 }
+.rm-page-header {
+  position: relative !important;
+  width: 100% !important;
+  box-sizing: border-box !important;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  margin-top: var(--rm-header-margin-top, 8px) !important;
+  cursor: default !important;
+  font-size: 14px !important;
+  line-height: 1.5 !important;
+  min-height: 24px !important;
+}
+.rm-page-footer {
+  position: relative !important;
+  width: 100% !important;
+  box-sizing: border-box !important;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  margin-bottom: var(--rm-footer-margin-bottom, 8px) !important;
+  cursor: default !important;
+  font-size: 14px !important;
+  line-height: 1.5 !important;
+  min-height: 24px !important;
+}
+.rm-page-header-left,
+.rm-page-header-right,
+.rm-page-footer-left,
+.rm-page-footer-right {
+  font-size: 14px !important;
+  line-height: 1.5 !important;
+  min-height: 24px !important;
+  pointer-events: auto !important;
+}
+.rm-page-header-left {
+  display: inline-block !important;
+  min-width: 200px !important;
+  min-height: 24px !important;
+  cursor: text !important;
+  pointer-events: auto !important;
+  -moz-user-select: text !important;
+  user-select: text !important;
+  -webkit-user-select: text !important;
+}
+.rm-page-header [contenteditable=true] {
+  outline: none !important;
+  min-height: 24px !important;
+  font-size: 14px !important;
+  line-height: 1.5 !important;
+  display: inline-block !important;
+  min-width: 200px !important;
+  cursor: text !important;
+  pointer-events: auto !important;
+  -moz-user-select: text !important;
+  user-select: text !important;
+  -webkit-user-select: text !important;
+}
+.rm-page-header.rm-header-active {
+  position: relative !important;
+  overflow: visible !important;
+  margin-bottom: 28px !important;
+}
+.rm-google-docs-header-bar {
+  position: absolute !important;
+  top: 100% !important;
+  left: calc(-1 * var(--rm-margin-left, 72px)) !important;
+  right: calc(-1 * var(--rm-margin-right, 72px)) !important;
+  width: calc(100% + var(--rm-margin-left, 72px) + var(--rm-margin-right, 72px)) !important;
+  height: 28px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: space-between !important;
+  padding-left: var(--rm-margin-left, 72px) !important;
+  padding-right: var(--rm-margin-right, 72px) !important;
+  background-color: #f8fafc !important;
+  border-top: 1px solid #3b82f6 !important;
+  font-family: inherit !important;
+  font-size: 11px !important;
+  color: #64748b !important;
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  user-select: none !important;
+  z-index: 20 !important;
+  box-sizing: border-box !important;
+}
+.dark .rm-google-docs-header-bar {
+  background-color: #0f172a !important;
+  border-top: 1px solid #3b82f6 !important;
+  color: #94a3b8 !important;
+}
+.rm-google-docs-header-bar .rm-header-label {
+  font-weight: 400 !important;
+  color: #94a3b8 !important;
+}
+.rm-google-docs-header-bar .rm-header-right-tools {
+  display: flex !important;
+  align-items: center !important;
+  gap: 16px !important;
+}
+.rm-google-docs-header-bar .rm-diff-label {
+  display: flex !important;
+  align-items: center !important;
+  gap: 6px !important;
+  cursor: pointer !important;
+  color: #475569 !important;
+  font-size: 11px !important;
+  transition: color 0.15s ease !important;
+}
+.dark .rm-google-docs-header-bar .rm-diff-label {
+  color: #cbd5e1 !important;
+}
+.rm-google-docs-header-bar .rm-diff-label:hover {
+  color: #0f172a !important;
+}
+.dark .rm-google-docs-header-bar .rm-diff-label:hover {
+  color: #ffffff !important;
+}
+.rm-google-docs-header-bar .rm-diff-cb {
+  width: 13px !important;
+  height: 13px !important;
+  border-radius: 2px !important;
+  border: 1px solid #94a3b8 !important;
+  accent-color: #2563eb !important;
+  cursor: pointer !important;
+}
+.rm-google-docs-header-bar .rm-options-wrapper {
+  position: relative !important;
+}
+.rm-google-docs-header-bar .rm-options-btn {
+  display: inline-flex !important;
+  align-items: center !important;
+  gap: 6px !important;
+  color: #1d4ed8 !important;
+  font-weight: 600 !important;
+  font-size: 11px !important;
+  background-color: #dbeafe !important;
+  border: none !important;
+  cursor: pointer !important;
+  padding: 3px 12px !important;
+  border-radius: 9999px !important;
+  transition: all 0.15s ease !important;
+}
+.dark .rm-google-docs-header-bar .rm-options-btn {
+  background-color: #1e3a8a !important;
+  color: #93c5fd !important;
+}
+.rm-google-docs-header-bar .rm-options-btn:hover {
+  background-color: #bfdbfe !important;
+}
+.dark .rm-google-docs-header-bar .rm-options-btn:hover {
+  background-color: #1d4ed8 !important;
+}
+.rm-options-dropdown {
+  position: absolute !important;
+  top: calc(100% + 6px) !important;
+  right: 12px !important;
+  width: 170px !important;
+  background-color: #edf2fa !important;
+  border: 1px solid #cbd5e1 !important;
+  border-radius: 12px !important;
+  padding: 6px 0 !important;
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
+  z-index: 100 !important;
+  display: none !important;
+  flex-direction: column !important;
+  overflow: hidden !important;
+}
+.rm-options-dropdown.is-open {
+  display: flex !important;
+}
+.dark .rm-options-dropdown {
+  background-color: #1e293b !important;
+  border-color: #334155 !important;
+}
+.rm-options-dropdown button {
+  display: block !important;
+  width: 100% !important;
+  text-align: left !important;
+  padding: 9px 16px !important;
+  font-size: 12px !important;
+  font-weight: 500 !important;
+  color: #1e293b !important;
+  background: none !important;
+  border: none !important;
+  cursor: pointer !important;
+  transition: background-color 0.15s ease !important;
+}
+.dark .rm-options-dropdown button {
+  color: #f1f5f9 !important;
+}
+.rm-options-dropdown button:hover {
+  background-color: #dbeafe !important;
+}
+.dark .rm-options-dropdown button:hover {
+  background-color: #334155 !important;
+}
 @media (max-width: 768px) {
   .docs-editor-scroll {
     padding-left: 0 !important;
@@ -2179,42 +2820,44 @@ video {
     box-shadow: none !important;
     box-sizing: border-box !important;
   }
-  .ProseMirror {
-    width: 100% !important;
-    max-width: 100vw !important;
-    padding-left: 16px !important;
-    padding-right: 16px !important;
-    box-sizing: border-box !important;
-  }
-  [data-rm-pagination] {
-    max-width: 100vw !important;
-    width: 100% !important;
-  }
-  .rm-page-break {
-    max-width: 100vw !important;
-    width: 100% !important;
-    box-sizing: border-box !important;
-    border-left: none !important;
-    border-right: none !important;
-  }
-  .rm-page-break > .page {
-    max-width: 100vw !important;
-    width: 100% !important;
-    padding-left: 16px !important;
-    padding-right: 16px !important;
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-    box-sizing: border-box !important;
-  }
-  .rm-page-break > .breaker {
-    width: 100% !important;
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-  }
-  .rm-pagination-gap {
-    width: 100% !important;
-    margin-left: 0 !important;
-    margin-right: 0 !important;
+  @media screen {
+    .ProseMirror {
+      width: 100% !important;
+      max-width: 100vw !important;
+      padding-left: 16px !important;
+      padding-right: 16px !important;
+      box-sizing: border-box !important;
+    }
+    [data-rm-pagination] {
+      max-width: 100vw !important;
+      width: 100% !important;
+    }
+    .rm-page-break {
+      max-width: 100vw !important;
+      width: 100% !important;
+      box-sizing: border-box !important;
+      border-left: none !important;
+      border-right: none !important;
+    }
+    .rm-page-break > .page {
+      max-width: 100vw !important;
+      width: 100% !important;
+      padding-left: 16px !important;
+      padding-right: 16px !important;
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+      box-sizing: border-box !important;
+    }
+    .rm-page-break > .breaker {
+      width: 100% !important;
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+    }
+    .rm-pagination-gap {
+      width: 100% !important;
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+    }
   }
   .docs-editor-toolbar > div {
     overflow-x: auto !important;
@@ -2293,22 +2936,48 @@ video {
     -webkit-print-color-adjust: exact !important;
     print-color-adjust: exact !important;
   }
-  .rm-with-pagination {
+  .docs-editor__paper,
+  .docs-editor__paper *,
+  .ProseMirror,
+  .ProseMirror * {
+    background: #ffffff !important;
+    background-color: #ffffff !important;
+    color: #000000 !important;
+    border-color: #e5e7eb !important;
+  }
+  .ProseMirror pre,
+  .ProseMirror pre * {
+    background: #f8fafc !important;
+    color: #0f172a !important;
+  }
+  .ProseMirror blockquote,
+  .ProseMirror blockquote * {
+    background: #f1f5f9 !important;
+    color: #334155 !important;
+  }
+  @page {
+    size: A4;
+    margin: 20mm;
+  }
+  [data-rm-pagination] {
+    display: block !important;
     width: 100% !important;
-    max-width: 100% !important;
-    padding: 0 !important;
-    border: none !important;
-    min-height: auto !important;
-    height: auto !important;
-    overflow: visible !important;
-    background-color: white !important;
   }
-  [data-rm-pagination] .rm-page-break > .page,
-  [data-rm-pagination] .rm-page-break > .breaker,
+  .rm-page-break {
+    display: block !important;
+    page-break-after: always !important;
+  }
+  .rm-page-break:last-child {
+    page-break-after: auto !important;
+  }
+  .rm-page-break > .page,
+  .rm-page-break > .breaker,
+  .rm-pagination-gap,
   .rm-first-page-header {
     display: none !important;
   }
-  [data-rm-pagination] {
+  .rm-page-header,
+  .rm-page-footer {
     display: none !important;
   }
   #printable-document,
@@ -2390,6 +3059,30 @@ video {
     text-decoration: underline;
   }
 }
+.ProseMirror .find-match {
+  background-color: rgba(250, 204, 21, 0.4);
+  border-radius: 2px;
+}
+.ProseMirror .find-match-active {
+  background-color: rgba(250, 204, 21, 0.75);
+  outline: 1px solid #eab308;
+}
+.dark .ProseMirror .find-match {
+  background-color: rgba(250, 204, 21, 0.3);
+}
+.dark .ProseMirror .find-match-active {
+  background-color: rgba(234, 179, 8, 0.55);
+  outline-color: #facc15;
+}
+.hover\:scale-110:hover {
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.hover\:border-blue-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
+}
 .hover\:border-cyan-500:hover {
   --tw-border-opacity: 1;
   border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
@@ -2404,6 +3097,14 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
 }
+.hover\:bg-blue-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-blue-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-blue-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
@@ -2412,9 +3113,21 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-cyan-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-cyan-500\/5:hover {
   background-color: rgb(6 182 212 / 0.05);
 }
+.hover\:bg-cyan-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-emerald-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-emerald-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
@@ -2422,6 +3135,10 @@ video {
 .hover\:bg-green-500\/10:hover {
   background-color: rgb(34 197 94 / 0.1);
 }
+.hover\:bg-red-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-slate-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
@@ -2450,6 +3167,14 @@ video {
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity, 1));
 }
+.hover\:text-blue-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
+}
+.hover\:text-blue-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
+}
 .hover\:text-cyan-500:hover {
   --tw-text-opacity: 1;
   color: rgb(6 182 212 / var(--tw-text-opacity, 1));
@@ -2462,6 +3187,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(34 197 94 / var(--tw-text-opacity, 1));
 }
+.hover\:text-red-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
 .hover\:text-red-600:hover {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
@@ -2482,13 +3211,25 @@ video {
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
 }
+.hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
 .hover\:opacity-90:hover {
   opacity: 0.9;
 }
+.focus\:border-blue-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
+}
 .focus\:border-cyan-400:focus {
   --tw-border-opacity: 1;
   border-color: rgb(34 211 238 / var(--tw-border-opacity, 1));
 }
+.focus\:border-cyan-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
+}
 .focus\:border-cyan-500\/50:focus {
   border-color: rgb(6 182 212 / 0.5);
 }
@@ -2504,12 +3245,37 @@ video {
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
+.focus\:ring-2:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
 .focus\:ring-blue-400\/50:focus {
   --tw-ring-color: rgb(96 165 250 / 0.5);
 }
+.focus\:ring-blue-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
+.focus\:ring-blue-500\/20:focus {
+  --tw-ring-color: rgb(59 130 246 / 0.2);
+}
+.focus\:ring-cyan-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));
+}
 .focus\:ring-cyan-500\/50:focus {
   --tw-ring-color: rgb(6 182 212 / 0.5);
 }
+.disabled\:cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
+.disabled\:opacity-30:disabled {
+  opacity: 0.3;
+}
 .disabled\:opacity-40:disabled {
   opacity: 0.4;
 }
@@ -2530,6 +3296,12 @@ video {
 .dark\:border-amber-500\/20:is(.dark *) {
   border-color: rgb(245 158 11 / 0.2);
 }
+.dark\:border-cyan-400\/30:is(.dark *) {
+  border-color: rgb(34 211 238 / 0.3);
+}
+.dark\:border-cyan-400\/50:is(.dark *) {
+  border-color: rgb(34 211 238 / 0.5);
+}
 .dark\:border-cyan-500\/15:is(.dark *) {
   border-color: rgb(6 182 212 / 0.15);
 }
@@ -2550,6 +3322,9 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
 }
+.dark\:border-slate-700\/50:is(.dark *) {
+  border-color: rgb(51 65 85 / 0.5);
+}
 .dark\:border-slate-700\/80:is(.dark *) {
   border-color: rgb(51 65 85 / 0.8);
 }
@@ -2564,6 +3339,9 @@ video {
 .dark\:border-white\/10:is(.dark *) {
   border-color: rgb(255 255 255 / 0.1);
 }
+.dark\:border-white\/15:is(.dark *) {
+  border-color: rgb(255 255 255 / 0.15);
+}
 .dark\:border-white\/5:is(.dark *) {
   border-color: rgb(255 255 255 / 0.05);
 }
@@ -2574,12 +3352,6 @@ video {
 .dark\:bg-\[\#02040a\]\/40:is(.dark *) {
   background-color: rgb(2 4 10 / 0.4);
 }
-.dark\:bg-\[\#02040a\]\/50:is(.dark *) {
-  background-color: rgb(2 4 10 / 0.5);
-}
-.dark\:bg-\[\#02040a\]\/80:is(.dark *) {
-  background-color: rgb(2 4 10 / 0.8);
-}
 .dark\:bg-\[\#080d1a\]:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(8 13 26 / var(--tw-bg-opacity, 1));
@@ -2609,6 +3381,10 @@ video {
 .dark\:bg-\[\#0e1525\]\/60:is(.dark *) {
   background-color: rgb(14 21 37 / 0.6);
 }
+.dark\:bg-\[\#1a2332\]:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(26 35 50 / var(--tw-bg-opacity, 1));
+}
 .dark\:bg-blue-900\/30:is(.dark *) {
   background-color: rgb(30 58 138 / 0.3);
 }
@@ -2621,6 +3397,9 @@ video {
 .dark\:bg-cyan-500\/10:is(.dark *) {
   background-color: rgb(6 182 212 / 0.1);
 }
+.dark\:bg-cyan-500\/15:is(.dark *) {
+  background-color: rgb(6 182 212 / 0.15);
+}
 .dark\:bg-cyan-500\/5:is(.dark *) {
   background-color: rgb(6 182 212 / 0.05);
 }
@@ -2630,6 +3409,9 @@ video {
 .dark\:bg-green-950\/10:is(.dark *) {
   background-color: rgb(5 46 22 / 0.1);
 }
+.dark\:bg-red-500\/10:is(.dark *) {
+  background-color: rgb(239 68 68 / 0.1);
+}
 .dark\:bg-slate-700:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
@@ -2657,6 +3439,9 @@ video {
 .dark\:bg-white\/\[0\.02\]:is(.dark *) {
   background-color: rgb(255 255 255 / 0.02);
 }
+.dark\:bg-white\/\[0\.04\]:is(.dark *) {
+  background-color: rgb(255 255 255 / 0.04);
+}
 .dark\:text-\[\#e2e8f0\]:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(226 232 240 / var(--tw-text-opacity, 1));
@@ -2677,6 +3462,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(147 197 253 / var(--tw-text-opacity, 1));
 }
+.dark\:text-blue-400:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
 .dark\:text-cyan-300:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(103 232 249 / var(--tw-text-opacity, 1));
@@ -2685,6 +3474,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(34 211 238 / var(--tw-text-opacity, 1));
 }
+.dark\:text-emerald-400:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
+}
 .dark\:text-green-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(74 222 128 / var(--tw-text-opacity, 1));
@@ -2693,6 +3486,14 @@ video {
   --tw-text-opacity: 1;
   color: rgb(165 180 252 / var(--tw-text-opacity, 1));
 }
+.dark\:text-purple-400:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
+}
+.dark\:text-red-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
+}
 .dark\:text-red-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity, 1));
@@ -2717,9 +3518,21 @@ video {
   --tw-text-opacity: 1;
   color: rgb(100 116 139 / var(--tw-text-opacity, 1));
 }
+.dark\:text-slate-600:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
+}
+.dark\:text-white:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
 .dark\:text-white\/10:is(.dark *) {
   color: rgb(255 255 255 / 0.1);
 }
+.dark\:hover\:border-blue-500:hover:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+}
 .dark\:hover\:border-cyan-400\/50:hover:is(.dark *) {
   border-color: rgb(34 211 238 / 0.5);
 }
@@ -2733,6 +3546,32 @@ video {
 .dark\:hover\:border-white\/10:hover:is(.dark *) {
   border-color: rgb(255 255 255 / 0.1);
 }
+.dark\:hover\:border-white\/20:hover:is(.dark *) {
+  border-color: rgb(255 255 255 / 0.2);
+}
+.dark\:hover\:bg-blue-600:hover:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:bg-blue-950\/40:hover:is(.dark *) {
+  background-color: rgb(23 37 84 / 0.4);
+}
+.dark\:hover\:bg-cyan-500\/10:hover:is(.dark *) {
+  background-color: rgb(6 182 212 / 0.1);
+}
+.dark\:hover\:bg-emerald-500\/10:hover:is(.dark *) {
+  background-color: rgb(16 185 129 / 0.1);
+}
+.dark\:hover\:bg-red-500\/10:hover:is(.dark *) {
+  background-color: rgb(239 68 68 / 0.1);
+}
+.dark\:hover\:bg-red-950\/40:hover:is(.dark *) {
+  background-color: rgb(69 10 10 / 0.4);
+}
+.dark\:hover\:bg-slate-700:hover:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
+}
 .dark\:hover\:bg-slate-700\/50:hover:is(.dark *) {
   background-color: rgb(51 65 85 / 0.5);
 }
@@ -2758,6 +3597,10 @@ video {
 .dark\:hover\:bg-white\/5:hover:is(.dark *) {
   background-color: rgb(255 255 255 / 0.05);
 }
+.dark\:hover\:text-blue-400:hover:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
 .dark\:hover\:text-cyan-300:hover:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(103 232 249 / var(--tw-text-opacity, 1));
@@ -2774,6 +3617,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(226 232 240 / var(--tw-text-opacity, 1));
 }
+.dark\:hover\:text-slate-300:hover:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
+}
 .dark\:hover\:text-white:hover:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));