/* motion finalC1016 (#75): durations / easings run on the --gw-dur-* / --gw-ease-* tokens defined in gw-base.css */
/* gw-opps.css — the Opportunity Board (/markets/opportunities/, oppboard1015). Mobile first (375 = primary): one card
   per row, chips wrap, every tap target >= 40px, no horizontal scroll. >= 1180px: one aligned grid row per opportunity
   with fixed chip columns. Grammar pieces (.gwg-steps, .gwg-chip, .gwg-mode) come from gw-quicklook.css. */
.opg #op-app{display:flex;flex-direction:column;gap:14px;margin-top:6px;min-width:0}
.opg .op-top{display:flex;flex-direction:column;gap:10px}
.opg .op-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.opg .gwg-mode button{min-height:40px}
.opg .op-empty{margin:0;padding:18px;border-radius:12px;background:var(--gw-surface,#170d0d);border:1px solid var(--gw-line,#3a2828);color:var(--gw-text-2,#d9d1cd);font-size:14px}

/* filters */
.opg .op-sports{display:flex;flex-wrap:wrap;gap:6px}
.opg .op-sports button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--gw-line,#3a2828);background:var(--gw-surface,#170d0d);color:var(--gw-text-2,#d9d1cd);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.opg .op-sports button i{font-style:normal;font-weight:600;color:var(--gw-faint,#8f8480);margin-left:2px}
.opg .op-sports button[aria-pressed="true"]{border-color:rgba(212,160,23,.65);background:rgba(212,160,23,.12);color:var(--gw-gold,#fbbf24)}
.opg .op-sports button[aria-pressed="true"] i{color:var(--gw-gold-soft,#fcd34d)}
.opg .op-fbox{border-radius:12px;border:1px solid var(--gw-line,#3a2828);background:var(--gw-surface,#170d0d);padding:0 12px}
.opg .op-fbox>summary{min-height:44px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:750;color:var(--gw-text,#f6f2ef);cursor:pointer;list-style:none}
.opg .op-fbox>summary::-webkit-details-marker{display:none}
.opg .op-fbox>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--gw-muted,#ab9f9a);border-bottom:2px solid var(--gw-muted,#ab9f9a);transform:rotate(45deg);transition:transform var(--gw-dur-fast,150ms)}
.opg .op-fbox[open]>summary::after{transform:rotate(-135deg)}
.opg .op-fn{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(212,160,23,.18);color:var(--gw-gold,#fbbf24);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.opg .op-fs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 0 12px}
.opg .op-f{display:flex;flex-direction:column;gap:3px;min-width:0}
.opg .op-f span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gw-muted,#ab9f9a)}
.opg .op-f select{min-height:40px;width:100%;min-width:0;padding:0 10px;border-radius:10px;border:1px solid var(--gw-line,#3a2828);background:var(--gw-surface-2,#201414);color:var(--gw-text,#f6f2ef);font:inherit;font-size:14px}
.opg .op-tg{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--gw-line,#3a2828);background:var(--gw-surface,#170d0d);color:var(--gw-text-2,#d9d1cd);font-size:13.5px;font-weight:700;align-self:end;cursor:pointer;text-decoration:none}
.opg .op-tg input{width:20px;height:20px;accent-color:#d4a017;margin:0}
.opg .op-tg-set{color:var(--gw-gold,#fbbf24);border-style:dashed;justify-content:center}

/* rows: phone card */
.opg .op-list{display:flex;flex-direction:column;gap:10px;min-width:0}
.opg .op-thead{display:none}
.opg .op-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main best" "chips chips" "yours yours" "acts acts" "st st";gap:8px 10px;
  padding:12px;border-radius:14px;background:var(--gw-surface,#170d0d);border:1px solid var(--gw-line,#3a2828);min-width:0}
.opg .op-rank{position:absolute;top:-7px;left:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--gw-surface-3,#2a1b1b);border:1px solid var(--gw-line-strong,#4e3636);color:var(--gw-gold-soft,#fcd34d);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.opg .op-main{grid-area:main;display:flex;flex-direction:column;gap:6px;min-width:0;min-height:40px;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.opg .op-main:focus-visible{outline:2px solid var(--gw-gold,#fbbf24);outline-offset:3px;border-radius:8px}
.opg .op-game{display:flex;align-items:center;gap:8px;min-width:0}
.opg .op-logos{flex:none;display:inline-flex}
.opg .op-logos img{width:26px;height:26px;object-fit:contain;display:inline-block}
.opg .op-mono{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:850;letter-spacing:.02em;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);flex:none}
.opg .op-side .op-mono{width:22px;height:22px;font-size:9px}
.opg .op-logos>*+*{margin-left:-4px}
.opg .op-gt{display:flex;flex-direction:column;min-width:0}
.opg .op-gt b{font-size:14px;font-weight:750;color:var(--gw-text,#f6f2ef);line-height:1.25;overflow-wrap:anywhere}
.opg .op-gt small{font-size:12px;color:var(--gw-muted,#ab9f9a);line-height:1.3}
.opg .op-pick{display:flex;flex-direction:column;gap:2px;min-width:0}
.opg .op-mk{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gw-muted,#ab9f9a)}
.opg .op-side{display:flex;align-items:center;gap:6px;min-width:0}
.opg .op-side img{width:22px;height:22px;object-fit:contain;flex:none}
.opg .op-side b{font-size:17px;font-weight:800;color:var(--gw-text,#f6f2ef);overflow-wrap:anywhere;line-height:1.2}
.opg .op-main:hover .op-side b{color:var(--gw-gold-soft,#fcd34d)}
.opg .op-best{grid-area:best;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:4px;text-align:right}
.opg .op-price{font-size:20px;font-weight:850;color:var(--gw-text,#f6f2ef);font-variant-numeric:tabular-nums;line-height:1}
.opg .op-bk{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;color:var(--gw-text-2,#d9d1cd);white-space:nowrap}
.opg .op-bk img{height:14px;width:auto;max-width:56px;border-radius:3px}
.opg .op-bk img.lt{background:#f4f1ee;padding:1px 3px}
.opg .op-ok{color:var(--gw-good,#4ade80);font-weight:800;font-size:12.5px}
.opg .op-chips{grid-area:chips;display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.opg .op-chips .gwg-chip{min-height:28px;font-size:12.5px;white-space:nowrap}
.opg .op-sub{font-weight:600;opacity:.8}
.opg .op-ml{font-weight:650}
.opg .op-dash{display:none}
.opg .op-yours{grid-area:yours;min-width:0}
.opg .op-yb{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:28px;padding:3px 10px;border-radius:10px;font-size:12.5px;font-weight:600;color:var(--gw-text-2,#d9d1cd);
  background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.28)}
.opg .op-yb b{color:var(--gw-text,#f6f2ef);font-weight:800;font-variant-numeric:tabular-nums}
.opg .op-yb .op-k{font-size:10.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#a7e3b9}
.opg .op-yb.is-best{background:rgba(74,222,128,.14)}
.opg .op-yb.is-none{background:var(--gw-slate-bg,rgba(159,179,200,.09));border-color:var(--gw-slate-line,rgba(159,179,200,.24))}
.opg .op-yb.is-none .op-k{color:var(--gw-slate-strong,#c9d6e3)}
.opg .op-acts{grid-area:acts;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opg .op-act{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--gw-line-strong,#4e3636);background:var(--gw-surface-2,#201414);
  color:var(--gw-text,#f6f2ef);font-size:13.5px;text-decoration:none}
.opg .op-act b{font-weight:750}
.opg .op-act:first-child{border-color:rgba(212,160,23,.55);color:var(--gw-gold,#fbbf24)}
.opg .op-act:hover,.opg .op-act:focus-visible{border-color:var(--gw-gold,#fbbf24)}
.opg .op-st{grid-area:st}

/* gate (signed out / Free) */
.opg .op-gate{position:relative;margin-top:-4px;padding:18px 16px;border-radius:14px;border:1px dashed rgba(212,160,23,.55);background:linear-gradient(180deg,rgba(212,160,23,.07),rgba(98,28,45,.12))}
.opg .op-gate-h{margin:0 0 10px;font-size:15px;color:var(--gw-text,#f6f2ef);line-height:1.4}
.opg .op-gate-sp{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.opg .op-gate-l{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:6px}
.opg .op-gate-l li{position:relative;padding-left:22px;font-size:13.5px;color:var(--gw-text-2,#d9d1cd)}
.opg .op-gate-l li::before{content:"\2713";position:absolute;left:0;color:var(--gw-good,#4ade80);font-weight:800}
.opg .op-gate-b{display:flex;flex-wrap:wrap;gap:8px}
.opg .op-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--gw-line-strong,#4e3636);background:var(--gw-surface-2,#201414);
  color:var(--gw-text,#f6f2ef);font:inherit;font-size:14px;font-weight:750;text-decoration:none;cursor:pointer;flex:1 1 140px}
.opg .op-btn-gold{border-color:rgba(212,160,23,.7);background:rgba(212,160,23,.14);color:var(--gw-gold,#fbbf24)}
.opg .op-up{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 14px;border-radius:12px;border:1px dashed rgba(212,160,23,.5);background:rgba(212,160,23,.05);font-size:13.5px;color:var(--gw-text-2,#d9d1cd)}
.opg .op-up span{flex:1 1 240px}
.opg .op-up a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;border:1px solid rgba(212,160,23,.55);color:var(--gw-gold,#fbbf24);font-weight:700;text-decoration:none}
.opg .op-legend{border-radius:12px;border:1px solid var(--gw-line,#3a2828);background:var(--gw-surface,#170d0d);padding:0 14px}
.opg .op-legend summary{min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:700;color:var(--gw-text-2,#d9d1cd);cursor:pointer}
.opg .op-legend dl{margin:0 0 12px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px}
.opg .op-legend dt{font-weight:750;color:var(--gw-text,#f6f2ef)}
.opg .op-legend dd{margin:0;color:var(--gw-text-2,#d9d1cd)}

@media (min-width:640px){
  .opg .op-fs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .opg .op-acts{grid-template-columns:repeat(2,minmax(0,160px));justify-content:start}
}
/* desktop (content ~930px beside the rail at 1440): one aligned grid row per opportunity, chips in fixed columns */
@media (min-width:1180px){
  .opg .op-fs{grid-template-columns:repeat(6,minmax(0,1fr))}
  .opg .op-list{gap:0;border:1px solid var(--gw-line,#3a2828);border-radius:14px;overflow:hidden;background:var(--gw-surface,#170d0d)}
  .opg .op-thead,.opg .op-row{display:grid;grid-template-columns:26px minmax(0,1fr) 92px 342px 100px;grid-template-areas:"rank main best chips acts";column-gap:10px;align-items:center}
  .opg .op-list.has-edge .op-thead,.opg .op-list.has-edge .op-row{grid-template-columns:26px minmax(0,1fr) 92px 408px 100px}
  .opg .op-thead{padding:10px 12px;font-size:10.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--gw-muted,#ab9f9a);border-bottom:1px solid var(--gw-line,#3a2828);background:var(--gw-surface-2,#201414)}
  .opg .op-thead>span:nth-child(3){text-align:right}
  .opg .op-thead>span:last-child{text-align:center}
  .opg .op-row{grid-template-areas:"rank main best chips acts" "rank yours yours yours acts" "rank st st st st";row-gap:6px;border:0;border-radius:0;border-bottom:1px solid var(--gw-line-soft,#281a1a);padding:10px 12px;background:none}
  .opg .op-row:nth-child(even){background:var(--gw-zebra,rgba(255,236,230,.03))}
  .opg .op-row:last-child{border-bottom:0}
  .opg .op-row:hover{background:rgba(212,160,23,.05)}
  .opg .op-rank{position:static;grid-area:rank;justify-self:start}
  .opg .op-main{gap:4px}
  .opg .op-gt b{font-size:13.5px}
  .opg .op-side b{font-size:16px}
  .opg .op-price{font-size:18px}
  .opg .op-chips{display:grid;grid-template-columns:70px 76px 84px 94px;gap:6px;align-items:center}
  .opg .op-list.has-edge .op-chips{grid-template-columns:70px 76px 84px 94px 60px}
  .opg .op-chips>*{justify-self:start;max-width:100%;min-width:0}
  .opg .op-chips .gwg-chip{font-size:12px;padding:2px 8px}
  .opg .op-c-rob .op-sub{display:none}
  .opg .op-c-mv .gwg-chip{flex-direction:column;align-items:flex-start;gap:0;border-radius:10px;white-space:normal;line-height:1.2;padding:3px 8px}
  .opg .op-c-mv .op-ml{display:block;font-size:10.5px;font-weight:650;opacity:.9}
  .opg .op-dash{display:inline;color:var(--gw-faint,#8f8480);padding-left:10px}
  .opg .op-hchips{display:grid}
  .opg .op-acts{grid-area:acts;grid-template-columns:1fr;gap:4px;align-self:center}
  .opg .op-act{font-size:12.5px;padding:0 6px}
  .opg .op-yours:empty{display:none}
}
/* shadowmode1016 (#108): a third action, "Shadow" (Analytics+ rows): three equal buttons on phones / tablets; on desktop a
   compact text link under Verify / Track so the row keeps its height */
.opg .op-acts3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:640px){.opg .op-acts3{grid-template-columns:repeat(3,minmax(0,120px))}}
@media (min-width:1180px){
  .opg .op-acts3{grid-template-columns:1fr}
  .opg .op-acts3 .op-act:nth-child(3){min-height:24px;border:0;background:none;font-size:12px;color:var(--gw-muted,#ab9f9a);text-decoration:underline dotted}
  .opg .op-acts3 .op-act:nth-child(3):hover{color:var(--gw-gold,#fbbf24)}
}