@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

.ql-editor {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.ql-toolbar.ql-snow {
    
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

div.container {
    max-width: 100%;
}

#leftTab-Story ul, #leftTab-Interns ul, #leftTab-Artifacts ul {
    list-style-type: disc; /* Ensure that the lists use the default bullet style */
    padding-left: 20px;    /* Add some padding to align the bullets properly */
}

#editor-context-menu {
    position: absolute;
    z-index: 10000; /* Ensure it stays above the editor */
}
#editor-context-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


#editor-container .ql-container.ql-snow {
    width: 100%;
    min-width: 0;
    
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
#editor-container {
    width: 100%;
    overflow-x: auto;

    min-width: 0;
}
.cool-title {
    font-size: 1.5rem;
    font-weight: bold;
    background: linear-gradient(45deg, #ff00cc, #3333ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}
.toolbar-select {
    height: 32px;
    padding: 0 8px;
    border-radius: 0.25rem;
    font-size: 0.875rem;
}

.toolbar-override {
    height: 32px !important;
    width: 80px !important;
    background: hsl(var(--b3)) !important;
    color: hsl(var(--bc));
}

/* Add this to enable scrolling */
.left-column {
    overflow-y: auto;
    height: 100%;
}

.highlighted-text {
    color: hsl(var(--bc)); /* Theme-aware base content color */
}

/* LLM suggestion card styles */
.rw-suggestion-card {
    /* Reduce top margin (halve), keep bottom margin the same */
    margin: 0.125rem 0 0.25rem 0; /* top right bottom left */
}
.rw-sugg-inner .rw-sugg-body {
    padding: 0.75rem; /* a bit tighter than default */
}
.rw-sugg-body {
    font-size: inherit; /* Match editor font size */
    line-height: inherit; /* Keep rhythm consistent with editor */
}
.rw-sugg-content {
    font-size: inherit;
}
.ql-editor .llm-suggestion {
    /* Quill embeds render as block elements; ensure full width */
    width: 100%;
}

.dropdown-content {
    z-index: 1000; /* Ensure the dropdown is on top */
}

/* Ensure the overlay covers the entire screen */
#selected-text-range {
    white-space: pre-wrap; /* Wraps text inside pre tag */
    word-wrap: break-word; /* Prevents words from breaking out of the container */
}

#editor-title:focus {
    outline: none;
    border: 1px solid #cbd5e1; /* Light border color */
    box-shadow: 0 0 0 2px rgba(203, 213, 225, 0.5); /* Light shadow for focus effect */
}

/* Subtle focus bounce to highlight the editor container */
@keyframes rwFocusBounce {
  0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.0); }
  30% { box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.35); }
  60% { box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.20); }
  100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.0); }
}

.editor-focus-bounce {
  animation: rwFocusBounce 600ms ease-out;
  border-radius: 0.5rem; /* match existing rounded corners */
}