.tip-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#eef4ff 0%,#f6f9ff 100%);border:1px solid #dde8fb;color:#35507a;font-size:0.85rem;line-height:1.45}.tip-note .tip-icon{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dbe9ff;color:#2563eb;font-size:0.95rem}.tip-note.tip-success{background:linear-gradient(135deg,#eafbf1 0%,#f5fdf9 100%);border-color:#d3f2e1;color:#23694a}.tip-note.tip-success .tip-icon{background:#d3f2e1;color:#16a34a}.tip-note.tip-warning{background:linear-gradient(135deg,#fff8ec 0%,#fffaf2 100%);border-color:#fbe7c6;color:#7a5210}.tip-note.tip-warning .tip-icon{background:#fbe7c6;color:#b45309}.tip-note strong{font-weight:600}.tip-note-title{font-weight:600;display:block;margin-bottom:2px}.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.soft-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:0.75rem;font-weight:500;background:#f1f5fb;color:#4a5c78;border:1px solid #e3e9f4}.soft-pill i{font-size:0.8rem;color:#2563eb}.soft-pill.pill-success{background:#eefbf3;color:#1c7a4d;border-color:#d6f1e2}.soft-pill.pill-success i{color:#16a34a}.soft-pill.pill-warning{background:#fff6e9;color:#8a5a11;border-color:#fbe6c4}.soft-pill.pill-warning i{color:#d97706}.soft-pill.pill-info{background:#eef6ff;color:#235a94;border-color:#d9ebfd}.soft-pill.pill-info i{color:#2563eb}

/* ===== Compact listings (small photo, one accent colour) ===== */
body .market-filter-bar{margin-top:10px!important;padding:12px 14px;border-radius:12px;border:1px solid #E4E9F2;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}
body .market-filter-bar::before,body .market-filter-bar::after{display:none!important}
body .market-filter-bar .filter-kicker,body .market-filter-bar .filter-subtitle,body .market-filter-bar .pill-row{display:none!important}
body .market-filter-bar .col-lg-3{margin-bottom:8px!important}
body .market-filter-bar .filter-title{margin:0;font-size:.9375rem;font-weight:800;color:#1F2633}
body .market-filter-bar .filter-field label{font-size:.6875rem;font-weight:700;letter-spacing:.04em;color:#667085}
body .market-filter-bar .filter-field label i{color:#2563EB!important}
body .page-title-card{padding:10px 14px!important;margin-bottom:8px!important;border-radius:12px!important;border:1px solid #E4E9F2!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}
body .page-title-card::before,body .page-title-card::after{display:none!important}
body .page-title-card .icon-bubble{width:30px!important;height:30px!important;border-radius:8px!important;background:#2563EB!important;font-size:.85rem!important;box-shadow:none!important}
body .page-title-card h1{margin:0!important;font-size:1.0625rem!important;line-height:1.3!important;font-weight:800!important;color:#1F2633!important}
body .page-title-card .listing-subtitle{margin:2px 0 0!important;font-size:.75rem!important;font-weight:500!important;color:#667085!important}
body .results-toolbar{padding:8px 10px!important;margin-bottom:8px!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}
body .badge-soft,body .badge-soft.info,body .badge-soft.success,body .badge-soft.warning,body .meta-pill{background:#F3F6FC!important;color:#475569!important;border:1px solid #E4E9F2!important;box-shadow:none!important;font-size:.6875rem!important;font-weight:600!important;padding:2px 8px!important;border-radius:999px!important}
body .badge-soft i,body .meta-pill i{color:#2563EB!important}
body .saas-listing-card{margin-bottom:8px!important;border:1px solid #E4E9F2!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;overflow:hidden;transition:border-color .15s ease}
body .saas-listing-card::before,body .saas-listing-card::after{display:none!important}
body .saas-listing-card:hover{border-color:#BFDBFE!important;transform:none!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}
body .saas-listing-card.is-featured{border-color:#BFDBFE!important;background:#F8FBFF!important}
body .saas-listing-card>.row{display:flex;flex-wrap:nowrap;align-items:flex-start;margin:0;padding:10px;gap:12px}
body .saas-listing-card .listing-media-col{flex:0 0 76px!important;max-width:76px!important;width:76px;padding:0!important}
body .saas-listing-card .listing-content-col{flex:1 1 auto!important;min-width:0;max-width:none!important;width:auto;padding:0!important}
body .saas-listing-card .listing-thumb-wrap{position:relative;display:block;width:76px;height:76px;border-radius:8px;overflow:hidden;background:#F1F5F9}
body .saas-listing-card .listing-thumb{display:block;width:76px!important;height:76px!important;max-width:none;object-fit:cover;border-radius:8px}
body .saas-listing-card .featured-ribbon{position:absolute;left:0;bottom:0;right:0;top:auto;display:block;padding:1px 0;border:0;border-radius:0;background:#2563EB;color:#fff;font-size:.5625rem;font-weight:700;text-align:center;line-height:1.5;box-shadow:none}
body .saas-listing-card .featured-ribbon i{display:none}
body .saas-listing-card .listing-title{margin:0 0 4px;font-size:.9375rem;line-height:1.3;font-weight:700}
body .saas-listing-card .listing-title a{display:inline-flex;align-items:center;gap:6px;color:#1F2633;text-decoration:none}
body .saas-listing-card .listing-title a:hover{color:#2563EB;text-decoration:underline}
body .saas-listing-card .listing-title-icon{display:none}
body .saas-listing-card .listing-badges{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 4px}
body .saas-listing-card .listing-address{display:flex;gap:6px;margin:0 0 6px;padding:0!important;border:0!important;background:none!important;font-size:.75rem;color:#667085;line-height:1.4}
body .saas-listing-card .listing-address i{color:#94A3B8!important;font-size:.75rem}
body .saas-listing-card .listing-actions,body .saas-listing-card .price-area{display:inline-flex;flex-wrap:wrap;gap:6px;margin:0 6px 0 0;vertical-align:middle}
body .saas-listing-card .btn{padding:3px 10px!important;min-height:28px;border-radius:8px!important;font-size:.75rem!important;font-weight:700!important;box-shadow:none!important;background:#fff!important;border:1px solid #D3DBEA!important;color:#2563EB!important}
body .saas-listing-card .btn:hover{background:#EFF6FF!important;border-color:#2563EB!important;color:#1D4ED8!important}
body .saas-listing-card .btn-outline-primary{background:#2563EB!important;border-color:#2563EB!important;color:#fff!important}
body .saas-listing-card .btn-outline-primary:hover{background:#1D4ED8!important;color:#fff!important}
body .saas-listing-card .price-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid #BFDBFE;border-radius:999px;background:#EFF6FF;color:#1D4ED8;font-size:.75rem;text-decoration:none}
@media (max-width:575.98px){
 body .saas-listing-card>.row{padding:8px;gap:10px}
 body .saas-listing-card .listing-media-col{flex-basis:64px!important;max-width:64px!important;width:64px}
 body .saas-listing-card .listing-thumb-wrap,body .saas-listing-card .listing-thumb{width:64px!important;height:64px!important}
 body .saas-listing-card .listing-title{font-size:.875rem}
 body .page-title-card h1{font-size:.9375rem!important}
}
body .saas-listing-card .listing-media-col,body .saas-listing-card .listing-thumb-wrap,body .saas-listing-card .listing-thumb{min-height:0!important;max-height:76px;height:76px!important}
@media (max-width:575.98px){body .saas-listing-card .listing-media-col,body .saas-listing-card .listing-thumb-wrap,body .saas-listing-card .listing-thumb{max-height:64px;height:64px!important}}
body .view-toggle-btn.active,body .view-toggle-btn.is-active,body .toolbar-actions .btn-primary{background:#2563EB!important;border-color:#2563EB!important;color:#fff!important;box-shadow:none!important}
body .view-toggle-btn{width:34px;height:34px;padding:0!important;border-radius:8px!important}
body .sidebar-sticky a{text-decoration:none!important;font-weight:600!important}
body .sidebar-sticky a:hover{color:#2563EB!important}
body .saas-listing-card .listing-media-col{align-self:flex-start}
body .saas-listing-card,body .saas-listing-card>.row,body .saas-listing-card .listing-content-col,body .saas-listing-card .listing-content{min-height:0!important;height:auto!important}
body .saas-listing-card .listing-content{padding:0!important}
@media (max-width:991.98px){body .sidebar-sticky{position:static!important}body .sidebar-sticky .chip-list,body .sidebar-sticky .card-body{max-height:160px;overflow:auto}}
body .saas-listing-card .listing-badges .badge-soft.warning{display:none!important}
