/* css/ebay.css - the eBay asking-price panel.

   Shared by the store's detail view and the admin's inventory rows, so the two
   look identical and stay that way. Everything is scoped under .ebay-panel and
   uses the theme variables both pages already define, which is what lets the
   same markup sit on a store card and inside an admin inv-card.
   Loaded by index.html and admin/index.html; the renderer is js/ebaypanel.js. */

  /* eBay live-price panel (detail view) */
  .ebay-panel{
    margin-top:18px;border:1px solid var(--line);border-radius:14px;
    background:var(--panel);padding:14px 14px 12px;
  }
  .ebay-panel .eb-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
  .ebay-panel .eb-h{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink);}
  .ebay-panel .eb-h span{color:var(--muted);font-weight:500;font-size:11px;}
  .ebay-panel .eb-sum{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;}
  .ebay-panel .eb-sum b{font-family:var(--display);color:var(--accent);font-weight:600;}
  .ebay-panel .eb-sum .k{color:var(--muted);margin-right:5px;}
  .ebay-panel .eb-avg{font-family:var(--display);font-size:22px;font-weight:600;color:var(--accent);letter-spacing:.01em;}
  .ebay-panel .eb-avg small{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:.02em;margin-left:6px;font-family:inherit;}
  .ebay-panel .eb-trend{display:flex;align-items:center;gap:10px;margin:9px 0 2px;}
  .ebay-panel .eb-trend-lbl{flex:0 0 auto;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);}
  .ebay-panel .eb-trend .spark{flex:1 1 auto;min-width:0;width:100%;height:30px;opacity:.92;}
  .ebay-panel .eb-trend.lite{color:var(--faint);}
  .ebay-panel .eb-trend-note{flex:1 1 auto;min-width:0;font-size:11px;color:var(--faint);letter-spacing:.01em;}
  .ebay-panel .eb-delta{flex:0 0 auto;font-family:var(--display);font-size:13px;font-weight:600;}
  .ebay-panel .eb-delta small{font-family:var(--body);font-weight:500;font-size:10.5px;color:var(--muted);
    margin-left:5px;letter-spacing:.02em;}
  .ebay-panel .eb-list{margin-top:11px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;}
  .ebay-panel .eb-row{display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:8px 4px;border-top:1px solid var(--line);text-decoration:none;color:inherit;}
  .ebay-panel .eb-row:first-child{border-top:none;}
  .ebay-panel .eb-row:hover{background:var(--accent-soft);}
  .ebay-panel .eb-t{font-size:12.5px;color:var(--text-soft);line-height:1.3;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  .ebay-panel .eb-pr{flex:0 0 auto;text-align:right;font-size:13px;font-family:var(--display);font-weight:600;color:var(--ink);}
  .ebay-panel .eb-pr small{display:block;font-size:10.5px;color:var(--muted);font-weight:500;letter-spacing:.01em;font-family:inherit;}
  .ebay-panel .eb-foot{margin-top:9px;font-size:10.5px;color:var(--faint);letter-spacing:.02em;}
  .ebay-panel .eb-msg{font-size:12.5px;color:var(--muted);padding:4px 0;}
