/*!
 * web/assets/css/index/17-product-share.css
 * 商品分享面板（components/product-share.js）—— 2026-09-16
 * 与销售开单共用同一套控制项：字段开关 / 展示设置 / 合并链接 / 自定义价 / 二维码 / 复制。
 */

/* 商品分享全屏层：压在分享卡（+70）之上，同一套偏移（#162 不再写死数字） */
.gpps{ position: fixed; inset: 0; z-index: calc(var(--gp-ztop,2000) + 80); display: none; }
.gpps--show{ display: block; }
.gpps__mask{ position: absolute; inset: 0; background: rgba(0,0,0,.45); }
.gpps__panel{
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: min(94vw, 480px); max-height: 90vh;
  display: flex; flex-direction: column;
  background: var(--cd, #fff); color: var(--tc, #1c1c1e);
  border-radius: 16px; box-shadow: 0 12px 40px rgba(0,0,0,.22); overflow: hidden;
}
.gpps__head{
  display: flex; align-items: center; gap: 6px;
  padding: 12px 14px; border-bottom: 1px solid var(--bd, #e5e5ea); flex: 0 0 auto;
}
.gpps__title{ font-size: 15px; font-weight: 600; }
.gpps__cnt{ font-size: 12px; color: var(--ts, #636366); }
.gpps__head .gpps__x{
  margin-left: auto; appearance: none; border: 0; background: transparent;
  color: var(--ts, #636366); font-size: 16px; padding: 6px; cursor: pointer; border-radius: 50%;
}
.gpps__head .gpps__x:hover{ background: var(--cb, #f2f2f7); }
.gpps__body{ flex: 1 1 auto; min-height: 0; overflow: auto; padding: 12px 14px; }
.gpps__grp{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--bd, #e5e5ea); }
.gpps__lb{ font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.gpps__lb2{ font-size: 13px; color: var(--tc, #1c1c1e); }
.gpps__hint{ font-size: 11px; color: var(--ts, #636366); }
.gpps__row{ display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }
.gpps__cb{ display: inline-flex; align-items: center; gap: 5px; font-size: 13px; cursor: pointer; }
.gpps__cb input{ width: 15px; height: 15px; }
.gpps__num{
  width: 120px; height: 30px; padding: 0 8px;
  border: 1px solid var(--bd, #e5e5ea); border-radius: 8px;
  background: var(--cd, #fff); color: var(--tc, #1c1c1e); font-size: 13px;
}
.gpps__apply{
  margin-top: 10px; appearance: none; height: 32px; padding: 0 16px;
  border: 1px solid var(--pc, #007AFF); border-radius: 999px;
  background: transparent; color: var(--pci, #007AFF); font-size: 13px; cursor: pointer;
}
.gpps__apply:hover{ background: rgba(0,122,255,.08); }
.gpps__links{ padding-top: 4px; }
.gpps__loading{ padding: 18px 0; text-align: center; color: var(--ts, #636366); font-size: 13px; }
.gpps__link{
  display: flex; gap: 10px; align-items: flex-start;
  padding: 8px 0; border-bottom: 1px solid var(--bd, #e5e5ea);
}
.gpps__qr{ width: 96px; height: 96px; flex: none; background: #fff; border-radius: 8px; }
.gpps__linkbody{ flex: 1 1 auto; min-width: 0; }
.gpps__pname{ font-size: 13px; font-weight: 600; margin-bottom: 2px; }
.gpps__url{ font-size: 12px; color: var(--ts, #636366); word-break: break-all; margin-bottom: 6px; }
.gpps__foot{
  display: flex; gap: 8px; padding: 12px 14px calc(env(safe-area-inset-bottom,0px) + 12px);
  border-top: 1px solid var(--bd, #e5e5ea); flex: 0 0 auto;
}
.gpps__btn{
  appearance: none; height: 40px; padding: 0 16px; border-radius: 999px;
  border: 1px solid var(--bd, #e5e5ea); background: var(--cd, #fff);
  color: var(--tc, #1c1c1e); font-size: 14px; cursor: pointer; transition: background .15s ease;
}
.gpps__btn:hover{ background: var(--cb, #f2f2f7); }
.gpps__btn--sm{ height: 30px; padding: 0 12px; font-size: 12px; }
.gpps__btn--pri{ flex: 1 1 auto; background: var(--pc, #007AFF); border-color: var(--pc, #007AFF); color: #fff; font-weight: 600; }
.gpps__btn--pri:hover{ filter: brightness(.94); }

:root.dark .gpps__panel{ background: #1c1c1e; color: #f5f5f7; }
:root.dark .gpps__num,
:root.dark .gpps__btn{ background: #2c2c2e; border-color: #38383a; color: #f5f5f7; }
:root.dark .gpps__btn--pri{ background: #007AFF; border-color: #007AFF; color: #fff; }