@import url("/assets/home/scrollbars.css");

.market-note{color:var(--text-secondary,#a7a7b1);font-size:13px;line-height:1.6}.market-error{color:#fa7474;line-height:1.5}.market-dialog label{display:block;margin:16px 0;font-size:14px}.market-dialog input,.market-dialog textarea,.market-dialog select{display:block;width:100%;box-sizing:border-box;padding:12px 14px;margin-top:8px;background:var(--bg-primary,#171719);color:inherit;border:1px solid #3c3c42;border-radius:10px}.market-dialog button[disabled]{opacity:.5;cursor:wait}.market-dialog [data-market-auth-mode]{margin:18px 0;font-size:14px}.market-status{font-size:12px;color:#999ba3;line-height:1.6}.market-pager{display:flex;justify-content:center;gap:16px;align-items:center;padding:24px}.market-pager button,.market-control{padding:10px 16px;border-radius:10px;border:1px solid #3b3b42;background:transparent;color:inherit}.market-pager button:disabled{opacity:.35}.market-content{padding:24px 32px;min-width:0}.market-content h1{font-size:30px;font-weight:600;margin:16px 0}.market-content h2{font-size:20px;font-weight:600;margin:20px 0}.market-loading,.market-empty{padding:48px 20px;text-align:center;color:#a0a0ac}.market-content a:focus-visible,.market-content button:focus-visible,.market-dialog button:focus-visible{outline:2px solid #3f9dff;outline-offset:3px}.market-topline{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.market-chip{display:inline-block;padding:6px 12px;border:1px solid #3c3c42;border-radius:99px;margin:4px}.market-tabs{display:flex;gap:24px;overflow-x:auto;padding:18px 0;border-bottom:1px solid #333}.market-tabs a[aria-current=page]{color:#4da6ff}.market-stat-grid{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0}.market-stat-grid strong{display:block}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.market-card{border:1px solid #303036;border-radius:14px;overflow:hidden;min-width:0}.market-card img{width:100%;aspect-ratio:1;object-fit:cover;background:#25252b}.market-card-body{padding:14px}.market-card-body strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-fieldrow{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.market-fieldrow input,.market-fieldrow select{min-width:100px;max-width:100%;padding:10px 12px;background:#202025;color:inherit;border:1px solid #3c3c42;border-radius:10px}.market-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.market-profile-grid section{padding:20px;border:1px solid #333;border-radius:14px}.market-table-scroll{overflow:auto}.market-table{width:100%;border-collapse:collapse;font-size:14px}.market-table th,.market-table td{text-align:left;padding:16px;border-bottom:1px solid #303036;white-space:nowrap}.market-banner{width:100%;height:200px;object-fit:cover;border-radius:12px}.market-avatar{width:72px;height:72px;border-radius:16px;object-fit:cover}.market-traits{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.market-traits>div{padding:14px;border:1px solid #333;border-radius:10px}.market-nft-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.market-nft-art{width:100%;border-radius:18px;object-fit:contain;max-height:70vh;background:#24242a}@media(max-width:639px){.market-content{padding:16px}.market-content h1{font-size:25px}.market-nft-layout{grid-template-columns:1fr}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.market-card-body{padding:10px}.market-banner{height:130px}.market-table td,.market-table th{padding:12px}.market-dialog{max-width:calc(100vw - 20px)}}
/* Adapter overrides use the captured theme's RGB triplets; dark defaults stay intact. */
:is(html.light,html.contrast) .market-dialog input,:is(html.light,html.contrast) .market-dialog textarea,:is(html.light,html.contrast) .market-dialog select,:is(html.light,html.contrast) .market-fieldrow input,:is(html.light,html.contrast) .market-fieldrow select{background:rgb(var(--color-bg-primary,255 255 255));color:rgb(var(--color-text-primary,23 23 23));border-color:rgb(var(--color-border-2,220 220 220))}
:is(html.light,html.contrast) .market-note,:is(html.light,html.contrast) .market-status,:is(html.light,html.contrast) .market-loading,:is(html.light,html.contrast) .market-empty{color:rgb(var(--color-text-secondary,102 102 102))}
:is(html.light,html.contrast) .market-dialog{background:rgb(var(--color-bg-primary,255 255 255));color:rgb(var(--color-text-primary,23 23 23));border-color:rgb(var(--color-border-2,220 220 220))}
:is(html.light,html.contrast) .market-dialog .preview-close{color:rgb(var(--color-text-secondary,102 102 102))}

/* Project account dialog. */
.preview-dialog.market-dialog.market-auth{width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px 24px 21px;border:1px solid #26272d;border-radius:12px;background:#101011;color:#fff;box-shadow:none;color-scheme:dark;overscroll-behavior:contain;font:400 14px/20px "Segoe UI",Arial,sans-serif;transform:translate(1px,-6px)}
.preview-dialog.market-auth::backdrop{background:rgb(0 0 0 / 65%);backdrop-filter:none}
.preview-dialog.market-auth .market-auth-toolbar{display:flex;align-items:center;justify-content:space-between;height:24px}
.preview-dialog.market-auth .market-auth-toolbar button{position:static;display:grid;place-items:center;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:#b4b4b8;cursor:pointer}
.preview-dialog.market-auth .market-auth-toolbar svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.preview-dialog.market-auth .market-auth-note{margin:0 0 24px;text-align:center}


.preview-dialog.market-auth h2{margin:20px 0 8px;font:600 24px/32px "Segoe UI",Arial,sans-serif;text-align:center;letter-spacing:0;outline:none;transform:translateY(-1px)}
.preview-dialog.market-auth form{display:grid;gap:16px;margin:0}
.preview-dialog.market-auth .market-auth-field{position:relative;display:block;margin:0;font:400 13px/20px "Segoe UI",Arial,sans-serif}
.preview-dialog.market-auth .market-auth-field input{display:block;box-sizing:border-box;width:100%;height:56px;margin:0;padding:0 12px;border:1px solid #26272d;border-radius:12px;outline:none;background:#141415;color:#fff;font:inherit;transition:border-color .15s}
.preview-dialog.market-auth .market-auth-field input::placeholder{color:#c1c1c8;opacity:1}
.preview-dialog.market-auth .market-auth-field input:focus-visible{border-color:#008dff;box-shadow:0 0 0 1px #008dff}
.preview-dialog.market-auth .market-auth-password input{padding-right:48px}
.preview-dialog.market-auth .market-auth-reveal{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:transparent;color:#b4b4b8}
.preview-dialog.market-auth .market-auth-reveal svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.preview-dialog.market-auth .market-auth-reveal .market-auth-eye-slash{display:none}
.preview-dialog.market-auth .market-auth-reveal[aria-pressed=true] .market-auth-eye-slash{display:block}
.preview-dialog.market-auth .preview-primary{height:56px;margin:8px 0 0;padding:0 16px;border:0;border-radius:12px;background:#008dff;color:#fff;font:600 14px/20px "Segoe UI",Arial,sans-serif}
.preview-dialog.market-auth .preview-primary:disabled{opacity:1;background:#0d4070;color:#77777d;cursor:default}
.preview-dialog.market-auth form[aria-busy=true] .preview-primary{cursor:wait}
.preview-dialog.market-auth .market-error{margin:0;color:#ff969e;font-size:14px;line-height:20px;overflow-wrap:anywhere}
.preview-dialog.market-auth .market-error[hidden]{display:none}
.preview-dialog.market-auth .market-auth-footer{margin:24px 0 0;color:#bfc0c7;font-size:14px;font-weight:500;line-height:24px;text-align:center;transform:translate(-1px,-1px)}
.preview-dialog.market-auth .market-auth-footer [data-market-auth-mode]{display:inline;margin:0;padding:0;border:0;border-radius:2px;background:transparent;color:inherit;font:inherit;line-height:inherit;cursor:pointer}
.preview-dialog.market-auth .market-auth-footer [data-market-auth-mode]:hover{color:#fff}
.preview-dialog.market-auth .market-auth-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:479px){.preview-dialog.market-dialog.market-auth{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px}}
@media(max-height:640px){.preview-dialog.market-auth .market-auth-footer{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.preview-dialog.market-auth .market-auth-field input{transition:none}}
.market-user-popover{position:fixed;z-index:1000;display:grid;gap:2px;width:200px;max-width:calc(100vw - 16px);padding:8px;border:1px solid rgb(var(--color-border-2,48 48 54));border-radius:10px;background:rgb(var(--color-bg-primary,23 23 25));color:rgb(var(--color-text-primary,245 245 247));box-shadow:0 16px 36px #0009}
.market-user-popover :is(a,button){display:block;width:100%;padding:9px 11px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;font-size:13px;text-decoration:none;cursor:pointer}
.market-user-popover :is(a,button):hover,.market-user-popover [aria-current=page]{background:rgb(var(--color-bg-additional-1,255 255 255) / .09)}
.market-user-popover :is(a,button):focus-visible{outline:2px solid #7bbaff;outline-offset:1px}
.market-user-popover p[role=alert]{margin:4px 8px;color:#ff9ba4;font-size:12px}.market-user-popover p[hidden]{display:none}
/* Shared surfaces fit the phone viewport; individual tables retain local scrolling. */
@media(max-width:640px){
 .market-content{padding:16px 14px;box-sizing:border-box;max-width:100%}
 .market-topline,.market-fieldrow,.market-profile-grid,.market-nft-layout{min-width:0}
 .market-dialog,.preview-dialog{box-sizing:border-box;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow-wrap:anywhere}
 .market-dialog input,.market-dialog textarea,.market-dialog select{min-width:0;max-width:100%}
 .market-pager{flex-wrap:wrap;gap:12px;padding:20px 14px}
 .market-tabs{min-width:0;max-width:100%;scrollbar-width:none}
 .market-tabs>a{flex-shrink:0}
 .market-table-scroll{max-width:100%;min-width:0;overscroll-behavior-x:contain}
}

.market-skeleton-status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.market-skeleton-shape {
  display: block;
  border-radius: 5px;
  background: linear-gradient(100deg, transparent 20%, rgba(200, 200, 200, .18) 50%, transparent 80%)
    120% 0 / 250% 100% no-repeat rgba(145, 145, 145, .22);
  animation: market-skeleton-shimmer 1.4s ease-in-out infinite;
}
@keyframes market-skeleton-shimmer {
  to { background-position: -120% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .market-skeleton-shape { animation: none; background-image: none; }
}