.dd-offer-icon { width:20px; height:20px; flex:none; color:var(--dd-lilac,#c6b6ff); vertical-align:middle; }
.dd-offers { container:offers / inline-size; min-width:0; margin-top:20px; padding:20px; border:1px solid var(--dd-border,#333353); border-radius:12px; background:var(--dd-surface,#141436); color:var(--dd-text,#f6f7fc); }
.dd-offers.dd-offers-inline { margin-top:24px; padding:24px 0 0; border:0; border-top:1px solid var(--dd-border,#333353); border-radius:0; background:transparent; }
.dd-nft-utilities { margin-top:24px; padding-top:16px; border-top:1px solid var(--dd-border,#333353); }
.dd-nft-utilities .dd-transfer-detail { margin-top:0; }
.dd-offers [hidden],.dd-offer-dialog [hidden] { display:none !important; }
.dd-offers-header,.dd-offer-header-actions,.dd-offer-actions,.dd-offer-filters { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.dd-offers .dd-offers-header h3 { display:flex; align-items:center; gap:8px; margin:0; font-size:24px; line-height:1.2; }
.dd-offers-header [data-offer-count] { color:var(--dd-muted,#d3d7e7); font:400 13px/1.4 Barlow,sans-serif; }
.dd-offers button,.dd-offer-dialog button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:8px 14px; border:1px solid var(--dd-border-strong,#62627c); border-radius:8px; background:transparent; color:var(--dd-text,#f6f7fc); font:600 14px/1.4 Barlow,sans-serif; cursor:pointer; }
.dd-offers button:hover,.dd-offer-dialog button:hover { background:#ffffff09; border-color:var(--dd-lilac,#c6b6ff); }
.dd-offers .dd-offer-primary,.dd-offer-dialog .dd-offer-primary { background:var(--dd-action-fill,#a72b58); border-color:var(--dd-action-edge,#ff83af); color:#fff; }
.dd-offers .dd-offer-primary:hover,.dd-offer-dialog .dd-offer-primary:hover { background:var(--dd-action-fill-hover,#bb3364); }
.dd-offers :focus-visible,.dd-offer-dialog :focus-visible { outline:2px solid var(--dd-lilac,#c6b6ff); outline-offset:3px; }
.dd-offers button:disabled,.dd-offer-dialog button:disabled { opacity:.55; cursor:not-allowed; }
.dd-offers .dd-offer-refresh { color:var(--dd-muted,#d3d7e7); border-color:transparent; padding-inline:8px; }
.dd-offer-tabs { display:flex; gap:4px; padding-bottom:12px; border-bottom:1px solid var(--dd-border,#333353); }
.dd-offer-tabs button { border-color:transparent; }
.dd-offer-tabs [aria-pressed="true"] { color:var(--dd-lilac,#c6b6ff); background:#c6b6ff12; border-color:#c6b6ff55; }
.dd-offer-filters { margin:16px 0 4px; }
.dd-offer-filters select { max-width:100%; min-height:40px; margin:0; padding:8px 32px 8px 12px; border:1px solid var(--dd-border,#333353); border-radius:8px; background:var(--dd-surface,#141436); color:inherit; font:400 14px/1.4 Barlow,sans-serif; }
.dd-offer-filters .dd-select { flex:1; width:auto; min-width:0; max-width:260px; }
.dd-offers .dd-offers-best { display:grid; gap:12px; margin:20px 0 0; font-size:14px; line-height:1.5; color:var(--dd-muted,#d3d7e7); }
.dd-offer-highlight-price,.dd-offer-highlight-meta { display:flex; align-items:baseline; justify-content:space-between; gap:8px 16px; flex-wrap:wrap; }
.dd-offer-highlight-meta { font-size:13px; }
.dd-offers-best strong { color:var(--dd-text,#f6f7fc); font-size:24px; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; min-width:0; }
.dd-offers-best strong small { font-size:13px; font-weight:400; color:var(--dd-muted,#d3d7e7); }
.dd-offers .dd-offers-status { margin:16px 0 0; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.dd-offers .dd-offers-status:empty,.dd-offers .dd-offers-best:empty { display:none; }
.dd-offers-scroll { margin-top:16px; overflow:auto; }
.dd-offers-table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.5; }
.dd-offers-table th,.dd-offers-table td { padding:14px 12px; text-align:left; border-bottom:1px solid var(--dd-border,#333353); vertical-align:middle; }
.dd-offers-table th { padding-top:0; padding-bottom:10px; font-size:12px; font-weight:400; color:var(--dd-muted,#d3d7e7); }
.dd-offers-table th:first-child,.dd-offers-table td:first-child { padding-left:0; }
.dd-offers-table th:last-child,.dd-offers-table td:last-child { padding-right:0; }
.dd-offers-table tbody tr:last-child td { border-bottom:0; padding-bottom:0; }
.dd-offer-price { font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.dd-offer-identity { min-width:0; overflow-wrap:anywhere; }
.dd-offer-price strong { display:block; font-size:16px; font-weight:600; }
.dd-offer-price>span,.dd-offer-expiry small,.dd-offer-nft small { display:block; font-size:12px; color:var(--dd-muted,#d3d7e7); }
.dd-offer-expiry { font-size:13px; }
.dd-offer-expiry small { margin-top:4px; max-width:25ch; }
.dd-offer-row-actions>div { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.dd-offer-row-actions button { padding:7px 10px; white-space:nowrap; }
.dd-offer-nft { display:flex; align-items:center; gap:10px; }
.dd-offer-nft img { width:40px; height:40px; object-fit:contain; border-radius:6px; background:var(--dd-bg-2,#191943); }
.dd-offers a { color:var(--dd-lilac,#c6b6ff); }
.dd-offers [data-more] { margin-top:20px; }

/* The profile accordion owns the outer padding and border. */
#offers.profile-accordion-card { padding:0; overflow:hidden; }
#offers>summary { display:flex; align-items:center; gap:10px; margin:0; padding:20px 24px; cursor:pointer; list-style:none; }
#offers>summary::-webkit-details-marker { display:none; }
#offers>summary::after { content:""; width:8px; height:8px; margin-left:auto; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); }
#offers[open]>summary::after { transform:rotate(225deg); }
#offers>.dd-offers { margin:0; padding:0 24px 24px; border:0; border-radius:0; background:transparent; }

body.dd-visual-system .dd-offer-dialog { position:fixed; inset:0; box-sizing:border-box; margin:auto; width:min(520px,calc(100% - 32px)); max-width:calc(100% - 32px); max-height:calc(100dvh - 32px); padding:24px; border:1px solid var(--dd-border-strong,#62627c); border-radius:16px; background:var(--dd-bg-2,#191943); color:var(--dd-text,#f6f7fc); overflow:auto; box-shadow:var(--dd-shadow); }
.dd-offer-dialog::backdrop { background:rgba(0,0,0,.72); }
.dd-offer-dialog form { display:flex; flex-direction:column; gap:20px; margin:0; }
.dd-offer-dialog .dd-offers-header { flex-wrap:nowrap; }
.dd-offer-dialog .dd-offers-header h2 { margin:0; font:600 30px/1.1 'Barlow Condensed',sans-serif; }
.dd-offer-dialog .dd-offer-close { flex:none; width:36px; min-height:36px; padding:0; font-size:24px; font-weight:400; border-color:transparent; }
.dd-offer-fields { display:grid; grid-template-columns:minmax(0,1fr) 138px; gap:16px; }
.dd-offer-dialog label { display:block; margin:0 0 8px; font-size:14px; line-height:1.4; color:var(--dd-muted,#d3d7e7); }
.dd-offer-dialog input,.dd-offer-dialog select { box-sizing:border-box; width:100%; height:48px; min-height:48px; margin:0; padding:10px 12px; background:var(--dd-surface,#141436); border:1px solid var(--dd-border-strong,#62627c); border-radius:8px; color:inherit; font:400 16px/1.4 Barlow,sans-serif; }
.dd-offer-amount { position:relative; }
.dd-offer-amount input { padding-right:64px; font-variant-numeric:tabular-nums; }
.dd-offer-amount>span { position:absolute; right:12px; top:50%; transform:translateY(-50%); font-size:13px; color:var(--dd-muted,#d3d7e7); pointer-events:none; }
.dd-offer-dialog .dd-offer-details { display:grid; gap:10px; margin:0; font-size:14px; line-height:1.5; }
.dd-offer-details>div { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.dd-offer-details dt { font-weight:400; color:var(--dd-muted,#d3d7e7); }
.dd-offer-details dd { min-width:0; margin:0; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.dd-offer-dialog .dd-offer-notice,.dd-offer-dialog [data-error],.dd-offer-dialog [data-status] { margin:0; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.dd-offer-dialog .dd-offer-notice { padding:12px; border-left:2px solid var(--dd-lilac,#c6b6ff); background:#c6b6ff08; }
.dd-offer-dialog [role="alert"] { color:#ffb3b3; }
.dd-offer-dialog [data-summary]:empty,.dd-offer-dialog [data-error]:empty,.dd-offer-dialog [data-status]:empty { display:none; }
.dd-offer-actions { justify-content:flex-end; padding-top:16px; border-top:1px solid var(--dd-border,#333353); }
.dd-offer-actions button { min-height:44px; }
.dd-offer-dialog [data-wrap] { align-self:stretch; border-color:var(--dd-lilac,#c6b6ff); }

@container offers (max-width:560px) {
  .dd-offers-header { gap:8px; }
  .dd-offer-header-actions { gap:4px; }
  .dd-offers-header [data-make] { padding-inline:10px; }
  .dd-offers-table,.dd-offers-table tbody { display:block; }
  .dd-offers-table thead { display:none; }
  .dd-offers-table tr { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 12px; padding:14px 0; border-bottom:1px solid var(--dd-border,#333353); }
  .dd-offers-table tr:last-child { border-bottom:0; padding-bottom:0; }
  .dd-offers-table td { padding:0; border:0; }
  .dd-offer-price { text-align:right!important; }
  .dd-offer-row-actions { align-self:end; }
  .dd-offer-expiry time::before { content:"Expires "; color:var(--dd-muted,#d3d7e7); }
}
@container offers (max-width:360px) {
  .dd-offer-tabs button { flex:1; min-width:0; padding-inline:8px; font-size:13px; }
  .dd-offer-identity,.dd-offer-row-actions { grid-column:1/-1; }
  .dd-offer-price { text-align:left!important; }
  .dd-offer-expiry { text-align:right!important; }
}
@media(max-width:480px) {
  .dd-offers { padding:16px; }
  #offers>summary { padding:16px; }
  #offers>.dd-offers { padding:0 16px 16px; }
  body.dd-visual-system .dd-offer-dialog { padding:20px; width:calc(100% - 24px); max-width:calc(100% - 24px); }
  .dd-offer-fields { grid-template-columns:minmax(0,1fr) 112px; gap:12px; }
  .dd-offer-actions { display:grid; grid-template-columns:1fr 1.6fr; gap:10px; }
}