@media screen and (max-width: 736px) {

    .filtercol
    {float:left; width:60%; font-size:0.8em;}
    
    .resultscol
    {float:left; width:40%}
    
    .hide
    {display:none;}

    .resultbox
    {width:110px; height:90px; margin-bottom:10px; padding:12px; line-height:12px; float:left; border:1px solid silver; border-radius:8px;}

}






@media screen and (min-width: 737px) {

    .filtercol
    {float:left; width:25%}
    
    .resultscol
    {float:left; width:75%}
    
    .hide
    {display:inline}

    .resultbox
    {width:220px; height:200px; margin-right:14px; margin-bottom:10px; padding:12px; line-height:12px; float:left; border:1px solid silver; border-radius:8px;}
}


/* Directory layouts (moved here from inline output so it rides the stylesheet pipeline). */
.saas-integration-directory .integration-results.layout-grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:14px;}
.saas-integration-directory .integration-results.layout-grid .resultbox{width:auto;height:auto;float:none;margin:0;}
.saas-integration-directory .integration-results.layout-list .resultrow{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #eee;}
.saas-integration-directory .integration-results.layout-compact .resultrow-compact{padding:7px 0;border-bottom:1px solid #f0f0f0;}
.integration-results .intplugin-hidden{display:none !important;}
@media (max-width:736px){.saas-integration-directory .integration-results.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Opt-in "Uniform logo cards" (Appearance tab). Only applies when the grid
   container carries .intplugin-uniform-logos, so the classic grid is untouched
   by default. Every card reserves the same fixed-height logo box and contains
   the image inside it, so logos never stretch to full width and cards line up. */
.saas-integration-directory .intplugin-uniform-logos .intplugin-logo-link{
    display:flex;align-items:center;justify-content:center;
    height:70px;margin:0 auto 12px;text-decoration:none;
}
.saas-integration-directory .intplugin-uniform-logos .intplugin-logo-img{
    max-height:54px;max-width:100%;width:auto;height:auto;object-fit:contain;
}
.saas-integration-directory .intplugin-uniform-logos .intplugin-no-logo{
    display:block;font-weight:700;font-size:16px;line-height:1.25;
    color:#1e2a3a;text-align:center;font-style:normal;text-decoration:none;
}

/* ---- Built-in single integration page layout (opt-in; Display tab) ----
   A clean, theme-independent header the plugin renders when "Use the built-in
   layout for single integration pages" is on. Logos are contained (never
   stretched or upscaled); no date/author/terms chrome. */
.intplugin-single{max-width:1080px;margin:0 auto;padding:32px 20px;box-sizing:border-box;}
.intplugin-single-title{margin:0 0 14px;line-height:1.15;}
.intplugin-single-rule{border:0;border-top:1px solid #e3e8ee;margin:0 0 22px;}
.intplugin-single-logo{margin:0 0 20px;}
.intplugin-single-logo.align-center{text-align:center;}
.intplugin-single-logo.align-left{text-align:left;}
.intplugin-single-logo-inner{display:inline-block;line-height:0;}
.intplugin-single-logo-img{width:auto;height:auto;max-width:100%;display:inline-block;}
.intplugin-single-logo.size-small .intplugin-single-logo-img{max-height:48px;}
.intplugin-single-logo.size-medium .intplugin-single-logo-img{max-height:72px;}
.intplugin-single-logo.size-large .intplugin-single-logo-img{max-height:112px;}
.intplugin-single-logo.panel-light .intplugin-single-logo-inner{background:#f6f8fa;border:1px solid #e3e8ee;border-radius:10px;padding:16px 20px;line-height:normal;}
.intplugin-single-logo.panel-brand .intplugin-single-logo-inner{background:#0d1b3e;border-radius:10px;padding:16px 20px;line-height:normal;}
.intplugin-single-body{font-size:16px;line-height:1.6;}
/* Restore paragraph spacing (some block themes strip default <p> margins in a
   plugin-rendered container) and make links look like links regardless of theme. */
.intplugin-single-body p{margin:0 0 1em;}
/* Underline body links so they read as links even on themes that strip link
   underlines (higher specificity + !important to win; buttons excluded). */
.intplugin-single .intplugin-single-body a:not(.button){text-decoration:underline !important;}
.intplugin-single-meta{color:#667085;font-size:14px;margin:0 0 14px;}
.intplugin-single-terms{margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px;}
.intplugin-single-term{display:inline-block;background:#eef1f5;color:#334155;border-radius:999px;padding:4px 12px;font-size:13px;}
/* "Visit Website" as a clear button (accent color overrides the default when set). */
.intplugin-single .intplugin-visit-website{display:inline-block;text-decoration:none;padding:9px 18px;border-radius:6px;background:#1e2a3a;color:#fff;font-weight:600;}
.intplugin-single .intplugin-visit-website:hover{opacity:.92;color:#fff;}