/* VERSÃO DO ARQUIVO: 1.7.11 - Compacta textos auxiliares e empilha campos do formulário lateral */
:root{
--af-bg-card:var(--white);
--af-bg-card-header:linear-gradient(135deg,var(--off-white) 0%,var(--light-gray) 100%);
--af-bg-input:var(--white);
--af-border-color:var(--light-gray);
--af-text-primary:var(--dark-gray);
--af-text-secondary:var(--medium-gray);
--af-text-muted:#888;
--af-shadow-card:0 4px 12px rgba(0,0,0,0.06);
--af-shadow-card-hover:0 8px 25px rgba(0,0,0,0.1);
--af-highlight-bg:rgba(0,166,81,0.1);
--af-accent:var(--primary-green);
--af-accent-secondary:var(--primary-blue);
--af-panel-width:20rem;
--af-sidebar-width:24rem;
--af-card-radius:var(--border-radius-lg);
--af-stage-min-height:42rem;
--af-stage-max-height:calc(100vh - 100px);
--af-stage-shell-height:calc(100vh - 100px);
--af-transition:0.3s ease;
--af-font-sm:0.875rem;
--af-font-base:1rem;
--af-font-lg:1.125rem;
--af-font-xl:1.375rem;
--af-gap-xs:0.375rem;
--af-gap-sm:0.5rem;
--af-gap-md:0.75rem;
--af-gap-lg:1rem;
--af-gap-xl:1.5rem;
--af-badge-bg:rgba(0,166,81,0.08);
--af-badge-border:rgba(0,166,81,0.2);
--af-badge-text:var(--primary-green);
--af-stage-border:var(--af-border-color);
--af-focus-ring:rgba(0,166,81,0.18);
--af-status-bg:rgba(0,114,188,0.05);
--af-status-border:rgba(0,114,188,0.15);
--af-deceased-bg:rgba(220,53,69,0.06);
--af-deceased-border:rgba(220,53,69,0.18);
--af-panel-soft-bg:linear-gradient(180deg,color-mix(in srgb,var(--af-bg-card) 98%,#fff 2%) 0%,color-mix(in srgb,var(--af-bg-card) 94%,rgba(0,0,0,0.02) 6%) 100%);
--af-panel-soft-border:rgba(0,0,0,0.06);
--af-panel-accent-bg:linear-gradient(180deg,rgba(0,166,81,0.06) 0%,rgba(0,114,188,0.05) 100%);
--af-panel-accent-border:rgba(0,166,81,0.18);
--af-panel-card-shadow:0 0.55rem 1.25rem rgba(15,23,42,0.05);
--af-stage-padding:var(--af-gap-md);
--af-stage-top-safe-area:3rem;
--af-stage-bottom-safe-area:3rem;
--af-stage-overlay-bg:rgba(255,255,255,0.88);
--af-stage-overlay-border:rgba(0,0,0,0.08);
--af-stage-overlay-shadow:0 10px 28px rgba(0,0,0,0.14);
--af-mobile-popup-backdrop:rgba(15,23,42,0.42);
--af-mobile-popup-top-offset:clamp(5rem,17vw,6.2rem);
--af-svg-card-fill:var(--white);
--af-svg-card-inner:rgba(0,0,0,0.018);
--af-svg-gender-male-fill:#eaf4ff;
--af-svg-gender-male-inner:#d7e9ff;
--af-svg-gender-male-border:#8bbcf0;
--af-svg-gender-female-fill:#fff0f7;
--af-svg-gender-female-inner:#ffe0ee;
--af-svg-gender-female-border:#ef9fc0;
--af-svg-accent-start:var(--primary-green);
--af-svg-accent-end:var(--primary-blue);
--af-svg-selected-stroke:var(--af-accent-secondary);
--af-svg-selected-glow:rgba(0,114,188,0.22);
--af-svg-deceased-text:rgba(220,53,69,0.75);
--af-svg-focus-fill:rgba(0,114,188,0.1);
--af-svg-focus-stroke:rgba(0,114,188,0.45);
--af-svg-union-dot:var(--af-accent);
--af-svg-connector-opacity:0.48;
--af-fullscreen-bg:linear-gradient(180deg,#f8fbff 0%,#edf5fb 54%,#e5edf6 100%);
--af-fullscreen-surface:rgba(255,255,255,0.74);
--af-fullscreen-surface-strong:rgba(255,255,255,0.9);
--af-fullscreen-border:rgba(0,114,188,0.12);
--af-fullscreen-text:var(--af-text-primary);
--af-fullscreen-muted:var(--af-text-secondary);
--af-fullscreen-brand-gradient:linear-gradient(135deg,var(--primary-green),var(--primary-blue));
--af-fullscreen-brand-shadow:0 .85rem 2rem rgba(13,110,253,.18);
--af-fullscreen-shadow:0 1rem 2.8rem rgba(0,0,0,0.14);
--af-fullscreen-control-offset:clamp(0.85rem,2vw,1.15rem);
--af-fullscreen-control-bottom-offset:clamp(0.45rem,1.4vw,0.7rem);
--af-fullscreen-sidebar-gap:10px;
--af-fullscreen-sidebar-top-offset:calc(2.75rem + var(--af-fullscreen-sidebar-gap));
--af-fullscreen-sidebar-bottom-offset:calc(2.75rem + var(--af-fullscreen-sidebar-gap))
}
[data-theme="dark"]{
--af-bg-card:#1e1e1e;
--af-bg-card-header:linear-gradient(135deg,#2a2a2a 0%,#333 100%);
--af-bg-input:#2a2a2a;
--af-border-color:#444;
--af-text-primary:#f0f0f0;
--af-text-secondary:#aaa;
--af-text-muted:#888;
--af-shadow-card:0 4px 12px rgba(0,0,0,0.3);
--af-shadow-card-hover:0 8px 25px rgba(0,0,0,0.4);
--af-highlight-bg:rgba(0,166,81,0.15);
--af-accent:#34d399;
--af-accent-secondary:#60a5fa;
--af-badge-bg:rgba(52,211,153,0.12);
--af-badge-border:rgba(52,211,153,0.28);
--af-badge-text:#34d399;
--af-stage-border:#555;
--af-focus-ring:rgba(0,166,81,0.24);
--af-status-bg:rgba(96,165,250,0.08);
--af-status-border:rgba(96,165,250,0.2);
--af-deceased-bg:rgba(248,113,113,0.1);
--af-deceased-border:rgba(248,113,113,0.24);
--af-panel-soft-bg:linear-gradient(180deg,rgba(34,34,34,0.96) 0%,rgba(40,40,40,0.94) 100%);
--af-panel-soft-border:rgba(255,255,255,0.08);
--af-panel-accent-bg:linear-gradient(180deg,rgba(8,91,63,0.34) 0%,rgba(11,58,96,0.28) 100%);
--af-panel-accent-border:rgba(96,165,250,0.2);
--af-panel-card-shadow:0 0.8rem 1.8rem rgba(0,0,0,0.18);
--af-stage-overlay-bg:rgba(30,30,30,0.86);
--af-stage-overlay-border:rgba(255,255,255,0.09);
--af-stage-overlay-shadow:0 12px 32px rgba(0,0,0,0.3);
--af-mobile-popup-backdrop:rgba(0,0,0,0.62);
--af-svg-card-fill:#1e1e1e;
--af-svg-card-inner:rgba(255,255,255,0.03);
--af-svg-gender-male-fill:#173553;
--af-svg-gender-male-inner:#22476b;
--af-svg-gender-male-border:#67a7e8;
--af-svg-gender-female-fill:#4b2338;
--af-svg-gender-female-inner:#64314a;
--af-svg-gender-female-border:#f1a4c7;
--af-svg-accent-start:#34d399;
--af-svg-accent-end:#60a5fa;
--af-svg-selected-glow:rgba(96,165,250,0.3);
--af-svg-deceased-text:rgba(248,113,113,0.85);
--af-svg-focus-fill:rgba(96,165,250,0.14);
--af-svg-focus-stroke:rgba(96,165,250,0.5);
--af-svg-union-dot:#34d399;
--af-svg-connector-opacity:0.42;
--af-fullscreen-bg:radial-gradient(circle at top,#454545 0%,#292929 46%,#181818 100%);
--af-fullscreen-surface:rgba(34,34,34,0.68);
--af-fullscreen-surface-strong:rgba(42,42,42,0.82);
--af-fullscreen-border:rgba(160,160,160,0.16);
--af-fullscreen-text:#f0f0f0;
--af-fullscreen-muted:rgba(210,210,210,0.78);
--af-fullscreen-brand-shadow:0 1rem 2.4rem rgba(0,0,0,0.32);
--af-fullscreen-shadow:0 1.5rem 3.5rem rgba(0,0,0,0.42)
}
html.arvore-familia-fullscreen-mode-root,body.arvore-familia-fullscreen-mode-root{overflow:hidden !important}
html.arvore-familia-fullscreen-mode-root::-webkit-scrollbar,body.arvore-familia-fullscreen-mode-root::-webkit-scrollbar{display:none !important}
html.arvore-familia-fullscreen-mode-root #fj-btn-voltar-topo,body.arvore-familia-fullscreen-mode-root #fj-btn-voltar-topo,html.arvore-familia-fullscreen-mode-root .fj-voltar-topo,body.arvore-familia-fullscreen-mode-root .fj-voltar-topo{opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateY(12px) !important}
.arvore-familia-container{width:100%;margin:0 auto;padding:0 var(--spacing-md)}
.arvore-familia-wrapper,.arvore-familia-wrapper *{box-sizing:border-box}
.arvore-familia-wrapper{display:grid;gap:var(--af-gap-lg);width:100%}
.arvore-familia-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--af-gap-lg);padding:var(--af-gap-md) var(--af-gap-lg);background:var(--af-bg-card);border:1px solid var(--af-border-color);border-radius:var(--af-card-radius);box-shadow:var(--af-shadow-card);transition:box-shadow var(--af-transition)}
.arvore-familia-toolbar:hover{box-shadow:var(--af-shadow-card-hover)}
.arvore-familia-toolbar-section{display:grid;gap:var(--af-gap-md);min-width:0;padding:var(--af-gap-md);border:1px solid var(--af-border-color);border-radius:calc(var(--af-card-radius) - 0.25rem);background:linear-gradient(180deg,var(--af-bg-card-header) 0%,var(--af-bg-card) 100%)}
.arvore-familia-toolbar-section-header{display:grid;gap:0.35rem}
.arvore-familia-toolbar-section-title{margin:0;font-size:var(--af-font-lg);font-weight:700;line-height:1.3;color:var(--af-text-primary)}
.arvore-familia-toolbar-section-text{margin:0;font-size:var(--af-font-sm);line-height:1.5;color:var(--af-text-secondary)}
.arvore-familia-backup-upsell{display:grid;gap:var(--af-gap-sm);padding:var(--af-gap-md);border:1px dashed rgba(0,114,188,0.22);border-radius:calc(var(--af-card-radius) - 0.25rem);background:rgba(0,114,188,0.04)}
.arvore-familia-backup-upsell[data-state="active"]{border-color:rgba(0,166,81,0.28);background:rgba(0,166,81,0.08)}
.arvore-familia-backup-upsell-text{margin:0;font-size:var(--af-font-sm);line-height:1.5;color:var(--af-text-secondary)}
.arvore-familia-backup-upsell[data-state="active"] .arvore-familia-backup-upsell-text{color:var(--primary-green);font-weight:600}
.arvore-familia-backup-upsell .tool-btn{justify-content:center}
.arvore-familia-privacy-note{display:flex;align-items:flex-start;gap:var(--af-gap-sm);padding:var(--af-gap-md);border:1px solid rgba(220,53,69,0.2);border-radius:calc(var(--af-card-radius) - 0.25rem);background:rgba(220,53,69,0.055)}
.arvore-familia-privacy-note-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 2rem;width:2rem;height:2rem;border-radius:999px;background:rgba(220,53,69,0.11);color:#dc3545}
.arvore-familia-privacy-note-text{margin:0;font-size:var(--af-font-sm);line-height:1.5;color:var(--af-text-secondary)}
.arvore-familia-privacy-note-text strong{color:var(--af-text-primary)}
.arvore-familia-toolbar-group{display:flex;flex-wrap:wrap;gap:var(--af-gap-sm);align-items:center}
.arvore-familia-toolbar-group .tool-btn{flex:1 1 12rem;justify-content:center}
.arvore-familia-toolbar-spacer{flex:1 1 auto}
.arvore-familia-layout{display:grid;grid-template-columns:minmax(0,var(--af-sidebar-width)) minmax(0,1fr);gap:var(--af-gap-lg);align-items:start;transition:grid-template-columns var(--af-transition),gap var(--af-transition)}
.arvore-familia-layout.is-sidebar-collapsed{grid-template-columns:0 minmax(0,1fr);gap:0}
.arvore-familia-panel{display:grid;gap:var(--af-gap-lg);min-width:0;position:sticky;top:1rem;background:var(--af-bg-card);border:1px solid var(--af-border-color);border-radius:var(--af-card-radius);padding:var(--af-gap-lg);box-shadow:var(--af-shadow-card);transition:box-shadow var(--af-transition)}
.arvore-familia-panel:hover{box-shadow:var(--af-shadow-card-hover)}
.arvore-familia-panel-section{display:grid;gap:var(--af-gap-sm)}
.arvore-familia-sidebar-panel{align-self:start;min-width:0;width:min(100%,var(--af-sidebar-width));max-width:var(--af-sidebar-width);max-height:calc(100vh - 2rem);overflow:auto;scrollbar-gutter:stable;opacity:1;transform:translateX(0);transform-origin:left center;visibility:visible;pointer-events:auto;transition:max-width var(--af-transition),opacity var(--af-transition),transform var(--af-transition),visibility 0s linear 0s}
.arvore-familia-layout.is-sidebar-collapsed .arvore-familia-sidebar-panel{max-width:0;opacity:0;transform:translateX(-1rem);visibility:hidden;pointer-events:none;transition:max-width var(--af-transition),opacity var(--af-transition),transform var(--af-transition),visibility 0s linear var(--af-transition)}
.arvore-familia-sidebar-pane{display:grid;gap:var(--af-gap-lg)}
.arvore-familia-sidebar-pane.arvore-familia-hidden{display:none !important}
.arvore-familia-sidebar-pane .arvore-familia-panel-section{gap:var(--af-gap-md)}
.arvore-familia-sidebar-mobile-header,.arvore-familia-sidebar-backdrop,.arvore-familia-stage-mobile-actions{display:none}
.arvore-familia-sidebar-mobile-header{align-items:flex-start;justify-content:space-between;gap:var(--af-gap-md);padding-bottom:var(--af-gap-sm);border-bottom:1px solid var(--af-border-color)}
.arvore-familia-sidebar-mobile-header-copy{display:grid;gap:0.3rem;min-width:0}
.arvore-familia-sidebar-mobile-close{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--af-border-color);border-radius:999px;background:var(--af-bg-card);color:var(--af-text-primary);cursor:pointer;transition:transform var(--af-transition),box-shadow var(--af-transition),border-color var(--af-transition)}
.arvore-familia-sidebar-mobile-close:hover,.arvore-familia-sidebar-mobile-close:focus-visible{transform:translateY(-1px);border-color:var(--af-accent);box-shadow:var(--af-shadow-card);outline:none}
.arvore-familia-panel-title,.arvore-familia-stage-title,.arvore-familia-list-title,.arvore-familia-form-title,.arvore-familia-export-title{margin:0;font-size:var(--af-font-lg);font-weight:700;line-height:1.3;color:var(--af-text-primary)}
.arvore-familia-panel-text,.arvore-familia-muted,.arvore-familia-empty,.arvore-familia-hint,.arvore-familia-person-meta,.arvore-familia-summary-line{margin:0;font-size:var(--af-font-sm);line-height:1.5;color:var(--af-text-secondary)}
.arvore-familia-selected-person-name{display:inline-flex;align-items:center;gap:0.4rem;width:max-content;max-width:100%;padding:0.32rem 0.72rem;border:1px solid rgba(0,114,188,0.16);border-radius:999px;background:rgba(0,114,188,0.07);color:var(--af-accent-secondary);font-size:0.8rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arvore-familia-editor-stack,.arvore-familia-person-form{display:grid;gap:var(--af-gap-lg)}
.arvore-familia-panel-subsection,.arvore-familia-form-group{display:grid;gap:var(--af-gap-md);padding:1rem;border:1px solid var(--af-panel-soft-border);border-radius:calc(var(--af-card-radius) - 0.2rem);background:var(--af-panel-soft-bg);box-shadow:var(--af-panel-card-shadow)}
.arvore-familia-panel-subsection--accent{border-color:var(--af-panel-accent-border);background:var(--af-panel-accent-bg)}
.arvore-familia-panel-subsection-header{display:grid;gap:0.35rem}
.arvore-familia-panel-eyebrow,.arvore-familia-relationship-action-eyebrow{display:inline-flex;align-items:center;gap:0.35rem;width:max-content;min-height:1.65rem;padding:0.16rem 0.6rem;border-radius:999px;background:var(--af-badge-bg);border:1px solid var(--af-badge-border);color:var(--af-badge-text);font-size:0.72rem;font-weight:800;letter-spacing:0.01em;text-transform:uppercase}
.arvore-familia-panel-subtitle,.arvore-familia-relationship-action-title{margin:0;font-size:1rem;font-weight:700;line-height:1.35;color:var(--af-text-primary)}
.arvore-familia-panel-helper,.arvore-familia-relationship-action-text{margin:0;font-size:0.83rem;line-height:1.55;color:var(--af-text-secondary)}
.arvore-familia-inline-help{display:grid;gap:0.35rem}
.arvore-familia-inline-help summary{list-style:none}
.arvore-familia-inline-help summary::-webkit-details-marker{display:none}
.arvore-familia-inline-help-summary{display:flex;align-items:center;gap:0.5rem;min-width:0;cursor:pointer}
.arvore-familia-inline-help-preview{flex:1 1 auto;min-width:0;margin:0;font-size:0.83rem;line-height:1.45;color:var(--af-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arvore-familia-inline-help-link{display:inline-flex;align-items:center;flex:0 0 auto;font-size:0.76rem;font-weight:700;line-height:1.2;color:var(--af-accent-secondary);text-decoration:underline;text-underline-offset:0.12rem;white-space:nowrap}
.arvore-familia-inline-help-link--collapse,.arvore-familia-inline-help-text{display:none}
.arvore-familia-inline-help[open] .arvore-familia-inline-help-preview,.arvore-familia-inline-help[open] .arvore-familia-inline-help-link--expand{display:none}
.arvore-familia-inline-help[open] .arvore-familia-inline-help-link--collapse{display:inline-flex}
.arvore-familia-inline-help[open] .arvore-familia-inline-help-text{display:block}
.arvore-familia-relationship-action-grid{display:grid;gap:var(--af-gap-sm)}
.arvore-familia-relationship-action-card{display:grid;gap:var(--af-gap-md);padding:0.95rem 1rem;border:1px solid var(--af-panel-soft-border);border-radius:calc(var(--af-card-radius) - 0.35rem);background:color-mix(in srgb,var(--af-bg-card) 96%,#fff 4%);box-shadow:0 0.35rem 0.85rem rgba(15,23,42,0.04)}
.arvore-familia-relationship-action-copy{display:grid;gap:0.45rem}
.arvore-familia-relationship-action-card .tool-btn{width:100%;justify-content:center}
.arvore-familia-form-group--actions{gap:var(--af-gap-md)}
.arvore-familia-stage-mobile-actions{gap:var(--af-gap-sm);width:100%;margin-top:var(--af-gap-md)}
.arvore-familia-stage-mobile-actions .tool-btn{width:100%;justify-content:center}
.arvore-familia-stage-mobile-note{grid-column:1/-1;margin:0;font-size:0.82rem;line-height:1.5;color:var(--af-text-secondary)}
.arvore-familia-stage-shell{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:var(--af-gap-md);min-width:0;height:var(--af-stage-shell-height);max-height:var(--af-stage-shell-height);background:var(--af-bg-card);border:1px solid var(--af-border-color);border-radius:var(--af-card-radius);padding:var(--af-gap-lg);box-shadow:var(--af-shadow-card);transition:box-shadow var(--af-transition)}
.arvore-familia-stage-shell:hover{box-shadow:var(--af-shadow-card-hover)}
.arvore-familia-fullscreen-topbar,.arvore-familia-fullscreen-close{display:none}
.arvore-familia-fullscreen-topbar{align-items:center;justify-content:center;gap:0.6rem;padding:0;border:none;background:transparent;box-shadow:none;backdrop-filter:none}
.arvore-familia-fullscreen-meta{display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;min-width:0;max-width:none;margin:0;text-align:center}
.arvore-familia-fullscreen-brand{display:inline-flex;align-items:center;justify-content:center;gap:0.55rem;min-height:2.7rem;padding:0.5rem 0.9rem;border:none;border-radius:999px;background:var(--af-fullscreen-brand-gradient);box-shadow:var(--af-fullscreen-brand-shadow);color:#fff;font-size:0.95rem;font-weight:700;letter-spacing:0.01em;white-space:nowrap}
.arvore-familia-fullscreen-brand span{color:#fff !important}
.arvore-familia-fullscreen-brand img{display:block;flex-shrink:0}
.arvore-familia-fullscreen-meta strong{font-size:1.05rem;font-weight:700;color:var(--af-fullscreen-text)}
.arvore-familia-fullscreen-meta span{font-size:0.94rem;line-height:1.5;color:var(--af-fullscreen-muted)}
.arvore-familia-fullscreen-top-actions{display:none}
.arvore-familia-fullscreen-close{align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:999px;background:rgba(0,114,188,0.08);color:var(--af-fullscreen-text);box-shadow:0 0.5rem 1.25rem rgba(0,0,0,0.08);cursor:pointer;transition:transform 0.2s ease,background-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease}
.arvore-familia-fullscreen-close:hover,.arvore-familia-fullscreen-close:focus-visible{background:rgba(0,114,188,0.14);color:var(--primary-blue);transform:translateY(-1px);box-shadow:0 0.75rem 1.6rem rgba(0,0,0,0.12);outline:none}
.arvore-familia-stage-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--af-gap-sm);align-items:flex-start}
.arvore-familia-stage{position:relative;overflow:hidden;min-height:0;height:100%;max-height:none;border:2px dashed var(--af-stage-border);border-radius:var(--af-card-radius);padding:calc(var(--af-stage-padding) + var(--af-stage-top-safe-area)) var(--af-stage-padding) calc(var(--af-stage-padding) + var(--af-stage-bottom-safe-area));cursor:grab;user-select:none;touch-action:none;overscroll-behavior:contain;background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(0,0,0,0.02) 39px,rgba(0,0,0,0.02) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(0,0,0,0.02) 39px,rgba(0,0,0,0.02) 40px);transition:border-color var(--af-transition)}
[data-theme="dark"] .arvore-familia-stage{background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,0.02) 39px,rgba(255,255,255,0.02) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,0.02) 39px,rgba(255,255,255,0.02) 40px)}
.arvore-familia-stage.is-dragging{cursor:grabbing}
.arvore-familia-stage-canvas{position:relative;display:inline-block;min-width:0;min-height:0;transform-origin:0 0}
.arvore-familia-stage-svg{display:block;width:auto;height:auto;min-height:0;color:var(--af-text-primary)}
.arvore-familia-stage-people-counter{position:absolute;left:50%;bottom:var(--af-gap-md);z-index:4;display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;max-width:min(22rem,calc(100% - 11rem));padding:0.55rem 1rem;border:1px solid var(--af-stage-overlay-border);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--af-stage-overlay-bg) 94%,#fff 6%) 0%,color-mix(in srgb,var(--af-stage-overlay-bg) 84%,rgba(0,166,81,0.08) 16%) 100%);box-shadow:var(--af-stage-overlay-shadow);backdrop-filter:blur(14px);color:var(--af-text-primary);font-size:var(--af-font-sm);font-weight:700;line-height:1.3;text-align:center;pointer-events:none;transform:translateX(-50%)}
.arvore-familia-stage-svg .af-card{
--af-card-current-fill:var(--af-svg-card-fill);
--af-card-current-inner:var(--af-svg-card-inner);
--af-card-current-border:var(--af-border-color)
}
.arvore-familia-stage-svg .af-card--sex-masculino{
--af-card-current-fill:var(--af-svg-gender-male-fill);
--af-card-current-inner:var(--af-svg-gender-male-inner);
--af-card-current-border:var(--af-svg-gender-male-border)
}
.arvore-familia-stage-svg .af-card--sex-feminino{
--af-card-current-fill:var(--af-svg-gender-female-fill);
--af-card-current-inner:var(--af-svg-gender-female-inner);
--af-card-current-border:var(--af-svg-gender-female-border)
}
.arvore-familia-stage-svg .af-card-bg{fill:var(--af-card-current-fill);stroke:var(--af-card-current-border);stroke-width:1.5;transition:stroke var(--af-transition),stroke-width var(--af-transition),fill var(--af-transition)}
.arvore-familia-stage-svg .af-card-inner{fill:var(--af-card-current-inner);transition:fill var(--af-transition)}
.arvore-familia-stage-svg .af-card-name{fill:var(--af-text-primary)}
.arvore-familia-stage-svg .af-card-date{fill:var(--af-text-secondary)}
.arvore-familia-stage-svg .af-card-name,.arvore-familia-stage-svg .af-card-date{dominant-baseline:middle}
.arvore-familia-stage-svg .af-card-deceased-label{fill:var(--af-svg-deceased-text)}
.arvore-familia-stage-svg .af-card-deceased-icon-bg{fill:color-mix(in srgb,var(--af-svg-card-fill) 88%,var(--af-deceased-bg) 12%);stroke:color-mix(in srgb,var(--af-border-color) 45%,var(--af-deceased-border) 55%);stroke-width:1}
.arvore-familia-stage-svg .af-card-deceased-icon-mark{fill:none;stroke:var(--af-svg-deceased-text);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.arvore-familia-stage-svg .af-card--selected .af-card-bg{stroke:var(--af-accent);stroke-width:2.2}
.arvore-familia-stage-svg .af-card--selected .af-card-inner{fill:color-mix(in srgb,var(--af-card-current-inner) 72%,var(--af-highlight-bg) 28%)}
.arvore-familia-stage-svg .af-card--focus .af-card-bg{stroke:var(--af-svg-selected-stroke);stroke-width:2.5;fill:color-mix(in srgb,var(--af-card-current-fill) 90%,var(--af-svg-focus-fill) 10%)}
.arvore-familia-stage-svg .af-card--focus .af-card-inner{fill:color-mix(in srgb,var(--af-card-current-inner) 72%,var(--af-svg-focus-fill) 28%)}
.arvore-familia-stage-svg .af-card--deceased .af-card-bg{fill:color-mix(in srgb,var(--af-card-current-fill) 78%,var(--af-deceased-bg) 22%);stroke:color-mix(in srgb,var(--af-card-current-border) 78%,var(--af-deceased-border) 22%)}
.arvore-familia-stage-svg .af-badge-rect{fill:var(--af-badge-bg);stroke:var(--af-badge-border);stroke-width:1}
.arvore-familia-stage-svg .af-badge-label{fill:var(--af-badge-text)}
.arvore-familia-stage-svg .af-focus-rect{fill:var(--af-svg-focus-fill);stroke:var(--af-svg-focus-stroke);stroke-width:1}
.arvore-familia-stage-svg .af-focus-label{fill:var(--af-svg-selected-stroke);font-weight:700}
.arvore-familia-stage-svg .af-union-dot{fill:var(--af-svg-union-dot);stroke:var(--af-svg-card-fill);stroke-width:2}
.arvore-familia-stage-svg .af-connector{stroke-opacity:var(--af-svg-connector-opacity)}
.arvore-familia-stage-svg .af-union-line{stroke:currentColor;stroke-width:2}
.arvore-familia-stage-svg [data-person-id]{cursor:pointer;transition:opacity 0.15s ease}
.arvore-familia-stage-svg .af-card-delete-action{opacity:0;pointer-events:none;transition:opacity var(--af-transition)}
.arvore-familia-stage-svg .af-card-delete-bg{fill:rgba(220,53,69,0.94);stroke:rgba(255,255,255,0.94);stroke-width:1.2;transition:fill var(--af-transition),stroke var(--af-transition)}
.arvore-familia-stage-svg .af-card-delete-icon{color:#fff}
.arvore-familia-stage-svg .af-card-deceased-icon,.arvore-familia-stage-svg .af-card-delete-action{transform-box:fill-box;transform-origin:center}
.arvore-familia-stage-svg .af-card-date--hover-only{opacity:0;transition:opacity var(--af-transition)}
.arvore-familia-stage-svg [data-person-id]:hover .af-card-delete-action{opacity:1;pointer-events:auto}
.arvore-familia-stage-svg [data-person-id]:hover .af-card-date--hover-only{opacity:1}
.arvore-familia-stage-svg .af-card-delete-action:hover .af-card-delete-bg{fill:rgba(220,53,69,1);stroke:#fff}
[data-theme="dark"] .arvore-familia-stage-svg .af-card-delete-bg{stroke:rgba(30,30,30,0.92)}
[data-theme="dark"] .arvore-familia-stage-svg .af-card-delete-action:hover .af-card-delete-bg{stroke:rgba(15,15,15,0.95)}
.arvore-familia-stage-svg [data-person-id]:hover .af-card-bg{stroke:color-mix(in srgb,var(--af-border-color) 55%,var(--af-accent-secondary) 45%);stroke-width:2}
.arvore-familia-stage-svg [data-person-id]:hover .af-card-inner{fill:color-mix(in srgb,var(--af-card-current-inner) 78%,var(--af-highlight-bg) 22%)}
[data-theme="dark"] .arvore-familia-stage-svg [data-person-id]:hover .af-card-bg{stroke:color-mix(in srgb,var(--af-border-color) 48%,var(--af-accent-secondary) 52%)}
[data-theme="dark"] .arvore-familia-stage-svg [data-person-id]:hover .af-card-inner{fill:color-mix(in srgb,var(--af-card-current-inner) 74%,rgba(96,165,250,0.18) 26%)}
.arvore-familia-stage-svg [data-person-id]:focus{outline:2px solid var(--af-accent);outline-offset:2px;border-radius:14px}
.arvore-familia-stage-floating-controls{position:absolute;top:var(--af-gap-md);left:var(--af-gap-md);right:var(--af-gap-md);bottom:var(--af-gap-md);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--af-gap-sm);pointer-events:none;z-index:4}
.arvore-familia-stage-floating-group{display:flex;flex-wrap:wrap;gap:var(--af-gap-sm);pointer-events:auto}
.arvore-familia-stage-floating-group--history{position:absolute;top:50%;right:0;flex-direction:column;align-items:center;transform:translateY(-50%)}
.arvore-familia-stage-floating-group--history .tool-btn{width:2.9rem;height:2.9rem;padding:0;justify-content:center}
.arvore-familia-stage-floating-group--history .tool-btn svg{width:1.05rem;height:1.05rem}
.arvore-familia-stage-floating-group--zoom .arvore-familia-stage-zoom-control{order:-1}
.arvore-familia-stage-floating-group--primary{position:absolute;top:0;left:0;align-items:center}
.arvore-familia-stage-floating-group--fullscreen{position:absolute;top:0;right:0}
.arvore-familia-stage-floating-group--branch{position:absolute;left:0;bottom:0;justify-content:flex-start;align-items:center}
.arvore-familia-stage-floating-group--zoom{position:absolute;right:0;bottom:0;justify-content:flex-end;align-items:center}
.arvore-familia-save-indicator{display:inline-flex;align-items:center;gap:0.75rem;min-height:2.9rem;max-width:18.5rem;width:clamp(14rem,18vw,18.5rem);padding:0.45rem 0.8rem;border:1px solid var(--af-stage-overlay-border);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--af-stage-overlay-bg) 92%,#fff 8%) 0%,color-mix(in srgb,var(--af-stage-overlay-bg) 84%,rgba(0,114,188,0.08) 16%) 100%);box-shadow:var(--af-stage-overlay-shadow);backdrop-filter:blur(14px);color:var(--af-text-primary);cursor:pointer;pointer-events:auto;transition:transform var(--af-transition),box-shadow var(--af-transition),border-color var(--af-transition),background var(--af-transition)}
.arvore-familia-save-indicator:hover,.arvore-familia-save-indicator:focus-visible{transform:translateY(-1px);box-shadow:0 14px 32px rgba(0,0,0,0.16);outline:none}
.arvore-familia-save-indicator-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;flex-shrink:0;background:rgba(0,166,81,0.12);color:var(--af-accent);overflow:hidden}
.arvore-familia-save-indicator-icon::after{content:'';position:absolute;inset:0.18rem;border-radius:50%;border:1px solid currentColor;opacity:0.18}
.arvore-familia-save-indicator-copy{display:grid;gap:0.05rem;min-width:0;max-width:100%;text-align:left}
.arvore-familia-save-indicator-label{font-size:0.84rem;font-weight:700;line-height:1.1;color:inherit;white-space:normal;overflow-wrap:anywhere}
.arvore-familia-save-indicator-hint{font-size:0.72rem;line-height:1.15;color:var(--af-text-secondary);white-space:normal;overflow-wrap:anywhere}
.arvore-familia-save-indicator-spinner,.arvore-familia-save-indicator-check,.arvore-familia-save-indicator-alert{position:absolute;width:1rem;height:1rem;opacity:0;transform:scale(.85);transition:opacity .2s ease,transform .2s ease}
.arvore-familia-save-indicator[data-save-state="saved"]{border-color:rgba(0,166,81,0.2)}
.arvore-familia-save-indicator[data-save-state="saved"] .arvore-familia-save-indicator-check{opacity:1;transform:scale(1)}
.arvore-familia-save-indicator[data-save-state="pending"]{border-color:rgba(255,193,7,0.34);background:linear-gradient(135deg,rgba(255,248,227,0.95) 0%,rgba(255,236,183,0.86) 100%)}
.arvore-familia-save-indicator[data-save-state="pending"] .arvore-familia-save-indicator-icon{background:rgba(255,193,7,0.14);color:#b7791f}
.arvore-familia-save-indicator[data-save-state="pending"] .arvore-familia-save-indicator-alert{opacity:1;transform:scale(1)}
.arvore-familia-save-indicator[data-save-state="saving"]{border-color:rgba(0,114,188,0.28);background:linear-gradient(135deg,rgba(239,248,255,0.95) 0%,rgba(223,240,255,0.88) 100%)}
.arvore-familia-save-indicator[data-save-state="saving"] .arvore-familia-save-indicator-icon{background:rgba(0,114,188,0.12);color:var(--primary-blue)}
.arvore-familia-save-indicator[data-save-state="saving"] .arvore-familia-save-indicator-spinner{opacity:1;transform:scale(1);animation:afSaveSpin .9s linear infinite}
.arvore-familia-save-indicator[data-save-state="saving"] .arvore-familia-save-indicator-icon::before{content:'';position:absolute;inset:-0.15rem;border-radius:50%;border:2px solid rgba(0,114,188,0.14);animation:afSavePulse 1.2s ease-out infinite}
.arvore-familia-save-indicator[data-save-state="local"]{border-color:rgba(255,193,7,0.34);background:linear-gradient(135deg,rgba(255,249,235,0.96) 0%,rgba(255,240,200,0.9) 100%)}
.arvore-familia-save-indicator[data-save-state="local"] .arvore-familia-save-indicator-icon{background:rgba(255,193,7,0.14);color:#a46a00}
.arvore-familia-save-indicator[data-save-state="local"] .arvore-familia-save-indicator-alert{opacity:1;transform:scale(1)}
.arvore-familia-save-indicator[data-save-state="error"]{border-color:rgba(220,53,69,0.3);background:linear-gradient(135deg,rgba(255,242,242,0.96) 0%,rgba(255,229,229,0.9) 100%)}
.arvore-familia-save-indicator[data-save-state="error"] .arvore-familia-save-indicator-icon{background:rgba(220,53,69,0.12);color:#dc3545}
.arvore-familia-save-indicator[data-save-state="error"] .arvore-familia-save-indicator-alert{opacity:1;transform:scale(1)}
[data-theme="dark"] .arvore-familia-save-indicator{background:linear-gradient(135deg,rgba(42,42,42,0.92) 0%,rgba(52,52,52,0.88) 100%);border-color:rgba(255,255,255,0.08)}
[data-theme="dark"] .arvore-familia-save-indicator .arvore-familia-save-indicator-hint{color:rgba(230,230,230,0.72)}
[data-theme="dark"] .arvore-familia-save-indicator[data-save-state="pending"]{background:linear-gradient(135deg,rgba(82,64,18,0.92) 0%,rgba(110,84,21,0.9) 100%)}
[data-theme="dark"] .arvore-familia-save-indicator[data-save-state="pending"] .arvore-familia-save-indicator-icon{color:#ffd166;background:rgba(255,209,102,0.16)}
[data-theme="dark"] .arvore-familia-save-indicator[data-save-state="saving"]{background:linear-gradient(135deg,rgba(17,49,77,0.94) 0%,rgba(24,66,104,0.9) 100%)}
[data-theme="dark"] .arvore-familia-save-indicator[data-save-state="local"]{background:linear-gradient(135deg,rgba(88,67,18,0.94) 0%,rgba(112,87,22,0.9) 100%)}
[data-theme="dark"] .arvore-familia-save-indicator[data-save-state="local"] .arvore-familia-save-indicator-icon{color:#ffd166;background:rgba(255,209,102,0.16)}
[data-theme="dark"] .arvore-familia-save-indicator[data-save-state="error"]{background:linear-gradient(135deg,rgba(96,33,40,0.94) 0%,rgba(122,40,49,0.9) 100%)}
@keyframes afSaveSpin{from{transform:scale(1) rotate(0)}to{transform:scale(1) rotate(360deg)}}
@keyframes afSavePulse{0%{opacity:.12;transform:scale(.84)}70%{opacity:0;transform:scale(1.26)}100%{opacity:0;transform:scale(1.34)}}
.arvore-familia-stage-mode-switch{display:inline-flex;align-items:center;gap:0.3rem;padding:0.3rem;background:var(--af-stage-overlay-bg);border:1px solid var(--af-stage-overlay-border);border-radius:999px;box-shadow:var(--af-stage-overlay-shadow);backdrop-filter:blur(14px);pointer-events:auto}
.arvore-familia-stage-mode-button{appearance:none;border:none;border-radius:999px;padding:0.7rem 1rem;background:transparent;color:var(--af-text-secondary);font:inherit;font-size:var(--af-font-sm);font-weight:700;line-height:1;cursor:pointer;transition:all var(--af-transition)}
.arvore-familia-stage-mode-button:hover,.arvore-familia-stage-mode-button:focus-visible{background:rgba(0,166,81,0.1);color:var(--af-text-primary);outline:none}
.arvore-familia-stage-mode-button[aria-pressed="true"]{background:rgba(0,166,81,0.12);color:var(--af-text-primary);box-shadow:inset 0 0 0 1px rgba(0,166,81,0.26)}
[data-theme="dark"] .arvore-familia-stage-mode-button[aria-pressed="true"]{background:rgba(52,211,153,0.14);color:var(--dark-gray);box-shadow:inset 0 0 0 1px rgba(52,211,153,0.3)}
.arvore-familia-stage-mode-button:disabled{cursor:not-allowed;opacity:0.5;transform:none}
.arvore-familia-stage-mode-button:disabled:hover,.arvore-familia-stage-mode-button:disabled:focus-visible{background:transparent;color:var(--af-text-secondary)}
.arvore-familia-stage-floating-group .tool-btn{border-radius:999px;background:var(--af-stage-overlay-bg);border:1px solid var(--af-stage-overlay-border);box-shadow:var(--af-stage-overlay-shadow);backdrop-filter:blur(14px);color:var(--af-text-primary)}
.arvore-familia-stage-floating-group .tool-btn svg{color:currentColor}
.arvore-familia-stage-floating-group .tool-btn:hover:not(:disabled),.arvore-familia-stage-floating-group .tool-btn:focus-visible:not(:disabled){color:var(--af-text-primary)}
.arvore-familia-stage-zoom-control{display:inline-flex;align-items:center;min-height:2.75rem;padding:0.25rem 0.35rem;border:1px solid var(--af-stage-overlay-border);border-radius:999px;background:var(--af-stage-overlay-bg);box-shadow:var(--af-stage-overlay-shadow);color:var(--af-text-primary);backdrop-filter:blur(14px);pointer-events:auto;transition:box-shadow var(--af-transition)}
.arvore-familia-stage-zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:transparent;color:var(--af-text-primary);cursor:pointer;transition:background-color var(--af-transition),color var(--af-transition)}
.arvore-familia-stage-zoom-btn:hover,.arvore-familia-stage-zoom-btn:focus-visible{background:var(--af-highlight-bg);color:var(--af-accent);outline:none}
[data-theme="dark"] .arvore-familia-stage-zoom-btn:hover,[data-theme="dark"] .arvore-familia-stage-zoom-btn:focus-visible{background:rgba(52,211,153,0.15);color:var(--af-accent)}
.arvore-familia-stage-zoom-input-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:0.15rem;min-width:3.5rem;padding:0 0.15rem}
.arvore-familia-stage-zoom-indicator{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;padding:0;border:none;background:transparent;box-shadow:none;color:var(--af-text-primary);font:inherit;font-size:var(--af-font-sm);font-weight:700;line-height:1;text-align:center;pointer-events:auto;appearance:textfield;-moz-appearance:textfield}
.arvore-familia-stage-zoom-indicator:focus{outline:none}
.arvore-familia-stage-zoom-suffix{display:inline-flex;align-items:center;justify-content:flex-start;font-size:var(--af-font-sm);font-weight:700;line-height:1;color:var(--af-text-primary);pointer-events:none}
.arvore-familia-stage-zoom-indicator::-webkit-outer-spin-button,.arvore-familia-stage-zoom-indicator::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.arvore-familia-loading{position:absolute;inset:var(--af-gap-md);display:none;align-items:center;justify-content:center;padding:var(--af-gap-lg);background:linear-gradient(135deg,rgba(255,255,255,0.88) 0%,rgba(239,248,255,0.82) 100%);border:1px solid var(--af-border-color);border-radius:var(--af-card-radius);backdrop-filter:blur(6px);text-align:center;pointer-events:none;z-index:5}
[data-theme="dark"] .arvore-familia-loading{background:linear-gradient(135deg,rgba(30,30,30,0.9) 0%,rgba(17,49,77,0.72) 100%)}
.arvore-familia-loading.is-visible{display:flex}
.arvore-familia-loading-card{display:grid;justify-items:center;gap:0.65rem;max-width:min(26rem,100%);padding:1.25rem;border:1px solid var(--af-stage-overlay-border);border-radius:calc(var(--af-card-radius) - 0.25rem);background:var(--af-stage-overlay-bg);box-shadow:var(--af-stage-overlay-shadow);color:var(--af-text-primary)}
.arvore-familia-loading-spinner{width:2.25rem;height:2.25rem;border-radius:50%;border:3px solid rgba(0,114,188,0.16);border-top-color:var(--primary-blue);animation:afSaveSpin .9s linear infinite}
.arvore-familia-loading-title{font-size:var(--af-font-lg);font-weight:800;line-height:1.25;color:var(--af-text-primary)}
.arvore-familia-loading-card .arvore-familia-panel-text{max-width:22rem}
.arvore-familia-grid-two,.arvore-familia-grid-three{display:grid;gap:var(--af-gap-sm)}
.arvore-familia-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.arvore-familia-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.arvore-familia-person-form .arvore-familia-grid-two,.arvore-familia-person-form .arvore-familia-grid-three{grid-template-columns:minmax(0,1fr);gap:var(--af-gap-md)}
.arvore-familia-field{display:grid;gap:0.45rem}
.arvore-familia-field label{font-size:var(--af-font-sm);font-weight:600;line-height:1.4;color:var(--af-text-primary)}
.arvore-familia-field input,.arvore-familia-field select,.arvore-familia-field textarea,.arvore-familia-search,.arvore-familia-family-name{width:100%;padding:0.8rem 0.95rem;border:1px solid var(--af-border-color);border-radius:var(--border-radius-md);font:inherit;background:var(--af-bg-input);color:var(--af-text-primary);transition:border-color var(--af-transition),box-shadow var(--af-transition),background-color var(--af-transition)}
.arvore-familia-field input:focus,.arvore-familia-field select:focus,.arvore-familia-field textarea:focus,.arvore-familia-search:focus,.arvore-familia-family-name:focus{outline:none;border-color:var(--af-accent);box-shadow:0 0 0 3px var(--af-focus-ring)}
.arvore-familia-field input::placeholder,.arvore-familia-field textarea::placeholder,.arvore-familia-search::placeholder,.arvore-familia-family-name::placeholder{color:var(--af-text-muted)}
.arvore-familia-field textarea{min-height:7rem;resize:vertical}
.arvore-familia-check{display:flex;align-items:center;gap:var(--af-gap-sm);padding:0.15rem 0 0.25rem}
.arvore-familia-check label{font-size:var(--af-font-sm);line-height:1.4;color:var(--af-text-primary);cursor:pointer}
.arvore-familia-chip{appearance:none;border:1px solid var(--af-border-color);border-radius:999px;padding:0.55rem 0.95rem;background:var(--af-bg-card);color:var(--af-text-primary);font:inherit;font-size:var(--af-font-sm);font-weight:500;line-height:1.2;cursor:pointer;transition:all var(--af-transition)}
.arvore-familia-chip:hover{background:var(--af-highlight-bg);border-color:var(--af-accent);color:var(--af-accent);transform:translateY(-1px)}
.arvore-familia-chip[aria-pressed="true"]{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(0,166,81,0.2)}
[data-theme="dark"] .arvore-familia-chip[aria-pressed="true"]{box-shadow:0 2px 8px rgba(52,211,153,0.2)}
.arvore-familia-chip[disabled]{cursor:not-allowed;opacity:0.5;transform:none}
.arvore-familia-chip-row{display:flex;flex-wrap:wrap;gap:var(--af-gap-sm)}
.arvore-familia-panel-tabs-section{margin-bottom:var(--af-gap-xs);display:grid}
.arvore-familia-folder-tabs{display:flex;gap:0;border-bottom:2px solid var(--af-border-color);position:relative;z-index:10;padding:0 0.5rem}
.arvore-familia-folder-tab{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 0.5rem;background:var(--af-bg-card-header);border:2px solid transparent;border-bottom:2px solid transparent;border-radius:var(--af-card-radius) var(--af-card-radius) 0 0;color:var(--af-text-secondary);font:inherit;font-size:var(--af-font-sm);font-weight:600;cursor:pointer;transition:all var(--af-transition);position:relative;margin-bottom:-2px;flex:1;z-index:1;overflow:hidden}
.arvore-familia-folder-tab:hover:not([aria-pressed="true"]){color:var(--af-text-primary);background:var(--af-bg-card);border-color:var(--af-border-color);border-bottom-color:transparent}
.arvore-familia-folder-tab[aria-pressed="true"]{background:var(--af-bg-card);border:2px solid var(--af-border-color);border-bottom-color:var(--af-bg-card);color:var(--af-accent);z-index:3;font-weight:700}
.arvore-familia-folder-tab[aria-pressed="true"]::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;height:4px;background:linear-gradient(90deg,var(--af-accent),var(--af-accent-secondary));border-radius:var(--af-card-radius) var(--af-card-radius) 0 0;z-index:2}
.arvore-familia-folder-tab svg{color:currentColor;transition:transform var(--af-transition)}
.arvore-familia-folder-tab[aria-pressed="true"] svg{transform:scale(1.15)}
.arvore-familia-sidebar-accordion{gap:0;padding:0;border:1px solid var(--af-border-color);border-radius:calc(var(--af-card-radius) - 0.25rem);background:linear-gradient(180deg,var(--af-bg-card-header) 0%,var(--af-bg-card) 100%);overflow:hidden}
.arvore-familia-sidebar-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--af-gap-sm);width:100%;padding:0.95rem 1rem;background:transparent;border:none;color:var(--af-text-primary);text-align:left;cursor:pointer;transition:background-color var(--af-transition),color var(--af-transition)}
.arvore-familia-sidebar-section-toggle:hover,.arvore-familia-sidebar-section-toggle:focus-visible{background:var(--af-highlight-bg);color:var(--af-accent);outline:none}
.arvore-familia-sidebar-section-toggle[aria-expanded="true"]{color:var(--af-accent)}
.arvore-familia-sidebar-section-icon{flex-shrink:0;transition:transform var(--af-transition)}
.arvore-familia-sidebar-section-toggle[aria-expanded="true"] .arvore-familia-sidebar-section-icon{transform:rotate(180deg)}
.arvore-familia-sidebar-section-content{display:grid;gap:var(--af-gap-sm);padding:1rem;border-top:1px solid var(--af-border-color)}
.arvore-familia-sidebar-section-content.arvore-familia-hidden{display:none !important}
.arvore-familia-action-grid,.arvore-familia-export-grid,.arvore-familia-inline-actions{display:flex;flex-wrap:wrap;gap:var(--af-gap-sm)}
.arvore-familia-action-grid .tool-btn,.arvore-familia-export-grid .tool-btn{flex:1 1 10rem}
.arvore-familia-action-grid{margin-top:0.15rem}
.arvore-familia-export-options{display:grid;gap:0.35rem}
.arvore-familia-export-check{align-items:flex-start}
.arvore-familia-export-check input{margin-top:0.15rem}
.arvore-familia-export-check--plus{padding:0.65rem 0.75rem;border:1px dashed rgba(0,114,188,0.3);border-radius:var(--border-radius-md);background:rgba(0,114,188,0.05);transition:border-color var(--af-transition),background-color var(--af-transition),box-shadow var(--af-transition)}
.arvore-familia-export-check--plus input{margin-top:0.35rem}
.arvore-familia-export-check--plus:hover{border-color:rgba(0,114,188,0.5);box-shadow:0 0 0 3px rgba(0,114,188,0.08)}
.arvore-familia-export-check-content{display:grid;gap:0.25rem;min-width:0}
.arvore-familia-export-check-title{display:flex;align-items:center;flex-wrap:wrap;gap:0.45rem;font-weight:700;line-height:1.35;color:var(--af-text-primary)}
.arvore-familia-plus-badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.18rem 0.45rem;border-radius:999px;background:var(--primary-blue);color:#fff;font-size:0.68rem;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:0}
.arvore-familia-plus-badge svg{width:0.75rem;height:0.75rem;flex:0 0 auto}
.arvore-familia-export-check-hint{font-size:0.78rem;line-height:1.35;color:var(--af-text-secondary)}
.arvore-familia-export-check--plus[data-premium-state="active"]{border-style:solid;border-color:rgba(0,166,81,0.32);background:rgba(0,166,81,0.08)}
.arvore-familia-export-check--plus[data-premium-state="active"] .arvore-familia-plus-badge{background:var(--primary-green)}
.arvore-familia-export-check--plus[data-premium-state="pending"]{border-color:rgba(136,136,136,0.32);background:rgba(136,136,136,0.08)}
.arvore-familia-export-check--plus[data-premium-state="pending"] .arvore-familia-plus-badge{background:var(--medium-gray)}
[data-theme="dark"] .arvore-familia-export-check--plus{background:rgba(80,160,220,0.12);border-color:rgba(112,185,240,0.32)}
[data-theme="dark"] .arvore-familia-export-check--plus[data-premium-state="active"]{background:rgba(52,211,153,0.12);border-color:rgba(52,211,153,0.35)}
.arvore-familia-search-wrap{display:grid;gap:var(--af-gap-sm)}
.arvore-familia-search-results,.arvore-familia-member-list,.arvore-familia-relationship-list,.arvore-familia-audit-list{display:grid;gap:var(--af-gap-sm);max-height:18rem;overflow:auto;padding-right:0.2rem}
.arvore-familia-member-item,.arvore-familia-search-result,.arvore-familia-relationship-item,.arvore-familia-audit-item{display:grid;gap:0.25rem;padding:0.75rem 0.85rem;border:1px solid var(--af-border-color);border-radius:var(--border-radius-md);background:var(--af-bg-card);text-align:left;font:inherit;cursor:pointer;color:var(--af-text-primary);transition:all var(--af-transition)}
.arvore-familia-member-item:hover,.arvore-familia-search-result:hover{transform:translateY(-2px);box-shadow:var(--af-shadow-card-hover);border-color:var(--af-accent)}
.arvore-familia-search-result,.arvore-familia-member-item{width:100%}
.arvore-familia-member-name,.arvore-familia-search-name,.arvore-familia-card-name,.arvore-familia-form-value{font-weight:600;color:var(--af-text-primary)}
.arvore-familia-badge-row,.arvore-familia-summary-grid{display:flex;flex-wrap:wrap;gap:var(--af-gap-sm)}
.arvore-familia-badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.3rem 0.65rem;border:1px solid var(--af-badge-border);border-radius:999px;font-size:0.78rem;font-weight:500;line-height:1.2;background:var(--af-badge-bg);color:var(--af-badge-text)}
.arvore-familia-summary-box{flex:1 1 9rem;padding:0.75rem 0.85rem;border:1px solid var(--af-border-color);border-radius:var(--border-radius-md);background:var(--af-bg-card);transition:all var(--af-transition)}
.arvore-familia-summary-box:hover{transform:translateY(-2px);box-shadow:var(--af-shadow-card-hover)}
.arvore-familia-summary-number{display:block;font-size:var(--af-font-xl);font-weight:700;line-height:1.2;color:var(--af-accent)}
.arvore-familia-summary-line{color:var(--af-text-secondary)}
.arvore-familia-hidden{display:none !important}
.arvore-familia-screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode{display:block;gap:0;width:100%;height:100vh;min-height:100vh;padding:0;background:var(--af-fullscreen-bg)}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode>#premiumResultCtaSlot,.arvore-familia-wrapper.arvore-familia-fullscreen-mode>.arvore-familia-toolbar{display:none !important}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-layout{display:block;position:relative;height:100%;min-height:100%}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-shell{height:100%;max-height:none;grid-template-rows:0 1fr 0;gap:0;padding:0;border:none;border-radius:0;background:var(--af-fullscreen-surface-strong);box-shadow:var(--af-fullscreen-shadow);overflow:hidden}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-shell:hover{box-shadow:var(--af-fullscreen-shadow)}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-header,.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-hint{display:none !important}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-fullscreen-topbar{position:absolute;top:var(--af-fullscreen-control-offset);left:50%;z-index:8;display:inline-flex;width:max-content;transform:translateX(-50%)}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-fullscreen-top-actions{position:absolute;top:var(--af-fullscreen-control-offset);right:clamp(0.85rem,2vw,1.1rem);z-index:9;display:flex;align-items:center;gap:0.65rem}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-fullscreen-close{position:static;display:inline-flex}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage{grid-row:2;height:100%;min-height:100%;max-height:none;border:none;border-radius:inherit;padding:calc(var(--af-stage-padding) + 4.5rem) calc(var(--af-stage-padding) + 0.25rem) calc(var(--af-stage-padding) + 1rem);background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(0,0,0,0.02) 39px,rgba(0,0,0,0.02) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(0,0,0,0.02) 39px,rgba(0,0,0,0.02) 40px),linear-gradient(180deg,rgba(255,255,255,0.84) 0%,rgba(255,255,255,0.7) 100%)}
[data-theme="dark"] .arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage{background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,0.02) 39px,rgba(255,255,255,0.02) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,0.02) 39px,rgba(255,255,255,0.02) 40px),linear-gradient(180deg,rgba(24,24,24,0.8) 0%,rgba(24,24,24,0.62) 100%)}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-people-counter{bottom:max(0.75rem,var(--af-fullscreen-control-bottom-offset));max-width:min(24rem,calc(100% - 14rem))}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-controls{top:var(--af-fullscreen-control-offset);left:var(--af-fullscreen-control-offset);right:var(--af-fullscreen-control-offset);bottom:var(--af-fullscreen-control-bottom-offset);z-index:7}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--primary{position:absolute;top:0;left:0}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--fullscreen{position:absolute;top:0;right:0}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--fullscreen #arvore-familia-tela-cheia,.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--fullscreen [data-arvore-familia-save-indicator="stage"]{display:none !important}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--history{position:absolute;top:50%;right:0;transform:translateY(-50%)}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--branch{position:absolute;left:0;bottom:0;justify-content:flex-start;align-items:center}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--zoom{position:absolute;right:0;bottom:0;justify-content:flex-end;align-items:center}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--zoom .tool-btn,.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--zoom .arvore-familia-stage-zoom-control{display:inline-flex}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-sidebar-panel{position:absolute;top:calc(var(--af-fullscreen-control-offset) + var(--af-fullscreen-sidebar-top-offset));left:var(--af-fullscreen-control-offset);bottom:auto;z-index:8;width:min(24rem,calc(100% - 2rem));height:auto;max-height:calc(100% - var(--af-fullscreen-control-offset) - var(--af-fullscreen-sidebar-top-offset) - var(--af-fullscreen-control-bottom-offset) - var(--af-fullscreen-sidebar-bottom-offset));margin:0;pointer-events:auto;overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x;background:var(--af-fullscreen-surface);box-shadow:var(--af-fullscreen-shadow);backdrop-filter:blur(18px);scrollbar-gutter:stable;scrollbar-width:thin}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-sidebar-panel::-webkit-scrollbar{display:block !important;width:0.72rem;height:0.72rem}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-sidebar-panel::-webkit-scrollbar-thumb{background:rgba(127,127,127,0.5);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-sidebar-panel::-webkit-scrollbar-track{background:transparent}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-sidebar-panel:hover{box-shadow:var(--af-fullscreen-shadow)}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-loading{inset:6rem var(--af-gap-lg) var(--af-gap-lg)}
@media (prefers-reduced-motion:reduce){
.arvore-familia-panel,.arvore-familia-panel:hover,.arvore-familia-stage-shell,.arvore-familia-stage-shell:hover,.arvore-familia-toolbar,.arvore-familia-toolbar:hover,.arvore-familia-summary-box,.arvore-familia-summary-box:hover,.arvore-familia-member-item:hover,.arvore-familia-search-result:hover{animation:none;transform:none}
.arvore-familia-loading-spinner{animation:none}
}
@media (max-width:1180px){
.arvore-familia-layout{grid-template-columns:minmax(0,1fr)}
.arvore-familia-panel{position:static}
.arvore-familia-sidebar-panel{max-height:none;overflow:visible}
.arvore-familia-toolbar{grid-template-columns:minmax(0,1fr)}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-sidebar-panel{position:absolute;top:calc(var(--af-fullscreen-control-offset) + var(--af-fullscreen-sidebar-top-offset));left:var(--af-fullscreen-control-offset);bottom:auto;height:auto;max-height:calc(100% - var(--af-fullscreen-control-offset) - var(--af-fullscreen-sidebar-top-offset) - var(--af-fullscreen-control-bottom-offset) - var(--af-fullscreen-sidebar-bottom-offset));overflow-x:hidden !important;overflow-y:auto !important}
}
@media (max-width:767px){
.arvore-familia-grid-two,.arvore-familia-grid-three{grid-template-columns:minmax(0,1fr)}
.arvore-familia-stage-shell{height:var(--af-stage-shell-height);max-height:var(--af-stage-shell-height)}
.arvore-familia-stage{padding-top:calc(var(--af-stage-padding) + 1rem)}
.arvore-familia-toolbar{padding:var(--af-gap-sm);gap:var(--af-gap-xs)}
.arvore-familia-toolbar-section{padding:var(--af-gap-sm)}
.arvore-familia-stage-shell,.arvore-familia-panel{padding:var(--af-gap-md)}
.arvore-familia-panel-subsection,.arvore-familia-form-group,.arvore-familia-relationship-action-card{padding:0.85rem}
.arvore-familia-toolbar-group{width:100%;justify-content:center}
.arvore-familia-toolbar-group .tool-btn{flex:1 1 auto;justify-content:center}
.arvore-familia-inline-actions{flex-direction:column}
.arvore-familia-inline-actions .tool-btn{width:100%;justify-content:center}
.arvore-familia-action-grid{flex-direction:column}
.arvore-familia-action-grid .tool-btn{flex:1 1 auto;width:100%;justify-content:center}
.arvore-familia-stage-floating-controls{display:none}
.arvore-familia-stage-floating-group{width:auto}
.arvore-familia-stage-floating-group .tool-btn,.arvore-familia-stage-zoom-control{flex:0 1 auto;justify-content:center}
.arvore-familia-stage-floating-group--history{right:0;top:50%;bottom:auto}
.arvore-familia-stage-floating-group--primary{top:0;left:0}
.arvore-familia-stage-floating-group--fullscreen{top:0;right:0}
.arvore-familia-stage-floating-group--branch{left:0;bottom:0}
.arvore-familia-stage-floating-group--zoom{right:0;bottom:0}
.arvore-familia-stage-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.arvore-familia-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:24;border:none;background:var(--af-mobile-popup-backdrop);opacity:0;pointer-events:none;transition:opacity var(--af-transition)}
.arvore-familia-app-mobile-sidebar-mode{
--af-mobile-popup-top-offset:clamp(5rem,17vw,6.2rem)
}
.arvore-familia-app-mobile-sidebar-mode.arvore-familia-mobile-sidebar-open .arvore-familia-sidebar-backdrop{opacity:1;pointer-events:auto}
.arvore-familia-app-mobile-sidebar-mode .arvore-familia-sidebar-panel{position:fixed;top:var(--af-mobile-popup-top-offset);left:0.75rem;right:0.75rem;bottom:auto;z-index:25;width:auto;max-width:none;height:auto;max-height:calc(100dvh - var(--af-mobile-popup-top-offset) - 0.75rem);padding:var(--af-gap-md);overflow-x:hidden !important;overflow-y:auto !important;opacity:0;transform:translateY(1rem) scale(0.98);visibility:hidden;pointer-events:none;box-shadow:0 1.15rem 2.8rem rgba(0,0,0,0.24)}
.arvore-familia-app-mobile-sidebar-mode.arvore-familia-mobile-sidebar-open .arvore-familia-sidebar-panel{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto}
.arvore-familia-app-mobile-sidebar-mode .arvore-familia-sidebar-mobile-header{display:flex}
.arvore-familia-app-mobile-sidebar-mode .arvore-familia-layout,.arvore-familia-app-mobile-sidebar-mode .arvore-familia-layout.is-sidebar-collapsed{grid-template-columns:minmax(0,1fr);gap:var(--af-gap-lg)}
.arvore-familia-fullscreen-brand{min-height:2.7rem;padding:0.45rem 0.8rem;font-size:0.82rem}
.arvore-familia-fullscreen-meta strong{font-size:0.98rem}
.arvore-familia-fullscreen-meta span{font-size:0.84rem}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode{padding:0}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-fullscreen-topbar{top:0.75rem;width:max-content}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-fullscreen-top-actions{top:0.75rem;right:0.75rem;gap:0.5rem}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-fullscreen-close{width:2.35rem;height:2.35rem}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-mobile-actions{display:none !important}
.arvore-familia-save-indicator{padding:0.42rem 0.7rem;gap:0.6rem}
.arvore-familia-stage-floating-group--fullscreen [data-arvore-familia-save-indicator="stage"] .arvore-familia-save-indicator-copy{display:none}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-fullscreen-top-actions [data-arvore-familia-save-indicator="fullscreen"]{width:min(16rem,calc(100vw - 6.5rem));max-width:16rem}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-fullscreen-top-actions [data-arvore-familia-save-indicator="fullscreen"] .arvore-familia-save-indicator-copy{display:grid}
.arvore-familia-stage-people-counter{bottom:var(--af-gap-sm);max-width:min(18rem,calc(100% - 9rem));padding:0.48rem 0.85rem;font-size:0.79rem}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage{padding-top:calc(var(--af-stage-padding) + 5rem);padding-left:var(--af-gap-sm);padding-right:var(--af-gap-sm);padding-bottom:calc(var(--af-stage-padding) + 0.7rem)}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-people-counter{bottom:0.75rem;max-width:min(17rem,calc(100% - 7.5rem))}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-controls{display:flex;top:0.75rem;left:var(--af-gap-sm);right:var(--af-gap-sm);bottom:0.75rem}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--primary{top:4.25rem;left:var(--af-gap-sm);flex-direction:column;align-items:stretch;width:min(11.5rem,calc(50vw - 1rem))}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--primary .tool-btn{width:100%}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-mode-switch{display:grid;gap:0.35rem;width:100%;padding:0.35rem;border-radius:1.25rem}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-mode-button{width:100%;padding:0.72rem 0.82rem;text-align:center}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--history{right:var(--af-gap-sm);top:50%;bottom:auto}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--zoom{left:auto;right:var(--af-gap-sm);bottom:4rem;flex-direction:column;align-items:flex-end;width:auto}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--zoom .tool-btn,.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--zoom .arvore-familia-stage-zoom-control{flex:0 1 auto}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--branch{left:var(--af-gap-sm);bottom:4rem;flex-direction:column;align-items:stretch;width:min(11.5rem,calc(50vw - 1rem))}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-stage-floating-group--branch .tool-btn{width:100%;justify-content:center}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode.arvore-familia-app-mobile-sidebar-mode{
--af-mobile-popup-top-offset:4.5rem
}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode.arvore-familia-app-mobile-sidebar-mode .arvore-familia-sidebar-backdrop{z-index:29}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode.arvore-familia-app-mobile-sidebar-mode .arvore-familia-sidebar-panel{top:var(--af-mobile-popup-top-offset);left:0.75rem;right:0.75rem;bottom:auto;z-index:30;width:auto;max-width:none;height:auto;max-height:calc(100dvh - var(--af-mobile-popup-top-offset) - 0.75rem);pointer-events:none}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode.arvore-familia-app-mobile-sidebar-mode.arvore-familia-mobile-sidebar-open .arvore-familia-sidebar-panel{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode.arvore-familia-app-mobile-sidebar-mode.arvore-familia-mobile-sidebar-open .arvore-familia-sidebar-panel *{pointer-events:auto}
.arvore-familia-wrapper.arvore-familia-fullscreen-mode .arvore-familia-loading{inset:6rem var(--af-gap-sm) var(--af-gap-sm)}
}
.arvore-familia-conflict-overlay{position:relative;z-index:6;display:block;margin-bottom:var(--af-gap-lg)}
.arvore-familia-conflict-panel{width:100%;display:grid;gap:var(--af-gap-lg);padding:clamp(1rem,2vw,1.5rem);border:1px solid rgba(0,114,188,0.14);border-radius:calc(var(--af-card-radius) + 0.25rem);background:linear-gradient(180deg,color-mix(in srgb,var(--af-bg-card) 96%,#fff 4%) 0%,color-mix(in srgb,var(--af-bg-card) 92%,rgba(0,114,188,0.05) 8%) 100%);box-shadow:var(--af-shadow-card)}
.arvore-familia-conflict-panel-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:2rem;padding:0.2rem 0.75rem;border:1px solid rgba(0,114,188,0.16);border-radius:999px;background:rgba(0,114,188,0.08);color:var(--primary-blue);font-size:0.78rem;font-weight:700;letter-spacing:0.01em;text-transform:uppercase}
.arvore-familia-conflict-panel-title{margin:0;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:800;line-height:1.25;color:var(--af-text-primary)}
.arvore-familia-conflict-panel-text,.arvore-familia-conflict-preview-status,.arvore-familia-conflict-helper{margin:0;font-size:var(--af-font-sm);line-height:1.6;color:var(--af-text-secondary)}
.arvore-familia-conflict-preview-status{padding:0.85rem 1rem;border:1px solid rgba(255,193,7,0.28);border-radius:var(--border-radius-md);background:rgba(255,248,227,0.88);color:#8a6116;font-weight:600}
.arvore-familia-conflict-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--af-gap-lg)}
.arvore-familia-conflict-card{display:grid;gap:var(--af-gap-md);padding:1rem;border:1px solid var(--af-border-color);border-radius:var(--af-card-radius);background:linear-gradient(180deg,var(--af-bg-card-header) 0%,var(--af-bg-card) 100%);box-shadow:var(--af-shadow-card)}
.arvore-familia-conflict-card.is-previewing{border-color:rgba(0,114,188,0.35);box-shadow:0 0 0 3px rgba(0,114,188,0.08),var(--af-shadow-card)}
.arvore-familia-conflict-card-header{display:grid;gap:0.4rem}
.arvore-familia-conflict-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:1.8rem;padding:0.15rem 0.65rem;border:1px solid var(--af-badge-border);border-radius:999px;background:var(--af-badge-bg);color:var(--af-badge-text);font-size:0.76rem;font-weight:700;text-transform:uppercase}
.arvore-familia-conflict-card-title{font-size:1.1rem;line-height:1.35;color:var(--af-text-primary)}
.arvore-familia-conflict-details{display:grid;gap:0.55rem;margin:0;padding:0;list-style:none}
.arvore-familia-conflict-details li{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--af-gap-md);padding:0.6rem 0.75rem;border-radius:var(--border-radius-md);background:rgba(0,0,0,0.03)}
.arvore-familia-conflict-details span{font-size:0.8rem;font-weight:600;color:var(--af-text-secondary)}
.arvore-familia-conflict-details strong{font-size:0.84rem;line-height:1.4;text-align:right;color:var(--af-text-primary)}
.arvore-familia-conflict-actions{display:flex;flex-wrap:wrap;gap:var(--af-gap-sm)}
.arvore-familia-conflict-actions .tool-btn{flex:1 1 13rem;justify-content:center}
[data-theme="dark"] .arvore-familia-conflict-panel{border-color:rgba(96,165,250,0.2);background:linear-gradient(180deg,rgba(24,24,27,0.96) 0%,rgba(30,41,59,0.92) 100%)}
[data-theme="dark"] .arvore-familia-conflict-preview-status{background:rgba(120,53,15,0.34);border-color:rgba(245,158,11,0.26);color:#f9d48d}
[data-theme="dark"] .arvore-familia-conflict-details li{background:rgba(255,255,255,0.04)}
body.arvore-familia-conflict-active #premiumResultCtaSlot,body.arvore-familia-conflict-active .arvore-familia-layout,body.arvore-familia-conflict-active .arvore-familia-toolbar{pointer-events:none;user-select:none}
body.arvore-familia-conflict-active .arvore-familia-layout,body.arvore-familia-conflict-active .arvore-familia-toolbar{opacity:0.62;filter:saturate(0.88)}
body.arvore-familia-conflict-active .arvore-familia-conflict-overlay{pointer-events:auto}
body.arvore-familia-conflict-active .arvore-familia-stage{cursor:default}
@media (max-width:900px){
.arvore-familia-conflict-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
.arvore-familia-conflict-panel{padding:0.9rem}
.arvore-familia-conflict-actions .tool-btn{flex:1 1 100%}
.arvore-familia-conflict-details li{flex-direction:column}
.arvore-familia-conflict-details strong{text-align:left}
}