.hsu-xh { box-sizing: border-box; width: 100%; max-width: 100%; margin: 0; padding: 9px 12px; display: flex; align-items: center; gap: 11px; color: #19324d; background: #fff; border: 1px solid #e3edf7; border-radius: 14px; box-shadow: 0 4px 18px rgba(24, 55, 89, .07); font-family: inherit; }
.hsu-xh *, .hsu-xh *::before, .hsu-xh *::after { box-sizing: border-box; }
.hsu-xh__logo { flex: 0 1 135px; min-width: 72px; color: #183759; text-decoration: none; }
.hsu-xh__logo-image { display: block; max-width: 100%; width: auto; height: auto; max-height: 48px; }
.hsu-xh__logo-text { font-weight: 750; line-height: 1.15; }
.hsu-xh__panel { flex: 1 1 auto; min-width: 0; }
.hsu-xh__nav, .hsu-xh__primary, .hsu-xh__secondary { display: flex; align-items: stretch; min-width: 0; gap: 6px; }
.hsu-xh__nav { justify-content: space-between; }
.hsu-xh__primary { flex: 1 1 auto; justify-content: center; }
.hsu-xh__secondary { flex: 0 1 auto; }
.hsu-xh__session { display: flex; align-items: stretch; }
.hsu-xh__card { position: relative; min-width: 0; min-height: 54px; padding: 6px 9px; display: flex; align-items: center; gap: 7px; color: #274660; background: #fff; border: 1px solid #deebf6; border-radius: 11px; box-shadow: 0 2px 8px rgba(24, 55, 89, .05); font: inherit; font-size: 12px; font-weight: 650; line-height: 1.2; text-decoration: none; cursor: pointer; }
.hsu-xh__card:hover { border-color: #a8cde8; color: #123e63; }
.hsu-xh__card:focus-visible, .hsu-xh__logo:focus-visible, .hsu-xh__account-list a:focus-visible, .hsu-xh__toggle:focus-visible { outline: 3px solid #2176ae; outline-offset: 3px; }
.hsu-xh__card.is-active, .hsu-xh__account.is-active > .hsu-xh__card { color: #145985; background: #eff8ff; border-color: #8fc4e7; }
.hsu-xh__icon { flex: 0 0 31px; width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; color: #176b9c; background: #eaf7ff; }
.hsu-xh__icon svg { width: 21px; height: 21px; }
.hsu-xh__icon--shifts { color: #18805d; background: #e9f8f1; }
.hsu-xh__icon--feedback { color: #ad5929; background: #fff0e5; }
.hsu-xh__icon--analytics { color: #08789c; background: #eaf8fb; }
.hsu-xh__icon--messages,.hsu-xh__icon--notifications { color: #123b8c; background: #edf4ff; }
.hsu-xh__icon--help { color: #947018; background: #fff7db; }
.hsu-xh__icon--account { color: #495c75; background: #edf2f7; }
.hsu-xh__label { min-width: 0; font-weight: 500; overflow-wrap: normal; word-break: normal; hyphens: none; }
.hsu-xh__card--utility { width: 54px; padding: 6px; justify-content: center; }
.hsu-xh button.hsu-xh__card { font-family: inherit; }
.hsu-xh__card--utility .hsu-xh__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.hsu-xh__badge { position: absolute; z-index: 1; top: -7px; right: -5px; min-width: 23px; height: 23px; padding: 0 6px; display: grid; place-items: center; color: #fff; background: #c72f3b; border: 2px solid #fff; border-radius: 999px; font-size: 11px; line-height: 1; }
/* Respect hidden for message and notification counters despite badge display rules. */
.hsu-xh .hsu-xh__badge[hidden] { display: none !important; }
.hsu-xh__badge--draft { position: static; flex: 0 0 auto; width: auto; height: auto; min-height: 22px; margin-left: 2px; padding: 3px 8px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #1767dc; border: 1px solid #135cc9; box-shadow: 0 2px 6px rgba(23,103,220,.22); font-size: 12px; font-weight: 750; white-space: nowrap; }
.hsu-xh__account { position: relative; }
.hsu-xh__account > summary { min-width: 178px; list-style: none; }
.hsu-xh__account > summary::-webkit-details-marker { display: none; }
.hsu-xh__account-copy { display: grid; min-width: 0; gap: 2px; text-align: left; }
.hsu-xh__account-hotel, .hsu-xh__account-person { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hsu-xh__account-hotel { color: #64798e; font-size: 10px; font-weight: 600; line-height: 1.15; }
.hsu-xh__account-person { color: #173b5d; font-size: 12px; font-weight: 650; line-height: 1.2; }
.hsu-xh__chevron { margin-left: auto; transition: transform 200ms ease; }
.hsu-xh__account[open] .hsu-xh__chevron { transform: rotate(180deg); }
.hsu-xh__account-menu { position: absolute; z-index: 20; top: calc(100% + 7px); right: 0; width: min(270px, 90vw); padding: 6px; background: #fff; border: 1px solid #deebf6; border-radius: 11px; box-shadow: 0 10px 25px rgba(24, 55, 89, .15); }
.hsu-xh__account-list, .hsu-xh__account-list .sub-menu { margin: 0; padding: 0; list-style: none; }
.hsu-xh__account-list li, .hsu-xh__account-list li::marker { margin: 0; padding: 0; list-style: none; content: ""; }
.hsu-xh__account-list .sub-menu { padding-left: 9px; }
.hsu-xh__account-list a { display: block; padding: 7px 9px; color: #274660; border-radius: 7px; font-size: 13px; line-height: 1.3; text-decoration: none; }
.hsu-xh__account-list .menu-item-has-children > a::after { display: none; content: none; }
.hsu-xh__account-list a:hover, .hsu-xh__account-list .current-menu-item > a { background: #eff8ff; }
.hsu-xh__switch-user { display: block; width: 100%; margin-top: 6px; padding: 9px; border: 1px solid #d6e6f4; border-radius: 7px; background: #f5f9fe; color: #274660; font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.hsu-xh__switch-user:hover, .hsu-xh__switch-user:focus-visible { background: #eaf4ff; }
.hsu-xh__buyer-shortcut { display:block; padding:9px; border-radius:7px; color:#274660; text-decoration:none; font-size:13px; line-height:1.3; }
.hsu-xh__buyer-shortcut:hover,.hsu-xh__buyer-shortcut:focus-visible { background:#eaf4ff; }
.hsu-xh__account-menu--with-switch > .hsu-xh__account-menu { position: static; width: auto; padding: 0; border: 0; box-shadow: none; }
.hsu-xh__toggle { display: none; margin-left: auto; padding: 10px; color: #19324d; background: #fff; border: 1px solid #bcd5e8; border-radius: 9px; }
.hsu-xh__toggle-icon { width: 23px; display: grid; gap: 4px; }
.hsu-xh__toggle-icon span { height: 2px; background: currentColor; border-radius: 2px; }
@media (max-width: 1179px) {
  .hsu-xh { position: relative; flex-wrap: wrap; }
  .hsu-xh__logo { flex-basis: 145px; }
  .hsu-xh__toggle { display: block; }
  .hsu-xh__panel { flex: 0 0 100%; width: 100%; overflow: hidden; }
  .hsu-xh__panel[hidden] { display: none; }
  .hsu-xh__nav, .hsu-xh__primary, .hsu-xh__secondary { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr); }
  .hsu-xh__primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hsu-xh__primary > .hsu-xh__card { min-height: 112px; padding: 12px 7px; flex-direction: column; align-items: center; justify-content: center; gap: 7px; text-align: center; }
  .hsu-xh__primary > .hsu-xh__card .hsu-xh__label { font-size: 12px; line-height: 1.25; }
  .hsu-xh__primary > .hsu-xh__card .hsu-xh__badge:not(.hsu-xh__badge--draft) { top: 7px; right: 7px; }
  .hsu-xh__primary > .hsu-xh__card .hsu-xh__badge--draft { margin: 0; }
  .hsu-xh__secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hsu-xh__secondary > .hsu-xh__session, .hsu-xh__secondary > .hsu-xh__account { grid-column: 1 / -1; }
  .hsu-xh__secondary > .hsu-xh__card--utility { flex-direction: column; justify-content: center; gap: 3px; }
  .hsu-xh__secondary > .hsu-xh__card--utility .hsu-xh__label { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: visible; clip: auto; white-space: normal; font-size: 12px; }
  .hsu-xh__session { width: 100%; }
  .hsu-xh__card { width: 100%; font-size: 13px; }
  .hsu-xh__account-menu { position: static; width: 100%; margin-top: 5px; box-shadow: none; }
}
@media (min-width: 1180px) { .hsu-xh__panel[hidden] { display: block; } }
@media (prefers-reduced-motion: reduce) { .hsu-xh .hsu-xh__chevron { transition-duration: 1ms; } }

.hsu-xh-modal-open { overflow: hidden; }
.hsu-xh-notifications { width: min(620px, calc(100% - 24px)); max-height: min(760px, calc(100dvh - 24px)); padding: 0; overflow: hidden; color: #19324d; background: #fff; border: 1px solid #dce9f5; border-radius: 18px; box-shadow: 0 28px 80px rgba(8,31,53,.28); font-family: inherit; }
.hsu-xh-notifications::backdrop { background: rgba(10,31,50,.48); }
.hsu-xh-notifications__shell { display: flex; max-height: min(760px, calc(100dvh - 24px)); flex-direction: column; }
.hsu-xh-notifications__shell > header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; border-bottom: 1px solid #e4edf6; }
.hsu-xh-notifications__heading { display:flex;min-width:0;align-items:center; }
.hsu-xh-notifications__shell h2 { margin:0;color:#102b5c;font-size:22px;line-height:1.2; }
.hsu-xh-notifications__shell header p { margin: 0; color: #677d93; font-size: 13px; }
.hsu-xh-notifications__toolbar { display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:7px; }
.hsu-xh-notifications__toolbar button { font-family:inherit;cursor:pointer; }
.hsu-xh-notifications__tabs{display:inline-flex;align-items:center;padding:3px;border:1px solid #c9ddec;border-radius:10px;background:#f3f7fb}
.hsu-xh-notifications__tab{display:inline-flex;min-height:28px;align-items:center;justify-content:center;gap:5px;padding:4px 8px;color:#5e7489;background:transparent;border:0;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap}
.hsu-xh-notifications__tab:hover{color:#075fc4;background:#fff}
.hsu-xh-notifications__tab.is-active{color:#075fc4;background:#fff;box-shadow:0 1px 4px rgba(20,72,116,.14)}
.hsu-xh-notifications__tab span{display:grid;min-width:19px;height:19px;place-items:center;padding:0 4px;color:inherit;background:#e5eef6;border-radius:99px;font-size:10px}
.hsu-xh-notifications__tab.is-active span{background:#e4f2ff}
.hsu-xh-notifications__bulk{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:5px;padding:6px 8px;color:#356d9d;background:transparent;border:1px solid transparent;border-radius:8px;font-size:10.5px;font-weight:600;white-space:nowrap}
.hsu-xh-notifications__bulk:hover{color:#075fc4;background:#edf7ff;border-color:#b9d8ef}
.hsu-xh-notifications__bulk[hidden]{display:none}
.hsu-xh-notifications__close { display:grid;flex:0 0 40px;width:40px;height:40px;padding:0;place-items:center;color:#244967;background:#edf4fa;border:0;border-radius:50%;font-weight:400;font-size:27px;line-height:1; }
.hsu-xh-notifications__body { min-height: 180px; padding: 14px; overflow: auto; overscroll-behavior: contain; }
.hsu-xh-notifications__list { display: grid; gap: 9px; }
.hsu-xh-notifications__item { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;color:#183957;background:#fff;border:1px solid #dce9f5;border-radius:13px;overflow:hidden; }
.hsu-xh-notifications__main { display:grid;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:13px 5px 13px 14px;color:inherit;text-decoration:none; }
a.hsu-xh-notifications__main:hover { background:#f7fbff; }
.hsu-xh-notifications__item:has(a.hsu-xh-notifications__main:hover) { border-color:#a9cce8; }
.hsu-xh-notifications__main:focus-visible,.hsu-xh-notifications__toolbar button:focus-visible,.hsu-xh-notifications__mark:focus-visible,.hsu-xh-notifications__toast button:focus-visible { outline:3px solid #2176ae;outline-offset:-1px; }
.hsu-xh-notifications__marker { align-self: stretch; width: 5px; min-height: 42px; background: #4388c7; border-radius: 99px; }
.hsu-xh-notifications__item.is-access .hsu-xh-notifications__marker { background: #d99022; }
.hsu-xh-notifications__item.is-feedback .hsu-xh-notifications__marker { background: #d64755; }
.hsu-xh-notifications__item.is-support .hsu-xh-notifications__marker { background: #357fc1; }
.hsu-xh-notifications__content { display: grid; min-width: 0; gap: 3px; }
.hsu-xh-notifications__content > strong { color: #102b5c; font-size: 14px; }
.hsu-xh-notifications__content > span:not(.hsu-xh-notifications__meta) { overflow: hidden; color: #5f7489; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.hsu-xh-notifications__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: #75899d; font-size: 11px; }
.hsu-xh-notifications__meta b { padding: 3px 7px; color: #285d85; background: #eaf5fd; border-radius: 99px; }
.hsu-xh-notifications__item.is-access .hsu-xh-notifications__meta b { color: #7c5719; background: #fff4d9; }
.hsu-xh-notifications__item.is-feedback .hsu-xh-notifications__meta b { color: #923340; background: #fff0f2; }
.hsu-xh-notifications__item.is-support .hsu-xh-notifications__meta b { color: #255f93; background: #eaf4ff; }
.hsu-xh-notifications__chevron { color: #245b8b; font-size: 28px; line-height: 1; }
.hsu-xh-notifications__mark { align-self:center;margin:0 10px 0 0;padding:5px 7px;color:#356d9d;background:transparent;border:1px solid transparent;border-radius:7px;font:inherit;font-size:10px;font-weight:550;line-height:1.25;white-space:nowrap;cursor:pointer; }
.hsu-xh-notifications__mark:hover { color:#075fc4;background:#eaf5ff;border-color:#bdd8ef; }
.hsu-xh-notifications__mark:disabled { opacity:.55;cursor:wait; }
.hsu-xh-notifications__state { margin-right:10px;padding:5px 9px;color:#367152;background:#e9f7ef;border-radius:99px;font-size:11px;font-weight:650; }
.hsu-xh-notifications__item.is-resolved { color: #687d90; background: #f7f9fb; }
.hsu-xh-notifications__item.is-resolved .hsu-xh-notifications__marker { background: #9dafbf; }
.hsu-xh-notifications__item.is-read { color:#687d90;background:#f8fafc; }
.hsu-xh-notifications__item.is-read .hsu-xh-notifications__marker { background:#9dafbf; }
.hsu-xh-notifications__item.is-read .hsu-xh-notifications__content>strong { color:#405d78; }
.hsu-xh-notifications__empty { min-height: 180px; display: grid; place-content: center; gap: 5px; color: #6b8094; text-align: center; }
.hsu-xh-notifications__empty strong { color: #173b5d; font-size: 18px; }
.hsu-xh-notifications__toast { display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;margin:0 14px 14px;padding:10px 12px;color:#214b70;background:#edf7ff;border:1px solid #bfdbf2;border-radius:10px;font-size:12px;box-shadow:0 8px 24px rgba(16,52,89,.12); }
.hsu-xh-notifications__toast[hidden] { display:none; }
.hsu-xh-notifications__toast button { padding:4px 7px;color:#075fc4;background:#fff;border:1px solid #aacfeb;border-radius:6px;font:inherit;font-weight:650;cursor:pointer; }
@media (max-width: 600px) {
  .hsu-xh-notifications { width: calc(100% - 16px); max-height: calc(100dvh - 16px); }
  .hsu-xh-notifications__shell { max-height: calc(100dvh - 16px); }
  .hsu-xh-notifications__body { padding: 9px; }
  .hsu-xh-notifications__shell>header { align-items:flex-start;flex-wrap:wrap;padding:14px 12px; }
  .hsu-xh-notifications__heading { flex:1 1 145px;align-self:center; }
  .hsu-xh-notifications__toolbar { flex:1 1 auto;flex-wrap:wrap; }
  .hsu-xh-notifications__tabs { order:2; }
  .hsu-xh-notifications__bulk { order:3; }
  .hsu-xh-notifications__close { margin-left:auto; }
  .hsu-xh-notifications__item { grid-template-columns:minmax(0,1fr); }
  .hsu-xh-notifications__main { grid-template-columns:5px minmax(0,1fr) auto;padding:11px; }
  .hsu-xh-notifications__mark { justify-self:end;margin:-6px 9px 9px;padding:5px 7px; }
  .hsu-xh-notifications__state { justify-self:end;margin:-6px 9px 9px; }
  .hsu-xh-notifications__content > span:not(.hsu-xh-notifications__meta) { white-space: normal; }
}

/* Keep the full list of newly granted rights readable inside access alerts. */
.hsu-xh-notifications__item.is-access .hsu-xh-notifications__content > span:not(.hsu-xh-notifications__meta){white-space:normal;text-overflow:clip}
/* Locked plan destinations remain visible, with a compact upgrade link. */
.hsu-xh .hsu-xh__card.is-locked{position:relative;min-width:174px;padding-top:27px}
.hsu-xh .hsu-xh__plan-badge{position:absolute;top:5px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid #ddd2f5;border-radius:999px;background:linear-gradient(90deg,#f2edff,#ddeaf8);color:#60409a;font-size:9.5px;font-weight:650;line-height:1.2;white-space:nowrap;box-shadow:0 1px 3px rgba(96,64,154,.06)}

/* Global message library: compact on desktop, explicit in the mobile menu. */
.hsu-xh__templates-mobile { display:none; }
.hsu-xh__utility-label { display:none; }
.hsu-xh__tool-tip { display:none; }
@media (min-width:1180px) {
  .hsu-xh__card:is(:hover,:focus-visible) > .hsu-xh__tool-tip { display:block;position:absolute;z-index:30;top:100%;left:50%;transform:translateX(-50%);padding:7px 10px;border-radius:7px;background:#19324d;color:#fff;box-shadow:0 4px 12px rgba(24,55,89,.15);font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none; }
  .hsu-xh__secondary > :is(.hsu-xh__card--templates,.hsu-xh__card--utility) .hsu-xh__icon svg { width:23px;height:23px; }
}
.hsu-xh__templates-count { flex:0 0 auto; color:inherit; font:inherit; font-weight:500; }
@media (min-width:1180px) and (max-width:1439px) {
  .hsu-xh__card--templates { width:48px; padding:6px; justify-content:center; flex-shrink:0; }
  .hsu-xh__templates-label { display:none; }
  .hsu-xh__card--templates .hsu-xh__templates-count { position:absolute; right:3px; bottom:2px; padding:0 2px; background:#fff; border-radius:3px; font-size:10px; line-height:1.2; }
}
@media (max-width:1179px) {
  .hsu-xh__card--templates { grid-column:auto; flex-direction:column; justify-content:center; gap:3px; text-align:center; }
  .hsu-xh__templates-mobile { display:inline; }
  .hsu-xh__card--templates .hsu-xh__templates-count { position:absolute;top:7px;right:7px;display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;background:#edf2f7;border-radius:999px;font-size:10px;line-height:1; }
  .hsu-xh__card--useful-info { grid-column:auto; justify-content:center; }
  .hsu-xh__card--useful-info .hsu-xh__utility-label { display:inline; }
}

/* Keep the team identity compact in the header. On desktop the control may grow
   for a longer hotel name, but it never gains height: overlong names end in an
   ellipsis instead of wrapping to a second line. */
.hsu-xh .hsu-access-session__menu { min-width:0; }
.hsu-xh .hsu-access-session__identity { min-width:0; }
.hsu-xh .hsu-access-session__identity-main,
.hsu-xh .hsu-access-session__names { min-width:0; }
.hsu-xh .hsu-access-session__names { flex:1 1 auto; overflow:hidden; }
.hsu-xh .hsu-access-session__hotel {
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  color:#60758a;
  font-size:11px;
  font-weight:500;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hsu-xh .hsu-access-session__identity strong[data-access-name] {
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hsu-xh .hsu-access-session__chevron { flex:0 0 auto; }

@media (min-width:1180px) {
  .hsu-xh .hsu-access-session__menu {
    width:max-content;
    min-width:176px;
    max-width:230px;
    flex:0 1 auto;
  }
  .hsu-xh .hsu-access-session__identity {
    width:100%;
    max-width:none;
    height:54px;
    min-height:54px;
    max-height:54px;
    padding:6px 9px;
  }
  .hsu-xh .hsu-access-session__identity-main { width:100%; }

  /* Quiet shortcuts: retain a generous click target and keyboard focus. */
  .hsu-xh__secondary > .hsu-xh__card--templates,
  .hsu-xh__secondary > .hsu-xh__card--utility {
    flex:0 0 40px;
    width:40px;
    min-height:44px;
    padding:4px;
    justify-content:center;
    border-color:transparent;
    background:transparent;
    box-shadow:none;
  }
  .hsu-xh__secondary > .hsu-xh__card--templates:hover,
  .hsu-xh__secondary > .hsu-xh__card--utility:hover { border-color:transparent; background:#f0f6fd; }
  .hsu-xh__secondary > .hsu-xh__card--templates .hsu-xh__icon,
  .hsu-xh__secondary > .hsu-xh__card--utility .hsu-xh__icon { background:transparent; }
  .hsu-xh__card--templates .hsu-xh__templates-label { display:none; }
  .hsu-xh__card--templates .hsu-xh__templates-count {
    position:absolute;
    top:1px;
    right:0;
    display:grid;
    min-width:16px;
    height:16px;
    padding:0 3px;
    place-items:center;
    color:#274660;
    background:#edf2f7;
    border:1px solid #fff;
    border-radius:999px;
    font-size:10px;
    font-weight:500;
    line-height:1;
  }
  .hsu-xh__secondary > .hsu-xh__card--utility .hsu-xh__badge { top:-2px;right:0; }
  .hsu-xh__card--templates .hsu-xh__templates-count { top:5px;right:4px; }
}


/* 0.6.14: consistent lock and discreet decorative sparkle on plan badges. */
.hsu-xh .hsu-xh__plan-badge>svg{flex:0 0 14px;width:14px;height:14px}
.hsu-xh .hsu-xh__plan-sparkle{flex:0 0 auto;font-size:12px;line-height:1;margin-left:2px}

/* Short Extranet pages fill the desktop viewport; long pages grow normally. */
@media(min-width:981px){
  body.hsu-extranet-page:not(.et-fb) #page-container{
    display:flex;flex-direction:column;
    min-height:calc(100vh - var(--wp-admin--admin-bar--height,0px));
    min-height:calc(100dvh - var(--wp-admin--admin-bar--height,0px));
    box-sizing:border-box;
  }
  body.hsu-extranet-page:not(.et-fb) #page-container>#et-boc{
    display:flex;flex:1 0 auto;flex-direction:column;
  }
  body.hsu-extranet-page:not(.et-fb) #et-main-area{display:flex;flex:1 0 auto;flex-direction:column}
  body.hsu-extranet-page:not(.et-fb) #et-main-area>main,
  body.hsu-extranet-page:not(.et-fb) #et-main-area>#main-content,
  body.hsu-extranet-page:not(.et-fb) #et-main-area>.et-l--body{flex:1 0 auto}
  body.hsu-extranet-page:not(.et-fb) #et-main-area>#main-footer,
  body.hsu-extranet-page:not(.et-fb) #et-main-area>.et-l--footer{flex-shrink:0}
}

/* Client reports retain their red marker in unread and history views. */
.hsu-xh-notifications__item.is-client-report .hsu-xh-notifications__marker { background: #d64755; }