.fi-doc-templates .fi-doc-templates-hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1rem;padding:1.5rem 1.75rem;border-radius:0;background:#1f2b66;box-shadow:0 1px 2px #00000014,0 8px 24px #1565c047;color:#fff}.dark .fi-doc-templates .fi-doc-templates-hero{background:#1f2b66;box-shadow:0 8px 28px #00000073}.fi-doc-templates .fi-doc-templates-hero-eyebrow{margin:0;font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8}.fi-doc-templates .fi-doc-templates-hero-title{margin:.25rem 0 0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#fff}.fi-doc-templates .fi-doc-templates-hero-description{margin:.375rem 0 0;max-width:44rem;font-size:.875rem;line-height:1.55;color:#ffffffe0}.fi-doc-templates .fi-doc-templates-hero-stats{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1rem}.fi-doc-templates .fi-doc-templates-hero-stat{display:flex;flex-direction:column;gap:.125rem;min-width:6rem;padding:.625rem .875rem;border-radius:0;background:#ffffff1f;border:1px solid rgba(255,255,255,.16)}.fi-doc-templates .fi-doc-templates-hero-stat--active{background:#34d39938;border-color:#34d39959}.fi-doc-templates .fi-doc-templates-hero-stat--inactive{background:#fbbf242e;border-color:#fbbf244d}.fi-doc-templates .fi-doc-templates-hero-stat-value{font-size:1.125rem;font-weight:700;color:#fff}.fi-doc-templates .fi-doc-templates-hero-stat-label{font-size:.6875rem;font-weight:500;color:#ffffffbf}.fi-doc-templates .fi-doc-templates-hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.fi-doc-templates .fi-doc-templates-hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:0;font-size:.75rem;font-weight:600;background:#ffffff29;border:1px solid rgba(255,255,255,.24);color:#fff}.fi-doc-templates .fi-doc-templates-hero-badge--in-app{background:#3b82f638;border-color:#3b82f659}.fi-doc-templates .fi-doc-templates-hero-badge--email{background:#2dd4bf38;border-color:#2dd4bf59}.fi-doc-templates .fi-doc-templates-hero-badge--other{background:#fbbf2438;border-color:#fbbf2459}.fi-doc-templates .fi-doc-templates-hero-badge--office{background:#3b82f638;border-color:#3b82f659}.fi-doc-templates .fi-doc-templates-hero-badge--tenancy{background:#2dd4bf38;border-color:#2dd4bf59}.fi-doc-templates .fi-doc-templates-hero-badge--statutory{background:#fbbf2438;border-color:#fbbf2459}.fi-doc-template-preview{max-height:min(70vh,40rem);overflow:auto;margin-top:.25rem;padding:1rem 1.25rem;border:1px solid #e2e8f0;background:#fff;color:#111827;font-size:.8125rem;line-height:1.5}.fi-doc-template-preview--error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.dark .fi-doc-template-preview{border-color:#94a3b859;background:#0f172a;color:#e2e8f0}.dark .fi-doc-template-preview--error{border-color:#f8717173;background:#7f1d1d59;color:#fecaca}.fi-doc-template-preview img{max-width:100%;height:auto}.fi-doc-templates .fi-doc-templates-hero-badge svg{width:.875rem;height:.875rem}.fi-doc-templates .fi-doc-templates-hero-links{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.fi-doc-templates .fi-doc-templates-hero-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:0;font-size:.8125rem;font-weight:600;color:#fff;text-decoration:none;background:#ffffff24;border:1px solid rgba(255,255,255,.22);transition:background-color .15s ease,transform .15s ease}.fi-doc-templates .fi-doc-templates-hero-link:hover{background:#ffffff38;transform:translateY(-1px)}.fi-doc-templates .fi-doc-templates-hero-link svg{width:.875rem;height:.875rem}.fi-doc-templates .fi-doc-templates-hero-actions{margin-bottom:.125rem}.fi-doc-templates .fi-doc-templates-hero-actions .fi-btn{width:100%;justify-content:center;border-radius:0;font-size:.8125rem;font-weight:600;background:#fff;color:#1f2b66;border:none;box-shadow:0 2px 8px #0000001f}.fi-doc-templates .fi-doc-templates-hero-actions .fi-btn .fi-icon{color:#1f2b66}.fi-doc-templates .fi-doc-templates-hero-actions .fi-btn:hover{background:#ffffffeb;transform:translateY(-1px)}.fi-doc-templates .fi-doc-templates-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1rem;padding:.75rem 1rem;border-radius:0;background:color-mix(in oklab,#1f2b66 6%,white);border:1px solid color-mix(in oklab,#1f2b66 12%,transparent)}.dark .fi-doc-templates .fi-doc-templates-legend{background:color-mix(in oklab,#1f2b66 12%,var(--gray-900));border-color:color-mix(in oklab,#1f2b66 20%,transparent)}.fi-doc-templates .fi-doc-templates-legend-item{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.45;color:#475569}.dark .fi-doc-templates .fi-doc-templates-legend-item{color:#cbd5e1}.fi-doc-templates .fi-doc-templates-legend-dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:0;background:#1f2b66}.fi-doc-templates .fi-doc-templates-legend-dot--active{background:#22c55e}.fi-doc-templates .fi-doc-templates-legend-dot--code{background:#3b82f6}.fi-doc-templates .fi-doc-templates-legend-dot--tokens{background:#f59e0b}.fi-doc-templates .fi-doc-templates-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}@media (max-width: 900px){.fi-doc-templates .fi-doc-templates-steps{grid-template-columns:1fr 1fr}}.fi-doc-templates .fi-doc-templates-step{padding:.75rem .85rem;border:1px solid color-mix(in oklab,#1f2b66 14%,transparent);background:color-mix(in oklab,#1f2b66 3%,white)}.dark .fi-doc-templates .fi-doc-templates-step{background:color-mix(in oklab,#1f2b66 10%,var(--gray-900));border-color:color-mix(in oklab,#1f2b66 20%,transparent)}.fi-doc-templates .fi-doc-templates-step-num{display:block;margin-bottom:.25rem;font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1f2b66}.fi-doc-templates .fi-doc-templates-step-title{margin:0;font-size:.8125rem;font-weight:700;color:#111827}.dark .fi-doc-templates .fi-doc-templates-step-title{color:#f1f5f9}.fi-doc-templates .fi-doc-templates-step-desc{margin:.2rem 0 0;font-size:.75rem;line-height:1.4;color:var(--gray-600)}.dark .fi-doc-templates .fi-doc-templates-step-desc{color:#94a3b8}.fi-doc-templates .fi-doc-templates-panel{overflow:hidden;border-radius:0;background:var(--fi-bg, white);border:1px solid color-mix(in oklab,var(--gray-200) 70%,transparent);box-shadow:0 1px 2px #0000000d,0 4px 16px #0000000a}.dark .fi-doc-templates .fi-doc-templates-panel{background:var(--gray-900);border-color:color-mix(in oklab,var(--gray-700) 80%,transparent)}.fi-doc-templates .fi-doc-templates-panel>.fi-sc,.fi-doc-templates .fi-doc-templates-panel>.fi-page-main{padding:1rem 1.25rem 1.25rem}.fi-doc-templates .fi-header{display:none}.fi-doc-templates .fi-tabs{margin-bottom:.75rem;padding:.25rem;border-radius:0;background:color-mix(in oklab,#1f2b66 4%,var(--gray-50));border:1px solid color-mix(in oklab,#1f2b66 8%,transparent)}.dark .fi-doc-templates .fi-tabs{background:color-mix(in oklab,#1f2b66 8%,var(--gray-900));border-color:color-mix(in oklab,#1f2b66 14%,transparent)}.fi-doc-templates .fi-tabs-item{border-radius:0}.fi-doc-templates .fi-tabs-item.fi-active{background:#fff;box-shadow:0 1px 3px #00000014}.dark .fi-doc-templates .fi-tabs-item.fi-active{background:var(--gray-800)}.fi-doc-templates .fi-doc-template-row--inactive{opacity:.72}.fi-doc-templates .fi-doc-template-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem}.fi-doc-templates .fi-ta-ctn{border-radius:0;border:none;box-shadow:none}.fi-doc-templates .fi-ta-header-cell{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.dark .fi-doc-templates .fi-ta-header-cell{color:#94a3b8}.fi-doc-templates .fi-ta-row{transition:background-color .15s ease}.fi-doc-templates .fi-ta-row:hover{background:color-mix(in oklab,#1f2b66 5%,transparent)}.fi-doc-templates .fi-ta-row td{vertical-align:middle;padding-block:.625rem}.fi-doc-templates .fi-ta-actions{opacity:.55;transition:opacity .15s ease}.fi-doc-templates .fi-ta-row:hover .fi-ta-actions,.fi-doc-templates .fi-ta-actions:has([aria-expanded=true]){opacity:1}.fi-doc-templates .fi-ta-cell-label{font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}.fi-doc-templates .fi-ta-toolbar{margin-bottom:.5rem}.fi-doc-templates .fi-ta-empty-state{padding:2.5rem 1.5rem}.fi-doc-templates .fi-fo-section{border-radius:0}@media (max-width: 640px){.fi-doc-templates .fi-doc-templates-hero-links{flex-direction:row;flex-wrap:wrap}}.pe-doc-guide-empty{margin:0;font-size:.875rem;line-height:1.5;color:#6b7280}.pe-doc-guide{border:1px solid #bfdbfe;background:#eff6ff;padding:.75rem .875rem;font-size:.875rem;color:#1e3a5f}.dark .pe-doc-guide{border-color:#3b82f659;background:#3b82f61f;color:#dbeafe}.pe-doc-guide-title{margin:0 0 .25rem;font-weight:650}.pe-doc-guide-body{margin:0;line-height:1.55}.pe-doc-tokens{margin:.5rem 0 0;padding:.625rem .75rem;border:1px dashed #cbd5e1;background:#f8fafc;font-size:.75rem;line-height:1.5;color:#475569}.dark .pe-doc-tokens{border-color:#94a3b859;background:#94a3b814;color:#cbd5e1}