/* Charts, lista estilo PooCoin, selector de intervalo e correcoes de layout */
.poo .card{max-width:none}
.poo-head{overflow:visible!important;z-index:6}
.poo .chart-wrap{padding:0;border:0;background:none;margin-bottom:0;box-shadow:none}
.poo-title{position:relative}
.poo-title h2{flex-wrap:wrap;word-break:break-word}
.poo-price{text-align:right}
.poo-price .sub{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.poo-kv b{word-break:break-word}
.poo .card .poo-chips{padding:4px 0 0;justify-content:center}
.poo .tbl th{padding:10px 10px}
.poo .tbl td{padding:11px 10px;font-size:.85rem;white-space:nowrap}
.poo .trades{max-height:520px;overflow:auto}
.poo .trades thead th{position:sticky;top:0;background:var(--panel);z-index:1}

.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.pc-tile{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;padding:13px 14px 12px;border:1px solid var(--stroke2);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.006));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .18s}
.pc-tile:hover{border-color:rgba(214,253,139,.35)}
.pc-tile.wide{grid-column:1/-1}
.pc-tile .l{font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--txt-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-tile .v{font-size:1.14rem;font-weight:800;letter-spacing:-.02em;color:var(--txt);font-variant-numeric:tabular-nums;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-tile .v em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--lime);margin-left:6px;letter-spacing:0}
.pc-tile .s{font-size:.7rem;font-weight:600;color:var(--txt-faint);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-tile .s.lk{display:flex;gap:8px;margin-top:3px}
.pc-tile .s.lk a{font-size:.72rem;font-weight:700;color:var(--lime);padding:4px 10px;border:1px solid rgba(214,253,139,.25);border-radius:999px;background:rgba(214,253,139,.06)}
.pc-tile .s.lk a:hover{background:rgba(214,253,139,.14)}
.poo-head .chart-head{align-items:center}
.iv-dd{position:relative}
.iv-btn{display:flex;align-items:center;gap:6px;height:31px;padding:0 11px;border-radius:10px;border:1px solid var(--stroke2);background:var(--panel2);color:var(--txt);font-family:inherit;font-weight:800;font-size:.78rem;cursor:pointer;-webkit-tap-highlight-color:transparent}
.iv-btn svg{width:14px;height:14px;color:var(--txt-dim);transition:transform .18s}
.iv-dd.open .iv-btn{border-color:var(--lime)}
.iv-dd.open .iv-btn svg{transform:rotate(180deg)}
.iv-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:112px;background:var(--panel);border:1px solid var(--stroke2);border-radius:12px;padding:5px;box-shadow:0 20px 50px rgba(0,0,0,.6);z-index:35}
.iv-dd.open .iv-menu{display:block}
.iv-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 11px;border:none;border-radius:8px;background:none;color:var(--txt);font-family:inherit;font-weight:700;font-size:.84rem;cursor:pointer}
.iv-menu button:hover{background:var(--panel2)}
.iv-menu button.on{color:var(--lime)}
.iv-menu button.on::after{content:"✓";font-weight:900}

@media(max-width:620px){
  .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pc-tile{padding:11px 12px 10px;border-radius:12px}
  .pc-tile .v{font-size:1.02rem}
  .poo .card{padding:16px}
  .poo-title{padding-right:48px}
  .poo-title .fav-btn{position:absolute;top:0;right:0;width:36px;height:36px}
  .poo-price{text-align:left;width:100%}
  .poo-price .sub{justify-content:flex-start}
  .poo-price .big{font-size:1.5rem}
  .poo .chart-head .chart-ctl button{padding:5px 8px}
  .poo .chart-wrap.tall{height:300px}
  .poo .tbl td{padding:9px 7px;font-size:.8rem}
  .poo .tbl th{padding:8px 7px;font-size:.68rem}
  .poo-search input{font-size:16px}
}
html,body{overflow-x:hidden;max-width:100%}
.poo{min-width:0}
.poo-head::after{right:0!important;top:0!important;width:220px!important;height:220px!important}
.poo-top{position:relative;z-index:20}
.poo-results{max-height:60vh;overflow-y:auto!important}
.poo-rt{display:flex;flex-direction:column;min-width:0}
.poo-rt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}