/* Nongraviang Back Office: legible cards, agency branding and manual scrolling. */
#systemsSection {background:linear-gradient(135deg,#eff6ff,#fff 55%,#f0f9ff)!important;color:#17365d;}
#systemsSection .systems-heading {display:flex;flex-wrap:wrap;gap:.4rem .75rem;line-height:1.35;}
#systemsSection .systems-filters {display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;}
#systemsSection .idx-filter-btn,.sys-filter-btn {min-height:44px;padding:.55rem 1.05rem;border-radius:999px;}
#systemsSection .idx-filter-btn {background:#fff!important;border:1px solid #cbd5e1!important;color:#334155!important;font-weight:600;}
#systemsSection .idx-filter-btn[aria-pressed="true"],.sys-filter-btn.active-filter {background:#1e3a8a!important;color:#fff!important;border-color:#1e3a8a!important;box-shadow:0 3px 10px #1e3a8a20;}
.systems-scroll-controls {display:flex;align-items:center;gap:.6rem;}
.systems-scroll-controls button {width:44px;height:44px;border:1px solid #cbd5e1;border-radius:12px;background:white;color:#1e3a8a;}
.systems-scroll-controls button:disabled {opacity:.35;cursor:default;}
#systemsSection .systems-carousel {display:flex;align-items:stretch;gap:18px;overflow-x:auto;padding:8px 3px 20px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;-webkit-overflow-scrolling:touch;}
#systemsSection .idx-system-card {flex:0 0 216px;display:flex;flex-direction:column;align-items:center;background:#fff!important;color:#17365d!important;border:1px solid #e2e8f0;border-radius:24px;padding:20px 16px;scroll-snap-align:start;box-shadow:0 5px 20px #17365d08;transition:border-color .2s,box-shadow .2s;}
#systemsSection .idx-system-card[hidden] {display:none!important;}
#systemsSection .idx-system-card:hover {border-color:#60a5fa;box-shadow:0 8px 24px #17365d18;}
.system-logo-frame {position:relative!important;flex:none;width:104px!important;height:104px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:22px!important;overflow:hidden;margin:12px auto 16px!important;}
.system-logo-frame>img {position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;padding:7px!important;transform:scale(var(--system-logo-scale,1))!important;opacity:1!important;filter:none!important;}
#systemsSection .systems-category {font-size:12px;line-height:1.4;text-align:center;border:1px solid #e2e8f0;border-radius:999px;padding:5px 10px;background:#f8fafc;color:#475569;}
#systemsSection .systems-card-title,#systems-grid .system-card h3 {font-size:15px!important;line-height:1.55!important;min-height:3.1em;display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;word-break:normal;overflow-wrap:anywhere;text-align:center;font-weight:700;}
#systemsSection .systems-subtitle {font-size:13px;color:#64748b;text-align:center;margin:7px 0 16px;min-height:1.5em;}
#systemsSection .idx-open-app {display:flex;justify-content:center;align-items:center;gap:8px;margin-top:auto;width:100%;padding:10px;background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;border-radius:12px;font-size:13px;font-weight:600;}
#systemsSection a:focus-visible,#systemsSection button:focus-visible,.system-card:focus-visible,.sys-filter-btn:focus-visible {outline:3px solid #2563eb;outline-offset:3px;}
#systems-grid .system-card {border-color:#e2e8f0!important;}
@media(max-width:640px){#systemsSection .idx-system-card{flex-basis:190px;padding:18px 14px}.system-logo-frame{width:88px!important;height:88px!important}#systems-grid .system-card{padding:14px 10px!important}#systems-grid .system-card h3{font-size:14px!important}}