/* A shared chrome shell and floating emblem across the product's modal flows. */
.trade-sell{--trade-accent:#ff6c78;--trade-glow:#ff4a6428}
.sell-ticket{--trade-accent:#ff6c78;--trade-glow:#ff4a6428}
.order-ticket.sell-ticket{border-top-color:#ff6c78;background:radial-gradient(ellipse at 90% 0,#ff4a6419,transparent 42%),#11151c}
.sell-ticket .button-primary,.order-sides button[data-order-side=sell].active{background:#ff6c78;border-color:#ff9ea6;color:#290b12}
.trade-sell .trade-transfer>div:last-child strong{color:#ffe0e3}
.trade-sell .orbital-spark{color:#ffe4e6}
dialog[data-trade-side=sell] .button-primary,dialog[data-trade-side=sell] .tabs button.active{background:#ff6c78;border-color:#ff9ea6;color:#290b12}
dialog.modal-themed{--trade-accent:#d5fc49;--trade-glow:#d5fc4920}
dialog.modal-wide{max-width:1080px;width:min(1080px,calc(100% - 24px))}
dialog.modal-themed .dialog-body{padding:0 28px 27px;text-align:left}
dialog.modal-themed .modal-hero{margin:0 -28px 18px;min-height:158px;padding:20px 250px 34px 28px}
dialog.modal-themed .modal-hero .trade-hero-copy{max-width:650px}
dialog.modal-themed .modal-hero h2{font-family:var(--font);font-size:34px;margin:12px 0 0;letter-spacing:-1.2px}
dialog.modal-themed .modal-hero .eyebrow{margin:0;font-size:8px;letter-spacing:1.1px;color:var(--trade-accent)}
dialog.modal-themed .modal-hero .trade-orb{top:-103px}
.modal-hero .trade-coin-art{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#52677a,#1b2938 45%,#0c121c);border-color:#5a7083}
.modal-hero .modal-emblem{width:64%;height:64%;color:#dbe8ef;stroke-width:1.05;filter:drop-shadow(2px 3px 0 #0008) drop-shadow(0 0 7px var(--trade-glow))}
dialog.modal-themed .dialog-subtitle{font-size:12px;color:#a5b6c8;line-height:1.75;margin:0 0 24px;max-width:760px}
dialog.modal-themed .panel,dialog.modal-themed .rule-item,dialog.modal-themed .stat-box,dialog.modal-themed .asset-tile{background:linear-gradient(140deg,#202c3777,#101823);border:1px solid #536477;box-shadow:inset 0 1px #e3f1ff13;border-radius:7px}
dialog.modal-themed .panel h3,dialog.modal-themed .rule-item h3{color:#e3edf7}
dialog.modal-themed .button-primary{box-shadow:inset 0 2px #f2ffd2,0 0 20px #d5fc4914;border-radius:6px}
dialog.modal-themed .button-outline{background:linear-gradient(135deg,#23313e,#111923);border-color:#697d90}
dialog.modal-themed .field input,dialog.modal-themed .field textarea,dialog.modal-themed .field select,dialog.modal-themed .chat-input,dialog.modal-themed .code-block{background:#0b121c;border-color:#4b6078;border-radius:6px;color:#d6e5f4}
dialog.modal-themed .field input:focus,dialog.modal-themed .field textarea:focus,dialog.modal-themed .chat-input:focus{border-color:#c2e991;box-shadow:0 0 0 2px #d5fc4910}
dialog.modal-themed .notice{background:#a4d9e90a;border-color:#475f72;color:#a9bdcf}
dialog.modal-themed .tabs{background:#101823;border-color:#52677d;padding:4px;border-radius:6px}
dialog.modal-themed .tabs button{border-radius:4px}
dialog.modal-themed .token-preview{background:radial-gradient(ellipse at 50% 35%,#d5fc4916,transparent 65%),#111a24;border-color:#6b7e88}
dialog.modal-themed .message.assistant{background:linear-gradient(135deg,#24323e,#14202b);border-color:#486376}
dialog.modal-themed .suggestion{background:#182635;border-color:#506477}
dialog.modal-themed .suggestion:hover{border-color:#afce86;background:#23342d}
dialog.modal-themed .connection-node{background:linear-gradient(140deg,#465c70,#131d29);border-color:#839bac}
dialog.modal-themed .connection-node.kmb-node{border-color:#bbd87d}
dialog.modal-themed .stat-box strong{color:#dceab7}
dialog.modal-themed .portfolio-stats>div{border-color:#61738a;box-shadow:inset 0 1px #cde1ff12}
dialog.modal-themed .rule-item p{color:#a9bacb;line-height:1.75}
dialog.modal-themed .steps-mini{padding:12px;border:1px solid #3f536a;background:#14202c;border-radius:5px}
dialog.modal-themed .chat-layout{min-width:0}.chat-layout>*{min-width:0}
dialog.modal-themed .code-block{overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%}
dialog[data-modal-kind=terminal-expired]{--trade-accent:#ff9b82;--trade-glow:#ff795420}
dialog[data-modal-kind=terminal-expired] .modal-hero{--trade-accent:#ff9b82;--trade-glow:#ff795420}
@media(max-width:600px){
  dialog.modal-wide{width:calc(100% - 12px)}
  dialog.modal-themed .dialog-body{padding:0 16px 21px}
  dialog.modal-themed .modal-hero{margin:0 -16px 18px;padding:13px 139px 28px 17px;min-height:154px}
  dialog.modal-themed .modal-hero h2{font-size:26px;letter-spacing:-.8px;line-height:1.12;margin-top:10px}
  dialog.modal-themed .modal-hero .eyebrow{font-size:6px;letter-spacing:.6px;line-height:1.6}
  dialog.modal-themed .modal-hero .trade-orb{top:-67px}
  dialog.modal-themed .dialog-subtitle{font-size:11px;margin-bottom:19px}
  dialog.modal-themed .field input,dialog.modal-themed .field textarea,dialog.modal-themed .chat-input{font-size:16px}
  dialog.modal-themed .button{min-height:44px}
}
@media(max-width:360px){dialog.modal-themed .modal-hero{padding-right:116px}dialog.modal-themed .modal-hero h2{font-size:23px}}
/* One circular artwork treatment for every coin, including uploaded artwork. */
.market-avatar,.discover-card .market-avatar,.avatar,.preview-face,.coin-face,.trade-coin-art{border-radius:50%;overflow:hidden}
.market-avatar>img,.avatar>img,.preview-face>img,.coin-face>img,.skin>img,.teaser-draft>img,.trade-coin-art>img,.asset-tile img[src*="/coin-"]{border-radius:50%;aspect-ratio:1;object-fit:cover}