/* Site Fişi: yalnız bu sayfada yüklenir. Fiş kâğıdı sitenin koyu zemininde tek açık yüzey. */
.sfi-form { margin: 0 0 32px; }
.sfi-form label { display: block; font-weight: 700; margin-bottom: 8px; }
.sfi-row { display: flex; gap: 10px; flex-wrap: wrap; }
.sfi-row input { flex: 1 1 240px; min-width: 0; min-height: 52px; padding: 0 16px; font: inherit; font-size: 17px; color: var(--ink); background: var(--navy-800); border: 1px solid var(--line); border-radius: 14px; }
.sfi-row input:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.sfi-row input::placeholder { color: var(--ink-dim); opacity: .7; }
.sfi-row .btn { flex: 0 0 auto; min-height: 52px; cursor: pointer; border: 0; font: inherit; font-weight: 700; }
.sfi-row .btn:disabled { opacity: .55; cursor: wait; transform: none; }
.sfi-hint { margin: 10px 0 0; }
.sfi-own { padding: 6px 0; background: none; border: 0; color: var(--cyan); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.sfi-status { margin: 10px 0 0; min-height: 1.6em; color: var(--ink-mid); font-size: 15px; }

.sfi-out { margin: 0 0 48px; scroll-margin-top: 90px; }
@media (max-width: 480px) { .sfi-row .btn { flex: 1 1 100%; justify-content: center; } }
.sfi-paper {
	--p-ink: #1b2230; --p-dim: #5c6677;
	max-width: 440px; margin: 0 auto 20px; padding: 28px 22px 34px;
	font-family: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace; font-size: 14px; line-height: 1.5;
	color: var(--p-ink); background: #f3f1ea;
	/* alt kenar yırtık fiş */
	-webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 14px 51% repeat-x, linear-gradient(#000 0 0) top / 100% 50% no-repeat;
	mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 14px 51% repeat-x, linear-gradient(#000 0 0) top / 100% 50% no-repeat;
}
.sfi-paper.is-print { animation: sfi-print .7s cubic-bezier(.2, .7, .2, 1) both; transform-origin: top; }
@keyframes sfi-print { from { opacity: 0; transform: translateY(-14px) scaleY(.96); } to { opacity: 1; transform: none; } }
.sfi-paper p { margin: 0; }
.sfi-paper hr { border: 0; border-top: 1px dashed #8a93a3; margin: 14px 0; }
.sfi-brand { font-size: 19px; font-weight: 700; letter-spacing: .14em; text-align: center; }
.sfi-host { text-align: center; font-weight: 700; overflow-wrap: anywhere; }
.sfi-title, .sfi-date { text-align: center; color: var(--p-dim); font-size: 12.5px; overflow-wrap: anywhere; }
.sfi-line { display: flex; justify-content: space-between; gap: 14px; padding: 2px 0; }
.sfi-line span { flex: none; }
.sfi-line b { font-weight: 600; text-align: right; }
.sfi-total { font-size: 16px; font-weight: 700; }
.sfi-total b { font-weight: 700; }
.sfi-checks { list-style: none; margin: 0; padding: 0; }
.sfi-checks li { display: grid; grid-template-columns: 20px 1fr; padding: 2px 0; }
.sfi-checks small { grid-column: 2; font-size: 12.5px; color: var(--p-dim); }
.sfi-mark { font-weight: 700; }
.is-ok .sfi-mark { color: #0d7a4a; }
.is-no .sfi-mark, .is-no > span:nth-child(2) { color: #b3261e; font-weight: 700; }
.sfi-note { margin-top: 10px !important; font-size: 11.5px; color: var(--p-dim); }
.sfi-wa { display: flex; justify-content: center; max-width: 440px; margin: 0 auto; }
@media (prefers-reduced-motion: reduce) { .sfi-paper.is-print { animation: none; } }