/* MVG v61.2 — Trust Center polish
   - Copy-for-auditors block (Jira / ServiceNow / Plain)
   - Receipt chain map micro-motion (one-shot; reduced-motion friendly)
   No external deps.
*/

.page-trust-center .trust-copy{
  padding: 18px 18px 14px 18px;
}

.page-trust-center .trust-copy-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.page-trust-center .trust-copy-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.page-trust-center .ticket-format{
  display:inline-flex;
  border:1px solid rgba(127,127,127,.22);
  border-radius: 999px;
  overflow:hidden;
  background: rgba(127,127,127,.06);
}

.page-trust-center .fmt-btn{
  appearance:none;
  border:0;
  background:transparent;
  padding: 8px 10px;
  font: inherit;
  font-size: 13px;
  cursor:pointer;
  color: inherit;
  opacity:.78;
}

.page-trust-center .fmt-btn[aria-pressed="true"]{
  opacity: 1;
  background: rgba(127,127,127,.12);
}

.page-trust-center .fmt-btn:focus{
  outline:2px solid rgba(124,92,255,.45);
  outline-offset:2px;
}

.page-trust-center .trust-copy-text{
  width:100%;
  margin-top: 12px;
  border-radius: 14px;
  padding: 12px 12px;
  font-size: 13px;
  line-height: 1.35;
  resize: vertical;
}

/* Chain map */
.page-trust-center .chain-card{
  padding: 16px 18px;
}

.page-trust-center .chain-map{
  margin-top: 10px;
  border-radius: 16px;
  border: 1px solid rgba(127,127,127,.18);
  background: rgba(127,127,127,.04);
  padding: 10px 12px;
  overflow:hidden;
}

.page-trust-center .chain-svg{
  width:100%;
  height:auto;
  display:block;
}

.page-trust-center .chain-line{
  fill:none;
  stroke: currentColor;
  stroke-opacity: .22;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation: chainDraw 1.15s ease-out .05s forwards;
}

.page-trust-center .chain-flow{
  fill:none;
  stroke: currentColor;
  stroke-opacity: .65;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-dasharray: 26 22;
  stroke-dashoffset: 680;
  animation: chainDash 2.2s ease-in-out .45s 1 forwards;
}

.page-trust-center .node-core{
  fill: currentColor;
  fill-opacity: .78;
}

.page-trust-center .node-halo{
  fill:none;
  stroke: currentColor;
  stroke-opacity: .16;
  stroke-width: 2;
  transform-origin: center;
  opacity: 0;
  animation: nodePulse .9s ease-out 1.1s 1 forwards;
}

.page-trust-center .chain-label{
  fill: currentColor;
  fill-opacity: .78;
  font-size: 12px;
  letter-spacing: .02em;
}

@keyframes chainDraw{
  to { stroke-dashoffset: 0; }
}

@keyframes chainDash{
  0% { stroke-dashoffset: 680; opacity: 0; }
  20% { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes nodePulse{
  0% { opacity: 0; transform: scale(.88); }
  40% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.22); }
}

@media (max-width: 720px){
  .page-trust-center .trust-copy-head{
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce){
  .page-trust-center .chain-line,
  .page-trust-center .chain-flow,
  .page-trust-center .node-halo{
    animation: none !important;
  }
  .page-trust-center .chain-line{
    stroke-dashoffset: 0 !important;
  }
}