.family-chart-container{margin:12px 0;background:linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);padding:16px;border-radius:12px;border:1px solid #e8e8e8;box-shadow:0 2px 8px rgba(0,0,0,.06)}.family-chart-bar{display:flex;height:32px;border-radius:16px;overflow:hidden;border:2px solid #fff;background:#fff;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative}.family-chart-bar::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg, #ffd700, #ff6b6b, #4ecdc4, #45b7d1);border-radius:18px;z-index:-1}.family-segment{display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.4);transition:all .3s ease;min-width:1px;position:relative;overflow:hidden}.family-segment::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:translateX(-100%);transition:transform .6s ease}.family-segment:hover::before{transform:translateX(100%)}.family-segment:hover{transform:scale(1.05);z-index:2;box-shadow:0 4px 16px rgba(0,0,0,.2)}.segment-label{display:none;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.family-segment[style*="width: 1"]:not([style*="width: 10"]) .segment-label,.family-segment[style*="width: 2"]:not([style*="width: 12"]) .segment-label,.family-segment[style*="width: 3"]:not([style*="width: 13"]) .segment-label,.family-segment[style*="width: 4"]:not([style*="width: 14"]) .segment-label,.family-segment[style*="width: 5"]:not([style*="width: 15"]) .segment-label,.family-segment[style*="width: 6"]:not([style*="width: 16"]) .segment-label,.family-segment[style*="width: 7"]:not([style*="width: 17"]) .segment-label,.family-segment[style*="width: 8"]:not([style*="width: 18"]) .segment-label,.family-segment[style*="width: 9"]:not([style*="width: 19"]) .segment-label{display:none}.family-floral{background:linear-gradient(135deg, #ff6b9d 0%, #f06292 50%, #e91e63 100%);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.2)}.family-woody{background:linear-gradient(135deg, #8d4004 0%, #6d4c41 50%, #5d4037 100%);box-shadow:inset 0 2px 4px rgba(139,69,19,.3)}.family-fresh{background:linear-gradient(135deg, #00bcd4 0%, #26c6da 50%, #00acc1 100%);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.3)}.family-amber{background:linear-gradient(135deg, #ff8f00 0%, #f57c00 50%, #e65100 100%);box-shadow:inset 0 2px 4px rgba(255,193,7,.4)}.family-chart-container-reference{margin:8px 0;padding:12px;background:#fff;border-radius:8px;border:1px solid #f0f0f0}.family-chart-bar-reference{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-bottom:12px;background:#f5f5f5}.family-segment-reference{transition:all .3s ease;min-width:1px}.family-segment-reference:hover{opacity:.8}.family-labels-horizontal{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.family-item-reference{display:flex;align-items:center;gap:6px}.family-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.family-percentage{font-size:13px;font-weight:600;color:#333;min-width:30px}.family-floral.family-segment-reference,.family-floral.family-dot{background:#e74c3c}.family-amber.family-segment-reference,.family-amber.family-dot{background:#f39c12}.family-fresh.family-segment-reference,.family-fresh.family-dot{background:#3498db}.family-woody.family-segment-reference,.family-woody.family-dot{background:#8b4513}.no-families{color:#999;font-style:italic;font-size:12px}@media(max-width: 768px){.family-labels-horizontal{gap:12px}}.status-badge{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;cursor:pointer}.status-pl-verified{background-color:#10b981;color:#fff}.status-pl-pending{background-color:#f59e0b;color:#000}.status-pl-edit-pending{background-color:#d946ef;color:#fff}.status-pl-not-in-db{background-color:#6b7280;color:#fff}.status-col-approved{background-color:#3b82f6;color:#fff}.status-col-review{background-color:#facc15;color:#000}.status-col-disputed{background-color:#ef4444;color:#fff}.status-col-draft{background-color:#a78bfa;color:#fff}
