.connections-filter-section{display:flex;align-items:center;gap:.5rem;margin:0 0 0 1rem;flex-wrap:nowrap}.filter-pills{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.table-toolbar .connections-filter-section{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 0 1rem;flex-wrap:nowrap;white-space:nowrap}.table-toolbar .connections-filter-section .filter-pills{display:inline-flex;gap:.5rem;flex-wrap:nowrap}.table-toolbar .connections-filter-section .filter-pill{width:auto;display:inline-flex}.filter-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--gray-300);background:#fff;color:var(--gray-700);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.filter-pill:hover{background:var(--gray-50);border-color:var(--gray-400)}.filter-pill.active{box-shadow:0 8px 20px #0f172a1f}.filter-pill[data-filter=all].active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.filter-pill[data-filter=mapped]{background:#ecfdf5;color:#047857;border-color:#6ee7b7}.filter-pill[data-filter=mapped]:hover:not(.active){background:#d1fae5;border-color:#34d399}.filter-pill[data-filter=mapped].active{background:#047857;border-color:#047857;color:#fff}.filter-pill[data-filter=partial]{background:#fefce8;color:#92400e;border-color:#fcd34d}.filter-pill[data-filter=partial]:hover:not(.active){background:#fef9c3;border-color:#fbbf24}.filter-pill[data-filter=partial].active{background:#b45309;border-color:#b45309;color:#fff}.filter-pill[data-filter=unmapped]{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.filter-pill[data-filter=unmapped]:hover:not(.active){background:#fecdd3;border-color:#f87171}.filter-pill[data-filter=unmapped].active{background:#991b1b;border-color:#991b1b;color:#fff}.pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;padding:.125rem .375rem;border-radius:10px;background:#0000001a;font-size:.75rem;font-weight:600}.filter-pill.active .pill-count{background:#fff3}.table-search{position:relative;max-width:300px;flex:1}.table-search i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:1.125rem}.table-search input{width:100%;padding:.625rem 1rem .625rem 2.75rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;transition:all .2s ease}.table-search input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.connections-table-wrapper #unified-table-container{margin-top:1rem}.connections-table-wrapper .unified-table{border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.connections-table-wrapper .connection-name-text{font-weight:600;color:var(--gray-900);margin-bottom:.125rem}.connections-table-wrapper .connection-platform{font-size:.8125rem;color:var(--gray-500)}.connections-table-wrapper .connection-details{display:flex;flex-direction:column;gap:.125rem}.connections-table{width:100%;overflow-x:auto;border:1px solid var(--gray-200);border-radius:8px}.connections-table table{width:100%;border-collapse:collapse}.connections-table thead{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.connections-table th{padding:.875rem 1rem;text-align:left;font-size:.8125rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.025em}.connections-table tbody tr{border-bottom:1px solid var(--gray-200);transition:background-color .15s ease}.connections-table tbody tr:hover{background:var(--gray-50)}.connections-table tbody tr:last-child{border-bottom:none}.connections-table td{padding:1rem;font-size:.875rem;color:var(--gray-700)}.connection-logo{text-align:center}.connection-logo img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;border-radius:4px}.connection-name-text{font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.connection-platform{font-size:.75rem;color:var(--gray-500)}.mapping-status{display:flex;align-items:center;gap:.5rem}.status-value{flex:1;font-size:.875rem;color:var(--gray-700)}.status-indicator{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;font-size:.75rem;font-weight:600}.status-indicator.mapped{background:var(--green-100);color:var(--green-700)}.status-indicator.unmapped{background:var(--orange-100);color:var(--orange-700)}.mapping-hierarchical{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.mapping-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:4px;width:-moz-fit-content;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapping-badge i{font-size:.875rem;flex-shrink:0}.mapping-badge.client{background:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.mapping-badge.market{background:#fef9c3;color:#a16207;border:1px solid #fde047}.mapping-badge.agency{background:#ede9fe;color:#5b21b6;border:1px solid #c4b5fd}.mapping-badge.multi-entity{cursor:help;position:relative}.mapping-badge.multi-entity:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--gray-900);color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;white-space:pre-line;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;min-width:150px;max-width:250px;box-shadow:0 4px 6px #0000001a}.mapping-badge.multi-entity:hover:after{opacity:1}.mapping-badge.multi-entity:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-2px);border:4px solid transparent;border-top-color:var(--gray-900);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1001}.mapping-badge.multi-entity:hover:before{opacity:1}.mapping-badge.needs-mapping{background:#f3f4f6;color:#4b5563;border:1px solid rgb(209 213 219);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:4px;transition:all .15s ease}.mapping-badge.needs-mapping:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.mapping-badge.needs-mapping i{font-size:.875rem;flex-shrink:0}.dimension-mapping-column{display:flex;flex-direction:column;gap:.625rem;align-items:flex-start;padding:.5rem 0;width:100%}.dimension-progress-wrapper{width:100%;display:flex;flex-direction:column;gap:.375rem}.dimension-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.dimension-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease}.dimension-progress-text{font-size:.75rem;font-weight:600;color:var(--gray-700);line-height:1.2}.dimension-badges-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.hierarchy-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;border-radius:4px;background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300);text-transform:capitalize;white-space:nowrap}.dimension-mapping-column .mapping-badge{flex:1;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dimension-mapping-column .mapping-badge.unmapped-dimension{background:var(--gray-50);color:var(--gray-400);border-color:var(--gray-200)}@media (max-width: 1536px){.dimension-mapping-column{gap:.4375rem}.dimension-progress-wrapper{gap:.25rem}.hierarchy-badge{display:none}}.connection-actions{text-align:right}.btn-configure{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1.25rem;border:1px solid var(--primary-500);background:#fff;color:var(--primary-600);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:90px}.btn-configure:hover{background:var(--primary-600);color:#fff}.btn-configure i{font-size:1rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border:1px solid var(--primary-600);background:var(--primary-600);color:#fff;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:80px}.btn-primary:hover{background:var(--primary-700);border-color:var(--primary-700)}.btn-select{min-width:80px}.btn-connection-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--primary-500);background:#fff;color:var(--primary-600);font-size:1.25rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-connection-icon:hover{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.btn-connection-icon i{font-size:1.25rem}@media (max-width: 768px){.connections-filter-section{flex-direction:column;align-items:stretch}.table-toolbar .connections-filter-section{flex-direction:column;align-items:stretch;margin-left:0}.table-toolbar .connections-filter-section .filter-pills{flex-wrap:wrap}.filter-pills{justify-content:flex-start}.table-search{max-width:100%}}@media (max-width: 768px){.connections-table{font-size:.8125rem}.connections-table th,.connections-table td{padding:.75rem .5rem}.connections-table th:nth-child(5),.connections-table td:nth-child(5){display:none}.connections-table th:nth-child(6),.connections-table td:nth-child(6){display:none}}.filter-pill:focus-visible,.table-search input:focus-visible,.btn-configure:focus-visible,.btn-primary:focus-visible,.btn-select:focus-visible,.btn-icon:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}