/* Night Sky v4-a Liquid flux, Orb, DocShield, and Aurora halo. */
.liquid-progress { position:relative; height:10px; width:100%; }
.liquid-progress .constellation-line { position:absolute; inset:0; height:10px; border-radius:999px; background:#18333d; }
.liquid-progress .progress-fill { position:absolute; inset:0; border-radius:999px; overflow:hidden; transform-origin:left; background:linear-gradient(90deg,#2f8c8b,#6bbdbd 58%,#d7ffff); animation:liquid-breathe 3.6s ease-in-out infinite; }
.liquid-progress .progress-aura { position:absolute; left:0; top:-9px; width:100%; height:28px; border-radius:999px; transform-origin:left center; background:linear-gradient(transparent,#6bbdbd80 45%,#6bbdbd80 55%,transparent); pointer-events:none; animation:flux-breathe 3.6s ease-in-out infinite; }
.liquid-progress .fill-glow { position:absolute; right:-8px; top:50%; width:18px; height:18px; border-radius:50%; background:radial-gradient(circle,#d7ffffaa,#baffff55 35%,transparent 70%); transform:translateY(-50%); }
.liquid-progress .trail-sheen { position:absolute; inset:0 auto 0 -40%; width:42%; background:linear-gradient(90deg,transparent,#ffffff75,transparent); animation:flux-sheen 2.8s ease-in-out infinite; }
.liquid-progress .progress-marker { position:absolute; top:2px; width:6px; height:6px; border-radius:50%; background:#718e9a; opacity:.6; transform:translateX(-50%); }
.liquid-progress .progress-marker.is-passed { background:#b7eee6; opacity:.65; }
.liquid-progress .progress-leader { position:absolute; top:5px; left:0; width:14px; height:14px; z-index:4; isolation:isolate; }
.liquid-progress .progress-leader svg { position:relative; display:block; width:100%; height:100%; overflow:visible; }
.liquid-progress .progress-leader circle { vector-effect:non-scaling-stroke; }
.liquid-progress .leader-glow { position:absolute; left:50%; top:50%; width:44px; height:44px; transform:translate(-50%,-50%); background:radial-gradient(circle,#b7eee6b3,#85c9c366 36%,transparent 70%); animation:flux-breathe 3.6s ease-in-out infinite; }
@keyframes flux-breathe { 0%,100% {opacity:.5} 50% {opacity:.95} }
@keyframes flux-sheen { 0%,100% {transform:translateX(0);opacity:.3} 50% {transform:translateX(340%);opacity:.85} }
@keyframes liquid-breathe { 50% {opacity:.9} }
#fileMoment { display:grid; grid-template-columns:72px minmax(0,1fr); align-items:center; column-gap:13px; text-align:left; }
#fileMoment[hidden] { display:none; }
#fileMoment .check-progress { display:none; }
#fileMoment .file-graphic { width:72px; min-width:0; align-self:center; }
#fileMoment .file-copy { min-width:0; text-align:left; overflow-wrap:anywhere; }
#fileMoment .file-copy > * { text-align:left; }
#fileMoment .file-result { margin-top:4px; font-size:16px; line-height:1.22; }
#fileMoment .file-detail { margin-top:4px; overflow-wrap:anywhere; }
#fileMoment.ready .file-detail:empty { display:none; }
#fileMoment .shield-status { display:block; font-size:11px; line-height:1.25; color:var(--muted); }
#fileMoment.ready .shield-status { color:#b7eee6; }
.upload-debug { display:block; margin-top:4px; font:10px/1.2 monospace; color:var(--muted); }
.upload-debug[hidden] { display:none; }
#fileMoment .docshield-loader { min-height:0; width:72px; height:88px; gap:0; }
#fileMoment .docshield-loader .upload-mark { flex:0 0 88px; width:72px; height:88px; }
.docshield-loader { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:100px; text-align:center; }
.docshield-loader .upload-mark { position:relative; display:block; flex:0 0 92px; height:100px; }
.docshield-loader .docshield { position:relative; z-index:1; width:100%; height:100%; overflow:visible; }
.docshield-loader .shield-bed,.docshield-loader .document-line,.docshield-loader .shield-star { fill:#6BBDBD; opacity:.2; }
.docshield-loader .shield-trace,.docshield-loader .shield-halo { fill:none; stroke:#b7eee6; stroke-width:12; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:25 75; stroke-dashoffset:0; opacity:.005; }
.docshield-loader .shield-halo { stroke-width:26; stroke-opacity:.18; }
.docshield-loader .upload-mark::after { content:''; position:absolute; left:50%; top:67.5%; width:64%; height:52%; transform:translate(-50%,-50%); background:radial-gradient(ellipse,#85c9c366,#85c9c31a 38%,transparent 70%); opacity:var(--shield-glow,0); pointer-events:none; }
.docshield-loader.ready .shield-bed,.docshield-loader.ready .document-line,.docshield-loader.ready .shield-star { opacity:1!important; }
.docshield-loader.ready .shield-trace,.docshield-loader.ready .shield-halo { opacity:0!important; }
.shield-status { font-size:14px; color:var(--muted); }
.upload-box.has-file .file-mark { display:none; }
.file-info-body { flex:1 1 auto; min-width:0; max-width:100%; }
.file-info-name { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.file-info { max-width:100%; }
.docshield-loader.failed .shield-status { color:#e9b4aa; }
/* Isolate the existing Aurora pseudo-element so its negative layer stays visible. */
.aligned .summary-card { isolation:isolate; }
.aligned .summary-card::before { pointer-events:none; }
.aligned .story-heading { position:relative; z-index:1; }
@media(max-width:760px) {
  /* The existing 106px story panel fits two lines; use its Read more control. */
  .aligned .tracker:not(.expanded) .summary-line { -webkit-line-clamp:2; }
  .docshield-loader { min-height:82px; gap:12px; }
  .docshield-loader .upload-mark { flex-basis:70px; height:82px; }
  .liquid-progress .progress-marker { top:2.5px; width:5px; height:5px; }
}
@media(prefers-reduced-motion:reduce) {
  .liquid-progress *, .summary-card::before { animation:none!important; transition:none!important; }
  .liquid-progress .trail-sheen { opacity:0; }
  .docshield-loader .shield-trace,.docshield-loader .shield-halo { opacity:0!important; }
}
