.copyable-id { display: inline-flex !important; align-items: center; gap: 3px; white-space: nowrap; vertical-align: baseline; max-width: 100%; min-width: 0; padding: 0; margin: 0; }
.copy-id { display: inline-flex !important; align-items: center; justify-content: center; vertical-align: middle; box-sizing: border-box; flex: 0 0 18px; width: 18px; height: 18px; min-width: 18px; margin: 0; padding: 0; align-self: center; line-height: 1; color: #64748b; cursor: pointer; border-radius: 5px; }
.copy-id:hover { color: #166b49; background: #e8f5ee; }
.copy-id:focus-visible { outline: 2px solid #166b49; outline-offset: 2px; }
.copy-id svg { flex-shrink: 0; pointer-events: none; }
.copy-id-status { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 10000; max-width: calc(100vw - 32px); padding: 10px 16px; border-radius: 10px; background: #163c2d; color: white; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .15s; }
.copy-id-status.visible { opacity: 1; }

.campaign-id { white-space: nowrap; }

.copyable-id > .copy-id-value { display: block !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0; margin: 0; font: inherit; color: inherit; }
.mapping-value.marketplace-id > b { overflow: visible; }
.mapping-value.marketplace-id .copyable-id { max-width: none; }
.mapping-value.marketplace-id .copy-id-value { flex: 0 0 auto; }
.mapping-head,.mapping-row { grid-template-columns:22px 58px minmax(145px,1fr) minmax(135px,.65fr) minmax(180px,1.25fr) minmax(145px,1fr) minmax(125px,.65fr) 58px; min-width:1080px; }
.inventory-mapping-head,.inventory-mapping-row { grid-template-columns:58px 58px minmax(130px,1fr) minmax(135px,.7fr) minmax(160px,1.15fr) minmax(130px,1fr) minmax(125px,.7fr) 58px 74px 74px; min-width:1200px; }
@media(max-width:760px) { .mapping-row { min-width:0; grid-template-columns:22px 48px minmax(0,1fr) 48px; } .mapping-value.marketplace-id { min-width:135px; } }
