/* Workspace dropdowns, team utilities, and support modals. */
.app-sidebar { overflow: visible; }
.app-sidebar__nav {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #d7e0eb transparent;
}
.app-sidebar__bottom { margin-top: 0; }
.app-sidebar__workspace-menu { min-width: 0; }

.app-sidebar__workspace {
  width: 100%;
  text-align: left;
  cursor: pointer;
}

button.app-sidebar__workspace { color: inherit; font: inherit; }
button.app-sidebar__workspace:hover,
button.app-sidebar__workspace:focus,
button.app-sidebar__workspace[aria-expanded="true"] {
  border-color: #cbd8e8;
  background: #f8fbff;
  box-shadow: 0 0 0 3px rgba(11, 76, 173, 0.07);
  outline: 0;
}

.app-sidebar__workspace-chevron {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-left: auto;
  color: #7b8799;
  transition: transform 160ms ease;
}

.app-sidebar__workspace[aria-expanded="true"] .app-sidebar__workspace-chevron { transform: rotate(180deg); }

.app-sidebar__workspace-dropdown,
.app-sidebar__help-menu {
  border: 1px solid #dce4ef;
  border-radius: 12px;
  background: #fff;
  padding: 0.5rem;
  box-shadow: 0 18px 45px rgba(21, 39, 68, 0.16);
}

.app-sidebar__workspace-dropdown { width: 292px; margin-top: 0.4rem !important; }
.app-sidebar__workspace-summary { display: flex; align-items: center; gap: 0.68rem; padding: 0.48rem; }
.app-sidebar__workspace-summary > span:last-child { min-width: 0; display: grid; }
.app-sidebar__workspace-summary strong { overflow: hidden; color: #132844; font-size: 0.84rem; text-overflow: ellipsis; white-space: nowrap; }
.app-sidebar__workspace-summary small { margin-top: 0.14rem; color: #7a8799; font-size: 0.69rem; }
.app-sidebar__menu-divider { height: 1px; margin: 0.38rem 0; background: #e8edf4; }

.app-sidebar__menu-item,
.app-sidebar__help-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.68rem;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #33465f;
  padding: 0.58rem;
  text-align: left;
  text-decoration: none;
}

.app-sidebar__menu-item:hover,
.app-sidebar__menu-item:focus,
.app-sidebar__help-item:hover,
.app-sidebar__help-item:focus { background: #f1f5fa; color: #0a469e; outline: 0; }
.app-sidebar__menu-item svg,
.app-sidebar__help-item svg { width: 18px; height: 18px; flex: 0 0 18px; }
.app-sidebar__menu-item > span { min-width: 0; display: grid; }
.app-sidebar__menu-item strong { font-size: 0.78rem; font-weight: 760; }
.app-sidebar__menu-item small { margin-top: 0.08rem; color: #8390a2; font-size: 0.66rem; }

.app-sidebar__utility-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0.2rem 0.35rem;
  border-top: 1px solid #e5eaf1;
  padding-top: 0.72rem;
}

.app-sidebar__utility-button {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfe6ef;
  border-radius: 9px;
  background: #fff;
  color: #52637a;
}

.app-sidebar__utility-button:hover,
.app-sidebar__utility-button:focus,
.app-sidebar__utility-button[aria-expanded="true"] { border-color: #bdd0e7; background: #eaf2fc; color: #0b4cad; outline: 0; }
.app-sidebar__utility-button svg { width: 18px; height: 18px; }
.app-sidebar__utility-label { margin-left: 0.18rem; color: #8490a2; font-size: 0.68rem; font-weight: 700; }
.app-sidebar__help-menu { width: 226px; margin-bottom: 0.55rem !important; }
.app-sidebar__help-item { font-size: 0.8rem; font-weight: 690; }

.workspace-modal { --bs-modal-width: 590px; }
.workspace-modal .modal-content { overflow: hidden; border: 1px solid #dce5ef; border-radius: 18px; box-shadow: 0 26px 80px rgba(14, 35, 65, 0.23); }
.workspace-modal .modal-backdrop { background: #10233d; }
.workspace-modal__header { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 0.85rem; border-bottom: 1px solid #e7edf4; padding: 1.35rem 1.4rem 1.15rem; }
.workspace-modal__icon { width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 13px; }
.workspace-modal__icon svg { width: 23px; height: 23px; }
.workspace-modal__icon--blue { background: #e5f0fc; color: #0b4cad; }
.workspace-modal__icon--green { background: #e4f5ee; color: #12765a; }
.workspace-modal__eyebrow { margin: 0 2.4rem 0.22rem 0; color: #0b4cad; font-size: 0.68rem; font-weight: 820; letter-spacing: 0.08em; text-transform: uppercase; }
.workspace-modal__title { margin: 0; color: #10233d; font-size: 1.34rem; font-weight: 820; letter-spacing: -0.028em; }
.workspace-modal__copy { margin: 0.35rem 2.4rem 0 0; color: #66768c; font-size: 0.83rem; line-height: 1.52; }
.workspace-modal__close { position: absolute; top: 0.85rem; right: 0.95rem; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 9px; background: transparent; color: #6d7b8e; font-size: 1.55rem; font-weight: 350; line-height: 1; }
.workspace-modal__close:hover { background: #eef3f8; color: #17375d; }
.workspace-modal__body { display: grid; gap: 1rem; padding: 1.25rem 1.4rem; }
.workspace-modal__footer { display: flex; justify-content: flex-end; gap: 0.62rem; border-top: 1px solid #e7edf4; background: #fafbfd; padding: 0.9rem 1.4rem; }

.workspace-form-field { min-width: 0; margin: 0; padding: 0; border: 0; }
.workspace-form-field > label,
.workspace-form-field > legend { display: block; float: none; width: auto; margin: 0 0 0.42rem; color: #243a57; font-size: 0.78rem; font-weight: 760; }
.workspace-form-field .form-control,
.workspace-form-field .form-select { min-height: 44px; border-color: #cfdae8; border-radius: 9px; color: #203650; font-size: 0.84rem; box-shadow: none; }
.workspace-form-field textarea.form-control { min-height: 116px; resize: vertical; }
.workspace-form-field .form-control:focus,
.workspace-form-field .form-select:focus { border-color: #6ba1df; box-shadow: 0 0 0 3px rgba(11, 76, 173, 0.09); }
.workspace-form-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }

.workspace-project-picker { max-height: 190px; display: grid; gap: 0.45rem; overflow-y: auto; border: 1px solid #dbe4ef; border-radius: 10px; background: #f8fafc; padding: 0.5rem; }
.workspace-project-option { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: center; gap: 0.62rem; border: 1px solid transparent; border-radius: 8px; background: #fff; padding: 0.68rem; cursor: pointer; }
.workspace-project-option:hover { border-color: #cad9eb; }
.workspace-project-option input { position: absolute; opacity: 0; pointer-events: none; }
.workspace-project-option__check { width: 18px; height: 18px; display: inline-flex; border: 1.5px solid #afbed0; border-radius: 5px; background: #fff; }
.workspace-project-option input:checked + .workspace-project-option__check { border-color: #0b4cad; background: #0b4cad url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m3.5 8 3 3 6-6'/%3E%3C/svg%3E") center/13px no-repeat; }
.workspace-project-option > span:last-child { min-width: 0; display: grid; }
.workspace-project-option strong { overflow: hidden; color: #203650; font-size: 0.79rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-project-option small { margin-top: 0.08rem; color: #7b899b; font-size: 0.66rem; }
.workspace-modal__trust-note { display: flex; align-items: flex-start; gap: 0.5rem; border-radius: 9px; background: #edf5fd; color: #49647f; padding: 0.68rem 0.75rem; font-size: 0.73rem; line-height: 1.45; }
.workspace-modal__trust-note svg { width: 17px; height: 17px; flex: 0 0 17px; color: #0b4cad; }
.workspace-modal__empty { display: grid; justify-items: start; gap: 0.25rem; padding: 1rem; color: #65758a; font-size: 0.78rem; }
.workspace-modal__empty strong { color: #243a57; font-size: 0.84rem; }
.workspace-modal__empty a { margin-top: 0.3rem; color: #0b4cad; font-weight: 730; }

.workspace-modal__primary,
.workspace-modal__secondary { min-height: 40px; border-radius: 9px; padding: 0.55rem 1rem; font-size: 0.8rem; font-weight: 760; }
.workspace-modal__primary { border-color: #0b4cad; background: #0b4cad; color: #fff; }
.workspace-modal__primary:hover { border-color: #083f8f; background: #083f8f; color: #fff; }
.workspace-modal__primary:disabled { border-color: #b8cce5; background: #b8cce5; color: #fff; }
.workspace-modal__secondary { border-color: #ced8e5; background: #fff; color: #40536b; }
.workspace-modal__secondary:hover { border-color: #b9c7d8; background: #f3f6fa; }

.workspace-modal__support-hero { position: relative; overflow: hidden; background: linear-gradient(135deg, #082b5f 0%, #0b4cad 68%, #176bc6 100%); color: #fff; padding: 1.35rem 1.4rem 1.4rem 5rem; }
.workspace-modal__support-hero::after { position: absolute; right: -45px; bottom: -72px; width: 180px; height: 180px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; content: ""; }
.workspace-modal__support-mark { position: absolute; top: 1.35rem; left: 1.4rem; width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.28); border-radius: 13px; background: rgba(255,255,255,.12); font-size: 0.78rem; font-weight: 850; letter-spacing: -0.03em; }
.workspace-modal__support-hero .workspace-modal__eyebrow { color: #b9dafc; }
.workspace-modal__support-hero .workspace-modal__title { max-width: 390px; color: #fff; font-size: 1.45rem; }
.workspace-modal__support-hero > p:last-child { position: relative; z-index: 1; max-width: 420px; margin: 0.4rem 2.5rem 0 0; color: #d5e6f8; font-size: 0.79rem; line-height: 1.48; }
.workspace-modal__close--light { color: #d9e9fa; }
.workspace-modal__close--light:hover { background: rgba(255,255,255,.13); color: #fff; }
.workspace-modal__fine-print { margin: -0.15rem 0 0; color: #7a8798; font-size: 0.7rem; line-height: 1.45; }
.workspace-modal__fine-print a { color: #0b4cad; font-weight: 700; }
.workspace-modal__status { display: none; border-radius: 8px; padding: 0.7rem 0.78rem; font-size: 0.76rem; font-weight: 680; }
.workspace-modal__status.is-visible { display: block; }
.workspace-modal__status.is-success { background: #e8f6ef; color: #12684f; }
.workspace-modal__status.is-error { background: #fcebec; color: #a02d38; }

@media (max-width: 575.98px) {
  .workspace-modal .modal-dialog { margin: 0.75rem; }
  .workspace-modal__header { grid-template-columns: 40px minmax(0, 1fr); padding: 1.1rem; }
  .workspace-modal__icon { width: 40px; height: 40px; border-radius: 11px; }
  .workspace-modal__body { padding: 1rem 1.1rem; }
  .workspace-modal__footer { padding: 0.82rem 1.1rem; }
  .workspace-modal__support-hero { padding: 1.2rem 1.1rem 1.25rem; }
  .workspace-modal__support-mark { position: static; margin-bottom: 0.8rem; }
}

/* Fixed in-app help center. */
.workspace-help-launcher {
  position: fixed;
  right: 20px;
  bottom: 18px;
  z-index: 1041;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #bfd8f3;
  border-radius: 999px;
  background: #e5f2ff;
  color: #0b4cad;
  box-shadow: 0 10px 28px rgba(17, 55, 97, 0.16);
  transition: background-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.workspace-help-launcher:hover,
.workspace-help-launcher:focus,
.workspace-help-launcher[aria-expanded="true"] {
  background: #0b4cad;
  color: #fff;
  box-shadow: 0 14px 34px rgba(11, 76, 173, 0.25);
  outline: 0;
  transform: translateY(-1px);
}

.workspace-help-launcher svg {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px;
  max-height: 22px;
  flex: 0 0 22px;
}

.workspace-help-panel {
  position: fixed;
  right: 20px;
  bottom: 70px;
  z-index: 1040;
  width: min(398px, calc(100vw - 32px));
  max-height: min(720px, calc(100vh - 96px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(12, 50, 98, 0.15);
  border-radius: 22px;
  background: #f6f8fb;
  box-shadow: 0 28px 80px rgba(15, 37, 67, 0.27);
  opacity: 0;
  transform: translateY(14px) scale(0.98);
  transform-origin: right bottom;
  transition: opacity 170ms ease, transform 170ms ease;
}

.workspace-help-panel[hidden] { display: none; }
.workspace-help-panel.is-open { opacity: 1; transform: translateY(0) scale(1); }

.workspace-help-panel__hero {
  position: relative;
  overflow: hidden;
  min-height: 164px;
  background:
    radial-gradient(180px 100px at 82% 92%, rgba(43, 133, 226, 0.38), transparent 75%),
    linear-gradient(145deg, #06234c 0%, #073b78 68%, #0b4cad 100%);
  color: #fff;
  padding: 1.2rem 1.25rem 1.25rem;
}

.workspace-help-panel__hero::after {
  position: absolute;
  right: -64px;
  bottom: -102px;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  content: "";
}

.workspace-help-panel__brand-row {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.workspace-help-panel__brand-row strong {
  font-size: 0.86rem;
  font-weight: 850;
  letter-spacing: 0.01em;
}

.workspace-help-panel__close {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #d8e9fb;
  font-size: 1.45rem;
  font-weight: 350;
  line-height: 1;
}

.workspace-help-panel__close:hover,
.workspace-help-panel__close:focus { background: rgba(255, 255, 255, 0.13); color: #fff; outline: 0; }
.workspace-help-panel__hero > p { position: relative; z-index: 1; margin: 1.15rem 0 0.08rem; color: #d4e6fa; font-size: 0.95rem; font-weight: 650; }
.workspace-help-panel__hero h2 { position: relative; z-index: 1; margin: 0; color: #fff; font-size: 1.55rem; font-weight: 800; letter-spacing: -0.035em; }

.workspace-help-panel__body {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 0.72rem;
  overflow-y: auto;
  padding: 0.82rem;
  scrollbar-width: thin;
  scrollbar-color: #cbd7e5 transparent;
}

.workspace-help-bot,
.workspace-help-search,
.workspace-help-email {
  border: 1px solid #dce5ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(26, 52, 84, 0.06);
}

.workspace-help-bot { padding: 0.82rem; }
.workspace-help-section-heading { display: flex; align-items: center; gap: 0.65rem; }
.workspace-help-section-icon { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; border-radius: 10px; background: #e7f1fd; color: #0b4cad; }
.workspace-help-section-icon svg { width: 19px; height: 19px; }
.workspace-help-section-heading > span:last-child { min-width: 0; display: grid; }
.workspace-help-section-heading strong { color: #18314f; font-size: 0.8rem; font-weight: 790; }
.workspace-help-section-heading small { margin-top: 0.1rem; color: #758397; font-size: 0.67rem; line-height: 1.35; }

.workspace-help-bot__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 0.5rem;
  margin-top: 0.7rem;
  border: 1px solid #cbd9e8;
  border-radius: 10px;
  background: #f9fbfd;
  padding: 0.35rem;
}

.workspace-help-bot__form:focus-within { border-color: #6da0d9; box-shadow: 0 0 0 3px rgba(11, 76, 173, 0.08); }
.workspace-help-bot__form textarea { min-height: 42px; max-height: 105px; border: 0; background: transparent; color: #203650; font: inherit; font-size: 0.76rem; line-height: 1.4; padding: 0.45rem 0.5rem; resize: vertical; outline: 0; }
.workspace-help-bot__form button { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: #0b4cad; color: #fff; }
.workspace-help-bot__form button:hover { background: #083f8f; }
.workspace-help-bot__form button:disabled { background: #9ab4d2; cursor: wait; }
.workspace-help-bot__form button svg { width: 17px; height: 17px; }
.workspace-help-bot__reply { margin-top: 0.65rem; border-radius: 10px; background: #eef5fc; color: #294866; padding: 0.68rem 0.72rem; font-size: 0.74rem; line-height: 1.52; white-space: pre-wrap; }
.workspace-help-bot__reply.is-error { background: #fff0f1; color: #94323c; }
.workspace-help-bot__reply-label { margin-bottom: 0.25rem; color: #0b4cad; font-size: 0.65rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; }
.workspace-help-bot__sources { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.55rem; white-space: normal; }
.workspace-help-bot__sources a { border: 1px solid #c6d9ee; border-radius: 999px; background: #fff; color: #0b4cad; padding: 0.24rem 0.48rem; font-size: 0.64rem; font-weight: 730; text-decoration: none; }
.workspace-help-bot__privacy { margin: 0.55rem 0 0; color: #8591a1; font-size: 0.62rem; line-height: 1.42; }

.workspace-help-search { padding: 0.75rem; }
.workspace-help-search > label { display: block; margin-bottom: 0.45rem; color: #263f5d; font-size: 0.76rem; font-weight: 780; }
.workspace-help-search__field { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 0.45rem; border: 1px solid #d5dfeb; border-radius: 9px; background: #f7f9fc; padding: 0 0.62rem; }
.workspace-help-search__field:focus-within { border-color: #77a3d4; background: #fff; box-shadow: 0 0 0 3px rgba(11, 76, 173, 0.07); }
.workspace-help-search__field svg { width: 16px; height: 16px; color: #708198; }
.workspace-help-search__field input { min-height: 38px; border: 0; background: transparent; color: #263d59; font-size: 0.74rem; outline: 0; }
.workspace-help-links { display: grid; margin-top: 0.42rem; }
.workspace-help-links a { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; border-radius: 8px; color: #3c536d; padding: 0.46rem 0.42rem; font-size: 0.7rem; font-weight: 650; text-decoration: none; }
.workspace-help-links a:hover,
.workspace-help-links a:focus { background: #eef4fb; color: #0b4cad; outline: 0; }
.workspace-help-links a strong { color: #0b4cad; font-size: 1rem; font-weight: 500; }
.workspace-help-search__empty { margin: 0.55rem 0 0; color: #78879a; font-size: 0.68rem; }
.workspace-help-all-link { display: inline-flex; margin: 0.5rem 0.4rem 0; color: #0b4cad; font-size: 0.68rem; font-weight: 750; text-decoration: none; }

.workspace-help-email { width: 100%; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0.62rem; color: #314a67; padding: 0.72rem 0.78rem; text-align: left; }
.workspace-help-email:hover,
.workspace-help-email:focus { border-color: #b8cde4; background: #f9fbfe; color: #0b4cad; outline: 0; }
.workspace-help-email__icon { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: #edf3fa; color: #315d89; }
.workspace-help-email__icon svg { width: 18px; height: 18px; }
.workspace-help-email > span:nth-child(2) { min-width: 0; display: grid; }
.workspace-help-email strong { font-size: 0.76rem; font-weight: 780; }
.workspace-help-email small { margin-top: 0.08rem; color: #7c899a; font-size: 0.64rem; }

.workspace-help-panel__footer { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #dce4ee; background: #fff; padding: 0.45rem 0.7rem 0.55rem; }
.workspace-help-panel__footer button { display: grid; justify-items: center; gap: 0.12rem; border: 0; border-radius: 8px; background: transparent; color: #788597; padding: 0.36rem; font-size: 0.62rem; font-weight: 720; }
.workspace-help-panel__footer button:hover,
.workspace-help-panel__footer button:focus,
.workspace-help-panel__footer button.is-active { background: #eef4fb; color: #0b4cad; outline: 0; }
.workspace-help-panel__footer svg { width: 17px; height: 17px; }

@media (max-width: 575.98px) {
  .workspace-help-launcher { right: 14px; bottom: 14px; }
  .workspace-help-panel { right: 8px; bottom: 64px; width: calc(100vw - 16px); max-height: calc(100dvh - 76px); border-radius: 18px; }
  .workspace-help-panel__hero { min-height: 145px; padding: 1rem; }
  .workspace-help-panel__hero > p { margin-top: 0.85rem; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-help-launcher,
  .workspace-help-panel { transition: none; }
}

/* Shared page controls and notification drawer. */
.app-page-back { display: inline-flex; align-items: center; gap: 0.35rem; margin: 1rem 1.25rem 0; border: 0; border-radius: 8px; background: transparent; color: #52657d; font-size: 0.76rem; font-weight: 760; padding: 0.42rem 0.5rem; }
.app-page-back svg { width: 17px; height: 17px; }
.app-page-back:hover, .app-page-back:focus { background: #e9eff6; color: #0b4cad; outline: 0; }

.notification-drawer { position: fixed; inset: 0 0 0 auto; z-index: 1085; width: min(470px, calc(100vw - var(--app-sidebar-width, 0px))); display: grid; grid-template-rows: auto auto minmax(0, 1fr); border-left: 1px solid #d9e3ee; background: #f7f9fc; box-shadow: -24px 0 60px rgba(18, 38, 64, 0.18); transform: translateX(102%); transition: transform 200ms cubic-bezier(.22,1,.36,1); }
.notification-drawer.is-open { transform: translateX(0); }
.notification-drawer[hidden] { display: none; }
.notification-drawer__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #dce4ed; background: #fff; padding: 1.2rem 1.25rem; }
.notification-drawer__header span { color: #718096; font-size: 0.67rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.notification-drawer__header h2 { margin: .14rem 0 0; color: #10233f; font-size: 1.3rem; font-weight: 820; }
.notification-drawer__header p { margin: .22rem 0 0; color: #738196; font-size: .72rem; }
.notification-drawer__header > button { width: 34px; height: 34px; border: 0; border-radius: 9px; background: #edf2f7; color: #52647a; font-size: 1.3rem; }
.notification-drawer__toolbar { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e1e7ef; background: #fff; padding: .65rem 1rem; }
.notification-drawer__toolbar a, .notification-drawer__toolbar button { border: 0; background: transparent; color: #0b4cad; font-size: .74rem; font-weight: 760; text-decoration: none; }
.notification-drawer__toolbar form { margin: 0; }
.notification-drawer__list { min-height: 0; overflow-y: auto; padding: .75rem; }
.notification-drawer__item { display: grid; grid-template-columns: 9px minmax(0, 1fr); gap: .68rem; margin-bottom: .55rem; border: 1px solid #dfe6ef; border-radius: 11px; background: #fff; padding: .82rem; }
.notification-drawer__item.is-unread { border-color: #b9d2ee; background: #f5f9ff; }
.notification-drawer__status { width: 8px; height: 8px; margin-top: .28rem; border-radius: 50%; background: #c8d1dc; }
.notification-drawer__item.is-unread .notification-drawer__status { background: #1769d1; box-shadow: 0 0 0 3px rgba(23,105,209,.1); }
.notification-drawer__item p { margin: 0; color: #263c57; font-size: .79rem; font-weight: 690; line-height: 1.42; }
.notification-drawer__item > div > span { display: block; margin-top: .28rem; color: #7a8798; font-size: .67rem; }
.notification-drawer__item a { display: inline-flex; margin-top: .42rem; color: #0b4cad; font-size: .7rem; font-weight: 760; text-decoration: none; }
.notification-drawer__empty { margin: 16vh auto 0; max-width: 280px; text-align: center; }
.notification-drawer__empty strong { color: #17314f; font-size: .95rem; }
.notification-drawer__empty p { margin: .35rem 0 0; color: #748195; font-size: .76rem; line-height: 1.5; }
.notification-drawer__scrim { position: fixed; inset: 0; z-index: 1080; border: 0; background: rgba(16,29,48,.38); }
.notification-drawer__scrim:not([hidden]) { display: block; }
.notification-drawer-open { overflow: hidden; }
@media (max-width: 991.98px) {
  .notification-drawer { width: min(470px, 94vw); }
  .notification-drawer__scrim { z-index: 1080; }
  .app-page-back { margin: .7rem .75rem 0; }
}
@media (prefers-reduced-motion: reduce) {
  .notification-drawer { transition: none; }
}