/*! © William Florence & Partners. All rights reserved. Proprietary and confidential: unauthorised copying, use, modification or distribution of this software, its templates or its content is prohibited. */
:root {
	--wfp-maroon: #8b0000;
	--wfp-maroon-dark: #6d0000;
	--wfp-navy-1: #112742;
	--wfp-navy-2: #16375c;
	--wfp-navy-3: #234d75;
	--wfp-ink: #26313c;
	--wfp-muted: #6b7684;
	--wfp-line: #dde3ea;
	--wfp-field: #eef2f8;
}

body.wfp-cs-body {
	margin: 0;
	background: #f4f6f9;
	color: var(--wfp-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
	-webkit-font-smoothing: antialiased;
}

body.wfp-cs-body * { box-sizing: border-box; }

/* ------------------------------------------------ sign in */

body.wfp-cs-body--login {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 40px 16px;
	background: linear-gradient(140deg, var(--wfp-navy-1) 0%, var(--wfp-navy-2) 55%, var(--wfp-navy-3) 100%);
	background-attachment: fixed;
}

.wfp-cs-login__card {
	width: min(560px, 100%);
	margin: 0 auto;
	padding: 48px 44px 40px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

.wfp-cs-login__logo { display: block; width: 116px; height: auto; margin: 0 auto; }

.wfp-cs-login__firm {
	margin: 22px 0 10px;
	text-align: center;
	color: var(--wfp-maroon);
	font-size: 30px;
	line-height: 1.15;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.wfp-cs-login__dept {
	margin: 0;
	text-align: center;
	color: #4a5560;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

.wfp-cs-login__rule { height: 1px; background: var(--wfp-line); margin: 26px 0 24px; }

.wfp-cs-login__field { margin-bottom: 22px; }

.wfp-cs-login__label {
	display: block;
	margin-bottom: 8px;
	color: #5b6570;
	font-size: 17px;
	font-weight: 700;
}

.wfp-cs-login__input {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid #d7dee7;
	border-radius: 8px;
	background: var(--wfp-field);
	font-size: 16px;
	font-family: inherit;
}

.wfp-cs-login__input:focus {
	outline: none;
	border-color: var(--wfp-maroon);
	box-shadow: 0 0 0 3px rgba(139, 0, 0, 0.15);
}

.wfp-cs-login__remember {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 4px 0 24px;
	font-size: 16px;
}

.wfp-cs-login__remember input { width: 17px; height: 17px; margin: 0 2px 0 0; accent-color: var(--wfp-maroon); }

.wfp-cs-login__button {
	display: block;
	width: 100%;
	padding: 16px;
	border: 0;
	border-radius: 8px;
	background: var(--wfp-maroon);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	font-family: inherit;
	cursor: pointer;
}

.wfp-cs-login__button:hover { background: var(--wfp-maroon-dark); }

.wfp-cs-login__note {
	margin: 24px 0 0;
	text-align: center;
	color: var(--wfp-muted);
	font-size: 15px;
	line-height: 1.55;
}

.wfp-cs-login__error {
	margin: 0 0 20px;
	padding: 12px 14px;
	border-left: 4px solid var(--wfp-maroon);
	border-radius: 6px;
	background: #fdecec;
	color: #7a1414;
	font-size: 15px;
}

/* ------------------------------------------------ header */

.wfp-cs__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 28px;
	background: #fff;
	border-bottom: 3px solid var(--wfp-maroon);
}

.wfp-cs__brand {
	display: flex;
	align-items: center;
	border: 0;
	background: none;
	padding: 0;
	text-align: left;
	font-family: inherit;
	cursor: pointer;
}
.wfp-cs__brand .wfp-cs__logo { margin-right: 14px; }
.wfp-cs__brand:hover .wfp-cs__firm { color: var(--wfp-maroon-dark); }
.wfp-cs__logo { width: 46px; height: auto; }
.wfp-cs__firm { font-size: 18px; font-weight: 800; color: var(--wfp-maroon); letter-spacing: 0.3px; }
.wfp-cs__system { font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: #4a5560; }

.wfp-cs__user { display: flex; align-items: center; font-size: 14px; color: var(--wfp-muted); }
.wfp-cs__who { margin-right: 14px; }
.wfp-cs__ver { margin-right: 14px; font-size: 11px; color: #9aa4af; }
.wfp-cs__signout { color: var(--wfp-maroon); text-decoration: none; font-weight: 600; }
.wfp-cs__signout:hover { text-decoration: underline; }

/* ------------------------------------------------ toolbar */

.wfp-cs__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	padding: 12px 28px;
	background: #fff;
	border-bottom: 1px solid var(--wfp-line);
	position: sticky;
	top: 0;
	z-index: 5;
}

.wfp-cs__barleft { display: flex; align-items: center; flex-wrap: wrap; min-width: 0; }
.wfp-cs__barleft > * { margin-right: 12px; }
.wfp-cs__barright { display: flex; align-items: center; flex-wrap: wrap; }
.wfp-cs__barright > * { margin-left: 8px; }

.wfp-cs__barlabel {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wfp-muted);
}

.wfp-cs__crumb { display: inline-flex; align-items: center; flex-wrap: wrap; font-size: 14px; }

.wfp-cs__crumbstep {
	border: 0;
	background: none;
	padding: 3px 6px;
	font-size: 14px;
	font-weight: 600;
	font-family: inherit;
	color: var(--wfp-maroon);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
	border-radius: 5px;
}

.wfp-cs__crumbstep:hover { background: #f6e9e9; }

.wfp-cs__crumbstep.is-here {
	color: var(--wfp-ink);
	text-decoration: none;
	cursor: default;
}

.wfp-cs__crumbsep { color: #9aa4af; padding: 0 2px; }

.wfp-cs__name {
	width: 240px;
	padding: 8px 11px;
	border: 1px solid #cfd6de;
	border-radius: 6px;
	font-size: 14px;
	font-family: inherit;
}

.wfp-cs__name:focus { outline: none; border-color: var(--wfp-maroon); box-shadow: 0 0 0 3px rgba(139, 0, 0, 0.12); }

.wfp-cs__savedat { font-size: 12px; color: var(--wfp-muted); }

/* ------------------------------------------------ buttons */

.wfp-cs__btn {
	padding: 9px 16px;
	border-radius: 7px;
	border: 1px solid var(--wfp-line);
	background: #fff;
	color: var(--wfp-ink);
	font-size: 14px;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
}

.wfp-cs__btn--ghost:hover { border-color: var(--wfp-maroon); color: var(--wfp-maroon); }

.wfp-cs__btn--solid {
	background: var(--wfp-maroon);
	border-color: var(--wfp-maroon);
	color: #fff;
}

.wfp-cs__btn--solid:hover { background: var(--wfp-maroon-dark); }
.wfp-cs__btn--small { padding: 6px 12px; font-size: 13px; }

.wfp-cs__linkbtn {
	border: 0;
	background: none;
	padding: 4px 2px;
	color: var(--wfp-maroon);
	font-size: 13px;
	font-family: inherit;
	cursor: pointer;
	text-decoration: underline;
}

/* ------------------------------------------------ body and steps */

.wfp-cs__body { max-width: 1040px; margin: 0 auto; padding: 28px 24px 60px; }

.wfp-cs__step { margin-bottom: 22px; }

.wfp-cs__steptitle { margin: 0 0 6px; font-size: 20px; font-weight: 700; }
.wfp-cs__hint { margin: 0 0 14px; color: var(--wfp-muted); font-size: 14px; }
.wfp-cs__muted { color: var(--wfp-muted); font-size: 13px; }

.wfp-cs__tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 12px;
	margin-bottom: 14px;
}

.wfp-cs__tile {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 18px 18px;
	border: 1px solid var(--wfp-line);
	border-radius: 10px;
	background: #fff;
	text-align: left;
	font-family: inherit;
	cursor: pointer;
}

.wfp-cs__tile:hover { border-color: var(--wfp-maroon); }
.wfp-cs__tile.is-on { border-color: var(--wfp-maroon); background: var(--wfp-maroon); }
.wfp-cs__tile.is-on .wfp-cs__tilelabel { color: #fff; }
.wfp-cs__tile.is-off { opacity: 0.55; cursor: not-allowed; }

/* the file cover is not a document pack, so it gets its own colour */
.wfp-cs__tile--cover {
	border-color: #1f6f54;
	background: #f2f9f6;
}
.wfp-cs__tile--cover:hover { border-color: #17523e; background: #e7f4ee; }
.wfp-cs__tile--cover .wfp-cs__tilelabel { color: #17523e; }
.wfp-cs__tile--cover .wfp-cs__tilenote { color: #3d7a64; }
.wfp-cs__tile--cover.is-on { border-color: #17523e; background: #1f6f54; }
.wfp-cs__tile--cover.is-on .wfp-cs__tilelabel,
.wfp-cs__tile--cover.is-on .wfp-cs__tilenote { color: #fff; }

.wfp-cs__tilelabel { font-size: 15px; font-weight: 700; color: var(--wfp-ink); }
.wfp-cs__tilenote { font-size: 12px; color: var(--wfp-muted); }

.wfp-cs__chosen {
	margin: 0 0 18px;
	padding: 12px 14px;
	border-left: 4px solid var(--wfp-maroon);
	background: #fff;
	border-radius: 6px;
	font-size: 14px;
}

/* ------------------------------------------------ form */

.wfp-cs__group {
	margin: 0 0 20px;
	padding: 18px 20px;
	border: 1px solid var(--wfp-line);
	border-radius: 10px;
	background: #fff;
}

.wfp-cs__grouptitle { margin: 0 0 14px; font-size: 15px; font-weight: 700; color: var(--wfp-maroon); }

.wfp-cs__sub { margin-bottom: 18px; }
.wfp-cs__sub:last-child { margin-bottom: 0; }

.wfp-cs__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; }

.wfp-cs__field { display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px; }
.wfp-cs__label { font-size: 13px; font-weight: 600; color: var(--wfp-muted); }

.wfp-cs__input {
	width: 100%;
	padding: 9px 11px;
	border: 1px solid #cfd6de;
	border-radius: 6px;
	font-size: 15px;
	font-family: inherit;
	background: #fff;
}

.wfp-cs__input:focus { outline: none; border-color: var(--wfp-maroon); box-shadow: 0 0 0 3px rgba(139, 0, 0, 0.12); }

.wfp-cs__presets { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px; }
.wfp-cs__presets > * { margin-right: 8px; margin-bottom: 4px; }
.wfp-cs__presetlabel { font-size: 13px; color: var(--wfp-muted); }

.wfp-cs__chip {
	padding: 5px 11px;
	border: 1px solid var(--wfp-line);
	border-radius: 999px;
	background: #f7f8fa;
	font-size: 13px;
	font-family: inherit;
	cursor: pointer;
}

.wfp-cs__chip:hover { border-color: var(--wfp-maroon); color: var(--wfp-maroon); }

.wfp-cs__formfoot { display: flex; align-items: center; flex-wrap: wrap; }
.wfp-cs__formfoot > .wfp-cs__btn { margin-right: 10px; }
.wfp-cs__note { width: 100%; margin: 8px 0 0; color: var(--wfp-muted); font-size: 13px; }

/* ------------------------------------------------ saved cases */

.wfp-cs__modalback {
	position: fixed;
	inset: 0;
	background: rgba(17, 39, 66, 0.55);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	z-index: 50;
}

.wfp-cs__modal {
	width: min(900px, 100%);
	max-height: 82vh;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

.wfp-cs__modaltitle { margin: 0; padding: 18px 22px; font-size: 18px; border-bottom: 1px solid var(--wfp-line); }
.wfp-cs__modalbody { padding: 12px 22px; overflow: auto; }
.wfp-cs__modalfoot { padding: 14px 22px; border-top: 1px solid var(--wfp-line); text-align: right; }

.wfp-cs__table { width: 100%; border-collapse: collapse; font-size: 14px; }
.wfp-cs__table th {
	text-align: left;
	padding: 8px 10px;
	border-bottom: 2px solid var(--wfp-line);
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wfp-muted);
}
.wfp-cs__table td { padding: 10px; border-bottom: 1px solid var(--wfp-line); vertical-align: top; }
.wfp-cs__cellname { font-weight: 700; }
.wfp-cs__cellact { white-space: nowrap; text-align: right; }
.wfp-cs__cellact .wfp-cs__btn { margin-right: 6px; }

/* ------------------------------------------------ toast */

.wfp-cs__toast {
	position: fixed;
	left: 50%;
	bottom: 26px;
	transform: translateX(-50%) translateY(20px);
	padding: 12px 20px;
	border-radius: 8px;
	background: #16375c;
	color: #fff;
	font-size: 14px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s, transform 0.2s;
	z-index: 60;
}

.wfp-cs__toast.is-on { opacity: 1; transform: translateX(-50%) translateY(0); }
.wfp-cs__toast.is-bad { background: var(--wfp-maroon); }

@media (max-width: 782px) {
	.wfp-cs__grid { grid-template-columns: 1fr; }
	.wfp-cs__header, .wfp-cs__bar { padding-left: 16px; padding-right: 16px; }
	.wfp-cs__name { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.wfp-cs__toast { transition: none; }
}

/* ---- document pack extras ---- */

.wfp-cs__doclist { margin-top: 10px; font-size: 13px; }
.wfp-cs__doclist summary { cursor: pointer; color: var(--wfp-maroon); font-weight: 600; }
.wfp-cs__docul { margin: 8px 0 0; padding-left: 18px; color: var(--wfp-muted); columns: 2; }
.wfp-cs__docul li { margin-bottom: 3px; break-inside: avoid; }

@media (max-width: 782px) {
	.wfp-cs__docul { columns: 1; }
}

.wfp-cs__barlabel--link {
	border: 0;
	background: none;
	font-family: inherit;
	cursor: pointer;
	padding: 3px 4px;
	border-radius: 4px;
}

.wfp-cs__barlabel--link:hover { color: var(--wfp-maroon); text-decoration: underline; }

/* ---- pack form extras ---- */

.wfp-cs__input.is-auto { background: #f6f7f9; color: #3c4753; }

select.wfp-cs__input { appearance: auto; height: 38px; }

.wfp-cs__docul { margin: 8px 0 0; padding-left: 18px; color: var(--wfp-ink); columns: 2; font-size: 14px; }
.wfp-cs__docsub {
	display: inline-block;
	padding: 1px 7px;
	margin-right: 2px;
	border-radius: 999px;
	background: #f0e6e6;
	color: var(--wfp-maroon);
	font-size: 11px;
	font-weight: 700;
}

/* ---- loan breakdown ---- */

.wfp-cs__field--wide { grid-column: 1 / -1; }

.wfp-cs__loan {
	padding: 14px 16px;
	border: 1px dashed #cfd6de;
	border-radius: 8px;
	background: #fbfcfd;
}

.wfp-cs__loanrows { margin: 10px 0; }

.wfp-cs__loanrow {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}

.wfp-cs__loanrow .wfp-cs__loandesc { flex: 3 1 0; margin-right: 10px; }
.wfp-cs__loanrow .wfp-cs__loanamt { flex: 1 1 0; margin-right: 10px; text-align: right; }

.wfp-cs__unrep {
	margin: 0 0 12px;
	padding: 10px 12px;
	border-left: 4px solid var(--wfp-maroon);
	border-radius: 6px;
	background: #fdf4f4;
	font-size: 13px;
	color: var(--wfp-ink);
}

ol.wfp-cs__docul { list-style: decimal; padding-left: 26px; }
ol.wfp-cs__docul li { padding-left: 2px; }

.wfp-cs__docul--num { list-style: none; padding-left: 0; }
.wfp-cs__docno { display: inline-block; min-width: 22px; color: var(--wfp-muted); font-variant-numeric: tabular-nums; }

.wfp-cs__docul--one { columns: 1; }

.wfp-cs__subhead {
	grid-column: 1 / -1;
	margin: 10px 0 2px;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--wfp-line);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wfp-muted);
}

.wfp-cs__docpick {
	display: inline-block;
	padding: 1px 7px;
	border-radius: 999px;
	background: #eef3f8;
	color: #4a5560;
	font-size: 11px;
	font-weight: 700;
}

/* four or more choices: numbered, one per line */
.wfp-cs__tiles--list { display: block; }

.wfp-cs__tilerow {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.wfp-cs__tileno {
	flex: 0 0 auto;
	width: 30px;
	color: var(--wfp-muted);
	font-size: 15px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.wfp-cs__tilerow .wfp-cs__tile { flex: 1 1 auto; padding: 14px 18px; }

.wfp-cs__repdetails { grid-column: 1 / -1; }

.wfp-cs__textarea {
	min-height: 120px;
	padding: 10px 12px;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.55;
	resize: vertical;
}

/* the tracker table — the same shape as the tracker sheets */
.wfp-cs__trkwrap { overflow-x: auto; margin: 4px 0 10px; }
.wfp-cs__trk { border-collapse: collapse; font-size: 13px; }
.wfp-cs__trk th,
.wfp-cs__trk td { border: 1px solid var(--wfp-line); padding: 3px 5px; vertical-align: middle; }
.wfp-cs__trk th { background: #1f4e78; color: #fff; font-size: 12px; font-weight: 700; text-align: center; }
.wfp-cs__trk th.wfp-cs__trkauto { background: #33618c; }
.wfp-cs__trkno { width: 34px; text-align: center; color: var(--wfp-muted); }
.wfp-cs__trkin { padding: 4px 6px !important; font-size: 13px; width: 100%; min-width: 70px; }
.wfp-cs__trkout { padding: 4px 6px; background: #f1f3f6; border-radius: 4px; text-align: center; min-height: 18px; color: #333; }
.wfp-cs__trk--ok td { background: #e8f6ec; }
.wfp-cs__trk--hurry td { background: #fff6e0; }
.wfp-cs__trk--over td { background: #fdeaea; }
.wfp-cs__trk--done td { background: #eeeeee; color: #666; }
.wfp-cs__trkdel { width: 34px; text-align: center; }
.wfp-cs__trkbin {
	border: 1px solid var(--wfp-line);
	background: #fff;
	border-radius: 6px;
	padding: 2px 6px;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.4;
}
.wfp-cs__trkbin:hover { border-color: var(--wfp-maroon); background: #fdeaea; }

/* ---------------- Last Will form ---------------- */
.wfp-will__card { border: 1px solid var(--wfp-line); border-radius: 8px; padding: 12px 14px; margin: 0 0 12px; background: #fbfcfe; }
.wfp-will__cardhead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.wfp-will__tools { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.wfp-will__sub { border-left: 3px solid var(--wfp-line); padding: 6px 0 6px 12px; margin: 8px 0 12px; }
.wfp-will__list, .wfp-will__gift { display: flex; flex-direction: column; gap: 6px; margin-bottom: 8px; }
.wfp-will__list > .wfp-cs__btn, .wfp-will__gift > .wfp-cs__btn { align-self: flex-start; }
.wfp-will__row { display: flex; align-items: center; gap: 8px; }
.wfp-will__row select.wfp-cs__input { flex: 1 1 auto; min-width: 0; }
.wfp-will__rowno { width: 22px; color: var(--wfp-muted); font-size: 13px; text-align: right; flex: 0 0 auto; }
.wfp-will__share { width: 130px !important; flex: 0 0 130px; }
.wfp-will__x { padding: 4px 9px !important; }
.wfp-will__danger { color: var(--wfp-maroon) !important; }
.wfp-will__check { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; margin: 4px 0 8px; cursor: pointer; }
.wfp-will__check input { width: 17px; height: 17px; accent-color: var(--wfp-maroon); }
.wfp-will__hint { display: block; width: 100%; font-size: 12px; color: var(--wfp-muted); }
.wfp-will__radios { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 10px; }
.wfp-will__pill { border: 1px solid #cfd6de; background: #fff; border-radius: 999px; padding: 6px 13px; font: inherit; font-size: 14px; cursor: pointer; color: var(--wfp-ink); }
.wfp-will__pill.is-on { background: var(--wfp-maroon); border-color: var(--wfp-maroon); color: #fff; }
.wfp-will__typepick { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }
.wfp-will__warnhead { font-weight: 700; margin: 6px 0 4px; color: #8a5a00; }
.wfp-will__warnhead.is-stop { color: var(--wfp-maroon); }
.wfp-will__warnlist { margin: 0 0 10px; padding-left: 20px; font-size: 14px; }
.wfp-will__warnlist li { margin-bottom: 3px; }
.wfp-will__warnlist.is-stop li { color: var(--wfp-maroon); }
.wfp-will__ok { color: #1d6b36; font-weight: 600; }
@media (max-width: 720px) {
	.wfp-will__share { width: 90px !important; flex-basis: 90px; }
}

/* Last Will — readability */
.wfp-will .wfp-cs__input, .wfp-will textarea, .wfp-will select { box-sizing: border-box; max-width: 100%; }
.wfp-will .wfp-cs__label { color: var(--wfp-ink); font-size: 13.5px; }
.wfp-will__sec { scroll-margin-top: 70px; }
.wfp-will__sectitle { display: flex; align-items: center; gap: 10px; font-size: 18px; padding-bottom: 10px; border-bottom: 2px solid var(--wfp-maroon); }
.wfp-will__secno { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--wfp-maroon); color: #fff; font-size: 14px; flex: 0 0 28px; }
.wfp-will__subhead { color: var(--wfp-navy-2); margin-top: 14px; }
.wfp-will__cardhead strong { font-size: 15.5px; color: var(--wfp-navy-1); }
.wfp-will__nav { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 10px 12px; margin: 0 0 18px; background: #fff; border: 1px solid var(--wfp-line); border-radius: 10px; box-shadow: 0 2px 6px rgba(17,39,66,.06); }
.wfp-will__navlabel { font-size: 13px; font-weight: 700; color: var(--wfp-muted); margin-right: 4px; }
.wfp-will__navlink { font-size: 13px; padding: 4px 10px; border-radius: 999px; background: var(--wfp-field); color: var(--wfp-navy-1); text-decoration: none; }
.wfp-will__navlink:hover { background: var(--wfp-maroon); color: #fff; }
@media (max-width: 720px) { .wfp-will__nav { position: static; } }

.wfp-will__tier { border: 1px dashed #b9c3cf; border-left: 3px solid var(--wfp-navy-3); border-radius: 8px; padding: 10px 12px; margin: 6px 0 8px; background: #f5f8fc; display: flex; flex-direction: column; gap: 6px; }
.wfp-will__tier > .wfp-cs__btn { align-self: flex-start; }
.wfp-will__tier .wfp-cs__grid { margin-bottom: 2px; }

/* tenancy photos */
.wfp-ta-photos { display: flex; flex-direction: column; gap: 10px; }
.wfp-ta-photo { display: flex; gap: 12px; align-items: flex-start; border: 1px solid var(--wfp-line); border-radius: 8px; padding: 10px; background: #fbfcfe; }
.wfp-ta-photo img { width: 150px; height: 112px; object-fit: cover; border-radius: 6px; flex: 0 0 150px; background: #eee; }
.wfp-ta-photo__body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.wfp-ta-photo__body .wfp-cs__input { box-sizing: border-box; width: 100%; }
.wfp-ta-photo__tools { display: flex; gap: 12px; }
@media (max-width: 600px) { .wfp-ta-photo { flex-direction: column; } .wfp-ta-photo img { width: 100%; height: auto; flex-basis: auto; } }

/* tenancy guarantors */
.wfp-ta-guar { display: flex; flex-direction: column; gap: 10px; }
.wfp-ta-guar__card { border: 1px solid var(--wfp-line); border-radius: 8px; padding: 10px 12px; background: #fbfcfe; }
.wfp-ta-guar__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.wfp-ta-guar > .wfp-cs__btn { align-self: flex-start; }

/* ------------------------------------------------ SPA checking (read only) */

.wfp-cs__tile--check { border-color: #2c4f7c; background: #f2f6fb; }
.wfp-cs__tile--check:hover { border-color: #16375c; background: #e6eef8; }
.wfp-cs__tile--check .wfp-cs__tilelabel { color: #16375c; }
.wfp-cs__tile--check .wfp-cs__tilenote { color: #4d6788; }

.wfp-sc {
	position: relative;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	background-repeat: repeat;
	padding-bottom: 12px;
}
.wfp-sc .wfp-sc__search { -webkit-user-select: text; user-select: text; }

.wfp-sc__trail { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 12px; font-size: 13px; }
.wfp-sc__traillink { border: 0; background: none; padding: 0; font: inherit; color: var(--wfp-navy-3); cursor: pointer; text-decoration: underline; }
.wfp-sc__trailsep { color: var(--wfp-muted); }
.wfp-sc__trailhere { font-weight: 700; color: var(--wfp-ink); }

.wfp-sc__switch { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 14px; }
.wfp-sc__switchlab { font-size: 13px; font-weight: 700; color: var(--wfp-muted); margin-right: 2px; }
.wfp-sc__chip {
	border: 1px solid #b9c7d8; background: #fff; color: #16375c; border-radius: 999px;
	padding: 6px 14px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.wfp-sc__chip:hover { border-color: #16375c; }
.wfp-sc__chip.is-on { background: #16375c; border-color: #16375c; color: #fff; }

.wfp-sc__head { margin: 0 0 12px; }
.wfp-sc__title { margin: 0 0 6px; font-size: 19px; font-weight: 800; color: #16375c; }
.wfp-sc__sub { margin: 0 0 4px; font-size: 13px; color: var(--wfp-ink); }
.wfp-sc__src { margin: 0; font-size: 12px; color: var(--wfp-muted); }

.wfp-sc__tools {
	position: sticky; top: 70px; z-index: 4;
	display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
	padding: 10px 12px; margin: 0 0 10px;
	background: #fff; border: 1px solid var(--wfp-line); border-radius: 10px;
	box-shadow: 0 4px 12px rgba(17, 39, 66, 0.06);
}
.wfp-sc__search {
	flex: 1 1 280px; min-width: 0;
	padding: 9px 12px; border: 1px solid var(--wfp-line); border-radius: 8px;
	background: var(--wfp-field); font: inherit; font-size: 14px; color: var(--wfp-ink);
}
.wfp-sc__search:focus { outline: 2px solid #9fb6d3; background: #fff; }
.wfp-sc__prog { font-size: 13px; font-weight: 700; color: #1f6f54; white-space: nowrap; }
.wfp-sc__only { font-size: 13px; color: var(--wfp-ink); white-space: nowrap; cursor: pointer; }
.wfp-sc__mini {
	border: 1px solid var(--wfp-line); background: #fff; border-radius: 6px; padding: 6px 10px;
	font: inherit; font-size: 12px; color: var(--wfp-ink); cursor: pointer;
}
.wfp-sc__mini:hover { border-color: var(--wfp-navy-3); }

.wfp-sc__jump { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.wfp-sc__jumpchip {
	border: 1px solid var(--wfp-line); background: #fff; border-radius: 6px; padding: 4px 9px;
	font: inherit; font-size: 12px; color: #16375c; cursor: pointer;
}
.wfp-sc__jumpchip:hover { border-color: #16375c; background: #f2f6fb; }

.wfp-sc__body { background: rgba(255, 255, 255, 0.92); border: 1px solid var(--wfp-line); border-radius: 10px; overflow: hidden; }

.wfp-sc__row { display: grid; gap: 0; border-top: 1px solid var(--wfp-line); border-left: 4px solid var(--tint, transparent); }
.wfp-sc__row--hdr { border-top: 0; border-left-color: transparent; background: #16375c; color: #fff; font-weight: 700; font-size: 13px; }
.wfp-sc__row.is-ticked { background: #f1f8f4; }
.wfp-sc__row.is-ticked .wfp-sc__item { text-decoration: line-through; text-decoration-color: rgba(31, 111, 84, 0.5); }

.wfp-sc__grid--3 { grid-template-columns: 52px minmax(150px, 26%) 1fr; }
.wfp-sc__grid--3.has-tick { grid-template-columns: 40px 52px minmax(150px, 26%) 1fr; }
.wfp-sc__grid--4.has-tick { grid-template-columns: 40px 52px minmax(150px, 28%) 1fr minmax(120px, 18%); }
.wfp-sc__grid--4 { grid-template-columns: 60px 1.4fr 110px 1.4fr; }
.wfp-sc--rpgt_rates .wfp-sc__grid--4 { grid-template-columns: 1.4fr 1fr 1fr 1fr; }

.wfp-sc__cell { padding: 10px 12px; font-size: 13.5px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.wfp-sc__no { font-weight: 700; color: var(--wfp-muted); }
.wfp-sc__item { font-weight: 700; color: var(--wfp-ink); }
.wfp-sc__tickcell { display: flex; justify-content: center; align-items: flex-start; padding-top: 12px; cursor: pointer; }
.wfp-sc__tickcell input { width: 17px; height: 17px; accent-color: #1f6f54; cursor: pointer; }
.wfp-sc__row--hdr .wfp-sc__tickcell { padding-top: 10px; }

.wfp-sc__sec { border-top: 1px solid var(--wfp-line); background: var(--sec, #d6e4f0); scroll-margin-top: 150px; }
.wfp-sc__secbtn {
	display: block; width: 100%; text-align: left; border: 0; background: none; cursor: pointer;
	padding: 10px 14px; font: inherit; font-size: 14px; font-weight: 800; color: #112742;
}

.wfp-sc__note { margin: 0; padding: 8px 14px; border-top: 1px solid var(--wfp-line); font-size: 13px; color: var(--wfp-ink); background: #fafbfc; white-space: pre-line; }
.wfp-sc__empty { margin: 0; padding: 18px 14px; color: var(--wfp-muted); font-size: 14px; }
.wfp-sc__foot { margin: 10px 2px 0; font-size: 12px; color: var(--wfp-muted); }
.wfp-sc mark { background: #ffe58a; color: inherit; padding: 0 1px; border-radius: 2px; }

@media (max-width: 720px) {
	.wfp-sc__row, .wfp-sc__row.has-tick { display: block; position: relative; padding: 6px 0; }
	.wfp-sc__row--hdr { display: none; }
	.wfp-sc__cell { display: block; padding: 3px 12px; }
	.wfp-sc__row.has-tick .wfp-sc__cell:not(.wfp-sc__tickcell) { padding-right: 46px; }
	.wfp-sc__tickcell { position: absolute; top: 6px; right: 6px; padding: 4px; }
	.wfp-sc__no::before { content: "No. "; }
	.wfp-sc__cell[data-col]:not(.wfp-sc__no):not(.wfp-sc__item)::before { content: attr(data-col) ": "; font-weight: 700; color: var(--wfp-muted); }
	.wfp-sc__tools { position: static; }
}

@media print {
	.wfp-sc { display: none !important; }
	body.wfp-sc-noprint #wfp-cs-app::after { content: "SPA checklists are read only and cannot be printed."; display: block; padding: 40px; font-size: 16px; }
}

/* corporate reminder */
.wfp-sc__remind {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
	margin: 0 0 14px; padding: 14px 16px;
	background: #fff6e0; border: 1px solid #e8b44a; border-left: 6px solid #d18b00; border-radius: 10px;
}
.wfp-sc__remindtxt { flex: 1 1 360px; display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #4a3500; }
.wfp-sc__remindtxt strong { font-size: 15px; color: #7a4d00; }
.wfp-sc__remindbtn {
	border: 0; border-radius: 8px; padding: 10px 16px; background: #b35c00; color: #fff;
	font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap;
}
.wfp-sc__remindbtn:hover { background: #8f4900; }

.wfp-sc__modal {
	position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center;
	padding: 16px; background: rgba(17, 39, 66, 0.55);
}
.wfp-sc__modalbox {
	width: min(620px, 100%); max-height: 90vh; overflow: auto; padding: 24px 26px;
	background: #fff; border-radius: 12px; border-top: 6px solid #d18b00; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}
.wfp-sc__modalkicker { margin: 0 0 6px; font-size: 13px; font-weight: 800; color: #b35c00; text-transform: uppercase; letter-spacing: 0.04em; }
.wfp-sc__modaltitle { margin: 0 0 8px; font-size: 18px; color: #16375c; }
.wfp-sc__modalsub { margin: 0 0 12px; font-size: 14px; color: var(--wfp-ink); }
.wfp-sc__modallab { margin: 0 0 6px; font-size: 13px; font-weight: 700; }
.wfp-sc__modallist { margin: 0 0 16px; padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.wfp-sc__modalacts { display: flex; flex-wrap: wrap; gap: 10px; }

.wfp-sc__badge {
	display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 800;
	letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; vertical-align: 1px;
}
.wfp-sc__badge--sign { background: #fde2e2; color: #9b1c1c; border: 1px solid #f3b1b1; }
.wfp-sc__badge--cosec { background: #efe6fb; color: #5b2d91; border: 1px solid #d3c0ee; }
.wfp-sc__badge--bank { background: #e3eefc; color: #1d4f91; border: 1px solid #b8d0f1; }
.wfp-sc__badge--obtain { background: #f1f3f5; color: #3b4652; border: 1px solid #d6dbe0; }
.wfp-sc__badge--search { background: #fff3d6; color: #7a5200; border: 1px solid #efd593; }
.wfp-sc__badge--wfp { background: #e3f3ec; color: #17523e; border: 1px solid #b4dcc9; }

.wfp-sc__legend { display: flex; flex-wrap: wrap; gap: 6px; flex: 1 1 280px; }
.wfp-sc__sec--plain { padding: 10px 14px; font-size: 14px; font-weight: 800; color: #112742; }
.wfp-sc__gnote { margin: 0; padding: 8px 14px; border-top: 1px solid var(--wfp-line); background: #fff6e0; color: #6b4400; font-size: 13px; font-weight: 600; }
.wfp-sc__rrow { display: grid; grid-template-columns: 40px 1fr; border-top: 1px solid var(--wfp-line); border-left: 4px solid transparent; }
.wfp-sc__rrow.is-sign { border-left-color: #d64545; }
.wfp-sc__rrow.is-ticked { background: #f1f8f4; }
.wfp-sc__rrow.is-ticked .wfp-sc__item { text-decoration: line-through; text-decoration-color: rgba(31, 111, 84, 0.5); }
.wfp-sc__rmain { padding: 10px 12px 10px 0; }
.wfp-sc__rtop { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 3px; }
.wfp-sc__rdet { font-size: 13.5px; line-height: 1.5; white-space: pre-line; }
.wfp-sc__rlaw { margin-top: 4px; font-size: 12px; color: var(--wfp-muted); }
.wfp-sc--remind .wfp-cs__linkbtn { margin-top: 12px; }
@media (max-width: 720px) {
	.wfp-sc__rrow { position: relative; grid-template-columns: 1fr; }
	.wfp-sc__rmain { padding: 10px 46px 10px 12px; }
}

/* v5.14.3 — darker, easier-to-read wording; long details split into lines and (a)(b) points */
.wfp-sc, .wfp-sc .wfp-sc__cell, .wfp-sc .wfp-sc__rdet, .wfp-sc .wfp-sc__note { color: #111820; font-weight: 400; }
.wfp-sc .wfp-sc__cell { font-size: 14px; line-height: 1.55; }
.wfp-sc .wfp-sc__no { color: #3b4652; font-weight: 700; }
.wfp-sc .wfp-sc__item { color: #0b1a2e; font-weight: 700; }
.wfp-sc .wfp-sc__sub, .wfp-sc .wfp-sc__src, .wfp-sc .wfp-sc__rlaw, .wfp-sc .wfp-sc__foot { color: #3b4652; }
.wfp-sc__fmt { white-space: normal; }
.wfp-sc__p + .wfp-sc__p, .wfp-sc__li + .wfp-sc__p { margin-top: 6px; }
.wfp-sc__p + .wfp-sc__li { margin-top: 4px; }
.wfp-sc__li { display: grid; grid-template-columns: 30px 1fr; margin-top: 3px; padding-left: 6px; }
.wfp-sc__li--sub { padding-left: 34px; }
.wfp-sc__m { font-weight: 700; color: #16375c; }
.wfp-sc__lab { color: #0b1a2e; font-weight: 800; }
.wfp-sc__key { color: #8b0000; font-weight: 700; }
.wfp-sc__rdet { color: #111820; font-size: 14px; }
.wfp-sc .wfp-sc__row--hdr .wfp-sc__cell { color: #fff; font-weight: 700; }

/* ------------------------------------------------ Procedure checklist (v5.15.0) */
.wfp-pc__pick { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 14px 0; }
.wfp-pc__select {
	flex: 1 1 420px; min-width: 0; padding: 12px 14px; font: inherit; font-size: 15px; font-weight: 600;
	color: #0b1a2e; background: #fff; border: 2px solid #16375c; border-radius: 10px; cursor: pointer;
}
.wfp-pc__wiz { margin: 0 0 16px; padding: 14px 16px; background: #fff; border: 1px dashed #9fb6d3; border-radius: 10px; }
.wfp-pc__wizh { margin: 0 0 10px; font-weight: 700; color: #16375c; }
.wfp-pc__q { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 0; border-top: 1px solid var(--wfp-line); }
.wfp-pc__qt { flex: 1 1 300px; font-size: 14px; color: #111820; }
.wfp-pc__qo { display: flex; gap: 8px; }
.wfp-pc__wizres { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 10px; padding: 10px 12px; background: #f2f6fb; border-radius: 8px; font-size: 14px; }
.wfp-pc__head { padding: 14px 16px; background: #fff; border: 1px solid var(--wfp-line); border-left: 6px solid #16375c; border-radius: 10px; }
.wfp-pc__name { margin: 0 0 6px; font-size: 18px; color: #16375c; }
.wfp-pc__simple { margin: 0 0 8px; font-size: 14px; color: #111820; }
.wfp-pc__meta { margin: 0; font-size: 13px; color: #111820; }
.wfp-pc__flag { margin: 10px 0 0; border-radius: 6px; }
.wfp-pc__feerows { display: flex; flex-direction: column; gap: 4px; margin: 6px 0; }
.wfp-pc__feerow { display: grid; grid-template-columns: 26px minmax(140px, 240px) 1fr; gap: 8px; font-size: 14px; color: #3a2a00; }
.wfp-pc__feeno { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #b35c00; color: #fff; font-weight: 800; font-size: 12px; }
.wfp-pc__feewhen { font-weight: 700; }
.wfp-pc__feenote { font-weight: 700; color: #8b0000; }
.wfp-pc__toolslab { flex: 1 1 280px; font-weight: 700; color: #16375c; font-size: 14px; }
.wfp-pc__line { display: grid; grid-template-columns: 34px 1fr; }
.wfp-pc__no { font-weight: 800; color: #16375c; }
.wfp-pc__t { font-weight: 600; }
.wfp-pc__bold .wfp-pc__t { font-weight: 800; text-decoration: underline; }
.wfp-pc__subs { margin: 2px 0 0 34px; font-size: 14px; color: #111820; }
.wfp-pc__pay { background: #fff6e0; border-left-color: #d18b00 !important; }
.wfp-pc__pay .wfp-sc__item { color: #7a4d00; }
.wfp-pc__paybadge { background: #b35c00; color: #fff; border: 0; }
.wfp-pc__pay.is-ticked { background: #f1f8f4; }
@media (max-width: 720px) {
	.wfp-pc__feerow { grid-template-columns: 26px 1fr; }
	.wfp-pc__feewhat { grid-column: 2; }
}

/* saved cases — delete only after download (v5.16.0) */
.wfp-cs__dlok { margin-top: 2px; font-size: 12px; font-weight: 700; color: #1f6f54; }
.wfp-cs__btn--del { margin-left: 6px; border-color: #b42318; background: #fff; color: #b42318; }
.wfp-cs__btn--del:hover { background: #b42318; color: #fff; }
.wfp-cs__nodel { display: inline-block; margin-left: 8px; font-size: 12px; font-style: italic; }

/* who appointed us (v5.17.0) */
.wfp-pc__roles { margin: 0 0 14px; padding: 14px 16px; background: #fff; border: 2px solid #16375c; border-radius: 10px; }
.wfp-pc__rolesh { margin: 0 0 10px; font-size: 16px; font-weight: 800; color: #16375c; }
.wfp-pc__rolebtns { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin-bottom: 8px; }
.wfp-pc__role { display: flex; flex-direction: column; gap: 3px; text-align: left; padding: 12px 14px; border: 1px solid #b9c7d8; border-radius: 8px; background: #f7f9fc; font: inherit; cursor: pointer; }
.wfp-pc__role strong { font-size: 15px; color: #0b1a2e; }
.wfp-pc__role span { font-size: 13px; color: #3b4652; }
.wfp-pc__role:hover { border-color: #16375c; }
.wfp-pc__role.is-on { background: #16375c; border-color: #16375c; }
.wfp-pc__role.is-on strong, .wfp-pc__role.is-on span { color: #fff; }
.wfp-pc__other { background: #f3f4f6; }
.wfp-pc__other .wfp-pc__t { color: #5b6570; font-weight: 500; }
.wfp-pc__other .wfp-pc__subs, .wfp-pc__other .wfp-pc__no { color: #6b7684; }
.wfp-pc__otherbadge { background: #e5e7eb; color: #374151; border: 1px solid #cbd0d6; margin-right: 4px; }
.wfp-pc__othernote { margin: 2px 0 0 34px; font-size: 12.5px; font-style: italic; color: #5b6570; }
.wfp-pc__secother { background: #e5e7eb !important; color: #4b5563; }

/* v5.18.0 — handbook additions */
.wfp-pc__ktag { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 4px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.03em; vertical-align: 1px; white-space: nowrap; }
.wfp-pc__ktag--O, .wfp-pc__ktag--OS { background: #fde2e2; color: #9b1c1c; }
.wfp-pc__ktag--C { background: #e3eefc; color: #1d4f91; }
.wfp-pc__ktag--D { background: #efe6fb; color: #5b2d91; }
.wfp-pc__ktag--S { background: #fff3d6; color: #7a5200; }
.wfp-pc__ktag--P { background: #f1f3f5; color: #3b4652; }
.wfp-pc__lawbadge { background: #fff; color: #8b0000; border: 1px solid #e3a5a5; font-size: 10.5px; }
.wfp-pc__rules { margin: 10px 0 0; padding: 10px 12px; background: #fdf3f3; border: 1px solid #f0caca; border-radius: 8px; }
.wfp-pc__rulesh { display: block; margin-bottom: 4px; color: #8b0000; font-size: 14px; }
.wfp-pc__rule { font-size: 13.5px; color: #111820; padding: 2px 0; }
.wfp-pc__rule .wfp-sc__lab { color: #8b0000; }

/* v5.19.0 — sub-sale Part A / Part B */
.wfp-pc__part { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; color: #fff; }
.wfp-pc__part strong { font-size: 16px; letter-spacing: 0.04em; }
.wfp-pc__part span { font-size: 13px; opacity: 0.92; }
.wfp-pc__part--A { background: #1f6f54; }
.wfp-pc__part--B { background: #16375c; border-top: 4px solid #fff; }
.wfp-pc__line { grid-template-columns: 42px 1fr !important; }
.wfp-pc__subs, .wfp-pc__othernote { margin-left: 42px !important; }

/* v5.20.0 — lighter, roomier procedure list */
.wfp-pc .wfp-pc__line { display: grid; grid-template-columns: 52px 1fr !important; column-gap: 4px; align-items: baseline; }
.wfp-pc .wfp-pc__no { font-size: 13px; font-weight: 700; color: #16375c; white-space: nowrap; }
.wfp-pc .wfp-pc__t { font-size: 14px; font-weight: 500; line-height: 1.5; color: #111820; }
.wfp-pc .wfp-pc__bold .wfp-pc__t { font-weight: 700; text-decoration: none; }
.wfp-pc .wfp-pc__subs, .wfp-pc .wfp-pc__othernote { margin-left: 56px !important; font-size: 13.5px; }
.wfp-pc .wfp-pc__subs .wfp-sc__li { grid-template-columns: 28px 1fr; }
.wfp-pc .wfp-sc__rmain { padding: 9px 12px 9px 0; }
.wfp-pc__muted { color: #6b7684; font-weight: 400; font-size: 13px; }
.wfp-pc__copies { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 999px; background: #eef2f8; color: #16375c; font-size: 12px; font-weight: 700; white-space: nowrap; vertical-align: 1px; }
.wfp-pc__part { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 14px 16px; border: 0; border-radius: 0; text-align: left; font: inherit; color: #fff; cursor: pointer; }
.wfp-pc__part:hover { filter: brightness(1.08); }
.wfp-pc__partl { display: flex; flex-direction: column; gap: 2px; }
.wfp-pc__partl strong { font-size: 15px; letter-spacing: 0.03em; }
.wfp-pc__partl span { font-size: 13px; opacity: 0.92; }
.wfp-pc__partr { font-size: 13px; font-weight: 700; background: rgba(255,255,255,0.18); padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
details.wfp-pc__rules { padding: 8px 12px; }
details.wfp-pc__rules > summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; list-style: revert; margin: 0; }
.wfp-pc__rulesshort { font-size: 13px; font-weight: 600; color: #6b2a2a; }
details.wfp-pc__rules[open] > summary { margin-bottom: 6px; }
@media (max-width: 720px) {
	.wfp-pc .wfp-pc__line { grid-template-columns: 46px 1fr !important; }
	.wfp-pc .wfp-pc__subs, .wfp-pc .wfp-pc__othernote { margin-left: 50px !important; }
}
/* copies column on the right */
.wfp-pc .wfp-pc__line { grid-template-columns: 52px 1fr 86px !important; }
.wfp-pc__copycol { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1.1; }
.wfp-pc__copycol strong { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; padding: 0 6px; border-radius: 8px; background: #16375c; color: #fff; font-size: 15px; font-weight: 800; }
.wfp-pc__copycol span { margin-top: 2px; font-size: 11px; color: #6b7684; }
.wfp-pc__other .wfp-pc__copycol strong { background: #9aa3ad; }
.wfp-pc__sech { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.wfp-pc__copyhead { flex: 0 0 auto; width: 86px; text-align: center; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em; color: #16375c; }
@media (max-width: 720px) {
	.wfp-pc .wfp-pc__line { grid-template-columns: 46px 1fr 62px !important; }
	.wfp-pc__copyhead { width: 62px; font-size: 10px; }
}
@media (max-width: 720px) {
	.wfp-pc .wfp-sc__rrow { grid-template-columns: 34px 1fr !important; }
	.wfp-pc .wfp-sc__rrow .wfp-sc__tickcell { position: static; padding: 12px 0 0 8px; }
	.wfp-pc .wfp-sc__rmain { padding: 9px 8px 9px 0 !important; }
	.wfp-pc .wfp-pc__line { grid-template-columns: 38px 1fr 54px !important; }
	.wfp-pc .wfp-pc__subs, .wfp-pc .wfp-pc__othernote { margin-left: 40px !important; }
	.wfp-pc__copyhead { width: 54px; }
}

/* v5.21.0 — tell us about this case */
.wfp-pc__setnote { margin: -4px 0 10px; font-size: 13px; color: #3b4652; }
.wfp-pc__setq { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 10px 0; border-top: 1px solid var(--wfp-line); }
.wfp-pc__setql { flex: 0 0 240px; font-size: 14px; font-weight: 700; color: #0b1a2e; }
.wfp-pc__setqo { display: flex; flex-wrap: wrap; gap: 8px; }
.wfp-pc__roles .wfp-sc__remindbtn { margin-top: 10px; }
.wfp-pc__setsum { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wfp-pc__setchip { display: inline-flex; flex-direction: column; padding: 6px 12px; border-radius: 8px; background: #eef2f8; border: 1px solid #c9d5e5; }
.wfp-pc__setchip small { font-size: 11px; color: #4d6788; text-transform: uppercase; letter-spacing: 0.03em; }
.wfp-pc__setchip strong { font-size: 14px; color: #0b1a2e; }
@media (max-width: 720px) { .wfp-pc__setql { flex-basis: 100%; } }

/* v5.21.0 — procedure first page */
.wfp-pc__start { margin-top: 14px; }
.wfp-pc__bigtile { display: flex; flex-direction: column; gap: 4px; width: 100%; padding: 20px 22px; border: 2px solid #16375c; border-radius: 12px; background: #16375c; color: #fff; text-align: left; font: inherit; cursor: pointer; }
.wfp-pc__bigtile strong { font-size: 20px; }
.wfp-pc__bigtile span { font-size: 14px; opacity: 0.9; }
.wfp-pc__bigtile:hover { background: #0f2a47; }
.wfp-pc__orh { margin: 18px 0 8px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; color: #3b4652; }
.wfp-pc__othertiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; }
.wfp-pc__othertile { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid #c9d5e5; border-radius: 10px; background: #fff; text-align: left; font: inherit; cursor: pointer; }
.wfp-pc__othertile:hover { border-color: #16375c; background: #f2f6fb; }
.wfp-pc__othertile strong { font-size: 15px; color: #0b1a2e; }
.wfp-pc__othertile span { font-size: 13px; color: #3b4652; }
.wfp-pc__back { display: inline-block; margin: 6px 0 12px; font-size: 13px; }
.wfp-pc__setq.is-todo .wfp-pc__setql { color: #8b0000; }
.wfp-pc__part { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; text-align: left; }
.wfp-pc__partl { align-items: flex-start; }
.wfp-pc__othertiles { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.wfp-pc__othertile { padding: 12px 14px; }
.wfp-pc__othertile strong { font-size: 14.5px; }

/* v5.22.0 — due diligence */
.wfp-pc__dd { margin-top: 14px; }
.wfp-pc__ddhead { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; background: #5b2d91; color: #fff; border-radius: 10px 10px 0 0; }
.wfp-pc__ddhead strong { font-size: 15px; letter-spacing: 0.03em; }
.wfp-pc__ddhead span { font-size: 13px; opacity: 0.95; }
.wfp-pc__ddtabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--wfp-line); border-top: 0; }
.wfp-pc__ddtab { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border: 0; border-right: 1px solid var(--wfp-line); background: #f7f4fb; text-align: left; font: inherit; cursor: pointer; }
.wfp-pc__ddtab:last-child { border-right: 0; }
.wfp-pc__ddtab strong { font-size: 14px; color: #3b1d63; }
.wfp-pc__ddtab span { font-size: 12px; color: #5b6570; }
.wfp-pc__ddtab.is-on { background: #fff; box-shadow: inset 0 -3px 0 #5b2d91; }
.wfp-pc__ddtab.is-done strong { color: #1f6f54; }
.wfp-pc__ddlist { border-radius: 0; }
.wfp-pc__why { margin: 3px 0 0 56px; font-size: 13px; color: #4b5563; font-style: italic; }
.wfp-pc__bankbadge { background: #e3eefc; color: #1d4f91; border: 1px solid #b8d0f1; font-size: 10.5px; }
.wfp-pc__ddfoot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 0; }
.wfp-pc__ddfoot .wfp-pc__flag { margin: 0; flex: 1 1 320px; }
.wfp-pc__ddbtn { border: 1px solid #5b2d91; background: #5b2d91; color: #fff; border-radius: 6px; padding: 6px 10px; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.wfp-pc__ddbtn.is-done { background: #1f6f54; border-color: #1f6f54; }
@media (max-width: 720px) {
	.wfp-pc__ddtabs { grid-template-columns: 1fr; }
	.wfp-pc__ddtab { border-right: 0; border-bottom: 1px solid var(--wfp-line); }
	.wfp-pc__why { margin-left: 40px; }
}
/* v5.23 — sub-sale part picker + grouped questions */
.wfp-pc__parthd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.wfp-pc__qgrp{margin:18px 0 6px;padding:6px 10px;background:#eef3f8;border-left:4px solid #1f4e79;color:#1f2a37;font-weight:700;font-size:14px;border-radius:4px}
.wfp-pc__start .wfp-pc__bigtile + .wfp-pc__bigtile{margin-top:14px}
/* v5.26 — due diligence: vertical parts, sign-off */
.wfp-pc__ddacc{display:flex;flex-direction:column;gap:10px;padding:14px;background:#f7f5fb}
.wfp-pc__ddsec{border:1px solid #d9d2e9;border-radius:10px;background:#fff;overflow:hidden}
.wfp-pc__ddsec.is-current{border:2px solid #5b2d8e;box-shadow:0 2px 10px rgba(91,45,142,.12)}
.wfp-pc__ddsec.is-signed{border-color:#9fd3b0}
.wfp-pc__ddsec.is-locked{opacity:.6}
.wfp-pc__ddsech{display:flex !important;flex-direction:row !important;align-items:center;gap:14px;width:100%;padding:14px 18px;background:transparent;border:0;cursor:pointer;text-align:left;font:inherit;color:#1f2a37}
.wfp-pc__ddsec.is-locked .wfp-pc__ddsech{cursor:not-allowed}
.wfp-pc__ddsech:hover{background:#faf8fd}
.wfp-pc__ddsecl{flex:0 0 34px;height:34px;border-radius:50%;background:#5b2d8e;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.wfp-pc__ddsec.is-signed .wfp-pc__ddsecl{background:#1e7a44}
.wfp-pc__ddsec.is-locked .wfp-pc__ddsecl{background:#9aa1ab}
.wfp-pc__ddsect{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.wfp-pc__ddsect strong{font-size:16px;color:#3b1d63}
.wfp-pc__ddsect small{font-size:13px;color:#555}
.wfp-pc__ddsec.is-signed .wfp-pc__ddsect small{color:#1e7a44;font-weight:600}
.wfp-pc__ddsecc{flex:0 0 auto;color:#5b2d8e;font-size:13px}
.wfp-pc__ddsec .wfp-pc__ddlist{border-top:1px solid #ece7f5}
.wfp-pc__ddsign{padding:14px 18px;border-top:1px dashed #d9d2e9;background:#fcfbfe}
.wfp-pc__ddsignh{margin:0 0 10px;font-weight:700;color:#3b1d63;font-size:14px}
.wfp-pc__ddsignf{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.wfp-pc__ddsignf label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#444;font-weight:600}
.wfp-pc__ddsignf input{padding:9px 11px;border:1px solid #b9b0cc;border-radius:6px;font-size:14px;min-width:220px;color:#1f2a37;background:#fff;user-select:text;-webkit-user-select:text}
.wfp-pc__ddsignf input[type=date]{min-width:170px}
.wfp-pc__ddsignf button[disabled]{opacity:.45;cursor:not-allowed}
.wfp-pc__ddsignok{color:#1e7a44;font-weight:700;margin-right:12px}
.wfp-pc__ddsign{display:block}
@media (max-width:640px){.wfp-pc__ddsignf input{min-width:0;width:100%}.wfp-pc__ddsignf label{width:100%}.wfp-pc__ddacc{padding:8px}}
/* v5.26 — case tiles: all look like buttons (white cards + arrow), not headers */
.wfp-pc__orh--sm{margin:14px 0 6px;font-size:12px;color:#5a6672}
.wfp-pc__start > .wfp-pc__orh:first-child{font-size:15px;color:#16375c;text-transform:none;letter-spacing:0;margin-bottom:2px}
.wfp-pc__bigtile,.wfp-pc__othertile{position:relative;background:#fff;color:#0b1a2e;border:1.5px solid #c3cfdf;border-left:6px solid #16375c;border-radius:10px;padding-right:64px;box-shadow:0 1px 3px rgba(15,42,71,.08);transition:border-color .15s,background .15s,box-shadow .15s,transform .05s}
.wfp-pc__bigtile strong{font-size:18px;color:#16375c}
.wfp-pc__bigtile span{color:#3b4652;opacity:1}
.wfp-pc__othertile{border-left-color:#7f97b5;justify-content:center;min-height:64px}
.wfp-pc__bigtile::after,.wfp-pc__othertile::after{content:'›';position:absolute;right:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#e8eef6;color:#16375c;font-size:22px;font-weight:700;line-height:30px;text-align:center}
.wfp-pc__bigtile:hover,.wfp-pc__othertile:hover{background:#f2f6fb;border-color:#16375c;box-shadow:0 3px 10px rgba(15,42,71,.15)}
.wfp-pc__bigtile:hover::after,.wfp-pc__othertile:hover::after{background:#16375c;color:#fff}
.wfp-pc__bigtile:active,.wfp-pc__othertile:active{transform:translateY(1px)}
/* v5.27 — sign-off text size + PDF box */
.wfp-pc__ddsign .wfp-pc__ddsignok{font-size:15px;line-height:1.4;display:inline-block;margin:4px 12px 4px 0}
.wfp-pc__ddpdf{margin:0 0 12px;padding:14px 16px;border:2px solid #1e7a44;border-radius:10px;background:#f1faf4;text-align:left}
.wfp-pc__ddpdf .wfp-pc__ddsignh{color:#1e7a44}
.wfp-pc__ddpdf .wfp-pc__setnote{margin:8px 0 0;font-size:12.5px;color:#4a5560}
.wfp-pc__ddpdf input{min-width:320px}
/* v5.28 — file details on top of due diligence + saved records */
.wfp-pc__ddcase{margin:0;padding:14px 18px;background:#fffbea;border-bottom:1px solid #eadfb0;text-align:left}
.wfp-pc__ddcase select{padding:9px 11px;border:1px solid #b9b0cc;border-radius:6px;font-size:14px;min-width:220px;background:#fff;color:#1f2a37}
.wfp-pc__ddcase .wfp-pc__ddsignf input{min-width:260px}
.wfp-pc__ddsaved{margin:10px 0 0;font-size:13px;color:#1e7a44;font-weight:600}
.wfp-pc__ddsaved.is-err{color:#a11}
.wfp-pc__ddpdfref{margin:0 0 10px;font-weight:700;color:#1f2a37}
.wfp-pc__recbtn{display:block;width:100%;margin:0 0 14px;padding:12px 16px;border:1.5px dashed #5b2d8e;border-radius:10px;background:#f7f3fc;color:#3b1d63;font:inherit;font-weight:700;font-size:15px;text-align:left;cursor:pointer}
.wfp-pc__recbtn:hover{background:#efe7f9;border-style:solid}
.wfp-pc__ddrecs{background:#fff;border:1px solid #d9d2e9;border-radius:10px;padding:16px 18px}
.wfp-pc__ddsearch{padding:9px 12px;border:1px solid #b9b0cc;border-radius:6px;font-size:14px;width:100%;max-width:460px}
.wfp-pc__ddreclist{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.wfp-pc__ddrec{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e1dbee;border-left:5px solid #c08a1e;border-radius:8px;background:#fff}
.wfp-pc__ddrec.is-done{border-left-color:#1e7a44}
.wfp-pc__ddrecm{display:flex;flex-direction:column;gap:3px;min-width:0}
.wfp-pc__ddrecm strong{color:#1f2a37;font-size:15px}
.wfp-pc__ddrecm span{font-size:13px;color:#3b4652}
.wfp-pc__ddrecm small{font-size:12px;color:#6a7480}
@media (max-width:640px){.wfp-pc__ddrec{flex-direction:column;align-items:stretch}.wfp-pc__ddcase .wfp-pc__ddsignf input,.wfp-pc__ddcase select{min-width:0;width:100%}}
/* v5.29 — select / number questions */
.wfp-pc__qsel{padding:9px 11px;border:1px solid #9fb1c8;border-radius:8px;font-size:14px;min-width:300px;background:#fff;color:#1f2a37}
.wfp-pc__qnum{padding:9px 11px;border:1px solid #9fb1c8;border-radius:8px;font-size:15px;width:200px;color:#1f2a37;user-select:text;-webkit-user-select:text}
.wfp-pc__qhint{margin-left:10px;font-size:13px;color:#1e5a8a;font-weight:600;align-self:center}
@media (max-width:640px){.wfp-pc__qsel{min-width:0;width:100%}.wfp-pc__qnum{width:100%}}
.wfp-pc__bigtile--loan{border-left-color:#1e7a44}
.wfp-pc__bigtile--loan strong{color:#1e5a3a}
/* v5.35 — tick all */
.wfp-pc__ddtickall{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid #ece7f5;background:#faf8fd}
.wfp-pc__ddtickall span{font-size:12.5px;color:#6a5a85;font-style:italic}
/* v5.36 — saved cases & records: tabs, search, month folders */
.wfp-cs__modal--wide{max-width:980px;width:94vw}
.wfp-cs__savtabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 10px}
.wfp-cs__savtab{padding:9px 14px;border:1.5px solid #c3cfdf;border-radius:8px;background:#fff;font:inherit;font-weight:700;color:#3b4652;cursor:pointer}
.wfp-cs__savtab.is-on{background:#16375c;border-color:#16375c;color:#fff}
.wfp-cs__savsearch{width:100%;max-width:520px;margin:0 0 10px}
.wfp-cs__folder{border:1px solid #dbe3ee;border-radius:8px;margin:0 0 10px;background:#fff}
.wfp-cs__foldersum{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;background:#f4f7fb;border-radius:8px;list-style:none}
.wfp-cs__foldersum::-webkit-details-marker{display:none}
.wfp-cs__folder[open] .wfp-cs__foldersum{border-bottom:1px solid #dbe3ee;border-radius:8px 8px 0 0}
.wfp-cs__foldericon{font-size:18px}
.wfp-cs__foldercount{margin-left:auto;font-size:12.5px;color:#5a6672}
.wfp-cs__folder .wfp-cs__table{margin:0}
.wfp-cs__modal .wfp-cs__savtabs{margin:12px 22px 10px}
.wfp-cs__modal .wfp-cs__savsearch{margin:0 22px 6px;width:calc(100% - 44px)}
/* v5.37 — Change answers button stands out */
.wfp-sc .wfp-sc__mini.wfp-pc__chgbtn{background:#c2410c;border:2px solid #c2410c;color:#fff;font-weight:700;font-size:14px;padding:8px 16px;border-radius:8px;box-shadow:0 2px 6px rgba(194,65,12,.25)}
.wfp-sc .wfp-sc__mini.wfp-pc__chgbtn:hover{background:#9a3412;border-color:#9a3412;color:#fff}
/* v5.43 — vendor represented / unrepresented */
.wfp-cs__vrep{margin:6px 0 14px;padding:12px 14px;border:2px solid #c2410c;border-radius:10px;background:#fff7ed}
.wfp-cs__vreph{display:block;font-weight:700;color:#7c2d12;margin-bottom:8px}
.wfp-cs__vrepbtns{display:flex;gap:8px;flex-wrap:wrap}
.wfp-cs__vrepbtn{padding:9px 14px;border:1.5px solid #c3cfdf;border-radius:8px;background:#fff;font:inherit;font-weight:600;color:#3b4652;cursor:pointer}
.wfp-cs__vrepbtn.is-on{background:#16375c;border-color:#16375c;color:#fff}
.wfp-cs__vrep .wfp-cs__muted{margin:8px 0 0}
/* 5.44 — pick our branch */
.wfp-cs__branch{margin:6px 0 14px;padding:12px 14px;border:2px solid #16375c;border-radius:10px;background:#f1f5fb}
.wfp-cs__branch .wfp-cs__vreph{color:#16375c}
.wfp-cs__branch .wfp-cs__muted{margin:8px 0 0}
/* 5.52 — from due diligence to the documents */
.wfp-pc__genbtn{padding:9px 14px;border:2px solid #15803d;border-radius:8px;background:#16a34a;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.wfp-pc__genbtn:hover{background:#15803d}
/* 5.58 — same address tick box */
.wfp-cs__sameaddr{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:2px 0 6px;padding:8px 12px;border:1.5px dashed #16375c;border-radius:8px;background:#f1f5fb;font-weight:600;color:#16375c;cursor:pointer;width:max-content;max-width:100%}
.wfp-cs__sameaddr input{width:18px;height:18px}
.wfp-cs__loannext{border:2px solid #16375c;border-radius:10px;background:#f7fafe}
.wfp-cs__loantick{border-style:solid;font-size:15px}
.wfp-cs__loannext .wfp-cs__btn{margin-top:4px}

.wfp-pc__flist{display:flex;flex-direction:column;gap:8px;width:100%}
.wfp-pc__frow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wfp-pc__fname{flex:1 1 260px;min-width:0}
.wfp-pc__famt{flex:0 1 160px;min-width:0}
.wfp-pc__qnum.wfp-pc__qtxt{width:380px;max-width:100%}
.wfp-pc__qnum.wfp-pc__fname{width:auto}
.wfp-pc__fquick{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.wfp-pc__fadd{font-weight:700}

/* boxes in the same row line up even when one label wraps to two lines */
.wfp-cs__grid { align-items: end; }
.wfp-cs__grid > .wfp-cs__field { justify-content: flex-end; }
.wfp-cs__grid > .wfp-cs__field--wide { justify-content: flex-start; }

/* date boxes with a calendar button */
.wfp-cs__datewrap { position: relative; display: flex; align-items: stretch; gap: 6px; }
.wfp-cs__datewrap > input[type="text"] { flex: 1 1 auto; min-width: 0; }
.wfp-cs__datecal { position: absolute; right: 0; bottom: 0; width: 44px; height: 100%; opacity: 0; pointer-events: none; }
.wfp-cs__datebtn { flex: 0 0 auto; width: 46px; border: 1px solid #cfd6e0; border-radius: 8px; background: #f4f7fb; font-size: 18px; cursor: pointer; }
.wfp-cs__datebtn:hover { background: #e7eef8; border-color: #16375c; }

/* conventional / Islamic choice on the loan form */
.wfp-cs__shariah .wfp-cs__radios { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 4px 0 2px; }
.wfp-cs__sidebtn { padding: 8px 16px; border: 1.5px solid #16375c; border-radius: 8px; background: #fff; color: #16375c; font-weight: 600; cursor: pointer; }
.wfp-cs__sidebtn.is-on { background: #16375c; color: #fff; }
.wfp-cs__shariah .wfp-cs__note { color: #9a4b00; margin-top: 6px; }
.wfp-cs__shariah { grid-column: 1 / -1; }
.wfp-pc__why.wfp-pc__case { color: #7a1f1f; font-weight: 600; }

/* due diligence: compulsory court-case items */
.wfp-pc__row.is-must { border-left: 4px solid #b42318; background: #fff8f7; }
.wfp-pc__mustbadge { display: inline-block; padding: 1px 7px; border-radius: 4px; background: #b42318; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .02em; vertical-align: 1px; }
.wfp-pc__mustnote { display: block; width: 100%; box-sizing: border-box; margin-top: 6px; padding: 7px 9px; border: 1.5px solid #e2a29b; border-radius: 6px; font: inherit; font-size: 13px; background: #fff; }
.wfp-pc__mustnote:focus { outline: none; border-color: #b42318; }
.wfp-pc__mustnote-done { margin-top: 5px; font-size: 12.5px; font-weight: 600; color: #7a1f1f; }

.wfp-pc__tickallbox { display: inline-flex; align-items: center; gap: 8px; margin-right: 14px; padding: 6px 12px; border: 1.5px solid #16375c; border-radius: 6px; background: #fff; font-weight: 700; color: #16375c; cursor: pointer; font-style: normal; }
.wfp-pc__tickallbox input { width: 18px; height: 18px; }
.wfp-pc__casehd { margin: 14px 10px 4px; padding: 10px 14px; border-left: 5px solid #b42318; background: #fdecea; border-radius: 4px; color: #7a1f1f; font-size: 13.5px; line-height: 1.45; }
.wfp-pc__casehd strong { display: block; font-size: 14.5px; margin-bottom: 3px; }
.wfp-pc__casehd div { white-space: pre-line; }
.wfp-pc__mustwarn { margin-top: 5px; font-size: 12.5px; font-weight: 700; color: #b42318; }
.wfp-pc__mustbadge { padding: 0 7px; font-size: 13px; line-height: 18px; }

.wfp-pc__row .wfp-pc__t { white-space: pre-line; }

.wfp-pc__qbtns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.wfp-pc__qbtn { padding: 7px 18px; border: 1.5px solid #16375c; border-radius: 999px; background: #fff; color: #16375c; font-weight: 700; cursor: pointer; font-size: 14px; }
.wfp-pc__qbtn.is-on { background: #16375c; color: #fff; }
.wfp-pc__qbtn.is-on.is-bad { background: #b42318; border-color: #b42318; }
.wfp-pc__qstop { margin-top: 8px; padding: 8px 10px; border-radius: 6px; background: #fdecea; color: #b42318; font-weight: 700; font-size: 13px; }
.wfp-pc__qstate { display: inline-flex; width: 20px; height: 20px; border: 1.5px solid #c3c9d4; border-radius: 4px; align-items: center; justify-content: center; font-weight: 800; color: #fff; }
.wfp-pc__qstate.is-done { background: #1d7a3e; border-color: #1d7a3e; }
.wfp-pc__qans { margin-top: 6px; font-weight: 700; color: #1d5e33; }
.wfp-pc__qans.is-bad { color: #b42318; }

.wfp-pc__qdate { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 8px; font-weight: 600; color: #7a1f1f; font-size: 13.5px; }
.wfp-pc__qdate input { padding: 6px 10px; border: 1.5px solid #e2a29b; border-radius: 6px; font: inherit; font-size: 14px; color: #1a2230; }

/* "No" answer — email to send */
.wfp-pc__emrow { margin: 6px 0 4px; }
.wfp-pc__embtn { padding: 7px 14px; border: 1px solid #1d4f91; border-radius: 999px; background: #e3eefc; color: #16375c; font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; }
.wfp-pc__embtn:hover { background: #cfe0f8; }
.wfp-pc__embox { width: min(760px, 100%); border-top-color: #1d4f91; }
.wfp-pc__embox .wfp-sc__modalkicker { color: #1d4f91; }
.wfp-pc__emlab { display: block; margin: 0 0 12px; }
.wfp-pc__emlab span { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 700; color: #16375c; }
.wfp-pc__emlab input, .wfp-pc__emlab textarea { width: 100%; box-sizing: border-box; padding: 9px 11px; border: 1px solid #c4ccd6; border-radius: 6px; font: inherit; font-size: 14px; line-height: 1.5; }
.wfp-pc__emlab textarea { min-height: 300px; resize: vertical; }
.wfp-pc__qstop { white-space: pre-line; }

/* ================= CKHT (e-CKHT style worksheets) ================= */
.wfp-ck { --ck-navy: #1e3a6e; --ck-navy2: #2b4f8f; --ck-grey: #6d7178; --ck-line: #d9dde3; --ck-fill: #eef0f3; max-width: 1080px; margin: 0 auto; padding: 4px 0 90px; font-size: 14px; color: #222; }
.wfp-ck__top { margin: 4px 0 10px; }
.wfp-ck__who { display: inline-block; background: #fff; padding: 4px 12px; font-size: 11.5px; font-weight: 800; letter-spacing: .02em; border-radius: 3px 3px 0 0; color: #333; }
.wfp-ck__bar { background: linear-gradient(90deg, #5d6168, #8a8e95); color: #fff; font-size: 24px; font-weight: 700; padding: 10px 18px; border-radius: 0 6px 6px 6px; box-shadow: 0 2px 6px rgba(0,0,0,.15); }
.wfp-ck__notice { margin: 8px 0 12px; font-size: 12px; color: #6b6f76; }
.wfp-ck__card, .wfp-ck__form, .wfp-ck__flags { background: #fff; border: 1px solid var(--ck-line); border-radius: 8px; padding: 16px 18px; margin-bottom: 14px; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.wfp-ck__h { margin: 4px 0 8px; font-size: 15px; font-weight: 800; letter-spacing: .01em; color: #222; }
.wfp-ck__muted { color: #6b6f76; font-size: 12.5px; }
.wfp-ck__err { color: #b42318; font-weight: 700; }
.wfp-ck__listhead { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.wfp-ck__btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid var(--ck-navy); background: var(--ck-navy); color: #fff; border-radius: 4px; font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; }
.wfp-ck__btn:hover { background: var(--ck-navy2); }
.wfp-ck__btn--ghost { background: #fff; color: #333; border-color: #b8bec7; }
.wfp-ck__btn--ghost:hover { background: #f2f4f7; }
.wfp-ck__btn--sm { padding: 5px 11px; font-size: 12.5px; }
.wfp-ck__btn--pdf { background: #0f6b45; border-color: #0f6b45; }
.wfp-ck__btn--pdf:hover { background: #12814f; }
.wfp-ck__back { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 10px; padding: 7px 14px; background: #fff; border: 1.5px solid var(--ck-navy); border-radius: 6px; color: var(--ck-navy); font: inherit; font-size: 13.5px; font-weight: 800; cursor: pointer; }
.wfp-ck__back:hover { background: #eef3fb; }
.wfp-ck__scroll { overflow-x: auto; }
.wfp-ck__table { width: 100%; border-collapse: collapse; font-size: 13px; }
.wfp-ck__table th { text-align: left; font-size: 11.5px; font-weight: 800; color: #444; padding: 8px; border-bottom: 2px solid var(--ck-line); background: #f6f7f9; white-space: nowrap; }
.wfp-ck__table td { padding: 8px; border-bottom: 1px solid #eceef1; vertical-align: top; }
.wfp-ck__table--sm td, .wfp-ck__table--sm th { padding: 5px 8px; }
.wfp-ck__acts { white-space: nowrap; }
.wfp-ck__acts .wfp-ck__btn { margin-right: 4px; }
.wfp-ck__chip { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; background: #eceef1; color: #444; white-space: nowrap; }
.wfp-ck__chip.is-red { background: #fde2e2; color: #a31515; border: 1px solid #f3b1b1; }
.wfp-ck__chip.is-amber { background: #fff1d6; color: #8a5300; border: 1px solid #efd08f; }
.wfp-ck__chip.is-green { background: #e3f3ec; color: #17523e; border: 1px solid #b4dcc9; }
.wfp-ck__chip.is-ok { background: #e3eefc; color: #1d4f91; border: 1px solid #b8d0f1; }
.wfp-ck__tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; margin: 8px 0; }
.wfp-ck__tile { text-align: left; display: flex; flex-direction: column; gap: 5px; padding: 14px 16px; background: #fff; border: 1px solid var(--ck-line); border-left: 5px solid var(--ck-navy); border-radius: 6px; font: inherit; cursor: pointer; }
.wfp-ck__tile:hover { background: #f4f7fc; }
.wfp-ck__tile strong { font-size: 14.5px; color: #16375c; }
.wfp-ck__tile span { font-size: 12.5px; color: #555; }
.wfp-ck__tile em { font-style: normal; font-size: 11.5px; font-weight: 800; color: var(--ck-navy); }
.wfp-ck__file { padding-bottom: 12px; }
.wfp-ck__filehead { display: flex; flex-direction: column; gap: 2px; margin-bottom: 10px; }
.wfp-ck__filehead strong { font-size: 15px; color: #16375c; }
.wfp-ck__fileg { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px 14px; align-items: end; }
.wfp-ck__fileg label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 700; color: #444; }
.wfp-ck__due { display: flex; flex-direction: column; gap: 3px; font-size: 12px; font-weight: 700; color: #444; }
.wfp-ck__due strong { font-size: 18px; color: #16375c; }
.wfp-ck__in { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #c9ced6; border-radius: 4px; background: #fff; font: inherit; font-size: 13.5px; color: #111; min-height: 36px; }
.wfp-ck__in:focus { outline: 2px solid #9db8e6; border-color: var(--ck-navy2); }
.wfp-ck__in.is-auto { background: var(--ck-fill); border-color: var(--ck-fill); color: #333; display: flex; align-items: center; white-space: pre-wrap; }
.wfp-ck__in.is-num { text-align: right; }
.wfp-ck__unit { display: flex; align-items: center; gap: 6px; }
.wfp-ck__unit span { font-size: 12px; color: #777; font-weight: 700; min-width: 18px; }
.wfp-ck__flags { border: 2px solid #e3a3a3; background: #fffafa; }
.wfp-ck__flagsh { font-weight: 900; color: #a31515; font-size: 14px; margin-bottom: 8px; letter-spacing: .01em; }
.wfp-ck__flag { display: flex; gap: 10px; padding: 8px 10px; border-radius: 6px; margin-bottom: 6px; background: #f6f7f9; border-left: 5px solid #9aa3ad; }
.wfp-ck__flag strong { display: block; font-size: 13.5px; }
.wfp-ck__flag span { display: block; font-size: 12.5px; color: #555; margin-top: 2px; }
.wfp-ck__flag.is-red { background: #fdecea; border-left-color: #b42318; }
.wfp-ck__flag.is-red strong { color: #8f1414; }
.wfp-ck__flag.is-red span { color: #8f1414; font-weight: 700; }
.wfp-ck__flag.is-amber { background: #fff6e0; border-left-color: #d18b00; }
.wfp-ck__flag.is-amber span { color: #7a4d00; font-weight: 700; }
.wfp-ck__flag.is-ok { background: #e3f3ec; border-left-color: #17784f; }
.wfp-ck__flagi { flex: 0 0 22px; min-width: 22px; width: 22px; height: 22px; line-height: 1; border-radius: 50%; background: #6b7280; color: #fff; font-weight: 900; font-size: 13px; display: flex; align-items: center; justify-content: center; }
.wfp-ck__flag.is-red .wfp-ck__flagi { background: #b42318; }
.wfp-ck__flag.is-amber .wfp-ck__flagi { background: #d18b00; }
.wfp-ck__flag.is-ok .wfp-ck__flagi { background: #17784f; }
.wfp-ck__form { padding: 0; overflow: hidden; background: transparent; border: 0; box-shadow: none; }
.wfp-ck__formhead { display: flex; align-items: center; gap: 0; margin: 0 0 -6px; position: relative; z-index: 1; }
.wfp-ck__seal { flex: 0 0 64px; height: 64px; border-radius: 50%; background: #fff; border: 4px solid #8a8e95; display: flex; align-items: center; justify-content: center; font-weight: 900; color: #5d6168; font-size: 14px; position: relative; z-index: 2; box-shadow: 0 1px 4px rgba(0,0,0,.2); }
.wfp-ck__formt { flex: 1; margin-left: -10px; background: linear-gradient(90deg, #5d6168, #8a8e95); color: #fff; font-size: 24px; font-weight: 800; padding: 10px 18px 10px 22px; border-radius: 0 6px 6px 0; letter-spacing: .02em; }
.wfp-ck__formbody { background: #fff; border: 1px solid var(--ck-line); border-radius: 8px; padding: 18px; margin-top: 12px; }
.wfp-ck__act { font-weight: 800; font-size: 13px; margin-bottom: 8px; }
.wfp-ck__formsub { font-size: 12.5px; color: #555; margin: 0 0 10px; }
.wfp-ck__sec { border: 1px solid var(--ck-line); border-radius: 6px; margin-bottom: 8px; background: #fff; }
.wfp-ck__sech { width: 100%; display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: #fff; border: 0; font: inherit; font-size: 13.5px; font-weight: 600; text-align: left; cursor: pointer; color: #222; border-radius: 6px; }
.wfp-ck__sec.is-open > .wfp-ck__sech { font-weight: 800; border-bottom: 2px solid #222; border-radius: 6px 6px 0 0; }
.wfp-ck__sech > span:first-child { flex: 1; }
.wfp-ck__secst { font-size: 11.5px; font-weight: 800; color: #a35a00; }
.wfp-ck__secst.is-done { color: #17784f; }
.wfp-ck__chev { font-size: 11px; color: #666; }
.wfp-ck__secb { padding: 14px; }
.wfp-ck__note { font-size: 12.5px; color: #4b5563; background: #f4f6f9; border-radius: 4px; padding: 8px 10px; margin: 0 0 12px; }
.wfp-ck__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; }
.wfp-ck__grid--5 { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px 12px; }
.wfp-ck__grid--5 .wfp-ck__f { grid-template-columns: 1fr; }
.wfp-ck__grid--5 .wfp-ck__pill.is-blank { display: none; }
.wfp-ck__f { display: grid; grid-template-columns: minmax(150px, 44%) 1fr; gap: 10px; align-items: start; }
.wfp-ck__f.is-full { grid-column: 1 / -1; grid-template-columns: minmax(150px, 30%) 1fr; }
.wfp-ck__f.is-ck { grid-template-columns: minmax(150px, 30%) 1fr; }
.wfp-ck__f.is-ck .wfp-ck__lab { grid-column: 1 / -1; order: 2; }
.wfp-ck__f.is-ck .wfp-ck__box { order: 1; }
.wfp-ck__f.is-wfp { background: #fffbea; border: 1px dashed #e0c36a; border-radius: 6px; padding: 8px; }
.wfp-ck__f.is-wfp .wfp-ck__labt { color: #7a5a00; font-weight: 700; }
.wfp-ck__f.is-miss .wfp-ck__in { border-color: #d18b00; background: #fff8e6; }
.wfp-ck__f.is-tot .wfp-ck__in.is-auto { font-weight: 800; background: #e3eaf6; }
.wfp-ck__lab { display: flex; gap: 10px; align-items: flex-start; }
.wfp-ck__pill { flex: 0 0 auto; min-width: 44px; height: 28px; padding: 0 8px; border-radius: 999px; background: #2f3237; color: #fff; font-weight: 800; font-size: 12.5px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; }
.wfp-ck__pill.is-blank { background: transparent; }
.wfp-ck__labt { font-size: 13px; color: #333; padding-top: 5px; line-height: 1.35; }
.wfp-ck__box { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.wfp-ck__hint { font-size: 11.5px; color: #6b6f76; }
.wfp-ck__fr { display: flex; align-items: center; gap: 6px; max-width: 220px; }
.wfp-ck__fr .wfp-ck__in { text-align: right; }
.wfp-ck__yn { display: flex; gap: 18px; padding-top: 6px; }
.wfp-ck__yn label { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; }
.wfp-ck__tick { width: 22px; height: 22px; margin: 2px 0 0; }
.wfp-ck__addr { gap: 6px; }
.wfp-ck__luar { font-size: 12.5px; display: inline-flex; align-items: center; gap: 4px; }
.wfp-ck__addrg { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; }
.wfp-ck__addrg label { display: flex; flex-direction: column; gap: 2px; font-size: 11.5px; color: #555; }
.wfp-ck__sub { font-weight: 800; font-size: 12.5px; color: #333; margin-top: 4px; padding-top: 8px; border-top: 1px dashed var(--ck-line); }
.wfp-ck__lst { margin-top: 16px; border-top: 1px solid var(--ck-line); padding-top: 12px; }
.wfp-ck__lsth { display: flex; justify-content: space-between; align-items: center; font-weight: 800; font-size: 13px; margin-bottom: 8px; }
.wfp-ck__lsti { display: flex; gap: 8px; align-items: flex-start; padding: 8px; border: 1px solid #eceef1; border-radius: 6px; margin-bottom: 6px; }
.wfp-ck__lsti > .wfp-ck__grid { flex: 1; }
.wfp-ck__lstn { font-weight: 800; padding-top: 6px; }
.wfp-ck__del { background: none; border: 0; cursor: pointer; font-size: 16px; padding: 4px; }
.wfp-ck__dbox { border: 1px solid var(--ck-line); border-radius: 6px; padding: 12px; margin: 12px 0; background: #fcfcfd; }
.wfp-ck__totals { background: #f4f7fc; }
.wfp-ck__secbtns { display: flex; justify-content: center; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.wfp-ck__alert { margin-top: 12px; padding: 9px 12px; border-radius: 4px; font-weight: 700; font-size: 13px; }
.wfp-ck__alert.is-ok { background: #2e7d32; color: #fff; }
.wfp-ck__alert.is-warn { background: #e9a100; color: #1f1f1f; }
.wfp-ck__actbar { position: sticky; bottom: 0; z-index: 5; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 10px 14px; background: rgba(255,255,255,.97); border: 1px solid var(--ck-line); border-radius: 8px; box-shadow: 0 -2px 10px rgba(0,0,0,.08); }
.wfp-ck__after { border-left: 5px solid #17784f; }
@media (max-width: 720px) {
	.wfp-ck__grid { grid-template-columns: 1fr; }
	.wfp-ck__f, .wfp-ck__f.is-full { grid-template-columns: 1fr; gap: 4px; }
	.wfp-ck__bar, .wfp-ck__formt { font-size: 19px; }
	.wfp-ck__seal { flex-basis: 50px; height: 50px; font-size: 12px; }
}
.wfp-ck__tiles--start { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.wfp-ck__tile--big { padding: 18px 18px; border-left-width: 6px; }
.wfp-ck__tile--big strong { font-size: 16px; }
.wfp-ck__tile--big.is-pull { border-left-color: #0f6b45; background: #f3faf6; }
.wfp-ck__tile--big.is-pull strong { color: #0f6b45; }
.wfp-ck__pre { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; background: #e3f3ec; border: 1px solid #b4dcc9; border-radius: 6px; padding: 8px 12px; margin: 0 0 10px; font-size: 13px; color: #17523e; }
.wfp-ck__formsl { font-size: 13px; font-weight: 700; color: #1e3a6e; }
.wfp-ck__filehead .wfp-ck__btn { align-self: flex-start; margin-top: 6px; }
.wfp-ck__formt { display: flex; flex-direction: column; }
.wfp-ck__formt small { font-size: 12px; font-weight: 600; opacity: .85; letter-spacing: 0; }
.wfp-ck__pickbox { width: min(720px, 100%); border-top-color: #0f6b45; }
.wfp-ck__picklist { max-height: 52vh; overflow: auto; margin: 10px 0; display: flex; flex-direction: column; gap: 6px; }
.wfp-ck__pickrow { text-align: left; display: flex; flex-direction: column; gap: 2px; padding: 9px 12px; border: 1px solid #d9dde3; border-radius: 6px; background: #fff; font: inherit; cursor: pointer; }
.wfp-ck__pickrow:hover { background: #f3faf6; border-color: #0f6b45; }
.wfp-ck__pickrow strong { font-size: 13.5px; color: #16375c; }
.wfp-ck__pickrow span { font-size: 12px; color: #666; }
.wfp-ck__secst { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; max-width: 60%; }
.wfp-ck__secfill { color: #a35a00; font-weight: 800; font-size: 12px; }
.wfp-ck__secbad { color: #b42318; font-weight: 800; font-size: 12px; }
.wfp-ck__f.is-todo .wfp-ck__in { border-color: #e0a63a; border-width: 2px; }
.wfp-ck__todo { font-size: 11.5px; font-weight: 800; color: #a35a00; }
.wfp-ck__f.is-bad .wfp-ck__in { border-color: #b42318; border-width: 2px; background: #fff5f5; }
.wfp-ck__chk { font-size: 12px; font-weight: 700; line-height: 1.35; padding: 4px 8px; border-radius: 4px; }
.wfp-ck__chk.is-err { color: #8f1414; background: #fdecea; }
.wfp-ck__chk.is-warn { color: #7a4d00; background: #fff6e0; }
.wfp-ck__popbox { border-top-color: #b42318; }
.wfp-ck__popbox .wfp-sc__modalkicker { color: #b42318; }
.wfp-ck__popmsg { font-size: 15px; font-weight: 700; color: #222; margin: 0 0 10px; }
.wfp-ck__popcons { font-size: 13.5px; background: #fdecea; color: #8f1414; border-radius: 6px; padding: 10px 12px; margin: 0 0 14px; }
.wfp-ck__tiles--sc { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.wfp-ck__tiles--sc .wfp-ck__tile { padding: 18px 20px; gap: 8px; }
.wfp-ck__tiles--sc .wfp-ck__tile strong { font-size: 19px; line-height: 1.3; }
.wfp-ck__tiles--sc .wfp-ck__tile span { font-size: 15.5px; color: #333; line-height: 1.45; }
.wfp-ck__tiles--sc .wfp-ck__tile em { font-size: 14px; }
.wfp-ck__most { align-self: flex-start; font-size: 12px; font-weight: 900; color: #0f6b45; background: #e3f3ec; border: 1px solid #b4dcc9; border-radius: 999px; padding: 2px 10px; letter-spacing: .03em; }
.wfp-ck__scnote { font-size: 15px; font-weight: 700; color: #16375c; margin: 0 0 10px; }
.wfp-ck__tiles--start .wfp-ck__tile strong { font-size: 19px; }
.wfp-ck__tiles--start .wfp-ck__tile span { font-size: 15px; color: #333; }

/* ================= Presentation form ================= */
.wfp-pr__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px 16px; }
.wfp-pr__f { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 700; color: #333; }
.wfp-pr__f.is-full { grid-column: 1 / -1; }
.wfp-pr__items td { vertical-align: middle; }
.wfp-pr__items td:first-child { width: 44px; text-align: center; }
.wfp-pr__items td:nth-child(3) { width: 150px; }
.wfp-pr__items tr.is-off td { opacity: .5; }
.wfp-pr__items input[type=checkbox] { width: 20px; height: 20px; }
.wfp-pr__total { font-size: 16px; font-weight: 800; color: #16375c; text-align: right; margin: 10px 0 0; }
.wfp-pr__hak { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 6px; }
.wfp-pr__hakn { font-weight: 800; padding-top: 8px; min-width: 26px; }
.wfp-pr__hak textarea { flex: 1; resize: vertical; font-size: 13.5px; }
.wfp-pr__row4 .wfp-pr__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; }
@media (max-width: 900px) { .wfp-pr__row4 .wfp-pr__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wfp-pr__f > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wfp-pr__row5 .wfp-pr__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 1000px) { .wfp-pr__row5 .wfp-pr__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wfp-pr__fill { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.wfp-pr__fill .wfp-ck__btn { padding: 3px 10px; font-size: 12px; }
.wfp-pr__levy { display: block; font-size: 20px; color: #8a1c1c; margin: 4px 0; }
/* billing */
.wfp-bl__box { max-width: 860px; width: 94vw; max-height: 92vh; overflow: auto; }
.wfp-bl__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 6px 0 10px; }
.wfp-bl__grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wfp-bl__grid--5 { grid-template-columns: 1fr 1fr 1.7fr 1.1fr 1fr; }
@media (max-width: 760px) { .wfp-bl__grid--4, .wfp-bl__grid--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wfp-bl__f { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 700; color: #16375c; }
.wfp-bl__f .wfp-ck__in { width: 100%; box-sizing: border-box; }
.wfp-bl__f .is-num { text-align: right; }
.wfp-bl__h { margin: 14px 0 4px; font-size: 13px; letter-spacing: 0.04em; color: #16375c; }
.wfp-bl__totrow { margin: 0 0 6px; font-size: 15px; text-align: right; }
.wfp-bl__tot { font-size: 18px; color: #0d6b3f; margin-left: 6px; }
.wfp-bl__err { color: #b42318; font-weight: 700; min-height: 1em; margin: 6px 0; }
.wfp-bl__sum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 8px 0 10px; }
.wfp-bl__kpi { border: 1px solid var(--wfp-line, #d7dde6); border-radius: 10px; padding: 10px 14px; background: #f6f9fc; display: flex; flex-direction: column; gap: 2px; }
.wfp-bl__kpi small { color: #5b6b7f; font-size: 12px; }
.wfp-bl__kpi strong { font-size: 20px; color: #0d6b3f; }
.wfp-bl__kpi.is-owe strong { color: #b42318; }
.wfp-bl__tbl { width: 100%; font-size: 13px; margin-bottom: 8px; }
.wfp-bl__tbl td.is-num { text-align: right; white-space: nowrap; }
.wfp-bl__mbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.wfp-bl__mbar .wfp-ck__in { width: auto; }
.wfp-ck__in.is-bad { border-color: #b42318; }
.wfp-sc__modalbox.wfp-bl__box.wfp-ck { max-width: 860px; margin: 0; padding: 22px 26px; }
.wfp-cs__na { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; margin: 0 0 6px; cursor: pointer; }
.wfp-cs__loan.is-na .wfp-cs__loanrows, .wfp-cs__loan.is-na > .wfp-cs__btn, .wfp-cs__loan.is-na > .wfp-cs__muted { display: none; }
.wfp-pc__na { margin-bottom: 8px; }
.wfp-pc__na.is-on { background: #e7f4ec; border-color: #0d6b3f; color: #0d6b3f; font-weight: 700; }
/* CKHT — documents from the client */
.wfp-ck__docs { border: 2px solid #d9dde3; }
.wfp-ck__docs.is-ret { border-color: #e3a3a3; background: #fffafa; }
.wfp-ck__docsh { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 15px; color: #8a1c1c; }
.wfp-ck__docs:not(.is-ret) .wfp-ck__docsh { color: #1e3a6e; }
.wfp-ck__docsn { font-size: 13px; font-weight: 800; padding: 3px 10px; border-radius: 12px; background: #e7f4ec; color: #0d6b3f; }
.wfp-ck__docsn.is-out { background: #fde8e8; color: #b42318; }
.wfp-ck__doct { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.wfp-ck__docr { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 10px; border: 1px solid #eee; border-radius: 6px; background: #fff; }
.wfp-ck__docr > div:first-child { display: flex; flex-direction: column; }
.wfp-ck__docr small { color: #6d7178; font-size: 12px; }
.wfp-ck__docr.is-y { background: #f1faf4; border-color: #b9e0c6; }
.wfp-ck__docr.is-na { background: #f6f7f9; opacity: .75; }
.wfp-ck__docb { display: flex; gap: 6px; flex-shrink: 0; }
.wfp-ck__chipb { border: 1px solid #c9ced6; background: #fff; border-radius: 14px; padding: 4px 10px; font-size: 12.5px; cursor: pointer; }
.wfp-ck__chipb.is-on { background: #0d6b3f; border-color: #0d6b3f; color: #fff; font-weight: 700; }
.wfp-ck__docact { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.wfp-ck__docpop { max-width: 680px; }
.wfp-ck__doclist { margin: 6px 0 12px 18px; padding: 0; font-size: 14px; display: flex; flex-direction: column; gap: 5px; }
.wfp-ck__doclist small { color: #6d7178; }
.wfp-sc__modal { --ck-navy: #1e3a6e; --ck-navy2: #2b4f8f; --ck-line: #d9dde3; }
.wfp-ck__docdet { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; margin: 6px 0 2px; font-size: 12.5px; }
.wfp-ck__docdc b { display: block; font-size: 12px; }
.wfp-ck__docdc.is-ok b { color: #0d6b3f; }
.wfp-ck__docdc.is-no b { color: #b42318; }
.wfp-ck__docdc ul { margin: 2px 0 0 16px; padding: 0; color: #333; }
.wfp-ck__doctip { grid-column: 1 / -1; margin: 2px 0 0; color: #7a5200; font-size: 12px; }
@media (max-width: 700px) { .wfp-ck__docdet { grid-template-columns: 1fr; } }
.wfp-ck__btn--warn { background: #b35c00; border-color: #b35c00; }
.wfp-ck__btn--warn:hover { background: #c96a06; }
.wfp-ck__emlab { display: flex; flex-direction: column; gap: 4px; margin: 8px 0; font-weight: 700; font-size: 13px; }
.wfp-ck__emlab .wfp-ck__in, .wfp-ck__insist { width: 100%; box-sizing: border-box; font-family: inherit; }
.wfp-ck__embody { font-size: 13px; line-height: 1.45; }
.wfp-ck__rem { margin-top: 6px; padding: 8px 10px; border: 1px solid #f0c27a; border-left: 4px solid #d98a00; background: #fffaf0; border-radius: 4px; }
.wfp-ck__remh { display: block; color: #8a5300; font-size: 12.5px; margin-bottom: 2px; }
.wfp-ck__remact { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; font-size: 12px; color: #555; }
.wfp-ck__who { display: inline-block; font-size: 10.5px; font-weight: 800; padding: 1px 7px; border-radius: 9px; margin-right: 6px; vertical-align: 1px; text-transform: uppercase; letter-spacing: .03em; }
.wfp-ck__who.is-client { background: #e3edfb; color: #1e3a6e; }
.wfp-ck__who.is-other { background: #fdf0dc; color: #8a5300; }
.wfp-ck__who.is-staff { background: #eceef1; color: #555; }
/* ===== MyTax (LHDN) colours — CKHT & Presentation screens ===== */
.wfp-ck, .wfp-sc__modal { --ck-navy: #1f4788; --ck-navy2: #183a70; --ck-line: #dee2e6; --ck-fill: #f1f3f5; }
.wfp-ck { color: #212529; accent-color: #1f4788; }
.wfp-sc__modal { accent-color: #1f4788; }
.wfp-ck__bar, .wfp-ck__formt { background: #1f4788; }
.wfp-ck__seal { border-color: #1f4788; color: #1f4788; }
.wfp-ck__pill { background: #1f4788; }
.wfp-ck__btn--ghost { background: #fff; color: #1f4788; border-color: #1f4788; }
.wfp-ck__btn--ghost:hover { background: #eef2f9; }
.wfp-ck__in { border-color: #ced4da; color: #212529; }
.wfp-ck__in:focus { outline: 0; border-color: #1f4788; box-shadow: 0 0 0 3px rgba(31, 71, 136, .2); }
.wfp-ck__in[readonly], .wfp-ck__in:disabled { background: #f1f3f5; }

.wfp-ck__tile strong, .wfp-ck__filehead strong, .wfp-ck__due strong, .wfp-ck__formsl, .wfp-ck__tile em { color: #1f4788; }
.wfp-ck__tile:hover, .wfp-ck__back:hover { background: #eef2f9; }
.wfp-ck__f.is-tot .wfp-ck__in.is-auto, .wfp-ck__totals { background: #e7edf6; }
.wfp-ck__table th { background: #f1f3f5; color: #212529; }
.wfp-ck__chip.is-ok { background: #e7edf6; color: #1f4788; border-color: #b9c8e2; }
.wfp-ck__chipb.is-on { background: #1f4788; border-color: #1f4788; }
.wfp-pc__na.is-on { background: #e7edf6; border-color: #1f4788; color: #1f4788; }
/* ===== MyTax accordion + field layout ===== */
.wfp-ck__formbody { padding: 0; overflow: hidden; }
.wfp-ck__formbody > .wfp-ck__act, .wfp-ck__formbody > .wfp-ck__formsub { margin: 16px 20px 8px; }
.wfp-ck__sec { border: 0; border-top: 1px solid #dee2e6; border-radius: 0; margin: 0; background: #fff; }
.wfp-ck__sec.is-open { border-top: 3px solid #1f4788; }
.wfp-ck__sech { padding: 20px 22px; font-size: 16px; font-weight: 400; color: #6c757d; text-transform: uppercase; border-radius: 0; letter-spacing: .01em; }
.wfp-ck__sech:hover { background: #f8f9fa; }
.wfp-ck__sec.is-open > .wfp-ck__sech { font-weight: 700; color: #212529; border-bottom: 0; border-radius: 0; font-size: 17px; }
.wfp-ck__secst { text-transform: none; font-size: 11.5px; }
.wfp-ck__chev { width: 10px; height: 10px; flex: 0 0 10px; border-right: 2px solid #8a9099; border-bottom: 2px solid #8a9099; transform: rotate(45deg); margin: -4px 6px 0 10px; font-size: 0; }
.wfp-ck__chev.is-up { border-color: #1f4788; transform: rotate(-135deg); margin-top: 6px; }
.wfp-ck__secb { margin: 0 22px 22px; padding: 22px; border: 1px solid #dee2e6; border-radius: 4px; }
.wfp-ck__grid { gap: 18px 28px; }
.wfp-ck__f { grid-template-columns: 38% 1fr; }
.wfp-ck__f.is-full { grid-template-columns: calc(19% - 14px) 1fr; }
.wfp-ck__lab { gap: 14px; }
.wfp-ck__pill { min-width: 46px; height: 30px; font-size: 13px; background: #1f4788; }
.wfp-ck__labt { font-size: 14px; color: #212529; padding-top: 5px; }
.wfp-ck__labt i { color: #212529; }
.wfp-ck__req { color: #dc3545; font-weight: 700; }
.wfp-ck__in { min-height: 38px; padding: 8px 12px; border-radius: 4px; font-size: 14px; }
.wfp-ck__in.is-auto { background: #f1f3f5; border: 1px solid #dee2e6; color: #6c757d; }
.wfp-ck__box > .wfp-ck__in + .wfp-ck__in { margin-top: 10px; }
.wfp-ck__yn { flex-direction: column; gap: 10px; padding-top: 4px; }
.wfp-ck__yn label { font-size: 14px; color: #495057; gap: 8px; }
.wfp-ck__yn input[type=radio] { width: 20px; height: 20px; margin: 0; }
.wfp-ck__tick { width: 20px; height: 20px; }
.wfp-ck__cty { display: grid; grid-template-columns: 1fr 70px; gap: 8px; }
.wfp-ck__ctyc { justify-content: center; }
@media (max-width: 720px) { .wfp-ck__f, .wfp-ck__f.is-full { grid-template-columns: 1fr; } .wfp-ck__secb { margin: 0 10px 14px; padding: 14px; } }
.wfp-ck__f.is-ck { display: flex; align-items: center; gap: 12px; grid-column: 1 / -1; }
.wfp-ck__f.is-ck .wfp-ck__box { order: 1; flex: 0 0 auto; }
.wfp-ck__f.is-ck .wfp-ck__lab { order: 2; }
.wfp-ck__f.is-ck .wfp-ck__pill.is-blank { display: none; }
.wfp-ck__f.is-ck .wfp-ck__labt { padding-top: 0; }
.wfp-ck__f { grid-template-columns: 42% 1fr; }
.wfp-ck__f.is-full { grid-template-columns: calc((100% - 28px) * .21) 1fr; }
@media (max-width: 720px) { .wfp-ck__f, .wfp-ck__f.is-full { grid-template-columns: 1fr; } }
/* MyTax form title bar */
.wfp-ck__bar, .wfp-ck__formt { background: #4680ff; box-shadow: 0 2px 6px rgba(70, 128, 255, .25); }
.wfp-ck__formt { font-size: 30px; font-weight: 800; padding: 12px 20px 12px 26px; letter-spacing: .01em; }
.wfp-ck__formt small { display: block; font-size: 13px; font-weight: 600; color: #e6eeff; letter-spacing: 0; }
.wfp-ck__seal { flex: 0 0 74px; height: 74px; border: 4px solid #a9cdf5; color: #1f4788; background: #fff; }
/* MyTax "Semak Kod Aset" pop-up look */
.wfp-ck__mt { background: #fff; border-radius: 6px; box-shadow: 0 4px 18px rgba(0,0,0,.12); margin-bottom: 18px; border: 1px solid #e5e7eb; }
.wfp-ck__mth { position: relative; display: flex; justify-content: center; align-items: center; padding: 22px 60px 18px; border-bottom: 1px solid #dee2e6; }
.wfp-ck__mth h3 { margin: 0; font-size: 20px; font-weight: 800; color: #111; letter-spacing: .01em; text-align: center; }
.wfp-ck__mtx { position: absolute; right: 24px; top: 18px; font-size: 24px; font-weight: 900; color: #1f4788; opacity: .35; }
.wfp-ck__mtstep { position: absolute; left: 22px; top: 22px; font-size: 11px; font-weight: 800; color: #fff; background: #4680ff; border-radius: 10px; padding: 2px 9px; }
.wfp-ck__mtsub { margin: 10px 26px 0; font-size: 12.5px; color: #6c757d; text-align: center; }
.wfp-ck__mtb { padding: 18px 26px 24px; }
.wfp-ck__mtrad { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; color: #495057; margin-bottom: 14px; }
.wfp-ck__mtrad input { width: 22px; height: 22px; accent-color: #1f4788; opacity: 1; }
.wfp-ck__mtrow { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 18px; align-items: start; }
.wfp-ck__mtc { display: grid; grid-template-columns: 42% 1fr; gap: 10px; align-items: start; }
.wfp-ck__mtl { font-size: 14.5px; color: #212529; padding-top: 8px; }
.wfp-ck__mtyr { display: flex; align-items: center; background: #fff; color: #212529; }
.wfp-ck__mtcat { display: flex; flex-direction: column; gap: 8px; padding-top: 6px; }
.wfp-ck__mtcat label { display: inline-flex; align-items: center; gap: 10px; font-size: 14.5px; color: #212529; }
.wfp-ck__mtcat input { width: 22px; height: 22px; accent-color: #1f4788; }
.wfp-ck__mtcari { display: flex; justify-content: flex-end; margin-top: 16px; }
.wfp-ck__mtbtn { padding: 11px 22px; font-size: 15px; border-radius: 4px; }
.wfp-ck__mthr { border: 0; border-top: 1px solid #dee2e6; margin: 22px 0 16px; }
.wfp-ck__mth4 { margin: 0 0 6px; font-size: 17px; font-weight: 800; color: #212529; }
.wfp-ck__mtnote { margin: 0 0 12px; font-size: 12.5px; color: #6c757d; }
.wfp-ck__mtg .wfp-ck__pill.is-blank { display: none; }
.wfp-ck__mtg .wfp-ck__f:not(.is-wfp) .wfp-ck__lab { gap: 0; }
.wfp-ck__mtact { display: flex; justify-content: center; gap: 12px; margin-top: 20px; }
@media (max-width: 860px) { .wfp-ck__mtrow { grid-template-columns: 1fr; } }
.wfp-ck__mtnotice { background: #f1f3f5; padding: 14px 16px; font-weight: 700; font-size: 14px; color: #212529; border-radius: 3px; margin-bottom: 16px; line-height: 1.6; }
/* CKHT situation groups: 1A (land) / 1B (shares) */
.wfp-ck__grp { border: 1px solid #dee2e6; border-top: 4px solid #1f4788; border-radius: 6px; padding: 14px 16px 16px; margin: 14px 0; background: #fff; }
.wfp-ck__grp.is-sh { border-top-color: #4680ff; background: #f7faff; }
.wfp-ck__grph { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.wfp-ck__grpt { flex: 0 0 auto; background: #1f4788; color: #fff; font-weight: 800; font-size: 15px; padding: 8px 14px; border-radius: 6px; letter-spacing: .02em; }
.wfp-ck__grp.is-sh .wfp-ck__grpt { background: #4680ff; }
.wfp-ck__grph strong { display: block; font-size: 16px; color: #212529; }
.wfp-ck__grph span { display: block; font-size: 13px; color: #495057; }
.wfp-ck__grph .wfp-ck__grpt { color: #fff; font-size: 15px; display: inline-block; }
.wfp-ck__mtyr.is-empty { color: #8a9099; font-size: 12.5px; cursor: pointer; background: #f8f9fa; border-style: dashed; }
.wfp-ck__mtpull { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 14px; padding: 10px 12px; background: #eef4ff; border: 1px solid #c9dafc; border-radius: 6px; }
.wfp-ck__btn--next { background: #4680ff; border-color: #4680ff; }
.wfp-ck__btn--next:hover { background: #3a6fe0; }
.wfp-ck__nextlist { display: flex; flex-direction: column; gap: 8px; margin: 10px 0 14px; }

/* 5.128 — "What to key" instructions, MyTax Part D layout, developer-rebate flag */
.wfp-ck__how { font-size: 12px; line-height: 1.45; color: #1f3a66; background: #eef4ff; border: 1px solid #cfdcf5; border-left: 3px solid #4680ff; border-radius: 4px; padding: 5px 8px; }
.wfp-ck__how b { color: #1f4788; }
.wfp-ck__how.is-must { background: #fff4f4; border-color: #f2c4c4; border-left-color: #c62828; color: #6b1a1a; }
.wfp-ck__how.is-must b { color: #c62828; }
.wfp-ck__devflag { font-size: 12.5px; line-height: 1.45; background: #fff8e6; border: 1px solid #f0c27a; border-left: 4px solid #d98a00; border-radius: 4px; padding: 7px 10px; color: #5a3d00; }
.wfp-ck__devflag.is-red { background: #fdecea; border-color: #e8a3a3; border-left-color: #c62828; color: #7a1414; }
.wfp-ck__devflag b { display: block; margin-bottom: 3px; }
.wfp-ck__devflag ul { margin: 0; padding-left: 18px; }
.wfp-ck__pair { display: grid; grid-template-columns: minmax(150px, 40%) 1fr; gap: 8px; }
.wfp-ck__pair--3 { grid-template-columns: 1fr 110px 1fr; align-items: end; }
.wfp-ck__pairc { display: flex; flex-direction: column; gap: 2px; font-size: 11.5px; color: #555; }
.wfp-ck__grp2 { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13px; color: #212529; padding-top: 10px; margin-top: 2px; border-top: 1px solid #dee2e6; }
.wfp-ck__sub2 { font-size: 12.5px; font-weight: 600; color: #495057; padding-left: 34px; }
.wfp-ck__f.is-ind { padding-left: 34px; }
.wfp-ck__acqbox { border: 1px solid #dee2e6; border-radius: 6px; overflow: hidden; margin: 6px 0; }
.wfp-ck__acqbox > .wfp-ck__grid { padding: 10px; }
.wfp-ck__acqh { background: #1f4788; color: #fff; font-weight: 700; font-size: 12.5px; padding: 7px 10px; letter-spacing: .2px; }
.wfp-ck__grid > .wfp-ck__acqh { border-radius: 4px; margin-top: 8px; }
.wfp-ck__tact { white-space: nowrap; }
.wfp-ck__tact .wfp-ck__btn { margin-right: 4px; }
@media (max-width: 640px) {
	.wfp-ck__pair, .wfp-ck__pair--3 { grid-template-columns: 1fr; }
	.wfp-ck__f.is-ind, .wfp-ck__sub2 { padding-left: 10px; }
}
.wfp-ck__grid > .wfp-ck__grp2, .wfp-ck__grid > .wfp-ck__sub2, .wfp-ck__grid > .wfp-ck__acqbox, .wfp-ck__grid > .wfp-ck__acqh { grid-column: 1 / -1; }
.wfp-ck__dbox .wfp-ck__f.is-full { grid-template-columns: minmax(180px, 40%) 1fr; }
.wfp-ck__dbox .wfp-ck__f.is-full.is-ind { grid-template-columns: minmax(160px, calc(40% - 34px)) 1fr; }
@media (max-width: 640px) { .wfp-ck__dbox .wfp-ck__f.is-full, .wfp-ck__dbox .wfp-ck__f.is-full.is-ind { grid-template-columns: 1fr; } }

/* 5.129 — staff-only cost guide (collapsible) and the attachment list */
details.wfp-ck__rem { border-color: #cfd8e6; border-left-color: #8aa2c8; background: #f7f9fc; }
details.wfp-ck__rem.is-filled { border-color: #f0c27a; border-left-color: #d98a00; background: #fffaf0; }
details.wfp-ck__rem > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: #1f4788; margin: 0; }
details.wfp-ck__rem.is-filled > summary { color: #8a5300; }
details.wfp-ck__rem > summary::-webkit-details-marker { display: none; }
details.wfp-ck__rem > summary::before { content: '▸'; font-size: 11px; }
details.wfp-ck__rem[open] > summary::before { content: '▾'; }
.wfp-ck__remonly { font-size: 10.5px; font-weight: 600; color: #6b6f76; background: #eceff3; border-radius: 10px; padding: 1px 8px; }
.wfp-ck__remlaw { margin: 6px 0 2px; font-size: 12px; font-weight: 600; color: #333; }
.wfp-ck__att .wfp-ck__table td { vertical-align: top; }
.wfp-ck__attno { font-weight: 800; color: #1f4788; white-space: nowrap; }
.wfp-ck__addother { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 12px 0 4px; padding: 10px 12px; border: 1px dashed #4680ff; border-radius: 6px; background: #f4f8ff; font-size: 13px; color: #1f4788; font-weight: 600; }
.wfp-ck__lstbox { margin: 8px 0; }
.wfp-ck__lstbtns { justify-content: flex-start; margin-top: 6px; }
.wfp-ck__typerow { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 4px 0 8px; font-size: 13px; font-weight: 700; color: #1f4788; }
.wfp-ck__typerow .wfp-ck__chipb { font-weight: 600; }
.wfp-ck__remsrc { margin: 6px 0 0; font-size: 11px; color: #6b6f76; font-style: italic; }
.wfp-ck__how { white-space: pre-line; }

.wfp-wm-note { position: fixed; left: 50%; top: 20px; transform: translateX(-50%); z-index: 2147483001; background: #8b1d1d; color: #fff; padding: 10px 16px; border-radius: 6px; font: 600 14px/1.4 Arial, sans-serif; box-shadow: 0 4px 16px rgba(0,0,0,.25); }
/* 5.143 — CKHT advice in the due diligence setup */
.wfp-pc__ckadv { margin: 10px 0 4px; padding: 10px 12px; border: 1px solid #cfdcf5; border-left: 4px solid #1f4788; border-radius: 6px; background: #f4f8ff; font-size: 13px; line-height: 1.45; color: #1f2a44; }
.wfp-pc__ckadv strong { display: block; margin-bottom: 4px; color: #1f4788; }
.wfp-pc__ckadv p { margin: 4px 0; }
.wfp-pc__ckadv p.is-warn { color: #8a3b00; font-weight: 600; }
.wfp-ck__f.is-ck { flex-wrap: wrap; }
.wfp-ck__f.is-ck > .wfp-ck__how { order: 3; flex: 1 1 100%; }
.wfp-ck__f.is-ck .wfp-ck__lab { flex: 1 1 0; min-width: 0; }
/* 5.148 — CKHT 3 laid out like MyTax */
.wfp-ck__f.is-para { display: flex; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.wfp-ck__f.is-para > .wfp-ck__paratxt { flex: 1 1 0; margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: #333; text-align: justify; }
.wfp-ck__f.is-para > .wfp-ck__how { flex: 1 1 100%; }
.wfp-ck__f.is-ck > .wfp-ck__pill--first { order: 0; flex: 0 0 auto; min-width: 44px; text-align: center; }
.wfp-ck__f.is-ck > .wfp-ck__pill--first ~ .wfp-ck__box { order: 1; }
.wfp-ck__a2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; }
.wfp-ck__a2 label { display: grid; grid-template-columns: 120px 1fr; align-items: center; gap: 8px; font-size: 13px; color: #333; }
.wfp-ck__f.is-ind { padding-left: 34px; }
@media (max-width: 640px) { .wfp-ck__a2, .wfp-ck__a2 label { grid-template-columns: 1fr; } }
.wfp-ck__f.is-full.is-stack, .wfp-ck__dbox .wfp-ck__f.is-full.is-stack { grid-template-columns: 1fr; }
.wfp-ck__f.is-stack > .wfp-ck__box { padding-left: 56px; }
@media (max-width: 640px) { .wfp-ck__f.is-stack > .wfp-ck__box { padding-left: 0; } }
.wfp-ck__remark { margin: 0 0 12px; padding: 10px 14px; border: 1px solid #f0c27a; border-left: 4px solid #d98a00; border-radius: 6px; background: #fff8e6; font-size: 13px; line-height: 1.5; color: #4a3500; }
.wfp-ck__remark b { display: block; margin-bottom: 4px; color: #8a5300; }
.wfp-ck__remark ol { margin: 0; padding-left: 20px; }
.wfp-ck__remark p { margin: 6px 0 0; font-size: 12px; color: #6b5a33; font-style: italic; }
/* 5.153 — Lampiran 3 like MyTax */
.wfp-ck__f.is-para.is-to > .wfp-ck__paratxt { white-space: pre-line; text-align: left; }
.wfp-ck__f.is-para.is-title > .wfp-ck__paratxt { text-align: center; font-weight: 700; font-size: 13.5px; color: #111; }
.wfp-ck__f.is-para.is-ind1 > .wfp-ck__paratxt { padding-left: 16px; }
.wfp-ck__f.is-para.is-docbox > .wfp-ck__paratxt { white-space: pre-line; text-align: left; font-weight: 600; border: 1.5px solid #222; padding: 10px 12px; background: #fff; max-width: 440px; margin-left: auto; }
/* 5.154 — prepare letters */
.wfp-pc__setsum .wfp-pc__letbtn{flex-basis:100%;max-width:max-content;background:#16375c;border-color:#0f2742}
.wfp-pc__setsum .wfp-pc__letbtn:hover{background:#0f2742}
.wfp-lt{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.55);overflow-y:auto;padding:24px 12px}
.wfp-lt__box{max-width:920px;margin:0 auto;background:#fff;border-radius:14px;padding:18px 20px 0;box-shadow:0 20px 50px rgba(0,0,0,.3);font-size:15px;color:#1f2937}
.wfp-lt__head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid #16375c;padding-bottom:10px}
.wfp-lt__h{margin:0;font-size:20px;color:#16375c}
.wfp-lt__x{border:0;background:#eef2f7;border-radius:8px;width:36px;height:36px;font-size:18px;cursor:pointer}
.wfp-lt__sec{padding:14px 0;border-bottom:1px solid #e5e9f0}
.wfp-lt__sh{margin:0 0 10px;font-size:16px;color:#16375c}
.wfp-lt__muted{margin:6px 0 0;color:#64748b;font-size:13px}
.wfp-lt__bad{color:#b91c1c;font-weight:600}
.wfp-lt__sel{width:100%;padding:9px;border:1.5px solid #c3cfdf;border-radius:8px;font:inherit}
.wfp-lt__q{display:flex;gap:10px;align-items:flex-start;margin:8px 0;flex-wrap:wrap}
.wfp-lt__ql{flex:0 0 200px;font-weight:600;padding-top:7px}
.wfp-lt__chips{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 300px}
.wfp-lt__chip{padding:7px 12px;border:1.5px solid #c3cfdf;border-radius:999px;background:#fff;font:inherit;font-size:14px;cursor:pointer;color:#334155}
.wfp-lt__chip.is-on{background:#16375c;border-color:#16375c;color:#fff}
.wfp-lt__grp{margin:0 0 12px;border:1px solid #dbe3ee;border-radius:10px;overflow:hidden}
.wfp-lt__grp.is-blank{border-style:dashed}
.wfp-lt__gh{display:flex;gap:8px;align-items:center;background:#f1f5fb;padding:8px 12px;font-weight:700;color:#16375c}
.wfp-lt__gh span{flex:1}
.wfp-lt__mini{border:1px solid #c3cfdf;background:#fff;border-radius:6px;padding:3px 8px;font-size:12px;cursor:pointer}
.wfp-lt__item{display:flex;gap:8px;align-items:baseline;padding:7px 12px;border-top:1px solid #eef2f7;cursor:pointer;flex-wrap:wrap}
.wfp-lt__item.is-on{background:#f0fdf4}
.wfp-lt__item input{width:17px;height:17px;flex:0 0 auto;position:relative;top:3px}
.wfp-lt__no{flex:0 0 28px;font-weight:700;color:#15803d}
.wfp-lt__nm{flex:1 1 300px}
.wfp-lt__note{flex-basis:100%;margin-left:61px;color:#92400e;font-size:13px}
.wfp-lt__flag{font-size:11px;background:#fef3c7;color:#92400e;border-radius:6px;padding:2px 6px}
.wfp-lt__fs{border:1px solid #dbe3ee;border-radius:10px;margin:10px 0;padding:8px 12px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 14px}
.wfp-lt__fs legend{font-weight:700;color:#16375c;padding:0 6px}
.wfp-lt__f{display:flex;flex-direction:column;gap:3px;font-size:13px;color:#475569}
.wfp-lt__f.is-wide{grid-column:1/-1}
.wfp-lt__f input,.wfp-lt__f textarea{padding:7px 9px;border:1.5px solid #c3cfdf;border-radius:7px;font:inherit;font-size:14px;color:#111827}
.wfp-lt__foot{position:sticky;bottom:0;background:#fff;display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:12px 0;border-top:2px solid #16375c;flex-wrap:wrap}
.wfp-lt__count{font-weight:600;color:#475569}
.wfp-lt__foot .wfp-pc__genbtn:disabled{opacity:.5;cursor:not-allowed}
@media (max-width:600px){.wfp-lt__ql{flex-basis:100%;padding-top:0}.wfp-lt__note{margin-left:0}}
/* 5.155 — agency & town council page */
.wfp-pc__detgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 14px;margin-top:8px;width:100%}
.wfp-pc__detf{display:flex;flex-direction:column;gap:3px;font-size:13px;color:#475569}
.wfp-pc__detf .wfp-pc__qtxt{width:100%;max-width:none}
.wfp-pc__det .wfp-pc__setq{flex-direction:column;align-items:stretch}
.wfp-pc__det .wfp-pc__setql{flex:none}
.wfp-pc__det .wfp-pc__qhint{margin:2px 0 0;align-self:flex-start}
.wfp-pc__det .wfp-pc__qsel{align-self:flex-start;max-width:100%}
.wfp-pc__detck{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:10px 12px;border:2px solid #b45309;border-radius:10px;background:#fffbeb;font-weight:600;color:#7c2d12;cursor:pointer}
.wfp-pc__detck input{width:18px;height:18px;flex:0 0 auto;margin-top:2px}
.wfp-pc__detgrid.is-col{grid-template-columns:minmax(0,560px)}
.wfp-lt__fs.is-col{grid-template-columns:minmax(0,560px)}
.wfp-lt__ok{margin:8px 0;padding:8px 12px;border-radius:8px;background:#f0fdf4;color:#15803d;font-weight:700}
.wfp-lt__showall{margin-top:10px;padding:6px 12px;font-size:13px}
.wfp-lt__save{margin-right:auto;padding:8px 12px;font-size:13px}
.wfp-lt__warn{margin-right:auto;color:#b45309;font-size:13px;font-weight:600}
/* 5.169 — saved cases kept apart by case type */
.wfp-cs__savscope{margin:4px 0 10px;padding:8px 12px;border-radius:8px;background:#f1f5fb;color:#16375c;font-weight:600;font-size:14px}
.wfp-cs__savcat{margin:16px 0 6px;padding-bottom:4px;border-bottom:2px solid #16375c;color:#16375c;font-size:16px}

/* Trust Deed CKHT facts (5.173.1): every box in a row lines up — question on top, box, then the note under it */
.wfp-ck__tf { align-items: start; }
.wfp-ck__tf > label, .wfp-ck__tf > div { display: flex; flex-direction: column; gap: 4px; }
.wfp-ck__tf > label > span:first-child { min-height: 2.7em; display: flex; align-items: flex-end; line-height: 1.35; }
.wfp-ck__tf > label > small { font-weight: 400; line-height: 1.35; }
.wfp-ck__tf > div:last-child { justify-content: flex-end; padding-top: 2.7em; }

/* 5.175.0 — people table in the trust screens (10, 20 or more rows) */
.wfp-ck__btab td { vertical-align: middle; }
.wfp-ck__btab .wfp-ck__in { min-height: 32px; padding: 5px 7px; font-size: 13px; min-width: 110px; }
.wfp-ck__btab td:first-child, .wfp-ck__btab td:last-child { width: 1%; white-space: nowrap; }
.wfp-ck__flag.is-info span { display: block; }
.wfp-ck__btab td:nth-child(2) .wfp-ck__in { min-width: 170px; }
.wfp-ck__btab select.wfp-ck__in { min-width: 165px; }

/* 5.177.0 — where each warning comes from */
.wfp-ck__src { display: inline-block; margin-left: 8px; padding: 1px 7px; border-radius: 10px; font-style: normal; font-size: 10.5px; font-weight: 800; vertical-align: middle; white-space: nowrap; }
.wfp-ck__src.is-A { background: #e6eefb; color: #1f4788; }
.wfp-ck__src.is-C { background: #e7f5ec; color: #17603f; }
.wfp-ck__src.is-V { background: #fff1d6; color: #7a4d00; }

/* 5.178.0 — legal source under each situation (small) */
.wfp-ck__tile small.wfp-ck__ref, .wfp-ck__filehead small.wfp-ck__ref { display: block; margin-top: 6px; padding-top: 6px; border-top: 1px dashed #d9dde3; font-size: 11px; line-height: 1.4; color: #6b7280; font-weight: 400; }

.wfp-ck__short { border: 2px solid #1f4788; }
.wfp-ck__shortl { display: flex; gap: 14px; align-items: baseline; padding: 8px 0; border-bottom: 1px solid #eceef1; font-size: 16px; }
.wfp-ck__shortl span { min-width: 190px; color: #444; }
.wfp-ck__shortl strong { font-size: 18px; color: #16375c; }
.wfp-ck__shortl.is-yes strong { color: #b42318; }
.wfp-ck__shortl.is-no strong { color: #17784f; }

/* Last Will — "same as above" and Sdn Bhd shares (5.180) */
.wfp-will__same { display: flex; align-items: center; gap: 10px; width: 100%; grid-column: 1 / -1; box-sizing: border-box; padding: 10px 12px; margin: 2px 0 8px; border: 2px solid #9fb4cc; border-radius: 8px; background: #eef4fb; font-weight: 600; font-size: 14.5px; color: var(--wfp-navy-1); cursor: pointer; }
.wfp-will__same input { width: 19px; height: 19px; accent-color: var(--wfp-maroon); flex: 0 0 auto; }
.wfp-will__same.is-on { border-color: #2e7d4f; background: #e9f6ee; }
.wfp-will__samebox { padding: 10px 12px; border-left: 4px solid #2e7d4f; background: #f4fbf6; border-radius: 6px; font-size: 14px; margin-bottom: 8px; }
.wfp-will__samebox .wfp-will__hint { margin-top: 4px; }
.wfp-will__amber { padding: 10px 14px; margin: 0 0 10px; border: 1px solid #e0b252; border-left: 5px solid #d99a00; border-radius: 8px; background: #fff7e2; color: #5c4200; font-size: 14px; line-height: 1.45; }
.wfp-will__amber strong { color: #8a5a00; }
.wfp-will__amber ol { margin: 6px 0 0 20px; padding: 0; }
.wfp-will__ssm { border: 1px dashed #d9b55d; border-radius: 8px; padding: 8px 12px; margin: 6px 0 10px; background: #fffcf3; }
.wfp-will__req { color: #d0021b; font-weight: 700; font-size: 1.15em; }
.wfp-will__reqnote { margin: 4px 0 8px; font-size: 13.5px; font-weight: 600; color: #8a1020; }
.wfp-will__amberfoot { margin-top: 6px; padding-top: 6px; border-top: 1px dashed #e0b252; font-weight: 600; }

/* Last Will — how each asset can be registered (5.180) */
.wfp-will__reg { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; padding: 8px 12px; margin: 0 0 10px; border-radius: 8px; font-size: 14px; line-height: 1.45; border: 1px solid; }
.wfp-will__reg.is-red { background: #fdecec; border-color: #e59a9a; color: #7a1020; }
.wfp-will__reg.is-green { background: #eaf7ee; border-color: #8fcaa2; color: #1d5b33; }
.wfp-will__reg.is-amber { background: #fff7e2; border-color: #e0b252; color: #5c4200; }
.wfp-will__regbadge { font-weight: 800; letter-spacing: .02em; white-space: nowrap; }
.wfp-will__single { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; margin: 0 0 10px; border: 2px solid #d0021b; border-radius: 8px; background: #fff0f0; color: #7a1020; font-size: 14px; }
.wfp-will__single.is-ok { border-color: #2e7d4f; background: #e9f6ee; color: #1d5b33; }
.wfp-will__modalwrap { position: fixed; inset: 0; background: rgba(10,20,35,.55); z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.wfp-will__modal { background: #fff; border-radius: 12px; max-width: 560px; width: 100%; padding: 20px 22px; box-shadow: 0 12px 40px rgba(0,0,0,.35); border-top: 6px solid #d0021b; font-size: 15px; line-height: 1.5; }
.wfp-will__modalhead { font-size: 17px; font-weight: 800; color: #7a1020; margin-bottom: 8px; }
.wfp-will__modalbtns { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.wfp-will__modalbtns .wfp-cs__btn { width: 100%; text-align: center; }
.wfp-will__nodoc { margin: 2px 0 4px; padding: 8px 10px; border-radius: 6px; background: #fff0f0; border: 1px solid #e59a9a; color: #7a1020; font-size: 13.5px; font-weight: 600; }
.wfp-will__locked { opacity: .55; border-style: dashed !important; cursor: not-allowed !important; }
.wfp-will__relother { margin-top: 6px; }
.wfp-will__noid { color: #d0021b; font-weight: 800; }

/* Last Will — Other clauses as a vertical list */
.wfp-will__cllist { display: flex; flex-direction: column; gap: 8px; margin: 4px 0 14px; }
.wfp-will__cl { border: 1px solid var(--wfp-line); border-radius: 8px; background: #fff; padding: 10px 12px; }
.wfp-will__cl.is-on { border-color: #b9c9db; background: #f7faff; }
.wfp-will__cl.is-locked { background: #f3f5f8; border-color: #d5dbe3; }
.wfp-will__clhead { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
.wfp-will__cl.is-locked .wfp-will__clhead { cursor: default; }
.wfp-will__clhead input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--wfp-maroon); flex: 0 0 auto; }
.wfp-will__cllock { width: 18px; flex: 0 0 18px; font-size: 15px; line-height: 1.3; }
.wfp-will__cltext { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.wfp-will__cltext strong { font-size: 15px; color: var(--wfp-navy-1); }
.wfp-will__cltag { font-size: 11px; font-weight: 800; letter-spacing: .04em; color: #fff; background: #6b7a8c; border-radius: 4px; padding: 1px 6px; }
.wfp-will__cldesc { flex-basis: 100%; font-size: 13.5px; color: var(--wfp-muted); }
.wfp-will__clextra { margin: 8px 0 0 28px; }

.wfp-cs__copyright{text-align:center;font:12px/1.5 Arial,sans-serif;color:#9a9a9a;margin:28px auto 18px;padding:0 16px;max-width:900px}
.wfp-cs-login{width:100%}
.wfp-cs-login .wfp-cs__copyright{color:rgba(255,255,255,.6);margin:22px auto 0}

/* SPA checking — inflated price / rebate check */
.wfp-sc__price{border:2px solid #e0a800;background:#fff8e1;border-radius:10px;padding:14px 16px;margin:12px 0 16px}
.wfp-sc__price.is-stop{border-color:#c62828;background:#fdecea}
.wfp-sc__price.is-ok{border-color:#2e7d32;background:#e8f5e9;padding:10px 16px}
.wfp-sc__pricehd{display:block;font-size:16px;color:#8b0000;margin-bottom:6px}
.wfp-sc__price.is-ok .wfp-sc__pricehd{color:#2e7d32;margin-bottom:8px}
.wfp-sc__priceq{margin:4px 0;font-weight:600}
.wfp-sc__pricesign{margin:4px 0 8px;font-size:13px;color:#555}
.wfp-sc__pricebtns{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.wfp-sc__price .wfp-pc__mustnote{width:100%;margin:8px 0}

.wfp-lt__jointwarn{margin:2px 0 8px 34px;padding:7px 10px;border:1px solid #e57373;background:#fdecea;color:#b00000;border-radius:6px;font-size:13px;font-weight:600}
.wfp-lt__jointok{margin:2px 0 8px 34px;padding:6px 10px;border:1px solid #81c784;background:#e8f5e9;color:#1b5e20;border-radius:6px;font-size:13px}

/* CKHT — quick RPGT estimate */
.wfp-ckq__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin:10px 0 14px}
.wfp-ckq__f{display:flex;flex-direction:column;gap:4px}
.wfp-ckq__f.is-full{grid-column:1/-1}
.wfp-ckq__l{font-size:13px;font-weight:700;color:#16375c}
.wfp-ckq__in{padding:8px 10px;border:1px solid #c9d3df;border-radius:6px;font:inherit;font-size:14px;background:#fff}
.wfp-ckq__h{font-size:11.5px;color:#777}
.wfp-ckq__res{border:2px solid #16375c;border-radius:8px;padding:12px 16px;background:#f7f9fc}
.wfp-ckq__band{font-weight:800;color:#16375c;margin-bottom:8px}
.wfp-ckq__row{display:flex;justify-content:space-between;gap:16px;padding:5px 0;border-bottom:1px dotted #c9d3df;font-size:14px}
.wfp-ckq__row strong{white-space:nowrap}
.wfp-ckq__row.is-total{font-size:17px;border-bottom:2px solid #16375c;padding:8px 0;color:#8b0000}
.wfp-ckq__row.is-ret{color:#16375c}
.wfp-ckq__row.is-loss strong,.wfp-ckq__row.is-ok strong{color:#0f6b45}
.wfp-ckq__notes{margin:10px 0 0 18px;font-size:12.5px;color:#555}
@media (max-width:700px){.wfp-ckq__grid{grid-template-columns:1fr}}

.wfp-pc__setq.is-stopq{background:#fdecea;border-left:4px solid #c62828;padding-left:10px}
.wfp-pc__setq.is-stopq .wfp-pc__setql{color:#b00000}
.wfp-pc__setq.is-stopq .wfp-pc__mustnote{width:100%;min-width:320px}

.wfp-sc__redline,.wfp-sc__redline span,.wfp-sc__redline strong{color:#c00000 !important;font-weight:700}

.wfp-pc__stopok{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:9px 12px;border:2px solid #c62828;border-radius:6px;background:#fff;color:#b00000;font-weight:700;cursor:pointer;font-size:14px}
.wfp-pc__stopok input{width:20px;height:20px;margin-top:1px;accent-color:#2e7d32;flex:none}
.wfp-pc__stopok.is-on{border-color:#2e7d32;background:#e8f5e9;color:#1b5e20}

/* will form: labels, boxes and hints each line up across the two columns (a hint under one box no longer pushes the box beside it) */
.wfp-will .wfp-cs__grid { align-items: stretch; }
.wfp-will .wfp-cs__grid > .wfp-cs__field { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 4px; align-content: start; justify-content: stretch; }
.wfp-will .wfp-cs__grid > .wfp-cs__field > .wfp-cs__label { align-self: end; }
.wfp-will .wfp-cs__grid > .wfp-cs__field > .wfp-cs__input { align-self: start; }
.wfp-will .wfp-cs__grid > .wfp-cs__field > .wfp-will__hint { align-self: start; }

/* ---------- re-download lock (5.189) ---------- */
.wfp-rd__box { max-width: 560px; }
.wfp-rd__kick { color: #b3261e; }
.wfp-rd__warn { background: #fdecea; border: 1px solid #e57373; border-radius: 8px; padding: 10px 14px; margin: 10px 0 12px; color: #7a1020; }
.wfp-rd__warn strong { display: block; margin-bottom: 4px; }
.wfp-rd__warn p { margin: 4px 0; font-weight: 600; }
.wfp-rd__lead { margin: 6px 0 10px; }
.wfp-rd__f { display: block; margin: 8px 0; }
.wfp-rd__f > span { display: block; font-weight: 700; margin-bottom: 4px; }
.wfp-rd__f textarea { width: 100%; box-sizing: border-box; }
.wfp-rd__code { font: 700 22px/1.2 Consolas, monospace; letter-spacing: 6px; width: 170px; text-align: center; }
.wfp-rd__err { color: #b3261e; font-weight: 600; min-height: 1em; }
.wfp-rd__h { margin: 18px 0 8px; color: #7a1020; }
.wfp-rd__how { margin: 0 0 10px 18px; line-height: 1.5; }
.wfp-rd__status { font-weight: 700; padding: 8px 12px; border-radius: 6px; display: inline-block; }
.wfp-rd__status.is-on { background: #e8f5e9; color: #1b5e20; }
.wfp-rd__status.is-off { background: #fdecea; color: #b3261e; }
.wfp-rd__area { margin: 12px 0; }
.wfp-rd__qrwrap { display: flex; gap: 22px; align-items: flex-start; flex-wrap: wrap; border: 1px solid #d5dbe3; border-radius: 10px; padding: 16px; background: #fff; }
.wfp-rd__qr { width: 220px; height: 220px; }
.wfp-rd__qr svg { width: 100%; height: 100%; }
.wfp-rd__key { font: 700 16px Consolas, monospace; letter-spacing: 1px; background: #f4f6f9; padding: 6px 10px; border-radius: 6px; display: inline-block; }
.wfp-rd__tbl tr.is-bad td { color: #b3261e; }
.wfp-rd__checks { border: 2px solid #7a1020; border-radius: 8px; padding: 10px 14px; margin: 10px 0; background: #fffaf5; }
.wfp-rd__checkhead { margin: 0 0 6px; font-weight: 800; color: #7a1020; }
.wfp-rd__check { display: flex; gap: 10px; align-items: flex-start; margin: 8px 0; cursor: pointer; font-weight: 600; line-height: 1.35; }
.wfp-rd__check input { width: 20px; height: 20px; flex: 0 0 20px; margin-top: 1px; accent-color: #7a1020; }
.wfp-rd__bar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 8px 0; }
.wfp-rd__sub { font-weight: 700; margin: 14px 0 6px; }
.wfp-rd__tbl tr.is-warn td { background: #fff4e5; }
.wfp-rd__flag { color: #b3261e; font-weight: 700; }
.wfp-rd__reason { min-width: 220px; white-space: pre-wrap; }
.wfp-rd__bar .wfp-ck__in { width: auto; flex: 0 0 auto; }
.wfp-rd__bar .wfp-rd__sub { margin: 0; }