.gt-publish-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem 1.15rem;border:1px solid var(--border-gold);border-radius:10px;background:var(--c-surface-hi);box-shadow:0 3px 12px rgba(0,0,0,.08)}
.gt-publish-panel h2{font-family:var(--font-ui);font-size:1rem;font-weight:900;letter-spacing:.04em;color:var(--gold-dark);margin:0 0 .25rem}
.gt-publish-panel p{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.4}
.gt-publish-btn,.gt-publish-link{flex-shrink:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.gt-publish-link{min-height:36px;padding:6px 14px;border-radius:6px;background:var(--surface2);border:1px solid var(--border-gold);color:var(--gold-dark);font-family:var(--font-ui);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.gt-publish-link:hover{background:var(--c-surface-hi);color:var(--gold);box-shadow:0 2px 8px var(--c-accent-soft)}
.gt-my-panel{margin-bottom:1rem;border:1px solid var(--c-line);border-radius:10px;background:var(--c-surface);padding:1rem;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.gt-my-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.gt-my-head h2{font-family:var(--font-ui);font-size:1rem;font-weight:900;letter-spacing:.04em;color:var(--gold-dark);margin:0 0 .25rem}
.gt-my-head p{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.35}
.gt-my-link{flex-shrink:0;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-gold);border-radius:6px;background:var(--c-surface-hi);color:var(--gold-dark);font-family:var(--font-ui);font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding:.4rem .75rem}
.gt-my-link:hover{background:var(--c-surface-hi);color:var(--gold)}
.gt-my-list{display:flex;flex-direction:column;gap:.5rem}
.gt-my-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto auto;align-items:center;gap:.65rem;border:1px solid var(--c-line);border-radius:8px;background:var(--c-surface-hi);padding:.65rem}
.gt-my-side{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.55rem;min-width:0}
.gt-my-side img,.gt-my-ph{width:42px;height:42px;object-fit:contain;border-radius:6px;background:var(--c-inset);display:flex;align-items:center;justify-content:center;color:var(--gold-dark);font-weight:900}
.gt-my-side strong{display:block;color:var(--text);font-size:.84rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gt-my-side small{display:block;color:var(--text-muted);font-size:.72rem}
.gt-my-label{display:block;color:var(--gold-dark);font-family:var(--font-ui);font-size:.64rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.12rem}
.gt-my-repeat{width:16px;height:16px;color:var(--gold-dark)}
.gt-my-server{border:1px solid var(--c-line);border-radius:999px;background:var(--c-inset);color:var(--gold-dark);font-size:.74rem;font-weight:800;padding:.24rem .55rem;white-space:nowrap}
.gt-my-delete{min-height:32px;border:1px solid var(--c-line);border-radius:6px;background:var(--c-surface-hi);color:var(--c-red);font-family:var(--font-ui);font-size:.7rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .65rem;cursor:pointer}
.gt-my-delete:hover{border-color:color-mix(in srgb,var(--c-red) 45%,transparent);background:var(--c-surface-hi)}
.gt-my-empty{border:1px dashed var(--c-line);border-radius:8px;background:var(--c-surface-hi);color:var(--text-muted);padding:.9rem;text-align:center;font-size:.86rem}
.gt-market-panel{margin-bottom:1rem;border:1px solid var(--c-line);border-radius:10px;background:var(--c-surface);padding:1rem;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.gt-market-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.gt-market-head h2,.gt-results-header h2{font-family:var(--font-ui);font-size:1rem;font-weight:900;letter-spacing:.04em;color:var(--gold-dark);margin:0 0 .22rem}
.gt-market-head p,.gt-results-header p{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.35}
.gt-search-row-spaced{margin-bottom:.8rem}
.gt-server-filter{max-width:260px}
.gt-count-inline{align-self:center;white-space:nowrap}
.gt-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem!important;margin-bottom:1rem!important}
.gt-tab{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.6rem!important;text-align:left!important;border-radius:8px!important;padding:.75rem .85rem!important;text-transform:none!important;letter-spacing:0!important}
.gt-tab svg{width:18px;height:18px;color:var(--gold-dark);flex-shrink:0}
.gt-tab span{display:block;font-size:.88rem;font-weight:900;color:var(--text)}
.gt-tab small{display:block;color:var(--text-muted);font-size:.72rem;font-weight:700;line-height:1.2}
.gt-tab.active span,.gt-tab.active small{color:var(--gold-dark)}
.want-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:380px;overflow-y:auto;margin-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.gt-grid-loading{grid-column:1/-1;text-align:center;padding:1.5rem;color:var(--muted)}
.gt-grid-message{grid-column:1/-1;text-align:center;color:var(--muted);padding:1rem}
.gt-help-text{font-size:12px;color:var(--muted);margin-bottom:.6rem}
.gt-have-wrap{position:relative;max-width:420px}
.gt-input-full{width:100%;box-sizing:border-box}
.gt-have-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface2);border:1px solid var(--border);border-radius:8px;z-index:200;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.4);scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.gt-have-option{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;font-size:13px;transition:background .15s}
.gt-have-option:hover{background:var(--surface)}
.gt-have-option-icon{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}
.gt-have-option-ph{width:24px;height:24px;background:var(--surface);border-radius:4px;flex-shrink:0}
.gt-have-option-name{flex:1}
.gt-have-option-qty{font-size:10px;color:var(--muted)}
.gt-have-selected{margin-top:.6rem}
.gt-selected-label{font-size:12px;color:var(--muted)}
.gt-selected-name{font-size:12px;font-weight:600;color:var(--gold)}
.gt-selected-clear{border:1px solid var(--c-line);border-radius:5px;background:var(--c-surface-hi);color:var(--gold-dark);cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin-left:6px;padding:.18rem .45rem}
.gt-results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:.9rem 0 .55rem;padding:.85rem 1rem;border:1px solid var(--c-line);border-radius:8px;background:var(--c-surface-hi)}
.main-content .gt-row{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1.4fr) auto;align-items:center;gap:.8rem;border:1px solid var(--c-line);border-radius:9px;background:var(--c-surface-hi);padding:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.main-content .gt-row:hover{border-color:var(--border-gold)!important;background:var(--c-inset)!important;box-shadow:0 3px 12px var(--c-accent-soft)!important}
.gt-result-user{display:flex;align-items:center;gap:.55rem;min-width:0}
.gt-user-link{display:flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;min-width:0}
.gt-user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--gold-dark),var(--amber));border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:.72rem;font-weight:700;color:var(--c-on-accent);overflow:hidden;flex-shrink:0}
.gt-user-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.gt-user-name{font-weight:900;color:var(--text);font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gt-result-exchange{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.65rem;min-width:0}
.gt-result-side{min-width:0}
.gt-result-label{display:block;margin-bottom:.25rem;color:var(--gold-dark);font-family:var(--font-ui);font-size:.64rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.gt-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;white-space:nowrap}
.gt-notes{font-size:.74rem;color:var(--gold-dark);border:1px solid var(--c-line);border-radius:999px;background:var(--c-inset);padding:.18rem .5rem;white-space:nowrap}
.gt-item{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.45rem;min-width:0}
.gt-item img,.gt-item-ph{width:38px!important;height:38px!important;object-fit:contain;border-radius:6px;background:var(--c-inset)}
.gt-item-name{font-size:.86rem!important;font-weight:800;color:var(--text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gt-qty,.gt-qty-want{color:var(--gold-dark);font-size:.78rem;font-weight:900;white-space:nowrap}
.gt-arrow{display:flex;align-items:center;justify-content:center;color:var(--gold-dark)}
.gt-arrow svg{width:17px;height:17px}
.gt-profile-btn{font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;border:1px solid var(--border-gold);color:var(--gold);background:var(--surface2);text-decoration:none;transition:all .2s;cursor:pointer}
.gt-profile-btn:hover{background:var(--c-surface-hi);color:var(--gold);box-shadow:0 2px 8px var(--c-accent-soft)}
.trade-info-modal[hidden]{display:none}
.trade-info-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem}
.trade-info-card{width:min(94vw,620px);max-height:92vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border-gold);border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.38);padding:1rem;outline:none}
.trade-info-card:focus-visible,.trade-modal-card:focus-visible{box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 0 3px var(--c-accent-glow)}
.trade-modal.is-hidden{display:none!important}
.trade-info-top{display:flex;align-items:flex-start;gap:.85rem;padding:.35rem .35rem 1rem;border-bottom:1px solid var(--border)}
.trade-info-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gold-dark),var(--amber));border:2px solid var(--border-gold);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:1.25rem;font-weight:800;color:var(--c-on-accent);overflow:hidden;flex-shrink:0}
.trade-info-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.trade-info-name{font-family:var(--font-ui);font-size:1rem;font-weight:800;color:var(--gold);letter-spacing:.04em}
.trade-info-bio{font-size:.88rem;color:var(--text-muted);margin-top:.2rem;line-height:1.35}
.trade-info-close{margin-left:auto;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);border-radius:6px;padding:.38rem .75rem;font-family:var(--font-ui);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s}
.trade-info-close:hover{border-color:var(--border-gold);color:var(--gold);background:var(--c-surface-hi)}
.trade-info-public{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.trade-info-pill{border:1px solid var(--border);background:var(--surface2);border-radius:999px;padding:.25rem .62rem;font-size:.78rem;color:var(--text-muted)}
.trade-info-pill strong{font-family:var(--font-ui);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-dark);margin-right:.25rem}
.trade-contact-panel{margin-top:.9rem;border:1px solid var(--c-line);border-radius:8px;background:var(--c-surface-hi);padding:.75rem}
.trade-contact-row{width:100%;display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:.55rem;border:0;border-bottom:1px solid color-mix(in srgb,var(--c-line) 70%,transparent);background:transparent;color:var(--text);padding:.48rem 0;text-align:left;cursor:pointer}
.trade-contact-row:last-child{border-bottom:0}
.trade-contact-row strong{font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-dark)}
.trade-contact-row span{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trade-contact-row svg{width:15px;height:15px;color:var(--gold-dark)}
.trade-contact-row.is-static{cursor:default}
.trade-contact-empty{color:var(--text-muted);font-size:.86rem;padding:.4rem 0}
.trade-info-exchange{display:grid;grid-template-columns:1fr auto 1fr;gap:.65rem;align-items:stretch;margin-top:1rem}
.trade-info-side{border:1px solid var(--border);border-radius:8px;background:var(--surface2);padding:.75rem;min-width:0}
.trade-info-label{font-family:var(--font-ui);font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:.45rem}
.trade-info-mini{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.55rem}
.trade-info-mini-img,.trade-info-mini-ph{width:48px;height:48px;object-fit:contain;border-radius:7px;background:var(--c-inset);display:flex;align-items:center;justify-content:center;color:var(--gold-dark);font-weight:900}
.trade-info-archi{font-size:.92rem;font-weight:700;color:var(--text);line-height:1.25}
.trade-info-qty{font-family:var(--font-ui);font-size:.78rem;font-weight:800;color:var(--gold);white-space:nowrap}
.trade-info-arrow{display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:var(--font-ui);font-size:1.4rem;font-weight:900}
.trade-info-arrow svg{width:18px;height:18px}
.trade-info-server{margin-top:.8rem;text-align:center;color:var(--text-muted);font-size:.86rem}
.trade-info-server strong{color:var(--gold-dark)}
.trade-info-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1rem}
.trade-info-action{min-height:36px;border:1px solid var(--border-gold);border-radius:6px;background:var(--c-surface-hi);color:var(--gold-dark);font-family:var(--font-ui);font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding:.45rem .8rem;cursor:pointer}
.trade-info-action:hover{background:var(--c-surface-hi);color:var(--gold)}
@media(max-width:700px){.trade-info-exchange{grid-template-columns:1fr}
.trade-info-arrow{transform:rotate(90deg)}
.trade-info-top{flex-wrap:wrap}
.trade-info-close{margin-left:0}
.trade-contact-row{grid-template-columns:1fr auto}
.trade-contact-row strong{grid-column:1/-1}
.trade-info-actions{flex-direction:column}
.trade-info-action{width:100%;text-align:center}
.gt-publish-panel,.gt-my-head,.gt-market-head,.gt-results-header{align-items:stretch;flex-direction:column}
.gt-publish-btn,.gt-publish-link,.gt-my-link{width:100%}
.gt-server-filter{max-width:none}
.gt-tabs{grid-template-columns:1fr}
.main-content .gt-row{grid-template-columns:1fr;align-items:stretch}
.gt-result-user{justify-content:space-between}
.gt-result-exchange{grid-template-columns:1fr;gap:.5rem}
.gt-arrow{transform:rotate(90deg)}
.gt-row-actions{justify-content:stretch}
.gt-profile-btn{width:100%}
.gt-my-row{grid-template-columns:1fr;align-items:stretch}
.gt-my-repeat{justify-self:center;transform:rotate(90deg)}
.gt-my-server{text-align:center}
.gt-my-delete{width:100%}}

/* --------------------------------------------------------------------------
   Tema moderno (tokens en theme/tokens.css)
   -------------------------------------------------------------------------- */
/* Buscador de la rejilla: separación entre el campo y el contador */
html[data-theme] .gt-search-row { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
html[data-theme] .gt-search-row .gt-input { flex: 1 1 220px; max-width: 360px; }
html[data-theme] .gt-results-count { color: var(--c-text-3) !important; font-size: .82rem !important; }
html[data-theme] .gt-tab svg { color: currentColor !important; }
html[data-theme] .gt-no-archis { color: var(--c-text-2) !important; padding: .5rem 0 !important; }
html[data-theme] .gt-no-archis a { color: var(--c-accent-ink) !important; text-decoration: underline; text-underline-offset: 2px; }
html[data-theme] .want-grid { scrollbar-color: var(--c-line-strong) transparent !important; }
html[data-theme] .want-card-name { color: var(--c-text-2) !important; }
html[data-theme] .want-card:hover .want-card-name { color: var(--c-text) !important; }
html[data-theme] .want-card.active .want-card-name { color: var(--c-accent-ink) !important; font-weight: 600; }
html[data-theme] .want-card img { filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .4)) !important; }

/* Desplegable "Tengo un archi" */
html[data-theme] .gt-have-dropdown {
  background: var(--c-surface) !important;
  border: 1px solid var(--c-line-strong) !important;
  border-radius: var(--r-inner) !important;
  box-shadow: var(--c-shadow-float) !important;
}
html[data-theme] .gt-have-option:hover { background: var(--c-inset) !important; }
html[data-theme] :is(.gt-have-option-ph, .gt-item-ph, .gt-my-ph) { background: var(--c-inset-2) !important; }
html[data-theme] :is(.gt-have-option-qty, .gt-selected-label) { color: var(--c-text-3) !important; }
html[data-theme] .gt-selected-name { color: var(--c-accent-ink) !important; }
html[data-theme] .page-layout :is(.gt-selected-clear, .gt-my-delete) {
  background: var(--c-inset) !important;
  border: 1px solid var(--c-line-strong) !important;
  border-radius: var(--r-ctl) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
html[data-theme] .gt-selected-clear { color: var(--c-text-2) !important; }
html[data-theme] .gt-selected-clear:hover { color: var(--c-text) !important; border-color: var(--c-line-hover) !important; }
html[data-theme] .gt-my-delete { color: var(--c-red) !important; }
html[data-theme] .gt-my-delete:hover { border-color: color-mix(in srgb, var(--c-red) 45%, transparent) !important; background: var(--c-tint-red) !important; }

/* Mis ofertas */
html[data-theme] .page-layout .gt-my-panel {
  background: var(--c-glass) !important;
  border: 1px solid var(--c-line) !important;
  border-radius: var(--r-card) !important;
  box-shadow: var(--c-shadow) !important;
}
html[data-theme] .gt-my-head h2 { color: var(--c-text) !important; font-weight: 600 !important; letter-spacing: -.01em !important; }
html[data-theme] .gt-my-head p { color: var(--c-text-2) !important; }
html[data-theme] .page-layout .gt-my-row {
  background: var(--c-inset) !important;
  border: 1px solid var(--c-line) !important;
  border-radius: var(--r-inner) !important;
}
html[data-theme] .gt-my-side small { color: var(--c-text-3) !important; }
html[data-theme] .gt-my-label { color: var(--c-text-3) !important; font-weight: 600 !important; }
html[data-theme] .gt-my-repeat { color: var(--c-accent-ink) !important; }
html[data-theme] .gt-my-server { background: var(--c-inset-2) !important; border-color: transparent !important; color: var(--c-text-2) !important; font-weight: 600 !important; }
html[data-theme] .page-layout .gt-my-empty {
  background: transparent !important;
  border: 1.5px dashed var(--c-line-strong) !important;
  border-radius: var(--r-inner) !important;
  color: var(--c-text-3) !important;
}

/* Resultados */
html[data-theme] .page-layout .gt-row:hover { box-shadow: none !important; }
html[data-theme] .gt-user-avatar {
  background: var(--c-accent-soft) !important;
  border: 1px solid var(--c-line-accent) !important;
  color: var(--c-accent-ink) !important;
  border-radius: 30% !important;
  box-shadow: none !important;
}
html[data-theme] .gt-user-link:hover .gt-user-name { color: var(--c-accent-ink) !important; }
html[data-theme] .gt-result-label { color: var(--c-text-3) !important; font-weight: 600 !important; }
html[data-theme] :is(.gt-qty, .gt-qty-want) { color: var(--c-accent-ink) !important; font-weight: 600 !important; }
html[data-theme] .gt-arrow { color: var(--c-text-3) !important; }
html[data-theme] .gt-notes { background: var(--c-inset-2) !important; border-color: transparent !important; color: var(--c-text-2) !important; }
html[data-theme] .gt-item img { filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .4)) !important; }
html[data-theme] .page-layout .gt-profile-btn {
  background: var(--c-accent-soft) !important;
  border: 1px solid var(--c-line-accent) !important;
  border-radius: var(--r-ctl) !important;
  color: var(--c-accent-ink) !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: .4rem .8rem !important;
  box-shadow: none !important;
}
html[data-theme] .page-layout .gt-profile-btn:hover { background: var(--c-accent) !important; border-color: var(--c-accent) !important; color: var(--c-on-accent) !important; }
html[data-theme] .gt-page-btn {
  background: var(--c-inset) !important;
  border-color: var(--c-line-strong) !important;
  border-radius: var(--r-ctl) !important;
  color: var(--c-text-2) !important;
  font-size: .78rem !important;
}
html[data-theme] :is(.gt-page-btn.active, .gt-page-btn:hover) {
  background: var(--c-accent-soft) !important;
  border-color: var(--c-line-accent) !important;
  color: var(--c-accent-ink) !important;
}

/* Ventana de contacto */
html[data-theme] .trade-info-top { border-bottom-color: var(--c-line) !important; }
html[data-theme] .trade-info-avatar {
  background: var(--c-accent-soft) !important;
  border: 1px solid var(--c-line-accent) !important;
  color: var(--c-accent-ink) !important;
  border-radius: 30% !important;
}
html[data-theme] .trade-info-name { color: var(--c-text) !important; font-weight: 600 !important; font-size: 1.08rem !important; letter-spacing: -.01em !important; }
html[data-theme] .trade-info-bio { color: var(--c-text-2) !important; }
html[data-theme] :is(.trade-info-close, .trade-info-action) {
  background: var(--c-inset) !important;
  border: 1px solid var(--c-line-strong) !important;
  border-radius: var(--r-ctl) !important;
  color: var(--c-text) !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
html[data-theme] :is(.trade-info-close, .trade-info-action):hover { background: var(--c-inset-2) !important; border-color: var(--c-line-hover) !important; }
html[data-theme] .trade-info-action:last-child { background: var(--c-accent) !important; border-color: var(--c-accent) !important; color: var(--c-on-accent) !important; }
html[data-theme] .trade-info-action:last-child:hover { background: var(--c-accent-2) !important; border-color: var(--c-accent-2) !important; }
html[data-theme] :is(.trade-contact-panel, .trade-info-side, .trade-info-pill) {
  background: var(--c-inset) !important;
  border: 1px solid var(--c-line) !important;
}
html[data-theme] :is(.trade-contact-panel, .trade-info-side) { border-radius: var(--r-inner) !important; }
/* main.css reparte el lado en columna con space-between: quedaba un hueco grande entre etiqueta y archi */
html[data-theme] .trade-info-side { display: block !important; min-height: 0 !important; text-align: left !important; }
html[data-theme] .trade-info-label { color: var(--c-text-3) !important; font-weight: 600 !important; }
html[data-theme] .trade-contact-row { border-bottom-color: var(--c-line) !important; }
html[data-theme] .trade-contact-row:not(.is-static):hover span { color: var(--c-accent-ink); }
html[data-theme] .trade-contact-row strong { color: var(--c-text-2) !important; font-weight: 600 !important; }
html[data-theme] .trade-contact-row svg { color: var(--c-text-3) !important; }
html[data-theme] .trade-contact-row:hover svg { color: var(--c-accent-ink) !important; }
html[data-theme] .trade-info-pill strong { color: var(--c-text-3) !important; }
html[data-theme] :is(.trade-info-qty, .trade-info-arrow) { color: var(--c-accent-ink) !important; font-weight: 600 !important; }
html[data-theme] .trade-info-server strong { color: var(--c-text) !important; font-weight: 600; }
html[data-theme] :is(.trade-info-mini-img, .trade-info-mini-ph) { background: var(--c-inset-2) !important; color: var(--c-text-3) !important; }