.family-list-view{padding:10px}.list-breadcrumb{background:#f8f9fa;border-radius:8px;flex-wrap:wrap;align-items:center;margin-bottom:15px;padding:10px 15px;font-size:14px;display:flex}.breadcrumb-item{color:#007bff;cursor:pointer;border-radius:4px;padding:2px 5px}.breadcrumb-item:hover{background:#e9ecef}.breadcrumb-item.active{color:#333;cursor:default;font-weight:600}.breadcrumb-item.active:hover{background:0 0}.breadcrumb-separator{color:#999;margin:0 5px;font-size:10px}.list-members{flex-direction:column;gap:10px;display:flex}.member-card-list{border:1px solid #e9ecef;border-radius:10px;transition:all .2s}.member-card-list:hover{box-shadow:0 2px 8px #0000001a}.member-card-list .card-body{padding:12px 15px}.member-icon{border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-right:12px;font-size:20px;display:flex}.member-icon.male{color:#1976d2;background:#e3f2fd}.member-icon.female{color:#c2185b;background:#fce4ec}.member-info{cursor:pointer}.member-name-list{color:#333;font-size:18px;font-weight:600}.member-meta{color:#666;margin-top:2px;font-size:12px}.member-add-btn{color:#777a78;cursor:pointer;padding:8px 12px;font-size:18px;transition:color .2s}.member-add-btn:hover{color:#1e7e34}.member-children-btn{color:#1976d2;cursor:pointer;background:#f0f7ff;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.member-children-btn:hover{color:#fff;background:#1976d2}.children-count{font-weight:500}.search-info{color:#856404;background:#fff3cd;border-radius:8px;margin-bottom:10px;padding:10px 12px;font-size:14px}.view-toggle{gap:5px;display:flex}.view-toggle .btn{padding:5px 12px;font-size:14px}.view-toggle .btn.active{color:#fff;background:#af8600;border-color:#af8600}@media (max-width:768px){.family-list-view{padding:0}.list-breadcrumb{background:#e8f4ff;border-radius:8px;margin:0 0 8px;padding:10px 12px;font-size:14px}.list-members{gap:8px}.member-card-list{border-radius:8px}.member-card-list .card-body{padding:10px 12px}.member-icon{width:40px;height:40px;margin-right:10px;font-size:18px}.member-name-list{font-size:14px}.member-meta{font-size:13px}.member-children-btn{gap:5px;padding:6px 10px;font-size:14px}}
.list-tree{--tree-clr:#af8600;--tree-font-size:1rem;--tree-item-height:2;--tree-offset:1rem;--tree-thickness:2px;--tree-style:solid;margin-top:60px}.list-tree ul{font-size:var(--tree-font-size);list-style:none;display:grid}.list-tree li{line-height:var(--tree-item-height);border-left:var(--tree-thickness)var(--tree-style)var(--tree-clr);text-indent:.5rem;padding-inline-start:var(--tree-offset);position:relative}.list-tree li:last-child{border-color:#0000}.list-tree li:before{content:"";top:calc(var(--tree-item-height)/2*-.7*var(--tree-font-size) + var(--tree-thickness));left:calc(var(--tree-thickness)*-1);width:calc(var(--tree-offset) + var(--tree-thickness)*2);height:calc(var(--tree-item-height)*var(--tree-font-size));border-left:var(--tree-thickness)var(--tree-style)var(--tree-clr);border-bottom:var(--tree-thickness)var(--tree-style)var(--tree-clr);position:absolute}.list-tree li:after{content:"";background-color:var(--tree-clr);width:6px;height:6px;top:calc(var(--tree-item-height)/2*1.3rem);left:var(--tree-offset);translate:calc(var(--tree-thickness)*-1)calc(var(--tree-thickness)*-1);border-radius:50%;position:absolute}.add-member-icon{cursor:pointer;color:#007bff;margin-left:8px;font-size:14px;transition:color .3s ease-in-out}.add-member-icon:hover{color:#0056b3}.list-tree li .member-name{cursor:pointer;opacity:1;font-size:18px;font-weight:700}.list-tree li .member-name.deceased{font-weight:400;color:#000!important}.collapse-btn{cursor:pointer;color:#af8600;text-align:center;width:16px;margin-right:5px;font-size:12px;display:inline-block}.collapse-btn:hover{color:#d4a600}.member-name.highlighted{background-color:#c9b061;border-radius:4px;margin:-2px -6px;padding:2px 6px}.tree-stats span{white-space:nowrap}.tree-stats strong{color:#af8600}.family-tree-wrapper{min-width:100%;display:inline-block}.spouse-group{list-style:none}.spouse-label{color:#e91e63;cursor:default;font-size:14px;font-style:italic}.spouse-children-count{color:#999;font-size:12px}.spouse-section{background:#f8f9fa;border-radius:8px;padding:15px}.spouse-item{background:#fff}@media (min-width:769px){.list-tree{margin-top:60px!important}}.list-tree{padding-bottom:70px}
.avatar-container{display:inline-block;position:relative}.status-indicator{border:2px solid #fff;border-radius:50%;width:21px;height:21px;position:absolute;bottom:3px;right:5px}.status-indicator.alive{background-color:#28a745}.status-indicator.deceased{background-color:#000}