/* ============================================================
   Zvonec One – Setkání and Osnova. Owned by package P3 (DESIGN §5.1, §6.3).
   The Setkání detail (pane and page: ui/event.js), Kdo slouží, the sheets of the duties and the forms
   (ui/event-duties.js, ui/event-form.js), Osnova (ui/program.js), their print.
   Tokens only (css/palettes.css → css/tokens.css), no raw colours. The kit (css/kit.css) draws the frames, the
   head (.dhead), the facts, the sections, rows, slots and layers; this file adds only these screens' own anatomy.
   ============================================================ */

/* ---------- the head: the Účel band (96; 120 on a ≥ 600 page), --hue-fill with the arches in --hue-mark ---------- */
.ev-band {
  position: relative; overflow: hidden; display: block; width: 100%; height: 96px; margin: 0;
  background: var(--hue-fill, var(--tint));
}
@media (min-width: 600px) { .detail--page .dhead__band > .ev-band { height: 120px; } }
/* a picture is stored 16 : 9 (ui/cover-image.js crops it so – the thumbnail of a public listing); the band shows it
   at 16 : 9 but never taller than 180 (220 on a ≥ 600 page), so it does not eat the detail; the arches stay a 96 strip */
.ev-band.ev-cover--photo { height: auto; aspect-ratio: 16 / 9; max-height: 180px; }
@media (min-width: 600px) { .detail--page .dhead__band > .ev-band.ev-cover--photo { height: auto; max-height: 220px; } }
.ev-band.ev-cover--photo > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ev-band .ev-cover__arch {
  --w: 92px;
  position: absolute; bottom: -2px; left: 62%; width: var(--w); height: 100%; transform: translateX(-50%);
  border-radius: calc(var(--w) / 2) calc(var(--w) / 2) 0 0; box-shadow: inset 0 0 0 2px var(--hue-mark, var(--edge-control)); opacity: .55;
}
.ev-band .ev-cover__arch--2 { --w: 66px; height: 75%; opacity: .4; }
.ev-band .ev-cover__arch--3 { --w: 42px; height: 50%; background: var(--hue-mark, var(--edge-control)); box-shadow: none; opacity: .22; }
.ev-band[data-variant="1"] .ev-cover__arch { left: 24%; }
.ev-band[data-variant="2"] .ev-cover__arch { left: 84%; }
.dhead__title { overflow-wrap: break-word; }
.dhead__title.is-cancelled { color: var(--ink-2); text-decoration: line-through; text-decoration-thickness: 2px; }

/* ---------- Co nesedí (leaders): rows with ● (error) or ○ (warning) as their lead ---------- */
.ev-sev { display: grid; place-items: center; flex: none; width: var(--icon-m); height: var(--icon-m); }
.ev-sev::before { content: ""; width: 12px; height: 12px; border-radius: 50%; }
.ev-sev[data-sev="error"]::before { background: var(--no-solid); }
.ev-sev[data-sev="warn"]::before { box-shadow: inset 0 0 0 2.5px var(--wait-ink); }
.row:has(> .ev-sev:first-child) { --row-rule-start: calc(var(--space-3) + var(--icon-m) + var(--space-3)); align-items: flex-start; }
.row > .ev-sev:first-child { margin-top: 0; height: var(--lh-body); }

/* ---------- Tvoje služba: the one --feature block of the detail (r20, padding 20) ---------- */
.ev-you { display: grid; padding: 20px; border-radius: var(--shape-block); background: var(--feature); }
.ev-you__label { font-size: var(--type-caption); line-height: var(--lh-caption); font-weight: var(--weight-strong); color: var(--ink-2); margin-bottom: var(--space-2); }
.ev-you__item { display: grid; gap: var(--space-4); }
.ev-you__item + .ev-you__item { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--hairline); }
/* an answered duty is one button: the whole line lights up, rounded, reaching 12 past the text on both sides */
.ev-you__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2px var(--space-3); min-width: 0; }
.ev-you__role { font-size: var(--type-body); line-height: var(--lh-body); font-weight: var(--weight-strong); }
.ev-you__status { display: inline-flex; align-items: center; gap: 6px; font-size: var(--type-meta); line-height: var(--lh-meta); font-weight: var(--weight-strong); }
.ev-you__status > .sym { align-self: center; }
.ev-you__status[data-status="waiting"] { color: var(--wait-ink); }
.ev-you__status[data-status="confirmed"] { color: var(--ok-ink); }
.ev-you__status[data-status="declined"] { color: var(--no-ink); }
.ev-you__clash { margin: calc(-1 * var(--space-2)) 0 0; }

/* ---------- Kdo slouží: one collapsed row per team; the roles unfold under it (never by themselves) ---------- */
.crews { display: grid; margin: 0 calc(-1 * var(--space-3)); }
.crew { position: relative; display: grid; min-width: 0; }
.crew + .crew { margin-top: var(--gap-lit); }
/* the hairline belongs to the team below, inset to the text start, and steps aside for a lit row above or below */
.crew + .crew::before {
  content: ""; position: absolute; top: calc(-1 * var(--gap-lit) + 1px); left: calc(var(--space-3) + var(--avatar-m) + var(--space-3)); right: var(--space-3);
  height: 1px; background: var(--hairline);
}
.crew:has(> .crew__row:hover)::before,
.crew:not([data-open]):has(> .crew__row:hover) + .crew::before,
.crew[data-open]:has(> .crew__roles > .crew-role--link:last-child:hover) + .crew::before { background: transparent; }
.crew__row {
  position: relative; display: flex; align-items: flex-start; gap: var(--space-3); min-height: 52px;
  padding: var(--space-2) var(--space-3); border-radius: var(--radius-m);
  transition: background-color var(--dur-state) var(--ease);
}
.crew__row:has(> .crew__toggle:hover) { background: var(--wash); }
.crew__row:has(> .crew__toggle:active) { background: var(--press); }
.crew__toggle {
  position: absolute; inset: 0; z-index: 0; width: 100%; border: 0; border-radius: inherit; background: transparent; cursor: pointer;
}
.crew__toggle:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: -2px; }
/* everything on the row lies over the toggle but lets the click through – except the slots, their own targets */
.crew__row > :not(.crew__toggle) { position: relative; z-index: 1; pointer-events: none; }
.crew__slots > * { pointer-events: auto; }
.crew__row > .avatar--team { margin-top: 2px; }
.crew__body { flex: 1; min-width: 0; display: grid; gap: 2px; }
.crew__team { font-size: var(--type-body); line-height: var(--lh-body); font-weight: var(--weight-strong); overflow-wrap: break-word; }
.crew__names { font-size: var(--type-meta); line-height: var(--lh-meta); color: var(--ink-2); }
.crew__names--none { color: var(--ink-3); }
/* a name moves to the next line whole; only a name longer than the line breaks inside */
.nm { display: inline-block; max-width: 100%; }
.crew__slots { display: flex; flex-wrap: wrap; gap: var(--gap-x); margin-top: var(--space-2); }
.crew__end {
  display: flex; align-items: center; gap: var(--space-2); flex: none; min-height: var(--lh-body);
  font-size: var(--type-caption); line-height: var(--lh-caption); font-weight: var(--weight-strong); color: var(--ink-2); white-space: nowrap;
}
.crew__state { display: inline-flex; align-items: center; gap: 6px; font-feature-settings: var(--numerals); }
.crew__state--ok { color: var(--ok-ink); }
.crew__state > .sym { width: 16px; height: 16px; }
@media (max-width: 599.98px) { .crew__all-more { display: none; } }
.crew__chevron { color: var(--ink-3); transition: transform var(--dur-state) var(--ease); }
.crew[data-open] .crew__chevron { transform: rotate(180deg); }
.crew[data-open] .crew__slots { display: none; }   /* open: the empty roles say „+ Doplň“ in their own rows */
/* ○ waits for an answer, ● something does not fit (leaders) – always with words for a screen reader */
.mark { display: inline-block; flex: none; width: 10px; height: 10px; margin-left: 5px; border-radius: 50%; vertical-align: 0; }
.mark--wait { box-shadow: inset 0 0 0 2px var(--wait-ink); }
.mark--error { background: var(--no-solid); }

/* an unfolded team: role · who + what they said, lit like a row (whole, rounded, 3 apart), under the team's name */
.crew__roles { display: grid; gap: var(--gap-lit); padding: var(--gap-lit) 0 var(--space-2); }
.crew__roles[hidden] { display: none; }
.crew-role {
  position: relative; display: grid; grid-template-columns: minmax(72px, 32%) minmax(0, 1fr) auto; align-items: baseline; align-content: center; gap: 2px var(--space-3);   /* the line sits in the middle of its 48 (and of its hover) */
  min-height: 48px; margin-left: calc(var(--avatar-m) + var(--space-3)); padding: var(--space-2) var(--space-3); border: 0; border-radius: var(--radius-m);
  background: transparent; color: inherit; text-align: left; font: inherit;
}
.crew-role--link { cursor: pointer; transition: background-color var(--dur-state) var(--ease); }
.crew-role--link:hover { background: var(--wash); }
.crew-role--link:active { background: var(--press); }
.crew-role > .icon { align-self: center; color: var(--ink-3); }
.crew-role--empty { align-items: center; }
.crew-role__role { font-size: var(--type-meta); line-height: var(--lh-meta); color: var(--ink-2); overflow-wrap: break-word; }
.crew-role__who { display: flex; flex-wrap: wrap; align-items: center; gap: 2px var(--space-3); min-width: 0; }
.crew-role__name { font-size: var(--type-body); line-height: var(--lh-body); font-weight: var(--weight-strong); }
.crew-role__name.is-declined { text-decoration: line-through; color: var(--ink-2); }
.crew-role__nobody { font-size: var(--type-meta); line-height: var(--lh-meta); color: var(--ink-3); }
.crew-role__tags { display: flex; flex-wrap: wrap; gap: 2px var(--space-3); }
.crew__fill { margin: var(--space-1) 0 0 calc(var(--avatar-m) + 2 * var(--space-3)); }
@media (max-width: 599.98px) {
  .crew-role { grid-template-columns: minmax(0, 1fr) auto; margin-left: 0; }
  .crew-role__role { grid-column: 1; }
  .crew-role__who { grid-column: 1; }
  .crew-role > .icon { grid-column: 2; grid-row: 1 / span 2; }
  .crew__fill { margin-left: var(--space-3); }
}

/* ---------- Osnova (the first four points): time · name · who leads, then „Celá osnova ›“ ---------- */
.ev-outline__list { display: grid; grid-template-columns: max-content minmax(0, 1fr) fit-content(45%); column-gap: var(--space-4); margin-bottom: var(--space-2); }
.ev-outline__item {
  position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: 44px minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--space-4);
  align-items: baseline; padding: 10px 0;
}
@supports (grid-template-columns: subgrid) { .ev-outline__item { grid-template-columns: subgrid; } }
.ev-outline__item + .ev-outline__item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--hairline); }
.ev-outline__time { font-size: var(--type-meta); line-height: var(--lh-meta); font-weight: var(--weight-strong); font-feature-settings: var(--numerals); }
.ev-outline__title { font-size: var(--type-body); line-height: var(--lh-body); font-weight: var(--weight-strong); overflow-wrap: break-word; }
.ev-outline__who { font-size: var(--type-meta); line-height: var(--lh-meta); color: var(--ink-2); overflow-wrap: break-word; }
.ev-outline__who--missing { color: var(--no-ink); }
@media (max-width: 599.98px) {
  .ev-outline__list { grid-template-columns: max-content minmax(0, 1fr); }
  .ev-outline__item { grid-template-columns: 44px minmax(0, 1fr); }
  @supports (grid-template-columns: subgrid) { .ev-outline__item { grid-template-columns: subgrid; } }
  .ev-outline__who { grid-column: 2; }
}

/* ---------- O setkání ---------- */
.ev-about { display: grid; }
.ev-about > :not(.section-head) + :not(.section-head) { margin-top: var(--space-4); }
.ev-text { white-space: pre-line; max-width: var(--measure); }
.ev-note { display: grid; gap: 2px; padding: var(--space-3) var(--space-4); border-radius: var(--radius-m); background: var(--tint); }
.ev-note__label { font-size: var(--type-meta); line-height: var(--lh-meta); font-weight: var(--weight-strong); color: var(--ink-2); }
.ev-note .text { white-space: pre-line; }
/* the facts under the prose: the head's icon rail (20 + 12); „Ukaž na webu“ joins it, its icon on the label's line */
.ev-about > .facts { gap: var(--space-1); }
.ev-public { display: grid; grid-template-columns: var(--icon-s) minmax(0, 1fr); gap: var(--space-3); }
.ev-public > .icon { margin-top: calc((var(--hit) - var(--icon-s)) / 2); color: var(--ink-2); }
.ev-public > .switch-row { align-items: flex-start; }
.ev-public > .switch-row > .switch { margin-top: calc((var(--hit) - var(--switch-h)) / 2); }
.ev-public > .switch-row > .switch-row__text { padding-top: calc((var(--hit) - var(--lh-body)) / 2); }
.ev-count { display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-6); }

/* ---------- the sheets of the duties and the forms ---------- */
/* Moje odpověď: „Teď: ● potvrzeno“ */
.answer-now { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.answer-clash { margin: 0; }
.duty-sheet__who { display: flex; align-items: center; gap: var(--space-4); }
.duty-sheet__who > div { display: grid; gap: 2px; min-width: 0; }
.duty-sheet__name { font-size: var(--type-lead); line-height: var(--lh-lead); font-weight: var(--weight-strong); }
.duty-sheet__warn { display: grid; padding: var(--space-1) var(--space-4); border-radius: var(--radius-m); background: var(--tint); }
.duty-sheet__actions { display: grid; gap: var(--gap-y) var(--gap-x); }
@media (min-width: 600px) { .duty-sheet__actions { grid-template-columns: 1fr 1fr; } }

.plan-sheet .sheet__body { gap: var(--space-4); }
.plan-group { display: grid; gap: var(--gap-lit); }
.plan-group__head { display: flex; align-items: center; gap: var(--space-3); padding-bottom: var(--space-2); }
.plan-group__head .row__title { white-space: normal; }
.plan-row {
  display: grid; grid-template-columns: 24px minmax(80px, 120px) 1fr; align-items: center; gap: var(--space-3);
  min-height: 48px; padding: 6px var(--space-3); border: 0; border-radius: var(--radius-m); background: none; font: inherit; color: var(--ink); text-align: left; cursor: pointer;
}
.plan-row:hover { background: var(--wash); }
.plan-row__box { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--edge-control); color: transparent; }
.plan-row[aria-checked="true"] .plan-row__box { background: var(--act); box-shadow: none; color: var(--on-act); }
.plan-row__role { color: var(--ink-2); font-size: var(--type-meta); }
.plan-row__who { font-weight: var(--weight-strong); }
.plan-row[aria-checked="false"] .plan-row__who { text-decoration: line-through; color: var(--ink-2); }
.plan-row--empty { grid-template-columns: minmax(80px, 140px) 1fr auto; cursor: default; }
.plan-row--empty:hover { background: none; }
.plan-left { display: flex; flex-wrap: wrap; align-items: center; gap: 2px var(--space-2); padding: var(--space-3) var(--space-4); border-radius: var(--radius-m); background: var(--tint); font-size: var(--type-meta); line-height: var(--lh-meta); }
.plan-done { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4); border-radius: var(--radius-m); background: var(--ok-fill); color: var(--ok-ink); font-size: var(--type-meta); line-height: var(--lh-meta); font-weight: var(--weight-strong); }
.plan-done > span { flex: 1; min-width: 12em; }

/* Kdy nemůžu (P1's sheet uses these): the duties in the range, ticked = answer Nemůžu in the same save */
.blockout-clash { display: grid; gap: var(--space-2); }
.blockout-clash[hidden] { display: none; }
.blockout-clash__head { margin: 0; font-size: var(--type-meta); line-height: var(--lh-meta); color: var(--ink-2); }
.blockout-clash__head strong { color: var(--ink); font-weight: var(--weight-strong); }
.blockout-clash__rows { display: grid; gap: var(--gap-lit); }
.blockout-clash .plan-row { grid-template-columns: 24px 5.6em 1fr; }
.blockout-clash .plan-row[aria-checked="false"] .plan-row__who { text-decoration: none; color: var(--ink); }
.plan-row__what { font-weight: var(--weight-regular); color: var(--ink-2); }

/* Kolik lidí je potřeba */
.needs-team { display: grid; gap: var(--space-2); }
.needs-team + .needs-team { margin-top: var(--space-4); }
.needs-team__head { display: flex; align-items: center; gap: var(--space-3); min-height: var(--control-m); font-weight: var(--weight-strong); }
.needs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--space-4) var(--space-3); align-items: start; }
.needs-field { align-content: start; }

/* Nové setkání */
.ev-kind { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: var(--shape-arch); background: var(--hue-fill, var(--tint)); color: var(--hue-ink, var(--ink)); }
.row:has(> .ev-kind:first-child) { --row-rule-start: calc(var(--space-3) + 40px + var(--space-3)); }
.ev-rule { margin-top: calc(-1 * var(--space-3)); }
.ev-image { display: grid; gap: var(--space-3); }
.ev-image__preview > .ev-band { height: 96px; border-radius: var(--shape-block); }
.ev-image__preview > .ev-band.ev-cover--photo { height: auto; max-width: 360px; }

/* ---------- Osnova (#setkani/<id>/osnova): a page at every width ---------- */
.osnova-sum { display: grid; gap: var(--space-2); }
.osnova-sum__bar { position: relative; display: block; height: 8px; border-radius: var(--shape-pill); background: var(--tint-2); overflow: hidden; }
.osnova-sum__fill { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: var(--ok-solid); }   /* within the length: calm green; over it: amber */
.osnova-sum[data-over] .osnova-sum__fill { background: var(--wait-solid); }
.osnova-sum[data-over] .osnova-sum__text { color: var(--wait-ink); }
.osnova-sum__text { font-size: var(--type-meta); line-height: var(--lh-meta); color: var(--ink-2); }
.osnova-sum__text > b { font-weight: var(--weight-strong); color: var(--ink); }
.osnova-sum[data-over] .osnova-sum__text > b { color: inherit; }
.osnova { display: grid; margin: var(--space-4) calc(-1 * var(--space-3)) 0; }
.osnova__item {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 0 var(--space-1);
  padding: 0 var(--space-3); border-radius: var(--radius-m); background: var(--ground); transition: transform var(--dur-state) var(--ease);
}
.osnova__item + .osnova__item { margin-top: var(--gap-lit); }
.osnova--edit .osnova__item { grid-template-columns: auto minmax(0, 1fr) auto; }
.osnova-when { margin-bottom: var(--space-4); }
/* the line between two points is the ::before of the lower one (as on rows), so a lit point hides both of its lines */
.osnova__item + .osnova__item::before { content: ""; position: absolute; top: calc(-1 * var(--gap-lit) + 1px); left: var(--space-3); right: var(--space-3); height: 1px; background: var(--hairline); }
.osnova__item[data-dragging] { z-index: 2; transition: none; box-shadow: var(--lift-4); }
.osnova__grip { cursor: grab; touch-action: none; color: var(--ink-2); }
.osnova__item[data-dragging] .osnova__grip { cursor: grabbing; }
.osnova__open {
  display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: var(--space-3); align-items: start; min-width: 0;
  padding: var(--space-3) 0; border: 0; background: none; font: inherit; color: inherit; text-align: left;
}
/* a leader's point is one button stretched under it (it opens the point); the grip, the Formát link and ⋯ lie above */
.osnova__edit { position: absolute; inset: 0; z-index: 0; width: 100%; border: 0; border-radius: inherit; background: transparent; cursor: pointer; }
.osnova__edit:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: -2px; }
.osnova__item > :is(.osnova__grip, .menu-btn), .osnova__open { position: relative; z-index: 1; }
.osnova--edit .osnova__open { pointer-events: none; }
.osnova__item:has(> .osnova__edit:hover):not([data-dragging]) { background: var(--wash); }
.osnova__item:has(> .osnova__edit:active):not([data-dragging]) { background: var(--press); }
.osnova__item:has(> .osnova__edit:hover)::before, .osnova__item:has(> .osnova__edit:hover) + .osnova__item::before,
.osnova__item[data-dragging]::before, .osnova__item[data-dragging] + .osnova__item::before { background: transparent; }
.osnova__time { font-size: var(--type-meta); line-height: var(--lh-body); font-weight: var(--weight-strong); font-feature-settings: var(--numerals); }
.osnova__end { display: block; font-weight: var(--weight-regular); color: var(--ink-2); line-height: var(--lh-meta); }
.osnova__body { display: grid; gap: 2px; min-width: 0; }
.osnova__title { font-size: var(--type-body); line-height: var(--lh-body); font-weight: var(--weight-strong); overflow-wrap: anywhere; }
.osnova__meta { font-size: var(--type-meta); line-height: var(--lh-meta); color: var(--ink-2); overflow-wrap: anywhere; }
.osnova__missing { color: var(--no-ink); }
/* members: a point made of a Formát is a link to it, lit like a row */
.osnova--read .osnova__item:has(> .osnova__open--link) { padding: 0; }
.osnova__open--link { margin: 0; padding-left: var(--space-3) !important; padding-right: var(--space-3) !important; border-radius: var(--radius-m); color: inherit; transition: background-color var(--dur-state) var(--ease); }
.osnova__open--link:hover { background: var(--wash); }
.osnova__item:has(> .osnova__open--link:hover)::before, .osnova__item:has(> .osnova__open--link:hover) + .osnova__item::before { background: transparent; }
.osnova__note { font-size: var(--type-meta); line-height: var(--lh-meta); color: var(--ink); white-space: pre-line; overflow-wrap: anywhere; }
/* members read it at the pulpit: larger type, read-only */
.osnova--read .osnova__open { grid-template-columns: 72px minmax(0, 1fr); padding: var(--space-4) 0; }
.osnova--read .osnova__title { font-size: var(--type-lead); line-height: var(--lh-lead); }
.osnova--read .osnova__time { font-size: var(--type-body); }
.osnova-add { margin-top: var(--space-4); }
.osnova-hint { margin-top: var(--space-4); }
.osnova-who { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-3); min-height: var(--control-l); padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4); border-radius: var(--radius-m); box-shadow: inset 0 0 0 1px var(--edge-field); }

/* ---------- print: „Vytiskni“ (Setkání ⋯) and Osnova's ⋯ ---------- */
@media print {
  html[data-print] :is(.sidenav, .tabbar, .toasts, .save-line, #layers, .skip-link) { display: none !important; }
  html:is([data-print="setkani"], [data-print="osnova"]) :is(.topbar, .head, .ls__list, .pane__actions, .section-action, .slot, .crew__chevron, .switch-row, .osnova__grip, .osnova-add, .osnova-hint, .menu-btn) { display: none !important; }
  html:is([data-print="setkani"], [data-print="osnova"]) :is(.screen, .frame) { max-width: none !important; padding: 0 !important; display: block !important; }
  html[data-print="setkani"] .split__pane { position: static !important; }
  html[data-print="setkani"] .pane { box-shadow: none; padding: 0; }
  html[data-print="setkani"] .crew__roles[hidden] { display: grid !important; }
  html[data-print="osnova"] .osnova__item { break-inside: avoid; }
  html[data-print="osnova"] .osnova__title { font-size: 14pt; }
  html[data-print="osnova"] .page .head { display: flex !important; }
}