.atlas-tpl-document-header {
    margin-bottom: 0.75rem;
    padding: 0.65rem 0.9rem;
    border: 1px solid rgb(229 231 235);
    border-radius: 0.75rem;
    background: #f8fafc;
    font-size: 0.875rem;
    line-height: 1.45;
}

.atlas-tpl-document-header p {
    margin: 0.1rem 0;
}

.atlas-tpl-document-header img,
.atlas-tpl-preview-sheet img {
    max-width: 100%;
    height: auto;
}

.atlas-tpl-document-header table,
.atlas-tpl-preview-sheet table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.atlas-tpl-document-header th,
.atlas-tpl-document-header td,
.atlas-tpl-preview-sheet th,
.atlas-tpl-preview-sheet td {
    border: 1px solid #d1d5db;
    padding: 4px 8px;
    vertical-align: top;
}

.atlas-tpl-document-header p,
.atlas-tpl-preview-sheet table p {
    margin: 0;
}

.dark .atlas-tpl-document-header {
    border-color: rgb(55 65 81);
    background: rgb(17 24 39);
}

.atlas-tpl-preview-sheet {
    padding: 1rem 1.15rem;
    border: 1px solid rgb(229 231 235);
    border-radius: 0.75rem;
    background: #fff;
    font-size: 0.95rem;
    line-height: 1.55;
}

.dark .atlas-tpl-preview-sheet {
    border-color: rgb(55 65 81);
    background: rgb(17 24 39);
}

.atlas-tpl-filled {
    font-weight: 600;
    border-bottom: 1px dotted rgb(156 163 175);
}

.fi-fo-rich-editor-custom-block-btn {
    font-weight: 600;
    padding: 0.4rem 0.8rem;
}

.atlas-tpl-fields .fi-section.fi-compact > .fi-section-content-ctn > .fi-section-content {
    padding: 0.75rem 1rem;
    gap: 0.55rem 0.85rem;
}

.atlas-tpl-fields .fi-section-header-heading {
    font-size: 0.95rem;
}

.atlas-tpl-fields .fi-section-header-description {
    font-size: 0.75rem;
}

.atlas-tpl-fields .fi-fo-field {
    gap: 0.15rem;
}

.atlas-tpl-fields .fi-fo-field-label,
.atlas-tpl-fields .fi-fo-field-label-content {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.3;
}

.atlas-tpl-fields .fi-input,
.atlas-tpl-fields .fi-select {
    font-size: 0.8125rem;
    min-height: 2.1rem;
}

.fi-fo-rich-editor .tiptap table.atlas-table-center {
    margin-left: auto;
    margin-right: auto;
}

.fi-fo-rich-editor .tiptap table.atlas-table-right {
    margin-left: auto;
}

.fi-fo-rich-editor .tiptap table.atlas-table-border-0 td,
.fi-fo-rich-editor .tiptap table.atlas-table-border-0 th {
    border: none !important;
}

.fi-fo-rich-editor .tiptap table.atlas-table-border-1 td,
.fi-fo-rich-editor .tiptap table.atlas-table-border-1 th {
    border-width: 1px !important;
}

.fi-fo-rich-editor .tiptap table.atlas-table-border-2 td,
.fi-fo-rich-editor .tiptap table.atlas-table-border-2 th {
    border-width: 2px !important;
}

.fi-fo-rich-editor .tiptap table.atlas-table-border-3 td,
.fi-fo-rich-editor .tiptap table.atlas-table-border-3 th {
    border-width: 3px !important;
}

.fi-fo-rich-editor .tiptap table.atlas-table-pad-0 td,
.fi-fo-rich-editor .tiptap table.atlas-table-pad-0 th {
    padding: 0 !important;
}

.fi-fo-rich-editor .tiptap table.atlas-table-pad-2 td,
.fi-fo-rich-editor .tiptap table.atlas-table-pad-2 th {
    padding: 2px !important;
}

.fi-fo-rich-editor .tiptap table.atlas-table-pad-4 td,
.fi-fo-rich-editor .tiptap table.atlas-table-pad-4 th {
    padding: 4px !important;
}

.fi-fo-rich-editor .tiptap table.atlas-table-pad-6 td,
.fi-fo-rich-editor .tiptap table.atlas-table-pad-6 th {
    padding: 6px !important;
}

.fi-fo-rich-editor .tiptap table.atlas-table-pad-8 td,
.fi-fo-rich-editor .tiptap table.atlas-table-pad-8 th {
    padding: 8px !important;
}

.fi-fo-rich-editor .tiptap img.atlas-img-left {
    float: left;
    margin: 0 12px 8px 0;
}

.fi-fo-rich-editor .tiptap img.atlas-img-right {
    float: right;
    margin: 0 0 8px 12px;
}

.fi-fo-rich-editor .tiptap img.atlas-img-center {
    display: block;
    float: none;
    margin: 0 auto 8px;
}

.fi-fo-rich-editor .tiptap img.atlas-img-full {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 8px;
}