/* static/css/market_view.css */
.mv{direction:rtl;padding:18px 0 28px}
.mv .wrap{max-width:1120px;margin:0 auto;padding:0 16px}

.mv .top{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.mv h1{margin:0;font-size:18px;font-weight:900}
.mv .sub{margin:6px 0 0;color:rgba(255,255,255,.70);font-size:12px;line-height:1.8}

.mv .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mv .btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);color:rgba(255,255,255,.92);
  font-weight:800;font-size:12px;cursor:pointer;user-select:none
}
.mv .btn:disabled{opacity:.45;cursor:not-allowed}
.mv .chip{
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);
  padding:8px 10px;border-radius:999px;font-size:12px;color:rgba(255,255,255,.75)
}

.mv .section-title{margin:18px 0 10px;font-weight:900;font-size:14px;color:rgba(255,255,255,.92)}
.mv .section-desc{margin:0 0 12px;color:rgba(255,255,255,.70);font-size:12px;line-height:1.8}

.mv .grid{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:768px){ .mv .grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1100px){ .mv .grid{grid-template-columns:repeat(3,1fr)} }

.mv .card{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  border-radius:16px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.mv .card .hd{
  padding:12px;border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap
}
.mv .card .ttl{font-weight:900;font-size:13px}
.mv .card .bd{padding:12px;flex:1;overflow-x:auto}

.mv .table-wrap{overflow-x:auto}

.mv table{width:100%;border-collapse:collapse}
.mv th,.mv td{
  text-align:right;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.08);
  font-size:12px;color:rgba(255,255,255,.88);white-space:nowrap;vertical-align:top
}
.mv th{color:rgba(255,255,255,.70);font-weight:900;font-size:11px}
.mv tr:last-child td{border-bottom:none}
.mv .muted{color:rgba(255,255,255,.65)}