/* BookFlow style — MODERN.
 * A clean, left-aligned SaaS layout: logo/heading pushed left, the dot progress
 * becomes a full-width segmented bar, white bordered calendar cells, square
 * uppercase buttons aligned right. Structurally distinct from Classic's centered
 * card. Colors still come from the niche preset. Scoped to body.wdz-style-modern. */

body.wdz-style-modern .wdz-gate__overlay,
body.wdz-style-modern .wdz-form__overlay { background: rgba(15, 23, 42, .55); backdrop-filter: blur(4px); }

body.wdz-style-modern .wdz-gate__dialog,
body.wdz-style-modern .wdz-form__dialog {
	border-radius: 10px; box-shadow: 0 12px 48px rgba(2, 6, 23, .22);
	border: 1px solid #eef1f5; padding: 36px 38px 28px;
}

/* Left-aligned header, smaller left logo. */
body.wdz-style-modern .wdz-gate__header { text-align: left; margin-bottom: 16px; }
body.wdz-style-modern .wdz-gate__logo { margin: 0 0 10px 0; max-height: 40px; }
body.wdz-style-modern .wdz-gate__brand { text-align: left; }
body.wdz-style-modern .wdz-gate__headline {
	text-align: left; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
	font-weight: 800; letter-spacing: -.025em; font-size: 27px;
}

/* Dots -> a single full-width segmented progress bar. */
body.wdz-style-modern .wdz-gate__progress { gap: 3px; justify-content: stretch; margin-top: 14px; }
body.wdz-style-modern .wdz-gate__progress li { flex: 1 1 0; width: auto; height: 4px; border-radius: 0; }
body.wdz-style-modern .wdz-gate__progress li:first-child { border-radius: 4px 0 0 4px; }
body.wdz-style-modern .wdz-gate__progress li:last-child { border-radius: 0 4px 4px 0; }
body.wdz-style-modern .wdz-gate__steplabel { text-align: left; font-weight: 700; }
body.wdz-style-modern .wdz-gate__steptitle { font-weight: 700; }

/* Square uppercase buttons, footer pushed right. */
body.wdz-style-modern .wdz-gate__footer,
body.wdz-style-modern .wdz-form__footer { justify-content: flex-end; gap: 10px; }
body.wdz-style-modern .wdz-gate__btn,
body.wdz-style-modern .wdz-form__btn {
	border-radius: 7px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; font-size: .8rem;
}
body.wdz-style-modern .wdz-gate__btn--primary,
body.wdz-style-modern .wdz-form__btn--primary,
body.wdz-style-modern .wdz-form__btn--submit { box-shadow: none; }

body.wdz-style-modern .wdz-gate__choice,
body.wdz-style-modern .wdz-form__choice { border-radius: 7px; }

/* White hairline-bordered calendar cells (vs the classic grey fill). */
body.wdz-style-modern .wdz-cal__nav { border-radius: 7px; }
body.wdz-style-modern .wdz-cal__cell { border-radius: 7px; background: #fff; border: 1px solid #e7eaef; }
body.wdz-style-modern .wdz-cal__cell.is-disabled { background: transparent; border-color: transparent; }
body.wdz-style-modern .wdz-cal__cell:hover:not(:disabled):not(.is-empty) { border-color: var(--wdz-gate-primary, #0F3460); }
body.wdz-style-modern .wdz-cal__cell.is-selected { border-color: var(--wdz-gate-primary, #0F3460); }

body.wdz-style-modern .wdz-browse__card { border-radius: 8px; box-shadow: 0 2px 10px rgba(2, 6, 23, .08); }
body.wdz-style-modern .wdz-browse__add,
body.wdz-style-modern .wdz-browse__tab { border-radius: 7px; }