/* netex · engines/pinboard.css · S18 Shift-log pinboard: flip + pin states (base note styles: pages/industrial.css) */
@layer pages {
.ind-note__card.is-ready { perspective: 900px; display: grid; }
.ind-note__card.is-ready .ind-note__front,
.ind-note__card.is-ready .ind-note__back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: transform 420ms var(--ease-mech), visibility 0s linear 210ms;
}
.ind-note__card.is-ready .ind-note__back { transform: rotateY(180deg); visibility: hidden; }
.ind-note.is-flipped .ind-note__card .ind-note__front { transform: rotateY(-180deg); visibility: hidden; }
.ind-note.is-flipped .ind-note__card .ind-note__back { transform: rotateY(0); visibility: visible; }
.ind-note__card.is-ready .ind-note__front { cursor: pointer; }
.ind-note .ind-note__flip {
	position: absolute;
	right: 8px;
	bottom: -14px;
	z-index: 2;
	min-height: 30px;
	background: var(--ink);
	border-color: var(--ink);
	color: var(--paper);
}
.ind-note.is-flipped .ind-note__flip { background: var(--paper); color: var(--ink); }
.ind-note__card.is-ready .ind-note__front, .ind-note__card.is-ready .ind-note__back { padding-bottom: calc(var(--s-5) + 8px); }
.ind-note__front.is-stamped::before { animation: nx-stamp var(--dur-stamp) var(--ease-stamp) both; }
@media (hover: hover) {
	.ind-note__card.is-ready .ind-note__front:hover { outline: 1px solid rgb(8 9 14 / .35); outline-offset: 3px; }
}
/* Reduced motion: the sides swap without the rotation. */
html.rm .ind-note__card.is-ready .ind-note__front,
html.rm .ind-note__card.is-ready .ind-note__back { transform: none !important; transition: none; }
html.rm .ind-note.is-flipped .ind-note__front { visibility: hidden; }
html.rm .ind-note:not(.is-flipped) .ind-note__back { visibility: hidden; }
.ind-board__cta[aria-disabled="true"] { opacity: 1; }
}