/* Catalogue mockups on top of site.css (style 07, «Рабочее место»). Tokens only; shadows, not borders; text fills its column. */
.mock-note { display: inline-flex; margin: 0 0 var(--space-16); padding: 2px var(--space-8); border-radius: var(--radius-pill); background: var(--status-warning-background); color: var(--status-warning-foreground); font: var(--type-caption); }
.muted { color: var(--color-text-secondary); }
.small { font: var(--type-caption); }
.k-head { margin-bottom: var(--space-24); }
.k-head h1 { margin-bottom: var(--space-12); }
.h-num, .r-num, .c-num, .c-date, .kc-num { font-variant-numeric: tabular-nums; }
.h-num { color: var(--color-text-secondary); font-weight: 500; }

/* status chip */
.chip { display: inline-flex; align-items: center; gap: 6px; padding: 2px var(--space-8); border-radius: var(--radius-pill); font: var(--type-caption); font-weight: 500; white-space: nowrap; }
.chip.ok { background: var(--status-success-background); color: var(--status-success-foreground); }
.chip.warn { background: var(--status-warning-background); color: var(--status-warning-foreground); }
.chip.off { background: var(--status-info-background); color: var(--status-info-foreground); }
.chip .dot, .dot.ok { background: currentColor; }
.dot.ok { background: var(--status-success-foreground); }
.dot.warn { background: var(--status-warning-foreground); }
.dot.off { background: var(--neutral-500); }
.pi { display: inline-block; margin-left: var(--space-8); padding: 0 6px; border-radius: var(--radius-pill); background: var(--color-hover); color: var(--color-text-muted); font: var(--type-tab); font-weight: 500; white-space: nowrap; vertical-align: 1px; }

/* search and filters */
.k-search { position: relative; display: flex; align-items: center; gap: var(--space-8); }
.k-search > .icon { position: absolute; left: var(--space-12); color: var(--color-text-secondary); pointer-events: none; }
.k-search input { width: 100%; min-height: var(--interaction-primary-height); padding-left: 40px; }
.k-search.big input { min-height: 52px; font-size: 1.0625rem; padding-left: 44px; }
.k-search.big > .icon { left: var(--space-16); }
.k-search.big .button { min-height: 52px; padding-inline: var(--space-24); flex: none; }
.k-select { display: grid; gap: var(--space-4); min-width: 0; font: var(--type-label); color: var(--color-text-muted); }
.k-select select { width: 100%; }
.k-check { display: flex; align-items: center; gap: var(--space-8); font: var(--type-label); min-height: var(--interaction-primary-height); }
.k-inline { display: inline-flex; align-items: center; gap: var(--space-8); font: var(--type-label); color: var(--color-text-muted); }
.k-inline select { min-height: 36px; }
.k-bar { display: grid; gap: var(--space-12); margin-bottom: var(--space-16); }
.k-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8) var(--space-16); margin: 0 0 var(--space-12); }
.k-toolbar .k-count { margin: 0 auto 0 0; }
.k-count { font: var(--type-label); color: var(--color-text-muted); margin: 0; }
.k-count b { color: var(--color-text); font-weight: 600; }
.fchip { display: inline-flex; align-items: center; gap: var(--space-8); min-height: 36px; padding: var(--space-4) var(--space-12); border: 0; border-radius: var(--radius-pill); background: var(--color-surface); box-shadow: var(--shadow-card); color: var(--color-text); font: var(--type-label); cursor: pointer; white-space: nowrap; }
.fchip.on { background: var(--color-selected); box-shadow: var(--shadow-flat); font-weight: 500; }
.fchip .count { background: var(--color-surface); }
.k-chips { display: flex; flex-wrap: wrap; gap: var(--space-8); }
.button.small { min-height: 32px; padding: 2px var(--space-12); font: var(--type-label); }

/* tables */
.k-tablewrap { border-radius: var(--radius-card); box-shadow: var(--shadow-card); overflow: hidden; }
.k-table { margin: 0; box-shadow: var(--shadow-flat); border-radius: 0; font-size: .875rem; }
.k-table th { white-space: nowrap; }
.k-table td { padding: var(--space-8) var(--space-12); }
.k-table td:first-child { font-weight: 400; }
.k-table .c-name { font-weight: 600; }
.k-table .c-name a { color: var(--color-text); text-decoration: none; }
.k-table .c-name a:hover { text-decoration: underline; }
.k-table .c-num, .k-table .c-date { white-space: nowrap; }
.k-table tbody tr:hover td { background: var(--color-surface-muted); }
.k-table tr.grp th { background: var(--color-surface); color: var(--color-text); font: var(--type-label); font-weight: 600; padding-top: var(--space-16); box-shadow: inset 0 -1px 0 var(--color-border); }
.k-table.small { font-size: .875rem; }
.k-phone { display: none; }

/* pager */
.k-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-12); margin: var(--space-16) 0 0; }
.k-pager { display: flex; align-items: center; gap: var(--space-8); }
.k-pager ol { list-style: none; display: flex; gap: var(--space-4); margin: 0; padding: 0; }
.k-pager ol a, .k-pager .gap { display: grid; place-items: center; min-width: 36px; height: 36px; border-radius: var(--radius-button); color: var(--color-text); text-decoration: none; font: var(--type-label); font-variant-numeric: tabular-nums; }
.k-pager ol a:hover { background: var(--color-hover); }
.k-pager ol a[aria-current] { background: var(--color-primary); color: var(--color-on-primary); }
.k-pager .button { min-height: 36px; padding: var(--space-4) var(--space-12); }

/* phone rows */
.k-row { border-radius: var(--radius-card); background: var(--color-surface); box-shadow: var(--shadow-card); }
.k-row + .k-row { margin-top: var(--space-8); }
.k-row summary { list-style: none; display: flex; align-items: center; gap: var(--space-8); min-height: 56px; padding: var(--space-8) var(--space-12); cursor: pointer; }
.k-row summary::-webkit-details-marker { display: none; }
.k-row .chevron { color: var(--color-text-secondary); transition: transform .15s; flex: none; }
.r-main { display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.3; }
.r-main b { font-weight: 600; }
.r-num { font: var(--type-caption); color: var(--color-text-secondary); }
.k-row dl, .k-use dl, .k-crops dl { margin: 0; display: grid; gap: var(--space-8); padding: 0 var(--space-12) var(--space-12); }
.k-row dl > div, .k-crops dl > div { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: var(--space-8); font-size: .9375rem; line-height: 1.4; }
.k-row dt, .k-crops dt, .k-use dt { color: var(--color-text-secondary); font: var(--type-caption); padding-top: 2px; }
.k-row dd, .k-crops dd, .k-use dd { margin: 0; }
.r-open { display: flex; align-items: center; justify-content: space-between; min-height: var(--interaction-min-target); margin: 0 var(--space-12) var(--space-8); padding: 0 var(--space-12); border-radius: var(--radius-button); background: var(--color-surface-muted); color: var(--color-text); text-decoration: none; font: var(--type-label); font-weight: 600; }

/* sources */
.k-source { margin-top: var(--space-48); padding-top: var(--space-24); box-shadow: var(--shadow-line-top); }
.k-source h2 { font: var(--type-section-title); margin-bottom: var(--space-8); }
.k-source p { font: var(--type-caption); font-size: .875rem; line-height: 1.55; color: var(--color-text-muted); }

/* ---------- card shared ---------- */
.k-sec { margin-top: var(--space-48); scroll-margin-top: calc(var(--layout-topbar) + var(--space-16)); }
.k-sec > h2 { display: flex; align-items: center; gap: var(--space-8); margin-bottom: var(--space-12); }
.k-sec h3 { margin: var(--space-24) 0 var(--space-8); font: var(--type-label); font-weight: 600; color: var(--color-text-muted); }
.k-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-12); margin: var(--space-16) 0 0; }
.k-act { display: flex; align-items: flex-start; gap: var(--space-12); padding: var(--space-12) var(--space-16); border-radius: var(--radius-card); background: var(--color-surface); box-shadow: var(--shadow-card); color: var(--color-text); text-decoration: none; }
.k-act:hover { box-shadow: var(--shadow-raised); color: var(--color-text); }
.k-act > .icon:first-child { margin-top: 2px; color: var(--color-accent); }
.k-act span { display: flex; flex-direction: column; flex: 1; min-width: 0; gap: 2px; }
.k-act b { font: var(--type-label); font-weight: 600; }
.k-act small { line-height: 1.35; }
.k-act.primary { background: var(--color-primary); color: var(--color-on-primary); }
.k-act.primary small, .k-act.primary > .icon:first-child { color: var(--color-on-primary); opacity: .85; }
.k-act.primary:hover { background: var(--color-primary-hover); color: var(--color-on-primary); }
.k-act[aria-disabled="true"] { background: var(--color-surface-muted); box-shadow: var(--shadow-card); cursor: not-allowed; }
.k-act[aria-disabled="true"] > .icon:first-child { color: var(--color-text-secondary); }
.k-act[aria-disabled="true"] b { color: var(--color-text-muted); }
.k-dates { margin: 0; display: grid; gap: var(--space-12); }
.k-dates dt { font: var(--type-caption); color: var(--color-text-secondary); }
.k-dates dd { margin: 0; display: flex; flex-direction: column; gap: 2px; }
.k-dates dd b { font: var(--type-metric); font-size: 1.0625rem; font-variant-numeric: tabular-nums; }
.k-dates dd small { line-height: 1.35; }
.k-pass { margin: 0; display: grid; border-radius: var(--radius-card); box-shadow: var(--shadow-card); overflow: hidden; }
.k-pass > div { display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: var(--space-12); padding: var(--space-8) var(--space-16); box-shadow: var(--shadow-line-top); font-size: .9375rem; }
.k-pass > div:first-child { box-shadow: var(--shadow-flat); }
.k-pass dt { color: var(--color-text-secondary); }
.k-pass dd { margin: 0; }
.k-pass.cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.k-pass.cols > div:nth-child(2) { box-shadow: var(--shadow-flat); }
.k-pass.cols > div:nth-child(odd) { box-shadow: var(--shadow-line-top); }
.k-pass.cols > div:nth-child(even) { box-shadow: var(--shadow-line-top), var(--shadow-line-left); }
.k-pass.cols > div:first-child { box-shadow: var(--shadow-flat); }
.k-pass.cols > div:nth-child(2) { box-shadow: var(--shadow-line-left); }
.k-warn, .k-gap { display: flex; gap: var(--space-12); align-items: flex-start; margin: 0 0 var(--space-16); padding: var(--space-12) var(--space-16); border-radius: var(--radius-card); font-size: .9375rem; line-height: 1.5; }
.k-warn { background: var(--status-warning-background); color: var(--status-warning-foreground); }
.k-gap { margin-top: var(--space-16); background: var(--status-info-background); color: var(--status-info-foreground); }
.k-warn .icon, .k-gap .icon { margin-top: 3px; }
.k-gap a { color: inherit; }
.k-more { margin: var(--space-12) 0 0; font: var(--type-label); }
.k-sec p { font-size: 1rem; line-height: 1.6; }
abbr[title] { text-decoration: underline dotted; cursor: help; }
.k-table.uses td { font-size: .875rem; }
.k-table td small { display: block; color: var(--color-text-secondary); font: var(--type-caption); }

/* phone crops (V1) */
.k-crops { display: none; }
.k-crop { border-radius: var(--radius-card); box-shadow: var(--shadow-card); background: var(--color-surface); }
.k-crop + .k-crop { margin-top: var(--space-8); }
.k-crop summary { list-style: none; display: flex; align-items: center; gap: var(--space-8); min-height: var(--interaction-min-target); padding: var(--space-8) var(--space-12); font-weight: 600; cursor: pointer; }
.k-crop summary::-webkit-details-marker { display: none; }
.k-crop summary > span:first-child { flex: 1; }
.k-crop ul { list-style: none; margin: 0; padding: 0; }
.k-crop li { padding: var(--space-12) 0 0; box-shadow: var(--shadow-line-top); }
.k-crop li > b { display: block; padding: 0 var(--space-12); line-height: 1.35; }
.k-crop li > span { display: block; padding: 2px var(--space-12) var(--space-8); font: var(--type-caption); color: var(--color-text-secondary); }

/* ---------- V1: register ---------- */
.v1-bar { grid-template-columns: minmax(16rem, 2fr) repeat(3, minmax(0, 1fr)) auto; align-items: end; padding: var(--space-16); border-radius: var(--radius-card); background: var(--color-surface-muted); box-shadow: var(--shadow-card); }
.v1 .k-table td.c-holder { color: var(--color-text-muted); }
.k-statusrow { padding: var(--space-16) var(--space-20); border-radius: var(--radius-card); background: var(--color-surface); box-shadow: var(--shadow-card); }
.k-statusline { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-12); margin-bottom: var(--space-12); font: var(--type-caption); color: var(--color-text-secondary); }
.k-dates.strip { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.k-dates.strip > div { padding: 0 var(--space-16); box-shadow: var(--shadow-line-left); }
.k-dates.strip > div:first-child { padding-left: 0; box-shadow: var(--shadow-flat); }

/* ---------- V2: cards ---------- */
.v2-bar .k-selects { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-12); }
.k-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); gap: var(--space-12); }
.k-card { display: flex; flex-direction: column; gap: var(--space-4); height: 100%; padding: var(--space-16); border-radius: var(--radius-card); background: var(--color-surface); box-shadow: var(--shadow-card); color: var(--color-text); text-decoration: none; }
.k-cards > li > a.k-card, .k-card > a { color: inherit; text-decoration: none; display: contents; }
.k-card:hover { box-shadow: var(--shadow-raised); }
.kc-top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-8); }
.kc-top b { font: var(--type-section-title); line-height: 1.3; }
.kc-num { font: var(--type-caption); color: var(--color-text-secondary); }
.kc-meta { display: flex; flex-direction: column; gap: 2px; margin-top: var(--space-8); padding-top: var(--space-8); box-shadow: var(--shadow-line-top); font-size: .875rem; line-height: 1.4; color: var(--color-text-muted); }
.kc-meta span:first-child { color: var(--color-text); }
.k-hero-status { padding: var(--space-20); border-radius: var(--radius-sheet); background: var(--color-surface-muted); box-shadow: var(--shadow-card); }
.hs-top { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-12); margin-bottom: var(--space-16); }
.hs-top b { font: var(--type-section-title); }
.hs-top .chip { font-size: .875rem; padding: var(--space-4) var(--space-12); }
.k-dates.tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.k-dates.tiles > div { padding: var(--space-12) var(--space-16); border-radius: var(--radius-card); background: var(--color-surface); box-shadow: var(--shadow-card); }
.k-tags { list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-8); margin: 0 0 var(--space-16); padding: 0; }
.k-tags li { padding: var(--space-4) var(--space-12); border-radius: var(--radius-pill); background: var(--color-hover); font: var(--type-label); }
.k-crops2 { display: grid; gap: var(--space-8); }
.k-crop2 { border-radius: var(--radius-card); background: var(--color-surface); box-shadow: var(--shadow-card); }
.k-crop2 summary { list-style: none; display: flex; align-items: center; gap: var(--space-16); min-height: 52px; padding: var(--space-8) var(--space-16); cursor: pointer; }
.k-crop2 summary::-webkit-details-marker { display: none; }
.c2-n { font: var(--type-section-title); min-width: 7rem; }
.c2-m { flex: 1; font: var(--type-label); color: var(--color-text-muted); }
.k-crop2 .chevron { color: var(--color-text-secondary); }
.k-crop2 ul { list-style: none; margin: 0; padding: 0 var(--space-16) var(--space-16); display: grid; gap: var(--space-8); }
.k-use { padding: var(--space-12) var(--space-16); border-radius: var(--radius-input); background: var(--color-surface-muted); }
.u-t b { display: block; line-height: 1.35; }
.u-t span { font: var(--type-caption); color: var(--color-text-secondary); }
.k-use dl { padding: var(--space-8) 0 0; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.k-use dd { font-size: .9375rem; font-variant-numeric: tabular-nums; }

/* ---------- V3: search first ---------- */
.k-hero { padding: var(--space-24); margin-bottom: var(--space-24); border-radius: var(--radius-sheet); background: var(--color-surface-muted); box-shadow: var(--shadow-card); }
.k-hero h1 { margin-bottom: var(--space-16); }
.k-try { margin: var(--space-12) 0 0; font: var(--type-label); color: var(--color-text-secondary); }
.k-split { display: grid; grid-template-columns: 17rem minmax(0, 1fr); gap: var(--space-24); align-items: start; }
.k-panel { position: sticky; top: calc(var(--layout-topbar) + var(--space-16)); }
.k-panel-d summary { list-style: none; display: none; }
.k-panel-d summary::-webkit-details-marker { display: none; }
.k-facet { margin: 0 0 var(--space-20); padding: 0; border: 0; min-width: 0; }
.k-facet legend { padding: 0; margin-bottom: var(--space-8); font: var(--type-label); font-weight: 600; }
.k-facet ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.k-facet label { display: flex; align-items: center; gap: var(--space-8); min-height: 32px; font: var(--type-label); font-weight: 400; }
.k-facet label span:first-of-type { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k-hint { font: var(--type-caption); color: var(--color-text-secondary); margin: var(--space-8) 0; }
.k-picked { margin: 0; }
.k-active { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8); margin: 0 0 var(--space-12); font: var(--type-label); }
.k-hits { list-style: none; margin: 0; padding: 0; border-radius: var(--radius-card); box-shadow: var(--shadow-card); overflow: hidden; }
.k-hits > li + li { box-shadow: var(--shadow-line-top); }
.k-hit, .k-hit-head { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.3fr) minmax(0, 1.1fr) 8.5rem; gap: var(--space-12); align-items: center; padding: var(--space-12) var(--space-16); color: var(--color-text); text-decoration: none; font-size: .9375rem; line-height: 1.35; }
.k-hit-head { padding-block: var(--space-8); background: var(--color-surface-muted); color: var(--color-text-secondary); font: var(--type-caption); font-weight: 600; }
.k-hit:hover { background: var(--color-surface-muted); color: var(--color-text); }
.h-name { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-8); }
.h-name b { font-weight: 600; }
.h-hold { color: var(--color-text-muted); font-size: .875rem; }
.h-date { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; font: var(--type-caption); color: var(--color-text-secondary); font-variant-numeric: tabular-nums; }
.k-topsearch { margin-bottom: var(--space-24); }
.article.k-cardgrid { grid-template-columns: minmax(0, 1fr) 20rem; }
.k-side { position: sticky; top: calc(var(--layout-topbar) + var(--space-24)); align-self: start; }
.k-sidecard { padding: var(--space-16); border-radius: var(--radius-sheet); background: var(--color-surface); box-shadow: var(--shadow-raised); }
.k-sidecard .k-actions { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
.k-sidecard .hs-top { margin-bottom: var(--space-12); }
.k-sidecard .hs-top .chip { font-size: .875rem; padding: var(--space-4) var(--space-12); }
.k-dates.list > div { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: var(--space-8); padding-top: var(--space-8); box-shadow: var(--shadow-line-top); }
.k-dates.list > div:first-child { box-shadow: var(--shadow-flat); padding-top: 0; }
.k-dates.list { gap: var(--space-8); }
.k-dates.list dd b { font-size: .9375rem; }
.k-sidecard p { margin: var(--space-12) 0 0; }
.k-idline { margin: 0 0 var(--space-12); font: var(--type-label); color: var(--color-text-muted); }
.k-side-phone { display: none; }
.v3 .k-chips { margin-bottom: var(--space-12); }
.v3 .k-sec > .k-tablewrap + .muted { margin-top: var(--space-8); }

/* ---------- 1024–1279 ---------- */
@media (max-width: 1279px) {
  .v1-bar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .v1-bar .k-search { grid-column: 1 / -1; }
  .article.k-cardgrid { grid-template-columns: minmax(0, 1fr); }
  .k-cardgrid > .k-side { display: none; }
  .k-side-phone { display: block; margin-bottom: var(--space-24); }
  .k-side-phone .k-side { position: static; }
  .k-side-phone .k-sidecard .k-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---------- phone ---------- */
@media (max-width: 759px) {
  .k-tablewrap { display: none; }
  .k-phone { display: block; }
  .k-crops { display: block; }
  .v1-bar, .v2-bar .k-selects { grid-template-columns: minmax(0, 1fr); padding: var(--space-12); }
  .v2-bar .k-selects { padding: 0; }
  .v1-bar .k-search { grid-column: auto; }
  .k-chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--space-16)); padding: 2px var(--space-16) var(--space-4); scrollbar-width: none; }
  .k-toolbar .k-inline { flex: 1; }
  .k-toolbar .k-inline select { width: 100%; }
  .k-foot { justify-content: center; }
  .k-foot .k-count { width: 100%; text-align: center; }
  .k-pager ol li:nth-child(3), .k-pager ol li:nth-child(4) { display: none; }
  .k-actions, .k-side-phone .k-sidecard .k-actions { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .k-dates.strip, .k-dates.tiles { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .k-dates.strip > div, .k-dates.strip > div:first-child { padding: var(--space-8) 0 0; box-shadow: var(--shadow-line-top); }
  .k-dates.strip > div:first-child { padding-top: 0; box-shadow: var(--shadow-flat); }
  .k-dates.tiles > div { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: var(--space-8); }
  .k-pass > div, .k-pass.cols > div { grid-template-columns: minmax(0, 1fr); gap: 0; padding: var(--space-8) var(--space-12); box-shadow: var(--shadow-line-top) !important; }
  .k-pass > div:first-child, .k-pass.cols > div:first-child { box-shadow: var(--shadow-flat) !important; }
  .k-pass.cols { grid-template-columns: minmax(0, 1fr); }
  .k-pass dt { font: var(--type-caption); }
  .k-statusrow, .k-hero-status { padding: var(--space-16); }
  .k-cards { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .k-card { padding: var(--space-12) var(--space-16); }
  .kc-meta { flex-direction: column; }
  .k-use dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-crop2 summary { flex-wrap: wrap; gap: 2px var(--space-8); padding: var(--space-8) var(--space-12); }
  .c2-n { min-width: 0; flex: 1; }
  .c2-m { order: 3; flex-basis: 100%; }
  .k-crop2 ul { padding: 0 var(--space-8) var(--space-8); }
  .k-hero { padding: var(--space-16); margin-inline: 0; }
  .k-search.big { flex-direction: column; align-items: stretch; }
  .k-search.big > .icon { top: 17px; }
  .k-search.big .button { min-height: var(--interaction-min-target); }
  .k-split { grid-template-columns: minmax(0, 1fr); gap: var(--space-12); }
  .k-panel { position: static; }
  .k-panel-d { border-radius: var(--radius-card); box-shadow: var(--shadow-card); background: var(--color-surface); }
  .k-panel-d summary { display: flex; align-items: center; gap: var(--space-8); min-height: var(--interaction-min-target); padding: var(--space-8) var(--space-12); font: var(--type-label); font-weight: 600; cursor: pointer; }
  .k-panel-d summary > span:first-of-type { flex: 1; }
  .k-panel-d .k-panel-body { padding: var(--space-4) var(--space-12) var(--space-4); }
  .k-hit-head { display: none; }
  .k-hit { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "n d" "a a" "h h"; gap: 2px var(--space-12); padding: var(--space-12); }
  .h-name { grid-area: n; } .h-act { grid-area: a; font-size: .875rem; } .h-hold { grid-area: h; font-size: .8125rem; } .h-date { grid-area: d; align-items: flex-end; }
  .k-rows3 { list-style: none; margin: 0; padding: 0; }
  .k-rows3 li + li { margin-top: var(--space-8); }
  .k-row dl > div { grid-template-columns: 6.5rem minmax(0, 1fr); }
}
.k-tablewrap { overflow-x: auto; }
.k-table tr.grp th small { display: block; margin-top: 2px; font: var(--type-caption); color: var(--color-text-secondary); font-weight: 400; white-space: normal; }
.k-table.uses td:first-child { width: 44%; }
.k-under { margin: var(--space-8) 0 0; }
@media (max-width: 759px) {
  .k-pass > div, .k-pass.cols > div { grid-template-columns: 8.5rem minmax(0, 1fr); gap: var(--space-8); }
  .k-pass dt { padding-top: 2px; }
}
.k-fbtn { display: none; }
@media (max-width: 759px) {
  .v1-bar .k-select, .v1-bar .k-check { display: none; }
  .k-fbtn { display: flex; justify-content: flex-start; }
  .k-fbtn .count { margin-left: auto; }
  .k-perpage { display: none; }
  .k-panel-d .k-panel-body { display: none; }
  .k-panel-d summary .chevron { transform: none; }
  .k-hero h1 { font-size: 1.5rem; }
}
/* Production behaviour and the owner-selected V2 crop sections on phones. */
.catalogue { min-width: 0; }
.catalogue p, .catalogue .standfirst { max-width: none; }
.catalogue [hidden] { display: none !important; }
.k-search input { min-width: 0; }
.k-load-note:empty { display: none; }
.k-load-note { margin: 0 0 var(--space-16); color: var(--color-text-muted); }
.k-use-details { display: grid; gap: var(--space-8); margin: var(--space-12) 0; }
.k-use-details > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.k-use-details dt { font: var(--type-caption); color: var(--color-text-secondary); }
.k-use-details dd { margin: 0; overflow-wrap: anywhere; white-space: normal; }
.k-use-extra summary, .k-passport-extra summary, .k-condition summary { cursor: pointer; font: var(--type-caption); color: var(--color-text-muted); padding-block: var(--space-8); }
.k-use-extra .k-use-details { font-size: .875rem; }
.k-use .k-use-details { display: grid; grid-template-columns: minmax(0, 1fr); padding: var(--space-8) 0; }
.k-condition p { white-space: pre-line; overflow-wrap: anywhere; }
.k-pass dd, .k-head p { overflow-wrap: anywhere; }
.catalogue .k-act small { overflow-wrap: anywhere; }
.catalogue .k-facet select { max-width: 100%; }
.catalogue .k-phone { display: none; }
.catalogue .k-table th { white-space: normal; }
.catalogue .k-table td { vertical-align: top; overflow-wrap: anywhere; }
.catalogue .k-table.uses3 td:first-child { width: 33%; }
.catalogue .k-table.uses3 td:nth-child(3) { width: 13%; }
.catalogue .k-hit .h-name, .catalogue .k-hit .h-act, .catalogue .k-hit .h-hold { overflow-wrap: anywhere; }
@media (max-width: 759px) {
  .catalogue .k-panel-d[open] .k-panel-body { display: block; }
  .catalogue .k-panel-d[open] summary .chevron { transform: rotate(180deg); }
  .catalogue .k-phone { display: grid; }
  .catalogue .k-chips { display: none; }
  .catalogue .k-pager ol li { display: block; }
  .catalogue .k-pager { flex-wrap: wrap; justify-content: center; }
  .catalogue .k-pass > div { grid-template-columns: minmax(0, 1fr); }
  .catalogue .k-use dl { grid-template-columns: minmax(0, 1fr); }
  .catalogue .k-search:not(.big) { flex-wrap: wrap; }
  .catalogue .k-search:not(.big) input { flex: 1; }
}

.k-active-chips { display: flex; flex-wrap: wrap; gap: var(--space-8); min-width: 0; max-width: 100%; }
.k-active-chips .fchip { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: left; }
.catalogue .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

@media (max-width: 759px) {
  .catalogue .k-toolbar { flex-wrap: wrap; }
  .catalogue .k-toolbar .k-inline { flex: 1 0 100%; min-width: 0; }
  .catalogue .k-toolbar .k-inline select { flex: 1; min-width: 0; width: auto; }
}