/* Scope all changes to the existing Wallet popup and the EasyTools Live Demos section. */
.etcm-compact-menu{box-sizing:border-box!important;padding:18px!important;max-height:min(78vh,680px);overflow-y:auto;overscroll-behavior:contain;border-radius:18px!important;background:#f3f8fc!important}
.etcm-compact-menu .etcm-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
.etcm-compact-menu .etcm-card{display:flex!important;align-items:center!important;gap:15px!important;min-width:0!important;min-height:105px!important;padding:17px!important;background:#fff!important;border:1px solid #d4e4f0!important;border-radius:17px!important;text-decoration:none!important;box-shadow:0 2px 7px rgba(13,50,79,.04)!important;transition:box-shadow .18s,border-color .18s,transform .18s}
.etcm-compact-menu .etcm-card:hover,.etcm-compact-menu .etcm-card:focus-visible{border-color:#0c9ca7!important;box-shadow:0 6px 15px rgba(12,82,103,.12)!important;transform:translateY(-2px)}
.etcm-compact-menu .etcm-icon{flex:0 0 55px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:55px!important;height:55px!important;background:#e0f4ff!important;color:#128ab2!important;border-radius:15px!important;font-size:27px!important;font-weight:700!important;line-height:1!important}
.etcm-compact-menu .etcm-icon.etcm-blue{color:#1972c5!important;background:#e7efff!important}
.etcm-compact-menu .etcm-icon.etcm-violet{color:#9363cf!important;background:#f2e7fc!important}
.etcm-compact-menu .etcm-icon.etcm-amber{color:#ba7b10!important;background:#ffefd3!important}
.etcm-compact-menu .etcm-icon.etcm-mint{color:#168a67!important;background:#e2f9ef!important}
.etcm-compact-menu .etcm-content{display:block!important;min-width:0!important}
.etcm-compact-menu .etcm-name{display:block!important;color:#102d4a!important;font-size:17px!important;line-height:1.3!important;font-weight:750!important;margin:0 0 6px!important}
.etcm-compact-menu .etcm-sub{display:block!important;color:#647991!important;font-size:13px!important;line-height:1.45!important;font-weight:450!important}
.etcm-demos{box-sizing:border-box;max-width:1230px;width:calc(100% - 32px);margin:54px auto 65px;padding:36px 32px;background:linear-gradient(135deg,#f5fcff,#effaf7);border:1px solid #d4e5ef;border-radius:25px;box-shadow:0 16px 42px rgba(17,65,86,.045);color:#132f49;scroll-margin-top:100px}
.etcm-demos *{box-sizing:border-box}
.etcm-demos .etcm-demos-head{max-width:750px;margin-bottom:23px}
.etcm-demos .etcm-demos-eyebrow{font-size:12px;font-weight:800;letter-spacing:.1em;color:#088d99}
.etcm-demos h2{font-size:clamp(23px,2.4vw,29px);line-height:1.2;font-weight:800;color:#102d4a;margin:10px 0!important}
.etcm-demos p{font-size:15px;line-height:1.65;color:#58748a;margin:0!important}
.etcm-demos .etcm-demos-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}
.etcm-demos .etcm-filter{cursor:pointer;border:1px solid #d4e4ef;border-radius:24px;padding:10px 15px;background:#fff;color:#163a56;font-size:13px;font-weight:700;line-height:1.2;min-height:40px}
.etcm-demos .etcm-filter.is-active,.etcm-demos .etcm-filter:hover{background:#0c9996;color:#fff;border-color:#0c9996}
.etcm-demos .etcm-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.etcm-demos .etcm-demo-card{display:flex;align-items:flex-start;gap:15px;min-width:0;padding:22px 19px;background:#fff;border:1px solid #d5e5ed;border-radius:17px;text-decoration:none!important;color:#15344d;transition:transform .18s,box-shadow .18s,border-color .18s}
.etcm-demos .etcm-demo-card:hover,.etcm-demos .etcm-demo-card:focus-visible{transform:translateY(-2px);border-color:#09a49e;box-shadow:0 8px 20px rgba(14,95,106,.12)}
.etcm-demos .etcm-demo-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:#e3f6f6;color:#078f9d;font-size:25px}
.etcm-demos .etcm-demo-details{display:flex;flex-direction:column;gap:6px;min-width:0}
.etcm-demos .etcm-demo-tag{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#07898e}
.etcm-demos .etcm-demo-details strong{font-size:18px;line-height:1.3;font-weight:800;color:#0f2c47}
.etcm-demos .etcm-demo-description{font-size:13px;line-height:1.55;color:#657a8d}
.etcm-demos .etcm-demo-cta{font-size:13px;color:#008f95;font-weight:800;margin-top:9px}
.etcm-demos .etcm-demo-card[hidden]{display:none!important}
@media(max-width:1023px){.etcm-compact-menu .etcm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.etcm-demos .etcm-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.etcm-compact-menu{padding:12px!important;max-height:76vh;border-radius:12px!important}.etcm-compact-menu .etcm-grid{grid-template-columns:1fr!important;gap:9px!important}.etcm-compact-menu .etcm-card{min-height:77px!important;padding:12px!important}.etcm-compact-menu .etcm-icon{flex-basis:46px!important;width:46px!important;height:46px!important;font-size:23px!important}.etcm-compact-menu .etcm-name{font-size:15px!important}.etcm-compact-menu .etcm-sub{font-size:12px!important}.etcm-demos{width:calc(100% - 22px);margin:35px auto;padding:24px 16px;border-radius:18px}.etcm-demos .etcm-demo-grid{grid-template-columns:1fr}.etcm-demos .etcm-demo-card{padding:17px 15px}.etcm-demos h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.etcm-compact-menu .etcm-card,.etcm-demos .etcm-demo-card{transition:none!important}.etcm-compact-menu .etcm-card:hover,.etcm-demos .etcm-demo-card:hover{transform:none!important}}
