/*          DOC PAGE          */

.document-view-content * {
    font-family: 'Inter var', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    outline: none;
    word-break: break-word;
}

.document-view-content li:before {
    position: absolute;
    left: -12px
}

.document-view-content li[dir="rtl"]:before {
    position: absolute;
    right: -20px
}

.document-view-content ul,
.document-view-content ol {
    padding-left: 12px !important
}

.document-view-content li {
    padding-left: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative
}

.document-view-content p {
    /*padding-top: 8px !important;*/
    /*padding-bottom: 0 !important;*/
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.document-view-content a {
    color: var(--color-blue-500);
    text-decoration: underline;
    text-decoration-color:  var(--color-blue-500);
}
body.dark .document-view-content a {
    color: var(--color-blue-400);
    text-decoration: underline;
    text-decoration-color: var(--color-blue-400);
}

.document-view-content img {
    border-radius: 8px;
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid var(--color-gray-200);
}
body.dark .document-view-content img {
    border: 1px solid var(--color-slate-800);
}

.google-user-mention {
    text-decoration: none !important;
    color: var(--color-gray-900) !important;
    background-color: var(--color-gray-100) !important;
    border-radius: 20px;
    padding: 2px 5px;
}

body.dark .google-user-mention {
    text-decoration: none !important;
    color: var(--color-gray-400) !important;
    background-color: var(--color-gray-800) !important;
    border-radius: 20px;
    padding: 2px 5px;
}