/* Footescan Charts, camada de layout por cima do styles.css da ZeroSwap */
:root{--side:252px;--top:64px}
html,body{height:100%}
body{display:flex;min-height:100vh}
.ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.muted{color:var(--txt-dim)}.faint{color:var(--txt-faint)}
.up{color:var(--lime)}.down{color:var(--red1)}.warn-c{color:#ffc43d}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}
.loading{padding:40px;text-align:center;color:var(--txt-dim)}
.empty{padding:28px;text-align:center;color:var(--txt-dim)}

/* ---------- barra lateral ---------- */
.side{position:fixed;top:0;left:0;bottom:0;width:var(--side);background:rgba(10,12,14,.96);border-right:1px solid var(--stroke);z-index:50;display:flex;flex-direction:column;padding:14px 12px calc(14px + env(safe-area-inset-bottom));transition:transform .22s}
.side-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 14px}
.side-head .logo{font-size:1.2rem;cursor:pointer}
.side-head .logo .mark-img{width:32px;height:32px}
.side .side-x{display:none}
.side-nav{flex:1;overflow-y:auto;scrollbar-width:thin}
.side-sec{font-size:.66rem;color:var(--txt-faint);font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:14px 10px 6px}
.side-nav a{display:flex;align-items:center;gap:10px;color:var(--txt-dim);font-weight:600;font-size:.88rem;padding:9px 10px;border-radius:11px;cursor:pointer;transition:.15s}
.side-nav a:hover{background:var(--panel2);color:var(--txt)}
.side-nav a.active{background:var(--panel3);color:var(--txt)}
.side-nav a.active .ic{color:var(--lime)}
.live-tag{margin-left:auto;font-style:normal;font-size:.6rem;font-weight:800;color:var(--lime);background:rgba(214,253,139,.12);padding:2px 6px;border-radius:6px;letter-spacing:.5px}
.side-foot{padding:12px 10px 0;font-size:.72rem;color:var(--txt-faint);border-top:1px solid var(--stroke)}
.drawer-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:49}

/* ---------- área principal ---------- */
.main{flex:1;min-width:0;margin-left:var(--side);display:flex;flex-direction:column;min-height:100vh}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:12px 20px;height:var(--top);background:rgba(8,8,10,.86);backdrop-filter:blur(24px);border-bottom:1px solid var(--stroke)}
.burger{display:none}
.mob-logo{display:none}
.top-search{flex:1;max-width:640px;min-width:0;position:relative;padding:0 12px}
.top-search input{padding:10px 0}
.top-search .ic{color:var(--txt-dim)}
.poo-results{max-height:380px;overflow:auto}
.header-right{margin-left:auto}
.net-switch{padding:7px 11px}
.ico-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--panel2);border:1px solid var(--stroke2);color:var(--txt-dim);border-radius:10px;padding:7px 10px;font-weight:700;font-size:.78rem;cursor:pointer;font-family:inherit;white-space:nowrap}
.ico-btn.active,.ico-btn:hover{color:var(--txt);border-color:var(--lime)}
.ico-btn.star.active{color:#ffc43d;border-color:#ffc43d}
.cur-btn{min-width:54px}
.btn-connect{display:inline-flex;align-items:center;padding:9px 16px}
.ticker-bar{display:flex;gap:26px;overflow:hidden;white-space:nowrap;padding:8px 0;border-bottom:1px solid var(--stroke);font-size:.78rem;font-weight:700;background:var(--bg2)}
.ticker-bar:empty{display:none}
.ticker-inner{display:inline-flex;gap:26px;animation:tick 70s linear infinite;padding-left:20px}
.ticker-bar .tk{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.banner-slot{padding:12px 20px 0;max-width:1400px;width:100%;margin:0 auto}
.banner-slot:empty{display:none}
.banner{display:block;position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--stroke2);background:var(--panel)}
.banner img{display:block;width:100%;height:auto;max-height:140px;object-fit:cover}
.banner .tag{position:absolute;top:8px;right:10px;font-size:.6rem;font-weight:800;letter-spacing:.8px;color:var(--txt-dim);background:rgba(10,12,14,.75);padding:3px 7px;border-radius:6px}
.banner.side img{max-height:none}
.wrap{padding:16px 20px 120px;flex-direction:column;align-items:center;gap:16px;max-width:1400px;margin:0 auto;width:100%}
.wrap>.card.wide,.wrap>.fs-page{max-width:none;width:100%}
.fs-page{display:flex;flex-direction:column;gap:16px;min-width:0}
.fs-page .card{max-width:none;width:100%}
.card::after{display:none}
.card.flat{padding:0;overflow:hidden}
.card.flat .card-head{padding:16px 18px 10px;gap:8px;flex-wrap:wrap}
.card h2{font-size:1.1rem}
.card .card-head h2 small{font-weight:600;font-size:.85rem;color:var(--txt-dim)}
.foot{max-width:none;margin:auto 0 0;padding:34px 24px 50px}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--txt-faint);margin-left:4px;flex:none}
.live-dot.on{background:var(--lime);box-shadow:0 0 10px rgba(214,253,139,.8);animation:pulse 1.6s infinite}
@keyframes pulse{0%{opacity:1}50%{opacity:.45}100%{opacity:1}}
.coin{width:28px;height:28px;border-radius:50%;background:var(--panel3);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.72rem;color:var(--lime);flex:none;overflow:hidden;border:1px solid var(--stroke2)}
.coin img{width:100%;height:100%;object-fit:cover}
.coin.lg{width:46px;height:46px;font-size:1rem}
.tok{display:flex;align-items:center;gap:10px;min-width:0}.tok b{font-size:.92rem}.tok small{display:block;color:var(--txt-dim);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.badge{display:inline-block;padding:2px 7px;border-radius:7px;font-size:.62rem;font-weight:800;margin-left:5px;vertical-align:middle;letter-spacing:.3px}
.badge.new{background:rgba(214,253,139,.18);color:var(--lime)}.badge.hot{background:rgba(255,196,61,.18);color:#ffc43d}.badge.promo{background:rgba(125,211,252,.18);color:#7dd3fc}.badge.ver{background:rgba(214,253,139,.18);color:var(--lime)}

/* ---------- estatísticas, tabs, tabelas ---------- */
.net-stats,.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.kpi-grid{grid-template-columns:repeat(4,1fr)}
.net-stats .stat,.kpi-grid .stat{min-width:0;padding:14px 16px}.net-stats .stat .v,.kpi-grid .stat .v{font-size:1.15rem}
.tabs{display:flex;gap:6px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;background:var(--panel2);border:1px solid var(--stroke2);color:var(--txt-dim);border-radius:11px;padding:8px 14px;font-weight:700;font-size:.82rem;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px}
.tabs button.active{background:var(--panel3);color:var(--txt);border-color:var(--lime)}
.tabs.small button{padding:6px 10px;font-size:.76rem;border-radius:9px}
#homeTabs,#tTabs{flex:1 1 auto;min-width:0}
.tbl th{white-space:nowrap;cursor:pointer;user-select:none}.tbl th.sorted{color:var(--lime)}
.tbl td{white-space:nowrap}.tbl td.num,.tbl th.num{text-align:right}
.tbl .rank{color:var(--txt-faint);width:26px}
.tbl tr.flash-up td{animation:fup .9s}.tbl tr.flash-down td{animation:fdown .9s}
@keyframes fup{0%{background:rgba(214,253,139,.18)}100%{background:transparent}}
@keyframes fdown{0%{background:rgba(255,107,94,.18)}100%{background:transparent}}
.spark{width:96px;height:30px;display:block}
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pager{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:var(--txt-dim);font-size:.82rem}
.hero{text-align:left;padding:4px 4px 0;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px}
.hero h1{font-size:1.5rem;font-weight:800;letter-spacing:-.5px}
.hero h1 span{background:var(--grad-silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{color:var(--txt-dim);margin-top:2px;font-size:.88rem}
.promo-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px}
.promo-row::-webkit-scrollbar{display:none}
.promo-card{flex:none;width:220px;background:var(--grad-card);border:1px solid var(--stroke2);border-radius:14px;padding:12px;cursor:pointer}
.promo-card:hover{border-color:var(--lime)}
.promo-card .row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.8rem}

/* ---------- página do token ---------- */
.poo-grid{grid-template-columns:minmax(0,1fr) 340px}
.chart-card{padding:12px 12px 10px}
.iv-row{display:flex;gap:2px;overflow-x:auto;width:100%;margin-bottom:8px;scrollbar-width:none;background:var(--panel2);border:1px solid var(--stroke2);border-radius:10px;padding:3px}
.iv-row::-webkit-scrollbar{display:none}
.iv-row button{flex:1;background:transparent;border:none;color:var(--txt-dim);padding:7px 8px;border-radius:8px;font-weight:700;font-size:.78rem;cursor:pointer;font-family:inherit;white-space:nowrap}
.iv-row button.active{background:var(--panel3);color:var(--lime)}
.chart-tools{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:10px;padding-bottom:2px}
.chart-tools::-webkit-scrollbar{display:none}
.chart-tools .tabs{flex:none}
.chart-tools select.ico-btn{appearance:auto}
.chart-wrap{position:relative;height:480px;width:100%}
.chart-wrap canvas{width:100%;height:100%;display:block;border-radius:12px;background:var(--panel)}
.chart-wrap.mini{height:180px}
.chart-wrap.full{position:fixed;inset:0;z-index:70;height:100vh;background:var(--bg);padding:10px}
.chart-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.74rem;color:var(--txt-dim);flex-wrap:wrap;gap:8px}
.poo-title h2{flex-wrap:wrap}
.poo-price .big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.poo-price .big .chg{font-size:1rem;font-weight:800}
.poo-price .sub{margin:4px 0 0}
.poo-stats{grid-template-columns:repeat(4,1fr)}
.poo-stats b{display:block;font-size:.95rem;font-weight:800;margin-top:3px}
.chg-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.chg-row div{background:var(--panel2);border:1px solid var(--stroke);border-radius:10px;padding:8px;text-align:center}
.chg-row span{display:block;font-size:.66rem;color:var(--txt-dim);text-transform:uppercase;letter-spacing:.5px}
.chg-row b{font-size:.92rem}
.socials{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.socials a{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;color:var(--txt-dim);background:var(--panel2);border:1px solid var(--stroke2);border-radius:9px;padding:5px 9px}
.socials a:hover{color:var(--txt);border-color:var(--lime)}
.socials .ic{width:14px;height:14px}
.bs-bar{height:8px;border-radius:999px;overflow:hidden;background:var(--red1);display:flex;margin:6px 0 4px}
.bs-bar i{display:block;background:var(--lime);height:100%}
.bs-lab{display:flex;justify-content:space-between;font-size:.74rem;font-weight:700}
.trades td.sd,.feed td.sd{font-weight:800}
.trades tr.new td{animation:fup .9s}.trades tr.new.sell td{animation:fdown .9s}
.feed tr.new td{animation:fup .9s}.feed tr.new.sell td{animation:fdown .9s}
.sec-list div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--stroke);font-size:.84rem}
.sec-list div:last-child{border-bottom:none}.sec-list span{color:var(--txt-dim)}
.score{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;font-weight:900;font-size:1.05rem;border:3px solid var(--lime);color:var(--lime);flex:none}
.score.warn{border-color:#ffc43d;color:#ffc43d}.score.bad{border-color:var(--red1);color:var(--red1)}
.score.big{width:84px;height:84px;font-size:1.6rem}
.addr-copy{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.addr-copy:hover{color:var(--lime)}
.pair-list button{display:flex;justify-content:space-between;width:100%;background:var(--panel2);border:1px solid var(--stroke);color:var(--txt);border-radius:10px;padding:9px 11px;margin-bottom:6px;cursor:pointer;font-family:inherit;font-size:.82rem;text-align:left}
.form-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.form-row input,.form-row select,.form-row textarea{flex:1;min-width:120px;background:var(--panel2);border:1px solid var(--stroke2);color:var(--txt);border-radius:11px;padding:10px 12px;font-family:inherit;font-size:.9rem;outline:none}
.form-row textarea{min-height:90px;width:100%;resize:vertical}
.form-row input:focus,.form-row textarea:focus{border-color:var(--lime)}
.form-row label{font-size:.78rem;color:var(--txt-dim);font-weight:700;width:100%}
.multi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.multi-grid .card{padding:12px}
.multi-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}
.multi-head .x{cursor:pointer;color:var(--txt-dim)}.multi-head .x:hover{color:var(--red1)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat-chart{height:220px;position:relative}.stat-chart canvas{width:100%;height:100%;display:block;border-radius:12px;background:var(--panel)}
.cmp-grid{display:grid;grid-template-columns:160px 1fr 1fr;gap:0}
.cmp-grid div{padding:10px 12px;border-bottom:1px solid var(--stroke);font-size:.86rem}
.cmp-grid .h{color:var(--txt-dim)}.cmp-grid .win{color:var(--lime);font-weight:800}
.calc-out{font-size:1.6rem;font-weight:900;margin-top:10px}
.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--panel3);border:1px solid var(--lime);color:var(--txt);padding:10px 16px;border-radius:12px;font-weight:700;font-size:.85rem;opacity:0;pointer-events:none;transition:.25s;z-index:80}
.toast.show{opacity:1}
.tg-only{display:none}body.tg .tg-only{display:block}
.sort-arrow{font-size:.6rem;margin-left:3px}
/* auditoria */
.audit-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.audit-head .v{font-size:1.1rem;font-weight:800}
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.check{display:flex;gap:10px;align-items:flex-start;background:var(--panel2);border:1px solid var(--stroke);border-radius:11px;padding:10px 12px;font-size:.84rem}
.check .ic{width:18px;height:18px;margin-top:1px}
.check.ok .ic{color:var(--lime)}.check.warn .ic{color:#ffc43d}.check.bad .ic{color:var(--red1)}.check.info .ic{color:#7dd3fc}
.check small{display:block;color:var(--txt-dim);margin-top:2px}
.hp-flag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9px;font-weight:800;font-size:.8rem}
.hp-flag.ok{background:rgba(214,253,139,.14);color:var(--lime)}.hp-flag.bad{background:rgba(255,107,94,.16);color:var(--red1)}.hp-flag.na{background:var(--panel3);color:var(--txt-dim)}
/* IA */
.ai-grid{grid-template-columns:minmax(0,1fr) 320px}
.ai-box{display:flex;flex-direction:column;gap:10px;min-height:360px}
.ai-msgs{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:60vh;padding:4px}
.msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:.9rem;line-height:1.5;white-space:pre-wrap}
.msg.me{align-self:flex-end;background:var(--panel3);border:1px solid var(--stroke2)}
.msg.ai{align-self:flex-start;background:rgba(214,253,139,.08);border:1px solid rgba(214,253,139,.25)}
.md h2,.md h3{font-size:.95rem;margin:12px 0 6px;color:var(--lime)}
.md ul{padding-left:18px;margin:4px 0}.md li{margin:3px 0}.md p{margin:6px 0}.md em{color:var(--txt-dim)}
.ai-suggest{display:flex;gap:6px;flex-wrap:wrap}
/* admin */
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.banner-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--stroke);font-size:.84rem}
.banner-row img{width:120px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--stroke2)}
.banner-row .meta{flex:1;min-width:0}
.pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.74rem;font-weight:700}
.api-list code{display:block;background:var(--panel2);border:1px solid var(--stroke);border-radius:9px;padding:8px 10px;font-size:.8rem;margin:4px 0 10px;overflow-x:auto;white-space:nowrap}
body.embed .side,body.embed .topbar,body.embed .ticker-bar,body.embed .banner-slot,body.embed .foot,body.embed .botnav{display:none}
body.embed .main{margin-left:0}body.embed .wrap{padding:8px}

/* ---------- responsivo ---------- */
@media(max-width:1100px){.net-stats{grid-template-columns:repeat(3,1fr)}.multi-grid{grid-template-columns:1fr}.poo-grid{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.two-col,.admin-grid{grid-template-columns:1fr}}
@media(max-width:900px){
  .side{transform:translateX(-105%);width:290px;max-width:86vw}
  body.menu .side{transform:none}body.menu .drawer-bg{display:block}
  .side .side-x{display:inline-flex}
  .main{margin-left:0}
  .burger{display:inline-flex}
  .mob-logo{display:flex;font-size:1.05rem;margin-right:auto}.mob-logo .mark-img{width:30px;height:30px}
  .header-right{margin-left:0;gap:6px}
  .topbar{padding:10px 12px;gap:8px;height:auto;flex-wrap:wrap}
  .top-search{order:10;flex:1 1 100%;max-width:none}
  .header-right .btn-connect,.header-right .net-switch .nname{display:none}
  .botnav{display:grid}
  .wrap{padding:12px 10px 110px}
  .banner-slot{padding:10px 10px 0}
  .net-stats,.kpi-grid{grid-template-columns:repeat(2,1fr)}
  .chart-wrap{height:340px}.chart-card{padding:10px 8px 8px}
  .poo-stats{grid-template-columns:repeat(2,1fr)}
  .tbl th,.tbl td{padding:10px 9px;font-size:.8rem}
  .spark{width:80px}
  .hero h1{font-size:1.2rem}
  .cmp-grid{grid-template-columns:100px 1fr 1fr}.cmp-grid div{padding:8px 6px;font-size:.78rem}
  #homeTabs,#tTabs{flex:1 1 100%}
  .foot{padding:30px 16px 110px}
  .ai-msgs{max-height:50vh}
}
body.tg .side,body.tg .topbar .btn-connect,body.tg .foot{display:none}
body.tg .main{margin-left:0}
body.tg .botnav{display:grid}

/* ---------- tabelas em cartões no telemóvel ---------- */
@media(max-width:900px){
  .ai-grid{grid-template-columns:1fr}
  .tbl-scroll{overflow:visible}
  .tbl,.tbl tbody{display:block;width:100%}
  .tbl thead{display:none}
  .tbl tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px 14px;border-bottom:1px solid var(--stroke);align-items:center}
  .tbl tr:last-child{border-bottom:none}
  .tbl td{display:block;padding:0;border:none;font-size:.86rem;white-space:normal;text-align:left!important}
  .tbl td::before{content:attr(data-l);display:block;font-size:.64rem;color:var(--txt-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px}
  .tbl td.mob-main{grid-column:1/-1}
  .tbl td.mob-main::before,.tbl td.mob-full::before,.tbl td.rank::before{display:none}
  .tbl td.mob-hide{display:none}
  .tbl td.mob-full{grid-column:1/-1}
  .tbl td.empty{grid-column:1/-1;text-align:center!important}
  .tbl td.mob-main .tok b{font-size:1rem}
  .tbl td.mob-main .tok small{max-width:none}
  .tbl tr.clickable:hover td{background:transparent}
  .tbl .spark{width:100%}
  .trades tr,.feed tr{grid-template-columns:1fr 1fr 1fr}
  .trades td.mob-main,.feed td.mob-main{grid-column:auto}
  .card.flat .card-head h2{font-size:1rem}
  .card.flat .card-head .form-row{width:100%}
}
.sync-bar{position:relative;background:rgba(255,196,61,.1);border-bottom:1px solid rgba(255,196,61,.35);color:#ffc43d;font-size:.78rem;font-weight:700;padding:8px 20px;overflow:hidden}
.sync-bar .sync-fill{position:absolute;left:0;top:0;bottom:0;background:rgba(255,196,61,.14);transition:width .5s}
.sync-bar span{position:relative}
/* #compare: três fontes por moeda (sem tabelas, sem scroll horizontal) */
.fx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.fx-coin{min-width:0}.fx-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.fx-head b:first-child{font-size:1.2rem}.fx-tot{margin-left:auto;font-size:1.05rem}
.fx-bar{display:flex;height:10px;border-radius:6px;overflow:hidden;background:var(--panel2);margin:12px 0}.fx-bar i{display:block;height:100%}
.fx-rows{display:flex;flex-direction:column;gap:2px}.fx-row{display:grid;grid-template-columns:minmax(0,1fr) auto 64px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--stroke);font-size:.86rem}
.fx-row span{min-width:0;overflow-wrap:anywhere}.fx-row em{font-style:normal;color:var(--txt-dim);text-align:right}.fx-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}
.fx-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.78rem;color:var(--txt-dim)}.fx-meta b{color:var(--txt)}
.fx-sub{margin:14px 0 6px;font-size:.8rem;font-weight:700;color:var(--txt-dim)}
.fx-list{display:flex;flex-direction:column}.fx-item{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;padding:9px 0;border-bottom:1px solid var(--stroke);font-size:.84rem;min-width:0}
.fx-item>div{min-width:0;overflow-wrap:anywhere}.fx-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.fx-filters select{max-width:100%}
.chip.on{border-color:var(--lime);color:var(--lime)}
@media(max-width:900px){.fx-grid{grid-template-columns:1fr}.fx-row{grid-template-columns:minmax(0,1fr) auto 56px;font-size:.8rem}.fx-item{flex-direction:column}}
.fx-filters select{background:var(--panel2);color:var(--txt);border:1px solid var(--stroke2);border-radius:999px;padding:7px 12px;font:inherit;font-size:.82rem}