/* JailGPT web — доп. стили поверх Tailwind. */

html, body {
    height: 100%;
    background: #0a0a0b;
}

/* Динамическая высота viewport для мобильных (динамика адрес-бара) */
.h-dvh { height: 100dvh; }

/* Скролл-бар в тёмной теме */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
    background: #2a2b30;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover { background: #3a3b41; }

/* Prose-стили для рендера markdown-ответа */
.markdown-body { line-height: 1.65; font-size: 15px; }
.markdown-body p { margin: 0.5em 0; }
.markdown-body p:first-child { margin-top: 0; }
.markdown-body p:last-child { margin-bottom: 0; }

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 {
    font-weight: 600;
    margin: 1.2em 0 0.5em;
    color: #f5f5f5;
}
.markdown-body h1 { font-size: 1.5em; }
.markdown-body h2 { font-size: 1.3em; }
.markdown-body h3 { font-size: 1.15em; }
.markdown-body h4 { font-size: 1.05em; }

.markdown-body ul, .markdown-body ol { margin: 0.5em 0; padding-left: 1.5em; }
.markdown-body li { margin: 0.25em 0; }
.markdown-body ul { list-style: disc; }
.markdown-body ol { list-style: decimal; }

.markdown-body a { color: #f5a524; text-decoration: underline; text-underline-offset: 2px; }
.markdown-body a:hover { color: #f7b13f; }

.markdown-body strong { font-weight: 700; color: #f5f5f5; }
.markdown-body em { font-style: italic; }

.markdown-body code {
    background: #1e1f22;
    padding: 0.15em 0.35em;
    border-radius: 4px;
    font-family: 'JetBrains Mono', Menlo, monospace;
    font-size: 0.9em;
    color: #f5a524;
}

.markdown-body pre {
    background: #17181a;
    border: 1px solid #2a2b30;
    border-radius: 10px;
    padding: 14px 16px;
    overflow-x: auto;
    margin: 0.8em 0;
    font-size: 13px;
}
.markdown-body pre code {
    background: none;
    padding: 0;
    color: #e8e8e8;
    font-size: inherit;
}

.markdown-body blockquote {
    border-left: 3px solid #3a3b41;
    padding-left: 1em;
    color: #a8a8a8;
    margin: 0.8em 0;
}

.markdown-body table {
    border-collapse: collapse;
    margin: 0.8em 0;
    width: 100%;
    font-size: 14px;
}
.markdown-body th, .markdown-body td {
    border: 1px solid #2a2b30;
    padding: 6px 12px;
    text-align: left;
}
.markdown-body th { background: #1e1f22; font-weight: 600; }

.markdown-body hr {
    border: none;
    border-top: 1px solid #2a2b30;
    margin: 1.5em 0;
}

/* Скрыть placeholder полос прокрутки на code блоках Firefox */
.markdown-body pre { scrollbar-width: thin; }