.input.field-error, .textarea.field-error, select.field-error, .field-error { border-color: #d94141; }
.error-message { display: block; color: #d94141; font-size: 12px; margin: .25rem 0 0; min-height: 14px; }
.error-message:empty { display: none; }
html, body {
  height: 100%;
}
html {
  overflow-x: hidden;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main {
  flex: 1 0 auto;
}
.auth-page {
  min-height: 60vh;
  align-items: center;
  padding-bottom: 4rem;
}
.social-login-divider { display: flex; align-items: center; text-align: center; color: #999; font-size: .75rem; }
.social-login-divider::before, .social-login-divider::after { content: ""; flex: 1; border-bottom: 1px solid #e0e0e0; }
.social-login-divider span { padding: 0 .75rem; }
.social-login-btn { border: 1px solid #dbdbdb; font-weight: 600; }
.social-login-btn.google { background: #fff; color: #3c4043; }
.social-login-btn.google:hover { background: #f7f7f7; }
.social-login-btn.kakao { background: #FEE500; color: #191600; border-color: #FEE500; }
.social-login-btn.kakao:hover { background: #f5dc00; }
.terms-agreement { padding: 1rem; }
.terms-content summary { cursor: pointer; }
.terms-content-box {
  max-height: 160px;
  overflow-y: auto;
  margin-top: .4rem;
  padding: .6rem .75rem;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 4px;
  color: #555;
  line-height: 1.5;
}
.banner-image {
  width: 100%;
  border-radius: 6px;
  margin-bottom: 0.75rem;
}
.comment-item {
  padding: 0.65rem 0;
  border-bottom: 1px solid #f5f5f5;
}
.box, .content, .notification, .modal-card-body {
  overflow-wrap: break-word;
}
.attachment-dropzone {
  border: 2px dashed #dbdbdb;
  border-radius: 6px;
  padding: 1.5rem;
  text-align: center;
  color: #7a7a7a;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}
.attachment-dropzone.is-dragover {
  border-color: #8a8a8a;
  background: #fafafa;
}
.attachment-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.attachment-item {
  position: relative;
  width: 96px;
  height: 96px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  overflow: hidden;
  cursor: grab;
}
.attachment-item.is-dragging {
  opacity: 0.4;
}
.attachment-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.attachment-item-remove {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
  background: rgba(10, 10, 10, 0.6);
  color: #fff;
  line-height: 1;
  cursor: pointer;
}
:root {
  --brand: #00679e;
  --brand-dark: #00527e;
  --brand-light: #e6f2f8;
--dash-row-thumb-inset: 0px;
  --dash-row-stack-offset: 5px;
  --dash-row-pad-y: 8.8px;
  --dash-row-lead-photo: 45px;
  --dash-row-lead: calc(var(--dash-row-lead-photo) + var(--dash-row-thumb-inset) * 2);
  --dash-row-lead-icon: 32px;
--dash-row-lead-radius: 40%;
--dash-row-lead-bg: #f2f3f5;
--dash-row-pad-x: 16px;
--dash-row-lead-border: 1px solid #dfe2e7;
--dash-row-title-size: 1.0625rem;
  --dash-row-text-size: .9375rem;
  --dash-row-meta-size: .8125rem;
  --dash-row-line-height: 1.4;
  --dash-row-line-gap: 0px;
--z-overlay: 1000;
  --z-chrome: 2000;
  --z-viewer: 3000;
  --z-system: 4000;
--dash-bottombar-h: 60px;
--dash-header-icon: 28.8px;
}
.icon-mask {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  background-color: #08090d;
  -webkit-mask-image: var(--icon);
  mask-image: var(--icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.is-active:not(.dash-mail-modal):not(.dash-nested-modal) .icon-mask,
.is-current:not(.dash-mail-modal):not(.dash-nested-modal) .icon-mask,
.icon-mask.is-active,
.icon-mask.is-current {
  background-color: var(--brand);
}
.home-band {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
}
.home-band-alt { background: #f7f9fd; }
.home-band-blue {
  background: linear-gradient(120deg, var(--brand) 0%, var(--brand-dark) 100%);
  color: #fff;
}
.home-container {
  max-width: 1152px;
  margin: 0 auto;
  padding: 4.5rem 1.5rem;
}
.home-section-head {
  text-align: center;
  margin-bottom: 2.5rem;
}
.home-section-head h2 {
  font-size: 1.75rem;
  font-weight: 800;
  color: #1b2333;
  margin: 0 0 .5rem;
}
.home-section-head p { color: #6b7383; margin: 0; }
.home-stats .home-section-head h2,
.home-stats .home-section-head p { color: #fff; }
.home-stats .home-section-head p { color: rgba(255, 255, 255, .8); }
.home-accent { color: var(--brand); }
.home-section-head-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.home-section-head-row h2 {
  font-size: 1.6rem;
  font-weight: 800;
  color: #1b2333;
  margin: 0 0 .35rem;
}
.home-section-head-row p { color: #6b7383; margin: 0; }
.home-grid { display: grid; gap: 1.5rem; }
.home-grid-4 { grid-template-columns: repeat(4, 1fr); }
.home-grid-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 960px) {
  .home-grid-4, .home-grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .home-grid-4, .home-grid-3 { grid-template-columns: 1fr; }
}
.home-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #eaf0ff;
  color: var(--brand);
  margin-bottom: 1rem;
}
.home-icon svg { width: 24px; height: 24px; }
.home-hero {
  background: linear-gradient(135deg, #eaf1ff 0%, #dce8ff 55%, #cfe0ff 100%);
  overflow: hidden;
}
.home-hero-inner {
  padding-top: 4rem;
  padding-bottom: 3.5rem;
  display: flex;
  align-items: center;
  gap: 2.5rem;
  flex-wrap: wrap;
}
.home-hero-text { flex: 1 1 380px; min-width: 280px; }
.home-hero-title {
  font-size: 2.75rem;
  line-height: 1.25;
  font-weight: 800;
  color: #1b2333;
  margin: 0 0 1rem;
}
.home-hero-title .home-accent { color: var(--brand); }
.home-hero-desc {
  color: #4b5468;
  font-size: 1.05rem;
  line-height: 1.7;
  margin: 0 0 1.75rem;
  max-width: 32rem;
}
.home-hero-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.home-hero-media {
  flex: 1 1 320px;
  min-width: 280px;
  min-height: 280px;
  align-self: stretch;
  border-radius: 14px;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 45%),
    linear-gradient(200deg, var(--brand-dark), var(--brand) 55%, #6fb3d1);
  box-shadow: 0 20px 45px rgba(0, 103, 158, .25);
}
.home-hero-progress {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin-top: 2.5rem;
  color: #5b6479;
  font-size: .85rem;
  font-weight: 700;
}
.home-hero-progress .bar { width: 52px; height: 2px; background: var(--brand); }
.home-btn-primary { background: var(--brand); border-color: transparent; color: #fff; }
.home-btn-primary:hover { background: var(--brand-dark); color: #fff; text-decoration: none; }
.home-btn-outline { background: #fff; border-color: #d7deee; color: #1b2333; }
.home-btn-outline:hover { border-color: var(--brand); color: var(--brand); text-decoration: none; }
.home-link-arrow { color: var(--brand); font-weight: 600; font-size: .85rem; }
.home-value-card { text-align: center; }
.home-value-card .home-icon { margin-left: auto; margin-right: auto; }
.home-value-card h3 { font-size: 1.05rem; font-weight: 700; color: #1b2333; margin: 0 0 .5rem; }
.home-value-card p { font-size: .875rem; color: #6b7383; margin: 0; line-height: 1.6; }
.home-service-card { display: flex; flex-direction: column; }
.home-service-media {
  height: 160px;
  display: flex;
  align-items: flex-start;
  padding: 1rem;
}
.home-service-media .home-icon { background: rgba(255, 255, 255, .25); color: #fff; margin: 0; }
.home-service-media-a { background: linear-gradient(135deg, #b9cbf5, #7d9aeb); }
.home-service-media-b { background: linear-gradient(135deg, #8fa9ef, #4f6fdd); }
.home-service-media-c { background: linear-gradient(135deg, #a4bdf2, #5877e2); }
.home-service-card h3 { font-size: 1.05rem; font-weight: 700; color: #1b2333; margin: 0 0 .4rem; }
.home-service-card p { font-size: .875rem; color: #6b7383; margin: 0 0 .75rem; line-height: 1.6; }
.home-stats-grid { text-align: center; }
.home-stat { display: flex; flex-direction: column; align-items: center; gap: .4rem; }
.home-stat .home-icon { background: rgba(255, 255, 255, .15); color: #fff; }
.home-stat strong { font-size: 1.9rem; font-weight: 800; }
.home-stat span { font-size: .85rem; color: rgba(255, 255, 255, .85); }
.home-case-media { height: 150px; position: relative; }
.home-case-media-1 { background: linear-gradient(135deg, #8ba1d2, #465a86); }
.home-case-media-2 { background: linear-gradient(135deg, #3d5b9e, #1c2c52); }
.home-case-media-3 { background: linear-gradient(135deg, #93aade, #3f5590); }
.home-case-tag {
  position: absolute;
  left: .75rem;
  bottom: .75rem;
  background: rgba(10, 10, 20, .55);
  color: #fff;
  font-size: .7rem;
  padding: .25rem .6rem;
  border-radius: 4px;
}
.home-case-card h3 { font-size: 1rem; font-weight: 700; color: #1b2333; margin: 0 0 .35rem; }
.home-case-card p { font-size: .85rem; color: #6b7383; margin: 0 0 .75rem; }
.home-news-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem; }
@media (max-width: 800px) {
  .home-news-grid { grid-template-columns: 1fr; }
}
.home-news-list { list-style: none; margin: 1rem 0 0; padding: 0; }
.home-news-list li {
  display: flex;
  align-items: center;
  gap: .9rem;
  padding: .75rem 0;
  border-bottom: 1px solid #eef0f4;
}
.home-news-list li:last-child { border-bottom: none; }
.home-news-thumb {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  flex: none;
  background: linear-gradient(135deg, #dbe6fb, #aac1f2);
}
.home-news-text { display: flex; flex-direction: column; gap: .15rem; overflow: hidden; }
.home-news-text a {
  color: #1b2333;
  font-weight: 600;
  font-size: .9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-news-text time { color: #9aa1b1; font-size: .75rem; }
.home-cta-card {
  background: linear-gradient(160deg, #1b2333, #12182a);
  color: #fff;
  border-radius: 14px;
  padding: 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .75rem;
}
.home-cta-card h3 { font-size: 1.4rem; font-weight: 800; margin: 0; line-height: 1.35; }
.home-cta-card p { color: rgba(255, 255, 255, .75); font-size: .9rem; margin: 0 0 .5rem; }
.navbar-item .home-btn-primary { padding: .5em 1.1em; font-size: .85rem; }
@media (max-width: 1023px) {
  .navbar-start-pc { display: none !important; }
}
@media (min-width: 1024px) {
  .navbar-start-mobile { display: none !important; }
}
.navbar-start .navbar-dropdown .navbar-item { padding-left: var(--indent, 0px); }
.navbar-drawer-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: .5rem;
  padding-right: .5rem;
  margin-bottom: .25rem;
  border-bottom: 1px solid #eee;
}
.navbar-menu-close {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -.5rem;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 50%;
  background: none;
  color: #363636;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  transition: background .15s ease;
}
.navbar-menu-close:hover { background: #eee; }
@media (min-width: 1024px) {
  .navbar-drawer-header { display: none !important; }
}
.navbar-burger.is-active span:nth-child(1),
.navbar-burger.is-active span:nth-child(2),
.navbar-burger.is-active span:nth-child(3) {
  transform: none;
  opacity: 1;
}
@media (max-width: 1023px) {
  .navbar-menu.is-active { padding: 1.5rem 0; }
.navbar-menu.is-active .navbar-item:not(.has-dropdown),
  .navbar-menu.is-active .navbar-link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
.navbar-menu.is-active .navbar-dropdown .navbar-item {
    padding-left: calc(var(--indent, 0px) + 1.5rem);
    padding-right: 1.5rem;
  }
.navbar-start-mobile > .navbar-item { border-bottom: 1px solid #eee; }
  .navbar-start-mobile > .navbar-item:last-child { border-bottom: none; }
.navbar-menu.is-active .navbar-item.is-current,
  .navbar-menu.is-active .navbar-item.has-dropdown.is-current > .navbar-link {
    color: #1a1a1a;
    font-weight: 700;
  }
  .navbar-menu.is-active .navbar-dropdown .navbar-item { color: #8a8f98; }
  .navbar-menu.is-active .navbar-dropdown .navbar-item.is-current { color: #1a1a1a; font-weight: 700; }
}
@media (max-width: 1023px) {
  .navbar-end { display: none !important; }
}
@media (min-width: 1024px) {
  .navbar-mobile-account { display: none !important; }
}
.navbar-mobile-account-divider { border: none; border-top: 1px solid #eee; margin: .5rem 0; }
.navbar-mobile-account-greeting { color: #8a8f98; font-size: .9rem; }
.account-menu .navbar-link svg { width: 20px; height: 20px; }
.site-footer { background: #12131a; color: rgba(255, 255, 255, .75); padding: 3.5rem 0 0; }
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr;
  gap: 2rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
@media (max-width: 900px) { .footer-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .footer-grid { grid-template-columns: 1fr; } }
.footer-brand strong { color: #fff; font-size: 1.1rem; }
.footer-brand p { margin: .75rem 0 1.25rem; font-size: .85rem; line-height: 1.7; color: rgba(255, 255, 255, .55); }
.footer-social { display: flex; gap: .6rem; }
.footer-social a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.footer-social a:hover { background: var(--brand); text-decoration: none; }
.footer-col h4 { color: #fff; font-size: .85rem; font-weight: 700; margin: 0 0 1rem; }
.footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.footer-col a, .footer-col span { color: rgba(255, 255, 255, .6); font-size: .85rem; }
.footer-col a:hover { color: #fff; text-decoration: none; }
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
  padding: 1.5rem 0;
  font-size: .75rem;
  color: rgba(255, 255, 255, .45);
}
.footer-bottom a { color: rgba(255, 255, 255, .45); margin-left: 1rem; }
.footer-bottom a:hover { color: #fff; text-decoration: none; }
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.25rem;
}
.gallery-card { display: block; padding: 0.5rem; }
.gallery-card:hover { text-decoration: none; }
.gallery-card figure { background: #f2f2f2; border-radius: 4px; overflow: hidden; }
.gallery-card figure img { object-fit: cover; width: 100%; height: 100%; }
.gallery-card-title { margin-top: 0.5rem; font-weight: 600; }
.gallery-card-meta { font-size: .75rem; color: #7a7a7a; }
.full-bleed {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
}
.sub-banner {
  background: linear-gradient(100deg, var(--brand-light) 0%, var(--brand-light) 45%, #c3e0eb 72%, #7fb3cf 100%);
  overflow: hidden;
  position: relative;
}
.sub-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  left: 60%;
  background: repeating-linear-gradient(75deg, rgba(0, 103, 158, .18) 0 10px, rgba(0, 103, 158, .05) 10px 20px);
  pointer-events: none;
}
.sub-banner-inner { position: relative; padding: 2.75rem 1.5rem 2.25rem; }
.sub-banner-title { font-size: 2rem; font-weight: 800; color: #1b2333; margin: 0 0 .75rem; }
.sub-breadcrumb { display: flex; align-items: center; gap: .4rem; font-size: .85rem; color: #5b6479; }
.sub-breadcrumb a { color: #5b6479; }
.sub-breadcrumb a:hover { color: var(--brand); text-decoration: none; }
.sub-breadcrumb .sep { color: #b7c0d4; }
.sub-breadcrumb .is-current { color: #1b2333; font-weight: 600; }
.sub-layout {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  max-width: 1152px;
  margin: 2.5rem auto;
  padding: 0 1.5rem;
}
.sub-sidebar {
  flex: 0 0 240px;
  width: 240px;
}
@media (max-width: 1023px) {
  .sub-sidebar { display: none; }
}
.sub-sidebar-title {
  font-size: 1.1rem;
  font-weight: 800;
  color: #1b2333;
  margin: 0 0 1rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #1b2333;
}
.sub-sidebar-list { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.sub-sidebar-list li { border-bottom: 1px solid #eef0f4; }
.sub-sidebar-list a {
  display: block;
  padding: .75rem .25rem;
  color: #5b6479;
  font-size: .9rem;
}
.sub-sidebar-list a:hover { color: var(--brand); text-decoration: none; }
.sub-sidebar-list a.is-active {
  color: var(--brand);
  font-weight: 700;
  border-left: 3px solid var(--brand);
  padding-left: .5rem;
  margin-left: -.25rem;
}
.sub-contact-box {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  background: #f7f9fd;
  border-radius: 10px;
  padding: 1.25rem;
}
.sub-contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #eaf0ff;
  color: var(--brand);
  flex: none;
}
.sub-contact-icon svg { width: 18px; height: 18px; }
.sub-contact-box strong { display: block; font-size: .85rem; color: #1b2333; }
.sub-contact-phone { font-size: 1.1rem; font-weight: 800; color: #1b2333; margin: .15rem 0; }
.sub-contact-hours { font-size: .75rem; color: #8a92a3; line-height: 1.5; margin: 0; }
.sub-content { flex: 1; min-width: 0; }
.sub-content-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.sub-content-count { font-size: .9rem; color: #5b6479; }
.sub-search { display: flex; gap: .4rem; }
.sub-search select,
.sub-search input {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  padding: .5em .75em;
  font-size: .85rem;
  color: #363636;
  background: #fff;
}
.sub-search button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4em;
  border: none;
  border-radius: 6px;
  background: #1b2333;
  color: #fff;
  cursor: pointer;
}
.sub-search button:hover { background: var(--brand); }
.sub-content .pagination-link.is-current { background: var(--brand); border-color: var(--brand); }
.sub-category-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0 0 1.25rem;
}
.sub-category-tabs a {
  display: inline-flex;
  align-items: center;
  padding: .45em 1.1em;
  border-radius: 999px;
  background: #f2f4f8;
  color: #4b5468;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.4;
}
.sub-category-tabs a:hover { background: #e7ecf7; color: #1b2333; text-decoration: none; }
.sub-category-tabs a.is-active {
  background: #484848;
  color: #fff;
  box-shadow: 0 1px 3px rgba(23, 63, 199, .4);
}
.post-category-tag {
  display: inline-flex;
  align-items: center;
  padding: .3em .85em;
  border-radius: 999px;
  background: #f2f4f8;
  color: #4b5468;
  font-size: .75rem;
  font-weight: 600;
}
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.16, .84, .44, 1), transform .7s cubic-bezier(.16, .84, .44, 1);
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal.reveal-left { transform: translateX(-48px); }
.reveal.reveal-right { transform: translateX(48px); }
.reveal.reveal-left.is-visible,
.reveal.reveal-right.is-visible { transform: translateX(0); }
.reveal-delay-2 { transition-delay: .15s; }
.home-grid > .reveal:nth-child(1) { transition-delay: 0ms; }
.home-grid > .reveal:nth-child(2) { transition-delay: 90ms; }
.home-grid > .reveal:nth-child(3) { transition-delay: 180ms; }
.home-grid > .reveal:nth-child(4) { transition-delay: 270ms; }
.home-news-list > .reveal:nth-child(1) { transition-delay: 0ms; }
.home-news-list > .reveal:nth-child(2) { transition-delay: 70ms; }
.home-news-list > .reveal:nth-child(3) { transition-delay: 140ms; }
.home-news-list > .reveal:nth-child(4) { transition-delay: 210ms; }
.home-news-list > .reveal:nth-child(5) { transition-delay: 280ms; }
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal.is-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.site-banner { position: relative; width: 100%; overflow: hidden; }
.site-banner .swiper,
.banner-fixed-wrap { height: var(--banner-height, auto); }
.site-banner .swiper .banner-item,
.banner-fixed-wrap .banner-item { position: relative; height: 100%; }
@media (max-width: 1199px) {
  .site-banner .swiper, .banner-fixed-wrap { height: var(--banner-height-tablet, var(--banner-height, auto)); }
}
@media (max-width: 767px) {
  .site-banner .swiper, .banner-fixed-wrap { height: var(--banner-height-mobile, var(--banner-height, auto)); }
}
.banner-item picture.banner-image { display: block; width: 100%; height: 100%; }
.banner-item picture.banner-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.banner-image-link { position: absolute; inset: 0; }
.banner-overlay {
  position: absolute;
  inset: 0;
  background: var(--banner-overlay-color, #000000);
  opacity: var(--banner-overlay-opacity, 0.3);
  pointer-events: none;
}
.banner-inner {
  position: absolute;
  inset: 0;
  display: flex;
  padding: 6% 8%;
}
.banner-inner.position-left-top { justify-content: flex-start; align-items: flex-start; }
.banner-inner.position-left-center { justify-content: flex-start; align-items: center; }
.banner-inner.position-left-bottom { justify-content: flex-start; align-items: flex-end; }
.banner-inner.position-center-top { justify-content: center; align-items: flex-start; }
.banner-inner.position-center-center { justify-content: center; align-items: center; }
.banner-inner.position-center-bottom { justify-content: center; align-items: flex-end; }
.banner-inner.position-right-top { justify-content: flex-end; align-items: flex-start; }
.banner-inner.position-right-center { justify-content: flex-end; align-items: center; }
.banner-inner.position-right-bottom { justify-content: flex-end; align-items: flex-end; }
.banner-content {
  max-width: 36rem;
  color: var(--banner-text-color, #ffffff);
}
.banner-content.align-left { text-align: left; }
.banner-content.align-center { text-align: center; }
.banner-content.align-right { text-align: right; }
.banner-subtitle { font-size: .95rem; font-weight: 600; margin: 0 0 .5rem; opacity: .9; }
.banner-title { font-size: clamp(1.5rem, 4vw, 2.5rem); font-weight: 800; margin: 0 0 .75rem; line-height: 1.25; }
.banner-description { font-size: 1rem; line-height: 1.6; margin: 0 0 1.25rem; }
.banner-buttons { display: flex; gap: .75rem; flex-wrap: wrap; }
.banner-content.align-center .banner-buttons { justify-content: center; }
.banner-content.align-right .banner-buttons { justify-content: flex-end; }
.banner-button {
  display: inline-flex;
  align-items: center;
  padding: .65em 1.4em;
  border-radius: 6px;
  background: var(--brand, #00679e);
  color: #fff;
  font-weight: 600;
  font-size: .9rem;
}
.banner-button:hover { background: var(--brand-dark, #00527e); text-decoration: none; }
.banner-button-secondary { background: rgba(255, 255, 255, .15); backdrop-filter: blur(2px); }
.banner-button-secondary:hover { background: rgba(255, 255, 255, .3); }
.banner-html { width: 100%; height: 100%; }
.banner-custom-wrap .banner-custom-item + .banner-custom-item { margin-top: 1rem; }
.banner-content .banner-title,
.banner-content .banner-description,
.banner-content .banner-buttons { opacity: 0; }
.banner-content.anim-none .banner-title,
.banner-content.anim-none .banner-description,
.banner-content.anim-none .banner-buttons { opacity: 1; }
.banner-content .banner-title { animation-delay: 0s; }
.banner-content .banner-description { animation-delay: .15s; }
.banner-content .banner-buttons { animation-delay: .3s; }
.swiper-slide-active .banner-content.anim-fade .banner-title,
.swiper-slide-active .banner-content.anim-fade .banner-description,
.swiper-slide-active .banner-content.anim-fade .banner-buttons,
.banner-fixed .banner-content.anim-fade .banner-title,
.banner-fixed .banner-content.anim-fade .banner-description,
.banner-fixed .banner-content.anim-fade .banner-buttons { animation: bannerFade .7s ease forwards; }
.swiper-slide-active .banner-content.anim-fade-up .banner-title,
.swiper-slide-active .banner-content.anim-fade-up .banner-description,
.swiper-slide-active .banner-content.anim-fade-up .banner-buttons,
.banner-fixed .banner-content.anim-fade-up .banner-title,
.banner-fixed .banner-content.anim-fade-up .banner-description,
.banner-fixed .banner-content.anim-fade-up .banner-buttons { animation: bannerFadeUp .7s ease forwards; }
.swiper-slide-active .banner-content.anim-fade-down .banner-title,
.swiper-slide-active .banner-content.anim-fade-down .banner-description,
.swiper-slide-active .banner-content.anim-fade-down .banner-buttons,
.banner-fixed .banner-content.anim-fade-down .banner-title,
.banner-fixed .banner-content.anim-fade-down .banner-description,
.banner-fixed .banner-content.anim-fade-down .banner-buttons { animation: bannerFadeDown .7s ease forwards; }
.swiper-slide-active .banner-content.anim-fade-left .banner-title,
.swiper-slide-active .banner-content.anim-fade-left .banner-description,
.swiper-slide-active .banner-content.anim-fade-left .banner-buttons,
.banner-fixed .banner-content.anim-fade-left .banner-title,
.banner-fixed .banner-content.anim-fade-left .banner-description,
.banner-fixed .banner-content.anim-fade-left .banner-buttons { animation: bannerFadeLeft .7s ease forwards; }
.swiper-slide-active .banner-content.anim-fade-right .banner-title,
.swiper-slide-active .banner-content.anim-fade-right .banner-description,
.swiper-slide-active .banner-content.anim-fade-right .banner-buttons,
.banner-fixed .banner-content.anim-fade-right .banner-title,
.banner-fixed .banner-content.anim-fade-right .banner-description,
.banner-fixed .banner-content.anim-fade-right .banner-buttons { animation: bannerFadeRight .7s ease forwards; }
.swiper-slide-active .banner-content.anim-zoom-in .banner-title,
.swiper-slide-active .banner-content.anim-zoom-in .banner-description,
.swiper-slide-active .banner-content.anim-zoom-in .banner-buttons,
.banner-fixed .banner-content.anim-zoom-in .banner-title,
.banner-fixed .banner-content.anim-zoom-in .banner-description,
.banner-fixed .banner-content.anim-zoom-in .banner-buttons { animation: bannerZoomIn .7s ease forwards; }
@keyframes bannerFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes bannerFadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes bannerFadeDown { from { opacity: 0; transform: translateY(-24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes bannerFadeLeft { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes bannerFadeRight { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes bannerZoomIn { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .banner-content * { animation: none !important; transition: none !important; opacity: 1 !important; }
}
.swiper-button-prev, .swiper-button-next {
  color: #fff;
  background: transparent;
  border: none;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  opacity: .75;
  transition: opacity .2s ease;
}
.swiper-button-prev:hover, .swiper-button-next:hover { opacity: 1; }
.swiper-button-prev:focus-visible, .swiper-button-next:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.popup-overlay-backdrop {
  position: fixed;
  inset: 0;
  z-index: 40;
  background: rgba(10, 10, 10, .6);
}
.popup-modal-wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(480px, calc(100vw - 2rem));
}
.popup-modal-card {
  position: relative;
  width: 100%;
  max-height: calc(100vh - 40px);
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(10, 10, 10, .35);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.popup-close {
  position: absolute;
  top: .625rem;
  right: .625rem;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 50%;
  background: rgba(10, 10, 10, .55);
  color: #fff;
  font-size: 1.375rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-close:hover { background: rgba(10, 10, 10, .75); }
.popup-modal-body { overflow-y: auto; flex: 1 1 auto; }
.popup-modal-text { padding: 1.25rem 1.5rem 2.75rem; }
.popup-has-image {
  aspect-ratio: 1 / 1;
  min-width: 300px;
  min-height: 300px;
}
.popup-has-image .popup-modal-body { height: 100%; }
.popup-modal-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.popup-modal-overlay-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: .75rem 3rem .75rem 1rem;
  background: linear-gradient(to bottom, rgba(10, 10, 10, .65), rgba(10, 10, 10, 0));
  color: #fff;
  font-size: .85rem;
  line-height: 1.4;
}
.popup-modal-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .5rem 1rem;
  background: rgba(10, 10, 10, .55);
  color: #fff;
  font-size: .8rem;
}
.popup-modal-footer label { color: #fff; display: flex; align-items: center; gap: .35rem; }
.popup-modal-footer a { color: #fff; text-decoration: underline; }
.swiper-pagination-bullet-active { background: var(--brand, #00679e); }
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(var(--z-system) + 3);
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: .5; }
#uiConfirmModal { --bs-modal-zindex: calc(var(--z-system) + 10); }
#uiConfirmModalBody { white-space: pre-line; }
#uiConfirmModalCancelBtn[hidden] { display: none; }
#uiConfirmModal.is-wide .modal-dialog { max-width: none; width: 80vw; height: 80vh; min-height: 0; margin: 10vh auto; }
#uiConfirmModal.is-wide .modal-content { height: 100%; }
#uiConfirmModal.is-wide .modal-body { overflow-y: auto; min-height: 0; }
.dash-wrap {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0;
}
.dash-card {
  position: relative; 
  width: 100%;
  max-width: 504px;
  height: min(768px, 80vh);
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e6e8ec;
  border-radius: 28.8px;
padding: 1.38rem 12px;
  box-shadow: 0 12px 33.6px rgba(20, 20, 30, .06);
}
body.dash-home main.section { flex: 0 0 auto; }
body.dash-home { height: auto; min-height: 0; }
body.dash-home { overscroll-behavior-y: contain; }
body.dash-home { overflow: hidden; }
html:has(body.dash-home) { overflow: hidden; }
@media (max-width: 767px) {
  body.dash-home main.section { padding: 0; }
  .dash-wrap { padding: 0; }
  .dash-card {
    max-width: none;
height: calc(100vh - var(--dash-pc-header-h));
    height: calc(100dvh - var(--dash-pc-header-h)); 
border: none;
    border-radius: 0;
    box-shadow: none;
padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .dash-topbar {
padding-left: 12px;
    padding-right: 12px;
  }
  .dash-compose {
    padding-left: 1.38rem;
    padding-right: 1.38rem;
  }
}
.dash-topbar {
flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: .6rem;
height: 56px;
  background: #fff; 
  border-bottom: 1px solid #eef0f3;
max-height: 56px;
  overflow: hidden;
  transition: max-height .25s ease, border-color .25s ease;
}
.dash-topbar-title {
  flex: 0 0 auto;
  font-size: 1.2rem;
  font-weight: 800;
  color: #14171c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-topbar-icon-btn {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43.2px;
  height: 43.2px;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-topbar-icon-btn .icon-mask { width: var(--dash-header-icon); height: var(--dash-header-icon); }
.dash-pc-header .dash-topbar-icon-btn + .dash-topbar-icon-btn { margin-left: -.3rem; }
.dash-topbar-spacer { flex: 1 1 auto; }
.dash-topbar-search-chip {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  height: 48px;
  padding: 0 .6rem 0 1.14rem;
  border: 1px solid #dcdfe4;
  border-radius: 1198.8px;
  background: #f7f8fa;
  color: #1c1f24;
  cursor: pointer;
font-family: inherit;
}
.dash-topbar-search-chip:hover { background: #eef0f3; border-color: #c7cbd3; }
.dash-topbar-search-chip-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.08rem;
  font-weight: 600;
  text-align: left;
}
.dash-topbar-search-chip img { flex: 0 0 auto; width: 19.2px; height: 19.2px; }
.dash-account-modal-body,
.dash-settings-modal-body,
.dash-schedule-modal-body,
.dash-schedule-write-modal-body {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: #fff;
  padding: 1.5rem 12px; 
}
.dash-schedule-modal .dash-feed-toolbar {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
z-index: 3;
  height: 52px;
  box-sizing: border-box;
  background: #fff;
}
.dash-listsearch-open {
  flex: 0 0 auto;
display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #dcdfe4;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
.dash-listsearch-open .icon-mask { width: 20px; height: 20px; background-color: #4b5468; }
.dash-listsearch-open:hover { background: #f2f3f5; }
.dash-listsearch-open { position: relative; }
.dash-listsearch-open .dash-listsearch-open-collapse { display: none; }
.dash-listsearch-open.is-open .dash-listsearch-open-search { display: none; }
.dash-listsearch-open.is-open .dash-listsearch-open-collapse { display: block; }
.dash-listsearch-open.is-open { background: #f2f3f5; }
.dash-listsearch-open-dot {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 2px #fff;
}
.dash-listsearch-open.has-term:not(.is-open) .dash-listsearch-open-dot { display: block; }
.dash-list[hidden],
.dash-schedule-modal-body[hidden],
.dash-contacts-body[hidden] { display: none; }
.dash-cal-months[hidden],
.dash-cal-grid[hidden],
.dash-cal-weekdays[hidden] { display: none; }
.dash-listsearch-bar {
  display: none;
  position: absolute;
top: calc(100% + 1px);
  left: 0;
  right: 0;
  height: 52px;
  box-sizing: border-box;
  align-items: center;
  padding: 0 10px;
  background: #fff;
  border-bottom: 1px solid #eef0f3;
}
.dash-listsearch-bar.is-open { display: flex; }
@media (max-width: 767px) {
  .dash-feed-toolbar:has(.dash-listsearch-bar.is-open),
  .dash-notebrowse-toolbar:has(.dash-listsearch-bar.is-open) { border-bottom-color: #fff; }
}
.dash-listsearch-field {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 2px;
  border-radius: 18px;
  background: #f2f3f5;
}
.dash-listsearch-input {
  flex: 1 1 auto;
  min-width: 0;
  align-self: stretch;
  height: 100%;
padding: 0 .3rem;
  border: none;
  border-radius: 0;
  background: transparent;
  font-size: .95rem;
  outline: none;
}
.dash-listsearch-run,
.dash-listsearch-clear {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-listsearch-clear[hidden] { display: none; }
.dash-listsearch-clear .icon-mask { width: 16px; height: 16px; background-color: #9aa0aa; }
.dash-listsearch-clear:hover .icon-mask { background-color: #1c1f24; }
.dash-listsearch-run .icon-mask { width: 20px; height: 20px; background-color: #4b5468; }
.dash-listsearch-run:hover .icon-mask { background-color: var(--brand); }
.dash-listsearch-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
@media (max-width: 767px) {
  .dash-maillist-modal.is-listsearch-open .dash-list.dash-maillist-modal-list,
  .dash-notelist-modal.is-listsearch-open .dash-list.dash-notelist-modal-list,
  .dash-schedule-modal.is-listsearch-open .dash-schedule-modal-body,
  .dash-contacts-modal.is-listsearch-open .dash-contacts-body { top: 160px; }
  .dash-notebrowse-modal.is-listsearch-open .dash-notebrowse-toolbar { margin-bottom: 52px; }
}
@media (min-width: 768px) {
  .dash-listsearch-open { display: none; }
  .dash-listsearch-bar,
  .dash-listsearch-bar.is-open {
    display: flex;
    position: static;
    order: 99;
flex: 1 1 160px;
    max-width: 260px;
    min-width: 160px;
    height: auto;
    padding: 0;
    border-bottom: none;
    background: none;
    animation: none;
  }
}
.dash-notebrowse-modal.is-listsearch-unavailable .dash-listsearch-open,
.dash-notebrowse-modal.is-listsearch-unavailable .dash-listsearch-bar { display: none; }
.dash-notebrowse-modal.is-listsearch-unavailable.is-listsearch-open .dash-notebrowse-toolbar { margin-bottom: 0; }
.dash-schedule-toolbar .dash-calview-picker,
.dash-schedule-toolbar .dash-calstatus-picker { margin-left: 0; }
.dash-schedule-toolbar .dash-cal-today-btn { margin-left: auto; }
.dash-calview-picker .dash-notebrowse-sort-menu,
.dash-calstatus-picker .dash-notebrowse-sort-menu { left: 0; right: auto; }
.dash-cal-source-picker { margin-left: auto; }
.dash-cal-source-picker .dash-mailacct-picker-menu .dash-cal-source-item {
display: flex;
  align-items: center;
  gap: .6rem;
}
.dash-cal-source-check {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd2;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
}
.dash-cal-source-item.is-selected .dash-cal-source-check {
  border-color: #2563eb;
  background: #2563eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat;
}
.dash-cal-source-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-cal-source-item[data-cal-source=""] {
  border-bottom: 1px solid #eef0f3;
  margin-bottom: .2rem;
  padding-bottom: .55rem;
}
.dash-cal-source-picker .dash-notebrowse-sort-menu {
  max-height: calc(100vh - 108px - var(--dash-bottombar-h) - 12px);
  overflow-y: auto;
}
.dash-schedule-modal-body { top: 108px; }
.dash-schedule-modal-body { overflow-x: hidden; }
.dash-schedule-modal-body { padding-bottom: calc(1.5rem + 40px); }
.dash-schedule-modal-body { overscroll-behavior-y: contain; }
.dash-settings-modal-body { background: #f2f3f5; }
.dash-settings-card {
  background: #fff;
  border-radius: 16.8px;
padding: 1.2rem 1.25rem 1.32rem;
  margin-bottom: 1.2rem;
  box-shadow: 0 1px 3.6px rgba(20, 20, 30, .06);
  box-sizing: border-box;
}
.dash-settings-card:last-child { margin-bottom: 0; }
.dash-admin-entry.dash-settings-card { margin-top: 0; }
.dash-admin-entry.dash-settings-card .icon-mask { background-color: #08090d; }
.dash-cal-day-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  margin-bottom: .72rem; 
}
.dash-cal-day-header .dash-cal-day-title { margin-bottom: 0; flex: 1 1 auto; min-width: 0; }
.dash-cal-day-close {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, .05);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .12s ease;
}
.dash-cal-day-close:hover { background: rgba(0, 0, 0, .1); }
.dash-cal-day-close .icon-mask { width: 16px; height: 16px; background-color: #1c1f24; }
.dash-cal-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .9rem;
}
.dash-cal-nav-btn {
  width: 43.2px;
  height: 43.2px;
  border: none;
  border-radius: 50%;
  background: #f2f3f5;
  color: #1c1f24;
  font-size: 1.32rem;
  cursor: pointer;
}
.dash-cal-nav-btn:hover { background: #e7e9ec; }
.dash-cal-nav-title { font-size: 1.26rem; font-weight: 700; }
.dash-cal-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: .936rem;
  color: #9aa0aa;
  margin-bottom: .42rem;
}
.dash-cal-weekdays .is-sun { color: #d94141; }
.dash-cal-weekdays .is-sat { color: #2563eb; }
.dash-cal-timeline {
  --tl-col: 34px;  
--tl-lane-h: 33px;
  overflow-x: auto;
  overflow-y: hidden;
position: absolute;
  inset: 0;
  margin: 0;
  border: none;
  border-radius: 0;
display: flex;
}
.dash-cal-timeline[hidden] { display: none; }
.dash-cal-tl-inner {
  position: relative;
  flex: 0 0 auto;
  width: calc(var(--tl-col) * var(--tl-days));
margin-right: 150px;
display: flex;
  flex-direction: column;
}
.dash-cal-tl-head { display: flex; }
.dash-cal-tl-day {
  flex: 0 0 var(--tl-col);
  width: var(--tl-col);
  height: 30px;
  padding: 0;
  border: none;
  border-right: 1px solid #eef0f3;
  border-bottom: 1px solid #eef0f3;
  background: none;
  color: #1c1f24;
  font-size: .84rem;
  cursor: pointer;
}
.dash-cal-tl-day.is-sun { color: #d94141; }
.dash-cal-tl-day.is-sat { color: #2563eb; }
.dash-cal-tl-day.is-today { background: #fdf2c8; font-weight: 700; } 
.dash-cal-tl-day.is-selected { box-shadow: inset 0 -2px 0 #1c1f24; }
.dash-cal-tl-body {
  position: relative;
  flex: 1 1 auto;
  min-height: calc(var(--tl-lane-h) * var(--tl-lanes) + 12px);
background-image: repeating-linear-gradient(90deg, #eef0f3 0 1px, transparent 1px var(--tl-col));
}
.dash-cal-tl-today-col {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--tl-col) * var(--tl-start));
  width: var(--tl-col);
  background: #fdf2c8;
}
.dash-cal-tl-months { display: flex; }
.dash-cal-tl-month {
  flex: 0 0 calc(var(--tl-col) * var(--tl-span));
  width: calc(var(--tl-col) * var(--tl-span));
  box-sizing: border-box;
height: 39px;
  border-bottom: 1px solid #eef0f3;
  color: #9aa0aa;
  font-size: .84rem;
  font-weight: 700;
  line-height: 39px;
  white-space: nowrap;
}
.dash-cal-tl-month-label {
  position: sticky;
  left: 8px;
  display: inline-block;
  padding-right: 8px;
}
.dash-cal-tl-month.is-center { background: #f7f8f9; color: #1c1f24; } 
.dash-cal-tl-day.is-othermonth { opacity: .6; }
.dash-cal-tl-day.is-month-start { border-left: 1px solid #9aa0aa; }
.dash-cal-tl-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--tl-col) * var(--tl-start));
  width: 1px;
  background: #c3c7ce;
}
.dash-cal-tl-bar {
  position: absolute;
  top: calc(var(--tl-lane-h) * var(--tl-lane) + 6px);
  left: calc(var(--tl-col) * var(--tl-start) + 2px);
  width: calc(var(--tl-col) * var(--tl-span) - 4px);
height: 27px;
  padding: 0;
  border: none;
  border-radius: 4px;
background: color-mix(in srgb, var(--ev-color) 32%, #fff);
  color: #1c1f24;
  font-size: .72rem;
  font-weight: 600;
  line-height: 27px;
  text-align: left;
  overflow: visible; 
  cursor: pointer;
}
.dash-cal-tl-bar-label {
  display: block;
  box-sizing: border-box;
  width: calc(var(--tl-col) * var(--tl-maxspan, var(--tl-span)) - 4px);
  padding: 0 6px;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
pointer-events: none;
}
.dash-cal-tl-bar.is-holiday {
  background: repeating-linear-gradient(45deg, #9aa0aa, #9aa0aa 2.4px, #dcdfe4 2.4px, #dcdfe4 4.8px);
  color: #1c1f24;
}
.dash-cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2.4px;
  margin-bottom: 1.2rem;
touch-action: none;
}
.dash-cal-cell {
  position: relative;
width: 100%;
  aspect-ratio: 1 / 1;
  max-height: 80px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: none;
padding: 6px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2.4px;
  font-size: 1.02rem;
  color: #1c1f24;
  cursor: pointer;
min-width: 0;
}
.dash-cal-cell:disabled { cursor: default; }
.dash-cal-cell.is-outside { color: #c3c7ce; cursor: default; }
.dash-cal-cell.is-outside.is-pickable { cursor: pointer; }
.dash-cal-cell:nth-child(7n+1):not(.is-outside) { color: #d94141; } 
.dash-cal-cell:nth-child(7n):not(.is-outside) { color: #2563eb; } 
.dash-cal-cell.is-today { border-color: #9aa0aa; font-weight: 700; }
.dash-cal-cell.is-selected { background: #f2f3f5; }
.dash-cal-cell.is-holiday .dash-cal-cell-day { color: #d94141; }
.dash-cal-cell-line-holiday {
  background: repeating-linear-gradient(45deg, #9aa0aa, #9aa0aa 2.4px, #dcdfe4 2.4px, #dcdfe4 4.8px);
}
.dash-cal-cell-line { display: block; width: 100%; height: 3.6px; border-radius: 2.4px; flex: 0 0 auto; }
.dash-cal-cell-line { position: relative; z-index: 1; }
.dash-cal-cell-line.is-empty { visibility: hidden; }
.dash-cal-cell-line:not(.is-seg-start) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.dash-cal-cell-line.is-seg-continues {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: calc(100% + 4.8px);
  margin-right: -4px;
}
.dash-cal-months { display: block; }
.dash-cal-month.is-side { display: none; }
.dash-cal-month-label-spacer { display: none; }
.dash-cal-month-label {
  display: none;
  width: 100%;
  height: 30px;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: .9rem;
  font-weight: 700;
  color: #6b7280;
  cursor: pointer;
}
.dash-cal-month-label:hover { background: #f2f3f5; border-radius: 8px; color: #1c1f24; }
.dash-cal-nav-slot[hidden] { display: none !important; }
.dash-cal-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  height: 36px;
  min-width: 0;
}
.dash-cal-nav .dash-cal-header-arrow { height: 100%; }
.dash-cal-nav .dash-cal-header-title { height: 100%; }
.dash-cal-nav { height: 44px; gap: 4px; }
.dash-cal-nav .dash-cal-header-title { font-size: 1.375rem; padding: 0 10px; }
.dash-cal-nav .dash-cal-header-arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 1.6rem;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dash-cal-nav .dash-cal-header-arrow:hover { background: #eef0f3; color: #1c1f24; }
@container calmonths (min-width: 1000px) {
.dash-cal-month.is-center .dash-cal-nav-slot,
  .dash-cal-month.is-center .dash-cal-nav,
  .dash-cal-month-label { height: 48px; }
}
.dash-schedule-modal.is-page-pinned .dash-schedule-modal-header { display: none; }
.dash-schedule-modal.is-page-pinned .dash-feed-toolbar { top: 0; }
.dash-schedule-modal.is-page-pinned .dash-schedule-modal-body { top: 52px; }
.dash-note-edit-title-field[hidden] { display: none !important; }
.dash-note-edit-title-input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  padding: 0 14px;
  border: 1px solid #dfe3e8;
  border-radius: 12px;
  background: #fff;
  font-family: inherit;
  font-size: 16px;
  color: #1c1f24;
}
.dash-note-edit-title-input:focus { outline: none; border-color: var(--brand); }
.dash-notelist-modal.is-page-pinned > .dash-mail-modal-header,
.dash-sharelist-modal.is-page-pinned > .dash-mail-modal-header,
.dash-contacts-modal.is-page-pinned > .dash-mail-modal-header { display: none; }
.dash-notelist-modal.is-page-pinned .dash-memolist-subheader,
.dash-sharelist-modal.is-page-pinned .dash-sharelist-subheader,
.dash-contacts-modal.is-page-pinned .dash-contacts-subheader { top: 0; }
.dash-notelist-modal.is-page-pinned .dash-list.dash-notelist-modal-list,
.dash-sharelist-modal.is-page-pinned .dash-list.dash-sharelist-modal-list,
.dash-contacts-modal.is-page-pinned .dash-contacts-body { top: 52px; }
@media (max-width: 767px) {
.dash-notelist-modal.is-page-pinned.is-listsearch-open .dash-list.dash-notelist-modal-list,
  .dash-contacts-modal.is-page-pinned.is-listsearch-open .dash-contacts-body { top: 104px; }
}
.dash-cal-months-wrap { container-type: inline-size; container-name: calmonths; }
@container calmonths (min-width: 1000px) {
  .dash-cal-months {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 20px;
    align-items: start; 
  }
  .dash-cal-month.is-side { display: block; }
  .dash-cal-month-label { display: block; }
.dash-cal-month-body {
    padding: 10px;
    border: 1px solid #e6e8ec;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(20, 20, 30, .04);
  }
  .dash-cal-month.is-center .dash-cal-month-body { box-shadow: 0 8px 20px rgba(20, 20, 30, .07); }
  .dash-cal-month-label,
  .dash-cal-month.is-center .dash-cal-nav-slot { margin-bottom: 6px; }
.dash-cal-month-label-spacer { display: block; height: 30px; }
.dash-cal-month.is-center .dash-cal-nav-slot { height: 48px; }
.dash-cal-month.is-side .dash-cal-cell {
    aspect-ratio: auto;
    height: auto;
    min-height: 70px;
    max-height: none;
  }
.dash-cal-month.is-side .dash-cal-cell-bar {
    --cal-bar-radius: 2px; 
    height: 14px;
    padding: 0 3px;
    font-size: .62rem;
    line-height: 14px;
background: rgba(var(--ev-color-rgb, 0, 103, 158), .35);
    background: color-mix(in srgb, var(--ev-color, #00679e) 32%, #fff);
    color: #1c1f24;
  }
.dash-cal-month.is-side .dash-cal-cell-bar-holiday {
    background: repeating-linear-gradient(45deg, #c3c7ce, #c3c7ce 2.4px, #eef0f3 2.4px, #eef0f3 4.8px);
    color: #6b7280;
  }
  .dash-cal-month.is-side .dash-cal-weekdays,
  .dash-cal-month.is-side .dash-cal-cell { font-size: .84rem; }
.dash-cal-month.is-side .dash-cal-cell { cursor: default; }
.dash-cal-month.is-center .dash-cal-cell {
    aspect-ratio: auto;
    height: auto;
    min-height: 120px;
    max-height: none;
  }
}
.dash-cal-cell-bar {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 18px;
  flex: 0 0 auto;
  padding: 0 4px;
border-radius: var(--cal-bar-radius, 3px);
  background: var(--ev-color, #6b7280);
color: var(--ev-fg, #fff);
  font-size: .72rem;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-cal-cell-bar.is-empty { visibility: hidden; }
.dash-cal-cell-bar:not(.is-seg-start) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.dash-cal-cell-bar.is-seg-continues {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: calc(100% + 4.8px);
  margin-right: -4px;
}
.dash-cal-cell-bar-holiday {
  background: repeating-linear-gradient(45deg, #9aa0aa, #9aa0aa 2.4px, #dcdfe4 2.4px, #dcdfe4 4.8px);
  color: #1c1f24;
}
.dash-cal-cell-bar.is-clickable { cursor: pointer; }
.dash-cal-cell-bar.is-clickable:hover { filter: brightness(.94); }
.dash-cal-day-title { font-size: 1.2rem; font-weight: 700; margin-bottom: .72rem; }
.dash-cal-event-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.dash-cal-event-empty { color: #9aa0aa; font-size: 1.056rem; padding: .6rem 0; }
.dash-cal-event-card {
  display: flex;
  flex-direction: column;
  gap: .18rem;
  padding: .9rem 1.08rem;
  border-radius: 14.4px;
background: rgba(var(--ev-color-rgb, 201, 205, 212), .16);
  cursor: pointer; 
}
.dash-cal-event-card:hover { background: rgba(var(--ev-color-rgb, 201, 205, 212), .26); }
.dash-cal-event-card.is-todo.is-before,
.dash-cal-tl-bar.is-todo.is-before,
.dash-cal-event-card.is-todo.is-doing,
.dash-cal-tl-bar.is-todo.is-doing,
.dash-cal-event-card.is-todo.is-done,
.dash-cal-tl-bar.is-todo.is-done {
  outline-width: 3px;
  outline-style: dashed;
  outline-offset: -3px;
}
.dash-cal-event-card.is-todo.is-before,
.dash-cal-tl-bar.is-todo.is-before { outline-color: #d94141; }
.dash-cal-event-card.is-todo.is-doing,
.dash-cal-tl-bar.is-todo.is-doing { outline-color: #f2c94c; }
.dash-cal-event-card.is-todo.is-done,
.dash-cal-tl-bar.is-todo.is-done { outline-color: #22a06b; }
.dash-cal-event-card.is-holiday {
  background: repeating-linear-gradient(45deg, #eef0f3, #eef0f3 4.8px, #e2e4e8 4.8px, #e2e4e8 9.6px);
}
.dash-cal-event-card.is-holiday:hover {
  background: repeating-linear-gradient(45deg, #e6e8eb, #e6e8eb 4.8px, #dadce0 4.8px, #dadce0 9.6px);
}
.dash-cal-event-title { font-weight: 700; font-size: 1.104rem; }
.dash-cal-event-time,
.dash-cal-event-location { font-size: .96rem; color: #6b7280; }
.dash-cal-event-card.is-todo { flex-direction: row; align-items: center; gap: .72rem; }
.dash-cal-event-body { display: flex; flex-direction: column; gap: .18rem; flex: 1 1 auto; min-width: 0; }
.dash-schedule-write-toggle.dash-cal-done-toggle { flex: 0 0 auto; width: 44.4px; height: 26.4px; }
.dash-cal-done-toggle .dash-schedule-write-toggle-track::before { top: 3.6px; left: 3.6px; width: 19.2px; height: 19.2px; }
.dash-cal-done-toggle input:checked + .dash-schedule-write-toggle-track::before { transform: translateX(18px); }
.dash-cal-event-card.is-done .dash-cal-event-title { text-decoration: line-through; color: #9aa0aa; }
.dash-cal-event-card.is-done .dash-cal-event-time,
.dash-cal-event-card.is-done .dash-cal-event-location { color: #b5bac2; }
.dash-cal-event-card.is-overdue .dash-cal-event-time { color: #d94141; font-weight: 700; }
.dash-schedule-modal-body.is-daypanel { display: flex; align-items: flex-start; gap: 16px; }
.dash-schedule-modal-body.is-daypanel .dash-cal-months-wrap { flex: 1 1 auto; min-width: 0; }
.dash-schedule-modal-body.is-daypanel .dash-cal-day-detail {
  flex: 0 0 300px;
  width: 300px;
  box-sizing: border-box;
margin-left: auto;
position: sticky;
  top: 0;
  align-self: flex-start;
  max-height: 100%;
  overflow-y: auto;
  padding-left: 16px;
  border-left: 1px solid #e6e8ec;
}
.dash-schedule-modal-body.is-daypanel .dash-cal-timeline { right: 316px; }
.dash-cal-todo-btn { display: inline-flex; align-items: center; gap: .3rem; }
.dash-cal-todo-count {
  min-width: 19.2px;
  padding: 0 .3rem;
  border-radius: 999px;
  background: #d94141;
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
  line-height: 19.2px;
  text-align: center;
}
.dash-cal-todo-count:empty { display: none; }
.dash-cal-todo-list {
  list-style: none;
  margin: 0;
  padding: .6rem;
  display: flex;
  flex-direction: column;
  gap: .48rem;
  max-height: min(60vh, 480px);
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
.dash-cal-ym-modal,
.dash-cal-todo-modal {
  position: fixed;
  inset: 0;
  z-index: 6;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.dash-cal-ym-modal.is-active,
.dash-cal-todo-modal.is-active { opacity: 1; pointer-events: auto; }
.dash-cal-ym-modal-backdrop { position: absolute; inset: 0; background: rgba(20, 20, 30, .45); }
.dash-cal-ym-modal-sheet {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) scale(.96);
  background: #fff;
  border-radius: 19.2px;
  box-shadow: 0 14.4px 38.4px rgba(0, 0, 0, .18);
  padding: 1.2rem;
  transition: transform .2s ease;
}
.dash-cal-ym-modal.is-active .dash-cal-ym-modal-sheet,
.dash-cal-todo-modal.is-active .dash-cal-ym-modal-sheet { transform: translateY(-50%) scale(1); }
.dash-cal-ym-modal-header { display: flex; align-items: center; gap: .6rem; margin-bottom: 1.2rem; }
.dash-cal-ym-modal-year { flex: 1 1 auto; text-align: center; font-size: 1.26rem; font-weight: 700; }
.dash-cal-modal-close {
  border: none;
  background: none;
  font-family: inherit;
  font-size: 1.68rem;
  line-height: 1;
  color: #6b7078;
  cursor: pointer;
  padding: .3rem;
}
.dash-cal-ym-modal-months { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.dash-cal-ym-month-btn {
  padding: .84rem 0;
  border: none;
  border-radius: 12px;
  background: #f2f3f5;
  color: #1c1f24;
  font-family: inherit;
  font-size: 1.056rem;
  font-weight: 600;
  cursor: pointer;
}
.dash-cal-ym-month-btn:hover { background: #e7e9ec; }
.dash-cal-ym-month-btn.is-selected { background: var(--brand); color: #fff; }
.dash-search-modal-form { display: flex; flex-direction: column; gap: .6rem; }
.dash-search-modal-hint { margin: 0; color: #9aa0aa; font-size: .984rem; }
.dash-account-modal-nav { display: flex; flex-direction: column; gap: .18rem; }
.dash-account-modal-body { background: #f2f3f5; }
.dash-account-modal-nav .dash-sidebar-item {
  width: auto;
  padding: .5rem .75rem;
  margin: 0 -.75rem;
  font-size: 1rem;
  font-weight: normal;
  gap: 6.6px;
}
.dash-account-modal-nav .dash-sidebar-item-icon { margin-left: -4px; }
.dash-account-modal-nav .icon-mask { background-color: #08090d; }
.dash-settings-placeholder { margin: 0; color: #9aa0aa; font-size: 1.08rem; }
.dash-mailnav { margin-bottom: 1.8rem; }
.dash-mailnav-header { display: flex; align-items: center; }
.dash-mailnav-header .dash-mailnav-header-link {
  flex: 1 1 auto;
  width: auto;
  justify-content: flex-start;
  gap: .72rem;
  padding: .78rem .96rem;
}
.dash-mailnav-list { display: flex; flex-direction: column; gap: .18rem; }
.dash-mailnav-section-title {
  margin: 1rem 0 .35rem;
padding-left: calc(.96rem + 33.6px + .72rem);
  font-size: .82rem;
  font-weight: 600;
  color: #8a8f98;
}
.dash-mailnav-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
padding: .66rem .96rem .66rem calc(.96rem + 33.6px + .72rem);
  border-radius: 12px;
  color: #3a3d42;
  font-size: 1.056rem;
  font-weight: 600;
}
.dash-mailnav-item:hover { background: #f2f3f5; }
.dash-mailnav-item.is-active { background: #eef0f3; color: #14171c; }
.dash-mailnav-count {
  flex: 0 0 auto;
  min-width: 24px;
  padding: 0 7.2px;
  border-radius: 1198.8px;
  background: #eceef1;
  color: #3a3d42;
  font-size: .864rem;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}
.dash-storage-usage-header {
  display: flex;
  align-items: center;
gap: 11.4px;
  margin-bottom: .6rem;
}
.dash-storage-usage-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7078;
}
.dash-storage-usage-icon img { width: 24px; height: 24px; } 
.dash-storage-usage-title {
  flex: 1 1 auto;
  margin: 0;
  font-size: 1.14rem;
  font-weight: 700;
  color: #14171c;
}
.dash-storage-usage-value {
  display: block;
  text-align: right;
  margin-top: .3rem;
  font-size: .96rem;
  font-weight: 600;
  color: #6b7280;
  font-variant-numeric: tabular-nums;
}
.dash-storage-usage-cleanup-btn {
  flex: 0 0 auto;
  padding: .3rem .66rem;
  border: 1px solid #d8dbe0;
  border-radius: 1198.8px;
  background: none;
  color: #6b7280;
  font-size: .864rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.dash-storage-usage-cleanup-btn:hover { background: #f2f3f5; }
.dash-storage-usage-cleanup-btn:disabled { color: #b3b7bd; cursor: default; }
.dash-storage-usage-cleanup-btn:disabled:hover { background: none; }
.dash-storage-usage-track {
  height: 7.2px;
border-radius: 1198.8px;
  background: #eef0f3;
  overflow: hidden;
}
.dash-storage-usage-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #4a7fc9;
  transition: width .2s ease, background-color .2s ease;
}
.dash-storage-usage-bar.is-critical { background: #d94141; }
.dash-ai-progress-header {
  display: flex;
  align-items: center;
  gap: 11.4px;
  margin-bottom: .6rem;
}
.dash-ai-progress-title {
  flex: 1 1 auto;
  margin: 0;
  font-size: 1.14rem;
  font-weight: 700;
  color: #14171c;
}
.dash-ai-progress-track {
  height: 7.2px;
  border-radius: 1198.8px;
  background: #eef0f3;
  overflow: hidden;
}
.dash-ai-progress-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #4a7fc9;
  transition: width .2s ease, background-color .2s ease;
}
.dash-ai-progress-bar.is-complete { background: #3f8f5f; }
.dash-ai-progress-value {
  display: block;
  text-align: right;
  margin-top: .3rem;
  font-size: .96rem;
  font-weight: 600;
  color: #6b7280;
  font-variant-numeric: tabular-nums;
}
.dash-ai-progress-list {
  list-style: none;
  margin: .6rem 0 0;
  padding: 0;
}
.dash-ai-progress-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  padding: .18rem 0;
  font-size: .9rem;
  color: #6b7280;
}
.dash-ai-progress-row-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-ai-progress-row-count {
  flex: 0 0 auto;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.dash-mailacct-header {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin-bottom: .9rem;
}
.dash-mailacct-title {
  flex: 1 1 auto;
  margin: 0;
  font-size: 1.14rem;
  font-weight: 700;
  color: #14171c;
}
.dash-segmented {
  display: flex;
  gap: 4px;
  margin-top: .9rem;
  padding: 4px;
  background: #f2f3f5;
  border-radius: 12px;
}
.dash-segmented-btn {
  flex: 1 1 0;
  padding: .6rem .75rem;
  border: none;
  border-radius: 9px;
  background: none;
  font-size: .96rem;
  font-weight: 600;
  color: #6b7280;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
.dash-segmented-btn.is-active {
  background: #fff;
  color: var(--brand);
  box-shadow: 0 1px 3.6px rgba(20, 20, 30, .12);
}
.dash-mailacct-add-btn {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .36rem .84rem;
  border: none; 
  border-radius: 1198.8px;
  background: #f2f3f5;
  color: #3a3d42;
  font-size: .936rem;
  font-weight: 700;
  line-height: 1;
  font-family: inherit;
  white-space: nowrap;
  text-decoration: none; 
  cursor: pointer;
}
.dash-mailacct-add-btn:hover { background: #eef0f3; }
.dash-mailacct-empty { margin: 0; color: #9aa0aa; font-size: .984rem; line-height: 1.5; }
.dash-mailacct-list { list-style: none; margin: 0; padding: 0; }
.dash-mailacct-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0; 
padding: .75rem 0;
  border-bottom: 1px solid #f2f3f5;
}
.dash-mailacct-row:last-child { border-bottom: none; }
.dash-mailacct-row-email {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  color: #3a3d42;
}
.dash-mailacct-row-primary-wrap { position: relative; flex: 0 0 auto; margin-right: 10px; } 
.dash-mailacct-row-primary-badge {
  flex: 0 0 auto;
  border: none;
  padding: .15rem .55rem;
  border-radius: 1198.8px;
  background: #f2f3f5; 
  color: #9aa0aa;
  font-size: .75rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
}
.dash-mailacct-row-primary-badge:hover:not(.is-active):not(:disabled) { background: #e8eaed; }
.dash-mailacct-row-primary-badge.is-active {
  background: #2563eb; 
  color: #fff;
  cursor: default;
}
.dash-mailacct-row-primary-badge:disabled { cursor: default; }
.dash-schedule-sources-label {
  display: flex;
  align-items: center;
  gap: .6rem;
  flex: 1 1 auto;
  min-width: 0;
  cursor: pointer;
}
.dash-schedule-sources-checkbox { flex: 0 0 auto; width: 18px; height: 18px; cursor: pointer; }
.dash-mailacct-row > .dash-mailacct-row-primary-wrap:last-child { margin-right: 0; margin-left: 10px; }
.dash-mailacct-row-badge {
  position: absolute;
top: calc(-.30rem - 6px);
  right: calc(-.30rem - 6px);
  min-width: 18px;
  height: 18px;
  padding: 0 3.6px;
  border-radius: 1198.8px;
  background: #d94141;
  color: #fff;
  font-size: .744rem;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}
.dash-mailacct-row-badge[hidden] { display: none; }
.dash-mailacct-manage-btn {
  flex: 0 0 auto;
  padding: .36rem .84rem;
  border: none;
  border-radius: 1198.8px;
  background: #f2f3f5;
  color: #3a3d42;
  font-size: .936rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
}
.dash-mailacct-manage-btn:hover { background: #eef0f3; }
.dash-mailacct-fetch-btn {
  position: relative;
  flex: 0 0 auto;
  margin-right: .5rem;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #f2f3f5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.dash-mailacct-fetch-btn:hover { background: #eef0f3; }
.dash-mailacct-fetch-btn:disabled { cursor: default; opacity: .6; }
.dash-mailacct-fetch-icon { width: 20px; height: 20px; display: block; }
.dash-mailacct-fetch-btn.is-syncing .dash-mailacct-fetch-icon { visibility: hidden; }
.dash-mailacct-fetch-btn.is-syncing::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid #e6e8ec;
  border-top-color: var(--brand);
  border-radius: 50%;
  animation: dash-loading-spin .7s linear infinite;
}
.dash-mailacct-actions-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: .18rem;
  padding: .6rem;
  overflow-y: auto;
}
.dash-mailacct-actions-item {
padding: .75rem .96rem;
  border: none;
  border-radius: 12px;
  background: none;
  color: #1c1f24;
  font-size: 1rem;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
.dash-mailacct-actions-item:hover { background: #f2f3f5; }
.dash-mailacct-actions-item:disabled { color: #b3b7bd; cursor: default; }
.dash-mailacct-actions-item:disabled:hover { background: none; }
.dash-mailacct-actions-item.is-danger { color: #d94141; } 
.dash-mailacct-readpush { display: flex; align-items: center; gap: 10px; width: 100%; }
.dash-mailacct-readpush-state { margin-left: auto; flex: 0 0 auto; color: #6b7280; font-size: .88rem; white-space: nowrap; }
.dash-mailacct-readpush[data-on="1"] .dash-mailacct-readpush-state { color: #2563eb; font-weight: 700; }
.dash-mailacct-actions-list .dash-settings-note { margin: 0 .96rem .35rem; white-space: pre-line; }
.dash-mailacct-actions-modal .dash-nested-modal-dialog { height: auto; max-height: 100%; }
.dash-admin-entry { margin-top: 1.8rem; }
.dash-admin-entry .dash-sidebar-item {
width: auto;
  padding: .5rem .75rem;
  margin: 0 -.75rem;
  font-size: 1rem;
  gap: 6.6px;
}
.dash-admin-entry .dash-sidebar-item-icon { margin-left: -4px; }
.dash-admin-entry .dash-mailacct-title { margin-bottom: .9rem; }
.dash-sidebar-item-chevron { flex: 0 0 auto; width: 20px; height: 20px; margin-left: auto; }
.dash-mypage-info .dash-sidebar-item { width: auto; padding: .5rem .75rem; margin: 0 -.75rem; font-size: 1rem; gap: 6.6px; }
.dash-mypage-info .dash-sidebar-item-icon { margin-left: -4px; }
.dash-mypage-info .dash-mailacct-title { margin-bottom: .9rem; }
.dash-search {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.dash-search-icon {
  position: absolute;
  top: 50%;
  left: .96rem;
  transform: translateY(-50%);
  width: 19.2px;
  height: 19.2px;
  color: #9aa0aa;
  pointer-events: none;
}
.dash-search-input {
  width: 100%;
  border: 1px solid #dcdfe4;
  border-radius: 1198.8px;
  padding: .78rem 1.08rem .78rem 2.76rem;
  font-size: 1.104rem;
  color: #1b2333;
  background: #f7f8fa;
}
.dash-search-input::placeholder { color: #9aa0aa; }
.dash-search-input:focus { outline: none; border-color: var(--brand); background: #fff; }
.dash-list-toolbar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: .6rem 1.2rem;
  border-bottom: 1px solid #eef0f3;
}
.dash-list-toolbar[hidden] { display: none; }
.dash-feed-toolbar-end { margin-left: auto; }
.dash-list-toolbar-btn[hidden] { display: none; }
.dash-list-toolbar-btn {
  border: 1px solid #dcdfe4;
  border-radius: 9.6px;
  padding: .48rem .96rem;
  font-size: .888rem;
  font-weight: 600;
  background: #fff;
  color: #4b5468;
  cursor: pointer;
}
.dash-list-toolbar-btn:hover { background: #f7f8fa; }
.dash-list-toolbar-btn.is-danger { border-color: #f3c6c6; color: #d94141; }
.dash-list-toolbar-btn.is-danger:hover { background: #fdecec; }
.dash-list-toolbar-btn.is-primary {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
  font-weight: 700;
}
.dash-list-toolbar-btn.is-primary:hover { background: #00567f; border-color: #00567f; }
.dash-list-toolbar-btn.is-busy { display: inline-flex; align-items: center; cursor: default; }
.dash-list-toolbar-btn.is-busy::before {
  content: '';
  width: 14px;
  height: 14px;
  margin-right: 6px;
  border: 2px solid #e6e8ec;
  border-top-color: var(--brand);
  border-radius: 50%;
  animation: dash-loading-spin .7s linear infinite;
}
.dash-list-toolbar-btn.is-primary.is-busy::before { border-color: rgba(255, 255, 255, .45); border-top-color: #fff; }
.dash-list-toolbar-btn.is-endcap,
.dash-share-archived-mark.is-endcap { margin-left: auto; }
.dash-share-archived-mark {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  color: var(--brand);
  font-size: .92rem;
  font-weight: 700;
}
.dash-feed-toolbar > * { min-width: 0; }
.dash-feed-toolbar .dash-notebrowse-toolbar-btn.is-select-btn { min-width: 0; overflow: hidden; }
.dash-feed-toolbar .dash-notebrowse-toolbar-btn.is-select-btn > span:not(.dash-notebrowse-mode-caret) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-feed-toolbar .dash-notebrowse-mode-caret { flex: 0 0 auto; }
.dash-feed-toolbar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: .48rem;
padding: .48rem 10px;
  background: #fff;
  border-bottom: 1px solid #eef0f3;
}
.dash-list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
overscroll-behavior-y: contain;
  display: flex;
  flex-direction: column;
  gap: 0;
padding-bottom: var(--dash-bottombar-h);
}
.dash-list.dash-maillist-modal-list,
.dash-list.dash-notelist-modal-list,
.dash-list.dash-sharelist-modal-list {
  padding-bottom: 0;
}
.dash-list li:not(:last-child) { border-bottom: 1px solid #f2f3f5; }
.dash-share-left {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 999px;
  background: #eef0f3;
  color: #4b5468;
  font-size: .78rem;
  font-weight: 700;
  white-space: nowrap;
}
.dash-row-meta .dash-share-left { padding-top: 0; padding-bottom: 0; }
.dash-share-left.is-soon { background: #fdecec; color: #d94141; }
.dash-share-left.is-expired { background: #f2f3f5; color: #9aa0aa; }
.dash-sharelist-sort-wrap { margin-left: auto; }
.dash-bottombar {
position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--z-chrome);
  display: flex;
  align-items: stretch;
  height: 60px;
background: #fff;
  border-top: 1px solid #eef0f3;
margin-bottom: 0;
  overflow: hidden;
opacity: 1;
transition: border-color .25s ease, transform .25s ease, opacity .25s ease;
}
.dash-bottombar.is-nested-covered { opacity: 0; pointer-events: none; }
.dash-bottombar-item {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
gap: .09rem;
  min-width: 0;
padding: 0;
  font: inherit;
  border: none;
  background: none;
  color: #6b7280;
  cursor: pointer;
  text-decoration: none;
}
.dash-bottombar-item:hover { background: #f7f8fa; }
.dash-bottombar-item .icon-mask { width: 33.6px; height: 33.6px; }
.dash-bottombar-label { font-size: .768rem; font-weight: 600; }
.dash-bottombar-item.is-disabled { color: #c3c7ce; cursor: default; }
.dash-bottombar-item.is-disabled .icon-mask { background-color: #c3c7ce; }
.dash-bottombar-item.is-disabled:hover { background: none; }
.dash-bottombar-item.is-active {
  color: var(--brand);
  background: var(--brand-light);
}
.dash-card.is-chrome-hidden .dash-topbar {
  max-height: 0;
  border-bottom-color: transparent;
}
.dash-card.is-chrome-hidden .dash-toptabs {
  max-height: 0;
padding-top: 0;
  padding-bottom: 0;
  border-bottom-color: transparent;
  transform: translateY(-100%); 
}
.dash-card.is-chrome-hidden .dash-bottombar,
.dash-card.is-chrome-hidden ~ .dash-bottombar {
border-top-color: transparent;
  transform: translateY(100%); 
  opacity: 0; 
transition: border-color .6s ease, transform .6s ease, opacity .6s ease;
}
.dash-swipe {
  position: relative;
  overflow: hidden;
}
.dash-swipe-action {
  position: absolute;
  inset: 0;
  background: #d94141;
}
.dash-swipe-action.has-restore {
  background: linear-gradient(to right, #d94141 0 50%, #2563eb 50% 100%);
}
.dash-swipe.is-committing-delete .dash-swipe-action { background: #d94141; }
.dash-swipe.is-committing-delete .dash-swipe-trash.is-right { display: none; }
.dash-swipe.is-committing-restore .dash-swipe-action { background: #2563eb; }
.dash-swipe.is-committing-restore .dash-swipe-trash.is-left { display: none; }
.dash-swipe-trash {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 86.4px;
  border: none;
  background: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.dash-swipe-trash.is-left { left: 0; }
.dash-swipe-trash.is-right { right: 0; }
.dash-swipe-trash svg, .dash-swipe-trash img { width: 24px; height: 24px; }
.dash-swipe-trash.is-permanent { flex-direction: column; gap: .24rem; }
.dash-swipe-trash-label { font-size: .816rem; font-weight: 700; white-space: nowrap; }
.dash-swipe .dash-row {
  position: relative;
  background: #fff;
  touch-action: pan-y; 
-webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
@keyframes dash-row-restore-flash {
  0% { background-color: #eaf2ff; }
  100% { background-color: #fff; }
}
.dash-row.is-restored { animation: dash-row-restore-flash .9s ease; }
.dash-undo-toast {
  position: fixed;
  left: 50%;
  bottom: 100.8px;
  transform: translateX(-50%);
z-index: calc(var(--z-system) + 2);
  display: flex;
  align-items: center;
  gap: .9rem;
  padding: .78rem .6rem .78rem 1.2rem;
  border-radius: 1198.8px;
  background: var(--brand);
  color: #fff;
  font-size: 1.02rem;
  white-space: nowrap;
  box-shadow: 0 9.6px 24px rgba(10, 10, 20, .18);
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease;
}
.dash-undo-toast.is-active { opacity: 1; pointer-events: auto; }
.dash-undo-toast-btn {
  flex: 0 0 auto;
  border: none;
  background: none;
  padding: .36rem .72rem;
  border-radius: 1198.8px;
  color: #7db2ff;
  font-weight: 700;
  font-size: 1.02rem;
  cursor: pointer;
}
.dash-undo-toast-btn:hover { background: rgba(255, 255, 255, .1); }
.dash-item {
  display: flex;
  align-items: center;
  gap: .9rem;
  padding: 1.02rem 1.2rem;
  border-radius: 16.8px;
  color: #fff;
  overflow: hidden;
}
.dash-item:hover { filter: brightness(1.04); text-decoration: none; color: #fff; }
.dash-item-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40.8px;
  height: 40.8px;
  border-radius: 10.8px;
  background: rgba(255, 255, 255, .9);
}
.dash-item-icon svg { width: 21.6px; height: 21.6px; }
.dash-item-label {
  font-weight: 700;
  font-size: 1.104rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dash-item-blue { background: #3672f1; }
.dash-item-blue .dash-item-icon { color: #2454c9; }
.dash-item-orange { background: #f0964a; }
.dash-item-orange .dash-item-icon { color: #c96f22; }
.dash-item-teal { background: #128a89; }
.dash-item-teal .dash-item-icon { color: #0b6564; }
.dash-item-purple { background: #9c5c85; }
.dash-item-purple .dash-item-icon { color: #7a4368; }
.dash-actions {
  display: flex;
  gap: .72rem;
  margin-top: 1.2rem;
}
.dash-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border: none;
  border-radius: 16.8px;
  background: var(--brand);
  color: #fff;
  cursor: pointer;
}
.dash-btn svg { width: 24px; height: 24px; }
.dash-btn:hover { background: var(--brand-dark); }
.dash-btn:disabled { background: #c8ccd2; cursor: not-allowed; }
.dash-btn-add { flex: 0 0 60px; }
.dash-btn-top { flex: 0 0 60px; }
.dash-login-prompt {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2.4rem 1.2rem;
  color: #6b7383;
}
.dash-login-prompt > * { transform: translateY(-4vh); }
@media (max-height: 500px) {
  .dash-login-prompt > * { transform: none; }
}
.dash-login-prompt p { margin: 0 0 1.02rem; }
.dash-empty {
  text-align: center;
  color: #9aa0aa;
  padding: 1.8rem 0;
  font-size: 1.08rem;
white-space: pre-line;
max-width: 34rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}
.dash-row {
  display: flex;
align-items: flex-start;
  gap: 12px;
padding: var(--dash-row-pad-y) var(--dash-row-pad-x); 
}
.dash-row.is-clickable { cursor: pointer; }
.dash-row.is-clickable:hover, .dash-row.is-clickable:focus-visible {
  background: #f7f8fa;
  outline: none;
}
.dash-row-avatar {
  position: relative; 
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dash-row-lead);
  height: var(--dash-row-lead);
border-radius: var(--dash-row-lead-radius);
  background: var(--brand);
  color: #fff;
  font-weight: 700;
  font-size: 1.14rem;
}
.dash-row-avatar svg, .dash-row-avatar img { width: 21.6px; height: 21.6px; }
.dash-row-avatar.dash-row-avatar-icon { background: var(--dash-row-lead-bg); border: var(--dash-row-lead-border); }
.dash-row-avatar-icon .icon-mask { width: var(--dash-row-lead-icon); height: var(--dash-row-lead-icon); background-color: #08090d; }
.dash-row-avatar.dash-row-folder-peek { background: var(--dash-row-lead-bg); border: var(--dash-row-lead-border); }
.dash-folder-peek { position: relative; display: block; width: var(--dash-row-lead-photo); height: var(--dash-row-lead-photo); color: #f0b429; }
.dash-folder-peek .icon-mask { position: absolute; left: 0; bottom: 0; width: 100%; height: 83%; mask-size: contain; -webkit-mask-size: contain; }
.dash-folder-peek .dash-folder-peek-back { z-index: 1; background-color: color-mix(in srgb, #f0b429 82%, #000); }
.dash-folder-peek .dash-folder-peek-front { z-index: 3; background-color: #f0b429; }
.dash-folder-peek.is-parent { color: #5b8fd9; }
.dash-folder-peek.is-parent .dash-folder-peek-back { background-color: #5b8fd9; }
.dash-folder-peek.is-parent .dash-folder-peek-front { background-color: #5b8fd9; }
.dash-folder-peek .dash-folder-peek-arrow {
  z-index: 2;
left: 50%;
bottom: 38%;
  width: 34%;
  height: 34%;
  transform: translate(-50%, 50%);
  background-color: #fff;
}
.dash-folder-peek .dash-folder-peek-img {
position: absolute; z-index: 2; left: 18%; top: 38%; width: 64%; height: 50%;
  object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
background: #fff;
}
.dash-folder-peek .dash-folder-peek-img.is-emblem {
  left: calc(25% - 1px); top: calc(34% - 1px); width: 50%; height: auto; aspect-ratio: 1;
  box-sizing: content-box; padding: 1px;
  object-fit: contain;
  background: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.dash-row-thumb {
  position: relative;
  flex: 0 0 auto;
  width: var(--dash-row-lead);
  height: var(--dash-row-lead);
}
.dash-row-thumbs {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
height: var(--dash-row-lead);
}
.dash-row-thumbs-item {
  box-sizing: border-box;
  width: var(--dash-row-lead);
  height: var(--dash-row-lead);
  border-radius: calc(var(--dash-row-lead) / 6);
  object-fit: cover;
  background: #f2f3f5;
border: 2px solid #fff;
  box-shadow: 0 1px 3px rgba(10, 10, 20, .18);
}
.dash-row-thumbs-item + .dash-row-thumbs-item { margin-left: calc(var(--dash-row-lead) * -0.62); }
.dash-row-thumb-front, .dash-row-thumb-back {
  position: absolute;
  width: var(--dash-row-lead-photo);
  height: var(--dash-row-lead-photo);
  border-radius: var(--dash-row-lead-radius); 
  object-fit: cover;
  background: #f2f3f5;
border: 0;
  box-shadow: 0 1px 3.6px rgba(10, 10, 20, .18);
}
.dash-row-thumb,
.dash-row-avatar { isolation: isolate; }
.dash-row-thumb-front { top: var(--dash-row-thumb-inset); left: var(--dash-row-thumb-inset); z-index: 2; }
.dash-row-thumb-back { top: 0; left: 0; z-index: 1; }
.dash-row-thumb.is-stacked .dash-row-thumb-front,
.dash-row-thumb.is-stacked .dash-row-thumb-back {
  width: calc(var(--dash-row-lead-photo) - var(--dash-row-stack-offset));
  height: calc(var(--dash-row-lead-photo) - var(--dash-row-stack-offset));
  border: 2px solid #fff;
}
.dash-row-thumb.is-stacked .dash-row-thumb-front {
  top: var(--dash-row-stack-offset);
  left: var(--dash-row-stack-offset);
}
.dash-row-share-badge {
  position: absolute;
  bottom: -3px;
  right: -6px;
  z-index: 3;
  padding: 0 5px;
  height: 16px;
  border-radius: 999px;
  border: 2px solid #fff;
  background: #d97706;
  color: #fff;
  font-size: .625rem;
  font-weight: 700;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.dash-row-share-badge.is-archived { background: #2563eb; }
.dash-row-thumb-badge {
  position: absolute;
  bottom: -3px;
  right: -3px;
  z-index: 3;
  min-width: 20.4px;
  height: 20.4px;
  padding: 0 4.8px;
  border-radius: 1198.8px;
  border: 2.4px solid #fff;
  background: #6b7280;
  color: #fff;
  font-size: .744rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dash-row-thumb-generic {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dash-row-thumb-generic {
  background: var(--dash-row-lead-bg);
  border: var(--dash-row-lead-border);
  border-radius: var(--dash-row-lead-radius);
}
.dash-row-thumb-generic .icon-mask { width: var(--dash-row-lead-icon); height: var(--dash-row-lead-icon); }
.dash-row-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--dash-row-line-gap);
}
.dash-row-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .6rem;
}
.dash-row-sender {
  font-weight: 600;
font-size: var(--dash-row-title-size);
  line-height: var(--dash-row-line-height);
  color: #191919; 
min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-row.is-unread .dash-row-sender { font-weight: 800; }
.dash-row-sender-arrow,
.dash-row-recipient {
  font-weight: 400;
  color: #9aa0aa;
}
.dash-row-time {
  flex: 0 0 auto;
font-size: var(--dash-row-meta-size);
  line-height: var(--dash-row-line-height);
color: #767676;
}
.dash-row-new {
  display: none;
  position: absolute;
top: 2px;
  left: 2px;
  z-index: 2;
  width: 13.2px;
  height: 13.2px;
  border-radius: 50%;
  background: #d94141;
  border: 2.4px solid #fff;
}
.dash-row.is-unread .dash-row-new { display: block; }
.dash-row-new.dash-row-new-count {
  width: auto;
  min-width: 16.8px;
  height: auto;
  min-height: 16.8px;
padding: 2px 4px;
  border-radius: 999px;
  font-size: .66rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  align-items: center;
  justify-content: center;
}
.dash-row.is-unread .dash-row-new.dash-row-new-count { display: flex; }
.dash-row-new.dash-row-new-count.dash-row-new-count-always { display: flex; }
.dash-row-new-count-always.is-all-read { background: #6b7280; } 
.dash-row-caption {
font-size: var(--dash-row-text-size);
  line-height: var(--dash-row-line-height);
  color: #9aa0a8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-row-hits {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 16px calc(var(--dash-row-pad-y) + 3px) calc(16px + var(--dash-row-lead) + 12px); 
}
.dash-row-hit {
  padding: 1px 7px;
  border-radius: 999px;
  background: #f2f3f5;
  color: #6b7383;
  font-size: .8rem;
  font-weight: 600;
}
.dash-row-preview {
font-size: var(--dash-row-text-size);
  line-height: var(--dash-row-line-height);
  color: #767676;
  overflow: hidden;
display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-word;
}
.dash-row-meta .dash-row-preview {
  display: block;
  -webkit-line-clamp: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.dash-mailacct-dot {
  display: inline-block;
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-right: .4rem;
  border-radius: 50%;
  vertical-align: middle;
  background: #c9d0db;
}
.dash-mailacct-dot.is-empty {
  background: conic-gradient(
    #f4a3a3, #f7c9a0, #f6e6a0, #b7e0b0, #a6d8dd, #a9bdea, #c9aee0, #f4a3a3
  );
}
.dash-mailacct-color-btn {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #dfe3ea;
  cursor: pointer;
  padding: 0;
}
.dash-mailacct-color-btn:hover { box-shadow: 0 0 0 2px #c9d0db; }
.dash-mailacct-color-wrap {
  position: relative;
  flex: 0 0 auto;
  margin-left: auto;
  margin-right: .4rem;
  display: inline-flex;
}
.dash-mailacct-color-wrap .dash-mailacct-color-btn { margin: 0; }
.dash-notebrowse-sort-menu.dash-mailacct-color-menu {
  right: 0;
  left: auto;
  display: grid;
  grid-template-columns: repeat(5, 24px);
  gap: 8px;
  padding: 10px;
  min-width: 0;
}
.dash-notebrowse-sort-menu-item.dash-mailacct-color-swatch {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #dfe3ea;
  cursor: pointer;
  box-sizing: border-box;
}
.dash-notebrowse-sort-menu-item.dash-mailacct-color-swatch:hover { box-shadow: 0 0 0 2px #c9d0db; }
.dash-notebrowse-sort-menu-item.dash-mailacct-color-swatch.is-selected { box-shadow: 0 0 0 2px #1c1f24; }
.dash-row-body.is-mail-3line,
.dash-row-body.is-3line { gap: var(--dash-row-line-gap); }
.dash-row-body.is-mail-3line .dash-row-top,
.dash-row-body.is-3line .dash-row-top { height: auto; }
.dash-row-body.is-3line > .dash-row-sender { flex: 0 0 auto; }
.dash-row-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .6rem;
  min-width: 0;
  font-size: var(--dash-row-meta-size);
  line-height: var(--dash-row-line-height);
  color: #9aa0aa;
}
.dash-row-meta > * {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-row-meta > .dash-row-enrich { flex: 0 0 auto; }
.dash-row-body.is-3line .dash-row-time { margin-left: auto; }
.dash-row-body.is-3line .dash-row-caption { color: #6b7383; }
.dash-row-account-badge {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 8px;
  border-radius: 999px;
background: #DDDFE4;
  color: #1c1f24;
  font-size: .8rem;
  font-weight: 400; 
  line-height: 16px; 
}
.dash-row-body.is-mail-3line .dash-row-time { margin-left: auto; }
.dash-row-body.is-mail-3line > .dash-row-preview { -webkit-line-clamp: 1; }
.dash-row-body.is-mail-3line > .dash-row-preview.has-mail-body {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  white-space: nowrap;
}
.dash-row-preview.has-mail-body .dash-row-preview-attach { flex: 0 0 auto; }
.dash-row-preview-subject,
.dash-row-preview-body {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-row-preview-subject { flex: 0 1 auto; }
.dash-row-preview-body { flex: 1 1 0; color: #b9bec7; }
.dash-row-preview-body::before { content: '- '; }
.dash-row-counter {
font-size: var(--dash-row-title-size);
  line-height: var(--dash-row-line-height);
  font-weight: 600;
  color: #191919; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
flex: 0 0 auto;
display: flex;
  align-items: baseline;
  gap: 0;
}
.dash-row-counter-name,
.dash-row-counter-addr {
  flex: 0 1 content;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-row-schedule-group-list {
  display: flex;
  flex-direction: column;
gap: var(--dash-row-line-gap);
}
.dash-row-schedule-group-item {
  display: flex;
  align-items: baseline;
  gap: .48rem;
  font-size: var(--dash-row-text-size);
  line-height: var(--dash-row-line-height);
}
.dash-row-schedule-group-item-title {
  color: #1b2333;
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-row-schedule-group-item-time {
  flex: 0 0 auto;
  color: #9aa0aa;
  font-size: var(--dash-row-meta-size);
}
.dash-row-note-group-thumbs {
  display: flex;
  align-items: center;
  gap: .3rem;
}
.dash-row-note-group-thumb {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  object-fit: cover;
  background: #f2f3f5;
}
.dash-row-note-group-thumb-more {
  flex: 0 0 auto;
  color: #9aa0aa;
  font-size: var(--dash-row-meta-size);
  letter-spacing: 1px;
}
.dash-row { position: relative; }
@keyframes dashJumpFlash {
0%   { background-color: #fff; }
  8%   { background-color: #b9d1fa; }
  25%  { background-color: #e6eefd; }
  41%  { background-color: #b9d1fa; }
  58%  { background-color: #e6eefd; }
  75%  { background-color: #b9d1fa; }
  92%  { background-color: #e6eefd; }
  100% { background-color: #fff; }
}
.is-jump-flash { animation: dashJumpFlash 3s ease-in-out 1; }
.dash-cal-event-card.is-jump-flash,
.dash-cal-tl-bar.is-jump-flash {
  animation: dashJumpFlashOutline 3s ease-in-out 1;
}
@keyframes dashJumpFlashOutline {
0%   { box-shadow: none; }
  8%   { box-shadow: 0 0 0 3px rgba(37, 99, 235, .85); }
  25%  { box-shadow: 0 0 0 3px rgba(37, 99, 235, .3); }
  41%  { box-shadow: 0 0 0 3px rgba(37, 99, 235, .85); }
  58%  { box-shadow: 0 0 0 3px rgba(37, 99, 235, .3); }
  75%  { box-shadow: 0 0 0 3px rgba(37, 99, 235, .85); }
  92%  { box-shadow: 0 0 0 3px rgba(37, 99, 235, .3); }
  100% { box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
.is-jump-flash { animation: none; background-color: #dce6fc; }
  .dash-cal-event-card.is-jump-flash,
  .dash-cal-tl-bar.is-jump-flash { animation: none; box-shadow: 0 0 0 3px rgba(37, 99, 235, .6); }
}
.dash-row-flags {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
gap: 4px;
  row-gap: 2px;
}
.dash-row-flag-btn {
  display: inline-flex;
  align-items: center;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  line-height: 0;
  cursor: pointer;
  border-radius: 999px;
}
.dash-row-flag-btn:hover { opacity: .75; }
.dash-row-flag-btn:active { transform: scale(.9); }
.dash-row-flag-btn:focus-visible { outline: 2px solid #2563eb; outline-offset: 1px; }
.dash-row-flag-btn.is-off img {
  filter: grayscale(1);
  opacity: .4;
}
.dash-row-flags .dash-row-flag-star,
.dash-row-flags .dash-row-flag-important,
.dash-row-flags .dash-row-flag-checked,
.dash-row-flags .dash-row-flag-liked,
.dash-row-flags .dash-row-flag-bookmarked {
width: 20px;
  height: 20px;
  margin-right: 0;
}
.dash-row-preview-attach.icon-mask {
  width: 13px;
  height: 13px;
  margin-right: 3px;
  vertical-align: -2px;
  background-color: #6b7383;
}
.dash-row-draft-text { color: #6b7280; }
.dash-row-draft-text.is-incomplete { color: #b91c1c; font-weight: 400; }
.dash-row-meta .dash-row-preview.dash-row-draft-text.is-incomplete {
  color: #b91c1c;
  font-weight: 400;
}
.dash-notebrowse-body {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.dash-notebrowse-modal {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; 
}
.dash-mail-modal-header.dash-notebrowse-header {
  align-items: center;
padding: 0;
  gap: .2rem;
}
.dash-notebrowse-header .dash-notebrowse-close-btn {
  flex: 0 0 auto;
  width: 43.2px;
  height: 43.2px;
  margin-left: 12px;
  margin-right: .18rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, .05);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .12s ease;
}
.dash-notebrowse-header .dash-notebrowse-close-btn:hover { background: rgba(0, 0, 0, .1); }
.dash-notebrowse-header .dash-notebrowse-close-btn .icon-mask { width: var(--dash-header-icon); height: var(--dash-header-icon); background-color: #1c1f24; }
.dash-notebrowse-header .dash-notebrowse-kebab-btn {
  position: static;
  flex: 0 0 auto;
}
.dash-notebrowse-header-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0;
}
.dash-notebrowse-header .dash-notebrowse-breadcrumb {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  border-bottom: none;
}
.dash-notebrowse-breadcrumb[hidden] { display: none; }
.dash-notebrowse-modal:has(.dash-notebrowse-breadcrumb[hidden]):has(.dash-notebrowse-backsearch[hidden]) .dash-notebrowse-header { display: none; }
.dash-notebrowse-modal:has(.dash-notebrowse-breadcrumb[hidden]):has(.dash-notebrowse-backsearch[hidden]) .dash-notebrowse-toolbar { margin-bottom: 0; }
@media (max-width: 767px) {
  .dash-notebrowse-modal.is-listsearch-open:has(.dash-notebrowse-breadcrumb[hidden]):has(.dash-notebrowse-backsearch[hidden]) .dash-notebrowse-toolbar { margin-bottom: 52px; }
  .dash-notebrowse-modal.is-listsearch-unavailable.is-listsearch-open:has(.dash-notebrowse-breadcrumb[hidden]):has(.dash-notebrowse-backsearch[hidden]) .dash-notebrowse-toolbar { margin-bottom: 0; }
}
.dash-notebrowse-breadcrumb {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: .3rem;
  padding: .3rem 12px .3rem 12px;
  border-bottom: 1px solid #eceef1;
}
.dash-notebrowse-breadcrumb-trail {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
overflow-x: auto;
  overflow-y: hidden;
scrollbar-width: none;
}
.dash-notebrowse-breadcrumb-trail::-webkit-scrollbar { display: none; }
.dash-notebrowse-breadcrumb-item {
flex: 0 0 auto;
  white-space: nowrap;
  border: none;
  background: none;
  padding: 0;
  color: var(--brand);
font-size: 1.125rem;
  font-weight: 700;
  cursor: pointer;
}
.dash-notebrowse-breadcrumb-item.is-current { color: #6b7280; cursor: default; }
.dash-notebrowse-breadcrumb-sep { flex: 0 0 auto; color: #c3c8d1; font-size: .9rem; margin: 0 10px; }
.dash-notebrowse-breadcrumb-item {
  font-family: inherit;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  color: #374151;
}
.dash-notebrowse-breadcrumb-item:not(.is-current):hover { color: #111827; text-decoration: underline; text-underline-offset: 3px; }
.dash-notebrowse-breadcrumb-item.is-current { font-weight: 700; color: #111827; }
.dash-notebrowse-breadcrumb-sep { color: #9ca3af; font-size: 1rem; line-height: 1.4; margin: 0 8px; }
.dash-notebrowse-modal.is-page-pinned .dash-notebrowse-header-actions [data-overlay-open="settings"] { display: none; }
.dash-notebrowse-breadcrumb-item { font-size: 14px; padding: 6px 8px; border-radius: 7px; }
.dash-notebrowse-breadcrumb-item:not(.is-current):hover { background: #eef0f3; text-decoration: none; }
.dash-notebrowse-breadcrumb-item.is-current { font-size: 15px; }
.dash-notebrowse-breadcrumb-sep { font-size: 14px; margin: 0 2px; }
.dash-notebrowse-modal.is-page-pinned .dash-mail-modal-header.dash-notebrowse-header {
  height: 44px;
  background: transparent;
  box-shadow: none;
}
.dash-notebrowse-modal.is-page-pinned .dash-notebrowse-body { top: 0; }
.dash-notebrowse-modal.is-page-pinned .dash-mail-modal-header.dash-notebrowse-header { top: 52px; }
.dash-notebrowse-modal.is-page-pinned .dash-notebrowse-toolbar { margin-bottom: 44px; border-bottom-color: #e2e5ea; }
@media (max-width: 767px) {
  .dash-notebrowse-modal.is-page-pinned.is-listsearch-open .dash-notebrowse-toolbar { margin-bottom: 96px; }
  .dash-notebrowse-modal.is-page-pinned.is-listsearch-open .dash-mail-modal-header.dash-notebrowse-header { top: 104px; }
  .dash-notebrowse-modal.is-page-pinned.is-listsearch-unavailable.is-listsearch-open .dash-notebrowse-toolbar { margin-bottom: 44px; }
  .dash-notebrowse-modal.is-page-pinned.is-listsearch-unavailable.is-listsearch-open .dash-mail-modal-header.dash-notebrowse-header { top: 52px; }
}
.dash-notebrowse-kebab-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-notebrowse-kebab-btn .icon-mask { width: var(--dash-header-icon); height: var(--dash-header-icon); }
.dash-notebrowse-header-btn {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-notebrowse-header-btn .icon-mask { width: var(--dash-header-icon); height: var(--dash-header-icon); background-color: #1c1f24; }
.dash-notebrowse-kebab-menu {
  position: absolute;
  top: 56px;
  right: 12px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  min-width: 176px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 9.6px 24px rgba(10, 10, 20, .18);
  overflow: hidden;
  padding: .3rem 0;
}
.dash-notebrowse-kebab-menu[hidden] { display: none; }
.dash-notebrowse-kebab-menu-item {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .66rem .96rem;
  border: none;
  background: none;
  color: #1c1f24;
  font-weight: 600;
  font-size: .96rem;
  cursor: pointer;
  white-space: nowrap;
}
.dash-notebrowse-kebab-menu-item:hover { background: #f7f8fa; }
.dash-notebrowse-kebab-menu-item .icon-mask { width: 19.2px; height: 19.2px; background-color: #1c1f24; flex: 0 0 auto; }
.dash-notebrowse-sort-wrap {
  flex: 0 0 auto;
  position: relative;
}
.dash-notebrowse-sort-wrap[hidden] { display: none; }
.dash-notebrowse-sort-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-notebrowse-sort-btn .icon-mask { width: 19.2px; height: 19.2px; background-color: #1c1f24; }
.dash-notebrowse-sort-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  min-width: 180px; 
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 9.6px 24px rgba(10, 10, 20, .18);
  overflow: hidden;
  padding: .3rem 0;
}
.dash-notebrowse-sort-menu[hidden] { display: none; }
.dash-notebrowse-sort-menu-item {
  display: flex;
  align-items: center;
  gap: .5rem;
  border: none;
  background: none;
  padding: .78rem 1.1rem;
  color: #1c1f24;
  font-size: 1rem;
  cursor: pointer;
  white-space: nowrap;
}
.dash-notebrowse-sort-menu-item:hover { background: #f7f8fa; }
.dash-notebrowse-sort-menu-item.is-selected {
  color: var(--brand);
  font-weight: 700;
  background: rgba(0, 103, 158, .1);
  border-radius: 6px;
}
.dash-notebrowse-parent-row .dash-row {
padding: var(--dash-row-pad-y) 16px; 
}
.dash-notebrowse-parent-row .dash-row-preview { display: none; }
.dash-notebrowse-parent-row .dash-row-avatar:not(.dash-row-folder-peek) {
  width: 40px;
  height: 40px;
}
.dash-notebrowse-parent-row .dash-row-avatar-icon .icon-mask {
  width: 26px;
  height: 26px;
}
.dash-notebrowse-actionbar {
  position: absolute;
  bottom: calc(var(--dash-bottombar-h) + .6rem);
  left: 12px;
  right: 12px;
  z-index: 1;
  display: flex;
  align-items: stretch;
  gap: .48rem;
  transition: bottom .25s ease;
}
.dash-notebrowse-dropzone {
  flex: 2 1 0;
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: .72rem;
  border: 1px solid #eceef1;
  border-radius: 12px;
  padding: .84rem 1.02rem;
  text-align: left;
  color: #888;
  font-size: .96rem;
  background: #fff;
  box-shadow: 0 4.8px 16px rgba(10, 10, 20, .08);
  cursor: pointer;
  transition: border-color .15s, background-color .15s, box-shadow .15s, color .15s, opacity .2s ease, transform .2s ease;
}
.dash-card.is-chrome-hidden .dash-notebrowse-actionbar,
.dash-card.is-chrome-hidden ~ * .dash-notebrowse-actionbar { bottom: .6rem; }
.dash-notebrowse-actionbar.is-keyboard-docked { bottom: .6rem; }
@media (min-width: 768px) {
  .dash-notebrowse-actionbar:not(.dash-contact-form-actionbar) { justify-content: flex-end; }
.dash-notebrowse-actionbar:not(.dash-contact-form-actionbar) .dash-action-btn {
    flex: 0 0 auto;
    padding-left: 1.68rem;
    padding-right: 1.68rem;
  }
.dash-notebrowse-actionbar:not(.dash-contact-form-actionbar) .dash-notebrowse-dropzone,
  .dash-notebrowse-actionbar:not(.dash-contact-form-actionbar) .dash-notebrowse-pastebox {
    flex: 0 0 320px;
    width: 320px;
  }
.dash-notebrowse-actionbar:not(.dash-contact-form-actionbar) .dash-notebrowse-dropzone {
    padding-left: 1.02rem;
    padding-right: 1.02rem;
  }
}
.dash-action-btn {
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .48rem;
  min-height: 52px; 
  padding: .72rem 1rem;
  border: none;
border-radius: 14px;
  background-image: linear-gradient(180deg, #0a76ad 0%, var(--brand) 100%);
  background-color: var(--brand); 
  box-shadow: 0 6px 16px rgba(0, 103, 158, .22), inset 0 1px 0 rgba(255, 255, 255, .16);
  color: #fff;
  font-size: .96rem;
  font-weight: 600; 
  letter-spacing: -.01em;
  line-height: 1.2;
  white-space: nowrap; 
  cursor: pointer;
  transition: transform .12s ease, box-shadow .18s ease, background-image .18s ease, opacity .18s ease;
}
.dash-action-btn:hover {
  background-image: linear-gradient(180deg, #0b80bb 0%, #005e91 100%);
  box-shadow: 0 8px 20px rgba(0, 103, 158, .28), inset 0 1px 0 rgba(255, 255, 255, .18);
}
.dash-action-btn:active {
  transform: translateY(1px);
  box-shadow: 0 3px 10px rgba(0, 103, 158, .22), inset 0 1px 0 rgba(255, 255, 255, .12);
}
.dash-action-btn .icon-mask {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background-color: #fff; 
  opacity: .92; 
}
.dash-tab-actionbar { z-index: 2; }
.dash-contacts-add-btn {
  white-space: normal;
  word-break: keep-all;
  text-align: center;
}
.dash-schedule-modal .dash-schedule-modal-body {
  padding-bottom: calc(var(--dash-bottombar-h) + 68px);
}
.dash-card.is-chrome-hidden .dash-schedule-modal .dash-schedule-modal-body {
  padding-bottom: 68px;
}
.dash-notebrowse-dropzone:hover { border-color: var(--brand); box-shadow: 0 6px 20px rgba(10, 10, 20, .12); }
.dash-notebrowse-dropzone.dash-action-btn {
  min-height: 64px;
  white-space: normal;
  gap: .72rem;
}
.dash-notebrowse-dropzone.dash-action-btn .dash-notebrowse-dropzone-text {
  text-align: left;
}
.dash-notebrowse-dropzone.dash-action-btn .dash-notebrowse-dropzone-title { color: #fff; }
.dash-notebrowse-dropzone.dash-action-btn .dash-notebrowse-dropzone-sub { color: rgba(255, 255, 255, .78); }
.dash-notebrowse-dropzone.dash-action-btn:hover {
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(0, 103, 158, .3), inset 0 1px 0 rgba(255, 255, 255, .18);
}
.dash-notebrowse-dropzone.dash-action-btn.is-drag-active {
  border-color: transparent;
  background: linear-gradient(180deg, #0d8ac9 0%, #0a76ad 100%);
  box-shadow: 0 10px 24px rgba(0, 103, 158, .38), inset 0 1px 0 rgba(255, 255, 255, .22);
}
.dash-notebrowse-dropzone.is-drag-active {
  border-color: var(--brand);
background: #eef5fa;
  box-shadow: 0 6px 20px rgba(10, 10, 20, .12);
}
.dash-notebrowse-modal.is-item-dragging .dash-notebrowse-dropzone {
  pointer-events: none;
}
.dash-notebrowse-dropzone-icon {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  background-color: var(--brand);
}
.dash-notebrowse-dropzone-text {
  display: flex;
  flex-direction: column;
  gap: .12rem;
  min-width: 0;
}
.dash-notebrowse-dropzone-title { color: #1c1f24; font-weight: 700; font-size: .96rem; }
.dash-notebrowse-dropzone-sub {
  color: #888;
  font-size: .8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-notebrowse-pastebox {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: .6rem .7rem;
  border: 1px dashed #b9c2cf;
  border-radius: 14px;
  background: #f7f9fc;
  cursor: text;
}
.dash-notebrowse-pastebox-text {
  display: flex;
  flex-direction: column;
  gap: .12rem;
  min-width: 0;
  text-align: center;
  pointer-events: none; 
}
.dash-notebrowse-pastebox-title { color: #1c1f24; font-weight: 700; font-size: .96rem; }
.dash-notebrowse-pastebox-sub { color: #888; font-size: .8rem; line-height: 1.4; }
.dash-notebrowse-pastebox-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 14px;
  background: transparent;
  color: transparent;
  caret-color: transparent;
  resize: none;
  outline: none;
}
.dash-notebrowse-pastebox:focus-within {
  border-color: var(--brand);
  border-style: solid;
  background: #eef6fb;
}
.dash-notebrowse-pastebox.is-drag-active {
  border-color: var(--brand);
  border-style: solid;
  background: #e7f2f9;
}
@media (pointer: coarse) {
  .dash-notebrowse-dropzone-paste { display: none; }
}
.dash-notebrowse-list {
  padding-bottom: calc(var(--dash-bottombar-h) + var(--notebrowse-dropzone-space, 0px));
  transition: padding-bottom .2s ease;
}
.dash-notebrowse-incomplete-banner {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .9rem;
  margin: 0 12px .6rem;
  padding: .78rem .96rem;
  background: #fdecec;
  border: 1px solid #f3c6c6;
  border-radius: 12px;
  color: #b91c1c;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.5;
}
.dash-notebrowse-incomplete-banner[hidden] { display: none; }
.dash-notebrowse-incomplete-banner-text { min-width: 0; }
.dash-notebrowse-incomplete-banner-hint { display: block; margin-top: .3rem; font-size: .78rem; font-weight: 500; color: #9f2a2a; opacity: .9; }
.dash-notebrowse-incomplete-banner { margin-top: .6rem; }
.dash-row-enrich {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 8px;
  border-radius: 999px;
  background: #eef2ff;
  color: #4338ca;
  font-size: .72rem;
  font-weight: 600;
  white-space: nowrap;
}
.dash-row-enrich[hidden] { display: none; }
.dash-row-enrich.is-failed { background: #fef2f2; color: #b91c1c; }
.dfx-status-enrich { color: #4338ca; font-weight: 600; }
.dfx-status-enrich[hidden] { display: none; }
.dfx-status-enrich.is-failed { color: #b91c1c; }
.dash-row-preview.has-folder-path { display: flex; align-items: center; min-width: 0; }
.dash-row-folder-path { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dash-row-goto {
  flex: 0 0 auto;
  margin-left: 8px;
  padding: 1px 10px;
  border: 1px solid #c9d6f3;
  border-radius: 999px;
  background: #fff;
  color: #2563eb;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.6;
  cursor: pointer;
  vertical-align: middle;
}
.dash-row-goto:hover { background: #eef4ff; border-color: #2563eb; }
.dash-notebrowse-incomplete-banner-btn {
  flex: 0 0 auto;
  padding: .42rem .84rem;
  border: 1px solid #b91c1c;
  border-radius: 999px;
  background: #fff;
  color: #b91c1c;
  font-size: .8rem;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.dash-notebrowse-incomplete-banner-btn:hover { background: #b91c1c; color: #fff; }
.dash-notebrowse-incomplete-banner-btn:disabled { opacity: .5; cursor: default; }
.dash-notebrowse-row-progress {
  display: block;
  height: 4px;
  border-radius: 2px;
  background: #e5e7eb;
  overflow: hidden;
  margin-top: .3rem;
}
.dash-notebrowse-row-progress-bar {
  display: block;
  height: 100%;
  width: 0%;
  background: var(--brand);
  transition: width .15s ease;
}
.dash-notebrowse-row-progress-bar.is-error { background: #b91c1c; }
.dash-row.is-notebrowse-uploading .dash-row-preview { color: #6b7280; }
.dash-row.is-notebrowse-uploading .dash-row-avatar,
.dash-row.is-notebrowse-uploading .dash-row-thumb {
  position: relative;
}
.dash-row.is-notebrowse-uploading .dash-row-avatar::before,
.dash-row.is-notebrowse-uploading .dash-row-thumb::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4; 
  border-radius: 8px;
  background: rgba(255, 255, 255, .72);
}
.dash-row.is-notebrowse-uploading .dash-row-avatar::after,
.dash-row.is-notebrowse-uploading .dash-row-thumb::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid rgba(37, 99, 235, .25);
  border-top-color: #2563eb;
  border-radius: 50%;
animation: dash-loading-spin .7s linear infinite;
}
.dash-notebrowse-row-cancel-btn {
  align-self: center;
  flex: 0 0 auto;
  margin-left: .6rem;
  padding: .3rem .7rem;
  border: 1px solid #d8dae0;
  border-radius: 999px;
  background: #fff;
  color: #4b5563;
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.dash-notebrowse-row-cancel-btn:hover { background: #f7f2f2; border-color: #b91c1c; color: #b91c1c; }
@keyframes dash-notebrowse-highlight-flash {
  0%, 100% { background-color: #fff; }
  50% { background-color: #49bbf9; }
}
.dash-row.is-notebrowse-highlight { animation: dash-notebrowse-highlight-flash .6s ease-in-out 3; }
.dash-notebrowse-list {
  isolation: isolate;
}
.dash-notebrowse-list .dash-row {
  align-items: center;
}
.dash-person-row {
  gap: .6rem;
}
.dash-person-faces {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
position: relative;
}
.dash-person-faces .dash-person-new {
  top: 0;
  left: 0;
}
.dash-person-face {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  background: #f2f3f5;
  border: 2px solid #fff;
  box-shadow: 0 1px 3px rgba(10, 10, 20, .18);
}
.dash-person-face + .dash-person-face {
  margin-left: -14px;
}
.dash-person-faces .dash-row-avatar {
  width: 44px;
  height: 44px;
}
.dash-person-row-face {
  flex: 0 0 auto;
width: var(--dash-row-lead-photo);
  height: var(--dash-row-lead-photo);
margin-left: calc(3px - var(--dash-row-thumb-inset) - .84rem);
  border-radius: 50%;
  object-fit: cover;
  background: #f2f3f5;
border: 2.4px solid #fff;
  box-shadow: 0 1px 3.6px rgba(10, 10, 20, .18);
}
.dash-person-name-btn {
  flex: 0 0 auto;
  margin-left: auto;
  padding: .3rem .6rem;
  background: #fff;
  border: 1px solid #d8dbe0;
  border-radius: 999px;
  color: #4b5468;
  font-size: .76rem;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
.dash-person-name-btn:hover {
  background: #f2f3f5;
}
.dash-person-name-btn + .dash-person-name-btn {
  margin-left: .3rem;
}
.dash-person-name-faces {
  display: flex;
  gap: .36rem;
  flex-wrap: wrap;
}
.dash-person-name-faces[hidden] { display: none; }
.dash-person-name-face {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  object-fit: cover;
  background: #f2f3f5;
}
.dash-person-merge-btn {
  width: 100%;
  padding: .54rem;
  background: #fff;
  border: 1px solid #d8dbe0;
  border-radius: 10px;
  color: #4b5468;
  font-size: .84rem;
  cursor: pointer;
}
.dash-person-merge-btn:hover { background: #f7f8fa; }
.dash-person-name-modal .dash-nested-modal-dialog { height: auto; }
.dash-person-picker-modal .dash-nested-modal-dialog { height: auto; }
.dash-person-picker-body {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  padding: .9rem;
}
.dash-person-picker-hint {
  margin: 0;
  color: #8a8f98;
  font-size: .8rem;
  line-height: 1.4;
}
.dash-person-picker-hint[hidden] { display: none; }
.dash-person-picker-preview {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .5rem .6rem;
  background: #f6f7f9;
  border-radius: 12px;
}
.dash-person-picker-preview[hidden] { display: none; }
.dash-person-picker-preview-faces {
  display: inline-flex;
  flex: 0 0 auto;
  gap: .3rem;
}
.dash-person-picker-preview-face {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  background: #e9ebef;
border: 2px solid #fff;
  box-shadow: 0 0 0 1px #e2e5ea;
}
.dash-person-picker-preview-text {
  flex: 1 1 auto;
  color: #4b5058;
  font-size: .82rem;
  line-height: 1.4;
}
.dash-person-picker-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 46vh;
  overflow-y: auto;
}
.dash-person-picker-item {
  display: flex;
  align-items: center;
  gap: .6rem;
  width: 100%;
  padding: .42rem .3rem;
  background: none;
  border: 0;
  border-radius: 10px;
  text-align: left;
  cursor: pointer;
}
.dash-person-picker-item:hover { background: #f2f3f5; }
.dash-person-picker-face {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  background: #f2f3f5;
}
.dash-person-picker-face.is-empty { display: inline-block; }
.dash-person-picker-name {
  flex: 1 1 auto;
  color: #1c1f24;
  font-size: .88rem;
  font-weight: 600;
  word-break: break-all;
}
.dash-person-picker-count {
  flex: 0 0 auto;
  color: #8a8f98;
  font-size: .78rem;
}
.dash-person-picker-more {
  width: 100%;
  padding: 12px;
  border: 0;
  background: none;
  color: #8a8f98;
  font-size: .82rem;
  text-align: center;
  cursor: pointer;
}
.dash-person-picker-more:hover { color: #4b5058; text-decoration: underline; }
.dash-person-picker-actions {
  display: flex;
  flex-direction: column;
  gap: .36rem;
  padding-top: .6rem;
  border-top: 1px solid #eef0f3;
}
.dash-person-picker-actions[hidden] { display: none; }
.dash-person-picker-action {
  width: 100%;
  padding: .54rem;
  background: #fff;
  border: 1px solid #d8dbe0;
  border-radius: 10px;
  color: #33383f;
  font-size: .84rem;
  cursor: pointer;
}
.dash-person-picker-action:hover { background: #f7f8fa; }
.dash-person-picker-action.is-danger { color: #c0392b; }
.dash-notebrowse-toolbar-btn.is-select-btn {
  width: auto;
  height: auto;
padding: .4rem .62rem;
  background: #fff;
  border: 1px solid #d8dbe0;
border-radius: 5px;
  color: #4b5468;
  font-size: 1rem;
  white-space: nowrap;
}
[data-pick-start].dash-notebrowse-toolbar-btn.is-select-btn { gap: 6px; }
.dash-pick.is-static {
position: relative; top: auto; left: auto; flex: 0 0 auto;
  border-color: transparent; background: #cfd4da;
}
.dash-pick.is-static::after { opacity: 1; background-color: transparent; }
.dash-notebrowse-toolbar-btn.is-select-btn.is-active .dash-pick.is-static { background: var(--brand, #00679e); }
.dash-notebrowse-toolbar-btn.is-select-btn:hover { background: #f2f3f5; }
.dash-notebrowse-toolbar-btn.is-select-btn.is-active {
  background: var(--brand-light);
  border-color: var(--brand-light);
  color: var(--brand);
  font-weight: 700;
}
.dash-notebrowse-toolbar-btn.is-select-btn.is-active .icon-mask { background-color: var(--brand); }
.dash-notebrowse-toolbar-btn.is-auto-btn {
  border-color: #bcd2fb;
  color: #2563eb;
font-weight: 400;
}
.dash-notebrowse-toolbar-btn.is-auto-btn:disabled { opacity: .5; }
.dash-notebrowse-toolbar-badge[hidden] { display: none; }
.dash-notebrowse-mode-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 999px;
border: 2px solid #fff;
  background: #d94141;
  color: #fff;
  font-size: .64rem;
  font-weight: 700;
  line-height: 1;
  pointer-events: none; 
}
.dash-notebrowse-mode-badge[hidden] { display: none; }
.dash-notebrowse-sort-menu-item .dash-notebrowse-toolbar-badge { margin-left: auto; }
.dash-notebrowse-toolbar-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  margin-left: .1rem;
  background: #d94141; 
  border-radius: 999px;
  color: #fff;
  font-size: .64rem;
  font-weight: 700;
  line-height: 1;
}
.dash-person-select-check {
  display: none;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-right: .1rem;
  border: 2px solid #c8ccd2;
  border-radius: 50%;
  background: #fff;
}
.dash-notebrowse-list.is-select-mode .dash-person-select-check { display: block; }
.dash-notebrowse-list.is-select-mode li.is-selected .dash-person-select-check,
.dash-notebrowse-list li[data-fingerprint-id].is-selected .dash-person-select-check {
  border-color: #2563eb;
  background: #2563eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat;
}
.dash-notebrowse-list.is-select-mode li.is-selected .dash-row { background: #eef4ff; }
.dash-notebrowse-list.is-select-mode .dash-person-name-btn { display: none; }
.dash-notebrowse-list.is-picking .dash-person-name-btn { display: none; }
.dash-person-select-bar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
flex-wrap: wrap;
  gap: .42rem;
  padding: .48rem 12px;
  background: #fff;
  border-top: 1px solid #eef0f3;
margin-bottom: var(--dash-bottombar-h);
  transition: margin-bottom .2s ease; 
}
.dash-card.is-chrome-hidden .dash-person-select-bar,
.dash-card.is-chrome-hidden ~ * .dash-person-select-bar { margin-bottom: 0; }
.dash-person-select-bar[hidden] { display: none; }
.dash-person-select-count {
  flex: 1 1 auto;
  color: #4b5468;
  font-size: .8rem;
  white-space: nowrap;
}
.dash-person-select-action {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .26rem;
  padding: .34rem .6rem;
  background: #fff;
  border: 1px solid #d8dbe0;
  border-radius: 999px;
  color: #4b5468;
  font-size: .78rem;
  white-space: nowrap;
  cursor: pointer;
}
.dash-photogroup-bar .dash-person-select-action {
  flex: 1 1 0;
  padding: .52rem .5rem;
  font-size: .84rem;
}
.dash-photogroup-bar .dash-person-select-action .icon-mask {
  width: 17px;
  height: 17px;
}
.dash-person-select-num {
  opacity: .72;
  font-variant-numeric: tabular-nums; 
}
.dash-person-select-action.is-primary {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}
.dash-person-select-action .icon-mask {
  width: 15px;
  height: 15px;
  background-color: #4b5468;
}
.dash-person-select-action.is-primary .icon-mask { background-color: #fff; }
.dash-photogroup-bar.is-duplicate [data-photogroup-keep-cover] { order: 3; }
.dash-photogroup-bar.is-duplicate [data-photogroup-resolve] { order: 2; }
.dash-photogroup-bar.is-duplicate [data-photogroup-keep-cover] {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}
.dash-photogroup-bar.is-duplicate [data-photogroup-keep-cover] .icon-mask { background-color: #fff; }
.dash-photogroup-bar.is-duplicate [data-photogroup-resolve] {
  background: #fff;
  border-color: #d8dbe0;
  color: #4b5468;
}
.dash-photogroup-bar.is-duplicate [data-photogroup-resolve] .icon-mask { background-color: #4b5468; }
.dash-person-select-action:disabled .icon-mask { opacity: .6; }
.dash-person-select-action:disabled {
  opacity: .45;
  cursor: default;
}
.dash-notebrowse-list.is-photo-list li:not([data-fingerprint-id]) {  }
.dash-photorow {
  display: flex;
align-items: flex-start;
  gap: .7rem;
  padding: .5rem 12px;
  cursor: pointer;
}
.dash-photorow-image.is-emblem {
  flex: 0 0 72px;
align-self: center;
  background: none;
margin-left: 0;
  min-width: 72px;
}
.dash-photorow-image.is-emblem::after { display: none; }  
.dash-photorow-image.is-emblem img { object-fit: contain; padding: 6px; box-sizing: border-box; }
.dash-photorow-actions {
  max-width: 320px;
}
.dash-photorow-image {
  position: relative; 
flex: 0 0 160px;
  align-self: center;
aspect-ratio: 1 / 1;
  background: #eef0f3;
  border-radius: 10px;
  overflow: hidden;
}
.dash-photorow-image::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 1px #e6e8ec inset;
  pointer-events: none;
}
.dash-photorow-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
object-fit: contain;
  display: block;
}
.dash-notebrowse-list li.is-selected .dash-photorow { background: #eef4ff; }
.dash-notebrowse-list li.is-selected .dash-photorow-image::after { box-shadow: 0 0 0 3px #2563eb inset; }
.dash-photorow-side {
  flex: 1 1 auto;
  min-width: 0;
align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: .3rem;
}
.dash-photorow-switch {
  position: relative;
  flex: 0 0 auto;
  align-self: flex-start;
  width: 66px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #b6bbc3;
  cursor: pointer;
  transition: background .15s ease;
}
.dash-photorow-switch-text {
  position: absolute;
  top: 0;
  right: 9px; 
  line-height: 26px;
  color: #fff;
  font-size: .72rem;
  font-weight: 700;
}
.dash-photorow-switch::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(10, 10, 20, .25);
  transition: left .15s ease;
}
.dash-notebrowse-list li.is-selected .dash-photorow-switch { background: #2563eb; }
.dash-notebrowse-list li.is-selected .dash-photorow-switch::after { left: 43px; }
.dash-notebrowse-list li.is-selected .dash-photorow-switch-text { left: 9px; right: auto; }
.dash-photorow-meta {
  display: flex;
  align-items: center;
  gap: .28rem;
  flex-wrap: wrap;
}
.dash-photorow-score {
  color: #4b5468;
  font-size: .78rem;
  white-space: nowrap;
}
.dash-photorow-badge {
  padding: .06rem .34rem;
  background: #2563eb;
  border-radius: 999px;
  color: #fff;
  font-size: .68rem;
  white-space: nowrap;
}
.dash-photorow-info {
  color: #8a8f98;
  font-size: .72rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dash-photorow-actions {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: .3rem;
}
.dash-photorow-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .26rem;
  padding: .34rem .4rem;
  background: #fff;
  border: 1px solid #d8dbe0;
  border-radius: 8px;
  color: #4b5468;
  font-size: .76rem;
  white-space: nowrap;
  cursor: pointer;
}
.dash-photorow-btn:hover { background: #f2f3f5; }
.dash-photorow-btn .icon-mask {
  width: 15px;
  height: 15px;
  background-color: #4b5468;
}
.dash-photorow-btn.is-danger { color: #c0392b; border-color: #f0c9c4; }
.dash-photorow-btn.is-danger .icon-mask { background-color: #c0392b; }
.dash-photorow-btn.is-danger:hover { background: #fdf2f0; }
.dash-notebrowse-toolbar {
  position: relative; 
z-index: 3;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: .42rem;
flex-wrap: wrap;
  row-gap: 2px;
background: #fff;
border-bottom: 1px solid #eef0f3;
}
.dash-notebrowse-toolbar-count {
flex: 0 0 auto;
  min-width: 0;
  color: #6b7280;
  font-size: .78rem;
  line-height: 1.2;
  white-space: nowrap;
}
.dash-mailacct-picker {
  position: relative;
  flex: 0 1 auto;
  min-width: 0;
  margin-left: auto; 
}
.dash-feed-toolbar [data-page-mail-picker][hidden] { display: none !important; }
.dash-feed-toolbar [data-mail-flag-picker][hidden] { display: none !important; }
.dash-mail-modal.is-page-pinned {
  z-index: calc(var(--z-overlay) - 1);
  transition: none;
background: #fff;
top: var(--dash-pc-header-h);
  height: calc(100vh - var(--dash-pc-header-h));
  height: calc(100dvh - var(--dash-pc-header-h));
}
.dash-mail-modal.is-page-pinned .dash-mail-modal-back-icon,
.dash-mail-modal.is-page-pinned [data-notebrowse-close],
.dash-schedule-modal.is-page-pinned .dash-schedule-modal-back { display: none; }
.dash-mail-modal.is-page-pinned .dash-mail-modal-back { pointer-events: none; }
.dash-notebrowse-modal.is-page-pinned .dash-notebrowse-header { padding-left: 20px; } 
@media (min-width: 768px) {
  .dash-mail-modal.is-page-pinned { left: 240px; }
  body:has(.dash-wrap.is-sidebar-collapsed) .dash-mail-modal.is-page-pinned { left: 0; }
}
.dash-page-loading {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-overlay) + 1);
  pointer-events: none;
}
.dash-page-loading[hidden] { display: none; }
.dash-page-loading::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 4px 16px rgba(20, 20, 30, .12);
}
.dash-page-loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 3.5px solid #e6e8ec;
  border-top-color: var(--brand);
  border-radius: 50%;
  animation: dash-loading-spin .7s linear infinite;
}
@media (min-width: 768px) {
  .dash-page-loading { top: var(--dash-pc-header-h); left: 240px; }
  body:has(.dash-wrap.is-sidebar-collapsed) .dash-page-loading { left: 0; }
}
@media (min-width: 1280px) {
:root { --side-viewer-w: calc((100vw - 240px) / 2); }
  :root:has(.dash-wrap.is-sidebar-collapsed) { --side-viewer-w: 50vw; }
body:not(.is-share-page) .dash-mail-modal.dash-gallery-modal,
  body:not(.is-share-page) .dash-mail-modal.dash-thread-modal,
body:not(.is-share-page) .dash-mail-modal.dash-chat-modal {
    top: 0;
    left: calc(100vw - var(--side-viewer-w));
    height: 100vh;
    height: 100dvh;
  }
body:not(.is-share-page) .dash-mail-modal.dash-gallery-modal.is-fullscreen {
    left: 0;
    width: 100vw;
  }
body.is-side-viewer-open:has(.dash-gallery-modal.is-fullscreen)::after,
  body.is-side-viewer-open:has(.dash-gallery-modal.is-fullscreen) .dash-side-viewer-resizer { display: none; }
  body.is-side-viewer-open .dash-pc-header { width: calc(100vw - var(--side-viewer-w)); max-width: calc(100vw - var(--side-viewer-w)); }
body.is-side-viewer-open .dash-bottombar { right: var(--side-viewer-w); }
  body.is-side-viewer-open .dash-bottombar.is-nested-covered { opacity: 1; pointer-events: auto; }
body.is-side-viewer-open::after {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: calc(100vw - var(--side-viewer-w) - 12px);
    width: 25px;
    z-index: var(--z-viewer);
    pointer-events: none;
    background: linear-gradient(to right,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, .07) 12px,
      #e2e5ea 12px,
      #e2e5ea 13px,
      rgba(0, 0, 0, .07) 13px,
      rgba(0, 0, 0, 0) 25px);
  }
body.is-side-viewer-open .dash-side-viewer-resizer {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: calc(100vw - var(--side-viewer-w) - 6px);
    width: 12px;
    z-index: var(--z-viewer);
    cursor: col-resize;
    touch-action: none;
  }
  body.is-side-viewer-open .dash-wrap { width: calc(100vw - var(--side-viewer-w)); max-width: calc(100vw - var(--side-viewer-w)); }
  body.is-side-viewer-open .dash-mail-modal.is-page-pinned,
  body.is-side-viewer-open .dash-maillist-modal.is-active,
  body.is-side-viewer-open .dash-notelist-modal.is-active,
  body.is-side-viewer-open .dash-sharelist-modal.is-active,
  body.is-side-viewer-open .dash-schedule-modal.is-active,
  body.is-side-viewer-open .dash-mypage-modal.is-active,
  body.is-side-viewer-open .dash-notebrowse-modal.is-active,
  body.is-side-viewer-open .dash-contacts-modal.is-active,
  body.is-side-viewer-open .dash-search-modal.is-active,
  body.is-side-viewer-open .dash-note-modal.is-active { right: var(--side-viewer-w); }
.dash-schedule-modal-body.is-daypanel .dash-cal-day-detail {
    flex-basis: var(--side-viewer-w);
    width: var(--side-viewer-w);
  }
  .dash-schedule-modal-body.is-daypanel .dash-cal-timeline { right: calc(var(--side-viewer-w) + 16px); }
body.is-side-viewer-open .dash-schedule-modal-body.is-daypanel .dash-cal-day-detail { display: none; }
  body.is-side-viewer-open .dash-schedule-modal-body.is-daypanel .dash-cal-timeline { right: 0; }
}
.dash-side-viewer-resizer { display: none; }
.dash-side-viewer-resizer .dash-side-viewer-grip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 44px;
  padding: 0;
  border: 1px solid #e0e3e7;
  border-radius: 999px;
  background-color: #fff;
  background-image: radial-gradient(circle at 50% 50%, #b5bac2 1.4px, transparent 1.5px);
  background-size: 100% 7px;
  background-repeat: repeat-y;
  background-position: center;
  opacity: .55;
  cursor: col-resize; 
  transition: opacity .12s ease;
}
.dash-side-viewer-resizer:hover .dash-side-viewer-grip,
.dash-side-viewer-grip:focus-visible { opacity: 1; }
body.is-side-viewer-resizing .dash-side-viewer-grip { opacity: 1; }
body.is-side-viewer-resizing { user-select: none; cursor: col-resize; }
.dash-notebrowse-toolbar-btn.dash-mailacct-picker-btn {
  display: flex;
  align-items: center;
  gap: .24rem;
  max-width: 100%;
}
.dash-mailacct-picker-btn [data-mail-account-label] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-mailacct-picker-menu {
  right: 0;
  left: auto;
  max-width: 78vw;
}
.dash-mailacct-picker-menu .dash-notebrowse-sort-menu-item {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; 
text-align: left;
}
.dash-contact-group-add {
  padding: .36rem .6rem;
  border: 1px dashed #c9d0db;
  border-radius: 8px;
  background: none;
  color: #2563eb;
  font-size: .84rem;
  font-weight: 600;
  cursor: pointer;
}
.dash-contacts-sort-wrap { margin-left: auto; }
.dash-feed-toolbar .dash-contactgroup-picker { margin-left: 0; }
.dash-feed-toolbar .dash-trashtype-picker { margin-left: 0; }
.dash-trashtype-picker[hidden] { display: none !important; }
.dash-trashtype-menu { left: 0; right: auto; min-width: 140px; }
.dash-contactgroup-picker { min-width: 0; }
.dash-contactgroup-picker .dash-mailacct-picker-btn { min-width: 0; }
.dash-contactgroup-picker [data-contact-group-label] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 22vw;
}
.dash-contactgroup-menu { left: 0; right: auto; min-width: 200px; max-width: 78vw; max-height: calc(100vh - 108px - var(--dash-bottombar-h) - 12px); overflow-y: auto; }
.dash-contactgroup-menu .dash-contactgroup-pick {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .5rem;
padding-left: calc(1rem + var(--group-depth, 0) * .9rem);
}
.dash-contactgroup-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.dash-contactgroup-menu .dash-mailnav-count { margin-right: .24rem; }
.dash-contactgroup-edit {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-contactgroup-edit .icon-mask { width: 16px; height: 16px; background-color: #8a8f98; }
.dash-contactgroup-edit:hover .icon-mask { background-color: #1c1f24; }
.dash-contactgroup-add { color: #2563eb; font-weight: 600; }
.dash-mailflag-picker { margin-left: 0; }
.dash-mailflag-picker .dash-mailflag-picker-menu .dash-cal-source-item {
  display: flex;
  align-items: center;
  gap: .6rem;
}
.dash-mailflag-icon { flex: 0 0 auto; width: 18px; height: 18px; }
.dash-mailflag-picker-menu { left: 0; right: auto; min-width: 168px; }
.dash-calstatus-picker .dash-calstatus-picker-menu .dash-cal-source-item {
  display: flex;
  align-items: center;
  gap: .6rem;
}
.dash-calstatus-past {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .5rem 1.1rem .62rem;
  cursor: pointer;
}
.dash-calstatus-past:hover { background: #f7f8fa; }
.dash-calstatus-past-text { color: #1c1f24; font-size: 1rem; white-space: nowrap; }
.dash-calstatus-picker-menu { min-width: 190px; }
.dash-mailbox-picker { margin-left: 0; }
.dash-mailbox-picker-menu .dash-mailbox-name { flex: 1 1 auto; }
.dash-mailbox-picker-menu .dash-notebrowse-sort-menu-item,
.dash-mailbox-picker-menu .dash-mailbox-name { text-align: left; }
.dash-mailbox-picker-menu {
  left: 0;
  right: auto;
  max-height: calc(100vh - 108px - var(--dash-bottombar-h) - 12px);
  overflow-y: auto;
}
.dash-mailacct-picker-single {
  margin-left: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6b7280;
  font-size: .92rem;
}
.dash-notebrowse-modes-wrap {
  position: relative;
flex: 0 1 auto;
  min-width: 0;
width: auto;
  max-width: 45%;
}
.dash-notebrowse-toolbar-btn.dash-notebrowse-mode-btn {
  display: flex;
  align-items: center;
  gap: .24rem;
width: auto;
  padding: .34rem .6rem;
  text-align: left;
}
.dash-notebrowse-mode-btn [data-notebrowse-mode-label],
.dash-notebrowse-mode-btn [data-notebrowse-period-label] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-notebrowse-mode-btn .dash-notebrowse-mode-caret { margin-left: auto; }
.dash-notebrowse-modes-menu { min-width: 100%; }
.dash-notebrowse-mode-btn .icon-mask,
.dash-notebrowse-modes-menu .icon-mask {
  width: 20px; 
  height: 20px;
  background-color: #6b7280;
}
.dash-notebrowse-mode-caret {
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-left: 5.25px solid transparent; 
  border-right: 5.25px solid transparent;
  border-top: 6px solid #6b7280;
}
.dash-notebrowse-modes-menu { right: auto; left: 0; }
.dash-notebrowse-modes-menu .dash-notebrowse-sort-menu-item.is-selected .icon-mask {
  background-color: var(--brand);
}
.dash-notebrowse-toolbar-actions {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
gap: .42rem;
}
.dash-notebrowse-toolbar-actions .dash-notebrowse-toolbar-btn.is-select-btn {
  flex: 0 0 auto;
  min-width: 0;
}
.dash-notebrowse-toolbar-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 5px;
  background: none;
  cursor: pointer;
}
.dash-notebrowse-toolbar-btn:hover { background: #f2f3f5; }
.dash-notebrowse-toolbar-btn[hidden] { display: none; }
.dash-notebrowse-actionbar[hidden] { display: none; }
.dash-notebrowse-toolbar-btn .icon-mask {
width: 24px;
  height: 24px;
  background-color: #1c1f24;
}
.dash-notebrowse-toolbar .dash-notebrowse-sort-btn { width: 48px; height: 48px; }
.dash-notebrowse-toolbar-btn.is-create-folder .icon-mask { width: 28px; height: 28px; }
.dash-notebrowse-toolbar-btn.is-download .icon-mask { width: 25px; height: 25px; }
.dash-notebrowse-toolbar-btn.is-download[disabled] { opacity: .45; cursor: default; }
.dash-notebrowse-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .3rem;
  padding: 2.4rem 12px;
  text-align: center;
  color: #6b7280;
  font-size: .9rem;
}
.dash-notebrowse-empty-icon {
  width: 40px;
  height: 40px;
  background-color: #c3c8d1;
  margin-bottom: .3rem;
}
.dash-notebrowse-empty-title { font-size: .96rem; font-weight: 600; color: #4b5563; }
.dash-notebrowse-empty-sub { font-size: .84rem; color: #9ca3af; }
.dash-notebrowse-list li.is-drag-source .dash-row {
  opacity: .35;
}
.dash-notebrowse-list li.is-drag-source .dash-swipe-action,
.dash-notebrowse-list li.is-drop-target .dash-swipe-action {
  visibility: hidden;
}
.dash-notebrowse-modal,
.dash-notebrowse-modal img {
  -webkit-user-drag: none;
  user-drag: none;
}
.dash-drag-ghost {
  position: fixed;
  z-index: var(--z-system); 
  pointer-events: none;     
  width: 260px;
  max-height: 60vh;
  overflow: hidden;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(10, 10, 20, .3);
}
.dash-drag-ghost-head {
  font-size: .9rem;
  font-weight: 700;
  color: #1c1f24;
}
.dash-drag-ghost-hint {
  margin-top: 2px;
  font-size: .75rem;
  color: #8a8f98;
}
.dash-drag-ghost-list {
  margin-top: 8px;
  border-top: 1px solid #f2f3f5;
  padding-top: 6px;
}
.dash-drag-ghost-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 0;
}
.dash-drag-ghost-thumb {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  overflow: hidden;
}
.dash-drag-ghost-thumb img,
.dash-drag-ghost-thumb .icon-mask,
.dash-drag-ghost-thumb .dash-folder-peek { width: 100%; height: 100%; }
.dash-drag-ghost-thumb .dash-row-thumb-badge,
.dash-drag-ghost-thumb .dash-row-share-badge { display: none; } 
.dash-drag-ghost-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  color: #3a3f47;
}
.dash-drag-ghost-rest {
  padding: 4px 0 0;
  font-size: .75rem;
  color: #8a8f98;
}
.dash-notebrowse-list li[data-notebrowse-folder-target].is-drop-target .dash-row,
.dash-notebrowse-list li[data-notebrowse-promote-target].is-drop-target .dash-row {
  background: rgba(0, 103, 158, .12);
  outline: 2px dashed var(--brand);
  outline-offset: -2px;
}
.dash-notebrowse-memo-modal .dash-nested-modal-dialog,
.dash-notebrowse-create-folder-modal .dash-nested-modal-dialog {
  height: auto;
}
.dash-trash-detail-modal .dash-nested-modal-dialog { height: auto; }
.dash-trash-detail-body {
  display: flex;
  flex-direction: column;
  gap: .72rem;
  padding: .9rem;
}
.dash-trash-detail-name {
  margin: 0;
  color: #1c1f24;
  font-size: .96rem;
  font-weight: 700;
  word-break: break-all;
}
.dash-trash-detail-list {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: .36rem .6rem;
  margin: 0;
  padding: .72rem;
  background: #f7f8fa;
  border-radius: 10px;
  font-size: .84rem;
  line-height: 1.4;
}
.dash-trash-detail-list dt { margin: 0; color: #8a8f98; }
.dash-trash-detail-list dd { margin: 0; color: #33383f; word-break: break-all; }
.dash-trash-detail-content {
  margin: 0;
  max-height: 180px;
  overflow-y: auto;
  color: #4b5468;
  font-size: .84rem;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
}
.dash-trash-detail-content[hidden] { display: none; }
.dash-trash-detail-actions {
  display: flex;
  gap: .48rem;
}
.dash-trash-detail-actions .dash-list-toolbar-btn { flex: 1 1 0; }
.dash-item-info-modal .dash-nested-modal-dialog { height: auto; }
.dash-item-info-body {
  display: flex;
  flex-direction: column;
  gap: .72rem;
  padding: .9rem;
}
.dash-item-info-name {
  margin: 0;
  color: #1c1f24;
  font-size: .96rem;
  font-weight: 700;
  word-break: break-all;
}
.dash-item-info-list {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: .36rem .6rem;
  margin: 0;
  padding: .72rem;
  max-height: 56vh;
  overflow-y: auto;
  background: #f7f8fa;
  border-radius: 10px;
  font-size: .84rem;
  line-height: 1.4;
}
.dash-item-info-list dt { margin: 0; color: #8a8f98; }
.dash-item-info-list dd { margin: 0; color: #33383f; word-break: break-all; white-space: pre-wrap; }
.dash-item-info-list dd.is-muted { color: #9aa0a8; font-size: 0.94em; }
.dash-item-info-list .dash-item-info-heading {
  grid-column: 1 / -1;
  margin: .24rem 0 0;
  color: #1c1f24;
  font-size: .8rem;
  font-weight: 700;
}
.dash-item-info-list .dash-item-info-heading + dt,
.dash-item-info-list .dash-item-info-heading + dd { margin-top: 0; }
.dash-item-info-list .dash-item-info-heading:not(:first-child) {
  padding-top: .48rem;
  border-top: 1px solid #e6e8ec;
}
.dash-notebrowse-memo-body {
  display: flex;
  flex-direction: column;
  gap: .9rem;
  padding: .9rem;
}
.dash-notebrowse-memo-body .dash-schedule-write-textarea { min-height: 240px; overflow-y: auto; }
.dash-notebrowse-conflict-modal .dash-nested-modal-dialog { height: auto; }
.dash-notebrowse-conflict-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: .9rem;
}
.dash-notebrowse-conflict-text {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #333;
}
.dash-notebrowse-conflict-text strong {
  font-weight: 700;
  word-break: break-all;
}
.dash-notebrowse-conflict-actions {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.dash-notebrowse-conflict-btn {
  height: 48px;
  padding: 0 1rem;
  border: 1px solid #dcdfe4;
  border-radius: 12px;
  background: #fff;
  color: #333;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
}
.dash-notebrowse-conflict-btn:hover { background: #f7f8fa; }
.dash-notebrowse-conflict-btn[data-notebrowse-conflict-action="overwrite"] {
  border-color: #333;
}
.dash-notebrowse-conflict-apply-all {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .9rem;
  color: #666;
  cursor: pointer;
}
.dash-compose {
  flex: 0 0 auto;
}
.dash-compose-files {
  display: flex;
  flex-direction: column;
  gap: .48rem;
  margin-bottom: .6rem;
counter-reset: dash-compose-file-index;
}
.dash-compose-files[hidden] { display: none; }
.dash-compose-file {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .6rem;
  background: #eef0f3; 
  border-radius: 9.6px;
  padding: .72rem .96rem;
  font-size: .96rem;
  color: #4b5468;
  width: 100%;
  box-sizing: border-box;
  counter-increment: dash-compose-file-index;
}
.dash-compose-file[hidden] { display: none; }
.dash-compose-file-name {
min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-compose-file::before {
  content: counter(dash-compose-file-index);
  order: 3;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.32rem;
  height: 1.32rem;
  padding: 0 .36rem;
  border-radius: 1198.8px;
  background: #6b7280; 
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
}
.dash-compose-file-retry { order: 1; }
.dash-compose-file-thumb { order: 2; }
.dash-compose-file-name { order: 4; }
.dash-compose-file-progress { order: 5; }
.dash-compose-file-remove { order: 6; }
.dash-compose-file.is-done { background: #dbeafe; color: #1e3a5f; }
.dash-compose-file.is-done::before { background: #1e3a5f; }
.dash-compose-file.is-error { background: #fdecec; color: #b91c1c; }
.dash-compose-file.is-error::before { background: #b91c1c; }
.dash-compose-file.is-error .dash-compose-file-name { white-space: normal; }
.dash-compose-file-thumb {
  width: 38.4px;
  height: 38.4px;
  border-radius: 7.2px;
  object-fit: cover;
  flex: 0 0 auto;
}
.dash-compose-file-thumb.is-ext-icon {
  object-fit: contain;
  background: #fff;
  padding: 3.6px;
  box-sizing: border-box;
}
.dash-compose-file-progress {
  flex: 0 0 auto;
  width: 48px;
  height: 4.8px;
  border-radius: 1198.8px;
  background: rgba(0, 0, 0, .12);
  overflow: hidden;
}
.dash-compose-file-progress-bar {
  display: block;
  height: 100%;
  width: 0;
  background: #6b7280;
  transition: width .15s ease;
}
.dash-compose-file-remove {
  align-self: stretch;
  flex: 0 0 auto;
  width: 2.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  color: currentColor;
  opacity: .6;
  font-size: 1.44rem;
  line-height: 1;
  cursor: pointer;
}
.dash-compose-file-remove:hover { opacity: 1; }
.dash-compose-file-retry {
  display: none;
  align-self: stretch;
  flex: 0 0 auto;
  width: 2.16rem;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  color: currentColor;
  font-size: 1.32rem;
  line-height: 1;
  cursor: pointer;
}
.dash-compose-file.is-error .dash-compose-file-retry { display: flex; }
.dash-compose-total-progress {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin: .6rem 0;
}
.dash-compose-total-progress[hidden] { display: none; }
.dash-note-form .dash-compose-total-progress {
  background: #fff;
  border-radius: 12px;
  height: 30px;
  padding: 0 .72rem;
margin: 0;
  box-sizing: border-box;
}
.dash-compose-total-progress-track {
  flex: 1 1 auto;
  height: 7.2px;
  border-radius: 1198.8px;
  background: #eef0f3;
  overflow: hidden;
}
.dash-compose-total-progress-bar {
  display: block;
  height: 100%;
  width: 0;
  background: #4a7fc9;
  transition: width .15s ease;
}
.dash-compose-total-progress-label {
  flex: 0 0 auto;
  font-size: .864rem;
  color: #6b7280;
  font-variant-numeric: tabular-nums;
}
.dash-compose-row {
  display: flex;
  align-items: flex-end;
  gap: .6rem;
  border: 1px solid #dcdfe4;
  border-radius: 31.2px;
  padding: .48rem .48rem .48rem .6rem;
  background: #f7f8fa;
  transition: border-color .15s ease, background .15s ease;
}
.dash-compose-row:focus-within { border-color: var(--brand); background: #fff; }
.dash-drop-overlay {
  position: fixed;
  inset: 0;
z-index: calc(var(--z-overlay) + 5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.8rem;
  background: rgba(20, 20, 30, .55);
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease;
}
.dash-drop-overlay.is-active { opacity: 1; pointer-events: auto; }
.dash-drop-overlay-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .6rem;
  max-width: 384px;
  padding: 2.7rem 3rem;
  border: 2.4px dashed rgba(255, 255, 255, .6);
  border-radius: 28.8px;
  color: #fff;
  text-align: center;
}
.dash-drop-overlay-icon { width: 40.8px; height: 40.8px; }
.dash-drop-overlay-title { margin: 0; font-size: 1.26rem; font-weight: 700; }
.dash-drop-overlay-desc { margin: 0; font-size: 1.02rem; color: rgba(255, 255, 255, .75); }
.dash-mail-modal {
  position: fixed;
top: var(--dash-vv-top, 0px);
  left: 0;
  right: 0;
height: var(--dash-vv-height, 100vh);
  height: var(--dash-vv-height, 100dvh);
z-index: var(--z-overlay);
  background: rgba(20, 20, 30, .55);
  opacity: 0;
  transform: translateX(100%);
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}
.dash-mail-modal.is-active { opacity: 1; transform: translateX(0); pointer-events: auto; }
.dash-settings-modal { z-index: calc(var(--z-overlay) + 10); }
#dashComposeModal,
.dash-note-modal {
  transform: translateY(100%);
}
#dashComposeModal.is-active,
.dash-note-modal.is-active {
  transform: translateY(0);
}
.dash-note-modal.is-list-view { transform: translateX(100%); }
.dash-note-modal.is-list-view.is-active { transform: translateX(0); }
.dash-search-modal { transform: translateY(-100%); }
.dash-search-modal.is-active { transform: translateY(0); }
.dash-search-modal { background: #fff; }
.dash-search-modal.is-page-pinned {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  z-index: calc(var(--z-chrome) + 10);
}
@media (min-width: 768px) {
.dash-search-modal.is-page-pinned { left: 0; }
}
.dash-search-modal-body {
  position: absolute;
top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
}
.dash-search-modal-frame { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
.dash-folderview { position: fixed; inset: 0; z-index: calc(var(--z-chrome) + 10); display: none; background: #fff; }
.dash-folderview.is-active { display: block; }
.dash-folderview-body { position: absolute; inset: 0; }
.dash-folderview-frame { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
.dash-folderview.is-preparing { background: transparent; cursor: progress; }
.dash-folderview.is-preparing .dash-folderview-body { visibility: hidden; }
#dashMailModal { z-index: calc(var(--z-overlay) + 2); display: flex; flex-direction: column; }
.dash-gallery-modal { z-index: var(--z-viewer); }
#dashComposeModal { z-index: calc(var(--z-viewer) + 1); display: flex; flex-direction: column; }
.dash-mail-modal-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
height: 56px;
  z-index: 2;
  display: flex;
  align-items: stretch;
background: #f2f3f5;
  box-shadow: 0 7.2px 19.2px rgba(0, 0, 0, .08);
}
.dash-mail-modal-back {
  display: flex;
  align-items: center;
  gap: .72rem;
  width: 100%;
  height: 100%;
  padding: 0 12px; 
  border: none;
  background: none;
  color: #1c1f24;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}
.dash-mail-modal-back:hover .dash-mail-modal-back-icon { background: rgba(0, 0, 0, .08); }
.dash-mail-modal-back-icon {
  flex: 0 0 auto;
  width: 43.2px;
  height: 43.2px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .05);
  color: #1c1f24;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .12s ease;
}
.dash-mail-modal-back-icon img { width: var(--dash-header-icon); height: var(--dash-header-icon); }
.dash-mail-modal-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.125rem; font-weight: 700; }
.dash-schedule-modal-header .dash-schedule-modal-back { width: auto; flex: 0 0 auto; }
.dash-cal-header-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 56px;
  right: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}
.dash-cal-header-arrow {
  flex: 0 0 auto;
  width: 28px;
  height: 40px;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: 1.02rem;
  color: #9aa0aa;
  cursor: pointer;
  line-height: 1;
}
.dash-cal-header-arrow:hover { color: #1c1f24; }
.dash-cal-header-title {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 4px;
  border: none;
  background: none;
  font-family: inherit;
font-size: 1.125rem;
  font-weight: 700;
  color: #1c1f24;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-cal-header-title:hover { color: #33373f; }
.dash-gallery-modal .dash-mail-modal-header {
  background: rgba(20, 20, 30, .9);
  backdrop-filter: blur(2.4px);
  -webkit-backdrop-filter: blur(2.4px);
  box-shadow: none;
  transition: opacity .15s ease;
}
.dash-gallery-modal .dash-mail-modal-back {
  min-width: 0;
  color: #fff;
}
.dash-gallery-modal .dash-mail-modal-back:hover .dash-mail-modal-back-icon { background: rgba(255, 255, 255, .18); }
.dash-gallery-modal .dash-mail-modal-back-icon { background: rgba(255, 255, 255, .12); }
.dash-gallery-modal .dash-mail-modal-back-icon img { filter: brightness(0) invert(1); }
.dash-gallery-modal.is-doc .dash-mail-modal-header {
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid #eef0f3;
}
.dash-gallery-modal.is-doc .dash-mail-modal-back { color: #1c1f24; }
.dash-gallery-modal.is-doc .dash-mail-modal-back-icon { background: rgba(18, 22, 28, .06); }
.dash-gallery-modal.is-doc .dash-mail-modal-back:hover .dash-mail-modal-back-icon { background: rgba(18, 22, 28, .12); }
.dash-gallery-modal.is-doc .dash-mail-modal-back-icon img { filter: none; }
.dash-gallery-modal.is-doc .dash-gallery-modal-kebab-btn {
  background: rgba(18, 22, 28, .06);
  color: #1c1f24;
}
.dash-gallery-modal.is-doc .dash-gallery-modal-kebab-btn:hover { background: rgba(18, 22, 28, .12); }
.dash-gallery-modal.is-doc .dash-gallery-modal-actions-bar {
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-top: 1px solid #eef0f3;
}
.dash-gallery-modal.is-doc .dash-gallery-action { color: #1c1f24; }
.dash-gallery-modal.is-doc .dash-gallery-action:hover { background: rgba(18, 22, 28, .06); }
.dash-gallery-modal.is-doc .dash-gallery-action img { filter: none; }
.dash-gallery-modal.is-doc .dash-gallery-track { background: #fff; }
.dash-gallery-modal {
  --gallery-inset-top: 56px;
  --gallery-inset-bar: 0px;
  --gallery-inset-film: 0px;
}
.dash-gallery-modal:has(.dash-gallery-flagbar:not([hidden])) {
  --gallery-inset-top: 100px;
}
.dash-gallery-modal:has(.dash-gallery-modal-actions-bar:not([hidden])) {
  --gallery-inset-bar: calc(72px + env(safe-area-inset-bottom, 0px));
}
.dash-gallery-modal:has(.dash-gallery-filmstrip:not([hidden])) {
  --gallery-inset-film: 72px;
}
.dash-gallery-modal:has(.dash-gallery-filmstrip:not([hidden])):not(:has(.dash-gallery-modal-actions-bar:not([hidden]))) {
  --gallery-inset-film: calc(72px + env(safe-area-inset-bottom, 0px));
}
.dash-gallery-slide:not(.dash-gallery-slide-image) {
  align-self: flex-start;
  margin-top: var(--gallery-inset-top);
  height: calc(100% - var(--gallery-inset-top) - var(--gallery-inset-bar) - var(--gallery-inset-film));
}
.dash-gallery-slide-folders {
  background: #fff;
  padding: 8px 0 1.8rem;
}
.dash-gallery-folder-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
width: 100%;
  max-width: 720px;
}
.dash-gallery-folder-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  padding: 8px 16px;
  border: 0;
  border-bottom: 1px solid #eef0f3;
  background: none;
  text-align: left;
  cursor: pointer;
}
.dash-gallery-folder-item:hover { background: #f7f8fa; }
.dash-gallery-folder-item-icon {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  background-color: #8a93a3;
}
.dash-gallery-folder-item-text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dash-gallery-folder-item-name {
  color: #1b2333;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-gallery-folder-item-summary {
  color: #8a93a3;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-gallery-folder-item-go { flex: 0 0 auto; width: 18px; height: 18px; }
.dash-gallery-modal .dash-mail-modal-back { width: auto; flex: 1 1 auto; }
.dash-gallery-modal-kebab { position: relative; flex: 0 0 auto; align-self: center; margin-right: 12px; }
.dash-gallery-modal-kebab-btn {
  width: 43.2px;
  height: 43.2px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  color: #fff;
font-size: var(--dash-header-icon);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .12s ease;
}
.dash-gallery-modal-kebab-btn:hover { background: rgba(255, 255, 255, .28); }
.dash-gallery-modal-kebab[hidden] { display: none; }
.dash-gallery-kebab-modal .dash-nested-modal-dialog {
  height: auto;
  max-height: 100%;
  overflow-y: auto;
}
.dash-gallery-modal-kebab-item {
  width: 100%;
  padding: .75rem .96rem;
  border: none;
  border-radius: 12px;
  background: none;
  color: #1c1f24;
  font-size: 1rem;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
.dash-gallery-modal-kebab-item[hidden] { display: none; }
.dash-gallery-modal-kebab-item:hover { background: #f2f3f5; }
.dash-gallery-modal-kebab-item.is-danger { color: #d94141; }
.dash-gallery-flagbar {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  height: 44px;
  padding: 0 12px;   
  background: rgba(20, 20, 30, .9);
  backdrop-filter: blur(2.4px);
  -webkit-backdrop-filter: blur(2.4px);
  transition: opacity .15s ease;
}
.dash-gallery-flagbar[hidden] { display: none; }
.dash-gallery-modal.is-doc .dash-gallery-flagbar {
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid #eef0f3;
}
.dash-gallery-modal.is-controls-hidden .dash-gallery-flagbar { opacity: 0; pointer-events: none; }
.dash-gallery-flagbar-btn {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 50%;
  background: none;
  padding: 0;
  cursor: pointer;
}
.dash-gallery-flagbar-btn img {
  width: 100%;
  height: 100%;
  filter: grayscale(1) brightness(1.1);
  opacity: .8;
  transition: filter .12s ease, opacity .12s ease;
}
.dash-gallery-modal.is-doc .dash-gallery-flagbar-btn img { filter: grayscale(1); opacity: .45; }
.dash-gallery-flagbar-btn.is-active img,
.dash-gallery-modal.is-doc .dash-gallery-flagbar-btn.is-active img { filter: none; opacity: 1; }
@keyframes dash-bubble-jump-flash {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(248, 113, 113, 0);
  }
  50% {
box-shadow: 0 0 5px 4px rgba(248, 113, 113, .7);
  }
}
.dash-thread-bubble.is-jumped,
.dash-note-history-bubble.is-jumped {
animation: dash-bubble-jump-flash .5s ease-in-out 8;
}
.dash-gallery-modal.is-controls-hidden .dash-mail-modal-header {
  opacity: 0;
  pointer-events: none;
}
.dash-gallery-modal-actions-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  min-height: 72px;
  background: rgba(20, 20, 30, .9);
  backdrop-filter: blur(2.4px);
  -webkit-backdrop-filter: blur(2.4px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  box-sizing: border-box;
  transition: opacity .15s ease;
}
.dash-gallery-modal-actions-bar[hidden] { display: none; }
.dash-gallery-modal.is-controls-hidden .dash-gallery-modal-actions-bar {
  opacity: 0;
  pointer-events: none;
}
.dash-gallery-action {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .3rem;
  padding: .72rem 4.8px .6rem;
  border: none;
  background: none;
  color: #fff;
  font-size: .816rem;
  font-weight: 700;
  cursor: pointer;
}
.dash-gallery-action[hidden] { display: none; } 
.dash-gallery-action:hover { background: rgba(255, 255, 255, .12); }
.dash-gallery-action img { width: 24px; height: 24px; filter: brightness(0) invert(1); }
.dash-mail-modal-body {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
background: #fff;
}
.dash-mail-modal-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: #fff;
}
body.dash-mail-modal-open { position: fixed; inset: 0; overflow: hidden; }
.dash-mail-modal-header-wrap {
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
  box-shadow: 0 7.2px 19.2px rgba(0, 0, 0, .08);
}
.dash-mail-modal-header-wrap .dash-mail-modal-header { position: static; box-shadow: none; }
.dash-mail-spam-modal .dash-nested-modal-dialog { height: auto; }
.dash-mail-spam-modal-list {
  display: flex;
  flex-direction: column;
  gap: .48rem;
  padding: .9rem;
}
.dash-mail-spam-modal-item {
  padding: .75rem 1.08rem; 
  border: none;
  border-radius: 12px;
  background: none;
  color: #1c1f24;
  font-size: 1rem; 
  text-align: left;
  cursor: pointer;
}
.dash-mail-spam-modal-item:hover { background: #f7f8fa; }
#dashCorrespondentModal { z-index: calc(var(--z-overlay) + 15); display: flex; flex-direction: column; }
#dashProfileEditModal { z-index: calc(var(--z-overlay) + 17); display: flex; flex-direction: column; }
#dashProfileEditModal {
  transform: none;
  transition: opacity .22s ease;
}
#dashProfileEditModal.is-active { transform: none; }
.dash-correspondent-modal .dash-mail-modal-header { background: none; box-shadow: none; }
.dash-correspondent-modal .dash-mail-modal-back { width: auto; flex: 0 0 auto; min-width: 0; }
.dash-correspondent-modal .dash-mail-modal-back-icon {
  background: rgba(0, 0, 0, .35);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.dash-correspondent-modal .dash-mail-modal-back:hover .dash-mail-modal-back-icon {
  background: rgba(0, 0, 0, .5);
}
.dash-correspondent-modal .dash-mail-modal-back-icon img { filter: brightness(0) invert(1); }
.dash-correspondent-modal-kebab { position: relative; flex: 0 0 auto; align-self: center; margin-left: auto; margin-right: 12px; }
.dash-correspondent-modal-kebab-btn {
  width: 43.2px;
  height: 43.2px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, .35);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  color: #fff;
font-size: var(--dash-header-icon);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .12s ease;
}
.dash-correspondent-modal-kebab-btn:hover { background: rgba(0, 0, 0, .5); }
.dash-correspondent-modal-kebab-menu {
  position: absolute;
  top: 50.4px;
  right: 0;
  min-width: 152px;
  padding: .4rem;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 7.2px 19.2px rgba(0, 0, 0, .12);
  z-index: 10;
}
.dash-correspondent-modal-kebab-item {
  display: block;
  width: 100%;
  padding: .6rem .75rem;
  border: none;
  border-radius: 8px;
  background: none;
  color: #1c1f24;
  font-size: .95rem;
  font-family: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.dash-correspondent-modal-kebab-item:hover { background: #f7f8fa; }
.dash-correspondent-modal-info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.2rem;
  text-align: center;
}
.dash-correspondent-modal-avatar {
  width: 96px;
  height: 96px;
  margin-bottom: .9rem;
  border-radius: 50%;
  background: #1c1f24;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dash-correspondent-modal-name { margin: 0 0 .3rem; font-size: 1.25rem; font-weight: 700; color: #1c1f24; }
.dash-correspondent-modal-email { margin: 0; font-size: .9rem; color: #9aa0aa; }
.dash-gallery-share-modal .dash-nested-modal-dialog,
.dash-gallery-download-modal .dash-nested-modal-dialog { height: auto; }
.dash-gallery-share-modal-list,
.dash-gallery-download-modal-list {
  display: flex;
  flex-direction: column;
  gap: .48rem;
  padding: .9rem;
}
.dash-gallery-share-modal-item,
.dash-gallery-download-modal-item {
  padding: .75rem 1.08rem; 
  border: none;
  border-radius: 12px;
  background: none;
  color: #1c1f24;
  font-size: 1rem; 
  text-align: left;
  cursor: pointer;
}
.dash-gallery-share-modal-item:hover,
.dash-gallery-download-modal-item:hover { background: #f7f8fa; }
.dash-gallery-note-text-edit-modal .dash-nested-modal-dialog { height: auto; }
.dash-gallery-note-text-edit-body {
  display: flex;
  flex-direction: column;
  gap: .9rem;
  padding: .9rem;
}
.dash-gallery-note-text-edit-textarea { min-height: 120px; overflow-y: auto; }
.dash-story-detail-modal .dash-nested-modal-dialog { height: auto; max-height: 80vh; }
.dash-story-detail { display: flex; flex-direction: column; gap: .9rem; padding: .9rem; overflow-y: auto; }
.dash-story-detail-author { display: flex; align-items: center; gap: .7rem; }
.dash-story-detail-author-text { display: flex; flex-direction: column; gap: .1rem; }
.dash-story-detail-caption { white-space: pre-wrap; word-break: break-word; line-height: 1.5; }
.dash-story-detail-photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem; }
.dash-story-detail-photo { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 8px; background: #f2f3f5; }
.dash-storage-submit.is-danger { background: #d94141; } 
.dash-storage-submit.is-danger:hover { background: #c53434; }
.dash-gallery-schedule-color-bar { display: block; width: 100%; height: 4.8px; border-radius: 2.4px; margin-bottom: .72rem; }
.dash-movepicker .dash-nested-modal-dialog { height: min(560px, 100%); }
.dash-movepicker-path {
  display: flex; align-items: center; gap: 6px;
  padding: 10px 16px; border-bottom: 1px solid #f2f3f5;
}
.dash-movepicker-crumb-label { flex: 0 0 auto; font-size: .78rem; color: #6b7383; }
.dash-movepicker-crumb {
  min-width: 0; font-size: .9rem; font-weight: 700; color: #191919;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: rtl; text-align: left;
}
.dash-movepicker-list { flex: 1 1 auto; overflow-y: auto; margin: 0; padding: 6px 0; }
.dash-movepicker-row {
  display: flex; align-items: center; gap: 8px; width: 100%;
  padding: 9px 16px 9px 12px; border: 0; background: none; cursor: pointer; text-align: left;
}
.dash-movepicker-row:hover { background: #f8f9fb; }
.dash-movepicker-row.is-on { background: #eef4ff; }
.dash-movepicker-row.is-on .dash-movepicker-row-name { font-weight: 700; color: var(--brand, #00679e); }
.dash-movepicker-toggle {
  display: flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; flex: 0 0 auto;
  border: 0; border-radius: 6px; background: none; cursor: pointer;
}
.dash-movepicker-toggle:hover { background: #e9ecf1; }
.dash-movepicker-toggle .icon-mask {
  width: 13px; height: 13px; background-color: #6b7383;
  transition: transform .12s ease;
}
.dash-movepicker-toggle.is-open .icon-mask { transform: rotate(90deg); }
.dash-movepicker-row-icon { width: 20px; height: 20px; flex: 0 0 auto; background-color: #e8a33d; }
.dash-movepicker-note { padding: 7px 16px; font-size: .8rem; color: #9aa1ad; }
.dash-movepicker-row-name {
  min-width: 0; font-size: .95rem; color: #191919;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dash-movepicker-row-sub { margin-left: auto; flex: 0 0 auto; font-size: .78rem; color: #6b7383; }
.dash-movepicker-newrow {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 16px; border-top: 1px solid #f2f3f5;
}
.dash-movepicker-newrow[hidden] { display: none; }
.dash-movepicker-newrow .dash-storage-label { flex: 0 0 auto; }
.dash-movepicker-newrow input { flex: 1 1 auto; min-width: 0; }
.dash-movepicker-foot {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 16px calc(env(safe-area-inset-bottom, 0px) + 12px);
  border-top: 1px solid #f2f3f5;
}
.dash-movepicker-foot [data-movepicker-go] { margin-left: auto; }
.dash-sendshare-modal .dash-nested-modal-dialog { height: auto; }
.dash-sendshare-peek {
  display: flex; align-items: center; gap: 12px;
  width: 100%; padding: 12px 16px; margin: 0;
  border: 0; border-bottom: 1px solid #f2f3f5; background: none;
  text-align: left; cursor: pointer;
}
.dash-sendshare-peek:hover { background: #f8f9fb; }
.dash-sendshare-thumbs { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.dash-sendshare-thumbs img {
  width: 40px; height: 40px; border-radius: 8px; object-fit: cover; background: #f2f3f5;
}
.dash-sendshare-thumbs-more { font-size: .78rem; color: #6b7383; white-space: nowrap; padding-left: 2px; }
.dash-sendshare-peek-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dash-sendshare-peek-title { font-size: .95rem; font-weight: 600; color: #191919; }
.dash-sendshare-peek-hint { font-size: .78rem; color: #6b7383; }
.dash-sendshare-previewrow { padding: 10px 16px; border-bottom: 1px solid #f2f3f5; }
.dash-sendshare-previewbtn {
  width: 100%; padding: 10px 12px; border-radius: 9px;
  border: 1px solid #dcdfe4; background: #fff; color: #4b5468;
  font-size: .86rem; font-weight: 700; cursor: pointer;
}
.dash-sendshare-previewbtn:hover { background: #f2f3f5; }
.dash-sendshare-preview {
  position: fixed; inset: 0; z-index: calc(var(--z-system) + 2);
  display: flex; flex-direction: column; background: #fff;
}
.dash-sendshare-preview[hidden] { display: none; }
.dash-sendshare-preview-close {
  position: absolute; z-index: 1;
  top: calc(env(safe-area-inset-top, 0px) + 8px); right: 12px;
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border: 0; border-radius: 999px;
  background: rgba(255, 255, 255, .94); box-shadow: 0 1px 6px rgba(0, 0, 0, .18);
  cursor: pointer;
}
.dash-sendshare-preview-close:hover { background: #fff; }
.dash-sendshare-preview-close img { width: 18px; height: 18px; }
.dash-sendshare-preview-frame { flex: 1 1 auto; width: 100%; border: 0; }
.dash-nested-modal {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-system) + 1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(20, 20, 30, .55);
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease;
}
.dash-nested-modal.is-active { opacity: 1; pointer-events: auto; }
.dash-nested-modal-dialog {
transform: translateY(-4vh);
  display: flex;
  flex-direction: column;
  width: min(528px, 100%);
  height: min(672px, 100%);
  background: #fff;
  border-radius: 19.2px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .3);
}
@media (max-height: 600px) {
  .dash-nested-modal-dialog { transform: none; }
}
#dashNestedModal .dash-nested-modal-dialog {
  transform: none;
  height: min(571.2px, 100%);
}
.dash-nested-modal-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
height: 56px;
  padding: 0 1.2rem;
  border-bottom: 1px solid #eef0f3;
}
.dash-nested-modal-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.125rem; 
  color: #1c1f24;
}
.dash-nested-modal-close {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38.4px;
  height: 38.4px;
  border: none;
  border-radius: 50%;
  background: none;
  cursor: pointer;
}
.dash-nested-modal-close:hover { background: #f2f3f5; }
.dash-nested-modal-close img { width: 19.2px; height: 19.2px; }
.dash-nested-modal-body {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
}
.dash-nested-modal-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.dash-fullsheet {
  padding: 0;
  align-items: stretch;
inset: auto 0 auto 0;
  top: var(--dash-vv-top, 0px);
  height: var(--dash-vv-height, 100vh);
  transform: translateX(100%);
  transition: opacity .22s ease, transform .22s ease;
}
.dash-fullsheet.is-active { transform: translateX(0); }
.dash-fullsheet .dash-nested-modal-dialog {
  transform: none;
  width: 100%;
  height: 100%;
  border-radius: 0;
  box-shadow: none;
position: relative;
}
.dash-fullsheet .dash-mail-modal-header { position: relative; z-index: 2; flex: 0 0 auto; }
.dash-fullsheet .dash-nested-modal-body {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding: 1rem 12px 76px;
}
.dash-fullsheet .dash-nested-modal-body,
.dash-fullsheet .dash-contact-form-body {
  gap: .5rem;
  padding: 1.2rem 12px 88px;
}
.dash-fullsheet .dash-contact-form-label {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #1c1f24;
}
.dash-fullsheet .dash-contact-form-label:first-child,
.dash-fullsheet .dash-error[hidden] + .dash-contact-form-label { margin-top: 0; }
.dash-fullsheet .dash-contact-form-label span { font-size: .9rem; }
.dash-fullsheet .dash-nested-modal-body > *,
.dash-fullsheet .dash-contact-form-body > * { flex: 0 0 auto; }
select.dash-schedule-write-input {
  height: 44px;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('/icons/chevron-down-muted.svg');
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 16px;
  padding-right: 2.4rem;
  cursor: pointer;
}
.dash-schedule-write-input:focus { outline: none; border-color: var(--brand); }
.dash-fullsheet .dash-contact-group-add {
  flex: 0 0 auto;
  box-sizing: border-box;
  height: 44px;
  padding: 0 .9rem;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}
.dash-contact-multi { display: flex; flex-direction: column; gap: .48rem; }
.dash-contact-multi:empty { display: none; }
.dash-contact-multi-row { display: flex; align-items: center; gap: .48rem; }
.dash-contact-multi-row .dash-schedule-write-input { flex: 1 1 auto; min-width: 0; }
.dash-contact-multi-row .dash-contact-multi-label { flex: 0 0 5.5rem; width: 5.5rem; min-width: 0; }
.dash-contact-multi-btn {
  flex: 0 0 auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #dcdfe4;
  border-radius: 8px;
  background: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
.dash-contact-multi-btn.is-add { color: var(--brand); }
.dash-contact-multi-btn.is-add:hover { border-color: var(--brand); background: rgba(37, 99, 235, .06); }
.dash-contact-multi-btn.is-del { color: #8a8f98; }
.dash-contact-multi-btn.is-del:hover { border-color: #e6b4b4; background: #fdf4f4; color: #d94141; }
.dash-fullsheet [data-contact-pane][hidden],
.dash-fullsheet [data-contact-actionbar][hidden] { display: none !important; }
.dash-fullsheet .dash-error[hidden] + .dash-contact-form-notice[hidden] + .dash-contact-form-label { margin-top: 0; }
.dash-contact-grouppick {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
  max-height: calc(44px * 4);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.dash-contact-group-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: .48rem .84rem;
  border: 1px solid #dcdfe4;
  border-radius: 999px;
  background: #fff;
  color: #1c1f24;
  font-size: .95rem;
  line-height: 1.2;
  cursor: pointer;
}
.dash-contact-group-chip.is-on {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
}
.dash-contact-group-chip:active { opacity: .85; }
.dash-contact-groupnew { display: flex; align-items: center; gap: .48rem; margin-top: .6rem; }
.dash-contact-groupnew .dash-schedule-write-input { flex: 1 1 auto; min-width: 0; }
.dash-contact-more-btn {
  display: block;
  width: 100%;
  margin-top: 1.1rem;
  padding: .72rem;
  border: 1px dashed #d4d8de;
  border-radius: 12px;
  background: none;
  color: #6b7280;
  font-size: .98rem;
  cursor: pointer;
}
.dash-contact-more-btn:active { background: #f4f6f8; }
.dash-contact-more[hidden] { display: none; }
.dash-contactaff-kind { color: #9aa0aa; font-size: .82rem; }
.dash-notebrowse-sort-menu-item .dash-contactaff-kind { margin-left: .36rem; }
.dash-contactaff-sep { height: 1px; margin: .3rem 0; background: #eef0f3; }
.dash-orgfree-row { display: flex; align-items: center; gap: .48rem; margin-bottom: .48rem; }
.dash-orgfree-row .dash-schedule-write-input { flex: 1 1 0; min-width: 0; }
.dash-contacts-initial.is-org {
  border-radius: 12px;
  background: #e8eefc;
  color: #3b5bdb;
  font-weight: 700;
}
.dash-storage-form {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: #fff;
  padding: 1.5rem 12px; 
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.dash-note-form {
  overflow-y: hidden;
padding-top: 0;
background: #485679;
}
.dash-note-thread-list {
position: absolute;
  inset: 0;
  overflow-y: auto;
overscroll-behavior-y: contain;
align-items: flex-end;
background: #677bac;
  padding: 1.2rem 12px;
}
.dash-note-compose-float {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(72, 86, 121, .7);
  backdrop-filter: blur(7.2px);
  -webkit-backdrop-filter: blur(7.2px);
  padding: .6rem 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
.dash-note-modal .dash-mail-modal-header { background: #677bac; } 
.dash-note-modal .dash-mail-modal-back { color: #fff; }
.dash-note-modal .dash-mail-modal-back-icon { background: rgba(255, 255, 255, .15); }
.dash-note-modal .dash-mail-modal-back-icon img { filter: brightness(0) invert(1); }
.dash-note-modal .dash-mail-modal-back { width: auto; flex: 1 1 auto; min-width: 0; }
.dash-note-modal-view-btn {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 100%;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-note-modal-view-btn-icon {
  width: 43.2px;
  height: 43.2px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .12s ease;
}
.dash-note-modal-view-btn-icon img { width: var(--dash-header-icon); height: var(--dash-header-icon); }
.dash-note-modal-view-btn:hover .dash-note-modal-view-btn-icon { background: rgba(255, 255, 255, .28); }
.dash-note-modal-view-btn:disabled { opacity: .35; cursor: default; pointer-events: none; }
.dash-note-staging-files .dash-compose-file {
border-radius: 10px;
  padding: .36rem .72rem .36rem .36rem;
  font-size: .864rem;
}
.dash-note-staging-files {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.dash-note-edit-modal .dash-note-staging-files {
  flex: 0 0 auto;
  max-height: 60vh;
}
.dash-note-edit-modal .dash-note-staging-files .dash-compose-file {
  max-height: 56px;
}
.dash-note-text-bubble {
  align-self: flex-end;
  max-width: 78%;
  margin: 0;
  padding: .72rem .96rem;
  border-radius: 16.8px;
  background: #dbeafe;
  color: #1e3a5f;
  font-size: 1.02rem;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  box-sizing: border-box;
}
.dash-note-text-bubble.has-attachments { width: 78%; }
.dash-note-history-bubble {
  display: block;
  border: none;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
.dash-note-history-bubble:hover { background: #cfe2fc; }
.dash-note-history-bubble { border-top-right-radius: 0; }
.dash-note-history-bubble::before {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  width: 12px;
  height: 12px;
  background: #dbeafe;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}
.dash-note-history-bubble.is-deleted,
.dash-note-history-bubble.is-deleted:hover {
  display: flex;
  flex-direction: column;
  gap: .24rem;
  background: #eceef1;
  cursor: default;
}
.dash-note-history-bubble.is-deleted::before { background: #eceef1; }
.dash-storage-field { display: flex; flex-direction: column; gap: .6rem; }
.dash-storage-label { font-weight: 500; font-size: 1rem; color: #1c1f24; }
.dash-storage-textarea {
  width: 100%;
  min-height: 264px;
  resize: vertical;
  border: 1px solid #dcdfe4;
border-radius: 8px;
  padding: .72rem .9rem;
  font-size: 1rem;
  color: #1b2333;
  font-family: inherit;
  box-sizing: border-box;
}
.dash-storage-textarea::placeholder { color: #9aa0aa; }
.dash-storage-textarea:focus {
  outline: none;
  border-color: #86b7fe;
  box-shadow: 0 0 0 3.6px rgba(37, 99, 235, .18);
}
.dash-schedule-write-form { display: flex; flex-direction: column; gap: 1.5rem; }
.dash-schedule-write-input {
  width: 100%;
  border: 1px solid #dcdfe4;
border-radius: 8px;
  padding: .54rem .9rem;
  font-size: 1rem;
  color: #1b2333;
  font-family: inherit;
  box-sizing: border-box;
}
input.dash-schedule-write-input { height: 44px; }
.dash-schedule-write-input::placeholder { color: #9aa0aa; }
.dash-schedule-write-input:focus {
  outline: none;
  border-color: #86b7fe;
  box-shadow: 0 0 0 3.6px rgba(37, 99, 235, .18);
}
.dash-schedule-write-allday-row { flex-direction: row; align-items: center; justify-content: flex-start; gap: .9rem; }
.dash-schedule-write-todo-status {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
gap: .3rem .4rem;
  min-width: 0;
}
.dash-schedule-write-todo-status[hidden] { display: none; }
.dash-schedule-todo-radio {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
box-sizing: border-box;
  height: 31.2px;
  padding: 0 .55rem;
  border: 2px dashed transparent;
  border-radius: 999px;
  color: #6b7383;
  font-size: .92rem;
  cursor: pointer;
}
.dash-schedule-todo-radio.is-before { border-color: #d94141; }
.dash-schedule-todo-radio.is-doing { border-color: #f2c94c; }
.dash-schedule-todo-radio.is-done { border-color: #22a06b; }
.dash-schedule-todo-radio input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--brand);
  cursor: pointer;
}
.dash-schedule-todo-radio input:checked + span { color: #1c1f24; font-weight: 700; }
.dash-schedule-write-allday-label {
  font-weight: 700;
  font-size: 1.08rem;
  color: #1c1f24;
}
.dash-schedule-write-toggle { position: relative; display: inline-block; width: 52.8px; height: 31.2px; cursor: pointer; }
.dash-schedule-write-toggle input {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.dash-schedule-write-toggle-track {
  position: absolute;
  inset: 0;
  background: #dcdfe4;
  border-radius: 1198.8px;
  transition: background .15s ease;
}
.dash-schedule-write-toggle-track::before {
  content: '';
  position: absolute;
  top: 3.6px;
  left: 3.6px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2.4px rgba(0, 0, 0, .25);
  transition: transform .15s ease;
}
.dash-schedule-write-toggle input:checked + .dash-schedule-write-toggle-track { background: var(--brand); }
.dash-schedule-write-toggle input:checked + .dash-schedule-write-toggle-track::before { transform: translateX(21.6px); }
.dash-schedule-write-toggle input:focus-visible + .dash-schedule-write-toggle-track { box-shadow: 0 0 0 2.4px #9aa0aa; }
.dash-schedule-write-toggle.is-mini { width: 36px; height: 20px; }
.dash-schedule-write-toggle.is-mini .dash-schedule-write-toggle-track::before {
  top: 2.5px;
  left: 2.5px;
  width: 15px;
  height: 15px;
}
.dash-schedule-write-toggle.is-mini input:checked + .dash-schedule-write-toggle-track::before {
  transform: translateX(16px);
}
.dash-schedule-write-toggle.is-labeled { width: 92px; }
.dash-schedule-write-toggle.is-labeled .dash-schedule-write-toggle-track { background: #1b6e45; }
.dash-schedule-write-toggle.is-labeled .dash-schedule-write-toggle-track::after {
  content: attr(data-off);
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 31.2px); 
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: .82rem;
  font-weight: 700;
  white-space: nowrap;
}
.dash-schedule-write-toggle.is-labeled input:checked + .dash-schedule-write-toggle-track::after {
  content: attr(data-on);
  right: auto;
  left: 0;
  color: #fff;
}
.dash-schedule-write-toggle.is-labeled input:checked + .dash-schedule-write-toggle-track::before {
  transform: translateX(60.8px);
}
.dash-schedule-write-textarea {
  resize: none;
  overflow-y: hidden;
  line-height: 1.4;
}
.dash-schedule-write-time-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.dash-schedule-write-time-row[hidden] { display: none; }
.dash-storage-submit {
  margin-top: auto;
  flex: 0 0 auto;
  padding: 1.02rem;
  border: none;
  border-radius: 12px;
  background: var(--brand);
  color: #fff;
  font-weight: 700;
  font-size: 1.14rem;
  cursor: pointer;
}
.dash-storage-submit:hover { background: var(--brand-dark); }
.dash-storage-submit:disabled { background: #dcdfe4; color: #fff; cursor: not-allowed; }
.dash-gallery-track {
  position: absolute;
top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  background: #14171c;
scrollbar-width: none; 
  -ms-overflow-style: none; 
}
.dash-gallery-track::-webkit-scrollbar { display: none; } 
.dash-gallery-slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  scroll-snap-align: start;
scroll-snap-stop: always;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
}
.dash-gallery-slide-textfile > p.dash-gallery-slide-textfile-more {
  margin: .6rem 0 0;
  padding: 0 12px;
  color: #888;
  font-size: .78rem;
  line-height: 1.5;
}
.dash-gallery-slide-text {
  align-items: flex-start;
  background: #fff;
padding: 12px 12px 1.8rem;
}
.dash-gallery-slide-text > p {
  margin: 0;
  color: #1b2333;
  font-size: 18px; 
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
}
.dash-gallery-slide-mail.dash-gallery-slide-text > p {
  font-size: 1.2rem;
  line-height: 1.7;
padding: 12px 12px 0;
  margin-top: -.35em;
}
.dash-gallery-slide-schedule.dash-gallery-slide-text > p {
  padding: 12px;
}
.dash-gallery-common-event-link {
  display: block;
  margin: 0 12px 12px;
  color: var(--brand);
  font-weight: 700;
  text-decoration: none;
}
.dash-gallery-common-event-link:hover { text-decoration: underline; }
.dash-gallery-slide-schedule.dash-gallery-slide-text > p.dash-gallery-common-event-summary {
  white-space: pre-line;
  line-height: 1.7;
}
.dash-gallery-slide-schedule.dash-gallery-slide-text > p.dash-gallery-common-event-ai-note {
  padding: 0 12px 8px;
  font-size: .8125rem;
  color: #9aa0aa;
}
.dash-gallery-slide-note.dash-gallery-slide-text > p {
  font-size: 18px;
  line-height: 1.6;
  padding: 12px;
  margin-top: 0;
}
.dash-gallery-slide-image {
  overflow: hidden; 
position: relative;
}
.dash-gallery-slide-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
touch-action: pan-x;
  cursor: zoom-in;
  user-select: none;
}
.dash-gallery-slide-image.is-zoomed img { cursor: zoom-out; } 
.dash-gallery-slide-image-broken img {
  width: 115.2px;
  height: 115.2px;
  max-width: 40%;
  max-height: 40%;
  cursor: default;
  touch-action: pan-x;
}
.dash-gallery-face-layer {
  position: absolute;
  pointer-events: none;
}
.dash-gallery-face-layer[hidden] { display: none; }
.dash-gallery-modal.is-controls-hidden .dash-gallery-face-layer { opacity: 0; }
.dash-gallery-face-ring {
  position: absolute;
  border: 3px solid #2563eb;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, .35);
  box-sizing: border-box;
}
.dash-gallery-face-label {
  position: absolute;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.dash-gallery-face-label-text {
  display: inline-block;
  transform-origin: center;
  padding: 3px 9px;
  border-radius: 999px;
  background: #2563eb;
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.3;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .35);
}
.dash-gallery-slide-html {
  align-items: stretch;
  padding: 0;
}
.dash-gallery-slide-html-frame {
  width: 100%;
  height: 100%;
  border: none;
  background: #fff;
}
.dash-gallery-slide-mail {
  flex-direction: column;
  align-items: stretch;
justify-content: flex-start;
}
.dash-gallery-slide-mail.dash-gallery-slide-text { padding: 0; }
.dash-gallery-mail-info {
  flex: 0 0 auto;
padding: 12px;
  border-bottom: 1px solid #eef0f3;
  background: #fff;
}
.dash-gallery-slide-note .dash-gallery-mail-info {
  padding-top: 0;
  padding-bottom: 0;
}
.dash-gallery-mail-title {
margin: 0;
  font-size: 1.14rem; 
  font-weight: 700;
  color: #1b2333;
  line-height: 1.4;
  word-break: break-word;
min-height: 56px;
  display: flex;
  align-items: center;
}
.dash-gallery-mail-meta {
  margin: 0;
  font-size: 15.6px; 
  color: #6b7280;
  line-height: 1.5;
}
.dash-gallery-slide-mail .dash-gallery-slide-html-frame {
flex: 0 0 auto;
  min-height: 0;
}
.dash-gallery-slide-mail.dash-gallery-slide-html { scrollbar-gutter: stable; }
.dash-gallery-translate {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  padding: 12px 10px;
}
.dash-gallery-translate-btn {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  border: 1px solid #d5dbe5;
  border-radius: 17px;
  background: #fff;
  color: #1d4ed8;
  font-size: 14px;
  cursor: pointer;
}
.dash-gallery-translate-btn:hover { background: #f1f5ff; }
.dash-gallery-slide-note.is-memo > .dash-gallery-translate { padding-top: 10px; }
.dash-gallery-mail-titlerow {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dash-gallery-mail-titlerow > .dash-gallery-mail-title {
  flex: 1 1 auto;
  min-width: 0;
}
.dash-gallery-mail-titlerow > .dash-gallery-translate {
  flex: 0 0 auto;
  padding: 0;
position: relative;
  top: -10px;
}
.dash-gallery-translate-btn:disabled { color: #6b7280; background: #fff; cursor: default; }
.dash-gallery-slide .is-translate-hidden { display: none !important; }
.dash-gallery-translated {
  margin: 0;
  padding: 0 10px 24px;
  color: #1b2333;
  font-size: 1.2rem;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.dash-gallery-translated-note {
  margin: 0;
  padding: 0 10px 24px;
  color: #888;
  font-size: .78rem;
  line-height: 1.5;
}
.dash-gallery-slide-file {
  flex-direction: column;
  gap: .72rem;
  background: #fff;
  padding: 2.4rem 1.8rem;
  text-align: center;
}
.dash-gallery-slide-file-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 91.2px;
  height: 91.2px;
  border-radius: 50%;
  background: #f2f3f5;
  box-shadow: 0 4.8px 16.8px rgba(20, 20, 30, .08);
}
.dash-gallery-slide-file-icon img { width: 38.4px; height: 38.4px; }
.dash-gallery-slide-file-name {
  margin: 0;
  max-width: 100%;
  color: #1b2333;
  font-weight: 700;
  font-size: 1.14rem;
  word-break: break-all;
}
.dash-gallery-slide-file-size {
  margin: 0;
  color: #9aa0aa;
  font-size: .96rem;
}
.dash-gallery-slide-file-link {
  margin-top: .48rem;
  padding: .66rem 1.56rem;
  border-radius: 1198.8px;
  border: 1.8px solid var(--brand);
  background: #fff;
  color: var(--brand);
  font-weight: 700;
  font-size: 1.02rem;
  text-decoration: none;
}
.dash-gallery-slide-file-link:hover { background: var(--brand); color: #fff; }
.dash-gallery-slide-video {
  flex-direction: column;
  gap: .6rem;
  background: #000;
}
.dash-gallery-slide-video-el {
  max-width: 100%;
  max-height: calc(100% - 2.4rem);
  object-fit: contain;
}
.dash-gallery-slide-video-name {
  margin: 0;
  padding: 0 1.2rem;
  color: #fff;
  font-size: .9rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.dash-gallery-slide-audio {
  flex-direction: column;
  gap: 1.2rem;
  background: #000;
}
.dash-gallery-slide-audio-icon {
  width: 96px;
  height: 96px;
background-color: #fff;
  opacity: .8;
}
.dash-gallery-slide-audio-el {
  width: min(90%, 420px);
}
.dash-gallery-slide-audio-name {
  margin: 0;
  padding: 0 1.2rem;
  color: #fff;
  font-size: .9rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.dash-gallery-slide-unsupported {
  flex-direction: column;
  gap: .9rem;
  background: #fff;
  padding: 2.4rem 1.8rem;
  text-align: center;
}
.dash-gallery-slide-unsupported-ext {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76.8px;
  height: 76.8px;
  padding: 0 .9rem;
  border-radius: 16.8px;
  background: #f2f3f5;
  color: #6b7280;
  font-weight: 800;
  font-size: 1.14rem;
  letter-spacing: .02em;
}
.dash-gallery-slide-unsupported-name {
  margin: 0;
  max-width: 100%;
  color: #1b2333;
  font-weight: 700;
  font-size: 1.14rem;
  word-break: break-all;
}
.dash-gallery-slide-unsupported-msg {
  margin: 0;
  color: #9aa0aa;
  font-size: 1.02rem;
}
.dash-gallery-slide-unsupported-link {
  padding: .66rem 1.38rem;
  border-radius: 1198.8px;
  background: var(--brand);
  color: #fff;
  font-weight: 700;
  font-size: 1.02rem;
  text-decoration: none;
}
.dash-gallery-slide-unsupported-link:hover { background: var(--brand-dark); }
.dash-gallery-slide-fileview { background: #fff; }
.dash-gallery-file-note {
  margin: 4px 0 0;
  color: #8a909a;
  font-size: .82rem;
  line-height: 1.5;
  white-space: pre-line; 
}
.dash-gallery-slide-pdfview { background: #eceef1; }
.dash-gallery-pdf-pages {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.dash-gallery-pdf-page {
  position: relative;
  width: 100%;
  max-width: 900px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(20, 20, 30, .12);
}
.dash-gallery-pdf-page canvas {
  display: block;
  width: 100%;
  height: auto;
}
.dash-gallery-pdf-page .textLayer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 1;
  line-height: 1;
  text-align: initial;
  letter-spacing: normal;
  word-spacing: normal;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  z-index: 0;
  --min-font-size: 1;
  --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));
  --min-font-size-inv: calc(1 / var(--min-font-size));
}
.dash-gallery-pdf-page .textLayer span,
.dash-gallery-pdf-page .textLayer br {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  transform-origin: 0% 0%;
  -webkit-user-select: text;
  user-select: text;
}
.dash-gallery-pdf-page .textLayer > :not(.markedContent),
.dash-gallery-pdf-page .textLayer .markedContent span:not(.markedContent) {
  z-index: 1;
  --font-height: 0;
  font-size: calc(var(--text-scale-factor) * var(--font-height));
  --scale-x: 1;
  --rotate: 0deg;
  transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));
}
.dash-gallery-pdf-page .textLayer .markedContent { display: contents; }
.dash-gallery-pdf-page .textLayer span[role="img"] {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.dash-gallery-pdf-page .textLayer ::selection {
  background: rgba(0, 0, 255, .25);
  color: transparent;
}
.dash-gallery-pdf-page .textLayer br::selection { background: transparent; }
.dash-gallery-pdf-page .textLayer .endOfContent {
  display: block;
  position: absolute;
  inset: 100% 0 0;
  z-index: 0;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.dash-gallery-pdf-page .textLayer.selecting .endOfContent { top: 0; }
.dash-gallery-pdf-page.is-error::after {
  content: '이 쪽을 그리지 못했습니다';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9aa0aa;
  font-size: .9rem;
}
.dash-gallery-pdf-status {
  margin: 2rem 0;
  color: #8a909a;
  font-size: 1rem;
}
.dash-gallery-file-notice {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .9rem;
  padding: 3rem 1.5rem;
  text-align: center;
}
.dash-gallery-file-notice p {
  margin: 0;
  color: #6b7280;
  font-size: 1rem;
  line-height: 1.6;
  white-space: pre-line;
}
.dash-gallery-markdown {
  padding: 12px;
  color: #1b2333;
  font-size: 1rem;
  line-height: 1.7;
  word-break: break-word;
}
.dash-gallery-markdown h1 { font-size: 1.5rem; margin: 1rem 0 .5rem; }
.dash-gallery-markdown h2 { font-size: 1.3rem; margin: 1rem 0 .5rem; }
.dash-gallery-markdown h3 { font-size: 1.12rem; margin: .9rem 0 .4rem; }
.dash-gallery-markdown p,
.dash-gallery-markdown ul,
.dash-gallery-markdown ol,
.dash-gallery-markdown blockquote,
.dash-gallery-markdown pre,
.dash-gallery-markdown table { margin: 0 0 .8rem; }
.dash-gallery-markdown ul,
.dash-gallery-markdown ol { padding-left: 1.4rem; }
.dash-gallery-markdown ul { list-style: disc; }
.dash-gallery-markdown ol { list-style: decimal; }
.dash-gallery-markdown blockquote {
  padding: .2rem .9rem;
  border-left: 3px solid #d7dbe0;
  color: #5b6270;
}
.dash-gallery-markdown code {
  padding: .1rem .3rem;
  border-radius: 4px;
  background: #f2f3f5;
  font-size: .9em;
}
.dash-gallery-markdown pre {
  padding: .8rem;
  border-radius: 8px;
  background: #f2f3f5;
  overflow-x: auto;
}
.dash-gallery-markdown pre code { padding: 0; background: none; }
.dash-gallery-markdown table { display: block; overflow-x: auto; border-collapse: collapse; }
.dash-gallery-markdown th,
.dash-gallery-markdown td { padding: .35rem .6rem; border: 1px solid #e3e6ea; }
.dash-gallery-markdown img { max-width: 100%; height: auto; }
.dash-gallery-markdown a { color: var(--brand); text-decoration: underline; }
.dash-gallery-archive { padding: 12px; }
.dash-gallery-archive-summary {
  margin: 0 0 8px;
  color: #6b7280;
  font-size: .9rem;
}
.dash-gallery-archive-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dash-gallery-archive-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 2px;
padding-left: calc(2px + var(--depth, 0) * 20px);
  border-bottom: 1px solid #eef0f3;
  font-size: .95rem;
}
.dash-gallery-archive-icon { flex: 0 0 auto; width: 22px; height: 22px; object-fit: contain; }
.dash-gallery-archive-name { flex: 1 1 auto; min-width: 0; color: #1b2333; word-break: break-all; }
.dash-gallery-archive-list li.is-dir .dash-gallery-archive-name { color: #6b7280; font-weight: 600; }
.dash-gallery-archive-size {
  flex: 0 0 auto;
  color: #9aa0aa;
  font-size: .85rem;
}
.dash-gallery-font { padding: 16px 12px; }
.dash-gallery-font p {
  margin: 0 0 14px;
  color: #1b2333;
  line-height: 1.35;
  word-break: break-word;
}
.dash-gallery-slide-folder-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76.8px;
  height: 76.8px;
  border-radius: 16.8px;
  background-color: #f2f3f5;
}
.dash-gallery-slide-folder-icon .icon-mask {
  width: 40px;
  height: 40px;
  background-color: #6b7280;
}
.dash-gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
background: rgba(20, 20, 30, .9);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  backdrop-filter: blur(2.4px);
  -webkit-backdrop-filter: blur(2.4px);
  transition: opacity .15s ease, background .12s ease;
}
.dash-gallery-nav[hidden] { display: none; }
.dash-gallery-nav:hover { background: rgba(20, 20, 30, 1); }
.dash-gallery-nav img { width: 24px; height: 24px; }
.dash-gallery-nav.is-prev { left: 14.4px; }
.dash-gallery-nav.is-next { right: 14.4px; }
.dash-gallery-modal.is-controls-hidden .dash-gallery-nav {
  opacity: 0;
  pointer-events: none;
}
.dash-gallery-filmstrip {
  position: absolute;
  left: 0;
  right: 0;
bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: calc(72px + env(safe-area-inset-bottom, 0px));
  padding: 0 0 env(safe-area-inset-bottom, 0px);
  background: rgba(20, 20, 30, .9);
  backdrop-filter: blur(2.4px);
  -webkit-backdrop-filter: blur(2.4px);
  transition: opacity .15s ease;
pointer-events: none;
}
.dash-gallery-filmstrip-track,
.dash-gallery-filmstrip-counter {
  pointer-events: auto;
}
.dash-gallery-filmstrip[hidden] { display: none; }
.dash-gallery-modal.is-controls-hidden .dash-gallery-filmstrip {
  opacity: 0;
  pointer-events: none;
}
.dash-gallery-filmstrip-track {
  display: flex;
  gap: 3.6px; 
justify-content: safe center;
  width: 100%;
  overflow-x: auto;
  padding: 0 .9rem;
  box-sizing: border-box;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.dash-gallery-filmstrip-track::-webkit-scrollbar { display: none; }
.dash-gallery-filmstrip-thumb {
  flex: 0 0 auto;
  width: 52.8px;
  height: 52.8px;
  border-radius: 7.2px;
  border: none;
  padding: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, .12);
  cursor: pointer;
}
.dash-gallery-filmstrip-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none; 
}
.dash-gallery-filmstrip-thumb.is-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin: 14.4px;
}
.dash-gallery-filmstrip-thumb.is-active { outline: 3.6px solid #f0b429; outline-offset: -3px; }
.dash-gallery-filmstrip-counter {
position: absolute;
  top: 6px;
  right: 8px;
  padding: 1px 7px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .55);
  color: rgba(255, 255, 255, .92);
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.5;
  font-variant-numeric: tabular-nums; 
}
.dash-gallery-filmstrip-counter:empty { display: none; }
.dash-gallery-modal:has(.dash-gallery-filmstrip:not([hidden])) .dash-gallery-modal-actions-bar {
  bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  padding-bottom: 0;
}
.dash-thread-date-divider {
  align-self: stretch;
  display: flex;
  justify-content: center;
  padding: .6rem 0;
}
.dash-thread-date-divider-chip {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  background: #eef0f3;
  color: #4b5468;
  font-size: .864rem;
  font-weight: 600;
  padding: .36rem .9rem;
  border-radius: 1198.8px;
}
.dash-thread-date-divider-chip .icon-mask {
  width: 15.6px;
  height: 15.6px;
  background-color: #4b5468;
}
.dash-thread-list,
.dash-chat-modal .dash-chat-list {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
bottom: 76.8px;
  overflow-y: auto;
background: #dbeafe;
  padding: 1.5rem 12px;
  display: flex;
  flex-direction: column;
gap: .72rem;
  box-sizing: border-box;
overscroll-behavior-y: contain;
}
.dash-thread-list::before {
  content: "";
  flex: 1 0 auto;
}
.dash-thread-modal .dash-mail-modal-header { background: #dbeafe; }
.dash-chat-modal .dash-mail-modal-header,
.dash-chat-modal .dash-chat-modal-header-wrap { background: #9ab056; }
.dash-chat-modal .dash-mail-modal-title { color: #1f2937; }
.dash-thread-modal-header-wrap,
.dash-chat-modal-header-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  box-shadow: 0 7.2px 19.2px rgba(0, 0, 0, .08); 
}
.dash-thread-modal-header-wrap .dash-mail-modal-header,
.dash-chat-modal-header-wrap .dash-mail-modal-header {
  position: static; 
  box-shadow: none;
}
.dash-thread-modal-header-wrap .dash-mail-modal-back {
  width: auto; 
  flex: 1 1 auto;
  min-width: 0; 
}
.dash-thread-modal-expand {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 100%;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-thread-modal-expand-icon {
  width: 43.2px;
  height: 43.2px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .12s ease, transform .15s ease;
}
.dash-thread-modal-expand:hover .dash-thread-modal-expand-icon { background: rgba(0, 0, 0, .08); }
.dash-thread-modal-expand-icon img { width: 19.2px; height: 19.2px; }
.dash-thread-modal-expand[aria-expanded="true"] .dash-thread-modal-expand-icon { transform: rotate(180deg); }
.dash-thread-modal-detail {
display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: .9rem;
  padding: 0 12px .9rem 24px;
  background: #dbeafe; 
}
.dash-thread-modal-detail[hidden] { display: none; }
.dash-thread-modal-detail-lines { min-width: 0; }
.dash-thread-modal-detail-acts { display: flex; align-items: center; gap: .35rem; flex: 0 0 auto; }
.dash-thread-modal-chat-btn[hidden] { display: none; }
.dash-thread-modal-chat-btn {
  flex: 0 0 auto;
  padding: .36rem .78rem;
  border-radius: 1198.8px;
  border: 1px solid rgba(22, 163, 74, .35);
  background: #fff;
  color: #16a34a;
  font-size: .864rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
}
.dash-thread-modal-chat-btn:hover { background: rgba(22, 163, 74, .08); }
.dash-thread-modal-detail-line {
  margin: 0;
  font-size: .96rem;
  color: #4b5563;
  line-height: 1.5;
}
.dash-thread-modal-mark-btn {
  flex: 0 0 auto;
  padding: .36rem .78rem;
  border-radius: 1198.8px;
  background: #fff;
  font-size: .864rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.dash-thread-modal-mark-btn[data-mark-read="1"] {
  border: 1px solid rgba(37, 99, 235, .35);
  color: #2563eb;
}
.dash-thread-modal-mark-btn[data-mark-read="1"]:hover { background: #eff6ff; }
.dash-thread-modal-mark-btn[data-mark-read="0"] {
  border: 1px solid rgba(107, 114, 128, .35);
  color: #6b7280;
}
.dash-thread-modal-mark-btn[data-mark-read="0"]:hover { background: #f3f4f6; }
.dash-thread-bubble {
  display: flex;
  flex-direction: column;
  gap: .24rem;
  align-self: flex-start;
  max-width: 78%;
  padding: .78rem 1.08rem;
  box-sizing: border-box;
  border: none;
  border-radius: 19.2px;
  background: #fff;
  box-shadow: 0 1px 3.6px rgba(20, 20, 30, .08);
  text-align: left;
  cursor: pointer;
-webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.dash-thread-bubble.has-attachments { width: 78%; }
.dash-thread-bubble.is-out {
  align-self: flex-end;
background: #16a34a;
}
.dash-thread-bubble.is-in { border-top-left-radius: 0; }
.dash-thread-bubble.is-out { border-top-right-radius: 0; }
.dash-thread-bubble::before {
  content: "";
  position: absolute;
  top: 0;
  width: 12px;
  height: 12px;
}
.dash-thread-bubble.is-in::before {
  left: -6px;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.dash-thread-bubble.is-out::before {
  right: -6px;
  background: #16a34a;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}
.dash-thread-bubble.is-deleted::before { background: #eceef1; }
.dash-thread-bubble-group {
  display: flex;
  align-items: flex-start;
  align-self: flex-start;
  gap: .6rem;
  max-width: 78%;
  min-width: 0;
}
.dash-thread-bubble-col {
  display: flex;
  flex-direction: column;
  gap: .24rem;
  min-width: 0;
}
.dash-thread-bubble-group .dash-thread-bubble.is-in { max-width: 100%; }
.dash-thread-bubble-avatar {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #1c1f24;
  color: #fff;
  font-size: 1.488rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
border: none;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
}
.dash-thread-bubble-sender-name {
  min-width: 0;
  font-size: .864rem;
  font-weight: 600;
  color: #9aa0aa;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dash-thread-bubble-title-row {
  display: flex;
  align-items: center;
  gap: .36rem;
}
.dash-thread-bubble-new {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #d94141; 
  color: #fff;
  font-size: .696rem;
  font-weight: 800;
  line-height: 1;
}
.dash-thread-bubble-title {
  font-size: 1.08rem;
  font-weight: 600;
  color: #1b2333;
  white-space: normal;
  word-break: break-word;
}
.dash-thread-bubble.is-out .dash-thread-bubble-title { color: #fff; }
.dash-thread-bubble-attachments {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 4px;
  margin-top: .24rem;
  width: 100%;
}
.dash-thread-bubble-attachment-thumb {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 6px;
  object-fit: cover;
}
.dash-thread-bubble-attachment-file {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 6px;
  background: rgba(0, 0, 0, .05);
  color: #6b7280;
  padding: 0 2px;
  overflow: hidden;
  box-sizing: border-box;
}
.dash-thread-bubble.is-out .dash-thread-bubble-attachment-file { background: rgba(255, 255, 255, .18); color: rgba(255, 255, 255, .85); }
.dash-thread-bubble-attachment-file-ext {
  font-size: .6rem;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
}
.dash-thread-bubble-attachment-file-name {
  max-width: 100%;
  font-size: .5rem;
  line-height: 1.1;
  opacity: .85;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-thread-bubble-preview {
  font-size: .96rem;
  color: #6b7280;
  white-space: normal;
  word-break: break-word;
}
.dash-thread-bubble.is-out .dash-thread-bubble-preview { color: rgba(255, 255, 255, .75); }
.dash-thread-bubble.is-deleted,
.dash-thread-bubble.is-deleted.is-out {
  background: #eceef1;
  box-shadow: none;
  cursor: default;
}
.dash-thread-bubble-deleted-label {
  font-size: 1.02rem;
  font-weight: 600;
  color: #9aa0aa;
}
.dash-thread-bubble-deleted-time {
  font-size: .864rem;
  color: #b4b8c0;
}
.dash-bubble-actions-modal .dash-nested-modal-dialog { height: auto; }
.dash-bubble-actions-flags {
  display: flex;
  justify-content: flex-start;
  gap: .6rem;
  padding: .9rem .9rem .72rem;
  margin-top: .3rem;
  border-top: 1px solid #eef0f3;
}
.dash-bubble-actions-flag-btn {
  flex: 0 0 auto;
  width: 30.24px;
  height: 30.24px;
  border: none;
  border-radius: 50%;
  background: none;
  padding: 0;
  cursor: pointer;
}
.dash-bubble-actions-flag-btn img { width: 100%; height: 100%; filter: grayscale(1); opacity: .45; transition: filter .12s ease, opacity .12s ease; }
.dash-bubble-actions-flag-btn.is-active img { filter: none; opacity: 1; }
.dash-note-edit-modal { z-index: calc(var(--z-viewer) + 2); }
@media (min-width: 768px) {
  .dash-mail-modal.dash-compose-window {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: min(760px, calc(100vw - 48px));
    height: min(820px, calc(100vh - 64px));
    height: min(820px, calc(100dvh - 64px));
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15, 18, 26, .28);
    transform: translate(-50%, -47%);
  }
  .dash-mail-modal.dash-compose-window.is-active { transform: translate(-50%, -50%); }
#dashComposeModal.dash-compose-window { transform: translate(-50%, -47%); }
  #dashComposeModal.dash-compose-window.is-active { transform: translate(-50%, -50%); 
.dash-fullsheet.dash-compose-window {
    inset: auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: min(760px, calc(100vw - 48px));
    height: min(820px, calc(100vh - 64px));
    height: min(820px, calc(100dvh - 64px));
    border-radius: 16px;
    overflow: hidden;
background: #fff;
    box-shadow: 0 24px 64px rgba(15, 18, 26, .28);
    transform: translate(-50%, -47%);
  }
  .dash-fullsheet.dash-compose-window.is-active { transform: translate(-50%, -50%); }
}
.dash-fullsheet.dash-compose-window {
    inset: auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: min(760px, calc(100vw - 48px));
    height: min(820px, calc(100vh - 64px));
    height: min(820px, calc(100dvh - 64px));
    border-radius: 16px;
    overflow: hidden;
background: #fff;
    box-shadow: 0 24px 64px rgba(15, 18, 26, .28);
    transform: translate(-50%, -47%);
  }
  .dash-fullsheet.dash-compose-window.is-active { transform: translate(-50%, -50%); }
}
.dash-compose-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(20, 20, 30, .55);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}
.dash-compose-backdrop.is-active { opacity: 1; pointer-events: auto; }
.dash-compose-window-close { display: none; }
@media (min-width: 768px) {
  .dash-compose-window .dash-compose-window-close {
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 1;
    width: 43.2px;
    height: 43.2px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, .05);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    cursor: pointer;
    transition: background .12s ease;
  }
  .dash-compose-window .dash-compose-window-close:hover { background: rgba(0, 0, 0, .1); }
  .dash-compose-window .dash-compose-window-close img { width: var(--dash-header-icon); height: var(--dash-header-icon); }
}
@media (max-width: 767px) {
  .dash-compose-backdrop { display: none; }
}
.dash-note-edit-form {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: #fff;
  padding: 1.5rem 12px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.dash-note-edit-form::after {
  content: '';
  flex: 0 0 auto;
  height: 1rem;
}
.dash-note-edit-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .75rem 12px;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.dash-note-edit-submit { margin: 0; }
.dash-note-edit-error { margin: 0; font-size: .936rem; color: #d94141; }
.dash-note-edit-error[hidden] { display: none; }
.dash-note-edit-dropzone {
  width: 100%;
  box-sizing: border-box;
  border: 1px dashed #d0d0d0;
  border-radius: 4.8px;
  padding: 1.02rem;
  text-align: center;
  color: #888;
  font-size: 1.02rem;
  background: none;
  cursor: pointer;
  transition: border-color .15s, background-color .15s, color .15s;
}
.dash-note-edit-dropzone:hover { border-color: #9aa0aa; background-color: #f7f8fa; color: #3a3d42; }
.dash-note-edit-dropzone.is-drag-active { border-color: var(--brand); background-color: #f2f7fb; color: #3a3d42; }
.dash-mail-compose-form .dash-note-staging-files { flex: 0 0 auto; max-height: 60vh; }
.dash-mail-compose-form .dash-note-staging-files .dash-compose-file { max-height: 56px; }
.dash-mail-compose-hint { color: #8a9099; font-size: .85rem; font-weight: 400; }
.dash-mail-compose-empty {
  margin: 0;
  padding: .75rem .9rem;
  border-radius: 8px;
  background: #fff6e5;
  color: #7a5a1e;
  font-size: .9rem;
  line-height: 1.5;
}
.dash-mail-compose-field-error { color: #d94141; font-size: .85rem; }
.dash-mail-compose-field-error[hidden] { display: none; }
.dash-mail-compose-form .dash-schedule-write-input.is-invalid { border-color: #d94141; }
.dash-mail-compose-toolbar { display: flex; gap: .36rem; }
.dash-mail-compose-tool {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #dcdfe4;
  border-radius: 8px;
  background: #fff;
  color: #1c1f24;
  font-size: .95rem;
  cursor: pointer;
}
.dash-mail-compose-tool:hover { background: #f2f3f5; }
.dash-mail-compose-tool .icon-mask { width: 18px; height: 18px; background-color: #4b5468; }
.dash-mail-compose-linkrow { display: flex; gap: .48rem; align-items: center; }
.dash-mail-compose-linkrow[hidden] { display: none; }
.dash-mail-compose-linkrow .dash-schedule-write-input { flex: 1 1 auto; min-width: 0; }
.dash-mail-compose-linkok {
  flex: 0 0 auto;
  height: 44px;
  padding: 0 1rem;
  border: 1px solid #dcdfe4;
  border-radius: 8px;
  background: #fff;
  font-size: .95rem;
  cursor: pointer;
}
.dash-mail-compose-body {
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
  outline: none;
  cursor: text;
}
.dash-mail-compose-body:empty::before { content: attr(data-placeholder); color: #9aa0aa; pointer-events: none; }
.dash-mail-compose-body a { color: var(--brand); text-decoration: underline; }
.dash-bubble-meta-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 78%;
  margin: 2.4px 0 .36rem;
}
.dash-bubble-meta-row.is-out { align-self: flex-end; }
.dash-bubble-meta-row.is-in { align-self: flex-start; }
.dash-bubble-flag-badges { display: flex; gap: .36rem; }
.dash-bubble-flag-badges[hidden] { display: none; } 
.dash-thread-bubble,
.dash-note-history-bubble {
  position: relative;
}
.dash-bubble-meta-time {
  position: absolute;
  bottom: 0;
  font-size: .75rem;
  color: #9aa0aa;
  white-space: nowrap;
}
.dash-thread-bubble.is-out .dash-bubble-meta-time,
.dash-note-history-bubble .dash-bubble-meta-time {
  right: 100%;
  margin-right: .36rem;
}
.dash-thread-bubble.is-in .dash-bubble-meta-time {
  left: 100%;
  margin-left: .36rem;
}
.dash-bubble-flag-badge { width: 19.2px; height: 19.2px; }
.dash-thread-forward-form {
  display: flex;
  flex-direction: column;
  gap: .48rem;
  padding: .6rem .9rem .9rem;
}
.dash-thread-forward-form[hidden] { display: none; }
.dash-thread-forward-to {
  border: 1px solid #dcdfe4;
  border-radius: 12px;
  padding: .54rem .84rem;
  font-size: .984rem;
  font-family: inherit;
  color: #1b2333;
  box-sizing: border-box;
}
.dash-thread-forward-to:focus { outline: none; border-color: var(--brand); }
.dash-thread-forward-actions {
  display: flex;
  justify-content: flex-end;
  gap: .48rem;
}
.dash-thread-forward-cancel,
.dash-thread-forward-send {
  border: none;
  border-radius: 9.6px;
  padding: .48rem .84rem;
  font-size: .96rem;
  font-weight: 600;
  cursor: pointer;
}
.dash-thread-forward-cancel { background: none; color: #6b7280; }
.dash-thread-forward-cancel:hover { background: #f7f8fa; }
.dash-thread-forward-send { background: var(--brand); color: #fff; }
.dash-thread-forward-send:disabled { background: #c8ccd2; cursor: not-allowed; }
.dash-thread-compose,
.dash-chat-modal .dash-chat-compose {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
background: rgba(219, 234, 254, .82);
  backdrop-filter: blur(7.2px);
  -webkit-backdrop-filter: blur(7.2px);
  padding: .6rem 12px;
  box-sizing: border-box;
}
.dash-thread-compose-row,
.dash-chat-modal .dash-chat-compose-row {
  display: flex;
  align-items: center;
  gap: .6rem;
  border: 1px solid #dcdfe4;
  border-radius: 1198.8px;
padding: .36rem;
  background: #fff;
  box-sizing: border-box;
}
.dash-thread-compose-row:focus-within { border-color: var(--brand); }
.dash-thread-compose-add,
.dash-chat-modal .dash-chat-attach {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38.4px;
  height: 38.4px;
  border: none;
  border-radius: 50%;
  background: var(--brand); 
  cursor: pointer;
}
.dash-thread-compose-add img { width: 16.8px; height: 16.8px; }
.dash-thread-compose-input,
.dash-chat-modal .dash-chat-input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 28.8px;
  resize: none;
border: none;
  background: transparent;
  padding: .36rem 0;
  font-size: 1.056rem;
  font-family: inherit;
line-height: 1.35;
  color: #1b2333;
  box-sizing: border-box;
  overflow-y: auto;
scrollbar-width: none; 
  -ms-overflow-style: none;
}
.dash-thread-compose-input::-webkit-scrollbar,
.dash-chat-modal .dash-chat-input::-webkit-scrollbar { display: none; } 
.dash-thread-compose-input:focus,
.dash-chat-modal .dash-chat-input:focus { outline: none; } 
.dash-thread-compose-input::placeholder,
.dash-chat-modal .dash-chat-input::placeholder { font-size: .888rem; }
#dashNoteContent {
  padding-top: .48rem;
  padding-bottom: .24rem;
}
.dash-thread-compose-send,
.dash-chat-modal .dash-chat-send {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38.4px;
  height: 38.4px;
  border: none;
  border-radius: 50%;
  background: var(--brand);
  cursor: pointer;
}
.dash-thread-compose-send img { width: 16.8px; height: 16.8px; }
.dash-thread-compose-send:disabled { background: #c8ccd2; cursor: not-allowed; }
.dash-thread-compose-send.is-sending img { display: none; }
.dash-thread-compose-send.is-sending::after {
  content: '';
  width: 16.8px;
  height: 16.8px;
  border: 2.4px solid rgba(255, 255, 255, .35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: dash-thread-send-spin .7s linear infinite;
}
@keyframes dash-thread-send-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.dash-thread-compose-files,
.dash-chat-modal .dash-chat-compose-files {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .36rem;
  margin-bottom: .48rem;
align-content: end;
}
.dash-thread-compose-files[hidden] { display: none; }
.dash-thread-compose-file {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  background: #f2f3f5;
  border-radius: 1198.8px;
  padding: .24rem .72rem .24rem .84rem;
  font-size: .864rem;
  color: #3a3d42;
  width: 100%;
  box-sizing: border-box;
}
.dash-thread-compose-file.has-thumb { border-radius: 16.8px; padding: .24rem .6rem .24rem .24rem; }
.dash-thread-compose-file-thumb {
  width: 33.6px;
  height: 33.6px;
  border-radius: 7.2px;
  object-fit: cover;
  flex: 0 0 auto;
}
.dash-thread-compose-file-name {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-thread-compose-file.is-done .dash-thread-compose-file-name::before { content: "✓ "; color: #1f9d55; }
.dash-thread-compose-file.is-error { background: #fdecec; color: #c22; }
.dash-thread-compose-file.is-error .dash-thread-compose-file-name { white-space: normal; }
.dash-thread-compose-file-progress {
  flex: 0 0 auto;
  width: 33.6px;
  height: 4.8px;
  border-radius: 1198.8px;
  background: #dcdfe4;
  overflow: hidden;
}
.dash-thread-compose-file-progress-bar {
  display: block;
  height: 100%;
  width: 0;
  background: var(--brand);
  transition: width .15s ease;
}
.dash-thread-compose-file-remove {
  flex: 0 0 auto;
  border: none;
  background: none;
  color: #9aa0aa;
  font-size: 1.14rem;
  line-height: 1;
  cursor: pointer;
  padding: 0 .12rem;
}
.dash-thread-compose-file-remove:hover { color: #e0445b; }
.dash-thread-compose-error {
  margin: .42rem 0 0;
  font-size: .9rem;
  color: #d94141;
}
.dash-thread-compose-error[hidden] { display: none; }
.dash-fab-wrap {
position: fixed;
right: 20px;
bottom: calc(60px + 1.38rem + 12px);
  z-index: var(--z-chrome);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .6rem;
transition: bottom .25s ease, opacity .25s ease;
}
.dash-fab-wrap.is-nested-covered { opacity: 0; pointer-events: none; }
.dash-card.is-chrome-hidden .dash-fab-wrap,
.dash-card.is-chrome-hidden ~ .dash-fab-wrap {
  bottom: calc(1.38rem + 12px);
}
.dash-fab-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52.8px;
  height: 52.8px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--brand);
  color: #fff;
  font-weight: 700;
  font-size: 1.08rem;
  box-shadow: 0 9.6px 24px rgba(10, 10, 20, .18);
  cursor: pointer;
}
.dash-fab-btn:hover { background: var(--brand-dark); }
.dash-fab-btn-icon { font-size: 1.26rem; line-height: 1; }
.dash-notebrowse-global-upload {
  position: fixed;
  right: 20px; 
  top: 68px;
  z-index: var(--z-chrome);
  width: 52.8px;
  height: 52.8px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--brand);
opacity: .82;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 9.6px 24px rgba(10, 10, 20, .18);
  cursor: pointer;
  transition: opacity .25s ease;
touch-action: none;
}
.dash-notebrowse-global-upload[hidden] { display: none; }
.dash-notebrowse-global-upload:hover { background: var(--brand-dark); opacity: 1; }
.dash-notebrowse-global-upload-spinner {
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  border: 2.4px solid rgba(255, 255, 255, .3);
  border-top-color: #fff;
  animation: dash-notebrowse-upload-spin .8s linear infinite;
}
.dash-notebrowse-global-upload-text {
  position: relative;
  z-index: 1;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1;
}
@keyframes dash-notebrowse-upload-spin {
  to { transform: rotate(360deg); }
}
.dash-notebrowse-global-upload.is-done .dash-notebrowse-global-upload-spinner {
  animation: none;
  border-color: rgba(255, 255, 255, .85);
}
.dash-notebrowse-global-upload.is-done {
animation: dash-notebrowse-upload-blink .6s ease-in-out 5;
}
@keyframes dash-notebrowse-upload-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: .4; }
}
.dash-notebrowse-global-upload:not([hidden]) ~ .dash-global-download { top: 128px; }
.dash-global-download {
  background: #3f8f5f;
  opacity: 1; 
z-index: calc(var(--z-viewer) + 20);
}
.dash-global-download:hover { background: #34784f; }
.dash-global-download .dash-notebrowse-global-upload-spinner {
  border-color: rgba(255, 255, 255, .28);
  border-top-color: #d9f2e3;
}
.dash-global-download.is-done .dash-notebrowse-global-upload-spinner { border-color: #d9f2e3; }
#dashGlobalDownloadModal .dash-notebrowse-upload-modal-row-bar { background: #3f8f5f; }
.dash-thumb-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46%;
  height: 46%;
  max-width: 30px;
  max-height: 30px;
  transform: translate(-50%, -50%);
  z-index: 4; 
  opacity: .95;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .45));
  pointer-events: none;
}
.dash-gallery-filmstrip-thumb { position: relative; }
.dash-row-thumb-duration {
  position: absolute;
  right: 3px;
  bottom: 3px;
  z-index: 4; 
  padding: 1px 5px;
  border-radius: 4px;
  background: rgba(17, 20, 26, .72);
  color: #fff;
  font-size: .66rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .02em;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}
#uiConfirmModalExtraBtn {
  background: #5b6473;
  border: 1px solid #5b6473;
  color: #fff;
  font-weight: 500;
}
#uiConfirmModalExtraBtn:hover,
#uiConfirmModalExtraBtn:focus {
  background: #434b57;
  border-color: #434b57;
  color: #fff;
}
#uiConfirmModalExtraBtn[hidden] { display: none; }
.dash-global-download-cancel {
  display: block;
  align-self: auto;
  margin: .5rem 0 0 auto;
}
.dash-global-download-cancel:disabled { opacity: .5; cursor: default; }
.dash-notebrowse-upload-modal .dash-nested-modal-dialog {
  height: auto;
  max-height: min(560px, 100%);
}
.dash-notebrowse-upload-modal-total {
  margin: .9rem .9rem 0;
  padding: .9rem 1rem;
  background: #f7f8fa;
  border-radius: 12px;
}
.dash-notebrowse-upload-modal-total[hidden] { display: none; }
.dash-notebrowse-upload-modal-total-label {
  font-size: .88rem;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: .5rem;
  display: flex;
  justify-content: space-between;
  gap: .6rem;
}
.dash-notebrowse-upload-modal-total-stat {
  display: flex;
  align-items: baseline;
  gap: .5rem;
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}
.dash-notebrowse-upload-modal-total-count {
  min-width: 7.2em; 
  text-align: right;
}
.dash-notebrowse-upload-modal-total-pct {
  min-width: 3.2em; 
  text-align: right;
}
.dash-notebrowse-upload-modal-total-meta {
  display: flex;
  justify-content: space-between;
  gap: .6rem;
  margin-top: .45rem;
  font-size: .8rem;
  font-weight: 600;
  color: #6b7280;
  font-variant-numeric: tabular-nums;
min-height: 1.4em;
  line-height: 1.4;
}
.dash-notebrowse-upload-modal-total-meta[hidden] { display: none; }
.dash-notebrowse-upload-modal-list {
  list-style: none;
  margin: .9rem;
  padding: .9rem 1rem;
  background: #f7f8fa;
  border-radius: 12px;
  height: 200px;
  display: flex;
  flex-direction: column;
  gap: .7rem;
  overflow-y: auto;
}
.dash-notebrowse-upload-modal-row-label {
  font-size: .88rem;
  font-weight: 600;
  color: #1a1a2e;
  margin-bottom: .4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
}
.dash-notebrowse-upload-modal-row-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.dash-notebrowse-upload-modal-row-label > *:last-child { flex: 0 0 auto; }
.dash-notebrowse-upload-modal-row-pct {
  color: #6b7280;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.dash-notebrowse-upload-modal-row-track {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: #eceef2;
  overflow: hidden;
}
.dash-notebrowse-upload-modal-row-bar {
  display: block;
  height: 100%;
  width: 0;
  background: var(--brand);
  transition: width .2s ease;
}
.dash-notebrowse-upload-modal-row.is-done-row .dash-notebrowse-upload-modal-row-label {
  margin-bottom: 0;
  color: #6b7280;
}
.dash-notebrowse-upload-modal-row-check {
  width: 18px;
  height: 18px;
  opacity: .7;
}
.dash-fab-menu {
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
.dash-fab-menu[hidden] { display: none; }
.dash-fab-menu-item {
  display: flex;
  align-items: center;
  gap: .66rem;
  padding: .72rem 1.2rem;
  border: 1px solid #eef0f3;
  border-radius: 16.8px;
  background: #fff;
  color: #1c1f24;
  font-weight: 600;
  font-size: 1.056rem;
  box-shadow: 0 7.2px 19.2px rgba(10, 10, 20, .1);
  cursor: pointer;
  white-space: nowrap;
}
.dash-fab-menu-item:hover { background: #f7f8fa; }
.dash-fab-menu-icon, .dash-sidebar-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
}
.dash-fab-menu-icon .icon-mask, .dash-sidebar-item-icon .icon-mask { width: 24px; height: 24px; }
.dash-sidebar-item.is-logging-out { pointer-events: none; opacity: .65; }
.dash-sidebar-item.is-logging-out .dash-sidebar-item-icon .icon-mask { display: none; }
.dash-sidebar-item.is-logging-out .dash-sidebar-item-icon::after {
  content: '';
  width: 18px;
  height: 18px;
  border: 2.4px solid rgba(58, 61, 66, .2);
  border-top-color: #3a3d42;
  border-radius: 50%;
  animation: dash-thread-send-spin .7s linear infinite;
}
.dash-error {
  margin: 0 0 .6rem;
  font-size: .96rem;
  color: #d94141;
}
body.dash-home main.section { padding: 0; }
body.dash-home main.section > .container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
:root { --dash-pc-header-h: 56px; }
.dash-pc-header {
position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: .6rem;
  width: 100%;
  height: 56px; 
padding: 0 calc(28px - 43.2px / 2) 0 1rem;
  background: #fff;
  border-bottom: 1px solid #eef0f3; 
  box-sizing: border-box;
max-height: 56px;
  overflow: hidden;
transition: max-height .25s ease, border-color .25s ease, transform .25s ease;
}
.dash-pc-header.is-chrome-hidden {
  max-height: 0;
  border-bottom-color: transparent;
  transform: translateY(-100%);
}
.dash-pc-header-brand {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
font-size: 1.125rem;
  color: #14171c;
  display: flex;
  align-items: center;
}
.dash-pc-header-logo { max-height: 32px; width: auto; display: block; }
.dash-pc-header-logo-pc { display: none; }
.dash-pc-header-logo-mobile { display: block; }
.dash-pc-header-spacer { flex: 1 1 auto; }
.dash-topbar { display: none; }
.dash-sidebar-toggle {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-sidebar-toggle .icon-mask { width: 32px; height: 32px; }
.dash-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: var(--dash-pc-header-h); 
  left: 0;
  bottom: 0;
  width: 240px; 
  max-width: 80vw; 
  background: #fff;
z-index: calc(var(--z-overlay) - 15);
  box-shadow: 4px 0 24px rgba(0, 0, 0, .12);
padding: 10px;
padding-bottom: calc(var(--dash-bottombar-h) + 10px);
  overflow-y: auto;
  box-sizing: border-box;
  transform: translateX(-100%);
  transition: transform .25s ease;
}
.dash-wrap.is-sidebar-open .dash-sidebar { transform: translateX(0); }
.dash-sidebar, .dash-list { scrollbar-width: thin; scrollbar-color: #cfd6e4 transparent; }
.dash-sidebar::-webkit-scrollbar, .dash-list::-webkit-scrollbar { width: 10px; height: 10px; }
.dash-sidebar::-webkit-scrollbar-thumb, .dash-list::-webkit-scrollbar-thumb {
  background: #cfd6e4; border-radius: 6px; border: 3px solid transparent; background-clip: content-box;
}
.dash-sidebar::-webkit-scrollbar-thumb:hover, .dash-list::-webkit-scrollbar-thumb:hover { background: #aab3c4; background-clip: content-box; }
.dash-sidebar-backdrop {
  display: none;
  position: fixed;
  inset: var(--dash-pc-header-h) 0 0 0;
  background: rgba(20, 20, 30, .45);
  z-index: calc(var(--z-overlay) - 16); 
}
.dash-wrap.is-sidebar-open .dash-sidebar-backdrop { display: block; }
@media (max-width: 767px) {
  .dash-wrap.is-sidebar-open .dash-sidebar { z-index: calc(var(--z-overlay) + 1); }
  .dash-wrap.is-sidebar-open .dash-sidebar-backdrop { z-index: var(--z-overlay); }
}
.dash-sidebar-nav { display: flex; flex-direction: column; gap: .15rem; }
.dash-sidebar-item {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .65rem .8rem;
  border-radius: 10px;
  color: #3a3d42;
  font-size: .88rem;
  font-weight: 600;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.dash-sidebar-item:hover { background: #f2f3f5; }
.dash-sidebar-item.is-active { background: #eef0f3; color: #14171c; }
.dash-sidebar .icon-mask.is-sidebar-blue { background-color: #5b8fd9; }
.dash-sidebar-item .dash-mailnav-count { margin-left: auto; }
.dash-notebrowse-modes-wrap[hidden] { display: none !important; }
.dash-notebrowse-period-wrap { max-width: none; }
.dash-sidebar-group-head { display: flex; align-items: center; gap: .1rem; }
.dash-sidebar-group-head .dash-sidebar-item { flex: 1 1 auto; min-width: 0; }
.dash-sidebar-group-toggle {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: none;
  cursor: pointer;
}
.dash-sidebar-group-toggle:hover { background: #f2f3f5; }
.dash-sidebar-group-toggle .icon-mask {
  width: 16px;
  height: 16px;
  background-color: #9aa0a8;
transform: rotate(-90deg);
  transition: transform .15s ease;
}
.dash-sidebar-group.is-open .dash-sidebar-group-toggle .icon-mask { transform: none; }
.dash-sidebar-sub { display: flex; flex-direction: column; gap: .15rem; margin: .15rem 0 .3rem; }
.dash-sidebar-sub[hidden] { display: none !important; }
.dash-sidebar-subitem {
  display: flex;
  align-items: center;
  gap: .4rem;
  padding: .5rem .8rem .5rem calc(.8rem + 32px + .6rem);
  border-radius: 10px;
  color: #5a5f66;
  font-size: .85rem;
  font-weight: 600;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.dash-sidebar-subitem:hover { background: #f2f3f5; }
.dash-sidebar-subitem.is-active { background: #eef0f3; color: #14171c; }
.dash-sidebar-subitem .dash-mailnav-count { margin-left: auto; }
.dash-sidebar-item-icon img { width: 24px; height: 24px; display: block; }
.dash-sidebar-item.is-disabled { color: #c3c7ce; cursor: default; }
.dash-sidebar-item.is-disabled:hover { background: none; }
.dash-sidebar-divider {
  margin: .5rem .8rem;
  border: none;
  border-top: 1px solid #f2f3f5; 
}
.dash-sidebar-nav .dash-mailnav { margin-bottom: .5rem; }
@media (min-width: 768px) {
  .dash-wrap {
    padding: 0;
    justify-content: flex-start;
    align-items: stretch;
  }
.dash-sidebar {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    max-width: none;
    box-shadow: none;
    z-index: auto;
    transform: none;
    transition: flex-basis .2s ease, width .2s ease;
    flex: 0 0 240px;
    width: 240px;
height: calc(100vh - var(--dash-pc-header-h));
    height: calc(100dvh - var(--dash-pc-header-h));
    border-right: 1px solid #eef0f3; 
  }
.dash-sidebar-backdrop { display: none !important; }
.dash-card {
width: auto;
    max-width: none;
    flex: 1 1 auto;
min-width: 0;
height: calc(100vh - var(--dash-pc-header-h));
    height: calc(100dvh - var(--dash-pc-header-h));
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0; 
  }
  .dash-toptabs {
    padding-left: 12px;
    padding-right: 12px;
  }
.dash-pctabs {
    display: flex;
    align-items: stretch;
    gap: .12rem;
    flex: 0 0 auto;
    margin-left: .6rem;
    height: 100%;
  }
  .dash-pctabs .dash-bottombar-item {
    flex: 0 0 auto;
    min-width: 72px;
    padding: 0 .5rem;
    gap: 1px;
    border-radius: 8px;
  }
.dash-pctabs .dash-bottombar-item .icon-mask { width: 22px; height: 22px; }
  .dash-pctabs .dash-bottombar-label { font-size: .688rem; }
.dash-wrap.is-sidebar-collapsed .dash-sidebar { display: none; }
}
.dash-pctabs { display: none; }
.dash-header-shortcuts {
  display: flex;
  align-items: stretch;
  gap: .12rem;
  flex: 0 0 auto;
  margin-left: .6rem;
  height: 100%;
}
.dash-header-shortcut {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  min-width: 48px;
  padding: 0 .4rem;
  border: none;
  border-radius: 8px;
  background: none;
  color: #6b7280;
  font: inherit;
  cursor: pointer;
}
.dash-header-shortcut:hover { background: #f7f8fa; }
.dash-header-shortcut .icon-mask { width: 32px; height: 32px; }
.dash-hstart {
  display: flex;
  align-items: center;
  gap: .6rem;
  flex: 0 0 auto;
  height: 100%;
}
.dash-sidebar-toggle { position: relative; --dash-toggle-open: 0; }
.dash-toggle-line {
  position: absolute;
  inset: 0;
  margin: auto;
  transition: transform .25s ease, opacity .2s ease;
}
.dash-toggle-line.is-top {
  transform: translateY(calc((1 - var(--dash-toggle-open)) * -6.67px)) rotate(calc(var(--dash-toggle-open) * 45deg));
}
.dash-toggle-line.is-mid { opacity: calc(1 - var(--dash-toggle-open)); }
.dash-toggle-line.is-bottom {
  transform: translateY(calc((1 - var(--dash-toggle-open)) * 6.67px)) rotate(calc(var(--dash-toggle-open) * -45deg));
}
@media (prefers-reduced-motion: reduce) {
  .dash-toggle-line { transition: none; }
}
@media (max-width: 767px) {
  .dash-pc-header { gap: 2px; }
  .dash-pc-header .dash-header-shortcuts { margin-left: 0; }
}
.dash-pagemenu { position: relative; flex: 0 0 200px; width: 200px; min-width: 0; display: flex; align-items: center; margin-left: .6rem; }
.dash-pagemenu-btn {
  display: flex; align-items: center; gap: 6px; width: 100%; min-width: 0; max-width: 100%;
  height: 40px; padding: 0 10px;
  border: 0; border-radius: 10px; background: #f2f3f5;
  color: #1c1f24; font: inherit; font-size: 1rem; font-weight: 700; white-space: nowrap; cursor: pointer;
}
.dash-pagemenu-btn:hover, .dash-pagemenu-btn[aria-expanded="true"] { background: #e9ebee; }
.dash-pagemenu-btn .icon-mask { flex: 0 0 auto; width: 26px; height: 26px; }
.dash-pagemenu-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.dash-pagemenu-img { flex: 0 0 auto; display: block; width: 26px; height: 26px; }
.dash-pagemenu-link .dash-pagemenu-img { width: 22px; height: 22px; }
.dash-pagemenu-btn [hidden] { display: none !important; }
@media (max-width: 767px) { .dash-pagemenu-btn .dash-pagemenu-img { width: 24px; height: 24px; } }
.dash-pagemenu-caret { flex: 0 0 auto; width: 16px; height: 16px; transition: transform .15s ease; }
.dash-pagemenu-btn[aria-expanded="true"] .dash-pagemenu-caret { transform: rotate(180deg); }
.dash-pagemenu-panel {
  position: fixed; top: 0; left: 0; z-index: calc(var(--z-chrome, 2000) + 5);
  padding: 6px 0;
  background: #fff; border-radius: 12px; box-shadow: 0 9.6px 24px rgba(10, 10, 20, .18);
}
.dash-pagemenu-panel[hidden] { display: none; }
.dash-pagemenu-panel.is-full { border-radius: 0 0 12px 12px; }
.dash-pagemenu-hint { margin: 4px 14px 6px; font-size: .78rem; line-height: 1.5; color: #8a9099; }
.dash-pagemenu-row { display: flex; align-items: center; }
.dash-pagemenu-check { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 44px; height: 46px; cursor: pointer; }
.dash-pagemenu-check input { width: 18px; height: 18px; margin: 0; accent-color: var(--brand, #00679e); cursor: pointer; }
.dash-pagemenu-link {
  flex: 1 1 auto; display: flex; align-items: center; gap: 10px;
  height: 46px; padding: 0 16px;
  color: #1c1f24; font-size: 1rem; text-decoration: none; white-space: nowrap;
}
.dash-pagemenu-link:hover { background: #f7f8fa; }
.dash-pagemenu-link.is-current { color: var(--brand, #00679e); font-weight: 700; }
.dash-pagemenu-link .icon-mask { width: 22px; height: 22px; }
.dash-bottombar-item[hidden] { display: none !important; }
.dash-bottombar-img { display: block; width: 33.6px; height: 33.6px; }
.dash-pctabs .dash-bottombar-img { width: 22px; height: 22px; }
.dash-footer-menu-hint { margin: .35rem 0 0; font-size: .85rem; line-height: 1.6; color: #8a9099; }
@media (max-width: 767px) {
.dash-pagemenu { flex: 1 1 auto; width: auto; margin-left: 2px; }
  .dash-pc-header:has(.dash-pagemenu) .dash-pc-header-spacer { display: none; }
  .dash-pagemenu-btn { gap: 4px; padding: 0 6px; font-size: .95rem; }
  .dash-pagemenu-btn .icon-mask { width: 24px; height: 24px; }
}
.dash-list.is-picking .dash-row-avatar > .icon-mask,
.dash-list.is-picking .dash-row-thumb > img,
.dash-notebrowse-list.is-picking .dash-row-avatar > .icon-mask,
.dash-notebrowse-list.is-picking .dash-row-thumb > img { transition: transform .12s ease; }
.is-picking .dash-row-avatar,
.is-picking .dash-row-thumb { position: relative; }
.is-picking .dash-row-avatar > *,
.is-picking .dash-row-thumb > img,
.is-picking .dash-folder-peek { transform: scale(.84); transform-origin: center; }
.dash-pick {
  position: absolute; top: -2px; left: -2px; z-index: 5;
  width: 18px; height: 18px; border-radius: 50%;
  border: 2px solid var(--surface-solid, #fff);
  background: #cfd4da; pointer-events: none;
}
.dash-pick::after {
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  background: #2563eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;
  opacity: 0; transition: opacity .1s ease;
}
.is-picked > .dash-pick::after,
.is-picked .dash-pick::after { opacity: 1; }
.is-picking li.is-picked .dash-row,
.dash-list.is-picking li.is-picked .dash-row { background: #eef4ff; }
.is-picking .dash-row-new { display: none !important; }
.is-picking .dash-swipe-action { display: none; }
.dash-pickbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: calc(var(--z-chrome) + 1);
  display: flex; align-items: center; gap: 6px;
  padding: 10px 11px calc(13px + env(safe-area-inset-bottom, 0px));
  background: #fff; border-top: 1px solid #e4e7ec;
  box-shadow: 0 -4px 14px rgba(10, 14, 20, .08);
flex-wrap: wrap;
  row-gap: 6px;
}
.dash-pickbar[hidden] { display: none; }
body.is-picking-mode .dash-notebrowse-actionbar,
body.is-picking-mode .dash-tab-actionbar,
body.is-picking-mode .dash-fab-wrap { display: none !important; }
.dash-pickbar-count { flex: 0 0 auto; font-size: .82rem; font-weight: 700; color: #1c1f24; white-space: nowrap; }
.dash-pickbar-btn {
flex: 0 0 auto; min-width: 0; padding: 9px 10px; border-radius: 9px;
  display: inline-flex; align-items: center; gap: 5px;
  border: 1px solid #dcdfe4; background: #fff; color: #4b5468;
  font-size: .8rem; font-weight: 700; cursor: pointer; white-space: nowrap;
}
.dash-pickbar-btn .icon-mask { width: 15px; height: 15px; background-color: currentColor; }
.dash-pickbar-btn[hidden] { display: none; }
.dash-pickbar-btn:disabled { opacity: .45; cursor: default; }
.dash-pickbar-btn.is-primary { background: var(--brand, #00679e); border-color: var(--brand, #00679e); color: #fff; }
.dash-pickbar-btn.is-danger { color: #c0392b; border-color: #e3b4ad; }
.dash-pickbar-btn.is-plain { flex: 0 0 auto; margin-left: auto; border-color: transparent; color: #6b7383; }
.dash-viewmode { display: inline-flex; flex: 0 0 auto; border: 1px solid #dcdfe4; border-radius: 5px; overflow: hidden; background: #fff; }
.dash-viewmode-btn {
  display: inline-flex; align-items: center; justify-content: center;
width: 34px; height: 34px; padding: 0;
  border: 0; background: none; cursor: pointer;
}
.dash-viewmode-btn .icon-mask { width: 17px; height: 17px; background-color: #6b7383; }
.dash-viewmode-btn.is-on { background: var(--brand, #00679e); }
.dash-viewmode-btn.is-on .icon-mask { background-color: #fff; }
.dash-notebrowse-list.is-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 7px;
padding: 10px 12px calc(var(--dash-bottombar-h) + var(--notebrowse-dropzone-space, 0px));
align-content: start;
  align-items: start;
}
.dash-notebrowse-list.is-cards > li { border-bottom: 0; }
.dash-notebrowse-list.is-cards .dash-swipe { border-radius: 10px; }
.dash-notebrowse-list.is-cards .dash-row {
  position: relative; display: block; padding: 0;
  border-radius: 10px; overflow: hidden; background: #f2f3f5;
}
.dash-notebrowse-list.is-cards .dash-row-avatar,
.dash-notebrowse-list.is-cards .dash-row-thumb {
display: block;
  width: 100%; height: auto; aspect-ratio: 1; border-radius: 0;
}
.dash-notebrowse-list.is-cards .dash-row-thumb-front,
.dash-notebrowse-list.is-cards .dash-row-thumb-back {
  position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 0; border: 0;
}
.dash-notebrowse-list.is-cards .dash-row-thumbs {
display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.dash-notebrowse-list.is-cards .dash-row-thumbs-item {
  width: 46%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 12%;
  border-width: 3px; 
}
.dash-notebrowse-list.is-cards .dash-row-thumbs-item + .dash-row-thumbs-item { margin-left: -23%; }
.dash-notebrowse-list.is-cards .dash-row-thumbs-item:nth-child(n+4) { display: none; }
.dash-notebrowse-list.is-cards .dash-folder-peek { width: 62%; height: 62%; margin: 19% auto; }
.dash-notebrowse-list.is-cards .dash-row-avatar-icon .icon-mask { width: 44%; height: 44%; }
.dash-notebrowse-list.is-cards .dash-row-body {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 14px 6px 5px; gap: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, .62));
}
.dash-notebrowse-list.is-cards .dash-row-top { height: auto; }
.dash-notebrowse-list.is-cards .dash-row-sender { font-size: .7rem; color: #fff; font-weight: 600; }
.dash-notebrowse-list.is-cards .dash-row-time,
.dash-notebrowse-list.is-cards .dash-row-meta,
.dash-notebrowse-list.is-cards .dash-row-caption,
.dash-notebrowse-list.is-cards .dash-row-preview,
.dash-notebrowse-list.is-cards .dash-row-flags { display: none; }
.dash-notebrowse-list.is-cards .dash-pick { top: 5px; left: 5px; width: 20px; height: 20px; }
.dash-notebrowse-list.is-cards.is-picking .dash-row-avatar > *,
.dash-notebrowse-list.is-cards.is-picking .dash-row-thumb > img,
.dash-notebrowse-list.is-cards.is-picking .dash-folder-peek { transform: none; }
.dash-notebrowse-list.is-cards.is-picking li.is-picked .dash-row { outline: 3px solid var(--brand, #00679e); outline-offset: -3px; }
.dash-notebrowse-list.is-cards.is-picking li.is-picked .dash-row { background: #f2f3f5; }
.dash-notebrowse-list.is-cards .dash-notebrowse-parent-row { align-self: stretch; }
.dash-notebrowse-list.is-cards .dash-notebrowse-parent-row .dash-row { height: 100%; }
.dash-notebrowse-list.is-cards .dash-notebrowse-parent-row .dash-row-avatar {
  display: flex; align-items: center; justify-content: center;
  height: 100%; aspect-ratio: auto;
}
.dash-notebrowse-list.is-cards .dash-notebrowse-parent-row .dash-folder-peek {
  width: 62%; height: auto; aspect-ratio: 1; margin: 0;
}
.dash-notebrowse-list.is-cards .dash-person-row-face {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 32px;
  height: 32px;
  margin: 0;
  z-index: 4;
}
.dash-notebrowse-list.is-cards li[data-face-id] .dash-row { padding-bottom: 32px; }
.dash-notebrowse-list.is-cards li[data-face-id] .dash-row-body { bottom: 32px; }
.dash-notebrowse-list.is-cards .dash-person-name-btn {
  position: absolute;
  bottom: 4px;
  left: 4px;
  margin: 0;
  padding: .16rem .38rem;
  font-size: .68rem;
}
.dash-notebrowse-list.is-cards .dash-person-name-btn + .dash-person-name-btn {
  left: auto;
  right: 4px;
  margin: 0;
}
.dash-notebrowse-list.is-cards.is-picking li[data-face-id] .dash-row { padding-bottom: 0; }
.dash-notebrowse-list.is-cards.is-picking li[data-face-id] .dash-row-body { bottom: 0; }
.dash-notebrowse-list.is-cards .dash-person-row { padding-bottom: 32px; }
.dash-notebrowse-list.is-cards .dash-person-row .dash-row-body { bottom: 32px; }
.dash-notebrowse-list.is-cards .dash-person-faces {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5%;
  align-content: center;
  justify-items: center;
  padding: 11%;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.dash-notebrowse-list.is-cards .dash-person-face { width: 100%; height: auto; aspect-ratio: 1; }
.dash-notebrowse-list.is-cards .dash-person-face + .dash-person-face { margin-left: 0; }
.dash-notebrowse-list.is-cards .dash-person-face:only-child { grid-column: 1 / -1; width: 62%; }
.dash-notebrowse-list.is-cards .dash-person-face:nth-child(3):last-child { grid-column: 1 / -1; width: 47.5%; }
.dash-notebrowse-list.is-cards .dash-person-faces .dash-row-avatar {
  grid-column: 1 / -1; width: 62%; height: auto; aspect-ratio: 1;
}
.dash-notebrowse-list:not(.is-cards) .dash-person-face:nth-child(n+4) { display: none; }
.dash-notebrowse-list.is-cards .dash-person-row .dash-person-name-btn {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.dash-notebrowse-list.is-cards.is-picking .dash-person-row { padding-bottom: 0; }
.dash-notebrowse-list.is-cards.is-picking .dash-person-row .dash-row-body { bottom: 0; }
.dash-feed-chips {
  display: flex;
  align-items: center;
  gap: 6px;
flex: 0 1 auto;
  min-width: 0;
  margin-left: .6rem;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.dash-feed-chips::-webkit-scrollbar { display: none; }
.dash-feed-chips.is-scrollable {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 22px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 22px), transparent);
}
.dash-feed-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: 32px;
padding: 0 10px;
  border: 1px solid #e3e5e8;
  border-radius: 999px;
  background: #fff;
  color: #4b5468;
  font-size: .9rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.dash-feed-chip:hover { background: #f4f6f8; }
.dash-feed-chip.is-on {
  border-color: var(--brand, #00679e);
  background: var(--brand, #00679e);
  color: #fff;
}
.dash-modetoggle {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
height: 32.4px;
  padding: 2.7px;
  margin-left: 6px;
  border-radius: 999px;
  background: #3b82f6;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .18);
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color .25s ease;
}
.dash-modetoggle.is-folder { background: #f5b400; }
.dash-modetoggle-knob {
  position: absolute;
top: 2.7px;
  left: 0;
  width: 27px;
  height: 27px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .28);
  transform: translateX(2.7px);
  transition: transform .25s ease, width .25s ease;
}
.dash-modetoggle-btn {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  box-sizing: border-box;
height: 27px;
  min-width: 27px;
  padding: 0 9.9px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  font-size: .702rem;   
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s ease;
}
.dash-modetoggle.is-web .dash-modetoggle-btn[data-mode-toggle-value="web"] { color: #2563eb; }
.dash-modetoggle.is-folder .dash-modetoggle-btn[data-mode-toggle-value="folder"] { color: #b77900; }
.dash-modetoggle.is-folder .dash-modetoggle-btn[data-mode-toggle-value="web"] { color: #6b4700; }
@media (max-width: 767px) {
.dash-modetoggle { height: 28.8px; margin-left: 2px; }
  .dash-modetoggle-knob { height: 23.4px; }
  .dash-modetoggle-btn { height: 23.4px; min-width: 23.4px; padding: 0 8.1px; font-size: .648rem; }
}
@media (prefers-reduced-motion: reduce) {
  .dash-modetoggle, .dash-modetoggle-knob, .dash-modetoggle-btn { transition: none; }
}
.dash-frame-loading {
  position: relative;
}
.dash-frame-loading::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 4px 16px rgba(20, 20, 30, .12);
  z-index: 20;
}
.dash-frame-loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 3.5px solid #e6e8ec;
  border-top-color: var(--brand);
  border-radius: 50%;
  animation: dash-loading-spin .7s linear infinite;
  z-index: 21;
}
@keyframes dash-loading-spin {
  to { transform: rotate(360deg); }
}
.dash-top-loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
z-index: calc(var(--z-system) + 4);
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity .15s ease;
}
.dash-top-loading-bar.is-active {
  opacity: 1;
}
.dash-top-loading-bar.is-active::after {
  content: '';
  position: absolute;
  top: 0;
  left: -30%;
  width: 30%;
  height: 100%;
  background: #2563eb;
  animation: dash-top-loading-slide 1s ease-in-out infinite;
}
@keyframes dash-top-loading-slide {
  0% { left: -30%; }
  50% { left: 45%; }
  100% { left: 100%; }
}
.dash-maillist-modal .dash-mail-modal-back { width: auto; flex: 1 1 auto; min-width: 0; }
.dash-maillist-modal-settings-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-maillist-modal-settings-btn .icon-mask { width: var(--dash-header-icon); height: var(--dash-header-icon); }
.dash-notelist-modal .dash-mail-modal-back { width: auto; flex: 1 1 auto; min-width: 0; }
.dash-notelist-modal-settings-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-notelist-modal-settings-btn .icon-mask { width: var(--dash-header-icon); height: var(--dash-header-icon); }
.dash-schedule-modal-settings-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
}
.dash-schedule-modal-settings-btn .icon-mask { width: var(--dash-header-icon); height: var(--dash-header-icon); }
.dash-maillist-modal .dash-feed-toolbar,
.dash-memolist-subheader,
.dash-sharelist-subheader {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
z-index: 3;
  height: 52px;
  box-sizing: border-box;
  background: #fff;
}
.dash-list.dash-maillist-modal-list {
  top: 108px; 
}
.dash-list.dash-maillist-modal-list,
.dash-list.dash-notelist-modal-list,
.dash-list.dash-sharelist-modal-list {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
padding: 1.38rem 0;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .dash-list.dash-maillist-modal-list,
  .dash-list.dash-notelist-modal-list {
    padding-top: 0;
  }
}
.dash-list.dash-maillist-modal-list,
.dash-list.dash-notelist-modal-list { padding-bottom: calc(var(--dash-bottombar-h) + 68px); }
.dash-list.dash-sharelist-modal-list { padding-bottom: var(--dash-bottombar-h); }
.dash-list.dash-maillist-modal-list,
.dash-list.dash-notelist-modal-list,
.dash-list.dash-sharelist-modal-list { top: 108px; }
.dash-memolist-sort-wrap { margin-left: auto; }
.dash-card.is-chrome-hidden .dash-list.dash-maillist-modal-list,
.dash-card.is-chrome-hidden ~ * .dash-list.dash-maillist-modal-list { padding-bottom: 68px; }
.dash-settings-modal-body [data-settings-context] { display: none; }
.dash-settings-modal[data-settings-active-context="dashboard"] [data-settings-context="dashboard"],
.dash-settings-modal[data-settings-active-context="account"] [data-settings-context="account"],
.dash-settings-modal[data-settings-active-context="storage"] [data-settings-context="storage"],
.dash-settings-modal[data-settings-active-context="mail"] [data-settings-context="mail"],
.dash-settings-modal[data-settings-active-context="note"] [data-settings-context="note"],
.dash-settings-modal[data-settings-active-context="schedule"] [data-settings-context="schedule"],
.dash-settings-modal[data-settings-active-context="contacts"] [data-settings-context="contacts"],
.dash-settings-modal[data-settings-active-context="notify"] [data-settings-context="notify"],
.dash-settings-modal[data-settings-active-context="appinfo"] [data-settings-context="appinfo"] {
  display: block;
}
.dash-settings-modal[data-settings-active-context]:not([data-settings-active-context=""]) .dash-settings-index { display: none; }
.dash-settings-modal-body [data-settings-context] {
  animation: dash-settings-slide-in .22s ease-out;
}
@keyframes dash-settings-slide-in {
  from { opacity: 0; transform: translateX(16px); }
  to { opacity: 1; transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .dash-settings-modal-body [data-settings-context] { animation: none; }
}
.dash-settings-modal:not([data-settings-active-context]) .dash-settings-modal-body,
.dash-settings-modal[data-settings-active-context=""] .dash-settings-modal-body {
  background: #fff;
}
.dash-settings-index .dash-settings-card {
  background: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0;
}
.dash-settings-index .dash-mypage-card {
  padding: .9rem .8rem;
  margin-bottom: 1.1rem;
}
.dash-settings-index-list { padding-top: 0; }
.dash-settings-index-list .dash-sidebar-item {
  border-radius: 0;
  padding: .95rem .8rem;
  position: relative;
}
.dash-settings-index-list .dash-sidebar-item::after {
  content: '';
  position: absolute;
  left: 3.4rem;   
  right: .8rem;
  bottom: 0;
  height: 1px;
  background: #eef0f3;
}
.dash-settings-index-list .dash-sidebar-item:last-child::after { display: none; }
.dash-mailacct-row-note {
  color: #8a9099;
  font-size: .78rem;
}
.dash-mailacct-row-note.is-error { color: #c0392b; }
.dash-contacts-acct-row .dash-mailacct-row-main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .15rem;
}
.dash-contacts-acct-row .dash-mailacct-row-email {
  flex: 0 0 auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  word-break: break-all;
  line-height: 1.35;
}
.dash-contacts-acct-row .dash-mailacct-row-note {
  white-space: normal;
  line-height: 1.4;
}
.dash-mypage-card {
  display: flex;
  align-items: center;
  gap: .9rem;
  width: 100%;
  border: none;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: inherit;
}
.dash-mypage-card-avatar {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  background: #f2f3f5;
}
.dash-mypage-card-avatar-placeholder { display: flex; align-items: center; justify-content: center; }
.dash-mypage-card-avatar-placeholder .icon-mask { width: 24px; height: 24px; background-color: #9aa1ac; }
.dash-mypage-card-text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .18rem;
}
.dash-mypage-card-nickname { font-size: 1.05rem; font-weight: 700; }
.dash-mypage-card-status {
  font-size: .864rem;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-mypage-card .dash-sidebar-item-chevron { flex: 0 0 auto; }
.dash-contacts-header {
  align-items: center;
  padding: 0 6px 0 0;
  gap: .2rem;
}
.dash-contacts-header .dash-notebrowse-close-btn { margin-left: 12px; }
.dash-contacts-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #1c1f24;
}
.dash-contacts-subheader {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  z-index: 3;
  height: 52px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: .4rem;
  padding: 0 12px;
  background: #fff;
}
.dash-contacts-body {
  position: absolute;
  top: 108px; 
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: #fff;
  padding: 1.38rem 12px;
  box-sizing: border-box;
padding-bottom: calc(var(--dash-bottombar-h) + 80px);
}
@media (max-width: 767px) {
  .dash-contacts-body { padding-top: 0; padding-left: 0; padding-right: 0; }
}
.dash-card.is-chrome-hidden .dash-contacts-body,
.dash-card.is-chrome-hidden ~ * .dash-contacts-body { padding-bottom: 80px; }
.dash-contacts-inner { padding: 0; }
.dash-contacts-list { list-style: none; margin: 0; padding: 0; }
.dash-contacts-list li:not(:last-child) { border-bottom: 1px solid #f2f3f5; }
.dash-contacts-search {
  flex: 1 1 auto;
  min-width: 0;
  height: 38px;
  padding: 0 .7rem;
  border: 1px solid #d7dbe0;
  border-radius: 8px;
  background: #fff;
}
.dash-contacts-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--dash-row-lead) - 6px);
  height: calc(var(--dash-row-lead) - 6px);
  margin: 3px;
  border-radius: var(--dash-row-lead-radius); 
  background: #e7ebef;
  color: #4a4a4a;
  font-weight: 700;
}
.dash-contacts-source { color: #8a9099; font-size: .78rem; }
.dash-gallery-card-head {
  display: flex;
  align-items: center;
  gap: .9rem;
  padding: 18px 16px 16px;
}
.dash-gallery-card-avatar {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: grid;
  place-items: center;
background: #e8eefc;
  color: #3b5bdb;
  font-size: 1.4rem;
  font-weight: 700;
}
.dash-gallery-card-avatar.is-org { border-radius: 16px; }
.dash-gallery-card-head-text { min-width: 0; display: flex; flex-direction: column; gap: .3rem; }
.dash-gallery-card-name { margin: 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -.01em; overflow-wrap: anywhere; }
.dash-gallery-card-tags { display: flex; flex-wrap: wrap; gap: .3rem; }
.dash-gallery-card-tag {
  padding: .1rem .5rem;
  border-radius: 999px;
  background: #e7f0f6;
  color: var(--brand);
  font-size: .78rem;
  font-weight: 600;
}
.dash-gallery-card-tag.is-plain {
  background: none;
  border: 1px solid #e3e8ee;
  color: #6b7280;
  font-weight: 400;
}
.dash-gallery-card-list { display: flex; flex-direction: column; border-top: 1px solid #eef0f3; }
.dash-gallery-card-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px; }
.dash-gallery-card-actions .dash-list-toolbar-btn { text-decoration: none; }
.dash-gallery-card-actions .dash-list-toolbar-btn.is-fullrow {
  flex: 0 0 100%;
  width: 100%;
  justify-content: center;
}
.dash-gallery-card-actions-break {
  flex: 0 0 100%;
  height: 0;
  margin: 0;
}
.dash-gallery-card-actions .dash-list-toolbar-btn.is-half {
  flex: 1 1 calc(50% - 4px);
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
}
.dash-gallery-card-actions .dash-list-toolbar-btn.is-half .icon-mask {
  width: 18px;
  height: 18px;
  background-color: currentColor; 
}
.dash-gallery-card-row {
  display: flex;
  align-items: center;
  gap: .7rem;
  min-height: 56px;
  padding: 10px 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #eef0f3;
  color: #1c1f24;
  text-decoration: none;
}
.dash-gallery-card-row:last-child { border-bottom: 0; }
.dash-gallery-card-row.is-action { cursor: pointer; }
.dash-gallery-card-row.is-action:hover { background: #f7f8fa; }
.dash-gallery-card-row-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.dash-gallery-card-key { color: #9aa0aa; font-size: .78rem; }
.dash-gallery-card-val { font-size: 1.02rem; overflow-wrap: anywhere; }
.dash-gallery-card-row.is-action .dash-gallery-card-val { color: var(--brand); }
.dash-gallery-card-act {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #e7f0f6;
}
.dash-gallery-card-act .icon-mask { width: 18px; height: 18px; background-color: var(--brand); }
.dash-gallery-card-val.has-copy { display: flex; align-items: center; gap: 8px; }
.dash-gallery-card-url { min-width: 0; overflow-wrap: anywhere; }
.dash-gallery-card-copy {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid #e0e3e7;
  border-radius: 8px;
  background: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background-color .12s ease, border-color .12s ease;
}
.dash-gallery-card-copy .icon-mask { width: 15px; height: 15px; background-color: #6b7280; }
.dash-gallery-card-copy:hover { background: #f2f3f5; }
.dash-gallery-card-copy.is-done { border-color: #1b6e45; background: #eaf5ef; }
.dash-gallery-card-copy.is-done .icon-mask { background-color: #1b6e45; }
.dash-contacts-org { color: #9aa0aa; }
.dash-contacts-empty {
  margin: 0;
  padding: 2.5rem .9rem;
  color: #8a9099;
  text-align: center;
  line-height: 1.6;
}
.dash-contact-form-body {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
.dash-contact-form-actionbar {
  bottom: .6rem;
  z-index: 2;
}
.dash-contact-form-modal .dash-nested-modal-dialog { position: relative; }
.dash-contact-form-body { padding-bottom: 76px; }
.dash-modal-submit-btn {
  flex: 0 0 auto;
  width: 100%;
}
.dash-contact-form-label {
  margin-top: .5rem;
  color: #4a4a4a;
  font-size: .85rem;
  font-weight: 700;
}
.dash-contact-form-label span { color: #8a9099; font-weight: 400; }
.dash-contact-form-area { min-height: 56px; resize: vertical; }
.dash-contact-form-notice {
  margin: 0;
  padding: .6rem .7rem;
  border-radius: 8px;
  background: #fff6e5;
  color: #7a5a1e;
  font-size: .85rem;
  line-height: 1.5;
}
.dash-contact-form-notice:empty { display: none; }
.dash-maillist-modal .dash-feed-toolbar,
.dash-schedule-modal .dash-feed-toolbar,
.dash-memolist-subheader,
.dash-contacts-subheader,
.dash-notebrowse-toolbar {
min-height: 52px;
  box-sizing: border-box;
padding: 1px 10px;
}
.dash-feed-toolbar,
.dash-notebrowse-toolbar { gap: .42rem; }
.dash-feed-toolbar > :not(.dash-listsearch-bar):not(.dash-listsearch-open),
.dash-notebrowse-toolbar > :not(.dash-listsearch-bar):not(.dash-listsearch-open) { margin-left: 0; margin-right: 0; }
.dash-feed-toolbar > .dash-listsearch-open,
.dash-feed-toolbar > .dash-listsearch-bar,
.dash-notebrowse-toolbar > .dash-listsearch-open,
.dash-notebrowse-toolbar > .dash-listsearch-bar { margin-left: auto; }
.dash-feed-toolbar .dash-notebrowse-toolbar-btn:not(.is-select-btn),
.dash-notebrowse-toolbar .dash-notebrowse-toolbar-btn:not(.is-select-btn) { width: 36px; height: 36px; }
.dash-feed-toolbar[data-feed-toolbar] { position: relative; } 
.dash-feed-toolbar[data-feed-toolbar] .dash-mailacct-picker { margin-left: 0; }
.dash-feed-toolbar[data-feed-toolbar] .dash-listsearch-open { margin-left: auto; }
@media (max-width: 767px) {
  .dash-feed-toolbar[data-feed-toolbar].is-listsearch-open { margin-bottom: 52px; }
}
.dash-mailacct-kebab { display: none; }
@media (max-width: 767px) {
.dash-feed-toolbar[data-feed-toolbar] [data-page-mail-picker]:has([data-page-account-btn]) { order: 9; }
  .dash-feed-toolbar[data-feed-toolbar] [data-page-account-btn] {
    width: 38px;
    height: 36px; 
    padding: 0;
    justify-content: center;
    border-color: transparent;
    background: none;
  }
  .dash-feed-toolbar[data-feed-toolbar] [data-page-account-btn] [data-page-account-label],
  .dash-feed-toolbar[data-feed-toolbar] [data-page-account-btn] .dash-notebrowse-mode-caret { display: none; }
  .dash-feed-toolbar[data-feed-toolbar] [data-page-account-btn] .dash-mailacct-kebab {
    display: block;
    width: 19.2px;
    height: 19.2px;
    background-color: #4b5468;
  }
.dash-feed-toolbar[data-feed-toolbar] [data-page-account-btn] .dash-mailacct-dot.is-empty { display: none; }
  .dash-feed-toolbar[data-feed-toolbar] [data-page-account-btn]:has(.dash-mailacct-dot:not(.is-empty)) { width: auto; padding: .4rem .3rem; }
}
.dash-notebrowse-toolbar .dash-notebrowse-toolbar-actions { flex: 0 0 auto; justify-content: flex-start; }
@media (max-width: 767px) {
.dash-notebrowse-toolbar .dash-notebrowse-toolbar-actions { display: contents; }
  .dash-notebrowse-toolbar .dash-listsearch-open { margin-left: auto; }
.dash-notebrowse-toolbar-actions .dash-notebrowse-download-wrap > .dash-notebrowse-toolbar-btn,
  .dash-notebrowse-toolbar-actions .dash-notebrowse-toolbar-btn.is-create-folder { display: none; }
  .dash-notebrowse-toolbar-actions .dash-notebrowse-download-wrap:not([hidden]) { display: contents; }
.dash-notebrowse-toolbar-actions .dash-notebrowse-download-wrap > .dash-notebrowse-sort-menu { right: 10px; }
}
@media (min-width: 768px) {
  .dash-notebrowse-more-wrap { display: none; }
}
.dash-notebrowse-more-menu .dash-notebrowse-sort-menu-item.is-selected { background: none; color: #1c1f24; font-weight: 400; }
@media (max-width: 767px) {
  .dash-maillist-modal .dash-feed-toolbar:has(.dash-listsearch-bar.is-open),
  .dash-schedule-modal .dash-feed-toolbar:has(.dash-listsearch-bar.is-open),
  .dash-memolist-subheader:has(.dash-listsearch-bar.is-open),
  .dash-contacts-subheader:has(.dash-listsearch-bar.is-open),
  .dash-notebrowse-modal .dash-notebrowse-toolbar:has(.dash-listsearch-bar.is-open),
  .dash-notebrowse-modal.is-page-pinned .dash-notebrowse-toolbar:has(.dash-listsearch-bar.is-open) {
    border-bottom-color: #fff;
  }
}
.dash-row-avatar-icon .dash-row-avatar-img { width: var(--dash-row-lead-icon); height: var(--dash-row-lead-icon); display: block; }
.dash-gallery-folder-item-icon.is-system { background: none; }
.dash-gallery-schedule-status { margin-bottom: .5rem; }
.dash-schedule-workbadge {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  align-self: flex-start;
  padding: .12rem .5rem;
border: 1px solid var(--ev-color, #c9cdd4);
  border-radius: 999px;
  background: var(--ev-color, #c9cdd4);
  color: var(--ev-fg, #fff);
  font-size: .82rem;
  line-height: 1.5;
}
.dash-chat-modal,
.dash-chat-modal .dash-chat-list { background: #9ab056; }
.dash-chat-modal .dash-bubble-meta-time { color: rgba(255, 255, 255, .92); }
.dash-chat-modal .dash-thread-bubble-sender-name { color: rgba(255, 255, 255, .95); }
.dash-chat-modal .dash-thread-bubble.is-file-only { padding: 0; }
.dash-chat-modal .dash-thread-bubble.is-file-only .dash-thread-bubble-attachments {
  border-radius: inherit;
  overflow: hidden;
}
.dash-chat-modal .dash-thread-bubble.is-file-only .dash-thread-bubble-attachments { margin-top: 0; }
.dash-chat-modal .dash-thread-bubble.has-attachments { width: 240px; max-width: 100%; }
.dash-chat-modal .dash-thread-bubble-attachment-thumb {
  width: 100%; height: auto; max-height: 240px; object-fit: cover; display: block;
}
.dash-chat-modal .dash-thread-bubble-title {
  font-size: .95rem;
  font-weight: 400;
  line-height: 1.5;
}
.dash-chat-modal .dash-thread-bubble { cursor: default; text-align: left; }
.dash-chat-modal .dash-thread-bubble:focus { outline: none; }
.dash-chat-line { display: flex; flex-direction: column; gap: .12rem; }
.dash-chat-line.is-mine { align-items: flex-end; align-self: flex-end; max-width: min(78%, 520px); }
.dash-chat-modal .dash-chat-line .dash-thread-bubble { max-width: 100%; }
.dash-chat-time { font-size: .75rem; color: rgba(255, 255, 255, .92); white-space: nowrap; }
.dash-chat-modal .dash-thread-bubble-col .dash-chat-time { align-self: flex-start; }
.dash-chat-modal .dash-chat-list { padding-right: 1rem; scrollbar-gutter: stable; }
.dash-chat-modal .dash-thread-bubble-attachments { display: block; }
.dash-chat-modal .dash-thread-bubble.has-attachments { width: auto; max-width: min(78%, 340px); }
.dash-chat-modal .dash-thread-bubble-attachment-thumb {
  width: 100%; height: auto; max-height: 320px; object-fit: cover; display: block;
}
.dash-chat-modal .dash-thread-bubble.is-file-only .dash-thread-bubble-title-row { display: none; }
.dash-chat-modal .dash-chat-compose { background: rgba(154, 176, 86, .92); }
.dash-chat-modal .dash-chat-expired { display: block; text-align: center; padding: 2rem 1rem; }
.dash-chat-modal-manage {
  flex: 0 0 auto; align-self: center; height: 30px;
  border: 0; cursor: pointer; padding: 0 .5rem 0 .6rem; margin-right: .35rem;
  display: flex; align-items: center; gap: .15rem;
  background: rgba(255, 255, 255, .18); border-radius: 999px;
  font-family: inherit; color: #fff;
}
.dash-chat-modal-manage:hover { background: rgba(255, 255, 255, .3); }
.dash-chat-modal-manage-label { font-size: .78rem; font-weight: 600; letter-spacing: -.01em; }
.dash-chat-modal-manage .dash-thread-modal-expand-icon { background: transparent; width: auto; height: auto; }
.dash-chat-modal-manage img { width: 18px; height: 18px; }
.dash-chat-modal-manage[aria-expanded="true"] img { transform: rotate(180deg); }
.dash-chat-modal-detail { padding: .6rem .9rem .8rem; border-top: 1px solid #f1f3f5; background: #fff; }
.dash-chat-modal-members { margin: 0 0 .5rem; font-size: .8rem; color: #6b7280; line-height: 1.5; }
.dash-chat-modal-actions { display: flex; gap: .35rem; flex-wrap: wrap; }
.dash-chat-act {
  border: 1px solid #d1d5db; background: #fff; border-radius: 6px; padding: .3rem .55rem;
  font-size: .78rem; color: #374151; cursor: pointer; font-family: inherit;
}
.dash-chat-act:hover { background: #f3f4f6; }
.dash-chat-act.is-primary { background: #2563eb; border-color: #2563eb; color: #fff; }
.dash-chat-act.is-danger { border-color: #ef4444; color: #ef4444; }
.dash-chat-typing { position: absolute; left: 1rem; bottom: 74px; margin: 0; font-size: .76rem; color: #6b7280; }
.dash-chat-expired { font-size: .8rem; color: #9ca3af; }
.dash-chat-picker { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; padding: 1rem; z-index: 2200; }
.dash-chat-picker[hidden] { display: none; }
.dash-chat-picker-box { background: #fff; border-radius: 12px; width: min(420px, 100%); max-height: 80vh; display: flex; flex-direction: column; overflow: hidden; }
.dash-chat-picker-head { padding: .85rem 1rem; border-bottom: 1px solid #e9ecef; }
.dash-chat-picker-title { font-weight: 600; display: block; margin-bottom: .5rem; }
.dash-chat-picker-search { width: 100%; border: 1px solid #d1d5db; border-radius: 6px; padding: .45rem .6rem; font-size: .85rem; font-family: inherit; }
.dash-chat-picker-list { flex: 1; overflow-y: auto; margin: 0; padding: 0; list-style: none; }
.dash-chat-picker-item { display: flex; gap: .55rem; align-items: center; padding: .6rem 1rem; border-bottom: 1px solid #f3f4f6; font-size: .88rem; }
.dash-chat-picker-sub { margin-left: auto; font-size: .74rem; color: #9ca3af; white-space: nowrap; }
.dash-chat-picker-add { font-size: .74rem; border: 1px solid #2563eb; background: #fff; color: #2563eb; border-radius: 5px; padding: .15rem .45rem; cursor: pointer; margin-left: auto; white-space: nowrap; }
.dash-chat-picker-add[disabled] { border-color: #d1d5db; color: #9ca3af; cursor: default; }
.dash-chat-picker-hint { padding: .8rem 1rem; margin: 0; font-size: .82rem; color: #6b7280; line-height: 1.6; }
.dash-chat-picker-foot { padding: .7rem 1rem; border-top: 1px solid #e9ecef; display: flex; gap: .4rem; justify-content: flex-end; }
.dash-chat-invite-modal { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; padding: 1rem; z-index: 2300; }
.dash-chat-invite-modal[hidden] { display: none; }
.dash-chat-invite-ways { display: flex; flex-direction: column; gap: .5rem; padding: .9rem 1rem; }
.dash-chat-way {
  display: flex; flex-direction: column; gap: .15rem; text-align: left;
  border: 1px solid #d1d5db; border-radius: 10px; background: #fff;
  padding: .7rem .85rem; cursor: pointer; font-family: inherit;
}
.dash-chat-way:hover { background: #f8f9fa; border-color: #9ca3af; }
.dash-chat-way[hidden] { display: none; }
.dash-chat-way-name { font-size: .92rem; font-weight: 700; color: #212529; }
.dash-chat-way-desc { font-size: .76rem; color: #6b7280; }
.dash-chat-way[data-invite-send="mail"] { border-color: rgba(22,163,74,.45); }
.dash-chat-way[data-invite-send="mail"] .dash-chat-way-name { color: #16a34a; }
.dash-chat-invite-modal-link { word-break: break-all; }
.dash-chat-invite-bar { background: #fff8e1; border-top: 1px solid rgba(0,0,0,.06); padding: .5rem .75rem; }
.dash-chat-invite-bar[hidden] { display: none; }
.dash-chat-invite-bar-row { display: flex; align-items: center; gap: .5rem; }
.dash-chat-invite-bar-text { flex: 1; min-width: 0; font-size: .82rem; color: #8a6d1f; line-height: 1.5; }
.dash-chat-invite-bar-more {
  flex: 0 0 auto; border: 1px solid rgba(138,109,31,.35); background: #fff; color: #8a6d1f;
  border-radius: 999px; padding: .2rem .55rem; font-size: .76rem; font-family: inherit; cursor: pointer;
}
.dash-chat-invite-bar-acts { display: flex; flex-wrap: wrap; gap: .35rem; padding-top: .5rem; }
.dash-chat-invite-bar-acts[hidden] { display: none; }
.dash-chat-guide { display: block; text-align: center; padding: 2.5rem 1.25rem; color: #fff; }
.dash-chat-guide-title { display: block; font-size: 1rem; font-weight: 700; margin-bottom: .45rem; }
.dash-chat-guide-text { display: block; font-size: .85rem; line-height: 1.7; color: rgba(255,255,255,.9); margin-bottom: 1rem; }
.dash-chat-guide-btn {
  border: 0; border-radius: 999px; background: #fff; color: #16a34a;
  font-weight: 700; font-size: .9rem; font-family: inherit; padding: .5rem 1.2rem; cursor: pointer;
}
.dash-chat-guide-btn:hover { background: #f1f3f5; }
@media (max-width: 1279px) {
  body.is-chat-open .dash-bottombar { display: none; }
}
.dash-chat-guest { position: fixed; inset: 0; }
.dash-chat-guest-bar {
  display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
  padding: .5rem .9rem; background: #fff7d6; color: #6b5b16; font-size: .82rem; line-height: 1.5;
  border-top: 1px solid rgba(0, 0, 0, .06);
}
.dash-chat-guest-bar b { color: #4a3f0c; }
.dash-chat-guest-bar .dash-chat-act { margin-left: auto; }
.dash-chat-guest-ask { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; padding: 1rem; z-index: 2300; }
.dash-chat-guest-ask[hidden] { display: none; }
.dash-chat-guest-ask-box { background: #fff; border-radius: 12px; width: min(380px, 100%); padding: 1.2rem 1.2rem 1rem; }
.dash-chat-guest-ask-title { margin: 0 0 .5rem; font-size: 1rem; font-weight: 600; color: #111827; }
.dash-chat-guest-ask-text { margin: 0 0 1rem; font-size: .86rem; color: #4b5563; line-height: 1.6; }
.dash-chat-guest-ask-foot { display: flex; gap: .4rem; justify-content: flex-end; }
.dash-chat-join-error { min-height: 70vh; display: flex; align-items: center; justify-content: center; padding: 1.5rem; }
.dash-chat-join-error-box { text-align: center; max-width: 380px; }
.dash-chat-join-error-title { margin: 0 0 .6rem; font-size: 1.05rem; font-weight: 600; color: #111827; }
.dash-chat-join-error-text { margin: 0 0 .4rem; font-size: .9rem; color: #4b5563; line-height: 1.6; }
.dash-chat-join-error-help { margin: 0 0 1.2rem; font-size: .82rem; color: #9ca3af; }
.dash-chat-invite-url {
  width: 100%; margin-top: .5rem; border: 1px solid #d1d5db; border-radius: 6px;
  padding: .45rem .6rem; font-size: .8rem; font-family: inherit; background: #f9fafb;
}
.pwa-install {
  position: fixed;
  left: 50%;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  transform: translate(-50%, 140%);
  width: min(460px, calc(100% - 24px));
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .7rem .85rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
z-index: 2400;
  opacity: 0;
  transition: transform .22s ease, opacity .22s ease;
}
.pwa-install.is-open { transform: translate(-50%, 0); opacity: 1; }
body:has(.dash-bottombar) .pwa-install { bottom: calc(var(--dash-bottombar-h) + 12px + env(safe-area-inset-bottom, 0px)); }
.pwa-install-icon { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 10px; }
.pwa-install-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .1rem; }
.pwa-install-title { font-size: .9rem; font-weight: 700; color: #1b2333; }
.pwa-install-text { font-size: .78rem; color: #6b7280; line-height: 1.5; }
.pwa-install-acts { flex: 0 0 auto; display: flex; align-items: center; gap: .35rem; }
.pwa-install-later {
  border: 0; background: transparent; color: #6b7280;
  font-size: .82rem; font-family: inherit; padding: .35rem .5rem; cursor: pointer;
}
.pwa-install-go {
  border: 0; border-radius: 999px; background: #2563eb; color: #fff;
  font-size: .84rem; font-weight: 700; font-family: inherit; padding: .4rem .95rem; cursor: pointer;
}
.pwa-install-go:hover { background: #1d4ed8; }
.pwa-install.is-ios { align-items: flex-start; }
.pwa-install.is-ios .pwa-install-acts { align-self: flex-end; }
.pwa-install-scrim {
  position: fixed;
  inset: 0;
  z-index: 2400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(10, 12, 20, .45);
  opacity: 0;
  transition: opacity .22s ease;
}
.pwa-install-scrim.is-open { opacity: 1; }
.pwa-install.is-modal {
position: static;
  left: auto;
  bottom: auto;
  width: min(420px, 100%);
  transform: translateY(14px);
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: .55rem;
  padding: 1.5rem 1.2rem 1.1rem;
  border-radius: 18px;
}
.pwa-install-scrim.is-open .pwa-install.is-modal { transform: translateY(0); opacity: 1; }
.pwa-install.is-modal .pwa-install-icon { width: 64px; height: 64px; border-radius: 16px; }
.pwa-install.is-modal .pwa-install-body { align-items: center; gap: .3rem; }
.pwa-install.is-modal .pwa-install-title { font-size: 1.05rem; }
.pwa-install.is-modal .pwa-install-text { font-size: .85rem; }
.pwa-install.is-modal .pwa-install-acts { width: 100%; justify-content: center; margin-top: .35rem; }
.pwa-install.is-modal .pwa-install-go { padding: .6rem 1.5rem; font-size: .95rem; }
.pwa-install.is-modal .pwa-install-go[disabled] { background: #9aa3b2; cursor: default; }
.pwa-install.is-done .pwa-install-icon {
  width: 72px;
  height: 72px;
  border-radius: 18px;
  box-shadow: 0 4px 14px rgba(10, 12, 20, .18);
}
.pwa-install.is-done {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: .55rem;
}
.pwa-install.is-done .pwa-install-body { align-items: center; gap: .25rem; }
.pwa-install.is-done .pwa-install-acts { width: 100%; justify-content: center; }
@media (max-width: 420px) {
  .pwa-install { flex-wrap: wrap; }
  .pwa-install-acts { width: 100%; justify-content: flex-end; }
}
.dash-settings-install {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .7rem .85rem;
}
.dash-settings-index .dash-settings-install {
  margin: .9rem .8rem .2rem;
  padding: .7rem .85rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(10, 12, 20, .08);
}
.dash-settings-install-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
.dash-settings-install-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .1rem; }
.dash-settings-install-title { font-size: .9rem; font-weight: 700; color: #1b2333; }
.dash-settings-install-text { font-size: .78rem; color: #6b7280; line-height: 1.5; }
.dash-settings-install-btn {
  flex: 0 0 auto;
  padding: .4rem .95rem;
  font-size: .84rem;
  border: 0;
  border-radius: 999px;
  background: #2563eb;
  color: #fff;
  font-family: inherit;
  font-weight: 700;
  cursor: pointer;
}
.dash-settings-install-btn:hover { background: #1d4ed8; }
.dash-appinfo {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .45rem .9rem;
  margin: 0;
  text-align: left;
  font-size: .88rem;
}
.dash-appinfo dt { color: #6b7280; white-space: nowrap; }
.dash-appinfo dd { margin: 0; color: #1b2333; font-weight: 600; word-break: break-all; }
.dash-settings-note {
  margin: .35rem 0 0;
  font-size: .84rem;
  line-height: 1.55;
  color: #6b7280;
}
.dash-notify-quiet-range {
  display: flex;
  gap: .6rem;
  margin-top: .8rem;
}
.dash-notify-quiet-range[hidden] { display: none; }
.dash-notify-quiet-field {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: .3rem;
  font-size: .82rem;
  color: #6b7280;
}
.dash-notify-kind-row {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-top: .8rem;
}
.dash-notify-kind-label { flex: 1 1 auto; font-size: .96rem; color: #1b2333; }
.dash-notify-kind-row .dash-segmented { flex: 0 0 180px; margin-top: 0; }
.dash-notify-kind-row .dash-segmented-btn { flex: 1 1 0; }
.dash-notify-quiet-field select {
  width: 100%;
  padding: .55rem .6rem;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  font-family: inherit;
  font-size: .96rem;
  color: #1b2333;
}
.dash-app-row-state { margin-left: auto; flex: 0 0 auto; font-size: .82rem; color: #6b7280; }
.dash-app-row-state.is-on { color: #16a34a; font-weight: 700; }
.dash-settings-index-list .dash-sidebar-item[disabled] { cursor: default; }
.dash-settings-index-list .dash-sidebar-item[disabled] .dash-app-row-state { opacity: .75; }
.dash-notebrowse-backsearch {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: .28rem;
  height: 30px;
  margin-right: .4rem;
  padding: 0 .6rem;
  border: 1px solid #d7dbe0;
  border-radius: 999px;
  background: #fff;
  color: #1c1f24;
  font-size: .86rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.dash-notebrowse-backsearch:hover { background: #f2f3f5; }
.dash-notebrowse-backsearch[hidden] { display: none !important; }
.dash-notebrowse-backsearch .icon-mask { width: 16px; height: 16px; background-color: #4b5468; }
body.is-search-only .dash-pc-header,
body.is-search-only .dash-bottombar,
body.is-search-only .dash-sidebar,
body.is-search-only .dash-sidebar-backdrop,
body.is-search-only .dash-fab-wrap,
body.is-search-only .dash-card > .dash-topbar,
body.is-search-only .dash-card > .dash-feed-toolbar,
body.is-search-only .dash-card > .dash-folderview,
body.is-search-only .dash-card > .dash-list,
body.is-search-only .dash-card > .dash-mail-modal:not(.is-active):not(.dash-search-modal),
body.is-search-only .dash-card > .dash-nested-modal:not(.is-active) { display: none !important; }
.dash-share-views-modal .dash-nested-modal-dialog {
  display: flex;
  flex-direction: column;
  max-height: 80vh;
}
.dash-share-views-modal .dash-notebrowse-memo-body {
  display: flex;
  flex-direction: column;
  min-height: 0; 
  overflow: hidden;
}
.dash-share-views-modal [data-share-views-list] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.dash-share-views-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
}
.dash-share-views-pager[hidden] { display: none; }
.dash-share-views-pager-label { color: #767676; font-size: .8125rem; }
.dash-share-views-pager .dash-list-toolbar-btn:disabled { opacity: .4; cursor: default; }
.dash-gallery-attach-strip {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  overflow-x: auto;
  background: #fff;
  border-bottom: 1px solid #eef0f3;
  scrollbar-width: thin;
}
.dash-gallery-attach-thumb {
  flex: 0 0 72px;
  width: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
}
.dash-gallery-attach-thumb-box {
  position: relative;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #f7f8fa;
  overflow: hidden;
}
.dash-gallery-attach-thumb-box img { width: 36px; height: 36px; object-fit: contain; }
.dash-gallery-attach-thumb-box.is-photo img { width: 100%; height: 100%; object-fit: cover; }
.dash-gallery-attach-thumb:hover .dash-gallery-attach-thumb-box { border-color: #9aa0aa; }
.dash-gallery-attach-thumb-dl {
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(20, 20, 30, .72);
}
.dash-gallery-attach-thumb-dl::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/icons/download.svg') center / 14px no-repeat;
  filter: brightness(0) invert(1);
}
.dash-gallery-attach-thumb-name {
  width: 100%;
  font-size: .72rem;
  line-height: 1.3;
  color: #4b5563;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dash-gallery-preview-download { display: none; }
.dash-gallery-modal.is-file-preview .dash-gallery-preview-download { display: flex; }
.dash-gallery-modal.is-file-preview .dash-gallery-modal-actions-bar > .dash-gallery-action:not(.dash-gallery-preview-download),
.dash-gallery-modal.is-file-preview .dash-gallery-modal-kebab,
.dash-gallery-modal.is-file-preview .dash-gallery-flagbar,
.dash-gallery-modal.is-file-preview .dash-gallery-filmstrip,
.dash-gallery-modal.is-file-preview .dash-gallery-nav { display: none !important; }
.dash-row-actions-modal .dash-nested-modal-dialog {
  width: min(360px, 100%);
  height: auto;
}
.dash-person-btn-stack {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: .3rem;
  margin-left: .3rem;
}
.dash-person-btn-stack > .dash-person-name-btn { margin-left: 0; }
.dash-notebrowse-list.is-cards .dash-person-btn-stack { display: contents; }
.dash-notebrowse-list.is-cards .dash-person-btn-stack > .dash-person-name-btn:first-child { left: auto; right: 4px; margin: 0; }
.dash-notebrowse-list.is-cards .dash-person-ignore-btn { display: none; }
.dash-action-busy {
  z-index: calc(var(--z-system) + 20);
  pointer-events: auto;
  cursor: progress;
}
.dash-gallery-modal.is-file-preview .dash-gallery-slide-fileview > .dash-gallery-mail-info .dash-gallery-mail-title { display: none; }
.dash-gallery-modal.is-file-preview .dash-gallery-slide-fileview > .dash-gallery-mail-info:not(:has(.dash-gallery-file-note)) { display: none; }
body .dash-gallery-modal.is-file-preview.is-file-preview { --gallery-inset-top: 56px; --gallery-inset-film: 0px; } 
.dash-person-picker-newform {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  padding-top: .6rem;
  border-top: 1px solid #eef0f3;
}
.dash-person-picker-newform[hidden] { display: none; }
.dash-person-picker-newform-label { font-size: .84rem; font-weight: 700; color: #33383f; }
.dash-person-picker-newform-row { display: flex; gap: .4rem; }
.dash-person-picker-newform-input {
  flex: 1 1 auto;
  min-width: 0;
  padding: .54rem .7rem;
  border: 1px solid #d8dbe0;
  border-radius: 10px;
  font-family: inherit;
  font-size: .96rem;
  color: #1b2333;
}
.dash-person-picker-newform-input.is-invalid { border-color: #c0392b; }
.dash-person-picker-newform .dash-person-picker-action { width: auto; flex: 0 0 auto; padding: .54rem 1rem; }
.dash-person-picker-action.is-primary { background: var(--brand, #00679e); border-color: var(--brand, #00679e); color: #fff; font-weight: 700; }
.dash-person-picker-action.is-primary:hover { background: var(--brand, #00679e); filter: brightness(1.08); }
.dash-person-picker-newform .error-message { min-height: 1em; font-size: .78rem; color: #c0392b; }