/* sample-detail.css — overrides on landing.css */
.workspace--detail{padding-top:32px}
.back-link{display:inline-block;margin-bottom:20px;font-size:14px}
.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.detail-head__title{margin:0 0 8px}
.detail-head .chip{margin-left:0}
.detail-head__id{font-size:13px;color:var(--ink-500);font-feature-settings:"tnum" 1}

.detail-timeline{
  background:#fff;border:1px solid rgba(15,27,51,.06);border-radius:var(--r-md);
  padding:20px 24px;margin-bottom:24px;
}
.detail-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;
}
.detail-card{
  background:#fff;border:1px solid rgba(15,27,51,.06);border-radius:var(--r-md);
  padding:18px 20px;
}
.detail-card__title{
  font-size:12px;font-weight:700;color:var(--ink-600);letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;
}
.detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.detail-list li{font-size:14px;color:var(--ink-800)}
.detail-amount{font-size:22px;font-weight:800;color:var(--ink-900);margin:0 0 6px}
.detail-status{font-size:13px;color:var(--ink-600);margin:0}
.detail-source{font-size:14px;color:var(--brand-600);word-break:break-all}

.detail-section{background:#fff;border:1px solid rgba(15,27,51,.06);border-radius:var(--r-md);padding:20px 24px;margin-bottom:24px}
.qc-player{
  aspect-ratio:16/9;background:var(--ink-100);border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;color:var(--ink-500);font-size:14px;
}
.detail-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.detail-unlocked{margin-bottom:24px}
.unlock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.detail-evidence .detail-list li{font-size:13px;color:var(--ink-600)}

/* ---- 决策提示 / 跳转入口(详情页) ---- */
.detail-tip{margin:0 0 16px;font-size:13px;font-weight:700;color:var(--brand-600)}

/* ---- 空态(物流跟踪页) ---- */
.track-empty{padding:32px 0;text-align:center}
.track-empty__title{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--ink-800)}
.track-empty__sub{margin:0;font-size:13px;color:var(--ink-500)}

/* ---- 空态 / 异常兜底（样品详情页） ---- */
.detail-state{padding:48px 24px;border:1px solid rgba(15,27,51,.06);border-radius:var(--r-md);background:#fff}
.detail-state__actions{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}
.detail-state__actions .btn{width:auto}

/* ---- 验货视频播放器 ---- */
.qc-player{position:relative;overflow:hidden}
.qc-player video{width:100%;height:100%;object-fit:contain;background:#000;border-radius:var(--r-md);display:block}
.qc-player__ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:16px}
.qc-player__ph b{font-size:14px;color:var(--ink-700);font-weight:700}
.qc-player__ph span{font-size:12px;color:var(--ink-500)}
.qc-player__nolink{font-size:12px;color:var(--ink-500);margin-top:8px;word-break:break-all}

/* ---- 纠纷原因弹窗 ---- */
.ds-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px}
.ds-modal[hidden]{display:none}
.ds-modal__mask{position:absolute;inset:0;background:rgba(15,27,51,.45);backdrop-filter:blur(2px)}
.ds-modal__card{position:relative;background:#fff;border-radius:var(--r-md);width:100%;max-width:520px;
  max-height:calc(100vh - 40px);overflow:auto;padding:24px;box-shadow:0 18px 48px rgba(15,27,51,.22)}
.ds-modal__title{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--ink-900)}
.ds-modal__sub{margin:0 0 18px;font-size:13px;color:var(--ink-500)}
.ds-modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}
.ds-field{border:0;padding:0;margin:0 0 16px}
.ds-label{display:block;font-size:12px;font-weight:700;color:var(--ink-700);margin-bottom:8px;padding:0}
.ds-radio{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--ink-200,rgba(15,27,51,.1));
  border-radius:10px;margin-bottom:8px;font-size:13px;color:var(--ink-800);cursor:pointer}
.ds-radio input{margin-top:2px;flex:0 0 auto}
.ds-textarea{width:100%;border:1px solid rgba(15,27,51,.14);border-radius:10px;padding:10px 12px;font-size:13px;
  font-family:inherit;color:var(--ink-900);resize:vertical}
.ds-textarea:focus{outline:2px solid var(--brand-600);outline-offset:1px}
.ds-err{margin:8px 0 0;font-size:12px;font-weight:700;color:var(--danger-600,#DC2626)}
.ds-note{margin:12px 0 0;font-size:12px;color:var(--ink-500)}

@media (max-width:560px){
  .detail-state{padding:32px 16px}
  .ds-modal__actions .btn{width:100%}
}
@media (max-width:560px){
  .detail-actions .btn{width:100%}
  .unlock-grid{grid-template-columns:1fr}
}

/* CMD-120：后台连接面板（仅 ?ops=1 显示）+ 真反馈提示 */
.ops-panel{display:block;margin:0 0 16px}
.ops-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.ops-row .ds-label{margin:0;flex:0 0 auto}
.ops-input{flex:1 1 200px;min-width:160px;border:1px solid rgba(15,27,51,.14);border-radius:10px;
  padding:9px 12px;font-size:13px;font-family:inherit;color:var(--ink-900);background:#fff}
.ops-input:focus{outline:2px solid var(--brand-600);outline-offset:1px}
.ops-row .btn{flex:0 0 auto;padding:9px 16px}
.ops-status{margin:6px 0 0;font-size:12px;font-weight:700;color:var(--ink-500)}
.ops-status--on{color:var(--ok-600,#0E9F6E)}
.ops-status--err{color:var(--danger-600,#DC2626)}
.ops-badge{display:inline-block;margin:0 0 12px;padding:5px 12px;border-radius:999px;
  background:rgba(14,159,110,.1);color:var(--ok-700,#047857);font-size:12px;font-weight:700}
.detail-tip--err{color:var(--danger-600,#DC2626);font-weight:700}