/* R25 prerecorded artwork. Existing page layout, masks and controls stay in place. */
video.dc-particle-surface[data-particle-background],
video.dc-particle-surface[data-particle-background] + img.dc-particle-poster {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:-2;
  pointer-events:none;
  border:0;
  opacity:1;
}

/* Keep a real still image above a paused, failed or policy-blocked video. */
video.dc-particle-surface[data-particle-background][data-particle-state="poster"] {
  opacity:0;
}
video.dc-particle-surface[data-particle-background][data-particle-state="playing"] + img.dc-particle-poster {
  opacity:0;
}

/* The existing workspace rule halves every .tide-canvas; R25 already has its
   accepted colour/brightness, so the two new media layers use full opacity. */
.workspace-page video.dc-particle-surface[data-particle-background][data-particle-state="playing"],
.workspace-page video.dc-particle-surface[data-particle-background] + img.dc-particle-poster {
  opacity:1;
}
.workspace-page video.dc-particle-surface[data-particle-background][data-particle-state="playing"] + img.dc-particle-poster {
  opacity:0;
}

/* Company characters are static; the original graphic logo script is separate. */
.entry .entry-copy,
.entry .company-tide,
.entry .company-tide span {
  animation:none !important;
}
.entry .company-tide,
.entry .company-tide span {
  transition:none;
  transform:none;
  text-shadow:none;
}
.entry.auth-submitting .company-tide { opacity:1; }

@media (prefers-reduced-motion:reduce) {
  video.dc-particle-surface[data-particle-background][data-particle-state] { opacity:0 !important; }
  video.dc-particle-surface[data-particle-background] + img.dc-particle-poster { opacity:1 !important; }
}

/* R62_LOGIN_COMPACT_BEGIN: modestly tighten only the existing login form. */
.entry-body .login-layout {
  grid-template-columns:minmax(0,1fr) 304px;
}
.entry-body .login-panel { padding:24px; }
.entry-body .login-form input { min-height:42px; padding-top:9px; padding-bottom:9px; }
.entry-body .login-form .tide-enter { margin-top:16px; padding-top:10px; padding-bottom:10px; }
.entry-body .account-field { margin-bottom:15px; }
@media (max-width:950px) {
  .entry-body .login-layout { grid-template-columns:minmax(0,1fr) 292px; }
  .entry-body .login-panel { padding:22px; }
}
@media (max-width:700px) {
  .entry-body .login-layout { grid-template-columns:1fr; }
  .entry-body .login-panel { width:min(320px,100%); padding:22px; }
  .entry-body .login-form input,
  .entry-body .login-form .tide-enter { min-height:44px; }
}
/* R62_LOGIN_COMPACT_END */

/* R62_WORKSPACE_BRANDS_BEGIN: reuse the original, authorized store marks. */
.workspace-page .workspace-icons { display:flex; gap:8px; align-items:center; padding-right:0; }
.workspace-page .workspace-icons .workspace-brand {
  width:48px;
  height:42px;
  margin:0;
  padding:6px;
  border-radius:6px;
  border:1px solid #b4c6cd66;
  background:#e2e9eb;
  box-shadow:none;
}
.workspace-page .workspace-icons .workspace-brand[data-store="CDOU"] { width:76px; }
.workspace-page .workspace-brand img { display:block; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.workspace-page .workspace-info { flex:1; min-width:0; }
@media (max-width:700px) {
  .workspace-page .workspace-option { flex-wrap:nowrap; gap:12px; }
  .workspace-page .workspace-icons .workspace-brand { width:38px; height:36px; padding:5px; }
  .workspace-page .workspace-icons .workspace-brand[data-store="CDOU"] { width:64px; }
}
/* R62_WORKSPACE_BRANDS_END */

/* R25_GPU_NATIVE_BEGIN: native pixels; preserve the original media geometry. */
video.dc-particle-surface[data-particle-background] { opacity:0 !important; }
.dc-particle-gpu-surface {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  z-index:-2;
  pointer-events:none;
  border:0;
  opacity:0;
}
.dc-particle-gpu-surface[data-particle-gpu-ready="true"],
.workspace-page .dc-particle-gpu-surface[data-particle-gpu-ready="true"] { opacity:1; }
.dc-particle-gpu-base,
.dc-particle-gpu-canvas {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  border:0;
}
video.dc-particle-surface[data-particle-background][data-particle-gpu-ready="true"] + img.dc-particle-poster {
  opacity:0 !important;
}
/* R25_GPU_NATIVE_END */