.integrations-module{--int-primary:#0091ae;--int-primary-hover:#007a94;--int-secondary:#1b3d4f;--int-text:#2d3e50;--int-text-light:#5a7184;--int-text-muted:#8a9bab;--int-border:#e1e8ed;--int-border-light:#f0f4f7;--int-bg:#f8fbfc;--int-card-bg:#fff;--int-white:#fff;--int-shadow-sm:0 1px 3px rgba(0,0,0,.06);--int-shadow-lg:0 8px 24px rgba(0,0,0,.12);--int-radius:8px;--int-radius-lg:12px;--int-transition:0.2s ease;background:transparent;color:var(--int-text);padding:60px 0 80px}.integrations-header{margin:0 auto;max-width:800px;padding:0 24px 48px;text-align:center}.integrations-title{color:var(--int-secondary);font-size:4.8rem;font-weight:700;line-height:1.2;margin:0 0 16px}.integrations-description{color:var(--int-text-light);font-size:2.2rem;line-height:1.6;margin:0}.integrations-layout{align-items:start;box-sizing:border-box;display:grid;gap:48px;grid-template-columns:340px 1fr;margin:0 auto;max-width:1400px;padding:0 40px;width:100%}.integrations-sidebar{background:var(--int-card-bg);border:1px solid var(--int-border-light);border-radius:var(--int-radius-lg);box-shadow:var(--int-shadow-sm);overflow:visible;padding:28px;position:sticky;top:24px}.sidebar-header{align-items:center;border-bottom:1px solid var(--int-border-light);display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.sidebar-title{color:var(--int-secondary);font-size:2.2rem;font-weight:600;margin:0}.clear-filters-btn{background:none;border:none;border-radius:6px;color:var(--int-primary);cursor:pointer;font-size:1.7rem;font-weight:500;padding:6px 12px;transition:background-color var(--int-transition)}.clear-filters-btn:hover{background:rgba(0,145,174,.08)}.filter-group{margin-bottom:24px}.filter-group:last-child{margin-bottom:0}.filter-label{color:var(--int-text);display:block;font-size:1.6rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.search-wrapper{position:relative}.search-icon{color:var(--int-text-muted);height:22px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:22px}.search-input{background:var(--int-white);border:1px solid var(--int-border);border-radius:var(--int-radius);box-sizing:border-box;color:var(--int-text);font-size:1.8rem;padding:14px 16px 14px 50px;transition:border-color var(--int-transition),box-shadow var(--int-transition);width:100%}.search-input::placeholder{color:var(--int-text-muted)}.search-input:focus{border-color:var(--int-primary);box-shadow:0 0 0 3px rgba(0,145,174,.1);outline:none}.filter-dropdown{position:relative;z-index:100}.filter-dropdown-toggle{align-items:center;background:var(--int-white);border:1px solid var(--int-border);border-radius:var(--int-radius);color:var(--int-text-muted);cursor:pointer;display:flex;font-size:1.8rem;justify-content:space-between;padding:14px 16px;text-align:left;transition:border-color var(--int-transition),box-shadow var(--int-transition);width:100%}.filter-dropdown-toggle:hover{border-color:var(--int-primary)}.filter-dropdown.open .filter-dropdown-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--int-primary);box-shadow:0 0 0 3px rgba(0,145,174,.1)}.dropdown-placeholder{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-placeholder.has-selection{color:var(--int-text);font-weight:500}.dropdown-arrow{color:var(--int-text-muted);flex-shrink:0;height:22px;margin-left:10px;transition:transform var(--int-transition);width:22px}.filter-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.filter-dropdown-menu{background:var(--int-white);border:1px solid var(--int-primary);border-bottom-left-radius:var(--int-radius);border-bottom-right-radius:var(--int-radius);border-top:none;box-shadow:0 4px 16px rgba(0,0,0,.15);display:none;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:101}.filter-dropdown.open .filter-dropdown-menu{display:block}.checkbox-filter{align-items:center;border-bottom:1px solid var(--int-border-light);cursor:pointer;display:flex;gap:14px;margin:0;padding:14px 16px;transition:background-color var(--int-transition)}.checkbox-filter:last-child{border-bottom:none}.checkbox-filter:hover{background:var(--int-bg)}.checkbox-filter input[type=checkbox]{accent-color:var(--int-primary);cursor:pointer;height:22px;margin:0;min-width:22px;width:22px}.checkbox-label{color:var(--int-text);font-size:1.8rem;line-height:1.4;user-select:none}.checkbox-filter input[type=checkbox]:checked+.checkbox-label{color:var(--int-primary);font-weight:500}.filter-dropdown-menu::-webkit-scrollbar{width:6px}.filter-dropdown-menu::-webkit-scrollbar-track{background:var(--int-border-light)}.filter-dropdown-menu::-webkit-scrollbar-thumb{background:var(--int-border);border-radius:3px}.filter-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--int-text-muted)}.active-filters{border-top:1px solid var(--int-border-light);margin-top:24px;padding-top:20px}.active-filters-label{color:var(--int-text-muted);display:block;font-size:1.4rem;font-weight:600;letter-spacing:.3px;margin-bottom:12px;text-transform:uppercase}.active-filters-list{display:flex;flex-wrap:wrap;gap:10px}.active-filter-tag{align-items:center;background:rgba(0,145,174,.1);border-radius:20px;color:var(--int-primary);display:inline-flex;font-size:1.6rem;font-weight:500;gap:8px;padding:8px 14px}.active-filter-tag button{background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:2.2rem;line-height:1;padding:0}.integrations-content{display:flex;flex-direction:column;min-width:0}.results-bar{color:var(--int-text-light);font-size:2rem;margin-bottom:24px}.results-count strong{color:var(--int-text);font-weight:600}.integrations-grid{align-content:start;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.integration-card{background:var(--int-card-bg);border:1px solid var(--int-border-light);border-radius:var(--int-radius-lg);cursor:pointer;display:flex;flex-direction:column;min-height:300px;overflow:hidden;transition:transform var(--int-transition),box-shadow var(--int-transition),border-color var(--int-transition)}.integration-card:hover{border-color:var(--int-border);box-shadow:var(--int-shadow-lg);transform:translateY(-4px)}.integration-card:focus{box-shadow:0 0 0 3px rgba(0,145,174,.2);outline:none}.integration-card.hidden,.integration-card.paginated-hidden{display:none}.card-header{padding:28px 28px 0}.card-logo{align-items:center;background:var(--int-bg);border-radius:var(--int-radius);display:flex;height:88px;justify-content:center;overflow:hidden;width:88px}.card-logo img{box-sizing:border-box;height:100%;object-fit:contain;opacity:0;padding:12px;transition:opacity .3s ease;width:100%}.card-logo img.loaded{opacity:1}.logo-placeholder{align-items:center;background:linear-gradient(135deg,var(--int-bg) 0,var(--int-border-light) 100%);color:var(--int-primary);display:flex;font-size:3.2rem;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.card-body{flex-grow:1;padding:20px 28px 28px}.card-body,.card-title-row{display:flex;flex-direction:column}.card-title-row{gap:12px;margin-bottom:16px}.integrations-module .integration-card h3.card-title{font-size:2.4rem!important;font-weight:700!important;line-height:1.3!important}.card-tags{display:flex;flex-wrap:wrap;gap:8px}.card-tag{background:var(--int-bg);border-radius:4px;color:var(--int-text-light);display:inline-block;font-size:1.4rem;font-weight:500;padding:6px 12px;white-space:nowrap}.card-tag[data-product=matrix42_enterprise]{background:rgba(21,101,192,.1);color:#1565c0}.card-tag[data-product=matrix42_professional]{background:rgba(123,31,162,.1);color:#7b1fa2}.card-tag[data-product=matrix42_itam]{background:rgba(46,125,50,.1);color:#2e7d32}.card-tag[data-product=matrix42_sam]{background:rgba(239,108,0,.1);color:#ef6c00}.card-description{color:var(--int-text-light);display:-webkit-box;flex-grow:1;font-size:1.8rem;-webkit-line-clamp:3;line-height:1.65;margin:0;-webkit-box-orient:vertical;overflow:hidden}.pagination{align-items:center;border-top:1px solid var(--int-border-light);display:flex;gap:12px;justify-content:center;margin-top:40px;padding:32px 0 0}.pagination-btn{align-items:center;background:var(--int-white);border:1px solid var(--int-border);border-radius:var(--int-radius);color:var(--int-text);cursor:pointer;display:inline-flex;font-size:1.7rem;font-weight:500;gap:8px;padding:12px 20px;transition:all var(--int-transition)}.pagination-btn:hover:not(:disabled){background:var(--int-bg);border-color:var(--int-primary);color:var(--int-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn svg{height:20px;width:20px}.pagination-pages{align-items:center;display:flex;gap:8px}.pagination-page{align-items:center;background:var(--int-white);border:1px solid var(--int-border);border-radius:var(--int-radius);color:var(--int-text);cursor:pointer;display:inline-flex;font-size:1.7rem;font-weight:500;height:48px;justify-content:center;min-width:48px;transition:all var(--int-transition)}.pagination-page:hover{background:var(--int-bg);border-color:var(--int-primary);color:var(--int-primary)}.pagination-page.active{background:var(--int-primary);border-color:var(--int-primary);color:var(--int-white)}.pagination-ellipsis{color:var(--int-text-muted);font-size:1.7rem;padding:0 8px}.integrations-empty{align-items:center;background:var(--int-card-bg);border:1px dashed var(--int-border);border-radius:var(--int-radius-lg);display:flex;flex-direction:column;justify-content:center;padding:100px 40px;text-align:center}.integrations-empty svg{color:var(--int-text-muted);height:80px;margin-bottom:20px;width:80px}.integrations-empty p{color:var(--int-text-light);font-size:2.2rem;margin:0 0 24px}.reset-filters-btn{background:var(--int-primary);border:none;border-radius:var(--int-radius);color:var(--int-white);cursor:pointer;font-size:1.8rem;font-weight:500;padding:14px 28px;transition:background-color var(--int-transition)}.reset-filters-btn:hover{background:var(--int-primary-hover)}.integration-modal{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:40px;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:9999}.integration-modal.active{opacity:1;visibility:visible}.modal-backdrop{backdrop-filter:blur(4px);background:rgba(27,61,79,.7);inset:0;position:absolute}.modal-container{background:var(--int-card-bg);border-radius:var(--int-radius-lg);box-shadow:var(--int-shadow-lg);max-height:85vh;max-width:760px;overflow:hidden;position:relative;transform:scale(.95) translateY(20px);transition:transform .3s ease;width:100%}.integration-modal.active .modal-container{transform:scale(1) translateY(0)}.modal-close{align-items:center;background:var(--int-bg);border:none;border-radius:50%;color:var(--int-text);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:background-color var(--int-transition);width:48px;z-index:1}.modal-close:hover{background:var(--int-border-light)}.modal-close svg{height:24px;width:24px}.modal-content{max-height:85vh;overflow-y:auto}.modal-header{align-items:flex-start;border-bottom:1px solid var(--int-border-light);display:flex;gap:24px;padding:36px 36px 28px}.modal-logo{align-items:center;background:var(--int-bg);border-radius:var(--int-radius);display:flex;flex-shrink:0;height:96px;justify-content:center;padding:14px;width:96px}.modal-logo-img{max-height:100%;max-width:100%;object-fit:contain}.modal-title-group{flex:1;padding-right:56px}.modal-title{color:var(--int-secondary);font-size:3.2rem;font-weight:700;margin:0 0 12px}.modal-tags{display:flex;flex-wrap:wrap;gap:8px}.modal-tag{background:var(--int-bg);border-radius:20px;color:var(--int-text-light);display:inline-block;font-size:1.6rem;font-weight:500;padding:6px 14px}.modal-body{padding:28px 36px}.modal-description{color:var(--int-text);font-size:2rem;line-height:1.75;margin-bottom:28px}.modal-description:last-child{margin-bottom:0}.modal-features{background:var(--int-bg);border-radius:var(--int-radius);padding:24px}.modal-features:empty{display:none}.modal-features h4{color:var(--int-text-muted);font-size:1.6rem;font-weight:600;letter-spacing:.3px;margin:0 0 14px;text-transform:uppercase}.modal-features p{font-size:1.8rem;line-height:1.7;margin:0}.modal-footer{border-top:1px solid var(--int-border-light);display:flex;gap:14px;padding:24px 36px 36px}.modal-cta{align-items:center;border-radius:var(--int-radius);display:inline-flex;font-size:1.8rem;font-weight:500;gap:10px;padding:14px 28px;text-decoration:none;transition:all var(--int-transition)}.modal-cta.primary{background:var(--int-primary);color:var(--int-white)}.modal-cta.primary:hover{background:var(--int-primary-hover)}.modal-cta.secondary{background:var(--int-bg);color:var(--int-text)}.modal-cta.secondary:hover{background:var(--int-border-light)}.modal-cta svg{height:20px;width:20px}@media (max-width:1200px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.integrations-module{padding:48px 0 64px}.integrations-layout{gap:32px;grid-template-columns:1fr;padding:0 24px}.integrations-sidebar{position:static}.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.integrations-module{padding:32px 0 48px}.integrations-header{padding:0 20px 32px}.integrations-title{font-size:3.6rem}.integrations-description{font-size:1.9rem}.integrations-layout{gap:24px;padding:0 20px}.integrations-sidebar{padding:24px}.integrations-grid{gap:20px;grid-template-columns:1fr}.integration-card{min-height:auto}.card-header{padding:24px 24px 0}.card-logo{height:80px;width:80px}.card-body{padding:16px 24px 24px}.card-title{font-size:2.76rem}.pagination{flex-wrap:wrap;gap:10px}.pagination-btn{font-size:1.6rem;padding:10px 16px}.modal-header{align-items:center;flex-direction:column;padding:28px 24px 24px;text-align:center}.modal-title-group{padding-right:0}.modal-title{font-size:2.8rem}.modal-body{padding:24px}.modal-description{font-size:1.8rem}.modal-footer{flex-direction:column;padding:20px 24px 28px}.modal-cta{justify-content:center;width:100%}}