/* ==========================================================================
   KuduDoc v6 — lease-management (after pages/_feature.css).
   Only this page's own parts: the register table and its tabs in the stage panel, the lease-import card, the
   worked-example timeline, the notice card, the inspection phone, the deposit receipt and the applications card.
   Everything else is the kit. Prefix: lm-.
   ========================================================================== */

/* ---------------------------------------------------------------- opening: the one line under the buttons */
html body .fk .fk-hero .lm-hero-note { display: inline-flex; align-items: center; gap: 10px; font: 500 14.5px/1.45 var(--font-sans); color: rgba(236, 244, 252, .92); }
html body .fk .fk-hero .lm-hero-note::before { content: ""; flex: none; width: 3px; height: 14px; border-radius: 2px; background: var(--fk-sky); transform: skewX(-14deg); }

/* ================================================================ the stage panel */
.fk .lm-app .fk-btn .icon { width: 14px; height: 14px; }
.fk .lm-avatar-off { background: #eef1f4; color: var(--fk-faint); }
.fk .lm-card-line { font: 400 12.5px/1.5 var(--font-sans); color: var(--fk-mute); }

/* tab 1 · the register */
.fk .lm-reg-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; margin-bottom: 14px; }
.fk .lm-reg-sub { margin-top: 4px; }
.fk .lm-reg-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.fk .lm-views { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.fk .lm-views li {
  display: inline-flex; align-items: center; gap: 7px; padding: 6px 8px 6px 12px; border-radius: 999px;
  background: #f3f6f9; box-shadow: inset 0 0 0 1px var(--fk-line-2); font: 600 12px/1.2 var(--font-sans); color: var(--fk-ink-2);
}
.fk .lm-views li b { display: inline-grid; place-items: center; min-width: 19px; height: 19px; padding: 0 6px; border-radius: 999px; background: #fff; font: 650 11px/1 var(--font-sans); color: var(--fk-mute); }
.fk .lm-views li.is-on { background: #e7f1fb; box-shadow: inset 0 0 0 1px #cfe2f5; color: var(--fk-blue-deep); }
.fk .lm-views li.is-on b { background: var(--fk-blue); color: #fff; }
.fk .lm-reg-wrap { border-radius: 12px; box-shadow: inset 0 0 0 1px var(--fk-line); overflow: hidden; }
.fk .lm-reg { width: 100%; border-collapse: collapse; table-layout: fixed; font: 400 12.5px/1.45 var(--font-sans); color: var(--fk-ink-2); }
.fk .lm-reg thead th {
  padding: 10px 12px 9px; text-align: left; background: #fafcfd; border-bottom: 1px solid var(--fk-line);
  font: 600 10.5px/1.3 var(--font-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--fk-mute);
}
.fk .lm-reg thead th:nth-child(1) { width: 23%; }
.fk .lm-reg thead th:nth-child(2) { width: 14%; }
.fk .lm-reg thead th:nth-child(3) { width: 15%; }
.fk .lm-reg thead th:nth-child(4) { width: 18%; }
.fk .lm-reg thead th:nth-child(5) { width: 15%; }
.fk .lm-reg thead th:nth-child(6) { width: 15%; }
.fk .lm-reg tbody :is(th, td) { padding: 12px 12px 13px; text-align: left; vertical-align: top; border-top: 1px solid var(--fk-line-2); }
.fk .lm-reg tbody tr:first-child :is(th, td) { border-top: 0; }
.fk .lm-reg tbody th { font-weight: 400; }
.fk .lm-reg tbody th b { display: block; font: 600 13px/1.3 var(--font-sans); color: var(--fk-ink); }
.fk .lm-reg small { display: block; margin-top: 3px; font: 400 11.5px/1.4 var(--font-sans); color: var(--fk-mute); }
.fk .lm-reg .fk-chip { white-space: normal; max-width: 100%; }
.fk .lm-reg-more { display: none; }

/* tab 2 · one lease's dates */
.fk .lm-dates { padding: 16px 18px 6px; }
.fk .lm-dl { margin-top: 8px; }
.fk .lm-dl > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 4px 16px; padding: 12px 0; border-top: 1px solid var(--fk-line-2); }
.fk .lm-dl > div:first-child { border-top: 0; }
.fk .lm-dl > div.is-now { margin: 0 -10px; padding: 12px 10px; border-radius: 10px; background: #f6faff; box-shadow: inset 0 0 0 1px #dcebf9; }
.fk .lm-dl > div.is-now + div { border-top: 0; }
.fk .lm-dl dt { font: 600 12.5px/1.35 var(--font-sans); color: var(--fk-ink); }
.fk .lm-dl dt small { display: block; margin-top: 2px; font: 500 11px/1.3 var(--font-sans); color: var(--fk-mute); }
.fk .lm-dl dd { font: 400 13px/1.5 var(--font-sans); color: var(--fk-ink-2); }
.fk .lm-dl dd .fk-chip { margin: -2px 8px 4px 0; vertical-align: middle; }
.fk .lm-feed { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.fk .lm-feed .fk-card-h { margin-bottom: 0; }
.fk .lm-feed .fk-card-h .icon { width: 16px; height: 16px; color: var(--fk-blue); }

/* tab 3 · a sealed inspection */
.fk .lm-insp { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 14px; align-items: start; }
.fk .lm-rooms { display: flex; flex-direction: column; gap: 2px; padding-top: 2px; }
.fk .lm-rooms li { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 7px 10px; border-radius: 8px; font: 500 12.5px/1.25 var(--font-sans); color: var(--fk-ink-2); }
.fk .lm-rooms li b { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #fff3ea; box-shadow: inset 0 0 0 1px #ffdcc4; font: 650 10.5px/1 var(--font-sans); color: var(--fk-orange-ink); }
.fk .lm-rooms li.is-on { background: #e7f1fb; color: var(--fk-blue-deep); font-weight: 600; }
.fk .lm-room { display: flex; flex-direction: column; gap: 10px; }
.fk .lm-room .fk-card-h { margin-bottom: 0; }
.fk .lm-check li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; border-top: 1px solid var(--fk-line-2); font: 400 12.5px/1.35 var(--font-sans); color: var(--fk-ink-2); }
.fk .lm-check li:first-child { border-top: 0; padding-top: 2px; }
.fk .lm-check .fk-chip { padding: 3px 9px 3px 8px; font-size: 11px; }
.fk .lm-note { display: flex; flex-direction: column; gap: 3px; padding: 9px 12px; border-radius: 9px; background: #f7f9fb; box-shadow: inset 0 0 0 1px var(--fk-line-2); }
.fk .lm-note b { font: 600 12.5px/1.4 var(--font-sans); color: var(--fk-ink); }
.fk .lm-note small { font: 400 11.5px/1.35 var(--font-sans); color: var(--fk-mute); }
.fk .lm-sealed { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }

/* photographs: flat, crisp, drawn — the time is when each reached KuduDoc */
.fk .lm-photos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.fk .lm-photo { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 7px; overflow: hidden; background: #e9e4dc; box-shadow: inset 0 0 0 1px rgba(16, 45, 73, .08); }
.fk .lm-photo i { position: absolute; display: block; }
.fk .lm-photo em {
  position: absolute; left: 5px; bottom: 5px; padding: 2px 5px; border-radius: 4px; background: rgba(16, 45, 73, .78);
  font: 600 9.5px/1.2 var(--font-sans); font-style: normal; letter-spacing: .02em; color: #fff;
}
.fk .lm-photo--counter { background: linear-gradient(180deg, #ebe6de 0 44%, #cdbda3 44% 56%, #697d93 56% 100%); }
.fk .lm-photo--counter i { left: 40%; top: 44%; width: 11%; height: 9%; background: #8f7d62; clip-path: polygon(0 0, 100% 0, 50% 100%); }
.fk .lm-photo--sink { background: linear-gradient(180deg, #ebe6de 0 36%, #cdbda3 36% 100%); }
.fk .lm-photo--sink i { left: 20%; top: 50%; width: 60%; height: 32%; border-radius: 6px; background: #b9c3cd; box-shadow: inset 0 0 0 2px #9ca8b4; }
.fk .lm-photo--sink::before { content: ""; position: absolute; left: 47%; top: 26%; width: 6%; height: 26%; border-radius: 2px; background: #8e9aa6; }
.fk .lm-photo--edge { background: linear-gradient(162deg, #d3c3a8 0 54%, #697d93 54% 100%); }
.fk .lm-photo--edge i { left: 34%; top: 38%; width: 22%; height: 16%; background: #8f7d62; clip-path: polygon(0 0, 100% 10%, 42% 100%); }
.fk .lm-photo--door { background: #ebe6de; }
.fk .lm-photo--door i { left: 26%; top: 10%; width: 46%; height: 80%; border-radius: 2px; background: #7b8fa4; transform: rotate(5deg); box-shadow: inset -6px 0 0 #6b7f94; }
.fk .lm-photo--door::after { content: ""; position: absolute; left: 60%; top: 46%; width: 3%; height: 14%; border-radius: 2px; background: #dfe5eb; transform: rotate(5deg); }

/* tab 4 · a deposit coming due */
.fk .lm-stmt { padding: 12px 16px; }
.fk .lm-due li { display: flex; flex-direction: column; gap: 3px; padding: 11px 0 11px 18px; border-top: 1px solid var(--fk-line-2); position: relative; }
.fk .lm-due li:first-child { border-top: 0; padding-top: 6px; }
.fk .lm-due li::before { content: ""; position: absolute; left: 3px; top: 14px; width: 3px; height: 13px; border-radius: 2px; background: var(--fk-blue); transform: skewX(-14deg); }
.fk .lm-due li:first-child::before { top: 9px; }
.fk .lm-due b { font: 650 13.5px/1.3 var(--font-sans); color: var(--fk-ink); }
.fk .lm-due span { font: 400 12px/1.45 var(--font-sans); color: var(--fk-mute); }

/* ================================================================ body sections */
.fk .lm-head-wide { max-width: 860px; }
.fk .lm-head-wide .fk-intro { max-width: 72ch; }
.fk .fk-head .fk-intro + .fk-intro { margin-top: 12px; }
.fk .lm-h3 { font: 650 21px/1.28 var(--font-display); letter-spacing: -.018em; color: var(--fk-ink); }
.fk .lm-copy .lm-h3 { margin-bottom: 10px; }
.fk .lm-copy p + .lm-h3 { margin-top: 36px; }
.fk .lm-copy p { font: 400 16.5px/1.66 var(--font-sans); color: var(--fk-body); }
.fk .lm-copy p + p { margin-top: 14px; }
.fk .lm-copy a, .fk .fk-get p a, .fk .lm-sources a { color: var(--fk-blue); }
.fk .lm-copy a:hover, .fk .fk-get p a:hover, .fk .lm-sources a:hover { color: var(--fk-blue-deep); }
.fk .lm-strong { font-weight: 600; color: var(--fk-ink) !important; }

/* two columns: copy beside a product part */
.fk .lm-duo { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 40px 64px; align-items: start; }
.fk .lm-duo--sticky { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
.fk .lm-duo--sticky > .lm-aside { position: sticky; top: 104px; display: flex; flex-direction: column; gap: 16px; }
.fk .lm-duo--phone { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
.fk .lm-block { margin-top: 88px; }
.fk .lm-block > .lm-h3 { margin-bottom: 18px; }

/* the lease-import card */
.fk .lm-import { padding: 18px 20px 16px; }
.fk .lm-import-head { display: flex; align-items: center; justify-content: space-between; gap: 10px 14px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 1px solid var(--fk-line-2); }
.fk .lm-sugg li {
  display: grid; grid-template-columns: 86px minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; gap: 2px 14px;
  padding: 11px 0; border-top: 1px solid var(--fk-line-2);
}
.fk .lm-sugg li:first-child { border-top: 0; }
.fk .lm-sugg-k { grid-row: 1 / 3; align-self: start; padding-top: 2px; font: 600 10.5px/1.3 var(--font-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--fk-mute); }
.fk .lm-sugg b { font: 600 14px/1.35 var(--font-sans); color: var(--fk-ink); }
.fk .lm-sugg q { grid-column: 2; quotes: none; font: 400 12px/1.45 var(--font-sans); color: var(--fk-mute); }
.fk .lm-sugg :is(.fk-chip, .fk-btn) { grid-column: 3; grid-row: 1 / 3; }
.fk .lm-sugg li:not(.is-done) b { color: var(--fk-blue-deep); }

/* the three cards: collection, reminders, agents */
.fk .lm-gets { margin-top: 88px; }
.fk .lm-gets .fk-get-spec { min-height: 238px; }   /* the tallest specimen (the collection) sets one height, so the three titles line up */
/* the kit's `.fk-get p` sets body text on every <p> in the card: the specimen's own lines opt out */
.fk .fk-get .fk-get-spec p { margin: 0; }
.fk .fk-get .fk-get-spec p.fk-label { font: 600 10.5px/1.2 var(--font-sans); letter-spacing: .11em; text-transform: uppercase; color: var(--fk-mute); }
.fk .lm-spec-files { gap: 11px; }
.fk .lm-spec-files .fk-label { margin-bottom: 2px; }
.fk .fk-get .fk-get-spec .lm-days { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.fk .lm-days span { display: inline-grid; place-items: center; min-width: 46px; height: 42px; padding: 0 8px; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px var(--fk-line); font: 650 19px/1 var(--font-display); letter-spacing: -.02em; color: var(--fk-ink); }
.fk .lm-days em { margin-left: 2px; font: 500 12.5px/1 var(--font-sans); font-style: normal; color: var(--fk-mute); }
.fk .fk-get .fk-get-spec .lm-spec-line { display: flex; flex-wrap: wrap; gap: 6px; }
.fk .fk-get .fk-get-spec .lm-spec-quiet { display: inline-flex; align-items: center; gap: 7px; font: 500 12.5px/1.3 var(--font-sans); color: var(--fk-mute); }
.fk .lm-spec-quiet .icon { width: 15px; height: 15px; color: var(--fk-blue); }
.fk .lm-team > li.fk-row { padding: 9px 0; }

/* the one scope line */
.fk .lm-scope {
  position: relative; max-width: 64ch; margin-top: 64px; padding-left: 30px;
  font: 600 19px/1.5 var(--font-display); letter-spacing: -.012em; color: var(--fk-ink);
}
.fk .lm-scope::before { content: ""; position: absolute; left: 4px; top: .3em; width: 5px; height: 20px; border-radius: 3px; background: var(--fk-blue); transform: var(--fk-stroke); }

/* ---------------------------------------------------------------- the worked example (row M1) */
.fk .lm-calc { padding: 38px 40px 36px; border-radius: 22px; background: #fff; box-shadow: var(--fk-card-sh); }
.fk .lm-line { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0 20px; }
.fk .lm-line::before { content: ""; position: absolute; left: 0; right: 0; top: 55px; height: 1px; background: #d3dfeb; }
.fk .lm-stop { position: relative; display: flex; flex-direction: column; gap: 4px; padding-top: 86px; }
.fk .lm-stop::before {
  content: ""; position: absolute; left: 8px; top: 34px; width: 8px; height: 42px; border-radius: 4px; background: var(--fk-blue); transform: var(--fk-stroke); z-index: 1;
}
.fk .lm-stop--end::before { background: var(--fk-ink); }
.fk .lm-stop--refund::before { background: #5b9bd9; }
.fk .lm-stop--open::after {   /* the window itself: a band from the opening stroke to the closing one */
  content: ""; position: absolute; left: 14px; top: 52px; width: calc(100% + 20px); height: 7px; border-radius: 4px; background: #cfe2f5;
}
.fk .lm-grp { position: absolute; left: 0; top: 0; white-space: nowrap; font: 600 11px/1.3 var(--font-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--fk-mute); }
.fk .lm-stop b { font: 650 19px/1.2 var(--font-display); letter-spacing: -.02em; color: var(--fk-ink); }
.fk .lm-stop > span:last-child { font: 400 13.5px/1.45 var(--font-sans); color: var(--fk-body); }
.fk .lm-calc-body { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 24px 48px; margin-top: 34px; padding-top: 30px; border-top: 1px solid var(--fk-line); }
.fk .lm-example { font: 400 17px/1.7 var(--font-sans); color: var(--fk-ink-2); }
.fk .lm-example b { font-weight: 650; color: var(--fk-ink); }
.fk .lm-calc-side p { font: 400 14px/1.6 var(--font-sans); color: var(--fk-mute); }
.fk .lm-calc-side p + p { margin-top: 10px; }
.fk .lm-calc-btn { margin-top: 22px; }

/* ---------------------------------------------------------------- the notice card */
.fk .lm-notice { font-size: 13px; }
.fk .lm-notice-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 50px; padding: 0 16px 0 20px; border-bottom: 1px solid var(--fk-line-2); background: #fbfcfd; }
.fk .lm-notice-top .fk-avatar { width: 28px; height: 28px; }
.fk .lm-notice-body { display: flex; flex-direction: column; gap: 14px; padding: 18px 20px 20px; }
.fk .lm-notice-state { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.fk .lm-notice-state small { font: 400 12px/1.3 var(--font-sans); color: var(--fk-mute); }
.fk .lm-notice-body > .fk-label { margin-bottom: -6px; }
.fk .lm-seg { display: flex; gap: 2px; padding: 3px; border-radius: 10px; background: #eff3f7; }
.fk .lm-seg span { flex: 1 1 auto; padding: 7px 10px; border-radius: 8px; text-align: center; font: 600 12.5px/1.2 var(--font-sans); color: var(--fk-mute); }
.fk .lm-seg span.is-on { background: #fff; color: var(--fk-ink); box-shadow: 0 1px 2px rgba(16, 45, 73, .1), 0 0 0 1px rgba(16, 45, 73, .05); }
.fk .lm-notice-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.fk .lm-notice-doc { padding: 18px 20px 18px; }
.fk .lm-notice-doc .fk-doc-title { font-size: 16px; }
.fk .lm-notice-doc .fk-doc-lines { margin: 12px 0; }
.fk .lm-notice-acts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.fk .lm-notice-acts .fk-btn { height: 36px; padding: 0 16px; font-size: 13px; }
.fk .lm-notice-acts .icon { width: 14px; height: 14px; }
.fk .lm-notice-foot { margin-top: -4px; text-align: right; font: 500 12px/1.4 var(--font-sans); color: var(--fk-mute); }
.fk .lm-log { padding: 16px 18px 18px; }
.fk .lm-log .fk-card-h { margin-bottom: 14px; }
.fk .lm-when { gap: 18px; }
.fk .lm-when > li + li::before { top: -16px; height: 13px; }

/* ---------------------------------------------------------------- the inspection phone */
.fk .lm-phone-stage {
  position: sticky; top: 104px; display: flex; justify-content: center; padding: 44px 20px; border-radius: 22px;
  background: var(--fk-ice); box-shadow: inset 0 0 0 1px #dcebf9;
}
.fk .lm-phone { width: 292px; max-width: 100%; padding: 9px; border-radius: 42px; background: #13202f; box-shadow: inset 0 0 0 1px #2c3a4b, 0 26px 50px -26px rgba(6, 22, 42, .55); }
.fk .lm-phone-screen { overflow: hidden; border-radius: 34px; background: #fff; }
.fk .lm-ph-status { display: flex; align-items: center; justify-content: space-between; padding: 13px 24px 4px; font: 650 12.5px/1 var(--font-sans); color: var(--fk-ink); }
.fk .lm-ph-glyphs { display: inline-flex; align-items: flex-end; gap: 2px; height: 10px; }
.fk .lm-ph-glyphs i { display: block; width: 3px; border-radius: 1px; background: var(--fk-ink); }
.fk .lm-ph-glyphs i:nth-child(1) { height: 5px; } .fk .lm-ph-glyphs i:nth-child(2) { height: 7px; } .fk .lm-ph-glyphs i:nth-child(3) { height: 10px; }
.fk .lm-ph-url { display: flex; align-items: center; justify-content: center; gap: 5px; margin: 6px 14px 0; padding: 6px 10px; border-radius: 9px; background: #f1f4f7; font: 500 11px/1.2 var(--font-sans); color: var(--fk-mute); }
.fk .lm-ph-url .icon { width: 11px; height: 11px; }
.fk .lm-ph-page { display: flex; flex-direction: column; padding: 14px 16px 18px; }
.fk .lm-ph-kick { font: 700 9.5px/1.2 var(--font-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--fk-blue); }
.fk .lm-ph-title { margin-top: 5px; font: 650 17px/1.2 var(--font-display); letter-spacing: -.02em; color: var(--fk-ink); }
.fk .lm-ph-meta { margin-top: 3px; font: 400 11px/1.3 var(--font-sans); color: var(--fk-mute); }
.fk .lm-ph-prog { display: flex; align-items: baseline; justify-content: space-between; margin: 14px 0 7px; }
.fk .lm-ph-prog span { font: 650 14px/1.2 var(--font-sans); color: var(--fk-ink); }
.fk .lm-ph-prog small { font: 500 11px/1.2 var(--font-sans); color: var(--fk-mute); }
.fk .lm-ph-list { margin-top: 10px; }
.fk .lm-ph-list li { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 0; border-top: 1px solid var(--fk-line-2); font: 400 12px/1.3 var(--font-sans); color: var(--fk-ink-2); }
.fk .lm-ph-list li:first-child { border-top: 0; }
.fk .lm-ph-list em { padding: 3px 9px; border-radius: 999px; font: 600 10.5px/1.2 var(--font-sans); font-style: normal; background: #fff3ea; color: var(--fk-orange-ink); box-shadow: inset 0 0 0 1px #ffdcc4; }
.fk .lm-ph-list em.is-good { background: #eaf3fc; color: var(--fk-blue-deep); box-shadow: inset 0 0 0 1px #cfe2f5; }
.fk .lm-ph-note { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; padding: 10px; border-radius: 11px; background: #f7f9fb; box-shadow: inset 0 0 0 1px var(--fk-line-2); }
.fk .lm-ph-note p { font: 500 11.5px/1.4 var(--font-sans); color: var(--fk-ink); }
.fk .lm-photos--ph { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.fk .lm-photos--ph .lm-photo em { font-size: 8.5px; left: 4px; bottom: 4px; }
.fk .lm-ph-them { position: relative; margin-top: 12px; padding-left: 14px; font: 400 11px/1.4 var(--font-sans); color: var(--fk-mute); }
.fk .lm-ph-them::before { content: ""; position: absolute; left: 2px; top: 2px; width: 3px; height: 11px; border-radius: 2px; background: var(--fk-blue); transform: skewX(-14deg); }
.fk .lm-ph-them b { font-weight: 600; color: var(--fk-ink-2); }
.fk .lm-ph-acts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.fk .lm-ph-acts span { display: grid; place-items: center; height: 38px; border-radius: 10px; box-shadow: inset 0 0 0 1px #d9e2eb; font: 600 12px/1 var(--font-sans); color: var(--fk-ink); }
.fk .lm-ph-acts span.is-primary { background: var(--fk-blue); box-shadow: none; color: #fff; }

/* ---------------------------------------------------------------- the deposit receipt */
.fk .lm-receipt-stage { display: flex; justify-content: center; padding: 44px 28px; border-radius: 22px; background: #f1f5f9; box-shadow: inset 0 0 0 1px var(--fk-line-2); }
.fk .lm-receipt { width: 100%; max-width: 440px; padding: 28px 28px 26px; }
.fk .lm-receipt-seal { position: absolute; top: 22px; right: 22px; }
.fk .lm-receipt-kv { margin: 18px 0 4px; }
.fk .lm-receipt-kv > div { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 2px 12px; padding: 9px 0; border-top: 1px solid #efe9df; }
.fk .lm-receipt-kv > div:first-child { border-top: 0; }
.fk .lm-receipt-kv dt { font: 600 11px/1.45 var(--font-sans); color: var(--fk-mute); }
.fk .lm-receipt-kv dd { font: 400 12.5px/1.45 var(--font-sans); color: var(--fk-ink); }
.fk .lm-refunds tbody td:last-child { font-weight: 600; color: var(--fk-ink-2); }
@media (min-width: 761px) {
  .fk .lm-refunds tbody th { width: 34%; }
  .fk .lm-refunds tbody td:last-child { width: 16%; white-space: nowrap; }
}
.fk .lm-block .fk-after + .fk-after { margin-top: 10px; }

/* ---------------------------------------------------------------- applications */
.fk .lm-apps { padding: 18px 20px 18px; }
.fk .lm-apps .fk-card-h { margin-bottom: 2px; }
.fk .lm-apps .fk-rows { margin-top: 10px; }
.fk .lm-apps .lm-app-pick { margin: 0 -10px; padding: 12px 10px; border-radius: 10px; background: #f6faff; box-shadow: inset 0 0 0 1px #dcebf9; border-top: 0; }
.fk .lm-apps .lm-app-pick + .fk-row { border-top: 0; }
.fk .lm-apps-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--fk-line-2); }
.fk .lm-apps-del { font: 400 12px/1.4 var(--font-sans); color: var(--fk-mute); }

/* ---------------------------------------------------------------- sources, closing */
.fk .lm-sources > li { font-size: 15.5px; }
.fk .lm-sources b a { color: var(--fk-ink); text-decoration-color: rgba(16, 45, 73, .3); }
.fk .lm-sources b a:hover { color: var(--fk-blue); }
html body .fk .fk-closing h2 + p a { color: #fff; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .55); }

/* ================================================================ responsive */
@media (max-width: 1180px) {
  .fk .lm-insp { grid-template-columns: 1fr; }
  .fk .lm-rooms { flex-direction: row; flex-wrap: wrap; gap: 4px; }
  .fk .lm-rooms li { padding: 5px 10px; background: #f3f6f9; }
}
@media (max-width: 1000px) {
  /* the register: one card per unit */
  .fk .lm-reg-wrap { box-shadow: none; border-radius: 0; overflow: visible; }
  .fk .lm-reg, .fk .lm-reg :is(tbody, tr, th, td) { display: block; width: auto; }
  .fk .lm-reg thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .fk .lm-reg tbody { display: flex; flex-direction: column; gap: 10px; }
  .fk .lm-reg tbody tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 14px; padding: 14px 16px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--fk-line); }
  .fk .lm-reg tbody :is(th, td) { padding: 0; border: 0; }
  .fk .lm-reg tbody th { grid-column: 1 / -1; padding-bottom: 10px; border-bottom: 1px solid var(--fk-line-2); }
  .fk .lm-reg tbody td::before { content: attr(data-label); display: block; margin-bottom: 3px; font: 600 10px/1.3 var(--font-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--fk-mute); }
  .fk .lm-duo, .fk .lm-duo--sticky, .fk .lm-duo--phone { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .fk .lm-duo--sticky > .lm-aside, .fk .lm-phone-stage { position: static; }
  .fk .lm-duo--sticky > .lm-aside { max-width: 560px; }
  .fk .lm-duo--sticky > .lm-aside { order: -1; }   /* on one column the product part comes before the long copy */
  .fk .lm-calc-body { grid-template-columns: 1fr; }
  .fk .lm-gets .fk-get-spec { min-height: 0; }
  .fk .lm-line { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 20px; }
  .fk .lm-line::before { display: none; }
  .fk .lm-stop--open::after { display: none; }
  .fk .lm-grp { white-space: normal; }
}
@media (max-width: 760px) {
  /* a two-column "column / what it shows" list stays one card of rows, without the repeated field label */
  .fk .lm-cols-wrap { background: #fff; box-shadow: var(--fk-card-sh); border-radius: 18px; }
  .fk .lm-cols tbody tr { margin: 0; padding: 15px 20px; border-radius: 0; background: none; box-shadow: none; border-top: 1px solid var(--fk-line-2); }
  .fk .lm-cols tbody tr:first-child { border-top: 0; }
  .fk .lm-cols tbody th { padding-bottom: 3px; }
  .fk .lm-cols tbody td { padding-bottom: 0; }
  .fk .lm-cols tbody td::before { display: none; }
}
@media (max-width: 720px) {
  .fk .lm-reg tbody tr { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 14px; }
  .fk .lm-reg tbody tr.lm-more { display: none; }
  .fk .lm-reg-more { display: block; margin-top: 10px; text-align: center; }
  .fk .lm-reg-acts .fk-btn { height: 30px; padding: 0 11px; font-size: 12px; }
  .fk .lm-reg-acts .fk-btn:not(.fk-btn--primary) .icon { display: none; }
  .fk .lm-views li { font-size: 11.5px; padding: 5px 7px 5px 10px; }
  .fk .lm-dl > div { grid-template-columns: 1fr; }
  .fk .lm-photos { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
}
@media (max-width: 640px) {
  .fk .lm-h3 { font-size: 19px; }
  .fk .lm-copy p { font-size: 16px; }
  .fk .lm-copy p + .lm-h3 { margin-top: 30px; }
  .fk .lm-block, .fk .lm-gets { margin-top: 64px; }
  .fk .lm-scope { margin-top: 48px; font-size: 17px; padding-left: 26px; }
  .fk .lm-import { padding: 16px 16px 14px; }
  .fk .lm-sugg li { grid-template-columns: minmax(0, 1fr) auto; }
  .fk .lm-sugg-k { grid-row: auto; grid-column: 1 / -1; padding-top: 0; }
  .fk .lm-sugg q { grid-column: 1; }
  .fk .lm-sugg :is(.fk-chip, .fk-btn) { grid-column: 2; grid-row: 2 / 4; }
  .fk .lm-calc { padding: 24px 20px 24px; }
  .fk .lm-line { grid-template-columns: 1fr; gap: 0; }
  .fk .lm-stop { padding: 0 0 18px 40px; }
  .fk .lm-stop::before { left: 8px; top: 2px; height: 34px; width: 7px; }
  .fk .lm-stop + .lm-stop:not(:has(.lm-grp)) { margin-top: -2px; }
  .fk .lm-grp { position: static; margin-bottom: 4px; }
  .fk .lm-stop:has(.lm-grp):not(:first-child) { margin-top: 10px; padding-top: 18px; border-top: 1px solid var(--fk-line-2); }
  .fk .lm-stop:has(.lm-grp):not(:first-child)::before { top: 20px; }
  .fk .lm-stop b { font-size: 17px; }
  .fk .lm-example { font-size: 16px; }
  .fk .lm-notice-fields { grid-template-columns: 1fr; }
  .fk .lm-notice-body { padding: 16px 14px 16px; }
  .fk .lm-notice-acts { justify-content: stretch; }
  .fk .lm-notice-acts .fk-btn { flex: 1 1 auto; }
  .fk .lm-notice-foot { text-align: left; }
  .fk .lm-seg span { padding: 7px 6px; font-size: 12px; }
  .fk .lm-phone-stage { padding: 28px 14px; }
  .fk .lm-receipt-stage { padding: 24px 12px; }
  .fk .lm-receipt { padding: 22px 18px 20px; }
  .fk .lm-receipt-seal { position: static; margin-top: 16px; }
  .fk .lm-receipt-kv > div { grid-template-columns: 1fr; gap: 1px; }
  .fk .lm-refunds tbody td:last-child { width: auto; }
  .fk .lm-apps { padding: 16px 14px; }
}
@media (max-width: 380px) {
  .fk .lm-reg tbody tr { grid-template-columns: 1fr 1fr; gap: 10px; }
  .fk .lm-views li { font-size: 11px; }
}