#operations { scroll-margin-top: 2rem; }
.ops-panel { margin-top: 1.5rem; border: 1px solid var(--line-strong); border-radius: 18px; background: var(--panel); overflow: hidden; }
.ops-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.7rem; }
.ops-eyebrow { color: var(--muted); font: 600 .62rem/1.5 var(--display); letter-spacing: .14em; }
.ops-header h3 { color: var(--white); font: 600 clamp(1.2rem, 2.5vw, 1.65rem)/1.3 var(--display); letter-spacing: -.04em; margin-top: .55rem; }
.ops-header p { color: var(--muted); font-size: .8rem; margin-top: .5rem; }
.ops-refresh { flex: none; display: flex; gap: .5rem; align-items: center; min-height: 44px; padding: .45rem .8rem; border: 1px solid var(--line-strong); border-radius: 8px; font-size: .75rem; }
.ops-refresh:hover { color: var(--white); border-color: #777; }
.ops-refresh:disabled { opacity: .6; cursor: wait; }
.ops-purchases { padding: 0 1.7rem; }
.ops-sales { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.ops-sale { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.ops-sale-avatar { position: relative; display: grid; place-items: center; width: 44px; height: 44px; overflow: hidden; background: #222; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font: 500 .9rem/1 var(--display); }
.ops-sale-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ops-sale-identity { display: grid; gap: .3rem; min-width: 0; }
.ops-sale-identity strong { color: var(--white); font-size: .87rem; font-weight: 600; overflow-wrap: anywhere; }
.ops-sale-identity > span { color: var(--body); font-size: .8rem; line-height: 1.45; overflow-wrap: anywhere; }
.ops-purchase { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .65rem .35rem .4rem; border: 1px solid var(--line); border-radius: 100px; color: var(--muted); font-size: .65rem; }
.ops-purchase svg { width: 18px; height: 18px; color: var(--body); }
.ops-footer { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.15rem 1.7rem; color: var(--muted); font-size: .68rem; line-height: 1.5; }
.ops-footer a { flex: none; color: var(--body); text-underline-offset: .25rem; }
.ops-footer a:hover { color: var(--white); }
.ops-footer a > span { display: inline-block; margin-left: .25rem; }
.ops-empty { min-height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .9rem; text-align: center; border-block: 1px solid var(--line); padding: 2rem 1rem; color: var(--muted); font-size: .85rem; line-height: 1.6; }
.ops-empty > svg { width: 32px; height: 32px; opacity: .4; }
.ops-skeleton { border-top: 1px solid var(--line); }
.ops-skeleton > div { display: flex; align-items: center; gap: 1rem; min-height: 80px; border-bottom: 1px solid var(--line); }
.ops-skeleton i { width: 44px; height: 44px; flex: none; border-radius: 50%; background: #222; }
.ops-skeleton > div > span { display: grid; gap: .5rem; width: 65%; }
.ops-skeleton b, .ops-skeleton em { height: 10px; border-radius: 4px; background: #222; }
.ops-skeleton b { width: 45%; }
.ops-skeleton em { width: 75%; }
@media (max-width: 760px) {
    .ops-header { align-items: flex-start; padding: 1.2rem; }
    .ops-purchases { padding-inline: 1.2rem; }
    .ops-footer { padding: 1.2rem; }
}
@media (max-width: 480px) {
    .ops-header { position: relative; padding-right: 4.5rem; }
    .ops-refresh { position: absolute; top: 1.1rem; right: 1.2rem; width: 44px; height: 44px; justify-content: center; font-size: 0; }
    .ops-refresh > span { font-size: 1.1rem; }
    .ops-sale { gap: .75rem; grid-template-columns: 40px minmax(0, 1fr) 26px; }
    .ops-sale-avatar { width: 40px; height: 40px; }
    .ops-purchase { justify-content: center; width: 26px; height: 26px; padding: 0; }
    .ops-purchase > span { display: none; }
    .ops-footer { align-items: flex-start; flex-wrap: wrap; gap: .6rem; }
}