:root{--td-primary:#2563eb;--td-primary-dark:#1d4ed8;--td-success:#10b981;--td-warning:#f59e0b;--td-danger:#ef4444;--td-gray-50:#f9fafb;--td-gray-100:#f3f4f6;--td-gray-200:#e5e7eb;--td-gray-300:#d1d5db;--td-gray-400:#9ca3af;--td-gray-500:#6b7280;--td-gray-600:#4b5563;--td-gray-700:#374151;--td-gray-800:#1f2937;--td-gray-900:#111827;--td-radius:8px;--td-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);--td-shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--td-group-crew:#10b981;--td-group-maestros:#3b82f6;--td-group-soloists:#8b5cf6;--td-group-combatants:#ef4444}.sp-teams-dashboard{min-height:100vh;background:var(--td-gray-50);padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;margin:0
auto}.sp-dashboard-container{max-width:1200px;width:100%;margin:0
auto}.sp-teams-dashboard>.sp-demo-banner{max-width:1200px;width:100%}.sp-demo-banner{background:var(--td-warning);color:#000;padding:0.75rem 1rem;text-align:center;font-weight:500;margin-bottom:1.5rem;border-radius:var(--td-radius);display:flex;align-items:center;justify-content:center;gap:0.5rem}.sp-demo-banner .demo-icon{font-size:1.2em}.sp-demo-banner
a{color:#000;text-decoration:underline;margin-left:1rem}.sp-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.sp-dashboard-header
h1{margin:0;font-size:2rem;color:var(--td-gray-900)}.header-subtitle{margin:0.5rem 0 0;color:var(--td-gray-500)}.btn{display:inline-flex;align-items:center;padding:0.625rem 1.25rem;border-radius:var(--td-radius);font-weight:500;font-size:0.875rem;cursor:pointer;transition:all 0.15s ease;border:none;text-decoration:none}.btn-primary{background:var(--td-primary);color:#fff}.btn-primary:hover{background:var(--td-primary-dark)}.btn-secondary{background:var(--td-gray-200);color:var(--td-gray-700)}.btn-secondary:hover{background:var(--td-gray-300)}.sp-dashboard-tabs{display:flex;gap:0.5rem;border-bottom:2px solid var(--td-gray-200);margin-bottom:1.5rem;overflow-x:auto}.tab-btn{padding:0.75rem 1.25rem;border:none;background:none;font-size:0.875rem;font-weight:500;color:var(--td-gray-500);cursor:pointer;position:relative;transition:color 0.15s ease;white-space:nowrap}.tab-btn:hover{color:var(--td-gray-700)}.tab-btn.active{color:var(--td-primary)}.tab-btn.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--td-primary)}.tab-content{display:none}.tab-content.active{display:block}.dashboard-card{background:#fff;border-radius:var(--td-radius);box-shadow:var(--td-shadow);margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--td-gray-200)}.card-header
h2{margin:0;font-size:1.125rem;color:var(--td-gray-900)}.card-body{padding:1.5rem}.subscription-info{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1.5rem;text-align:center;justify-items:center}.info-item{display:flex;flex-direction:column;gap:0.25rem;align-items:center}.info-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--td-gray-500)}.info-value{font-size:1.125rem;font-weight:600;color:var(--td-gray-900)}.privacy-card .card-body{padding:1.25rem 1.5rem}.privacy-intro{margin:0
0 1rem;color:var(--td-gray-600);font-size:0.875rem}.privacy-options{display:flex;flex-direction:column;gap:0.75rem}.privacy-option{display:flex;align-items:flex-start;padding:1rem;border:2px
solid var(--td-gray-200);border-radius:var(--td-radius);cursor:pointer;transition:all 0.15s ease}.privacy-option:hover{border-color:var(--td-gray-300);background:var(--td-gray-50)}.privacy-option.selected{border-color:var(--td-primary);background:rgba(37, 99, 235, 0.05)}.privacy-option input[type="radio"]{margin:0.25rem 0.75rem 0 0;flex-shrink:0}.option-content{display:flex;flex-direction:column;gap:0.25rem}.option-content
strong{color:var(--td-gray-900);font-size:0.9375rem}.option-desc{color:var(--td-gray-500);font-size:0.8125rem;line-height:1.4}.option-badge{display:inline-block;padding:0.125rem 0.5rem;border-radius:4px;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-top:0.25rem;width:fit-content}.option-badge.recommended{background:var(--td-success);color:#fff}.privacy-save-status{margin-top:0.75rem;text-align:center}.save-success{color:var(--td-success);font-size:0.875rem;font-weight:500}.usage-meter{margin-bottom:1rem}.meter-bar{height:12px;background:var(--td-gray-200);border-radius:6px;overflow:hidden}.meter-fill{height:100%;background:var(--td-primary);border-radius:6px;transition:width 0.3s ease}.meter-labels{display:flex;justify-content:space-between;margin-top:0.5rem;font-size:0.875rem;color:var(--td-gray-600)}.rollover-notice{background:var(--td-gray-100);padding:0.75rem 1rem;border-radius:var(--td-radius);font-size:0.875rem;color:var(--td-gray-600);display:flex;align-items:center;gap:0.5rem}.rollover-icon{font-size:1.2em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:1rem}.stat-card{background:#fff;padding:1.25rem;border-radius:var(--td-radius);box-shadow:var(--td-shadow);text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--td-gray-900)}.stat-label{display:block;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--td-gray-500);margin-top:0.25rem}.stat-limit{display:block;font-size:0.75rem;color:var(--td-gray-400)}.seat-usage-notice{padding:0.75rem 1rem;border-radius:var(--td-radius);font-size:0.875rem;margin-bottom:1rem}.seat-usage-notice
p{margin:0}.seat-usage-notice
a{color:inherit;text-decoration:underline;font-weight:600}.seat-usage-notice.seats-warning{background:#fef3c7;color:#92400e;border:1px
solid #fcd34d}.seat-usage-notice.seats-full{background:#fee2e2;color:#991b1b;border:1px
solid #fca5a5}.stat-card.seats-warning{background:#fef3c7}.stat-card.seats-warning .stat-value,
.stat-card.seats-warning .stat-label,
.stat-card.seats-warning .stat-limit{color:#92400e}.stat-card.seats-full{background:#fee2e2}.stat-card.seats-full .stat-value,
.stat-card.seats-full .stat-label,
.stat-card.seats-full .stat-limit{color:#991b1b}.status-badge{display:inline-flex;padding:0.25rem 0.625rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.status-active{background:#d1fae5;color:#065f46}.status-invited{background:#fef3c7;color:#92400e}.status-removed{background:#fee2e2;color:#991b1b}.status-exhausted{background:var(--td-gray-200);color:var(--td-gray-600)}.status-expired{background:var(--td-gray-200);color:var(--td-gray-600)}.members-table,.codes-table{width:100%;border-collapse:collapse}.members-table th,
.members-table td,
.codes-table th,
.codes-table
td{padding:0.75rem;text-align:left;border-bottom:1px solid var(--td-gray-200)}.members-table th,
.codes-table
th{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--td-gray-500);font-weight:500}.members-table td,
.codes-table
td{font-size:0.875rem;color:var(--td-gray-700)}.members-table tbody tr:hover,
.codes-table tbody tr:hover{background:var(--td-gray-50)}.archetype-badge{display:inline-flex;padding:0.25rem 0.5rem;background:var(--td-primary);color:#fff;border-radius:4px;font-size:0.75rem;font-weight:600;font-family:monospace}.pending-text{color:var(--td-gray-400);font-style:italic}.action-link{background:none;border:none;padding:0;font-size:0.875rem;color:var(--td-primary);cursor:pointer;text-decoration:none}.action-link:hover{text-decoration:underline}.action-link.remove-member{color:var(--td-danger);margin-left:0.75rem}.add-member-form{background:var(--td-gray-50);padding:1rem;border-radius:var(--td-radius);margin-bottom:1.5rem}.form-row{display:flex;gap:0.75rem;flex-wrap:wrap}.form-row
input{flex:1;min-width:200px;padding:0.625rem 0.875rem;border:1px
solid var(--td-gray-300);border-radius:var(--td-radius);font-size:0.875rem}.form-row input:focus{outline:none;border-color:var(--td-primary);box-shadow:0 0 0 3px rgba(37, 99, 235, 0.1)}.td-inline-error{color:#b91c1c;font-size:0.8125rem;margin-top:0.5rem}.active-code-display{background:var(--td-gray-50);padding:1.5rem;border-radius:var(--td-radius);text-align:center;margin-bottom:2rem}.code-label{font-size:0.875rem;color:var(--td-gray-500);margin-bottom:0.75rem}.code-value{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.code-value
code{font-size:1.5rem;font-weight:700;background:#fff;padding:0.75rem 1.5rem;border-radius:var(--td-radius);border:2px
dashed var(--td-gray-300);font-family:monospace}.copy-btn{padding:0.5rem 1rem;background:var(--td-primary);color:#fff;border:none;border-radius:var(--td-radius);font-size:0.875rem;cursor:pointer;transition:background 0.15s ease}.copy-btn:hover{background:var(--td-primary-dark)}.copy-btn.copied{background:var(--td-success)}.code-meta{display:flex;justify-content:center;gap:2rem;font-size:0.875rem;color:var(--td-gray-500)}.mini-meter{width:60px;height:6px;background:var(--td-gray-200);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle}.mini-meter-fill{height:100%;background:var(--td-primary)}.mini-meter-text{font-size:0.75rem;color:var(--td-gray-500);margin-left:0.5rem}.section-title{font-size:1rem;color:var(--td-gray-700);margin:1.5rem 0 1rem}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--td-gray-500)}.empty-state
p{margin:0
0 0.5rem}.empty-state-hint{font-size:0.875rem;color:var(--td-gray-400)}.chemistry-placeholder{text-align:center;padding:3rem 1.5rem;background:var(--td-gray-50);border-radius:var(--td-radius);color:var(--td-gray-500)}.chemistry-stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;margin-bottom:1.5rem}.chemistry-stats-grid .stat-card.synergy-high{border-left:4px solid #059669}.chemistry-stats-grid .stat-card.synergy-medium{border-left:4px solid #d97706}.chemistry-stats-grid .stat-card.synergy-low{border-left:4px solid #ef4444}.view-toggle{display:flex;gap:0.25rem;background:var(--td-gray-100);padding:0.25rem;border-radius:var(--td-radius)}.toggle-btn{padding:0.5rem 1rem;border:none;background:transparent;font-size:0.875rem;font-weight:500;color:var(--td-gray-500);cursor:pointer;border-radius:calc(var(--td-radius) - 2px);transition:all 0.15s ease}.toggle-btn.active{background:#fff;color:var(--td-gray-900);box-shadow:var(--td-shadow)}.chemistry-view{display:none}.chemistry-view.active{display:block}.matrix-scroll-wrapper{overflow-x:auto;margin-bottom:1rem}.chemistry-matrix{width:100%;border-collapse:collapse;font-size:0.8125rem}.chemistry-matrix th,
.chemistry-matrix
td{padding:0.5rem;text-align:center;border:1px
solid var(--td-gray-200);min-width:50px}.chemistry-matrix thead
th{background:var(--td-gray-50);font-weight:600;position:sticky;top:0}.chemistry-matrix tbody
th{text-align:left;font-weight:500;background:var(--td-gray-50);position:sticky;left:0;z-index:2;min-width:120px}.chemistry-matrix thead th:first-child{position:sticky;left:0;z-index:3;background:var(--td-gray-50)}.matrix-name{display:block;font-size:0.75rem;color:var(--td-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.matrix-code{display:block;font-size:0.6875rem;font-family:monospace;color:var(--td-gray-500)}.chemistry-matrix
td{font-weight:600;transition:transform 0.1s ease}.chemistry-matrix td:hover:not(.self-cell){transform:scale(1.1);z-index:1;position:relative}.chemistry-matrix .synergy-high{background:#d1fae5;color:#065f46}.chemistry-matrix .synergy-medium{background:#fef3c7;color:#92400e}.chemistry-matrix .synergy-low{background:#fee2e2;color:#991b1b}.chemistry-matrix .self-cell{background:var(--td-gray-100);color:var(--td-gray-400)}.matrix-legend{display:flex;justify-content:center;gap:1.5rem;padding:0.75rem;background:var(--td-gray-50);border-radius:var(--td-radius);font-size:0.75rem}.legend-item{display:flex;align-items:center;gap:0.5rem}.legend-item::before{content:'';width:12px;height:12px;border-radius:2px}.legend-item.synergy-high::before{background:#d1fae5;border:1px
solid #065f46}.legend-item.synergy-medium::before{background:#fef3c7;border:1px
solid #92400e}.legend-item.synergy-low::before{background:#fee2e2;border:1px
solid #991b1b}.matrix-thumb{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block;margin:0
auto 4px}.chemistry-matrix thead
th{vertical-align:bottom;padding:0.75rem 0.5rem;min-width:70px}.chemistry-matrix thead th .matrix-name{display:block;font-size:0.6875rem;max-width:60px;margin:0
auto}.chemistry-matrix tbody
th{display:flex;align-items:center;gap:0.5rem}.chemistry-matrix tbody th .matrix-thumb{margin:0;flex-shrink:0}.chemistry-matrix td.no-data{background:var(--td-gray-100);color:var(--td-gray-400)}.chemistry-pairings{display:grid;gap:0.75rem}.pairing-card{background:#fff;border-radius:var(--td-radius);border:1px
solid var(--td-gray-200);border-left:4px solid;overflow:hidden}.pairing-card.no-data{border-left-color:var(--td-gray-300);opacity:0.7}.pairing-card.synergy-high{border-left-color:#059669}.pairing-card.synergy-medium{border-left-color:#d97706}.pairing-card.synergy-low{border-left-color:#ef4444}.pairing-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;gap:1rem}.pairing-members{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;flex:1}.pairing-member{display:flex;align-items:center;gap:0.75rem}.member-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.member-info{display:flex;flex-direction:column;gap:0.25rem}.member-name{font-weight:500;color:var(--td-gray-700);font-size:0.875rem}.pairing-plus{font-size:1.25rem;color:var(--td-gray-400);font-weight:300}.pairing-score{text-align:right;flex-shrink:0}.score-number{display:block;font-size:1.5rem;font-weight:700;color:var(--td-gray-900);line-height:1}.score-text{display:block;font-size:0.6875rem;color:var(--td-gray-500);margin-top:0.25rem}.expand-swot-btn{width:32px;height:32px;border-radius:50%;border:1px
solid var(--td-gray-300);background:var(--td-gray-50);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.15s ease}.expand-swot-btn:hover{background:var(--td-gray-100);border-color:var(--td-gray-400)}.expand-swot-btn[aria-expanded="true"]{background:var(--td-primary);border-color:var(--td-primary);color:#fff}.expand-icon{font-size:1.25rem;line-height:1;font-weight:300}.pairing-swot{padding:0
1.25rem 1.25rem;border-top:1px solid var(--td-gray-200);margin-top:0}.swot-section{margin-top:1rem;padding:1rem;border-radius:var(--td-radius)}.swot-section
h4{margin:0
0 0.75rem;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.swot-section
ul{margin:0;padding:0;list-style:none}.swot-section
li{margin-bottom:0.75rem;font-size:0.875rem;line-height:1.5}.swot-section li:last-child{margin-bottom:0}.swot-section li
strong{display:block;color:var(--td-gray-800);margin-bottom:0.25rem}.swot-section li
p{margin:0;color:var(--td-gray-600)}.swot-strengths{background:#ecfdf5}.swot-strengths
h4{color:#065f46}.swot-weaknesses{background:#fef2f2}.swot-weaknesses
h4{color:#991b1b}.swot-opportunities{background:#eff6ff}.swot-opportunities
h4{color:#1e40af}.swot-threats{background:#fffbeb}.swot-threats
h4{color:#92400e}@media (max-width: 768px){.sp-teams-dashboard{padding:1rem}.sp-dashboard-header{flex-direction:column}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.members-table,.codes-table{display:block;overflow-x:auto}.code-meta{flex-direction:column;gap:0.5rem}.form-row{flex-direction:column}.form-row
input{min-width:100%}.chemistry-stats-grid{grid-template-columns:repeat(2, 1fr)}.pairing-card{flex-direction:column;align-items:flex-start;gap:1rem}.pairing-score{text-align:left}.matrix-legend{flex-direction:column;align-items:center;gap:0.5rem}}.teams-container{max-width:1200px;margin:0
auto;padding:2rem 1rem}.teams-header{margin-bottom:2rem}.teams-header
h1{margin:0
0 0.5rem;font-size:2rem;color:var(--td-gray-900)}.teams-header .header-subtitle{color:var(--td-gray-600);margin:0}.back-link{display:inline-flex;align-items:center;gap:0.25rem;color:var(--td-primary);text-decoration:none;font-size:0.875rem;margin-bottom:1rem}.back-link:hover{text-decoration:underline}.team-cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem}.team-card{display:flex;align-items:center;background:white;border-radius:var(--td-radius);box-shadow:var(--td-shadow);padding:1.5rem;text-decoration:none;color:inherit;transition:all 0.2s ease;border:2px
solid transparent}.team-card:hover{box-shadow:var(--td-shadow-lg);border-color:var(--td-primary)}.team-card-image{flex-shrink:0;width:64px;height:64px;margin-right:1rem}.team-card-image
img{width:100%;height:100%;border-radius:50%;object-fit:cover}.team-card-placeholder{width:100%;height:100%;border-radius:50%;background:var(--td-primary);color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.team-card-content{flex:1;min-width:0}.team-card-title{margin:0
0 0.25rem;font-size:1.125rem;color:var(--td-gray-900)}.team-card-coach{margin:0
0 0.5rem;font-size:0.875rem;color:var(--td-gray-600)}.coach-type{color:var(--td-gray-400)}.team-card-meta{display:flex;gap:1rem;font-size:0.75rem;color:var(--td-gray-500)}.team-card-arrow{flex-shrink:0;color:var(--td-gray-400);margin-left:1rem}.teams-notice{padding:1.5rem;border-radius:var(--td-radius);margin-bottom:1.5rem}.teams-notice
h3{margin:0
0 0.5rem}.teams-notice
p{margin:0
0 0.5rem}.teams-notice p:last-child{margin-bottom:0}.notice-info{background:#eff6ff;border:1px
solid #bfdbfe;color:#1e40af}.notice-warning{background:#fef3c7;border:1px
solid #fcd34d;color:#92400e}.notice-error{background:#fee2e2;border:1px
solid #fca5a5;color:#991b1b}.my-team-dashboard .teams-tabs{display:flex;gap:0.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--td-gray-200);padding-bottom:0}.my-team-dashboard .tab-btn{padding:0.75rem 1.5rem;border:none;background:none;color:var(--td-gray-600);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all 0.15s ease}.my-team-dashboard .tab-btn:hover{color:var(--td-primary)}.my-team-dashboard .tab-btn.active{color:var(--td-primary);border-bottom-color:var(--td-primary)}.my-team-dashboard .tab-content{display:none}.my-team-dashboard .tab-content.active{display:block}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header
h2{margin:0;font-size:1.5rem}.section-subtitle{margin:0.25rem 0 0;color:var(--td-gray-500);font-size:0.875rem}.avg-score{font-size:0.875rem;color:var(--td-gray-600)}.matrix-container{background:white;border-radius:var(--td-radius);padding:1.5rem;box-shadow:var(--td-shadow)}.matrix-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.matrix-wrapper th.current-user{background:#eff6ff !important}.matrix-wrapper td.my-pairing{font-weight:600;box-shadow:inset 0 0 0 2px var(--td-primary)}.matrix-wrapper td.hidden-score{background:var(--td-gray-100);color:var(--td-gray-400)}.matrix-wrapper td.hidden-score .score-hidden{font-size:0.75rem}.my-pairing-card{border:2px
solid var(--td-primary) !important;background:#fafbff}.you-badge{display:inline-block;background:var(--td-primary);color:white;font-size:0.625rem;padding:0.125rem 0.375rem;border-radius:3px;margin-left:0.25rem;font-weight:600;text-transform:uppercase}.coach-badge{display:inline-block;background:var(--td-gray-200);color:var(--td-gray-700);font-size:0.625rem;padding:0.125rem 0.375rem;border-radius:3px;margin-left:0.25rem;font-weight:500}.interactions-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;background:var(--td-gray-100);border-radius:var(--td-radius);margin-bottom:1.5rem}.filter-group{display:flex;align-items:center;gap:0.5rem}.filter-group
label{font-size:0.8125rem;font-weight:500;color:var(--td-gray-600)}.filter-select{padding:0.375rem 0.75rem;border:1px
solid var(--td-gray-300);border-radius:4px;font-size:0.8125rem;background:white;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--td-primary)}.expand-all-btn{margin-left:auto;padding:0.375rem 0.75rem;background:var(--td-primary);color:white;border:none;border-radius:4px;font-size:0.8125rem;font-weight:500;cursor:pointer;transition:background 0.15s ease}.expand-all-btn:hover{background:var(--td-primary-dark)}@media (max-width: 640px){.interactions-filter-bar{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between}.expand-all-btn{margin-left:0;margin-top:0.5rem}}.my-interactions-grid{display:flex;flex-direction:column;gap:1rem}.interaction-card{background:white;border-radius:var(--td-radius);box-shadow:var(--td-shadow);overflow:hidden}.interaction-header{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.25rem;cursor:pointer;transition:background 0.15s ease}.interaction-header:hover{background:var(--td-gray-50)}.header-score{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.875rem;color:white}.header-score.synergy-high{background:#10b981}.header-score.synergy-medium{background:#f59e0b}.header-score.synergy-low{background:#ef4444}.header-thumb{width:36px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0}.header-info{flex:1;min-width:0;text-align:left}.header-name{display:block;font-weight:600;font-size:0.9375rem;color:var(--td-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-type{display:block;font-size:0.75rem;color:var(--td-gray-500)}.header-synergy-text{flex-shrink:0;font-size:0.75rem;font-weight:500;color:var(--td-gray-600);padding:0.25rem 0.5rem;background:var(--td-gray-100);border-radius:4px}.header-toggle{flex-shrink:0;font-size:0.75rem;color:var(--td-gray-400);transition:transform 0.2s ease}.interaction-body{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}.interaction-card.expanded .interaction-body{border-top:1px solid var(--td-gray-100)}.score-circle-container{margin-bottom:1.25rem;text-align:center}.score-circle{width:100px;height:100px;border-radius:50%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;color:white;margin-bottom:0.5rem}.score-circle.synergy-high{background:linear-gradient(135deg, #10b981 0%, #059669 100%);box-shadow:0 4px 14px rgba(16, 185, 129, 0.4)}.score-circle.synergy-medium{background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);box-shadow:0 4px 14px rgba(245, 158, 11, 0.4)}.score-circle.synergy-low{background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);box-shadow:0 4px 14px rgba(239, 68, 68, 0.4)}.score-circle .score-number{font-size:2rem;font-weight:700;line-height:1}.score-circle .score-max{font-size:0.75rem;opacity:0.8}.score-circle-container .score-label{display:block;font-size:0.875rem;font-weight:500;color:var(--td-gray-600)}.interaction-member{display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 0;border-top:1px solid var(--td-gray-100);border-bottom:1px solid var(--td-gray-100)}.interaction-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover}.interaction-info{text-align:left}.interaction-info
h3{margin:0;font-size:1rem;color:var(--td-gray-900)}.interaction-type{margin:0.25rem 0 0;font-size:0.75rem;color:var(--td-gray-500)}.interaction-details{padding:1.25rem;text-align:left}.interaction-no-data{padding:1.25rem}.interaction-swot-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}@media (max-width: 640px){.interaction-swot-grid{grid-template-columns:1fr}}.swot-section{padding:0.75rem;border-radius:6px;background:var(--td-gray-50)}.swot-section
h4{margin:0
0 0.5rem;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;font-weight:600}.swot-section.swot-strengths
h4{color:#059669}.swot-section.swot-weaknesses
h4{color:#dc2626}.swot-section.swot-opportunities
h4{color:#2563eb}.swot-section.swot-threats
h4{color:#d97706}.swot-list{margin:0;padding:0;list-style:none}.swot-list
li{margin-bottom:0.5rem}.swot-list li:last-child{margin-bottom:0}.swot-item-title{font-size:0.8125rem;font-weight:600;color:var(--td-gray-800);cursor:pointer;padding:0.25rem 0;position:relative;padding-right:1rem;transition:color 0.15s ease}.swot-item-title:hover{color:var(--td-primary)}.swot-item-title::after{content:"›";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--td-gray-400);transition:transform 0.2s ease}.swot-item-title.expanded::after{transform:translateY(-50%) rotate(90deg)}.swot-item-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}.swot-item-content
p{margin:0.25rem 0 0.5rem;font-size:0.75rem;color:var(--td-gray-600);line-height:1.5;padding-left:0.5rem;border-left:2px solid var(--td-gray-200)}.interaction-no-data{padding:1.5rem;text-align:center;color:var(--td-gray-400);font-size:0.875rem}@media (max-width: 768px){.team-cards-grid{grid-template-columns:1fr}.team-card{padding:1rem}.team-card-image{width:48px;height:48px}.my-interactions-grid{grid-template-columns:1fr}.my-team-dashboard .teams-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.section-header{flex-direction:column;align-items:flex-start}.score-circle{width:80px;height:80px}.score-circle .score-number{font-size:1.5rem}.matrix-container{padding:1rem}}.interaction-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(4px)}.modal-content{position:relative;background:white;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);max-width:700px;width:100%;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:var(--td-gray-100);border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--td-gray-600);transition:all 0.15s ease;z-index:10}.modal-close:hover{background:var(--td-gray-200);color:var(--td-gray-900)}.modal-header{padding:2rem 2rem 1.5rem;text-align:center;border-bottom:1px solid var(--td-gray-100)}.modal-types{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.modal-type{text-align:center}.modal-type-img{width:64px;height:64px;border-radius:8px;object-fit:cover;margin-bottom:0.5rem}.modal-type-code{display:block;font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:0.875rem;color:var(--td-gray-900)}.modal-type-name{display:block;font-size:0.75rem;color:var(--td-gray-500)}.modal-connector{font-size:1.5rem;color:var(--td-gray-400);font-weight:300}.modal-score-display{display:flex;flex-direction:column;align-items:center}.modal-score-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;margin-bottom:0.5rem}.modal-score-circle.synergy-high{background:linear-gradient(135deg, #10b981 0%, #059669 100%)}.modal-score-circle.synergy-medium{background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%)}.modal-score-circle.synergy-low{background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%)}.modal-score-number{font-size:1.75rem;font-weight:700}.modal-score-text{font-size:0.875rem;font-weight:500;color:var(--td-gray-600)}.modal-body{padding:1.5rem 2rem 2rem}.modal-swot-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-swot-card{padding:1rem;border-radius:8px}.modal-swot-card
h4{margin:0
0 0.75rem;font-size:0.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.modal-swot-card
ul{margin:0;padding:0;list-style:none}.modal-swot-card
li{font-size:0.8125rem;padding:0.375rem 0;border-bottom:1px solid rgba(0, 0, 0, 0.05)}.modal-swot-card li:last-child{border-bottom:none}.modal-swot-card.swot-strengths{background:#ecfdf5}.modal-swot-card.swot-strengths
h4{color:#065f46}.modal-swot-card.swot-strengths
li{color:#047857}.modal-swot-card.swot-weaknesses{background:#fef2f2}.modal-swot-card.swot-weaknesses
h4{color:#991b1b}.modal-swot-card.swot-weaknesses
li{color:#b91c1c}.modal-swot-card.swot-opportunities{background:#eff6ff}.modal-swot-card.swot-opportunities
h4{color:#1e40af}.modal-swot-card.swot-opportunities
li{color:#1d4ed8}.modal-swot-card.swot-threats{background:#fffbeb}.modal-swot-card.swot-threats
h4{color:#92400e}.modal-swot-card.swot-threats
li{color:#b45309}.modal-loading{padding:3rem;text-align:center;display:none}.modal-loading.active{display:block}.modal-header.hidden,.modal-body.hidden{display:none}.loading-spinner{width:40px;height:40px;border:3px
solid var(--td-gray-200);border-top-color:var(--td-primary);border-radius:50%;animation:spin 0.8s linear infinite;margin:0
auto 1rem}@keyframes
spin{to{transform:rotate(360deg)}}.modal-loading
p{margin:0;color:var(--td-gray-500)}@media (max-width: 640px){.modal-content{max-height:95vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-body{padding:1rem 1.5rem 1.5rem}.modal-types{gap:1rem}.modal-type-img{width:48px;height:48px}.modal-swot-grid{grid-template-columns:1fr}.modal-score-circle{width:64px;height:64px}.modal-score-number{font-size:1.5rem}}.team-card.team-inactive{position:relative;opacity:0.75;border-color:var(--td-gray-300);background:var(--td-gray-50)}.team-card.team-inactive:hover{border-color:var(--td-warning);box-shadow:var(--td-shadow)}.team-card.team-inactive .team-card-image img,
.team-card.team-inactive .team-card-placeholder{filter:grayscale(50%)}.team-paused-badge{position:absolute;top:0.75rem;right:0.75rem;background:var(--td-warning);color:#000;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;padding:0.25rem 0.5rem;border-radius:4px;z-index:1}.team-inactive-note{margin:0.5rem 0 0;font-size:0.75rem;color:var(--td-warning);font-weight:500}.team-paused-notice{text-align:center;max-width:500px;margin:3rem auto;padding:2.5rem !important}.team-paused-notice .paused-icon{font-size:3rem;margin-bottom:1rem}.team-paused-notice
h3{font-size:1.5rem;color:#92400e;margin-bottom:1rem}.team-paused-notice
p{color:#78350f;margin-bottom:0.75rem}.team-paused-notice .paused-note{font-size:0.875rem;padding:0.75rem 1rem;background:rgba(255, 255, 255, 0.5);border-radius:var(--td-radius);margin:1.5rem 0}.team-paused-notice .paused-note
a{color:#92400e;font-weight:500}.team-paused-notice
.btn{margin-top:0.5rem}.analytics-card{border:none}.analytics-card .card-header{display:flex;justify-content:space-between;align-items:center}.member-count-badge{background:var(--td-primary);color:#fff;padding:0.25rem 0.75rem;border-radius:999px;font-size:0.75rem;font-weight:600}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 900px){.analytics-grid{grid-template-columns:1fr}}.analytics-section{background:var(--td-gray-50);padding:1.5rem;border-radius:var(--td-radius)}.analytics-section
h3{font-size:1rem;font-weight:600;color:var(--td-gray-700);margin:0
0 1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--td-gray-200)}.chart-container{position:relative;width:100%;max-width:280px;margin:0
auto 1.5rem}.chart-container
canvas{max-width:100%}.archetype-legend{display:flex;flex-direction:column;gap:0.5rem}.legend-item{display:flex;align-items:center;gap:0.5rem;font-size:0.8125rem}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-code{font-weight:600;color:var(--td-gray-700);min-width:45px}.legend-name{color:var(--td-gray-600);flex:1}.legend-count{font-weight:600;color:var(--td-gray-800);background:var(--td-gray-200);padding:0.125rem 0.5rem;border-radius:4px;font-size:0.75rem}.dimension-bar-container{margin-bottom:1rem}.dimension-bar-container:last-child{margin-bottom:0}.dimension-label{font-size:0.75rem;font-weight:500;color:var(--td-gray-500);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.375rem}.dimension-bar{display:flex;height:32px;border-radius:6px;overflow:hidden;background:var(--td-gray-200)}.dimension-bar-fill{display:flex;align-items:center;justify-content:center;transition:width 0.3s ease;min-width:0}.dimension-bar-fill.dimension-left{background:linear-gradient(135deg, #3b82f6, #1d4ed8);color:#fff}.dimension-bar-fill.dimension-right{background:linear-gradient(135deg, #10b981, #059669);color:#fff}.dimension-bar-text{font-size:0.6875rem;font-weight:600;white-space:nowrap;padding:0
0.5rem;overflow:hidden;text-overflow:ellipsis}.dimension-bar-fill[style*="width: 0%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 1%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 2%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 3%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 4%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 5%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 6%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 7%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 8%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 9%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 10%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 11%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 12%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 13%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 14%"] .dimension-bar-text,
.dimension-bar-fill[style*="width: 15%"] .dimension-bar-text{display:none}.insights-summary{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1rem;padding:1.5rem;background:var(--td-gray-50);border-radius:var(--td-radius);margin-bottom:1.5rem}.insight-stat{text-align:center;padding:0.75rem}.insight-value{display:block;font-size:1.75rem;font-weight:700;color:var(--td-primary);line-height:1.2}.insight-label{display:block;font-size:0.8125rem;font-weight:600;color:var(--td-gray-700);margin-top:0.25rem}.insight-desc{display:block;font-size:0.75rem;color:var(--td-gray-500);margin-top:0.25rem}.missing-types-section{border-top:1px solid var(--td-gray-200);padding-top:1.5rem}.missing-types-section
h4{font-size:0.9375rem;font-weight:600;color:var(--td-gray-700);margin:0
0 0.5rem}.missing-types-intro{font-size:0.8125rem;color:var(--td-gray-500);margin:0
0 1rem}.missing-types-grid{display:flex;flex-wrap:wrap;gap:0.5rem}.missing-type-badge{display:flex;flex-direction:column;align-items:center;padding:0.5rem 0.75rem;background:var(--td-gray-100);border:1px
dashed var(--td-gray-300);border-radius:var(--td-radius);opacity:0.7}.missing-type-badge.more{justify-content:center;background:transparent;border-style:dashed}.missing-code{font-size:0.75rem;font-weight:600;color:var(--td-gray-500)}.missing-name{font-size:0.625rem;color:var(--td-gray-400)}@media (max-width: 600px){.analytics-section{padding:1rem}.chart-container{max-width:200px}.insights-summary{grid-template-columns:repeat(2, 1fr)}.insight-value{font-size:1.5rem}.dimension-bar-text{font-size:0.625rem}}.insights-stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:1rem;margin-bottom:1.5rem}.stat-card-minimal{background:white;border:1px
solid var(--td-gray-200);border-radius:var(--td-radius);padding:1.25rem;text-align:center}.stat-value-large{display:block;font-size:2rem;font-weight:700;color:var(--td-gray-900);line-height:1;margin-bottom:0.5rem;font-feature-settings:'tnum'}.stat-value-large.stat-value-text{font-size:1.25rem}.stat-label-caps{display:block;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--td-gray-500);margin-bottom:0.25rem}.stat-description{font-size:0.6875rem;color:var(--td-gray-400);line-height:1.4}.view-toggle{display:flex;gap:0.25rem;background:var(--td-gray-100);padding:0.25rem;border-radius:6px}.view-btn{padding:0.375rem 0.75rem;font-size:0.75rem;font-weight:500;border:none;background:transparent;color:var(--td-gray-600);border-radius:4px;cursor:pointer;transition:all 0.15s ease}.view-btn:hover{color:var(--td-gray-800)}.view-btn.active{background:white;color:var(--td-gray-900);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.composition-view{display:none}.composition-view.active{display:block}.archetype-group{margin-bottom:1.5rem;padding-left:0.75rem;border-left:3px solid var(--td-gray-300)}.archetype-group:last-child{margin-bottom:0}.archetype-group.group-crew{border-left-color:var(--td-group-crew)}.archetype-group.group-maestros{border-left-color:var(--td-group-maestros)}.archetype-group.group-soloists{border-left-color:var(--td-group-soloists)}.archetype-group.group-combatants{border-left-color:var(--td-group-combatants)}.group-header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:0.5rem;margin-bottom:0.75rem;border-bottom:1px solid var(--td-gray-200)}.group-title{display:flex;align-items:baseline;gap:0.5rem}.group-name{font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--td-gray-900)}.group-subtitle{font-size:0.8125rem;font-weight:400;font-style:italic;color:var(--td-gray-500)}.group-count{font-size:0.8125rem;font-weight:500;color:var(--td-gray-600);font-feature-settings:'tnum'}.type-rows{display:flex;flex-direction:column;gap:0.5rem}.type-row{display:grid;grid-template-columns:24px 50px 1fr 80px 40px 45px;gap:0.75rem;align-items:center;padding:0.375rem 0}.type-thumb{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.type-thumb-placeholder{width:24px;height:24px;border-radius:50%;background:var(--td-gray-200);flex-shrink:0}.type-code{font-family:'SF Mono','Monaco','Consolas',monospace;font-size:0.875rem;font-weight:600;color:var(--td-gray-900);letter-spacing:0.025em}.type-name{font-size:0.875rem;font-weight:400;color:var(--td-gray-600)}.type-bar{height:6px;background:var(--td-gray-200);border-radius:3px;overflow:hidden}.type-bar-fill{height:100%;background:var(--td-gray-500);border-radius:3px;transition:width 0.3s ease}.type-count{font-size:0.8125rem;font-weight:600;color:var(--td-gray-700);text-align:right;font-feature-settings:'tnum'}.type-pct{font-size:0.75rem;font-weight:400;color:var(--td-gray-500);text-align:right;font-feature-settings:'tnum'}.type-percent{font-size:0.75rem;font-weight:400;color:var(--td-gray-500);text-align:right;font-feature-settings:'tnum'}.my-team-dashboard .type-row{grid-template-columns:24px 50px 1fr 40px 45px}.dimensions-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}@media (max-width: 600px){.dimensions-grid{grid-template-columns:1fr;gap:1.5rem}}.dimension-item{position:relative}.dimension-header{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--td-gray-500);margin-bottom:0.75rem}.dimension-trait{display:flex;flex-direction:column;gap:0.5rem;padding:0.75rem 0;border-bottom:1px solid var(--td-gray-100)}.dimension-trait:last-child{border-bottom:none}.trait-label{font-size:0.8125rem;font-weight:600;color:var(--td-gray-700);text-transform:uppercase;letter-spacing:0.025em}.trait-values{display:flex;justify-content:space-between;align-items:center;gap:1rem}.trait-left,.trait-right{font-size:0.8125rem;font-weight:500;color:var(--td-gray-600);min-width:80px}.trait-left{text-align:left}.trait-right{text-align:right}.trait-dots{flex:1;height:2px;background:linear-gradient(to right, var(--td-gray-200) 50%, transparent 50%);background-size:8px 2px}.trait-percentages{display:flex;justify-content:space-between;align-items:center;background:var(--td-gray-50);border-radius:0.5rem;padding:0.5rem 0.75rem;margin-top:0.25rem}.percent-left,.percent-right{font-size:1rem;font-weight:700;font-feature-settings:'tnum';min-width:50px}.percent-left{color:var(--td-primary, #3b82f6);text-align:left}.percent-right{color:var(--td-secondary, #8b5cf6);text-align:right}.trait-value{font-size:0.9375rem;font-weight:700;color:var(--td-gray-900);background:white;padding-left:0.5rem;position:relative;z-index:1;font-feature-settings:'tnum'}.trait-dominant .trait-value::after{content:' \2190';color:var(--td-primary);font-weight:700}.missing-groups{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem}.missing-group{padding-left:0.75rem;border-left:3px solid var(--td-gray-300)}.missing-group.group-crew{border-left-color:var(--td-group-crew)}.missing-group.group-maestros{border-left-color:var(--td-group-maestros)}.missing-group.group-soloists{border-left-color:var(--td-group-soloists)}.missing-group.group-combatants{border-left-color:var(--td-group-combatants)}.missing-group-name{display:block;font-size:0.8125rem;font-weight:600;color:var(--td-gray-700);margin-bottom:0.75rem}.missing-types-list{display:flex;flex-direction:column;gap:0.5rem}.missing-type-item{display:flex;align-items:center;gap:0.625rem;padding:0.375rem;background:var(--td-gray-50);border-radius:0.5rem;transition:background 0.15s ease}.missing-type-item:hover{background:var(--td-gray-100)}.missing-type-thumb{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.missing-type-thumb-placeholder{width:32px;height:32px;border-radius:50%;background:var(--td-gray-200);flex-shrink:0}.missing-type-name{font-size:0.8125rem;font-weight:500;color:var(--td-gray-800);flex:1}.missing-type-code{font-size:0.6875rem;font-weight:600;font-family:'SF Mono','Monaco','Consolas',monospace;color:var(--td-gray-400);background:var(--td-gray-100);padding:0.125rem 0.375rem;border-radius:0.25rem}.group-crew .missing-type-item{border-left:3px solid var(--td-group-crew)}.group-maestros .missing-type-item{border-left:3px solid var(--td-group-maestros)}.group-soloists .missing-type-item{border-left:3px solid var(--td-group-soloists)}.group-combatants .missing-type-item{border-left:3px solid var(--td-group-combatants)}.missing-type-list{list-style:none;padding:0;margin:0}.missing-type-list
li{display:flex;align-items:baseline;gap:0.5rem;padding:0.25rem 0;font-size:0.8125rem}.missing-type-list .missing-code{font-family:'SF Mono','Monaco','Consolas',monospace;font-weight:600;color:var(--td-gray-500)}.missing-type-list .missing-name{color:var(--td-gray-400);font-size:0.8125rem}@media (max-width: 600px){.type-row{grid-template-columns:24px 45px 1fr 35px;gap:0.5rem}.type-name,.type-bar{display:none}.type-pct{display:none}.type-thumb{width:20px;height:20px}.type-thumb-placeholder{width:20px;height:20px}.my-team-dashboard .type-row{grid-template-columns:20px 45px 1fr 35px}.type-percent{display:none}.insights-stats-grid{grid-template-columns:repeat(2, 1fr)}.stat-value-large{font-size:1.5rem}.missing-groups{grid-template-columns:1fr}}.chart-legend-custom{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.5rem;justify-content:center}.chart-legend-item{display:flex;align-items:center;gap:0.5rem;padding:0.375rem 0.625rem;background:var(--td-gray-50);border-radius:6px;font-size:0.8125rem}.chart-legend-img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.chart-legend-swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0}.chart-legend-label{font-family:'SF Mono','Monaco','Consolas',monospace;font-weight:600;color:var(--td-gray-800);letter-spacing:0.025em}.chart-legend-count{color:var(--td-gray-500);font-size:0.75rem}@media (max-width: 600px){.chart-legend-custom{gap:0.5rem}.chart-legend-item{padding:0.25rem 0.5rem;font-size:0.75rem}.chart-legend-img{width:20px;height:20px}.chart-legend-count{display:none}}.sp-tabs-mobile-select{display:none}.sp-tabs-desktop{display:flex;gap:0.5rem}@media (max-width: 768px){.sp-dashboard-tabs .sp-tabs-desktop,
.teams-tabs .sp-tabs-desktop{display:none}.sp-tabs-mobile-select{display:block;width:100%;padding:0.875rem 2.5rem 0.875rem 1rem;font-size:1rem;font-weight:500;border:2px
solid var(--td-gray-200);border-radius:var(--td-radius);background-color:white;color:var(--td-gray-900);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px}.sp-tabs-mobile-select:focus{outline:none;border-color:var(--td-primary);box-shadow:0 0 0 3px rgba(37, 99, 235, 0.1)}.sp-tabs-mobile-select:hover{border-color:var(--td-gray-300)}.sp-dashboard-tabs,.teams-tabs{border-bottom:none}.insights-stats-grid{grid-template-columns:repeat(2, 1fr);gap:0.75rem}.stat-card-minimal{padding:1rem}.stat-card-minimal .stat-number{font-size:1.5rem}.insights-two-column{grid-template-columns:1fr;gap:1rem}.card-header
.btn{width:100%;justify-content:center}.matrix-container{padding:0.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.chemistry-stats-grid,.insights-stats-grid{grid-template-columns:1fr}.stat-card-minimal{padding:0.875rem}.stat-card-minimal .stat-number{font-size:1.25rem}.stat-card-minimal .stat-label{font-size:0.75rem}}