/* Integration directory: unified navy/blue palette and white category icons. */
body.integrations-refresh .market-catalog{background:#f8faff!important}
body.integrations-refresh .market-catalog-intro h2{max-width:720px;font-size:34px!important;letter-spacing:-1px}
body.integrations-refresh .market-filter-shell{background:#fff;border-color:#d6e1f2;border-radius:12px!important;padding:12px!important;box-shadow:0 4px 18px #1e428008!important}
body.integrations-refresh .market-search{background:#f6f8fc;border-color:#e1e7f1}
body.integrations-refresh .market-search:focus-within{border-color:#5578dc;box-shadow:0 0 0 3px #e8eeff}
body.integrations-refresh .market-tabs button{border-color:#dce4f0!important;color:#53617b!important;min-height:39px!important;font-size:11px!important;background:transparent!important}
body.integrations-refresh .market-tabs button.active{background:#315be0!important;border-color:#315be0!important;color:#fff!important}
body.integrations-refresh .market-tabs button.active b{background:#ffffff26;color:#fff}
body.integrations-refresh .market-tabs button:focus-visible{outline:2px solid #315be0;outline-offset:3px}
.integrations-refresh .market-group{--catalog-accent:#315be0;--catalog-tint:#f3f6fc}
body.integrations-refresh .market-group{margin-top:32px!important;padding-bottom:4px}
body.integrations-refresh .market-group-head{padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid #dce4ef;gap:12px}
body.integrations-refresh .market-group-head>div{gap:12px}
body.integrations-refresh .market-group-head>div>span{width:36px;height:36px;border-radius:9px;background:#203d70;color:#fff;font-size:15px}
body.integrations-refresh .market-group-head h2{font-size:21px;line-height:1.3;margin:0;color:#20314b;letter-spacing:-.4px}
body.integrations-refresh .market-group-head>p{font-size:12px;color:#6e7c91;white-space:nowrap;margin:0}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.catalog-app{position:relative;display:flex;flex-direction:column;min-width:0;padding:20px 20px 0;background:#fff;border:1px solid #dce4ef;border-radius:12px;box-shadow:0 2px 3px #1b325203;transition:border-color .18s,box-shadow .18s}
.catalog-app:before{content:"";position:absolute;top:18px;bottom:18px;left:-1px;width:3px;border-radius:3px;background:var(--catalog-accent);opacity:0;transition:opacity .18s}
.catalog-app:hover,.catalog-app:focus-within{border-color:var(--catalog-accent);box-shadow:0 5px 18px #1b32520a}
.catalog-app:hover:before,.catalog-app:focus-within:before{opacity:1}
.catalog-app-head{display:flex;align-items:center;gap:13px;min-width:0;margin:-20px -20px 0;padding:16px 20px;background:var(--catalog-tint);border-radius:11px 11px 0 0}
.catalog-app-logo{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;background:#fff;border:1px solid #e8ecf2;border-radius:11px}
.catalog-app-logo img{display:block;width:34px;height:34px;object-fit:contain}
.catalog-app-logo svg{width:28px;height:28px;color:var(--catalog-accent)}
.catalog-app-name{min-width:0}
body.integrations-refresh .catalog-app-name h3{font-size:17px;line-height:1.3;letter-spacing:-.25px;font-weight:700;color:#192b45;margin:0 0 6px;overflow-wrap:anywhere}
.catalog-status{display:flex;gap:6px;align-items:center;color:#596780;font-size:11px;line-height:1.4}
.catalog-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 6px}
.catalog-status.available{color:#087d5f}.catalog-status.partner{color:#99631f}.catalog-status.coming_soon{color:#69768c}
body.integrations-refresh .catalog-app-description{margin:16px 0 18px;font-size:13px;line-height:1.65;color:#68778e;min-height:43px;overflow-wrap:anywhere}
.catalog-app-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf0f5;min-height:55px}
.catalog-price{font-size:12px;color:#243954;line-height:1.5}.catalog-price small{font-size:11px;color:#7c879a;margin-left:4px}.catalog-price.included{color:#617087;font-size:11px}.catalog-price.member{color:#617087}
.catalog-app-link{color:var(--catalog-accent);font-size:12px;font-weight:650;display:flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap;min-height:32px}
.catalog-app-link span{display:grid;place-items:center;background:#315be0;color:#fff;width:28px;height:28px;border-radius:7px;font-size:17px;font-weight:500}
.catalog-app-link:after{content:"";position:absolute;inset:0;border-radius:12px}
.catalog-app-link:focus-visible{outline:none}.catalog-app:has(.catalog-app-link:focus-visible){outline:2px solid var(--catalog-accent);outline-offset:3px}
body.integrations-refresh [data-integration-card][hidden],body.integrations-refresh [data-catalog-section][hidden]{display:none!important}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 .catalog-grid{grid-template-columns:minmax(0,1fr);gap:11px}
 body.integrations-refresh .market-catalog-intro h2{font-size:27px!important;letter-spacing:-.7px}
 body.integrations-refresh .market-group{margin-top:26px!important}
 body.integrations-refresh .market-group-head{gap:8px;padding-bottom:12px;margin-bottom:12px}
 body.integrations-refresh .market-group-head h2{font-size:18px}
 body.integrations-refresh .market-group-head>p{font-size:10px}
 body.integrations-refresh .market-group-head>div{gap:9px}
 body.integrations-refresh .market-group-head>div>span{width:30px;height:30px;flex:0 0 30px}
 .catalog-app{padding:16px 16px 0;border-radius:10px}
 .catalog-app-head{margin:-16px -16px 0;padding:14px 16px;border-radius:9px 9px 0 0}
 .catalog-app-logo{width:46px;height:46px;flex-basis:46px}.catalog-app-logo img{width:31px;height:31px}
 body.integrations-refresh .catalog-app-name h3{font-size:16px}
 body.integrations-refresh .catalog-app-description{margin:13px 0;min-height:0;font-size:12px}
 .catalog-app-footer{min-height:52px;padding:10px 0}
 .catalog-price.included{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.catalog-app,.catalog-app:before{transition:none}}

/* Set the glyph itself: the global icon rule otherwise overrides inherited white. */
body.integrations-refresh .market-group-head>div>span>i,
body.integrations-refresh .market-group-head>div>span>i::before{color:#fff!important;-webkit-text-fill-color:#fff}
.catalog-app-logo:has(svg){background:#203d70;border-color:#203d70}
.catalog-app-logo svg{color:#fff}