.fi-body { font-family: 'Vazirmatn', sans-serif; background: #fff; }
.fi-main { padding-block: 2rem; }
.fi-header-heading { font-size: 1.5rem; font-weight: 700; letter-spacing: -.035em; }
.fi-header-subheading { font-size: .875rem; color: #71717a; }
.fi-sidebar { background: #fafafa; border-inline-end: 1px solid #e4e4e7; }
.fi-sidebar-header, .fi-topbar { box-shadow: none; border-bottom: 1px solid #e4e4e7; background: #fff; }
.fi-sidebar-item-btn { border-radius: .375rem; min-height: 2.5rem; }
.fi-sidebar-item-active .fi-sidebar-item-btn { background: #e9e9ec; }
.fi-sidebar-item-active .fi-sidebar-item-label { color: #18181b; font-weight: 600; }
.fi-section, .fi-ta, .fi-ta-ctn { box-shadow: none; border-radius: .5rem; }
.fi-ta-ctn { border: 1px solid #e4e4e7; }
.fi-ta-header-toolbar { padding: 1rem; }
.fi-ta-header-cell { background: #fafafa; color: #71717a; font-weight: 500; }
.fi-ta-row:hover { background: #fafafa; }
.fi-btn, .fi-input-wrp { border-radius: .375rem; box-shadow: none; }
.fi-btn { font-size: .875rem; font-weight: 500; }
.fi-input-wrp { border: 1px solid #e4e4e7; }
.fi-modal-window { border-radius: .75rem; box-shadow: 0 18px 60px #18181b20; }
.access-summary { color: #52525b; font-size: .875rem; line-height: 1.9; }
.access-summary ul { display: grid; gap: .75rem; margin-top: 1rem; }
.access-summary li { display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding-block: .5rem; border-bottom: 1px solid #e4e4e7; }
.dark .fi-body, .dark .fi-sidebar { background: #09090b; }
.dark .fi-sidebar-header, .dark .fi-topbar, .dark .fi-ta-header-cell { background: #18181b; }
.dark .fi-sidebar, .dark .fi-sidebar-header, .dark .fi-topbar, .dark .fi-ta-ctn, .dark .fi-input-wrp, .dark .access-summary li { border-color: #27272a; }
.dark .fi-sidebar-item-active .fi-sidebar-item-btn, .dark .fi-ta-row:hover { background: #27272a; }
.dark .fi-sidebar-item-active .fi-sidebar-item-label, .dark .access-summary { color: #e4e4e7; }
@media (max-width: 640px) { .fi-main { padding-block: 1.25rem; } .access-summary li { flex-wrap: wrap; } }
.fi-section { border: 1px solid #e4e4e7; }
.fi-btn.fi-color-primary:not(.fi-outlined) { background: #18181b; color: #fff; }
.fi-btn.fi-color-primary:not(.fi-outlined):hover { background: #27272a; }
.dark .fi-section { border-color: #27272a; }
.dark .fi-btn.fi-color-primary:not(.fi-outlined) { background: #fafafa; color: #18181b; }
/* Shared document typography follows the panel theme. */
.user-guide { max-width: 80ch; margin-inline: auto; overflow-wrap: anywhere; line-height: 2; }
.user-guide h1 { font-size: 1.8rem; font-weight: 750; margin-bottom: 1.5rem; }
.user-guide h2 { font-size: 1.4rem; font-weight: 700; border-bottom: 1px solid #a1a1aa; margin-top: 2.5rem; padding-bottom: .6rem; }
.user-guide h3 { font-size: 1.1rem; font-weight: 650; margin-top: 1.7rem; }
.user-guide p, .user-guide ul, .user-guide ol { margin-block: 1rem; }
.user-guide ul { list-style: disc; padding-inline-start: 1.5rem; }
.user-guide ol { list-style-type: persian; padding-inline-start: 1.5rem; }
.user-guide li { margin-block: .5rem; }
.user-guide table { width: 100%; border-collapse: collapse; margin-block: 1.5rem; font-size: .9rem; }
.user-guide th, .user-guide td { padding: .6rem; border: 1px solid #a1a1aa; text-align: start; vertical-align: top; }
.user-guide a { text-decoration: underline; }