/* Evidence comparison, visual source honesty, opening personnel dossiers. */
.discrepancy {
  position:relative;
  max-width:1250px;
  margin:auto;
  border:1px solid rgba(231,220,199,.16);
  box-shadow:0 20px 90px rgba(0,0,0,.3);
  background:rgba(10,13,15,.8)
}
.discrepancy__toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  flex-wrap:wrap;
  padding:19px 25px;
  border-bottom:1px solid rgba(231,220,199,.14)
}
.discrepancy__controls {
  display:flex;
  align-items:center;
  gap:5px
}
.discrepancy__controls button {
  border:1px solid rgba(231,220,199,.15);
  padding:10px 13px;
  color:#abb6b6;
  font-family:var(--font-mono);
  font-size:0.875rem;
  letter-spacing:.05em;
  transition:border-color 200ms,background 200ms
}
.discrepancy__controls button:hover {
  border-color:var(--warm-paper);
  color:var(--warm-paper)
}
.discrepancy__controls button.is-active {
  color:var(--witness-white);
  background:rgba(156,51,54,.28);
  border-color:var(--boundary-red)
}
.discrepancy__surface {
  display:grid;
  grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:clamp(20px,4vw,65px);
  min-height:550px;
  position:relative
}
.discrepancy__surface::after {
  content:'';
  position:absolute;
  pointer-events:none;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(transparent,rgba(156,51,54,.35),transparent);
  z-index:0
}
.discrepancy__between {
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  color:var(--boundary-light)
}
.discrepancy__between>span {
  font-family:var(--font-editorial);
  font-size:3.75rem;
  font-weight:400
}
.discrepancy__between small {
  font-family:var(--font-mono);
  font-size:0.875rem;
  letter-spacing:.1em;
  text-align:center;
  color:var(--custody-bluegray)
}
.evidence-file {
  position:relative;
  min-width:0;
  max-width:460px;
  min-height:450px;
  padding:clamp(18px,2.7vw,38px);
  background:var(--warm-paper);
  color:var(--paper-ink);
  box-shadow:3px 16px 40px rgba(0,0,0,.44);
  transform:rotate(-2deg);
  transition:transform 500ms var(--ease-film),opacity 400ms ease,filter 400ms ease;
  border:1px solid #d6c7b1
}
.evidence-file--beta {
  transform:rotate(2deg)
}
.evidence-file::before {
  content:'';
  position:absolute;
  inset:5px;
  border:1px solid rgba(45,47,44,.15);
  pointer-events:none
}
.evidence-file::after {
  content:'';
  position:absolute;
  left:12px;
  right:15px;
  bottom:8px;
  height:2px;
  background:rgba(156,51,54,.56);
  transform:rotate(-.5deg)
}
.evidence-file:hover {
  transform:rotate(0deg) translateY(-5px)
}
.evidence-file__top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-bottom:2px solid var(--paper-ink);
  padding-bottom:10px;
  font-family:var(--font-mono);
  font-size:0.875rem;
  letter-spacing:.13em
}
.evidence-file__barcode {
  display:inline-block;
  max-width:35%;
  height:30px;
  width:150px;
  background:repeating-linear-gradient(90deg,#222 0 2px,transparent 3px 4px,#222 5px 8px,transparent 9px 10px,#222 11px 12px,transparent 13px 16px)
}
.evidence-file>.micro {
  margin-top:26px;
  color:#5e615d
}
.evidence-file h3 {
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:clamp(1.75rem,3.2vw,2.9375rem);
  font-weight:800;
  letter-spacing:-.07em;
  margin-top:7px
}
.evidence-file__redactions {
  height:125px;
  margin-top:30px;
  display:flex;
  flex-direction:column;
  align-items:start;
  gap:13px
}
.evidence-file__redactions i {
  display:block;
  height:9px;
  background:#282b2a;
  width:90%
}
.evidence-file__redactions i:nth-child(2) {
  width:72%
}
.evidence-file__redactions i:nth-child(3) {
  width:95%
}
.evidence-file__redactions i:nth-child(4) {
  width:38%
}
.evidence-file__fields {
  display:grid;
  grid-template-columns:1fr 1.5fr;
  border:1px solid #717673;
  padding:10px;
  gap:8px;
  font-family:var(--font-mono);
  font-size:0.875rem;
  letter-spacing:.08em;
  color:#434843
}
.evidence-file__fields span:nth-child(2n) {
  text-align:right;
  font-weight:700
}
.evidence-file__stamp {
  position:absolute;
  bottom:40px;
  right:18px;
  font-family:var(--font-display);
  font-size:clamp(1.375rem,3vw,2.5625rem);
  font-weight:750;
  color:rgba(156,51,54,.45);
  border:4px solid rgba(156,51,54,.43);
  padding:2px 6px;
  transform:rotate(-11deg);
  text-transform:uppercase
}
.evidence-file__stamp--offset {
  transform:rotate(8deg)
}
.evidence-file__fine {
  position:absolute;
  left:22px;
  right:20px;
  bottom:9px;
  font-family:var(--font-mono);
  font-size:0.875rem;
  color:#72746e
}
.discrepancy__surface[data-active="alpha"] .evidence-file--beta {
  filter:grayscale(.9);
  opacity:.16;
  transform:rotate(2deg) scale(.94)
}
.discrepancy__surface[data-active="beta"] .evidence-file--alpha {
  filter:grayscale(.9);
  opacity:.16;
  transform:rotate(-2deg) scale(.94)
}
.discrepancy__surface[data-active="parallel"] .evidence-file {
  filter:none;
  opacity:1
}
.discrepancy__bottom {
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  border-top:1px solid rgba(231,220,199,.14);
  padding:18px 25px;
  font-family:var(--font-mono);
  font-size:0.875rem;
  letter-spacing:.1em;
  color:var(--custody-bluegray)
}
.discrepancy__bottom span:last-child {
  color:var(--boundary-light)
}
.dossier-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px
}
.dossier-card {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  min-width:0;
  min-height:460px;
  text-align:left;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(231,220,199,.18);
  padding:23px;
  background:linear-gradient(145deg,#3a4345,#1c2325 75%);
  transition:transform 500ms var(--ease-film),border-color 350ms,box-shadow 350ms
}
.dossier-card::before {
  content:'';
  position:absolute;
  inset:10px;
  z-index:-1;
  border:1px solid rgba(233,237,233,.06)
}
.dossier-card::after {
  content:'';
  position:absolute;
  z-index:-1;
  left:-25%;
  right:-25%;
  top:42%;
  height:1px;
  background:rgba(231,220,199,.09);
  transform:rotate(-25deg)
}
.dossier-card--imani {
  background:linear-gradient(145deg,#40545a,#1c2428 77%)
}
.dossier-card--quill {
  background:linear-gradient(145deg,#3f4141,#171d1f 79%)
}
.dossier-card--kesi {
  background:linear-gradient(145deg,#4a3e32,#211c19 79%)
}
.dossier-card--hattie {
  background:linear-gradient(145deg,#6b5039,#242018 77%)
}
.dossier-card:hover {
  transform:translateY(-12px);
  border-color:rgba(231,220,199,.4);
  box-shadow:0 25px 55px rgba(0,0,0,.35)
}
.dossier-card__record {
  font-family:var(--font-mono);
  font-size:0.875rem;
  letter-spacing:.15em;
  color:rgba(238,242,235,.68)
}
.dossier-card__monogram {
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(5.625rem,9.5vw,11.875rem);
  letter-spacing:-.13em;
  line-height:1;
  color:rgba(231,220,199,.10);
  margin:auto 0;
  align-self:center;
  transform:translateX(-9px);
  transition:color 500ms,transform 500ms
}
.dossier-card:hover .dossier-card__monogram {
  color:rgba(231,220,199,.20);
  transform:translateX(-2px)
}
.dossier-card__bottom {
  display:flex;
  flex-direction:column;
  gap:7px;
  padding-right:25px;
  font-family:var(--font-display);
  font-size:1.25rem;
  letter-spacing:.02em;
  line-height:1.2
}
.dossier-card__bottom small {
  font-family:var(--font-mono);
  font-size:0.875rem;
  letter-spacing:.18em;
  color:var(--commons-light)
}
.dossier-card__plus {
  position:absolute;
  right:23px;
  bottom:23px;
  font-size:1.6875rem;
  font-weight:200;
  color:var(--commons-light)
}
.dossier-dialog {
  margin:auto;
  padding:0;
  max-width:min(650px,calc(100vw - 32px));
  width:100%;
  max-height:calc(100svh - 28px);
  color:var(--witness-white);
  background:#192023;
  border:1px solid rgba(231,220,199,.35);
  box-shadow:var(--shadow-deep);
  overflow:auto
}
.dossier-dialog::backdrop {
  background:rgba(4,7,8,.84);
  backdrop-filter:blur(8px)
}
.dossier-dialog__panel {
  padding:clamp(20px,5vw,62px);
  position:relative;
  background:radial-gradient(ellipse at 94% 1%,rgba(190,141,83,.12),transparent 65%)
}
.dossier-dialog__panel::before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--boundary-red)
}
.dossier-dialog__head {
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:20px
}
.dossier-dialog__head>button {
  border:1px solid var(--hairline-strong);
  width:36px;
  height:36px;
  font-size:1.5625rem;
  line-height:1;
  color:var(--warm-paper)
}
.dossier-dialog__number {
  display:block;
  margin-top:48px;
  color:var(--commons-light);
  font-family:var(--font-mono);
  font-size:0.875rem;
  letter-spacing:.2em
}
.dossier-dialog h2 {
  font-family:var(--font-display);
  font-size:clamp(2.4375rem,6vw,4.375rem);
  font-weight:700;
  text-transform:uppercase;
  line-height:1.02;
  margin-top:12px;
  letter-spacing:-.06em
}
.dossier-dialog__role {
  font-family:var(--font-editorial);
  font-style:italic;
  color:var(--commons-light);
  font-size:1.5rem;
  margin-top:14px
}
.dossier-dialog__panel>p:not(.dossier-dialog__role) {
  font-size:1.0625rem;
  line-height:1.8;
  color:#d0d7d3;
  margin-top:30px
}
.dossier-dialog__bottom {
  display:flex;
  gap:14px;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid var(--hairline);
  padding-top:25px;
  margin-top:55px
}
.dossier-dialog__bottom>span {
  font-family:var(--font-mono);
  font-size:0.875rem;
  letter-spacing:.1em;
  color:var(--custody-bluegray)
}
.dossier-dialog__bottom>button {
  font-family:var(--font-mono);
  font-size:0.875rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--warm-paper)
}
.toast-stack {
  position:fixed;
  z-index:210;
  bottom:20px;
  right:20px;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:min(420px,calc(100vw - 40px))
}
.toast {
  background:#1e2628;
  border-left:3px solid var(--boundary-red);
  color:#f0f1e7;
  padding:17px 22px;
  box-shadow:0 18px 30px rgba(0,0,0,.35);
  font-size:0.875rem;
  line-height:1.5;
  animation:page-rise 350ms ease both
}
.toast--success {
  border-left-color:var(--commons-light)
}