/* Reserve the full button width; the old chevron column was only 18px. */
@media (min-width: 1181px) {
  .list-column-headings, .opportunity-row { grid-template-columns: 116px minmax(230px,1fr) minmax(440px,1.65fr) 88px 32px; }
}
@media (min-width: 761px) and (max-width: 1180px) {
  .opportunity-row { grid-template-columns: 112px minmax(0,1fr) 88px 32px; }
  .opportunity-row .profit-block { grid-area: profit; }
  .opportunity-row .match-block { grid-area: match; }
  .opportunity-row .legs-block { grid-area: legs; }
  .opportunity-row .status-block { grid-area: status; }
  .opportunity-row .share-spread { grid-area: chevron; }
}
/* Keep the share action above the row's full-area open button. */
.opportunity-row .share-spread { position: relative; z-index: 2; width: 32px; height: 32px; padding: 6px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--muted); cursor: pointer; pointer-events: auto; }
.share-spread svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.share-spread:hover { color: var(--accent); border-color: var(--accent); background: var(--bg-soft); }
.share-dialog { --share-panel:#fff;--share-panel-soft:#f0f4f1;--share-message:#fff;--share-tint:#ebeff5;--share-border:#dce4df;--share-text:#192b23;--share-muted:#687c6d;--share-muted-2:#7b8981;--share-action:#183e2d;--share-action-text:#fff;--share-link:#2482ae;--share-focus:#79aa7b;--share-shadow:#132c3340;width: min(660px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); margin: auto; padding: 26px; border: 1px solid var(--share-border); border-radius: 22px; background: var(--share-panel); color: var(--share-text); box-shadow: 0 25px 100px var(--share-shadow); overflow: auto; font: 14px/1.5 var(--font-sans, Arial, sans-serif); }
.share-dialog::backdrop { background: var(--backdrop); backdrop-filter: blur(4px); }
.share-dialog [hidden] { display: none !important; }
.share-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; gap: 12px; }
.share-header small { color: var(--share-muted-2); font-size: 10px; letter-spacing: .13em; font-weight: 700; }
.share-header h2 { margin: 4px 0 0; font-size: 25px; letter-spacing: -.7px; }
.share-dialog button { font: inherit; cursor: pointer; }
.share-close { flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid var(--share-border); border-radius: 10px; background: var(--share-panel); color: var(--share-muted); font-size: 24px !important; line-height: 1; }
.share-formats { display: flex; gap: 5px; padding: 5px; margin-bottom: 20px; background: var(--share-panel-soft); border-radius: 12px; }
.share-formats button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 8px; border: 0; border-radius: 9px; background: transparent; color: var(--share-muted); font-size: 13px; font-weight: 650; }
.share-formats button[aria-selected="true"] { color: var(--share-text); background: var(--share-panel); box-shadow: 0 2px 5px var(--share-shadow); }
.share-formats svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.share-telegram { padding: 22px; border-radius: 14px; background: var(--share-tint); }
.share-message { max-width: 480px; padding: 20px; border-radius: 14px 14px 14px 3px; background: var(--share-message); box-shadow: 0 2px 5px var(--share-shadow); line-height: 1.6; overflow-wrap: anywhere; user-select: text; }
.share-message a { color: var(--share-link); text-decoration: none; }
.share-message-caption { display: block; margin-top: 10px; color: var(--share-muted); font-size: 11px; }
.share-help { margin: 13px 0 0; color: var(--share-muted-2); font-size: 12px; line-height: 1.55; }
.share-image-styles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-bottom: 10px; }
.share-image-styles button { min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 7px 10px; border: 1px solid var(--share-border); border-radius: 9px; background: var(--share-panel); color: var(--share-muted); font-size: 12px; font-weight: 650; }
.share-image-styles button[aria-pressed="true"] { border-color: var(--share-focus); color: var(--share-text); box-shadow: inset 0 0 0 1px var(--share-focus); }
.share-image-styles i { width: 16px; height: 16px; border: 1px solid var(--share-border); border-radius: 50%; background: #0e0f11; }
.share-image-styles [data-share-image-style="light"] i { background: #f7f8fa; }
.share-dialog canvas { display: block; width: 100%; height: auto; border-radius: 14px; }
.share-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 20px; }
.share-status { flex: 1 0 100%; min-height: 18px; color: var(--positive); font-size: 12px; }
.share-copy { flex: 1; min-height: 44px; padding: 10px 18px; border: 0; border-radius: 10px; background: var(--share-action); color: var(--share-action-text); font-weight: 650 !important; }
.share-copy:disabled { opacity: .55; cursor: wait; }
.share-download { min-height: 44px; padding: 10px 16px; border: 1px solid var(--share-border); border-radius: 10px; background: var(--share-panel); color: var(--share-text); }
.share-dialog button:focus-visible, .share-spread:focus-visible { outline: 3px solid var(--share-focus); outline-offset: 3px; }
:root[data-theme] .share-dialog {
  --share-panel: var(--panel); --share-panel-soft: var(--panel-raised); --share-message: var(--panel);
  --share-tint: var(--bg-soft); --share-border: var(--line-strong); --share-text: var(--text);
  --share-muted: var(--muted); --share-muted-2: var(--muted-2); --share-action: var(--accent);
  --share-action-text: var(--accent-ink); --share-link: var(--blue); --share-focus: var(--focus-ring);
  --share-shadow: var(--shadow-color);
}
@media (max-width: 760px) { .opportunity-row .share-spread { position: absolute; top: 10px; right: 10px; } .opportunity-row .status-block { padding-right: 44px; } }
@media (max-width: 480px) { .share-dialog { padding: 18px; border-radius: 18px; } .share-telegram { padding: 12px; } .share-message { padding: 15px; font-size: 13px; } .share-formats button { font-size: 11px; gap: 5px; } .share-image-styles button { font-size: 11px; } .share-header h2 { font-size: 23px; } .share-copy, .share-download { padding-inline: 10px; font-size: 12px !important; } }