/* Keep Inbox styling scoped and ahead of the legacy important theme rules. */
@layer property-lens {
  #strongholdApp #notificationsView { --inbox-ink: #223b3b; --inbox-muted: #657777; --inbox-line: #e1e9e8; }
  #strongholdApp #notificationsView.active { gap: 18px !important; }
  #strongholdApp #notificationsView .inbox-page-header {
    padding: 4px 0 0 !important; gap: 12px 20px !important; border: 0 !important;
    background: transparent !important; box-shadow: none !important; align-items: center !important;
  }
  #strongholdApp #notificationsView :is(h2,h3) {
    font-family: "Public Sans", sans-serif !important; text-transform: none !important;
    letter-spacing: -.035em !important; color: var(--inbox-ink) !important;
  }
  #strongholdApp #notificationsView .inbox-page-heading h2 { font-size: 28px !important; font-weight: 750 !important; line-height: 1.2 !important; }
  #strongholdApp #notificationsView .inbox-page-heading > p { font-size: 13px !important; margin-top: 6px !important; color: var(--inbox-muted) !important; }
  #strongholdApp #notificationsView .inbox-page-actions { display: flex !important; width: auto !important; margin: 0 !important; }
  #strongholdApp #notificationsView .inbox-page-metrics { display: flex !important; gap: 20px !important; }
  #strongholdApp #notificationsView .inbox-page-metrics > div {
    display: flex !important;
    padding: 0 !important; min-height: 0 !important; border: 0 !important; background: none !important;
    gap: 5px !important; flex-direction: row-reverse !important;
  }
  #strongholdApp #notificationsView .inbox-page-metrics span { font-size: 12px !important; text-transform: lowercase !important; font-weight: 500 !important; color: var(--inbox-muted) !important; }
  #strongholdApp #notificationsView .inbox-page-metrics strong { font-size: 12px !important; font-weight: 750 !important; color: var(--inbox-ink) !important; }
  #strongholdApp #notificationsView .inbox-page-metrics > div:first-child strong { color: #087c78 !important; }
  #strongholdApp #notificationsView button:is(.inbox-action,.inbox-primary-action,.inbox-secondary-action,.inbox-text-action,.inbox-mobile-back) {
    border-radius: 8px !important; box-shadow: none !important; text-transform: none !important;
    font-size: 12px !important; font-weight: 650 !important; min-height: 40px !important;
    letter-spacing: 0 !important; transform: none !important; line-height: 1.4 !important;
  }
  #strongholdApp #notificationsView button:is(.inbox-compose,.inbox-primary-action) { background: #087c78 !important; border: 1px solid #087c78 !important; color: #fff !important; padding: 0 16px !important; }
  #strongholdApp #notificationsView button:is(.inbox-compose,.inbox-primary-action) img { filter: brightness(0) invert(1) !important; }
  #strongholdApp #notificationsView button:is(.inbox-compose,.inbox-primary-action):hover { background: #056763 !important; }
  #strongholdApp #notificationsView button:focus-visible { outline: 2px solid #087c78 !important; outline-offset: -3px !important; }
  #strongholdApp #notificationsView .inbox-workspace { border: 1px solid #d5e1df; border-radius: 12px; background: #fff; overflow: hidden; box-shadow: 0 4px 18px #173d3b06; min-width: 0; }
  #strongholdApp #notificationsView .inbox-toolbar { padding: 14px 18px 0 !important; gap: 12px 20px !important; grid-template-columns: minmax(180px,1fr) auto !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; }
  #strongholdApp #notificationsView .inbox-search { border: 1px solid #dce6e4 !important; border-radius: 8px !important; background: #f5f8f7 !important; max-width: 460px !important; }
  #strongholdApp #notificationsView .inbox-search input { font-size: 13px !important; }
  #strongholdApp #notificationsView .inbox-utility-actions { display: flex; align-items: center; gap: 6px; }
  #strongholdApp #notificationsView .inbox-utility-actions .inbox-action { background: transparent !important; border-color: transparent !important; color: #566b69 !important; padding: 0 9px !important; }
  #strongholdApp #notificationsView .inbox-utility-actions .inbox-action img { filter: none !important; opacity: .65 !important; }
  #strongholdApp #notificationsView .inbox-utility-actions .danger { color: #925652 !important; }
  #strongholdApp #notificationsView .inbox-utility-actions .inbox-action:hover { background: #f3f7f6 !important; }
  #strongholdApp #notificationsView #inboxTabs { grid-column: 1 / -1 !important; gap: 20px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  #strongholdApp #notificationsView #inboxTabs button.tab { padding: 0 1px 10px !important; min-height: 40px !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: transparent !important; color: #617371 !important; font-size: 12px !important; box-shadow: none !important; }
  #strongholdApp #notificationsView #inboxTabs button.tab.active { color: #087c78 !important; border-bottom-color: #087c78 !important; }
  #strongholdApp #notificationsView #inboxTabs button.tab span { background: #eff3f2 !important; color: #617371 !important; font-size: 10px !important; height: 19px !important; min-width: 19px !important; }
  #strongholdApp #notificationsView #inboxTabs button.tab.active span { background: #e0f3ef !important; color: #08736d !important; }
  #strongholdApp #notificationsView #notificationList.inbox-shell { grid-template-columns: minmax(290px,.82fr) minmax(0,1.18fr) !important; gap: 0 !important; min-height: 400px !important; height: clamp(400px, calc(100dvh - 480px), 820px) !important; border-top: 1px solid var(--inbox-line) !important; }
  #strongholdApp #notificationsView :is(.inbox-list-pane,.inbox-reading-pane) { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; max-height: none !important; min-height: 0 !important; }
  #strongholdApp #notificationsView .inbox-list-pane { border-right: 1px solid var(--inbox-line) !important; }
  #strongholdApp #notificationsView .inbox-list-head { min-height: 66px !important; padding: 12px 18px !important; background: #fbfcfc !important; border-color: var(--inbox-line) !important; }
  #strongholdApp #notificationsView .inbox-list-head strong { font-size: 12px !important; font-weight: 700 !important; }
  #strongholdApp #notificationsView .inbox-list-head small { margin-top: 4px !important; font-size: 11px !important; }
  #strongholdApp #notificationsView :is(.inbox-unread-summary,.inbox-caught-up) { font-size: 10px !important; border: 0 !important; padding: 5px 8px !important; white-space: nowrap !important; }
  #strongholdApp #notificationsView .inbox-message-list { overscroll-behavior: contain; scrollbar-width: thin; }
  #strongholdApp #notificationsView button.inbox-row { grid-template-columns: 36px minmax(0,1fr) 16px !important; align-items: start !important; padding: 17px 14px !important; gap: 10px !important; min-height: 99px !important; border: 0 !important; border-bottom: 1px solid #edf1f0 !important; border-left: 3px solid transparent !important; border-radius: 0 !important; box-shadow: none !important; background: #fff !important; }
  #strongholdApp #notificationsView button.inbox-row:hover { background: #f6f9f8 !important; }
  #strongholdApp #notificationsView button.inbox-row.active { border-left-color: #0b8a82 !important; background: #edf7f4 !important; }
  #strongholdApp #notificationsView .inbox-row :is(.inbox-item-icon,.inbox-person-avatar) { width: 34px !important; height: 34px !important; border: 0 !important; border-radius: 10px !important; }
  #strongholdApp #notificationsView .inbox-row .inbox-person-avatar { background: #e6efef !important; color: #427371 !important; border-radius: 50% !important; font-size: 11px !important; }
  #strongholdApp #notificationsView .inbox-row-main { gap: 5px !important; }
  #strongholdApp #notificationsView .inbox-row-line strong { font-size: 12px !important; font-weight: 600 !important; }
  #strongholdApp #notificationsView .inbox-row-line time { font-size: 10px !important; font-weight: 500 !important; }
  #strongholdApp #notificationsView .inbox-row-subject { font-size: 12px !important; font-weight: 500 !important; color: #405855 !important; }
  #strongholdApp #notificationsView .inbox-row-preview { font-size: 11px !important; color: #6a7d78 !important; line-height: 1.45 !important; }
  #strongholdApp #notificationsView .inbox-row.unread :is(.inbox-row-line strong,.inbox-row-subject) { font-weight: 750 !important; color: #213b38 !important; }
  #strongholdApp #notificationsView .inbox-row-state { align-self: center !important; }
  #strongholdApp #notificationsView .inbox-row-state > img { display: none !important; }
  #strongholdApp #notificationsView .inbox-reading-pane { grid-template-rows: auto auto minmax(0,1fr) auto !important; }
  #strongholdApp #notificationsView .inbox-chat-pane { grid-template-rows: auto minmax(0,1fr) auto !important; }
  #strongholdApp #notificationsView .inbox-reading-pane.empty { grid-template-rows: 1fr !important; }
  #strongholdApp #notificationsView .inbox-pane-head { padding: 24px 26px 18px !important; grid-template-columns: 1fr !important; gap: 10px !important; background: #fff !important; border: 0 !important; }
  #strongholdApp #notificationsView .inbox-pane-head h3 { font-size: 21px !important; line-height: 1.3 !important; white-space: normal !important; overflow-wrap: anywhere !important; font-weight: 700 !important; }
  #strongholdApp #notificationsView .inbox-pane-head small { font-size: 12px !important; line-height: 1.5 !important; }
  #strongholdApp #notificationsView .inbox-pane-head > time { font-size: 11px !important; padding-left: 48px !important; }
  #strongholdApp #notificationsView .inbox-pane-identity { align-items: start !important; }
  #strongholdApp #notificationsView .inbox-type-label { font-size: 10px !important; font-weight: 650 !important; letter-spacing: .04em !important; }
  #strongholdApp #notificationsView .inbox-message-meta { grid-template-columns: minmax(0,1fr) auto !important; padding: 0 26px 18px !important; border-bottom: 1px solid #edf1f0 !important; }
  #strongholdApp #notificationsView .inbox-message-meta > div { display: block !important; background: none !important; border: 0 !important; padding: 0 !important; }
  #strongholdApp #notificationsView .inbox-message-meta > div:nth-child(2) { display: none !important; }
  #strongholdApp #notificationsView .inbox-message-meta dt { font-size: 10px !important; text-transform: none !important; font-weight: 500 !important; }
  #strongholdApp #notificationsView .inbox-message-meta dd { font-size: 12px !important; font-weight: 600 !important; }
  #strongholdApp #notificationsView .inbox-message-preview { padding: 24px 26px !important; align-content: start !important; background: #fff !important; overscroll-behavior: contain; }
  #strongholdApp #notificationsView .inbox-preview-copy { padding: 0 !important; border: 0 !important; background: none !important; }
  #strongholdApp #notificationsView .inbox-preview-copy > span { display: none !important; }
  #strongholdApp #notificationsView .inbox-preview-copy p { margin: 0 !important; font-size: 14px !important; line-height: 1.85 !important; color: #334d47 !important; overflow-wrap: anywhere !important; }
  #strongholdApp #notificationsView .inbox-pane-actions { padding: 15px 20px !important; border-top: 1px solid var(--inbox-line) !important; background: #fff !important; gap: 10px !important; flex-wrap: wrap !important; }
  #strongholdApp #notificationsView .inbox-action-group { flex-wrap: wrap !important; gap: 8px !important; }
  #strongholdApp #notificationsView .inbox-text-action { border: 0 !important; background: none !important; color: #8e625e !important; padding: 0 4px !important; font-size: 11px !important; }
  #strongholdApp #notificationsView .inbox-thread-preview { background: #f8faf9 !important; }
  #strongholdApp #notificationsView .inbox-chat-line { max-width: 90% !important; border-radius: 12px !important; padding: 12px 14px !important; border-color: #e3eae7 !important; }
  #strongholdApp #notificationsView .inbox-chat-line.sent { background: #e7f4ef !important; border-color: #d5e9e1 !important; }
  #strongholdApp #notificationsView .inbox-chat-message-body { font-size: 13px !important; line-height: 1.7 !important; overflow-wrap: anywhere !important; }
  #strongholdApp #notificationsView .inbox-empty-state { padding: 36px 24px !important; }
  #strongholdApp #notificationsView .inbox-empty-state strong { font-size: 16px !important; color: var(--inbox-ink) !important; }
  #strongholdApp #notificationsView .inbox-empty-state p { font-size: 12px !important; max-width: 280px; line-height: 1.6 !important; }
  #strongholdApp #notificationsView .inbox-search-preview { display: none !important; }
  #strongholdApp #notificationsView .search-hides-selection .inbox-reading-pane { display: none !important; }
  #strongholdApp #notificationsView .search-hides-selection .inbox-search-preview { display: grid !important; place-items: center !important; }
  #strongholdApp #notificationsView [hidden] { display: none !important; }
  @media (max-width: 1050px) {
    #strongholdApp #notificationsView .inbox-toolbar { grid-template-columns: 1fr !important; gap: 10px !important; }
    #strongholdApp #notificationsView .inbox-search { max-width: none !important; }
    #strongholdApp #notificationsView .inbox-utility-actions { justify-content: flex-end; }
    #strongholdApp #notificationsView .inbox-pane-actions { padding: 12px 18px !important; }
  }
  @media (min-width: 761px) {
    #strongholdApp #notificationsView .inbox-mobile-back { display: none !important; }
  }
  @media (max-width: 760px) {
    #strongholdApp #notificationsView.active { padding-bottom: 90px !important; }
    #strongholdApp #notificationsView .inbox-page-header { grid-template-columns: minmax(0,1fr) auto !important; gap: 10px !important; }
    #strongholdApp #notificationsView .inbox-page-heading h2 { font-size: 24px !important; }
    #strongholdApp #notificationsView .inbox-page-heading > p { display: none !important; }
    #strongholdApp #notificationsView .inbox-page-actions { justify-content: flex-end !important; }
    #strongholdApp #notificationsView .inbox-page-metrics { gap: 14px !important; flex-wrap: wrap !important; }
    #strongholdApp #notificationsView .inbox-page-metrics :is(span,strong) { font-size: 11px !important; }
    #strongholdApp #notificationsView .inbox-toolbar { padding: 12px 12px 0 !important; }
    #strongholdApp #notificationsView .inbox-utility-actions { justify-content: space-between; flex-wrap: wrap; gap: 0; }
    #strongholdApp #notificationsView .inbox-utility-actions button { font-size: 11px !important; padding: 0 3px !important; }
    #strongholdApp #notificationsView #inboxTabs { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 2px 6px !important; overflow: visible !important; }
    #strongholdApp #notificationsView #inboxTabs button.tab { font-size: 11px !important; gap: 5px !important; padding: 7px 0 !important; min-height: 40px !important; justify-content: center !important; }
    #strongholdApp #notificationsView:has(.inbox-shell.has-selection) .inbox-toolbar { display: none !important; }
    #strongholdApp #notificationsView #notificationList.inbox-shell { grid-template-columns: minmax(0,1fr) !important; height: auto !important; min-height: 380px !important; }
    #strongholdApp #notificationsView .inbox-list-pane { border-right: 0 !important; max-height: 65dvh !important; }
    #strongholdApp #notificationsView .inbox-reading-pane { min-height: 400px !important; max-height: none !important; }
    #strongholdApp #notificationsView .inbox-shell:not(.has-selection) .inbox-reading-pane,
    #strongholdApp #notificationsView .inbox-shell.has-selection .inbox-list-pane,
    #strongholdApp #notificationsView .search-hides-selection .inbox-search-preview { display: none !important; }
    #strongholdApp #notificationsView .inbox-mobile-back { display: inline-flex !important; justify-self: start !important; border: 0 !important; padding: 0 !important; min-height: 36px !important; color: #087c78 !important; }
    #strongholdApp #notificationsView .inbox-pane-head { padding: 12px 18px 18px !important; }
    #strongholdApp #notificationsView .inbox-message-meta { padding: 0 18px 16px !important; }
    #strongholdApp #notificationsView .inbox-message-preview { padding: 20px 18px !important; max-height: 60dvh !important; }
    #strongholdApp #notificationsView .inbox-pane-head h3 { font-size: 19px !important; }
    #strongholdApp #notificationsView .inbox-pane-actions { align-items: stretch !important; }
    #strongholdApp #notificationsView .inbox-action-group { flex: 1 1 100% !important; }
    #strongholdApp #notificationsView .inbox-action-group button { flex: 1 1 auto !important; }
  }
}