/* MSK Navigator v3 organization dashboard (O4): layout for org.html's screens, the people ring, the report page, the white
   label preview and the tour. Every colour, shadow, radius, size and motion is a kit token (kit.css); the only
   colour that is not ours is the organization's own, drawn as data in the brand preview ([data-brand-colour]). */

.org-skel { display: flex; width: 100%; max-width: 560px; flex-direction: column; gap: var(--space-3); }
.org-skel .k-skeleton { display: block; }
.org-screen { gap: var(--space-8); }
[data-screen="org-home"] { margin-top: calc(-1 * var(--space-4)); }
[data-screen="org-home"] .k-greet__line { max-width: 30ch; }

/* ── Home: Your rollout in words (as the clinic's Your 90 days): four chapters, Next up under them ── */
.org-journey { gap: var(--space-5); }
.org-journey__goal { margin-top: calc(-1 * var(--space-3)); font-size: var(--text-body); line-height: var(--leading-body); color: var(--color-ink-2); }
.org-journey__goal b { font-weight: var(--weight-medium); color: var(--color-ink); }
.org-journey__chapters { display: grid; gap: var(--space-2); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.org-ch { display: flex; min-width: 0; flex-direction: column; gap: var(--space-1); order: var(--order); padding: var(--space-4) var(--space-5); border-radius: var(--radius-lg); }
.org-ch[data-state="current"] { background: var(--color-brand-tint); }
.org-ch__name { display: flex; align-items: baseline; gap: var(--space-2); font-size: var(--text-lead); line-height: var(--leading-lead); font-weight: var(--weight-medium); color: var(--color-ink); }
.org-ch__n { font-family: var(--font-display); font-weight: var(--weight-regular); font-size: var(--display-s); line-height: 1; color: var(--color-brand); }
.org-ch__weeks { font-size: var(--text-meta); line-height: var(--leading-meta); color: var(--color-ink-3); }
.org-ch__line { font-size: var(--text-body); line-height: var(--leading-body); color: var(--color-ink-2); }
.org-ch__foot { margin-top: auto; padding-top: var(--space-2); }
.org-ch__state { display: flex; align-items: center; gap: var(--space-1); font-size: var(--text-meta); line-height: var(--leading-meta); font-weight: var(--weight-medium); color: var(--color-ink-3); }
.org-ch[data-state="done"] .org-ch__state { color: var(--color-brand); }
.org-ch[data-state="current"] .org-ch__state { color: var(--color-ink); }
.org-ch__bar { display: block; height: 4px; margin-top: var(--space-2); overflow: hidden; border-radius: var(--radius-full); background: var(--color-surface); }
.org-ch[data-state="later"] .org-ch__bar { background: var(--color-ground-2); }
.org-ch__bar > span { display: block; height: 100%; border-radius: inherit; background: var(--color-brand); }
.org-next { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); order: 99; grid-column: 1 / -1; padding: var(--space-3) var(--space-5) 0; }
.org-next__list { display: grid; gap: var(--space-3) var(--space-6); grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.org-next__step { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-2); }
.org-next__title { font-size: var(--text-body); line-height: var(--leading-body); font-weight: var(--weight-medium); color: var(--color-ink); }
.org-next__end { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); }
/* With Navigator's column open, Home's column is as narrow as at 1024: the chapters go two by two there too. */
@media (min-width: 1024px) {
  .k-shell[data-panel-open] .org-journey__chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-shell[data-panel-open] .org-next__list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .org-journey__chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .org-next__list { grid-template-columns: minmax(0, 1fr); }
  .org-next__step { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
}

/* ── Home: people at a glance, the team's next course ────────────────────── */
[data-screen="org-home"] { display: grid; align-items: start; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "greet greet" "people team" "journey journey" "cv cv"; }
[data-screen="org-home"] > #org-greeting { grid-area: greet; }
[data-screen="org-home"] > .org-people { grid-area: people; }
[data-screen="org-home"] > .org-team { grid-area: team; }
[data-screen="org-home"] > .org-journey { grid-area: journey; }
[data-screen="org-home"] > .org-cv { grid-area: cv; }
@media (min-width: 1024px) {
  [data-screen="org-home"] { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); grid-template-areas: "greet people" "cv team" "journey journey"; }
  [data-screen="org-home"] > .org-cv { grid-template-columns: 200px minmax(0, 1fr); align-self: stretch; padding: var(--space-6); }
}
.org-people__body { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-6); }
.org-people__text { display: flex; min-width: 0; flex: 1 1 200px; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.org-people__line { font-family: var(--font-display); font-weight: var(--weight-regular); font-size: var(--display-s); line-height: var(--display-s-leading); letter-spacing: var(--tracking-display); color: var(--color-ink); }
.org-ring { position: relative; display: inline-flex; flex-shrink: 0; }
.org-ring svg { transform: rotate(-90deg); }
.org-ring__track { fill: none; stroke: var(--color-ground-2); }
.org-ring__seg { fill: none; stroke-linecap: butt; transition: stroke-dasharray var(--duration-explain) var(--ease-out); }
.org-ring__seg--finished { stroke: var(--color-brand); }
.org-ring__seg--started { stroke: var(--color-brand-mark); }
.org-ring__seg--waiting { stroke: var(--mat-stone); }
.org-ring__center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.org-ring__num { font-family: var(--font-display); font-weight: var(--weight-regular); font-size: var(--display-m); line-height: var(--display-m-leading); color: var(--color-ink); }
.org-team .k-media__title { font-family: var(--font-display); font-weight: var(--weight-regular); font-size: var(--display-s); line-height: var(--display-s-leading); }

/* See the clinic view: a drawn miniature of the clinic's Home */
.org-cv { display: grid; gap: var(--space-6) var(--space-8); align-items: center; padding: var(--space-6); border-radius: var(--radius-xl); background: var(--mat-teal-hi); box-shadow: var(--shadow-inset); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .org-cv { grid-template-columns: 280px minmax(0, 1fr); padding: var(--space-6) var(--space-8); } }
.org-cv__text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.org-cv__mini { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3); border-radius: var(--radius-lg); background: var(--color-ground); box-shadow: var(--shadow-2); }
.org-cv__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); padding-bottom: var(--space-2); box-shadow: 0 1px 0 var(--color-hairline); }
.org-cv__mark { width: 16px; height: 16px; border-radius: var(--radius-xs); background: var(--color-surface); box-shadow: var(--shadow-1); }
.org-cv__tabs { display: flex; gap: var(--space-1); padding: 3px; border-radius: var(--radius-full); background: var(--color-ground-2); }
.org-cv__tabs i { width: 18px; height: 6px; border-radius: var(--radius-full); background: var(--color-hairline-strong); }
.org-cv__tabs i:first-child { background: var(--color-surface); }
.org-cv__line { width: 80%; height: 10px; border-radius: var(--radius-full); background: var(--color-ink-4); opacity: 0.5; }
.org-cv__line--short { width: 50%; }
.org-cv__desk { position: relative; height: 72px; margin-top: var(--space-1); border-radius: var(--radius-sm); background: var(--mat-teal-hi); }
.org-cv__page { position: absolute; top: 10px; left: 50%; width: 40px; height: 52px; margin-left: -20px; border-radius: 2px; background: var(--color-surface); box-shadow: var(--shadow-paper); }
.org-cv__page:nth-child(1) { transform: rotate(-7deg) translateX(-10px); }
.org-cv__page:nth-child(3) { transform: rotate(6deg) translateX(10px); }
.org-cv__medals { display: flex; gap: var(--space-2); }
.org-cv__medal { width: 20px; height: 20px; border-radius: var(--radius-full); background: var(--mat-stone); }
.org-cv__medal--clay { background: var(--mat-clay); box-shadow: inset 0 0 0 2px var(--mat-clay-hi); }
.org-cv__medal--teal { background: var(--mat-teal); box-shadow: inset 0 0 0 2px var(--mat-teal-hi); }

/* Home at phone width: the greeting, the rollout as a list of chapters, then people and the team's course side by side,
   so all three objects sit in the first viewport above the tab bar. */
@media (max-width: 767px) {
  [data-screen="org-home"] { gap: var(--space-6); margin-top: 0; }
  [data-screen="org-home"] .k-greet { gap: var(--space-4); }
  [data-screen="org-home"] .k-greet__line { font-size: var(--display-s); line-height: var(--display-s-leading); }
  [data-screen="org-home"] .k-greet__bridge { font-size: var(--text-body); line-height: var(--leading-body); }
  .org-journey { gap: var(--space-4); }
  .org-journey__chapters { display: flex; flex-direction: column; gap: var(--space-1); }
  .org-ch { display: grid; align-items: baseline; gap: 0 var(--space-3); padding: var(--space-2) var(--space-4); grid-template-columns: minmax(0, 1fr) auto; }
  .org-ch__n { font-size: var(--text-title); }
  .org-ch__weeks, .org-ch__line { display: none; }
  .org-ch[data-state="current"] .org-ch__line { display: block; grid-column: 1 / -1; font-size: var(--text-meta); line-height: var(--leading-meta); }
  .org-ch__foot { padding-top: 0; }
  .org-ch[data-state="current"] .org-ch__foot { grid-column: 1 / -1; padding-top: var(--space-1); }
  .org-next { padding: var(--space-2) var(--space-4) 0; }
  .org-next__list { grid-template-columns: minmax(0, 1fr); }
  .org-next__step { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
  [data-screen="org-home"] { column-gap: var(--space-3); }
  .org-people { padding: var(--space-4); gap: var(--space-3); }
  .org-people .k-card__head { flex-direction: column; gap: 0; }
  .org-people .k-card__title { font-size: var(--text-body); line-height: var(--leading-body); }
  .org-people__body { flex-direction: column; align-items: flex-start; gap: var(--space-3); }
  .org-people__text { flex: 0 0 auto; }
  .org-people__line { font-family: var(--font-sans); font-size: var(--text-meta); line-height: var(--leading-meta); letter-spacing: 0; }
  .org-ring svg { width: 88px; height: 88px; }
  .org-ring__num { font-size: var(--display-s); line-height: var(--display-s-leading); }
  .org-team .app-section__head { display: none; }
  .org-team .k-media--wide .k-media__cover { aspect-ratio: 4 / 3; }
  .org-team .k-media__title { font-family: var(--font-sans); font-size: var(--text-body); line-height: var(--leading-body); }
}

/* ── Rollout ─────────────────────────────────────────────────────────────── */
.org-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3) var(--space-6); }
.org-path .k-path--full { gap: var(--space-6); }
.org-path .k-path__block { padding: var(--space-6); border-radius: var(--radius-xl); background: var(--color-surface); box-shadow: var(--shadow-1); }
.org-path .k-path__block[data-now] { box-shadow: var(--shadow-2), inset 0 0 0 2px var(--color-brand-tint-2); }
.org-path .k-path__phead { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
.org-path .k-path__ptitle { flex-direction: column; align-items: flex-start; gap: var(--space-1); font-family: var(--font-display); font-weight: var(--weight-regular); font-size: var(--display-s); line-height: var(--display-s-leading); }
.org-path .k-path__pnum { font-size: var(--text-caption); line-height: var(--leading-caption); font-family: var(--font-sans); font-weight: var(--weight-medium); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--color-brand); }
.org-path .k-path__pnum::before { content: "Phase "; }
.org-path .k-path__step { border-radius: var(--radius-lg); }
.org-path .k-path__node { width: 44px; height: 44px; }
.org-path .k-path__step::before { left: 33px; width: 3px; border-radius: var(--radius-full); }
.org-path .k-path__step[data-type="invite"]:not([data-state="done"]) .k-path__node { background: var(--mat-clay-hi); color: var(--mat-clay-deep); }
.org-path .k-path__step[data-type="course"]:not([data-state="done"]) .k-path__node { background: var(--mat-slate-hi); color: var(--mat-slate-deep); }
.org-path .k-path__step[data-type="report"]:not([data-state="done"]) .k-path__node { background: var(--mat-sand-hi); color: var(--mat-sand-deep); }
.org-path .k-path__step[data-state="current"] .k-path__node { background: var(--color-surface); color: var(--color-brand); box-shadow: 0 0 0 6px var(--color-brand-tint), inset 0 0 0 3px var(--color-brand); }
.org-path .k-path__step[data-state="current"] .k-path__title { font-size: var(--text-lead); line-height: var(--leading-lead); }
.org-path .k-path__end .k-pill--brand { display: none; }
@media (min-width: 900px) {
  .org-path .k-path__block { display: grid; gap: var(--space-8); align-items: start; grid-template-columns: 220px minmax(0, 1fr); padding: var(--space-8); }
  .org-path .k-path__phead { position: sticky; top: calc(var(--topbar) + var(--space-6)); }
}
.org-who { display: flex; flex-wrap: wrap; gap: var(--space-2); }

/* ── People: the one table ───────────────────────────────────────────────── */
.org-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3) var(--space-4); }
.org-tools:empty { display: none; }
.org-tools .k-search { flex: 1 1 280px; max-width: 420px; }
.org-chosen { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.org-chosen[hidden] { display: none; }
.org-name { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; text-align: left; white-space: normal; }
.org-name__main { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.org-name__sub { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-meta); line-height: var(--leading-meta); font-weight: var(--weight-regular); color: var(--color-ink-3); }
.org-cell__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.org-private { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-ink-3); }
.org-private--lead { font-size: var(--text-lead); line-height: var(--leading-lead); color: var(--color-ink-2); }
@media (min-width: 640px) {
  .org-table [data-private] .k-table__cell:nth-child(2) { grid-column: span 3; }
  .org-table [data-private] .k-table__cell:empty { display: none; }
}
@media (max-width: 639px) {
  .org-cell__label { position: static; width: auto; height: auto; overflow: visible; clip: auto; color: var(--color-ink-3); }
  .org-table .k-table__cell:empty { display: none; }
  .org-table .k-table__row { gap: 0; }
}
.org-empty { align-items: center; }
.org-bars { display: flex; flex-direction: column; gap: var(--space-3); }
.org-bars li { display: grid; align-items: center; gap: var(--space-3); grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 7.5em; font-size: var(--text-meta); line-height: var(--leading-meta); color: var(--color-ink-2); }
.org-bars__track { position: relative; display: block; height: 8px; overflow: hidden; border-radius: var(--radius-full); background: var(--color-ground-2); }
.org-bars__fill { position: absolute; inset: 0 auto 0 0; border-radius: var(--radius-full); background: var(--color-brand-mark); }
.org-bars__n { color: var(--color-ink-3); white-space: nowrap; text-align: right; }
.org-medals { --medal: 64px; display: flex; flex-wrap: wrap; gap: var(--space-4); }

/* ── Learn ───────────────────────────────────────────────────────────────── */
.org-shelf { display: grid; gap: var(--space-8) var(--space-6); grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.org-assignable { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); }
.org-assignable__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); }
.org-course-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4) var(--space-3) var(--space-5); border-radius: var(--radius-lg); background: var(--color-brand-tint); }
.org-course-bar .k-meta { color: var(--color-ink-2); }
[data-screen="org-course"] { gap: var(--space-8); }
.org-side__ring { align-items: flex-start; text-align: left; }
.org-passed { display: flex; align-items: flex-start; gap: var(--space-4); padding: var(--space-6); border-radius: var(--radius-xl); background: var(--color-surface); box-shadow: var(--shadow-1); }
.org-passed__title { font-family: var(--font-display); font-weight: var(--weight-regular); font-size: var(--display-s); line-height: var(--display-s-leading); }

/* ── Standard ────────────────────────────────────────────────────────────── */
.org-practices { display: flex; flex-direction: column; gap: 0; padding: var(--space-2) var(--space-6); }
.org-practice { display: grid; align-items: center; gap: var(--space-4) var(--space-6); padding: var(--space-5) 0; box-shadow: 0 1px 0 var(--color-hairline); grid-template-columns: auto minmax(0, 1fr); }
.org-practice:last-child { box-shadow: none; }
@media (min-width: 900px) { .org-practice { grid-template-columns: auto minmax(0, 1.4fr) minmax(220px, 1fr); } }
.org-practice .k-medal { --medal: 64px; }
.org-practice .k-medal__name, .org-practice .k-medal__state { display: none; }
.org-practice__text { display: flex; min-width: 0; flex-direction: column; gap: var(--space-1); }
.org-practice__name { font-size: var(--text-title); line-height: var(--leading-title); font-weight: var(--weight-medium); color: var(--color-ink); }
.org-practice__count { display: flex; flex-direction: column; gap: var(--space-2); grid-column: 1 / -1; }
@media (min-width: 900px) { .org-practice__count { grid-column: auto; } }
.org-practice__line { font-size: var(--text-body); line-height: var(--leading-body); color: var(--color-ink-2); }
.org-practice__line b { font-weight: var(--weight-medium); color: var(--color-ink); }
.org-explain { display: grid; gap: var(--space-6); padding: var(--space-6); border-radius: var(--radius-xl); background: var(--mat-teal-hi); box-shadow: var(--shadow-inset); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .org-explain { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); padding: var(--space-8); } }
.org-explain__note { display: flex; align-items: flex-start; gap: var(--space-3); font-size: var(--text-lead); line-height: var(--leading-lead); color: var(--color-ink); }
.org-explain__note .k-icon { flex-shrink: 0; margin-top: var(--space-1); }
.org-explain__what { display: flex; flex-direction: column; gap: var(--space-3); }

/* The report: one page, printable */
.org-report-desk { display: flex; justify-content: center; padding: var(--space-5); border-radius: var(--radius-lg); background: var(--color-ground-2); box-shadow: var(--shadow-inset); }
.org-report { display: flex; width: 100%; max-width: 640px; flex-direction: column; gap: var(--space-5); padding: var(--space-8); border-radius: var(--radius-xs); background: var(--color-surface); box-shadow: var(--shadow-paper); color: var(--color-ink-2); font-size: var(--text-meta); line-height: var(--leading-meta); }
.org-report__head { display: flex; align-items: flex-start; gap: var(--space-4); padding-bottom: var(--space-4); box-shadow: 0 1px 0 var(--color-hairline-strong); }
.org-report__mark { display: inline-flex; width: 40px; height: 40px; flex-shrink: 0; align-items: center; justify-content: center; border-radius: var(--radius-md); background: var(--color-ground); font-family: var(--font-display); font-size: var(--text-title); color: var(--color-ink); }
.org-report__org { font-weight: var(--weight-medium); color: var(--color-ink-3); }
.org-report__title { font-family: var(--font-display); font-weight: var(--weight-regular); font-size: var(--display-s); line-height: var(--display-s-leading); color: var(--color-ink); }
.org-report__period { color: var(--color-ink-3); }
.org-report__block { display: flex; flex-direction: column; gap: var(--space-2); }
.org-report__block h2 { font-size: var(--text-caption); line-height: var(--leading-caption); font-weight: var(--weight-medium); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--color-brand); }
.org-report__block ul, .org-report__block ol { display: flex; flex-direction: column; gap: var(--space-1); padding-left: var(--space-5); list-style: disc; }
.org-report__block ol { list-style: decimal; }
.org-report__stats { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-8); }
.org-report__stat { display: flex; flex-direction: column; }
.org-report__stat b { font-family: var(--font-display); font-weight: var(--weight-regular); font-size: var(--display-m); line-height: var(--display-m-leading); color: var(--color-ink); }
.org-report__table { width: 100%; border-collapse: collapse; }
.org-report__table th, .org-report__table td { padding: var(--space-1) 0; text-align: left; font-weight: var(--weight-regular); box-shadow: 0 1px 0 var(--color-hairline); }
.org-report__table td { text-align: right; font-variant-numeric: tabular-nums; color: var(--color-ink); }
.org-report__foot { display: flex; flex-direction: column; gap: var(--space-1); padding-top: var(--space-4); box-shadow: 0 -1px 0 var(--color-hairline-strong); color: var(--color-ink-3); }
@media (max-width: 639px) { .org-report { padding: var(--space-5); } .org-report-desk { padding: var(--space-2); } }
@media print {
  body.k-printing .org-report { max-width: none; box-shadow: none; padding: 0; font-size: 11pt; line-height: 1.45; }
}

/* ── Settings ────────────────────────────────────────────────────────────── */
.org-set-grid { display: grid; gap: var(--space-8); grid-template-columns: minmax(0, 1fr); }
.org-set-grid > .k-card { scroll-margin-top: calc(var(--topbar) + var(--space-4)); }
.org-set { display: grid; gap: var(--space-8); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 900px) { .org-set { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); } }
.org-set__card .k-brandcard { width: 100%; }
.org-fields { display: grid; align-items: end; gap: var(--space-5) var(--space-6); grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.org-fields > .k-btn { justify-self: start; }
.org-team-list { display: flex; flex-direction: column; gap: var(--space-4); }
.org-team-row { display: flex; align-items: center; gap: var(--space-4); }
.org-team-who { display: flex; min-width: 0; flex-direction: column; }
.org-team-who b { font-weight: var(--weight-medium); color: var(--color-ink); }
.org-add { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-3); }
.org-add .k-field { flex: 1 1 240px; max-width: 420px; }
.org-switch-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); padding-top: var(--space-4); box-shadow: 0 -1px 0 var(--color-hairline); }

/* Run MSK Navigator under your name: the clinic app's top bar, drawn */
.org-wl { display: flex; flex-direction: column; gap: var(--space-3); margin: 0; }
.org-wl__bar { display: grid; align-items: center; gap: var(--space-3); padding: var(--space-2) var(--space-4); border-radius: var(--radius-lg); background: var(--color-ground); box-shadow: var(--shadow-1); grid-template-columns: minmax(0, 1fr) auto auto; }
.org-wl__org { display: flex; min-width: 0; align-items: center; gap: var(--space-2); }
.org-wl__mark { display: inline-flex; width: 32px; height: 32px; flex-shrink: 0; align-items: center; justify-content: center; border-radius: var(--radius-md); background: var(--color-brand); color: var(--color-on-brand); font-family: var(--font-display); font-size: var(--text-title); line-height: 1; }
.org-wl__mark--clinic { background: var(--color-surface); color: var(--color-ink); box-shadow: var(--shadow-1); }
.org-wl__name { display: flex; min-width: 0; flex-direction: column; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: var(--text-meta); line-height: 1.2; font-weight: var(--weight-medium); color: var(--color-ink); }
.org-wl__name small { font-size: var(--text-caption); font-weight: var(--weight-regular); color: var(--color-ink-3); }
.org-wl__tabs { display: flex; gap: 2px; padding: 3px; border-radius: var(--radius-full); background: var(--color-ground-2); }
.org-wl__tab { padding: var(--space-1) var(--space-2); border-radius: var(--radius-full); font-size: var(--text-caption); line-height: var(--leading-caption); color: var(--color-ink-3); }
.org-wl__tab.is-on { background: var(--color-surface); color: var(--color-ink); }
.org-wl__end { display: flex; align-items: center; gap: var(--space-2); }
.org-wl__ask { padding: var(--space-1) var(--space-3); border-radius: var(--radius-full); background: var(--color-surface); box-shadow: inset 0 0 0 1px var(--color-hairline-strong); font-size: var(--text-caption); line-height: var(--leading-caption); color: var(--color-ink-2); white-space: nowrap; }
.org-wl__avatar { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: var(--radius-full); background: var(--color-ground-2); font-size: var(--text-caption); color: var(--color-ink-2); }
@media (max-width: 767px) { .org-wl__bar { grid-template-columns: minmax(0, 1fr) auto; } .org-wl__tabs { display: none; } }

/* The first-entry welcome in Navigator's panel */
.org-welcome .k-says p { min-height: var(--leading-lead); }
@media (min-width: 768px) and (max-width: 1023px) {
  [data-screen="org-home"] .k-greet__line { font-size: var(--display-m); line-height: var(--display-m-leading); }
}
.org-choices-label { margin-top: var(--space-2); }

/* First fresh entry: the panel is open from the first frame, with no push or entrance to animate (P5.3). */
.k-shell[data-first-open] .k-shell__body, .k-shell[data-first-open] .k-panel { transition: none; animation: none; }

/* Reach (Standard): packets sent and offices reached, among those who share */
.org-reach { display: flex; align-items: flex-start; gap: var(--space-3); padding: 0 var(--space-2); font-size: var(--text-lead); line-height: var(--leading-lead); color: var(--color-ink-2); }
.org-reach .k-icon { flex-shrink: 0; margin-top: var(--space-1); }
.org-reach b { font-weight: var(--weight-medium); color: var(--color-ink); }
.org-report__goal { margin-top: var(--space-1); color: var(--color-ink-2); }
.org-report__goal b, .org-report [data-reach] b, .org-report [data-quick-checks] li b { font-weight: var(--weight-medium); color: var(--color-ink); }

/* While the first-entry welcome shows, its own two chips are the only ones (Navigator's return on the next open). */
.k-shell[data-welcoming] .nv-chips { display: none; }