/* Section headers share the native theme, routing, selection and unread counts. */
/* Organisation stays in its native container and is positioned only for accounts
   for which the existing permission checks have rendered the button. */
html[data-teamilo-hig] body #app main.main.tm-org-position {position:relative !important}
html[data-teamilo-hig] body #app .tm-org-position > .top {padding-top:56px !important}
html[data-teamilo-hig] body #app .tm-org-position #org-top-link {
  position:absolute !important; top:24px !important; right:clamp(20px,4vw,56px) !important;
  bottom:auto !important; left:auto !important; z-index:2; margin:0 !important;
  min-height:44px !important; width:auto !important; max-width:140px !important;
  padding:10px 14px !important; font-size:14px !important; line-height:1.4 !important;
}
html[data-teamilo-hig] body #app .tm-org-logo-row {display:none}
@media(max-width:800px) {
  html[data-teamilo-hig] body #app .tm-org-position > .top {padding-top:0 !important}
  html[data-teamilo-hig] body #app .tm-org-position > .top > div:first-child {width:100% !important}
  html[data-teamilo-hig] body #app .tm-org-position #org-top-link {top:20px !important; right:20px !important; max-width:128px !important; padding:10px 12px !important; font-size:13px !important}
  html[data-teamilo-hig] body #app .tm-org-position .tm-org-logo-row {display:flex; align-items:center; min-height:44px; padding-right:140px; margin:0 0 12px}
  html[data-teamilo-hig] body #app .tm-org-position .tm-org-logo-row > :is(.tm-landing-brand--mobile,.mobile-top-logo,.tm-hig-brand--mobile) {margin:0 !important}
}
@media(max-width:420px) {
  html[data-teamilo-hig] body #app .tm-org-position #org-top-link {top:16px !important; right:16px !important}
}
html[data-teamilo-hig] body #app .tm-original-heading,
html[data-teamilo-hig] body #app .tm-section-identity > .desktop-pilot {display:none !important}
html[data-teamilo-hig] body #app .top.tm-section-top {
  display:flex !important; flex-direction:column !important; align-items:stretch !important;
  gap:20px !important; padding-bottom:16px !important; margin-bottom:24px !important;
}
html[data-teamilo-hig] body #app .tm-section-identity {min-width:0; position:relative}
html[data-teamilo-hig] body #app .tm-greeting-note {font-size:13px !important; line-height:1.5 !important; margin:0 0 4px !important; color:var(--hig-muted) !important}
html[data-teamilo-hig] body #app .tm-greeting {font-size:clamp(26px,4vw,32px) !important; font-weight:750 !important; line-height:1.2 !important; letter-spacing:-.025em; margin:0 !important; overflow-wrap:anywhere; color:var(--hig-text) !important}
html[data-teamilo-hig] body #app .tm-section-tabs {display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:100%}
html[data-teamilo-hig] body #app .tm-section-tab {
  position:relative; display:flex !important; justify-content:center; align-items:center; gap:8px;
  min-width:0 !important; min-height:48px !important; padding:10px 8px !important;
  border:0 !important; border-radius:12px !important; background:transparent !important;
  color:var(--hig-muted) !important; box-shadow:none !important; font-size:14px !important; font-weight:600 !important;
}
html[data-teamilo-hig] body #app .tm-section-tab.active {background:var(--hig-soft) !important; color:var(--hig-text) !important}
html[data-teamilo-hig] body #app .tm-section-tab:hover {color:var(--hig-text) !important}
html[data-teamilo-hig] body #app .tm-section-tab:focus-visible,
html[data-teamilo-hig] body #app .tm-team-picker:focus-within {outline:3px solid var(--hig-focus) !important; outline-offset:3px}
html[data-teamilo-hig] body #app .tm-section-tab > svg {width:18px; height:18px; flex:0 0 18px}
html[data-teamilo-hig] body #app .tm-section-tab > .unread-badge {
  position:static !important; transform:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important;
  flex:0 0 auto !important; box-sizing:border-box !important; min-width:24px !important; width:auto !important;
  height:24px !important; min-height:24px !important; padding:0 6px !important; margin:0 !important;
  border:0 !important; border-radius:6px !important; background:#d92d32 !important; color:#fff !important;
  font-size:13px !important; font-weight:800 !important; line-height:1 !important; box-shadow:none !important; opacity:1 !important;
}
html[data-teamilo-hig] body #app .tm-section-tab > .unread-badge:is([hidden],:empty) {display:none !important}
html[data-teamilo-hig] body #app .sectionhead.tm-section-heading {
  display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important; gap:12px !important; margin-bottom:24px !important;
}
html[data-teamilo-hig] body #app .tm-section-label {flex:1 0 100%; font-size:14px !important; font-weight:700 !important; line-height:1.4 !important; margin:0 !important; letter-spacing:0 !important}
html[data-teamilo-hig] body #app .tm-section-heading > .top-controls {
  display:contents !important;
}
html[data-teamilo-hig] body #app .tm-team-picker {
  position:relative; display:flex; align-items:center; min-width:0; min-height:64px;
  flex:1 1 100%; width:100%; box-sizing:border-box; border:1px solid var(--hig-line);
  border-radius:12px; background:var(--hig-soft); color:var(--hig-text);
}
html[data-teamilo-hig] body #app .tm-team-picker::after {
  content:''; position:absolute; inset-inline-end:22px; top:50%; width:8px; height:8px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-70%) rotate(45deg); pointer-events:none;
}
html[data-teamilo-hig] body #app .tm-team-name {
  display:block; width:100%; box-sizing:border-box; padding:16px 52px 16px 18px;
  font-size:clamp(21px,3.2vw,26px) !important; font-weight:750 !important; line-height:1.3 !important;
  white-space:normal !important; overflow-wrap:anywhere; word-break:normal; text-overflow:clip !important; pointer-events:none;
}
html[data-teamilo-hig] body #app .tm-team-picker > :is(#teamswitch,#org-team-select) {
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  min-height:64px !important; max-width:none !important; margin:0 !important; opacity:0 !important;
  z-index:1 !important; cursor:pointer; font-size:18px !important; font-weight:600 !important;
}
html[data-teamilo-hig] body #app .tm-team-picker.is-disabled {opacity:.65}
html[data-teamilo-hig] body #app .tm-team-picker.is-disabled > #teamswitch {cursor:default}
@media(max-width:520px) {
  html[data-teamilo-hig] body #app .tm-section-tabs {gap:6px}
  html[data-teamilo-hig] body #app .tm-section-tab {flex-direction:column; gap:5px; padding:10px 4px !important; min-height:66px !important; font-size:13px !important}
  html[data-teamilo-hig] body #app .tm-section-tab > .unread-badge {position:absolute !important; top:5px !important; right:5px !important; bottom:auto !important; left:auto !important; min-width:22px !important; height:22px !important; min-height:22px !important; padding:0 4px !important}
  html[data-teamilo-hig] body #app .tm-section-tab:has(.unread-badge:not([hidden]):not(:empty)) > svg {transform:translateX(-10px)}
}

/* The existing HIG team picker and full-field native select supply the
   surface, type size, caret and focus ring used on events, team and chat. */
html[data-teamilo-hig] body #app .tm-home-heading-active .tm-home-heading-picker {
  display: flex;
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  grid-column: 1 / -1;
}
html[data-teamilo-hig] body #app .tm-home-heading-picker > h1.tm-team-name {
  margin: 0 !important;
  min-width: 0;
  align-self: center;
}
html[data-teamilo-hig] body #app .tm-home-heading-active > .home-all-teams-header.teamilo-has-logo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  padding-inline: 0 !important;
  min-height: 0;
}
html[data-teamilo-hig] body #app .tm-home-heading-active .home-all-teams-header.teamilo-has-logo > p {
  grid-column: 1;
  min-width: 0;
}
html[data-teamilo-hig] body #app .tm-home-heading-active .home-all-teams-header > .teamilo-home-header-logo {
  position: static !important;
  grid-column: 2;
  grid-row: 2;
  max-width: min(22vw, 126px);
  justify-self: end;
}
html[data-teamilo-hig] body #app main.tm-home-heading-active > .top > .top-controls:empty {
  display: none !important;
}
html[data-teamilo-hig] body #app main.tm-home-heading-active.tm-org-position > .top > .top-controls:has(> #org-top-link:only-child) {
  display: contents !important;
}
html[data-teamilo-hig] body #app main.tm-home-heading-active > .top.tm-home-banner-header:has(> .top-controls:empty),
html[data-teamilo-hig] body #app main.tm-home-heading-active.tm-org-position > .top.tm-home-banner-header:has(> .top-controls > #org-top-link:only-child) {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "identity" "ad" !important;
}
@media (max-width: 800px) {
  html[data-teamilo-hig] body #app .tm-home-heading-active .home-all-teams-header > .teamilo-home-header-logo {
    max-width: min(22vw, 88px);
  }
}

/* Shared desktop greeting position for Home, Events, Team, Chat and Profile. */
@media (width > 800px) {
  html[data-teamilo-hig] body #app .frame:has(> .sidebar :is([data-nav="home"], [data-nav="events"], [data-nav="team"], [data-nav="chat"], [data-nav="profile"]).active) > main.main:has(> .top > .tm-section-identity):not(:has(.tm-chat-detail)) {
    padding-block-start: 8px !important;
  }

  html[data-teamilo-hig] body #app main.main:not(:has(.tm-chat-detail)) > .top:has(> .tm-section-identity) {
    padding-top: 0 !important;
  }

  html[data-teamilo-hig] body #app .frame:has(> .sidebar :is([data-nav="home"], [data-nav="profile"]).active) > main.main > .top:has(> .tm-section-identity) {
    align-items: start !important;
  }

  html[data-teamilo-hig] body #app main.main > .top > .tm-section-identity {
    text-align: start;
    overflow-wrap: anywhere;
    min-width: 0;
  }

  html[data-teamilo-hig] body #app .frame:has(> .sidebar [data-nav="home"].active) > main.main > .top > .tm-section-identity {
    align-self: start;
    justify-self: start;
  }

  html[data-teamilo-hig] body #app main.tm-org-position > .top > .tm-section-identity {
    box-sizing: border-box;
    max-inline-size: 100%;
    padding-inline-end: 160px;
  }
  html[data-teamilo-hig] body #app .frame:has(> .sidebar [data-nav="profile"].active) > main.tm-org-position > .top > .top-controls > #teamswitch:not([hidden]) {
    margin-block-start: 64px;
  }

}

/* Account-wide profile sections. */
html[data-teamilo-hig] body #app main:has(> .tm-account-profile) > .top > .top-controls:empty {display:none !important}
html[data-teamilo-hig] body #app main.tm-org-position:has(> .tm-account-profile) > .top > .top-controls:has(> #org-top-link:only-child) {display:contents !important}
.tm-account-profile > section > h2 {margin:0 0 16px; font-size:clamp(1.2rem,2vw,1.45rem); line-height:1.25; overflow-wrap:anywhere}
.tm-account-profile h3 {overflow-wrap:anywhere}
.tm-profile-membership + .tm-profile-membership {margin-block-start:20px}
.tm-profile-membership .person {flex-wrap:wrap}
.tm-profile-membership .person .grow {min-width:min(9rem,100%); overflow-wrap:anywhere}
.tm-profile-membership .teamilo-photo-child {margin-inline-start:clamp(0px,2vw,18px)}
html[data-teamilo-hig] body #app .tm-account-profile :is(#teamilo-profile-privacy,#teamilo-appearance) {margin:18px 0 0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important}
.tm-account-profile #teamilo-profile-privacy > h3 {display:none}
.tm-account-profile .tm-profile-notices {margin-block-start:18px}
.tm-account-profile .tm-profile-session {padding:4px 0 12px}
.tm-account-profile .tm-profile-session h3 {font-size:1rem; margin:0}
.tm-account-profile .tm-profile-session #logout {margin-block-start:8px}

/* Full-width team picker inside the centred Organisation page. */
html[data-teamilo-hig] body #app #teamilo-org-root {container-type:inline-size}
@supports (inline-size: 100cqi) {
  html[data-teamilo-hig] body #app #teamilo-org-root .tm-org-team-heading {
    inline-size:100cqi;
    max-inline-size:none;
    margin-inline:calc(50% - 50cqi) !important;
  }
}

/* Teamilo profile team cards 1.0: one surface per team and its linked players. */
html body #app .tm-account-profile #tm-profile-teams > .tm-profile-membership {
  background: var(--hig-soft, var(--ap-soft, #edf4e8)) !important;
  background: color-mix(in srgb, var(--ap-primary, var(--hig-button, #b8e978)) 16%, var(--hig-surface, var(--ap-surface, #fff))) !important;
  color: var(--hig-text, var(--ap-text, #1d302d)) !important;
  border: 1px solid var(--hig-line, var(--ap-line, #c9d9c7)) !important;
  border-color: color-mix(in srgb, var(--ap-primary, var(--hig-button, #b8e978)) 35%, var(--hig-surface, var(--ap-surface, #fff))) !important;
  border-radius: 16px;
  padding: clamp(14px, 2vw, 22px);
  margin-block: 16px 0;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
html body #app .tm-account-profile #tm-profile-teams > .tm-profile-membership > .person {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  color: inherit !important;
}
html body #app .tm-account-profile .tm-profile-membership > .person .grow {
  min-inline-size: 0;
}
html body #app .tm-account-profile .tm-profile-membership > .person strong {
  display: block;
  font-size: 1.05rem;
  line-height: 1.4;
}
html body #app .tm-account-profile .tm-profile-membership > .person > button[data-team] {
  margin: 0;
  max-inline-size: 100%;
}
html body #app .tm-account-profile .tm-profile-membership > h3 {
  margin: 18px 0 4px;
  padding-block-start: 16px;
  border-block-start: 1px solid var(--hig-line, var(--ap-line, #c9d9c7));
}
html body #app .tm-account-profile .tm-profile-membership > .teamilo-photo-child {
  margin: 12px 0 0;
  padding: 12px;
  background: var(--hig-surface, var(--ap-surface, #fff)) !important;
  border: 1px solid var(--hig-line, var(--ap-line, #c9d9c7));
  border-radius: 12px;
  align-items: flex-start;
}
html body #app .tm-account-profile .tm-profile-membership > .teamilo-photo-child > div {
  min-inline-size: 0;
}
@media (max-width: 560px) {
  html body #app .tm-account-profile #tm-profile-teams > .tm-profile-membership > .person {
    grid-template-columns: auto minmax(0, 1fr);
  }
  html body #app .tm-account-profile .tm-profile-membership > .person > button[data-team] {
    grid-column: 1 / -1;
    inline-size: 100%;
  }
  html body #app .tm-account-profile .tm-profile-membership .teamilo-photo-editor > * {
    min-inline-size: 0;
    max-inline-size: 100%;
  }
}
/* End Teamilo profile team cards 1.0. */

/* Teamilo group classification v1. */
html[data-teamilo-hig] body .teamilo-module-dialog :is(.module-hint,.module-stepnote,.module-review dt) {
  color: var(--hig-muted) !important;
}
html[data-teamilo-hig] body .teamilo-module-dialog :is(.module-review,.module-progress) {
  background: var(--hig-soft) !important;
  color: var(--hig-text) !important;
}
html[data-teamilo-hig] body .teamilo-module-dialog :is(.teamilo-module-head,.module-footer,.module-item) {
  border-color: var(--hig-line) !important;
}

/* Teamilo square photo crop 1.0. */
html body #tm-photo-crop {
 box-sizing: border-box; position: fixed; inset: 0; margin: auto;
 width: min(440px, calc(100vw - 24px)); max-width: none;
 max-height: calc(100dvh - 24px); overflow: auto; overscroll-behavior: contain;
 padding: 22px; border: 1px solid var(--hig-line, var(--ap-line, #cbd5d1)); border-radius: 20px;
 background: var(--hig-surface, var(--ap-surface, #fff)); color: var(--hig-text, var(--ap-text, #203330));
 box-shadow: 0 18px 70px #0005; font: inherit; text-align: left;
}
html body #tm-photo-crop::backdrop { background: #0009; }
html body #tm-photo-crop * { box-sizing: border-box; }
html body #tm-photo-crop h2 { margin: 0 0 8px; font-size: 1.35rem; line-height: 1.25; color: inherit; }
html body #tm-photo-crop p { margin: 0 0 16px; font-size: .9rem; line-height: 1.45; color: var(--hig-muted, var(--ap-muted, #586b66)); }
html body #tm-photo-crop .tm-crop-frame {
 position: relative; width: min(100%, 340px); aspect-ratio: 1; margin: 0 auto 16px;
 overflow: hidden; border-radius: 4px; touch-action: none; user-select: none; cursor: grab; background: white;
}
html body #tm-photo-crop .tm-crop-frame:active { cursor: grabbing; }
html body #tm-photo-crop canvas { display: block; width: 100%; height: 100%; max-width: none; border: 0; border-radius: 0; }
html body #tm-photo-crop .tm-crop-circle { position: absolute; inset: 1px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 180px #0006, inset 0 0 1px 1px #0005; pointer-events: none; }
html body #tm-photo-crop label { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: .9rem; margin: 0; color: inherit; }
html body #tm-photo-crop output { font-variant-numeric: tabular-nums; }
html body #tm-photo-crop .tm-crop-zoom { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 10px; align-items: center; margin: 6px 0 12px; }
html body #tm-photo-crop input[type="range"] { width: 100%; min-width: 0; height: 44px; padding: 0; margin: 0; border: 0; background: transparent; box-shadow: none; accent-color: var(--hig-button, var(--ap-primary, #227258)); cursor: pointer; }
html body #tm-photo-crop button { appearance: none; min-height: 44px; width: auto; margin: 0; padding: 9px 12px; border: 1px solid var(--hig-line, var(--ap-line, #cbd5d1)); border-radius: 10px; background: var(--hig-soft, var(--ap-soft, #edf3ef)); color: inherit; font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; line-height: 1.25; }
html body #tm-photo-crop button:disabled { opacity: .45; cursor: default; }
html body #tm-photo-crop :focus-visible { outline: 3px solid var(--hig-button, var(--ap-primary, #227258)); outline-offset: 2px; }
html body #tm-photo-crop .tm-crop-actions { display: grid; grid-template-columns: 1fr 1.4fr; gap: 10px; margin-top: 18px; }
html body #tm-photo-crop [data-crop="save"] { background: var(--hig-button, var(--ap-primary, #227258)); color: var(--hig-on-button, var(--ap-on-primary, #fff)); border-color: transparent; }
html body #tm-photo-crop .tm-crop-error { color: #db3445; margin-top: 12px; }
@media (max-width: 370px) { html body #tm-photo-crop { padding: 16px; } html body #tm-photo-crop .tm-crop-actions { gap: 6px; } }
/* End Teamilo square photo crop 1.0. */

/* Teamilo app back control 1.0. */
html body #tm-app-history-back { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 14px; padding: 9px 16px; max-width: 100%; }
html body #tm-app-history-back::before { content: '\2190'; margin-inline-end: 8px; }
/* End Teamilo app back control 1.0. */

/* Teamilo central communication actions 2.0. */
.tm-org-action-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--hig-line,var(--ap-line,#888));border-radius:16px;padding:20px;background:var(--hig-surface,var(--ap-surface,#fff));color:var(--hig-text,var(--ap-text,#171717))}
.tm-org-action-dialog::backdrop{background:rgb(0 0 0 / .55)}
.tm-org-action-dialog h2{margin:0 0 16px;font-size:1.2rem}
.tm-org-action-dialog label{display:grid;gap:8px;margin-bottom:16px}
.tm-org-action-dialog select,.tm-org-action-dialog textarea{box-sizing:border-box;width:100%;max-width:100%;font:inherit;background:var(--hig-surface,var(--ap-surface,#fff));color:inherit;padding:10px;border:1px solid var(--hig-line,var(--ap-line,#888));border-radius:8px}
.tm-org-action-dialog button{font:inherit;padding:10px 14px;min-height:44px;border-radius:9px;cursor:pointer;color:inherit;background:var(--hig-soft,var(--ap-soft,#edf3ef));border:1px solid var(--hig-line,var(--ap-line,#888))}
.tm-org-action-dialog [data-action-status]{overflow-wrap:anywhere}
.tm-org-action-dialog textarea{min-height:150px}

/* Teamilo 0.8.39: contextual menu on hover/long press, author-only delete X */
#tm-org-log .bubble.tm-message-card{
  position:relative;max-width:min(90%,620px);white-space:pre-wrap;
  overflow-wrap:anywhere;box-sizing:border-box;overflow:visible;
}
#tm-org-log .tm-message-card .who{padding-inline-end:65px}
#tm-org-log .tm-message-controls{
  position:absolute;inset-block-start:5px;inset-inline-end:5px;
  display:flex;gap:3px;align-items:center;opacity:0;pointer-events:none;
  transition:opacity .12s ease;z-index:2;
}
#tm-org-log .tm-message-controls button{
  display:grid;place-items:center;width:27px;height:27px;min-width:27px;
  border:1px solid #9eaea9;border-radius:8px;background:#fff;color:#244a40;
  font-size:20px;line-height:1;cursor:pointer;padding:0;
}
#tm-org-log .tm-message-controls .tm-message-delete-trigger{font-size:19px}
#tm-org-log .tm-message-card:hover>.tm-message-controls,
#tm-org-log .tm-message-card:focus-within>.tm-message-controls,
#tm-org-log .tm-message-card[data-tm-menu-open="true"]>.tm-message-controls{
  opacity:1;pointer-events:auto;
}
#tm-org-log .tm-message-menu{
  position:absolute;inset-block-start:34px;inset-inline-end:5px;
  display:flex;flex-direction:column;min-width:145px;z-index:20;
  border:1px solid #9eaea9;background:#fff;color:#244a40;
  padding:5px;border-radius:12px;box-shadow:0 6px 20px #0003;
  white-space:normal;
}
#tm-org-log .tm-message-card:not(.mine) .tm-message-menu{inset-inline-start:5px;inset-inline-end:auto}
#tm-org-log .tm-message-menu[hidden]{display:none!important}
#tm-org-log .tm-message-menu button{
  display:block;text-align:start;border:0;border-radius:7px;
  padding:9px 12px;min-height:38px;font:inherit;font-size:14px;
  color:inherit;background:transparent;cursor:pointer;
}
#tm-org-log .tm-message-menu button:hover,
#tm-org-log .tm-message-menu button:focus-visible{background:#ebf4f0}
#tm-org-log .tm-message-controls button:focus-visible,
#tm-org-log .tm-message-menu button:focus-visible{outline:3px solid #26816f;outline-offset:2px}
#tm-org-log .tm-forwarded-hint{display:block;font-size:11px;opacity:.75;margin-bottom:5px}
@media(hover:none){
  #tm-org-log .bubble.tm-message-card{-webkit-touch-callout:none}
  #tm-org-log .tm-message-controls,
  #tm-org-log .tm-message-card:hover>.tm-message-controls{opacity:0;pointer-events:none}
  #tm-org-log .tm-message-card[data-tm-menu-open="true"]>.tm-message-controls,
  #tm-org-log .tm-message-card:focus-within>.tm-message-controls{opacity:1;pointer-events:auto}
  #tm-org-log .tm-message-controls button{width:36px;height:36px;min-width:36px}
  #tm-org-log .tm-message-menu{inset-block-start:40px}
}
@media(max-width:640px){#tm-org-log .bubble.tm-message-card{max-width:96%}}
@media(prefers-reduced-motion:reduce){#tm-org-log .tm-message-controls{transition:none}}

/* Teamilo organisation below shared header 1.0. */
html body #app main.main.tm-organisation-open > #teamilo-org-root {
 display:block !important; width:100%; margin-block-start:0 !important;
}
html body #app main.main.tm-organisation-open > #teamilo-org-root > .org-page {
 padding-block-start:0 !important; margin-block-start:0 !important;
}
/* The organisation has its own permission-scoped team picker. */
html body #app main.main.tm-organisation-open > .top #teamswitch {
 display:none !important;
}