/* Screen styles for #/jurnal — owned by its screen agent. Prefix classes with "jurnal-".
   Mobile/tablet: one column; blocks from .jurnal-main and .jurnal-aside interleave via `order`.
   Desktop ≥1100: reading column + 340px aside. */

/* ---------- week switcher (sticky under the top bar) ---------- */
.jurnal-switch { margin: 0 calc(-1 * var(--gutter)) var(--sp-5); padding: 8px var(--gutter); border-bottom: 1px solid var(--line); }
.jurnal-switch__in { display: flex; align-items: center; gap: var(--sp-2); max-width: 100%; }
.jurnal-switch__arrow { flex-shrink: 0; }
.jurnal-switch__arrow[disabled] { opacity: .35; }
.jurnal-switch__pick { flex: 1 1 auto; min-width: 0; display: grid; justify-items: start; gap: 1px; min-height: var(--touch); padding: 4px 10px; border-radius: var(--r-md); text-align: left; transition: background var(--dur-1); }
.jurnal-switch__pick:hover { background: var(--surface-2); }
.jurnal-switch__eyebrow { font-size: var(--fs-label-s); font-weight: var(--fw-bold); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.jurnal-switch__label { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-title); font-weight: var(--fw-semibold); letter-spacing: var(--ls-tight); color: var(--ink); white-space: nowrap; }
.jurnal-switch__label .ui-i { color: var(--muted); }
.jurnal-switch__state { display: none; align-items: center; gap: 6px; flex-shrink: 0; }
@media (min-width: 560px) {
  .jurnal-switch__state { display: inline-flex; margin-left: auto; }
  .jurnal-switch__pick { flex: 0 1 auto; }
}
@media (min-width: 1100px) { .jurnal-switch { margin-inline: 0; padding-inline: 0; } }

/* ---------- layout ---------- */
.jurnal-layout { display: flex; flex-direction: column; gap: var(--sp-6); min-width: 0; }
.jurnal-main, .jurnal-aside { display: contents; }
.jurnal-o-hero { order: 1; } .jurnal-o-meta { order: 2; } .jurnal-o-note { order: 3; } .jurnal-o-subjects { order: 4; }
.jurnal-o-pair { order: 5; } .jurnal-o-photos { order: 6; } .jurnal-o-docs { order: 7; } .jurnal-o-prov { order: 8; }
.jurnal-layout > * , .jurnal-main > *, .jurnal-aside > * { min-width: 0; }
.jurnal-layout .ui-section-head { margin-top: 0; }

@media (min-width: 1100px) {
  .jurnal-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--sp-7); align-items: start; }
  .jurnal-main { display: flex; flex-direction: column; gap: var(--sp-7); }
  .jurnal-aside { display: flex; flex-direction: column; gap: var(--sp-5); }
  .jurnal-layout > .jurnal-main > *, .jurnal-layout > .jurnal-aside > * { order: 0; }
}

/* ---------- headings ---------- */
.jurnal-h { font-family: var(--font-display); font-weight: var(--fw-regular); font-size: var(--fs-title-l); line-height: var(--lh-title-l); letter-spacing: var(--ls-display); color: var(--ink); }
.jurnal-count { white-space: nowrap; }

/* ---------- hero ---------- */
.jurnal-hero .ui-hero__title { margin-bottom: 10px; }
.jurnal-hero__strip { row-gap: 10px; }
.jurnal-hero__striplabel { grid-column: 1 / -1; font-size: var(--fs-label-s); font-weight: var(--fw-bold); letter-spacing: .1em; text-transform: uppercase; color: var(--hero-ink); }
@media (max-width: 767px) {
  .jurnal-hero .ui-hero__title { font-size: 2.125rem; }
  .jurnal-hero__strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .jurnal-hero__strip .ui-hero__stat { padding: 0 8px; }
  .jurnal-hero__strip .ui-hero__stat b { font-size: 1.25rem; white-space: nowrap; }
}
@media (max-width: 359px) { .jurnal-hero__strip .ui-hero__stat b { font-size: 1.05rem; } }

/* ---------- meta card ---------- */
.jurnal-meta { display: grid; gap: var(--sp-3); }
.jurnal-meta__row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.jurnal-meta__row--soft { padding-top: var(--sp-3); border-top: 1px solid var(--line); }
.jurnal-meta__callout { margin: 0; }
.jurnal-meta__acts { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.jurnal-meta__acts .ui-btn { flex: 1 1 auto; }
.jurnal-link { display: inline-flex; align-items: center; gap: 6px; min-height: var(--touch); padding: 0 4px; font-size: var(--fs-button); font-weight: var(--fw-semibold); color: var(--primary-ink); }
.jurnal-link__n { font-weight: var(--fw-regular); color: var(--muted); }
.jurnal-badge { display: inline-flex; align-items: center; gap: 5px; min-height: 26px; padding: 2px 10px; border-radius: var(--r-pill); background: var(--surface-2); color: var(--ink-2); font-size: var(--fs-caption); font-weight: var(--fw-semibold); }
.jurnal-badge--official { background: var(--primary-soft); color: var(--on-primary-soft); }
.jurnal-reads { display: grid; gap: 8px; padding: var(--sp-3) var(--sp-4); border-radius: var(--r-md); background: var(--surface-2); }
.jurnal-reads__top { display: flex; justify-content: space-between; align-items: baseline; gap: var(--sp-2); font-size: var(--fs-body-s); }

/* ---------- note ("Doar noi") ---------- */
.jurnal-note { display: grid; gap: var(--sp-3); background: var(--surface); }
.jurnal-note__head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); flex-wrap: wrap; }
.jurnal-note__empty { color: var(--muted); font-size: var(--fs-body-s); line-height: var(--lh-body-s); }
.jurnal-note__list { display: grid; gap: var(--sp-2); }
.jurnal-note__item { padding: 12px 14px; border-radius: var(--r-md); background: var(--paper-2); border-left: 3px solid var(--primary-ink); }
.jurnal-note__text { font-family: var(--font-display); font-size: var(--fs-title); line-height: 1.4; color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }
.jurnal-note__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); flex-wrap: wrap; margin-top: 4px; }
.jurnal-note__acts { display: inline-flex; align-items: center; gap: 2px; }
.jurnal-note__add { justify-self: start; }
.jurnal-note__priv { display: flex; align-items: flex-start; gap: 6px; font-size: var(--fs-caption); color: var(--muted); line-height: var(--lh-caption); }
.jurnal-note__priv .ui-i { flex-shrink: 0; margin-top: 1px; }

/* ---------- subject cards ---------- */
.jurnal-subjects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3); }
.jurnal-subj { min-height: 100%; }
.jurnal-subj .ui-subject__text { flex: 1 1 auto; }
.jurnal-subj__foot { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 6px; }
.jurnal-subj__mark { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-caption); color: var(--muted); font-weight: var(--fw-medium); }
.jurnal-subj__mark--edit { color: var(--_fg); font-weight: var(--fw-semibold); }
.jurnal-subj--add { display: flex; flex-direction: column; gap: 6px; border: 1.5px dashed var(--_fg); background: var(--_bg); box-shadow: none; }
.jurnal-subj__addicon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--surface); color: var(--_fg); margin-bottom: 4px; }
@media (max-width: 767px) {
  .jurnal-subjects > .jurnal-subj:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 359px) {
  .jurnal-subjects { gap: 10px; }
  .jurnal-subjects .ui-card { --_pad: 14px; }
  .jurnal-subjects .ui-subject__title { font-size: var(--fs-body); }
}
@media (min-width: 768px) { .jurnal-subjects { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- pair: De reținut + Firul ---------- */
.jurnal-pair { display: grid; gap: var(--sp-5); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .jurnal-pair { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; } }
.jurnal-notices { display: grid; gap: var(--sp-2); }
.jurnal-notices .ui-list { margin-inline: -6px; }
.jurnal-notices__foot { display: flex; gap: 6px; align-items: flex-start; }
.jurnal-notices__foot .ui-i { flex-shrink: 0; margin-top: 2px; }
.jurnal-unknowns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.jurnal-unknown { display: inline-flex; align-items: center; gap: 5px; min-height: 24px; padding: 2px 9px; border-radius: var(--r-pill); border: 1px dashed var(--line-strong); color: var(--ink-2); font-size: var(--fs-caption); font-weight: var(--fw-medium); }
.jurnal-fir { display: grid; gap: var(--sp-3); padding: var(--sp-5) 0 0; border-top: 1px solid var(--line); }
@media (min-width: 768px) { .jurnal-fir { padding: var(--sp-5) 0 0 var(--sp-5); border-top: 0; border-left: 1px solid var(--line); } }
.jurnal-fir__text { font-family: var(--font-display); font-size: var(--fs-title-l); line-height: 1.45; color: var(--ink); text-wrap: pretty; }
@media (min-width: 1100px) { .jurnal-fir__text { font-size: 1.375rem; } }

/* ---------- photos strip ---------- */
.jurnal-strip { display: grid; grid-auto-flow: column; grid-auto-columns: 112px; gap: 6px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(-1 * var(--gutter)); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter); }
.jurnal-strip::-webkit-scrollbar { display: none; }
.jurnal-strip__cell { scroll-snap-align: start; }
.jurnal-strip__ph { border-radius: var(--r-md); }
@media (min-width: 768px) {
  .jurnal-strip { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(6, minmax(0, 1fr)); overflow: visible; margin-inline: 0; padding-inline: 0; }
}
.jurnal-photos__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--sp-3); }
.jurnal-empty-s { display: flex; align-items: center; gap: var(--sp-3); color: var(--muted); font-size: var(--fs-body-s); }
.jurnal-empty-s .ui-i { flex-shrink: 0; }

/* ---------- documents ---------- */
.jurnal-docs { display: grid; gap: var(--sp-3); }
.jurnal-doc { width: 100%; text-align: left; }
.jurnal-doc__lead--derived { background: var(--ai-soft); color: var(--ai-ink, var(--ai)); }
.jurnal-lock { display: inline-flex; color: var(--muted); }

/* ---------- provenance ---------- */
.jurnal-prov { display: grid; gap: var(--sp-3); }
.jurnal-prov__kv dd { font-size: var(--fs-body-s); line-height: var(--lh-body-s); }
@media (min-width: 1100px) { .jurnal-prov__kv .ui-kv__row { grid-template-columns: 1fr; gap: 2px; } }

/* ---------- empty / waiting ---------- */
.jurnal-waiting { padding-block: var(--sp-8); }

/* ---------- subject detail ---------- */
.jurnal-back { display: inline-flex; align-items: center; gap: 6px; min-height: var(--touch); margin-top: var(--sp-2); font-size: var(--fs-button); font-weight: var(--fw-semibold); color: var(--primary-ink); }
.jurnal-back + .ui-pagehead { padding-top: 0; }
.jurnal-sband { display: grid; gap: var(--sp-3); background: var(--_bg); border-color: transparent; box-shadow: none; }
.jurnal-sband__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--surface); color: var(--_fg); }
.jurnal-sband__text { font-family: var(--font-display); font-size: var(--fs-title-l); line-height: 1.4; color: var(--ink); }
.jurnal-sband__meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.jurnal-chiplink { display: inline-flex; align-items: center; gap: 5px; min-height: 30px; padding: 3px 11px; border-radius: var(--r-pill); background: var(--surface); color: var(--ink-2); font-size: var(--fs-caption); font-weight: var(--fw-semibold); text-align: left; }
button.jurnal-chiplink:hover { color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-strong); }
.jurnal-editbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-2); padding: 10px 14px; border-radius: var(--r-md); background: var(--surface-2); border: 1px solid var(--line); }
.jurnal-editbar .ui-caption { display: inline-flex; align-items: center; gap: 5px; }
.jurnal-groups { display: grid; gap: var(--sp-3); }
.jurnal-group { display: grid; gap: var(--sp-2); }
.jurnal-group__t { font-size: var(--fs-title); font-weight: var(--fw-semibold); letter-spacing: var(--ls-tight); color: var(--ink); }
.jurnal-items { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.jurnal-items li { position: relative; padding-left: 20px; font-size: var(--fs-body); line-height: var(--lh-body); color: var(--ink-2); }
.jurnal-items li::before { content: ""; position: absolute; left: 3px; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--_fg); }
.jurnal-pn { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3); }
.jurnal-pn__a { display: grid; gap: 4px; --_pad: 14px 16px; }
.jurnal-pn__a b { color: var(--_fg); }
.jurnal-pn__a .ui-caption { display: inline-flex; align-items: center; gap: 4px; }
.jurnal-pn__a b { font-weight: var(--fw-semibold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jurnal-pn__a--next { text-align: right; justify-items: end; grid-column: 2; }
.jurnal-toc { display: grid; gap: var(--sp-2); }
.jurnal-toc__row.is-current { background: var(--surface-2); border-radius: var(--r-md); }
.jurnal-toc__row.is-current .ui-row__title { font-weight: var(--fw-bold); }
@media (max-width: 1099px) { .jurnal-layout--subject .jurnal-toc { display: none; } }

/* ---------- week list sheet ---------- */
.jurnal-weeks__row.is-current { background: var(--surface-2); border-radius: var(--r-md); }
.jurnal-weeks__row .ui-row__trail { display: inline-flex; align-items: center; gap: 6px; }

/* ---------- photo viewer & paper preview ---------- */
.jurnal-viewer { display: grid; gap: var(--sp-4); }
.jurnal-viewer__img { aspect-ratio: 4 / 3; border-radius: var(--r-md); }
.jurnal-viewer__meta { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.jurnal-paper { display: grid; gap: var(--sp-3); }
.jurnal-paper__page { display: grid; gap: var(--sp-3); padding: var(--sp-6) var(--sp-5); border-radius: var(--r-sm); background: var(--paper-2); border: 1px solid var(--line); box-shadow: var(--sh-1); }
.jurnal-paper__t { font-family: var(--font-display); font-size: var(--fs-display-s); font-weight: var(--fw-regular); line-height: var(--lh-display-s); }
.jurnal-paper__p { color: var(--ink-2); font-size: var(--fs-body-s); line-height: var(--lh-body-s); }
.jurnal-paper__s { display: grid; gap: 2px; padding: 8px 12px; border-left: 3px solid var(--_fg); background: var(--surface); border-radius: 0 var(--r-xs) var(--r-xs) 0; font-size: var(--fs-body-s); }
.jurnal-paper__s span { color: var(--muted); font-size: var(--fs-caption); }
.jurnal-paper__note { font-size: var(--fs-caption); color: var(--muted); font-style: italic; }

/* =====================================================================
   Kid mode — "Săptămâna mea"
   ===================================================================== */
.jurnal-kid { display: grid; gap: var(--sp-5); }
.jurnal-kid__hero { padding: var(--sp-6) var(--sp-5); border-radius: var(--r-xl); background: var(--hero-bg); border: 1px solid var(--hero-line); }
.jurnal-kid__lead { font-size: var(--fs-title); color: var(--hero-ink); font-weight: var(--fw-medium); }
.jurnal-kid__title { margin-top: 8px; font-family: var(--font-display); font-weight: var(--fw-regular); font-size: var(--fs-display-l); line-height: var(--lh-display-l); letter-spacing: var(--ls-display); text-wrap: balance; }
.jurnal-kid__marks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-3); }
.jurnal-kid__mark { display: grid; align-content: start; justify-items: center; gap: 6px; padding: var(--sp-4) 8px; border-radius: var(--r-lg); background: var(--_bg); color: var(--_fg); text-align: center; }
.jurnal-kid__mark b { font-family: var(--font-display); font-weight: var(--fw-medium); font-size: 1.75rem; line-height: 1.1; white-space: nowrap; color: var(--_fg); }
.jurnal-kid__mark span { font-size: var(--fs-caption); line-height: 1.3; color: var(--ink-2); font-weight: var(--fw-medium); }
@media (max-width: 359px) { .jurnal-kid__mark b { font-size: 1.35rem; } }
.jurnal-kid__h { font-family: var(--font-display); font-weight: var(--fw-regular); font-size: var(--fs-display-s); line-height: var(--lh-display-s); margin-top: var(--sp-3); }
.jurnal-kid__cards { display: grid; gap: var(--sp-3); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .jurnal-kid__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.jurnal-kid__card { display: flex; align-items: center; gap: var(--sp-4); min-height: 96px; padding: var(--sp-4); border-radius: var(--r-lg); background: var(--surface); border: 2px solid var(--_bg); box-shadow: var(--sh-1); text-align: left; transition: transform var(--dur-2) var(--ease-spring, ease), box-shadow var(--dur-2); }
.jurnal-kid__card:hover { box-shadow: var(--sh-2); }
.jurnal-kid__card:active { transform: scale(.98); }
.jurnal-kid__icon { display: grid; place-items: center; flex-shrink: 0; width: 64px; height: 64px; border-radius: 20px; background: var(--_bg); color: var(--_fg); }
.jurnal-kid__txt { display: grid; gap: 4px; min-width: 0; }
.jurnal-kid__txt b { font-size: var(--fs-title-l); font-weight: var(--fw-bold); color: var(--_fg); }
.jurnal-kid__txt span { font-size: var(--fs-body); line-height: 1.45; color: var(--ink); }
.jurnal-kid__photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-2); }
@media (min-width: 768px) { .jurnal-kid__photos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.jurnal-kid__ph { border-radius: var(--r-lg); }
.jurnal-kidsheet { display: grid; justify-items: start; gap: var(--sp-4); }
.jurnal-kidsheet__lead { font-size: var(--fs-title-l); line-height: 1.45; }
.jurnal-kidsheet__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.jurnal-kidsheet__tag { padding: 8px 14px; border-radius: var(--r-pill); background: var(--_bg); color: var(--_fg); font-weight: var(--fw-semibold); font-size: var(--fs-body-s); }

/* ---------- fixes after QA ---------- */
/* De reținut: real text must never be clamped/ellipsised; icons align with the first line */
.jurnal-notices .ui-row { align-items: flex-start; }
.jurnal-notices .ui-row__lead { margin-top: 2px; }
.jurnal-notices .ui-row__title { white-space: normal; }
.jurnal-notices .ui-row__sub { display: block; -webkit-line-clamp: unset; overflow: visible; }
/* subject-card marks: icon on the first line when the label wraps (320px) */
.jurnal-subj__mark { align-items: flex-start; line-height: 1.35; }
.jurnal-subj__mark .ui-i { flex-shrink: 0; margin-top: 1px; }
/* photo strip: grid by container width */
.jurnal-o-photos { container-type: inline-size; }
.jurnal-strip { grid-auto-columns: 132px; }
@media (min-width: 768px) {
  .jurnal-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
}
@container (min-width: 700px) { .jurnal-strip { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; } }
/* bigger hit area for small chip-buttons (source page link) without making them look fat */
button.jurnal-chiplink { position: relative; }
button.jurnal-chiplink::after { content: ""; position: absolute; inset: -7px -2px; }
/* symbols such as ❦ must render as text glyphs, not colour emoji */
.jurnal-hero__strip .ui-hero__stat b, .jurnal-kid__mark b { font-variant-emoji: text; }
/* captions with a leading icon */
.jurnal-cap { display: flex; align-items: flex-start; gap: 6px; }
.jurnal-cap .ui-i { flex-shrink: 0; margin-top: 2px; }
.jurnal-sband__note { display: flex; align-items: flex-start; gap: 6px; font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--ink-2); }
.jurnal-sband__note .ui-i { flex-shrink: 0; margin-top: 2px; }
.jurnal-hero__strip { grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); }
.jurnal-hero__strip .ui-hero__stat b { white-space: nowrap; }
@media (min-width: 560px) { .jurnal-meta__state { display: none; } }
@media (min-width: 768px) {
  .jurnal-subjects { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .jurnal-subjects > * { grid-column: span 2; }
  .jurnal-subjects > :nth-last-child(2):nth-child(3n+1), .jurnal-subjects > :last-child:nth-child(3n+2) { grid-column: span 3; }
  .jurnal-subjects > :last-child:nth-child(3n+1) { grid-column: 1 / -1; }
}
@media (max-width: 359px) { .jurnal-switch__pre { display: none; } }

/* =====================================================================
   Pilot (decisions 26.09.2026)
   ===================================================================== */
/* "Faza 2" tag on teacher tools kept from the school-run design (same palette as the shell's phase banner) */
.jurnal-phase { display: inline-flex; align-items: center; gap: 4px; min-height: 22px; padding: 1px 8px; border-radius: var(--r-pill); background: var(--info-soft); color: var(--info-ink); font-size: var(--fs-caption); font-weight: var(--fw-semibold); line-height: 1.3; white-space: nowrap; vertical-align: middle; }
.jurnal-phase .ui-i { flex-shrink: 0; }
.ui-tl__title .jurnal-phase, .jurnal-editbar .jurnal-phase { margin-left: 6px; }
.jurnal-switch__state .jurnal-phase { margin-left: 2px; }

/* meta card: provenance / access badges wrap instead of overflowing */
.jurnal-badge { max-width: 100%; white-space: normal; line-height: 1.3; text-align: left; }
.jurnal-badge .ui-i { flex-shrink: 0; }
.jurnal-badge--family { background: var(--primary-soft); color: var(--on-primary-soft); }
.jurnal-link--sm { min-height: 32px; font-size: var(--fs-caption); gap: 4px; }
.jurnal-meta__row--soft .jurnal-link--sm { margin-left: auto; }
.jurnal-meta .ui-callout__body .jurnal-meta__acts { margin-top: var(--sp-3); }
.jurnal-staff { display: grid; gap: var(--sp-3); padding-top: var(--sp-3); border-top: 1px solid var(--line); }
.jurnal-staff__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; }

/* "De unde vine": the path of the journal (parent → AI → verified → approved by another coordinator) */
.jurnal-journey { margin: 0; padding: 0; list-style: none; }
.jurnal-journey .ui-tl { padding-bottom: var(--sp-4); }
.jurnal-journey .ui-tl:last-child { padding-bottom: 0; }
.jurnal-journey .ui-tl__title, .jurnal-journey .ui-tl__meta { overflow-wrap: anywhere; }
.jurnal-tl--ai { --_fg: var(--ai-ink); --_bg: var(--ai-soft); }
.jurnal-tl--ok { --_fg: var(--success-ink); --_bg: var(--success-soft); }
.jurnal-tl--wait .ui-tl__dot { background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--line-strong); color: var(--muted); }
.jurnal-prov { scroll-margin-top: calc(var(--sh-top-h, 56px) + 96px); }
.jurnal-prov__rule { padding: 10px 12px; border-radius: var(--r-md); background: var(--surface-2); color: var(--ink-2); }
.jurnal-prov__rule b { font-weight: var(--fw-semibold); color: var(--ink); }

/* family photo strip: category under each tile */
.jurnal-strip__cell { display: grid; gap: 5px; align-content: start; min-width: 0; }
.jurnal-strip__cat { display: flex; align-items: flex-start; gap: 4px; min-width: 0; font-size: var(--fs-caption); line-height: 1.3; color: var(--muted); font-weight: var(--fw-medium); }
.jurnal-strip__cat > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.jurnal-strip__cat .ui-i { flex-shrink: 0; margin-top: 1px; color: var(--ai-ink); }
.jurnal-photos__foot { align-items: flex-start; }
.jurnal-photos__foot .jurnal-cap { flex: 1 1 240px; min-width: 0; margin-top: 4px; }
.jurnal-sort { margin-top: var(--sp-4); }
.jurnal-sort .ui-callout__body > p + p { margin-top: 4px; }
.jurnal-sort__acts { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-3); }

/* =====================================================================
   i18n (RO / EN)
   ===================================================================== */
/* week switcher: a long range ("28 September – 2 October") never pushes the arrows off-screen */
.jurnal-switch__label { max-width: 100%; min-width: 0; }
.jurnal-switch__range { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.jurnal-switch__label .ui-i { flex-shrink: 0; }
/* longer English labels wrap instead of overflowing */
.jurnal-link { text-align: left; line-height: 1.3; }
.jurnal-link > .ui-i { flex-shrink: 0; }
.jurnal-meta__acts .ui-btn { white-space: normal; text-align: center; line-height: 1.25; }
.jurnal-note__add, .jurnal-sort__acts .ui-btn { white-space: normal; text-align: left; line-height: 1.25; }
.jurnal-pn__a .ui-caption { flex-wrap: wrap; }
.jurnal-editbar .ui-caption { flex-wrap: wrap; min-width: 0; }
.jurnal-editbar .ui-btn { white-space: normal; }
.jurnal-back { line-height: 1.3; }
.jurnal-back > .ui-i { flex-shrink: 0; }
.jurnal-chiplink { overflow-wrap: anywhere; }
.jurnal-chiplink > .ui-i { flex-shrink: 0; }
.jurnal-hero .ui-hero__pill { white-space: normal; }
.jurnal-unknown { overflow-wrap: anywhere; }
.jurnal-kid__lead, .jurnal-kid__h { overflow-wrap: anywhere; }

/* AI "Translate" on content (SCREEN_CONTRACT §7.2): the result sits below the original, never instead of it */
.jurnal-tr-slot { display: grid; justify-items: start; gap: 6px; margin-top: var(--sp-2); }
.jurnal-tr-slot .jurnal-tr { justify-self: stretch; margin-top: 0; }
.jurnal-tr__btn { margin-inline-start: -10px; }
.jurnal-tr { display: grid; gap: 6px; margin-top: var(--sp-3); padding: 10px 12px; border-radius: var(--r-md); background: var(--surface); border-left: 3px solid var(--ai-ink); box-shadow: inset 0 0 0 1px var(--line); text-align: left; }
.jurnal-tr:focus { outline: none; }
.jurnal-tr:focus-visible { box-shadow: var(--focus-ring); }
.jurnal-tr__note { display: flex; align-items: flex-start; gap: 5px; color: var(--ai-ink); font-weight: var(--fw-medium); }
.jurnal-tr__note .ui-i { flex-shrink: 0; margin-top: 2px; }
.jurnal-tr__text { white-space: pre-line; overflow-wrap: anywhere; font-family: var(--font-body, inherit); font-size: var(--fs-body); line-height: var(--lh-body); color: var(--ink); }
.jurnal-tr__text:empty { display: none; }
.jurnal-tr__acts { display: flex; flex-wrap: wrap; gap: 6px; }
.jurnal-tr__acts .ui-btn { margin-inline-start: -10px; }
.jurnal-tr__err { display: flex; align-items: flex-start; gap: 5px; color: var(--danger-ink); }
.jurnal-tr__err .ui-i { flex-shrink: 0; margin-top: 2px; }
.jurnal-fir .jurnal-tr-slot { margin-top: 0; }
.jurnal-sband .jurnal-tr-slot { margin-top: -4px; }
/* single-column grids never grow past the column (a long unbroken string in a longer language
   would otherwise widen the whole reading column); text breaks inside the box instead */
#sh-view[data-screen="jurnal"] { overflow-wrap: break-word; }
.jurnal-meta, .jurnal-note, .jurnal-note__list, .jurnal-reads, .jurnal-staff, .jurnal-notices, .jurnal-fir, .jurnal-docs,
.jurnal-prov, .jurnal-groups, .jurnal-group, .jurnal-sband, .jurnal-toc, .jurnal-tr, .jurnal-tr-slot, .jurnal-kid, .jurnal-kid__cards,
.jurnal-viewer, .jurnal-paper, .jurnal-paper__page, .jurnal-kidsheet { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .jurnal-kid__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.jurnal-prov__rule, .jurnal-cap, .jurnal-notices__foot, .jurnal-note__priv, .jurnal-sband__note { overflow-wrap: anywhere; }
.jurnal-prov__kv dd, .jurnal-prov__kv dt { min-width: 0; overflow-wrap: anywhere; }
.jurnal-waiting .ui-empty, .jurnal-waiting .ui-empty > * { min-width: 0; max-width: 100%; }
.jurnal-waiting .ui-empty__title, .jurnal-waiting .ui-empty__text { overflow-wrap: anywhere; }
.jurnal-waiting .ui-btn { white-space: normal; max-width: 100%; line-height: 1.25; }
.jurnal-empty-s > span { min-width: 0; overflow-wrap: anywhere; }
#sh-view[data-screen="jurnal"] .sh-denied > div { min-width: 0; }
#sh-view[data-screen="jurnal"] .sh-denied p { overflow-wrap: anywhere; }
/* content words (Romanian) in the narrow highlight columns: hyphenate rather than split mid-word */
.jurnal-hero__strip .ui-hero__stat span, .jurnal-kid__mark span, .jurnal-subj .ui-subject__text { hyphens: auto; -webkit-hyphens: auto; }
/* ---------- family mode (27.09): the editors keep the family's copy ---------- */
.jurnal-danger { color: var(--danger-ink); }
.jurnal-subj--fam { --_fg: var(--primary-ink); --_bg: transparent; width: 100%; text-align: left; font: inherit; color: inherit; cursor: pointer; align-items: flex-start; }
.jurnal-subj--fam:hover { background: var(--surface-2); }
.jurnal-addpick .ui-row { width: 100%; text-align: left; }
.jurnal-form__err { color: var(--danger-ink); min-height: 0; }
.jurnal-form__err:empty { display: none; }