/* =====================================================================
   «BICCHIERI» — the glass deposit (the owner, 2026-10-31) —
   inc/mwf-notebook-deposit.php, js/mwf-notebook-deposit.js (view
   `deposit`). The onboarding, the phone-shaped tickets, a new deposit,
   the closed ones, the terms' sheet and the full-screen code in the
   day's colour. The notebook page only, after the assistant's sheet.
   Every sentence 15px or more (phones and wider screens alike).
   ===================================================================== */

/* ------------------------------------------------ the row of tabs, wider screens:
   «Bicchieri» after «Assistente» (or after «Percorsi»), one column more (phones: the band takes it in) */
.mwfn-seg--map.mwfn-seg--4.mwfn-seg--dep { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.mwfn-seg--map.mwfn-seg--4.mwfn-seg--chat.mwfn-seg--dep { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.mwfn-seg--map.mwfn-seg--ach.mwfn-seg--4.mwfn-seg--dep { grid-template-columns: 2.75rem repeat(6, minmax(0, 1fr)) 2.75rem; }
.mwfn-seg--map.mwfn-seg--ach.mwfn-seg--4.mwfn-seg--chat.mwfn-seg--dep { grid-template-columns: 2.75rem repeat(7, minmax(0, 1fr)) 2.75rem; }

/* the rail (wider screens): the festival's glass mark as the tab's picture */
@media (min-width: 761px) {
	main.mwfn-log .mwfd-rail [data-mwfn-view="deposit"] { --mwfd-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='405 368 240.4 386.4'%3E%3Cpath transform='matrix(1,0,0,-1,623.2402,393.49018)' d='M0 0H10.154V14.24H-47.494C-47.494 14.24-50.775-31.683-97.947-31.683-145.114-31.683-148.396 14.24-148.396 14.24H-206.044V0H-195.89C-183.654-61.219-129.92-77.079-129.92-77.079-136.148-98.551-153.114-100.939-153.114-100.939H-197.122V-134.626H-153.967C-132.222-115.141-97.947-116.586-97.947-116.586-97.947-116.586-63.668-115.141-41.923-134.626H1.233V-100.939H-42.776C-42.776-100.939-59.738-98.551-65.97-77.079-65.97-77.079-12.236-61.219 0 0'/%3E%3Cpath transform='matrix(1,0,0,-1,574.8046,536.5233)' d='M0 0C0 0-.38-49.363-49.51-49.363-98.641-49.363-99.016 0-99.016 0H-149.347V-16.59H-142.058C-129.377-77.12-73.761-89.854-73.761-89.854V-181.058H-110.44V-210.909H-49.51 11.419V-181.058H-25.259V-89.854C-25.259-89.854 30.361-77.12 43.041-16.59H50.326V0Z'/%3E%3Cpath transform='matrix(1,0,0,-1,548.7905,541.3262)' d='M0 0C0-12.978-10.517-23.496-23.496-23.496-36.47-23.496-46.992-12.978-46.992 0-46.992 12.974-36.47 23.496-23.496 23.496-10.517 23.496 0 12.974 0 0'/%3E%3C/svg%3E"); }
}

/* ------------------------------------------------ the view: one rhythm (the owner, 2026-11-03: «better
   structuring and spacing», GLASS-DEPOSIT-TAB-LAYOUT.md) — 8 / 16 / 24 / 32 / 52px: inside a block 16 at
   most, the blocks of a section 40 apart (a hairline halfway), the sections 52 apart; the notebook's own 16px
   side gutter; one frame at most, never a box in a box. Phones first (99.9% of the visitors). */
.mwfn-dep {
	--mwfn-dep-code-font: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--mwfn-dep-in: 16px;
	--mwfn-dep-half: 20px;
	--mwfn-dep-sec: 52px;
	--mwfn-dep-rule: rgba(205, 173, 89, .4);
	display: grid;
	/* the columns as wide as the panel, never as the content: the code is sized to the width it is given (fitCode) */
	grid-template-columns: minmax(0, 1fr);
	gap: var(--mwfn-dep-sec);
	max-width: 44rem;
	margin-left: auto;
	margin-right: auto;
}
.mwfn-dep-head { text-align: center; }
.mwfn-dep-kicker,
.mwfn-dep-steps-h,
.mwfn-dep-sec-h.is-small {
	margin: 0;
	font: 700 .74rem/1.4 var(--mwfn-sans);
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--mwfn-gold-dark);
	text-align: center;
}
.mwfn-dep-h { margin: .4rem 0 0; font: 700 1.38rem/1.25 var(--mwfn-serif); color: var(--mwfn-wine); text-wrap: balance; }
/* the focus lands on the heading when a closed deposit's full-screen code goes away (no ring: nothing to press) */
.mwfn-dep-h:focus { outline: none; }
.mwfn-dep-lead { max-width: 34rem; margin: .6rem auto 0; font: 400 1rem/1.6 var(--mwfn-serif); color: var(--mwfn-ink); text-wrap: pretty; }

/* buttons: the view's own words, sentence case and readable */
.mwfn-dep .mwfn-btn {
	flex: 0 1 auto;
	min-height: 52px;
	padding: .75rem 1.4rem;
	font: 700 .98rem/1.25 var(--mwfn-sans);
	letter-spacing: .01em;
	text-transform: none;
}
.mwfn-dep .mwfn-btn:disabled { opacity: .6; cursor: default; }
.mwfn-dep-acts { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .6rem .9rem; }
.mwfn-dep-main { min-width: min(100%, 15.5rem); }
.mwfn-dep-link {
	min-height: 44px;
	padding: .55rem .2rem;
	border: 0;
	background: none;
	font: 600 .95rem/1.3 var(--mwfn-sans);
	color: var(--mwfn-wine);
	text-decoration: underline;
	text-decoration-color: var(--mwfn-gold);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	cursor: pointer;
}
.mwfn-dep-link:disabled { opacity: .5; cursor: default; }
.mwfn-dep-link:focus-visible,
.mwfn-dep .mwfn-btn:focus-visible { outline: 2px solid var(--mwfn-gold-dark); outline-offset: 3px; }
a.mwfn-dep-link { display: inline-flex; align-items: center; }

.mwfn-dep-status { margin: 0; text-align: center; font: 600 .95rem/1.45 var(--mwfn-sans); color: var(--mwfn-muted); }
.mwfn-dep-err { margin: 0; padding: .65rem .85rem; border-radius: 12px; background: rgba(103, 30, 38, .1); text-align: center; font: 600 .95rem/1.45 var(--mwfn-sans); color: var(--mwfn-wine); }
.mwfn-dep-loading { display: grid; gap: var(--mwfn-dep-in); }
.mwfn-dep-retry { justify-self: center; }
.mwfn-dep-day {
	margin: 0;
	padding: var(--mwfn-dep-in);
	border-radius: 14px;
	background: rgba(205, 173, 89, .12);
	box-shadow: 0 0 0 1px rgba(205, 173, 89, .45) inset;
	text-align: center;
	font: 600 1rem/1.5 var(--mwfn-sans);
	color: var(--mwfn-ink);
}
.mwfn-dep-more { justify-self: center; }
.mwfn-dep-note { margin: 0; text-align: center; font: 500 .95rem/1.5 var(--mwfn-sans); color: var(--mwfn-muted); text-wrap: pretty; }

/* ------------------------------------------------ the three sections, each under its small gold heading */
.mwfn-dep-sec { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mwfn-dep-in); }
.mwfn-dep-sec-h.is-small { scroll-margin-top: 6.5rem; }

/* ------------------------------------------------ the glass mark */
.mwfn-dep-mark { display: block; width: 100%; height: 100%; overflow: visible; fill: currentColor; }
.mwfn-dep-mark.is-outline { fill: none; stroke: currentColor; stroke-width: var(--mwfn-dep-line, 1.5px); stroke-linejoin: round; }
.mwfn-dep-mark.is-outline path { vector-effect: non-scaling-stroke; }
.mwfn-dep-crack { fill: none; stroke: var(--mwfn-dep-cut, var(--mwfn-paper)); stroke-width: 9; stroke-linecap: round; stroke-linejoin: round; }
.mwfn-dep-glasses { display: grid; justify-items: center; gap: .3rem; }
.mwfn-dep-glass-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: .4rem; }
.mwfn-dep-g { display: block; width: 1.55rem; height: 2.28rem; line-height: 0; }
/* multi-day: the Glass Point panel's sign (a calendar page with a «+»), drawn in the ink around it */
.mwfn-dep-multi { display: block; width: 1.55rem; height: 1.55rem; margin-left: .2rem; line-height: 0; }
.mwfn-dep-multi svg { width: 100%; height: 100%; overflow: visible; }
.mwfn-dep-glass-words { margin: 0; font: 600 .95rem/1.35 var(--mwfn-sans); }

/* ------------------------------------------------ signed out: how it works (the steps 16 apart, the two ways in 32
   under them) */
.mwfn-dep-intro { display: grid; gap: var(--mwfn-dep-in); }
.mwfn-dep-intro > .mwfn-dep-acts { margin-top: var(--mwfn-dep-in); }
.mwfn-dep-steps { display: grid; gap: var(--mwfn-dep-in); margin: 0; padding: 0; list-style: none; }
.mwfn-dep-step {
	display: grid;
	grid-template-columns: 4.25rem minmax(0, 1fr);
	gap: .9rem;
	align-items: center;
	padding: .85rem .95rem;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(205, 173, 89, .38) inset;
}
.mwfn-dep-art { display: grid; place-items: center; width: 4.25rem; height: 4.25rem; border-radius: 50%; background: linear-gradient(160deg, var(--mwfn-wine) 0%, var(--mwfn-wine-mid) 100%); color: var(--mwfn-gold); box-shadow: 0 0 0 1px rgba(205, 173, 89, .6) inset; }
.mwfn-dep-art svg { width: 2.9rem; height: 2.9rem; overflow: visible; }
.mwfn-dep-art .is-line { fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.mwfn-dep-art .is-line .is-fill { fill: currentColor; stroke: none; }
.mwfn-dep-art .is-line .is-cut { stroke: var(--mwfn-wine); stroke-width: 3.4; }
.mwfn-dep-art .is-mark { fill: currentColor; }
.mwfn-dep-step-h { margin: 0; font: 700 1.05rem/1.3 var(--mwfn-serif); color: var(--mwfn-wine); }
.mwfn-dep-step-n,
.mwfn-dep-flow-n {
	display: inline-grid;
	place-items: center;
	width: 1.6rem;
	height: 1.6rem;
	margin-right: .5rem;
	border-radius: 50%;
	background: var(--mwfn-gold);
	font: 700 .85rem/1 var(--mwfn-sans);
	color: var(--mwfn-ink);
	vertical-align: .08em;
}
.mwfn-dep-step-p { margin: .3rem 0 0; font: 500 .95rem/1.5 var(--mwfn-sans); color: var(--mwfn-ink); }
/* the two ways in side by side, the same width (one under the other where two don't fit) */
.mwfn-dep-intro .mwfn-dep-acts .mwfn-btn { flex: 0 1 15.5rem; min-width: 0; }
@media (min-width: 761px) {
	.mwfn-dep-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	/* the number centred above the title and the text */
	.mwfn-dep-step { grid-template-columns: minmax(0, 1fr); justify-items: center; align-content: start; padding: 1.15rem 1rem 1.25rem; text-align: center; }
	.mwfn-dep-step-h { display: grid; justify-items: center; gap: .45rem; }
	.mwfn-dep-step-n { margin: 0; }
}
@media (min-width: 1280px) {
	/* in one row, the tab as wide as its panel (the wider screens' block below) */
	.mwfn-dep-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ------------------------------------------------ the open deposits: one block each — the code card, its button
   as wide as the card, its own note, «Annulla la cauzione» quietly at its foot; the blocks 40 apart with a
   hairline halfway; after them, once, what holds for all of them */
.mwfn-dep-blocks { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; }
.mwfn-dep-ticket { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mwfn-dep-in); justify-items: center; box-sizing: border-box; width: min(100%, 22rem); }
.mwfn-dep-ticket + .mwfn-dep-ticket { margin-top: var(--mwfn-dep-half); padding-top: var(--mwfn-dep-half); border-top: 1px solid var(--mwfn-dep-rule); }
.mwfn-dep-ticket > .mwfn-dep-main { width: 100%; min-width: 0; }
.mwfn-dep-ticket > .mwfn-dep-status { max-width: 22rem; }
/* the quiet way out, 24px or more under the main button */
.mwfn-dep-cancel { margin-top: 8px; padding-left: .75rem; padding-right: .75rem; color: var(--mwfn-muted); text-decoration-color: rgba(122, 102, 69, .45); text-decoration-thickness: 1px; }
.mwfn-dep-notes {
	display: grid;
	gap: var(--mwfn-dep-in);
	justify-self: center;
	box-sizing: border-box;
	width: min(100%, 22rem);
	margin-top: calc(var(--mwfn-dep-half) - var(--mwfn-dep-in));
	padding-top: var(--mwfn-dep-half);
	border-top: 1px solid var(--mwfn-dep-rule);
}
.mwfn-dep-phone {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 11px;
	border-radius: 36px;
	background: linear-gradient(160deg, #3d2729 0%, #1d1113 62%, #120a0b 100%);
	box-shadow: 0 0 0 1px rgba(205, 173, 89, .6), 0 22px 40px -22px rgba(40, 25, 27, .85);
}
.mwfn-dep-notch { position: absolute; top: 19px; left: 50%; z-index: 1; width: 28%; height: 7px; border-radius: 7px; background: rgba(0, 0, 0, .38); transform: translateX(-50%); }
.mwfn-dep-screen {
	--mwfn-dep-cut: var(--mwfn-dep-bg);
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: .55rem;
	justify-items: center;
	min-height: 15rem;
	align-content: center;
	padding: 2.3rem .9rem 1.35rem;
	border-radius: 26px;
	background: var(--mwfn-dep-bg, #671e26);
	color: var(--mwfn-dep-ink, #f4efe4);
	text-align: center;
}
.mwfn-dep-screen-k { margin: 0; font: 700 .74rem/1.3 var(--mwfn-sans); letter-spacing: .16em; text-transform: uppercase; opacity: .88; }
.mwfn-dep-code,
.mwfn-dep-fs-code {
	display: inline-block;
	margin: 0;
	white-space: nowrap;
	font-family: var(--mwfn-dep-code-font, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif);
	font-variant-numeric: tabular-nums lining-nums;
	font-feature-settings: 'tnum' 1, 'lnum' 1;
	line-height: 1;
	letter-spacing: .01em;
}
.mwfn-dep-code { margin: .15rem 0 .2rem; font-size: 3rem; }
.mwfn-dep-code b,
.mwfn-dep-fs-code b { font-weight: 800; }
.mwfn-dep-code .is-time,
.mwfn-dep-fs-code .is-time { font-weight: 300; opacity: .8; }
.mwfn-dep-code .is-dash,
.mwfn-dep-fs-code .is-dash { font-style: normal; font-weight: 300; opacity: .55; }
.mwfn-dep-wait { margin: .4rem 0; font: 700 1.3rem/1.3 var(--mwfn-serif); }
.mwfn-dep-state { margin: .1rem 0 0; font: 800 1.08rem/1.3 var(--mwfn-sans); }
.mwfn-dep-state.is-good { padding: .2rem .8rem; border-radius: 999px; background: var(--mwfn-dep-ink, #f4efe4); color: var(--mwfn-dep-bg, #671e26); }
.mwfn-dep-due { margin: 0; font: 700 1rem/1.4 var(--mwfn-sans); }
.mwfn-dep-due.is-late { font-weight: 500; font-size: .95rem; opacity: .9; }
.mwfn-dep-screen .mwfn-dep-glass-words { opacity: .92; }
.mwfn-dep-ticket > .mwfn-dep-note { max-width: 22rem; }

/* press and hold, or tap twice: the ticket full-screen (the owner, 2026-11-02) — no zoom, no copy bubble, no
   selection on the ticket; a white one (multi-day) turns white in front of the visitor */
.mwfn-dep-phone { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.mwfn-dep-phone.is-openable { touch-action: manipulation; cursor: zoom-in; }
.mwfn-dep-screen { transition: background-color .6s ease, color .6s ease; }
.mwfn-dep-screen.is-multi { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); }
.mwfn-dep-full-hint { margin: 0; text-align: center; font: 500 .95rem/1.45 var(--mwfn-sans); color: var(--mwfn-muted); text-wrap: pretty; }
/* back by today's close (once for the open deposits), or a multi-day deposit's own note in its block */
.mwfn-dep-remind {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: .75rem .9rem .8rem 2.55rem;
	border-radius: 14px;
	background: rgba(205, 173, 89, .13);
	box-shadow: 0 0 0 1px rgba(205, 173, 89, .5) inset;
	font: 600 .95rem/1.5 var(--mwfn-sans);
	color: var(--mwfn-ink);
	text-wrap: pretty;
}
.mwfn-dep-remind::before {
	content: "";
	position: absolute;
	left: .85rem;
	top: .82rem;
	width: 1.1rem;
	height: 1.1rem;
	background: var(--mwfn-gold-dark);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mwfn-dep-remind.is-multi { background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .18) inset; }
/* the panel's multi-day sign, as on the card */
.mwfn-dep-remind.is-multi::before {
	background: #000;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 7.5V4.5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-3'/%3E%3Crect x='2.5' y='7.5' width='14' height='14' rx='2'/%3E%3Cpath d='M2.5 11.5h14M9.5 14v5M7 16.5h5'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 7.5V4.5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-3'/%3E%3Crect x='2.5' y='7.5' width='14' height='14' rx='2'/%3E%3Cpath d='M2.5 11.5h14M9.5 14v5M7 16.5h5'/%3E%3C/g%3E%3C/svg%3E");
}

/* what was released, what kept */
.mwfn-dep-sum { display: grid; gap: .2rem; }
.mwfn-dep-sum-line { margin: 0; font: 700 .98rem/1.45 var(--mwfn-sans); color: var(--mwfn-ink); }
.mwfn-dep-screen .mwfn-dep-sum,
.mwfn-dep-fs .mwfn-dep-sum { margin-top: .2rem; }
.mwfn-dep-screen .mwfn-dep-sum-line,
.mwfn-dep-fs .mwfn-dep-sum-line { color: inherit; }

/* ------------------------------------------------ a new deposit: one card (the only frame), today's last hour at its
   head, four numbered steps with a hairline between them — nothing boxed inside it */
.mwfn-dep-new {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	padding: var(--mwfn-dep-in) var(--mwfn-dep-in) calc(var(--mwfn-dep-in) + 4px);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(205, 173, 89, .5) inset, 0 14px 30px -24px rgba(40, 25, 27, .55);
	--mwfn-dep-cut: #fff;
}
.mwfn-dep-sec-h { margin: 0; text-align: center; font: 700 1.2rem/1.3 var(--mwfn-serif); color: var(--mwfn-wine); }
.mwfn-dep-new-sub {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	margin: 0;
	padding: 0 0 var(--mwfn-dep-in);
	border-bottom: 1px solid var(--mwfn-dep-rule);
	text-align: center;
	font: 600 .95rem/1.45 var(--mwfn-sans);
	color: var(--mwfn-ink);
}
.mwfn-dep-new-sub::before {
	content: "";
	flex: 0 0 auto;
	width: 1.1rem;
	height: 1.1rem;
	background: var(--mwfn-gold-dark);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mwfn-dep-flow { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.mwfn-dep-flow-i { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: var(--mwfn-dep-in) 0; }
.mwfn-dep-flow-i + .mwfn-dep-flow-i { border-top: 1px solid var(--mwfn-dep-rule); }
.mwfn-dep-flow-i:last-child { padding-bottom: 0; }
/* a step's head: its number, its words (step 2: the whole row opens the rules, a chevron at its end) */
.mwfn-dep-flow-h {
	display: grid;
	grid-template-columns: 1.6rem minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	margin: 0;
	text-align: left;
	font: 700 1.05rem/1.3 var(--mwfn-serif);
	color: var(--mwfn-wine);
}
.mwfn-dep-flow-n { margin: 0; vertical-align: baseline; }
.mwfn-dep-flow-h.is-text { align-items: start; }
.mwfn-dep-flow-h.is-text .mwfn-dep-flow-n { margin-top: -.12rem; }
.mwfn-dep-q { font: inherit; color: inherit; }
.mwfn-dep-rules-t {
	grid-template-columns: 1.6rem minmax(0, 1fr) 1.5rem;
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.mwfn-dep-rules-t:focus-visible { outline: 2px solid var(--mwfn-gold-dark); outline-offset: 3px; }
.mwfn-dep-chev { display: block; width: 1.5rem; height: 1.5rem; line-height: 0; }
.mwfn-dep-chev svg { width: 100%; height: 100%; fill: none; stroke: var(--mwfn-gold-dark); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s ease; }
.mwfn-dep-rules-t[aria-expanded="true"] .mwfn-dep-chev svg { transform: rotate(180deg); }
.mwfn-dep-pick { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .25rem; width: 100%; max-width: 24rem; margin: 0 auto; }
.mwfn-dep-pick-b {
	display: grid;
	justify-items: center;
	gap: .3rem;
	min-width: 0;
	min-height: 4.8rem;
	padding: .5rem 0 .4rem;
	border: 0;
	border-radius: 14px;
	background: none;
	color: var(--mwfn-gold-dark);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .15s, box-shadow .15s;
}
.mwfn-dep-pick-b.is-on { color: #b48d3a; }
.mwfn-dep-pick-b[aria-checked="true"] { background: rgba(205, 173, 89, .16); box-shadow: 0 0 0 2px var(--mwfn-gold) inset; }
.mwfn-dep-pick-b:focus-visible { outline: 2px solid var(--mwfn-wine); outline-offset: 2px; }
.mwfn-dep-pick-g { display: block; width: 1.7rem; height: 2.5rem; line-height: 0; --mwfn-dep-line: 1.6px; }
.mwfn-dep-pick-n { font: 700 1rem/1 var(--mwfn-sans); color: var(--mwfn-ink); }
.mwfn-dep-sumline { text-align: center; }
.mwfn-dep-total { margin: 0; font: 700 1.35rem/1.3 var(--mwfn-serif); color: var(--mwfn-wine); }
.mwfn-dep-total-p { margin: .15rem 0 0; font: 500 .95rem/1.45 var(--mwfn-sans); color: var(--mwfn-muted); }
/* the rules: their list straight in the card, the card's width */
.mwfn-dep-rule-list { display: grid; gap: 8px; margin: 0; padding: 0 0 0 1.15rem; font: 500 .95rem/1.5 var(--mwfn-sans); color: var(--mwfn-ink); }
.mwfn-dep-rule-list[hidden] { display: none; }
.mwfn-dep-rule-list li::marker { color: var(--mwfn-gold-dark); }
/* the terms: the number, the box, the sentence; «Leggi le condizioni» under the sentence */
.mwfn-dep-agree {
	display: grid;
	grid-template-columns: 1.6rem 1.45rem minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	font: 600 1rem/1.45 var(--mwfn-sans);
	color: var(--mwfn-ink);
	cursor: pointer;
}
.mwfn-dep-agree .mwfn-dep-flow-n { margin-top: -.06rem; }
.mwfn-dep-agree input { width: 1.45rem; height: 1.45rem; margin: .05rem 0 0; accent-color: var(--mwfn-wine); cursor: pointer; }
.mwfn-dep-read { justify-self: start; margin: -8px 0 -8px calc(1.6rem + 1.45rem + 24px); }
.mwfn-dep-stripe { margin: 0; font: 500 .95rem/1.5 var(--mwfn-sans); color: var(--mwfn-muted); text-wrap: pretty; }
.mwfn-dep-flow .mwfn-dep-go { width: 100%; min-width: 0; }
@media (min-width: 761px) {
	.mwfn-dep-new { padding: 1.5rem 1.75rem 1.6rem; }
}

/* ------------------------------------------------ the closed deposits: at the tab's foot behind one button (the
   owner, 2026-11-04) — its words and a chevron, in the middle; opened, the rows 16px under it and the bank's timing
   once under them. Every row on the same four lines, whatever its code — the code; the glasses and when; the glasses
   with their words; what was released or kept */
.mwfn-dep-past-t { display: inline-flex; justify-self: center; align-items: center; justify-content: center; gap: .55rem; box-sizing: border-box; max-width: 100%; }
.mwfn-dep-past-w { text-wrap: balance; }
.mwfn-dep-past-t .mwfn-dep-chev { flex: 0 0 auto; width: 1.3rem; height: 1.3rem; }
.mwfn-dep-past-t[aria-expanded="true"] .mwfn-dep-chev svg { transform: rotate(180deg); }
.mwfn-dep-past-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mwfn-dep-in); }
.mwfn-dep-past-body[hidden] { display: none; }
.mwfn-dep-past-body > .mwfn-dep-note { justify-self: center; max-width: 40rem; }
.mwfn-dep-past-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.mwfn-dep-past-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; padding: var(--mwfn-dep-in); border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px rgba(205, 173, 89, .35) inset; color: var(--mwfn-gold-dark); --mwfn-dep-cut: #fff; }
.mwfn-dep-past-code { margin: 0; font: 800 1.08rem/1.2 var(--mwfn-dep-code-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: .02em; color: var(--mwfn-ink); }
.mwfn-dep-past-when { margin: 0; font: 500 .95rem/1.35 var(--mwfn-sans); color: var(--mwfn-muted); }
/* the glasses and their words side by side: the icons a column of their own, the words beside them */
.mwfn-dep-past-row .mwfn-dep-glasses { grid-template-columns: auto minmax(0, 1fr); justify-items: start; align-items: center; column-gap: 10px; row-gap: 0; }
.mwfn-dep-past-row .mwfn-dep-glass-row { flex-wrap: nowrap; justify-content: flex-start; gap: 4px; }
.mwfn-dep-past-row .mwfn-dep-g { width: 1.1rem; height: 1.62rem; }
.mwfn-dep-past-row .mwfn-dep-multi { width: 1.3rem; height: 1.3rem; margin-left: .15rem; }
.mwfn-dep-past-row .mwfn-dep-glass-words { color: var(--mwfn-ink); font-weight: 600; }

/* ------------------------------------------------ the foot: VIP, cash, the terms, the privacy notice — one quiet
   block, then the tab's end: a hairline, and 52px before the page's own blocks (26 here, 26 the page's) */
.mwfn-dep { padding-bottom: 26px; }
.mwfn-dep-foot { display: grid; gap: 8px; padding-bottom: 32px; border-bottom: 1px solid var(--mwfn-dep-rule); }
.mwfn-dep-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 1.5rem; margin: 0; }

/* ------------------------------------------------ wider screens (the user, 2026-11-03: «take another look at the
   desktop UI»): the tab as wide as its panel allows, the reading parts (the lead, a new deposit, the notes, the
   foot) at their own width in the middle; the info box under the lead, one row above the step cards; the step
   cards in one row from 1280px; the open deposits side by side; the closed ones in two columns from 1024px. The
   parts come in with GSAP (js: entrance()). Phones (760px and under) keep the layout above, untouched. */
.mwfn-dep-info { display: none; }
@media (min-width: 761px) {
	.mwfn-dep { max-width: 62rem; }
	.mwfn-dep-new,
	.mwfn-dep-day,
	.mwfn-dep-foot,
	.mwfn-dep-loading,
	.mwfn-dep > .mwfn-dep-err,
	.mwfn-dep > .mwfn-dep-status { box-sizing: border-box; justify-self: center; width: min(100%, 44rem); }

	/* the info box: festival days only, a day at a time, the way past the queue — centred, narrower than the tab,
	   in the wine of the page's other invitations; 32px under the head, 40 above what follows */
	.mwfn-dep-info {
		position: relative;
		isolation: isolate;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
		gap: 8px;
		box-sizing: border-box;
		justify-self: center;
		width: min(calc(100% - 4rem), 40rem);
		margin: calc(32px - var(--mwfn-dep-sec)) 0 calc(40px - var(--mwfn-dep-sec));
		padding: 24px 44px 22px;
		overflow: hidden;
		border-radius: 24px;
		background: radial-gradient(120% 95% at 50% 0%, #7d2731 0%, var(--mwfn-wine) 52%, var(--mwfn-wine-mid) 100%);
		box-shadow: 0 0 0 1px rgba(205, 173, 89, .62) inset, 0 0 0 6px rgba(205, 173, 89, .09), 0 28px 48px -32px rgba(40, 25, 27, .95);
		color: var(--mwfn-cream);
		text-align: center;
	}
	.mwfn-dep-info > * { position: relative; z-index: 1; margin: 0; }
	/* the gold light that passes over it once as it comes in */
	.mwfn-dep-info > .mwfn-dep-info-shine {
		position: absolute;
		z-index: 0;
		top: 0;
		bottom: 0;
		left: 0;
		width: 34%;
		background: linear-gradient(100deg, rgba(241, 228, 184, 0) 0%, rgba(241, 228, 184, .17) 50%, rgba(241, 228, 184, 0) 100%);
		transform: translateX(-100%);
		pointer-events: none;
	}
	.mwfn-dep-info-ico { display: grid; place-items: center; width: 4rem; height: 4rem; border-radius: 50%; background: rgba(0, 0, 0, .16); box-shadow: 0 0 0 1px rgba(205, 173, 89, .7) inset; color: var(--mwfn-gold); }
	.mwfn-dep-info-ico svg { width: 2.7rem; height: 2.7rem; overflow: visible; }
	.mwfn-dep-info-ico .is-line { fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; }
	.mwfn-dep-info-ico .is-mark { fill: currentColor; }
	.mwfn-dep-info > .mwfn-dep-info-k { margin-top: 4px; font: 700 .74rem/1.4 var(--mwfn-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--mwfn-gold); }
	.mwfn-dep-info-h { font: 700 1.5rem/1.25 var(--mwfn-serif); color: #fffaf0; text-wrap: balance; }
	.mwfn-dep-info-star { margin-left: .06em; color: var(--mwfn-gold); }
	.mwfn-dep-info-p { max-width: 32rem; font: 400 1.08rem/1.6 var(--mwfn-serif); color: var(--mwfn-cream); text-wrap: pretty; }
	/* the days: a calendar page beside the words, a hairline above */
	.mwfn-dep-info > .mwfn-dep-info-days {
		display: grid;
		grid-template-columns: 1.25rem minmax(0, 1fr);
		gap: 12px;
		align-items: start;
		box-sizing: border-box;
		width: 100%;
		max-width: 32rem;
		margin-top: 6px;
		padding-top: 14px;
		border-top: 1px solid rgba(205, 173, 89, .38);
		text-align: left;
		font: 500 .95rem/1.55 var(--mwfn-sans);
		color: rgba(244, 239, 228, .94);
		text-wrap: pretty;
	}
	.mwfn-dep-info-days::before {
		content: "";
		width: 1.25rem;
		height: 1.25rem;
		margin-top: .12rem;
		background: var(--mwfn-gold);
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
	}
	.mwfn-dep-info > .mwfn-dep-info-note { margin-top: 2px; font: 500 .95rem/1.45 var(--mwfn-sans); color: rgba(244, 239, 228, .76); text-wrap: pretty; }
	.mwfn-dep-info-note .mwfn-dep-info-star { margin: 0 .2em 0 0; font: 700 1.2em/1 var(--mwfn-serif); vertical-align: -.12em; }

	/* the step cards: a little more room, and a lift under the pointer (by `top`: GSAP's entrance owns transform,
	   and the translate property too while it ends) */
	.mwfn-dep-step { position: relative; top: 0; padding: 1.35rem 1.1rem 1.4rem; transition: top .25s ease, box-shadow .25s ease; }
	.mwfn-dep-art { width: 4.75rem; height: 4.75rem; }
	.mwfn-dep-art svg { width: 3.15rem; height: 3.15rem; }

	/* the open deposits side by side (as many as fit, the hairline between them only one under another) */
	.mwfn-dep-blocks { grid-template-columns: repeat(auto-fit, minmax(0, 22rem)); justify-content: center; align-items: start; gap: 40px 48px; }
	.mwfn-dep-ticket { width: 100%; }
	.mwfn-dep-ticket + .mwfn-dep-ticket { margin-top: 0; padding-top: 0; border-top: 0; }
	.mwfn-dep-notes { width: min(100%, 40rem); }

	/* a new deposit: the glasses a little larger */
	.mwfn-dep-pick { max-width: 28rem; }
	.mwfn-dep-pick-g { width: 1.9rem; height: 2.8rem; }
}
@media (min-width: 761px) and (hover: hover) and (pointer: fine) {
	.mwfn-dep-step:hover { top: -4px; box-shadow: 0 0 0 1px rgba(205, 173, 89, .6) inset, 0 18px 32px -24px rgba(40, 25, 27, .55); }
	.mwfn-dep-pick-b:hover:not([aria-checked="true"]) { background: rgba(205, 173, 89, .09); }
	.mwfn-dep-past-row { transition: box-shadow .2s ease; }
	.mwfn-dep-past-row:hover { box-shadow: 0 0 0 1px rgba(205, 173, 89, .6) inset; }
}
@media (min-width: 761px) and (max-width: 1023px) {
	.mwfn-dep-past-list { justify-self: center; width: min(100%, 44rem); }
}
@media (min-width: 1024px) {
	.mwfn-dep-past-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (min-width: 761px) and (prefers-reduced-motion: reduce) {
	.mwfn-dep-step { transition: none; }
}

/* ------------------------------------------------ the glass search's «?» bubble stays away while this tab is shown
   (it covered the code card's edge and the steps; the tickets pages have none either) — every other tab keeps it.
   The class comes from js/mwf-notebook-deposit.js, :has() covers the first paint */
html.mwfn-dep-tab .mwfg-bubble,
html:has(main.mwfn-log[data-mwfn-current="deposit"]) .mwfg-bubble { display: none !important; }

/* ------------------------------------------------ the terms, in the notebook's sheet */
.mwfn-sheet--dep-terms .mwfn-card { padding-bottom: calc(22px + env(safe-area-inset-bottom, 0px)); }
.mwfn-dep-terms { margin-top: .9rem; text-align: left; }
.mwfn-dep-terms-org { margin: 0 0 .8rem; font: 500 .95rem/1.5 var(--mwfn-sans); color: rgba(244, 239, 228, .82); }
.mwfn-dep-terms-list { display: grid; gap: .6rem; margin: 0; padding-left: 1.4rem; font: 400 1rem/1.6 var(--mwfn-serif); color: var(--mwfn-cream); }
.mwfn-dep-terms-list li::marker { font: 700 .95rem var(--mwfn-sans); color: var(--mwfn-gold); }
.mwfn-dep-terms-list strong { color: var(--mwfn-gold-light); }
.mwfn-dep-terms-priv { display: inline-block; margin-top: .9rem; font: 600 .95rem/1.4 var(--mwfn-sans); color: var(--mwfn-gold); text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 900px) {
	.mwfn-sheet--dep-terms .mwfn-card { width: min(640px, calc(100vw - 48px)); }
}

/* ------------------------------------------------ the full-screen code: the whole screen in today's colour */
html.mwfn-dep-full-on,
html.mwfn-dep-full-on body { background-color: var(--mwfn-dep-page, #28191b) !important; }
.mwfn-dep-fs {
	--mwfn-dep-code-font: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--mwfn-dep-cut: var(--mwfn-dep-bg, #671e26);
	--mwfn-dep-line: 2.2px;
	position: fixed;
	inset: 0;
	z-index: 9300;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto minmax(0, 1fr) auto;
	gap: .5rem;
	padding: max(.6rem, env(safe-area-inset-top, 0px)) max(1rem, env(safe-area-inset-right, 0px)) max(.9rem, env(safe-area-inset-bottom, 0px)) max(1rem, env(safe-area-inset-left, 0px));
	overflow: hidden;
	background: var(--mwfn-dep-bg, #671e26);
	color: var(--mwfn-dep-ink, #f4efe4);
	text-align: center;
	font-family: 'Raleway', system-ui, -apple-system, 'Segoe UI', sans-serif;
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
.mwfn-dep-fs *,
.mwfn-dep-fs *::before,
.mwfn-dep-fs *::after { box-sizing: border-box; }
.mwfn-dep-fs[hidden] { display: none; }
.mwfn-dep-fs-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 48px; }
.mwfn-dep-fs-k { margin: 0; font: 700 .82rem/1.3 'Raleway', system-ui, sans-serif; letter-spacing: .22em; text-transform: uppercase; opacity: .9; }
.mwfn-dep-fs-x { display: grid; place-items: center; flex: 0 0 auto; width: 48px; height: 48px; padding: 0; border: 2px solid currentColor; border-radius: 50%; background: none; color: inherit; cursor: pointer; }
.mwfn-dep-fs-x svg { width: 22px; height: 22px; }
.mwfn-dep-fs-x:focus-visible,
.mwfn-dep-fs-paused:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.mwfn-dep-fs-mid { display: flex; flex-direction: column; justify-content: center; gap: clamp(.8rem, 3.5vh, 1.6rem); min-width: 0; min-height: 0; }
.mwfn-dep-fs-codebox { width: 100%; min-width: 0; text-align: center; line-height: 1; }
/* the code with room to breathe: its letters spaced (balanced on the left for the last letter's spacing), the
   dashes apart, nine tenths of the width (fsFit) */
.mwfn-dep-fs-code { font-size: 4rem; letter-spacing: .06em; padding-left: .06em; transform-origin: 50% 50%; }
.mwfn-dep-fs-code .is-dash { margin: 0 .04em; }
.mwfn-dep-fs { touch-action: manipulation; transition: background-color .6s ease, color .6s ease; }
.mwfn-dep-fs.is-multi .mwfn-dep-fs-k { opacity: 1; }
.mwfn-dep-fs-info { display: grid; justify-items: center; gap: .6rem; }
/* the glasses as large as the room under the code allows (two rows when six don't fit) */
.mwfn-dep-fs .mwfn-dep-g { width: clamp(2.3rem, 11vw, 3rem); height: clamp(3.4rem, 16.2vw, 4.4rem); }
.mwfn-dep-fs .mwfn-dep-multi { width: 2.4rem; height: 2.4rem; }
.mwfn-dep-fs .mwfn-dep-glass-row { gap: .6rem; max-width: 22rem; }
.mwfn-dep-fs .mwfn-dep-glass-words { font-size: 1.05rem; }
.mwfn-dep-fs-state { margin: 0; font: 800 clamp(1.35rem, 6.4vw, 2.3rem)/1.15 'Raleway', system-ui, sans-serif; }
.mwfn-dep-fs-state.is-good { padding: .25em .85em; border-radius: 999px; background: var(--mwfn-dep-ink, #f4efe4); color: var(--mwfn-dep-bg, #671e26); }
.mwfn-dep-fs-due { margin: 0; font: 700 clamp(1.05rem, 4.6vw, 1.4rem)/1.3 'Raleway', system-ui, sans-serif; }
.mwfn-dep-fs-due.is-late { font-weight: 500; font-size: clamp(.95rem, 3.9vw, 1.12rem); opacity: .9; }
.mwfn-dep-fs-foot { display: grid; justify-items: center; gap: .25rem; }
.mwfn-dep-fs-clock { margin: 0; font: 700 clamp(1.7rem, 8.4vw, 2.8rem)/1 var(--mwfn-dep-code-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: .02em; }
.mwfn-dep-fs-show { margin: 0; font: 600 .98rem/1.35 'Raleway', system-ui, sans-serif; opacity: .9; }
.mwfn-dep-fs-paused { min-height: 44px; margin-top: .35rem; padding: .5rem 1.1rem; border: 2px solid currentColor; border-radius: 999px; background: none; color: inherit; font: 700 .98rem/1.2 'Raleway', system-ui, sans-serif; cursor: pointer; }
.mwfn-dep-fs-paused[hidden] { display: none; }
.mwfn-dep-fs-flash { position: absolute; inset: 0; background: #fff; pointer-events: none; }
.mwfn-dep-fs-state { transform-origin: 50% 50%; backface-visibility: hidden; }

/* a phone on its side: the code across the top, the rest in two columns under it */
@media (orientation: landscape) and (max-height: 540px) {
	.mwfn-dep-fs { gap: .25rem; padding-top: max(.35rem, env(safe-area-inset-top, 0px)); padding-bottom: max(.45rem, env(safe-area-inset-bottom, 0px)); }
	.mwfn-dep-fs-top { min-height: 44px; }
	.mwfn-dep-fs-x { width: 44px; height: 44px; }
	.mwfn-dep-fs-mid { gap: .55rem; }
	.mwfn-dep-fs-info { grid-template-columns: auto auto; justify-content: center; align-items: center; column-gap: 2rem; row-gap: .25rem; }
	.mwfn-dep-fs-info > .mwfn-dep-glasses { grid-row: span 4; }
	.mwfn-dep-fs .mwfn-dep-g { width: 1.9rem; height: 2.8rem; }
	.mwfn-dep-fs-state { font-size: 1.35rem; }
	.mwfn-dep-fs-due { font-size: 1.05rem; }
	.mwfn-dep-fs-foot { grid-template-columns: auto auto; justify-content: center; align-items: baseline; column-gap: 1.25rem; }
	.mwfn-dep-fs-clock { font-size: 1.7rem; }
	.mwfn-dep-fs-paused { grid-column: 1 / -1; justify-self: center; }
}

@media (prefers-reduced-motion: reduce) {
	.mwfn-dep-pick-b { transition: none; }
}