/* Existing composer and History styles, scoped away from the approved app layout. */
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(body > .message-backdrop,
body > .modal-backdrop,
body > .mobile-inbox-backdrop,
body > .mobile-nav,
body > .toast),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(body > .message-backdrop,
body > .modal-backdrop,
body > .mobile-inbox-backdrop,
body > .mobile-nav,
body > .toast){position: fixed;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(button,input,select,textarea),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(button,input,select,textarea){font: inherit;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(button,a),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(button,a){}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(button),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(button){color: inherit;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(button:disabled),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(button:disabled){cursor: not-allowed;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is([hidden], .hidden),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is([hidden], .hidden){display: none !important;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(:where(button,a,input,select,textarea,[tabindex]):focus-visible),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(:where(button,a,input,select,textarea,[tabindex]):focus-visible){outline: 2px solid var(--primary); outline-offset: 2px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.shell,
.topbar-inner,
.page > :not(.mobile-inbox-backdrop):not(.mobile-nav)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.shell,
.topbar-inner,
.page > :not(.mobile-inbox-backdrop):not(.mobile-nav)){width: min(100% - 48px, 1600px); min-width: 0px; margin-inline: auto;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.icon-btn,.quiet-btn,.soft-btn,.primary-btn,.side-link,.mobile-nav-item,.mobile-plus,.toolbar-danger,.inbox-menu-delete,.active-inbox-action,.side-add,.message-close),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.icon-btn,.quiet-btn,.soft-btn,.primary-btn,.side-link,.mobile-nav-item,.mobile-plus,.toolbar-danger,.inbox-menu-delete,.active-inbox-action,.side-add,.message-close){border: 0px; cursor: pointer; transition: transform var(--motion-fast) var(--motion-ease),
    background var(--motion-fast) var(--motion-ease),
    border-color var(--motion-fast) var(--motion-ease),
    color var(--motion-fast) var(--motion-ease),
    box-shadow var(--motion-fast) var(--motion-ease),
    opacity var(--motion-fast) var(--motion-ease);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.icon-btn),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.icon-btn){width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--radius-btn); border: 1px solid var(--line); background: var(--surface); color: var(--text-2);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.icon-btn:hover),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.icon-btn:hover){background: var(--primary-50); border-color: var(--primary); color: var(--primary); transform: translateY(-1px);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.primary-btn),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.primary-btn){min-height: 48px; padding: 0px 20px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border-radius: var(--radius-btn); background: var(--accent); color: var(--legacy-control-color-1); font-weight: 750; box-shadow: 0 6px 16px var(--legacy-control-color-2);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.primary-btn:hover:not(:disabled)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.primary-btn:hover:not(:disabled)){background: var(--accent-600); transform: translateY(-1px); box-shadow: 0 8px 20px var(--legacy-control-color-3);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.primary-btn:active:not(:disabled)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.primary-btn:active:not(:disabled)){transform: scale(.97);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.primary-btn:disabled),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.primary-btn:disabled){opacity: 0.48;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.primary-btn.copy-success),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.primary-btn.copy-success){background: var(--accent-600); animation: copyFlash .55s ease both;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.soft-btn),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.soft-btn){min-height: 42px; padding: 0px 15px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--line-strong); border-radius: var(--radius-btn); background: var(--surface-2); color: var(--text-2); font-weight: 650;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.soft-btn:hover:not(:disabled)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.soft-btn:hover:not(:disabled)){background: var(--primary-50); border-color: var(--primary); color: var(--primary); transform: translateY(-1px);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.soft-btn:active:not(:disabled)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.soft-btn:active:not(:disabled)){transform: scale(.98);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.lang-switcher-menu[hidden]),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.lang-switcher-menu[hidden]){display: none;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.lang-switcher-option:hover,.lang-switcher-option:focus-visible),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.lang-switcher-option:hover,.lang-switcher-option:focus-visible){background: var(--surface-2); color: var(--text);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.lang-switcher-option.selected),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.lang-switcher-option.selected){border-color: var(--primary-100); background: var(--primary-50); color: var(--primary-600);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.email-domain-accent),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.email-domain-accent){color: var(--primary);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-sidebar .ad-slot-rectangle),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-sidebar .ad-slot-rectangle){width: min(100%, 300px); min-width: 0px; min-height: 250px; height: 250px; margin: 18px auto 16px; padding: 12px; border-radius: 16px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-sidebar),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-sidebar){grid-area: side; min-width: 0px; padding: 24px; display: flex; flex-direction: column; background: var(--surface-2);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.toolbar-danger[hidden]),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.toolbar-danger[hidden]){display: none !important;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-list),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-list){display: grid; gap: 12px; max-height: none; overflow: visible; padding: 1px 3px 3px 1px; scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip){position: relative; min-width: 0px; min-height: 76px; padding: 15px 14px 15px 16px; display: flex; align-items: center; gap: 14px; border: 1px solid var(--line); border-inline-start: 3px solid transparent; border-radius: 16px; background: var(--surface); color: var(--text); box-shadow: 0 0 0 var(--legacy-control-color-4); animation: fadeUp .28s var(--motion-ease) both; transition: transform var(--motion-normal) var(--motion-ease),
    background var(--motion-normal) var(--motion-ease),
    border-color var(--motion-normal) var(--motion-ease),
    box-shadow var(--motion-normal) var(--motion-ease);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip:nth-child(2)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip:nth-child(2)){animation-delay: 60ms;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip:nth-child(3)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip:nth-child(3)){animation-delay: 120ms;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip:hover),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip:hover){transform: translateY(-1px); border-color: var(--line-strong); box-shadow: var(--shadow-sm);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip.menu-open),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip.menu-open){z-index: 120;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip.selection-mode),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip.selection-mode){grid-template-columns: auto 44px minmax(0,1fr) auto auto;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip.active),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip.active){background: var(--primary-50); border-color: var(--legacy-control-color-5); border-inline-start-color: var(--primary); box-shadow: 0 8px 20px var(--legacy-control-color-6);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip.selected:not(.active)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip.selected:not(.active)){border-color: var(--legacy-control-color-7); background: var(--legacy-control-color-8);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip-main),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip-main){flex: 1 1 auto; min-width: 0px; display: block; padding: 2px 0px; border: 0px; background: transparent; color: inherit; text-align: start; cursor: pointer;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-email),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-email){display: block; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; direction: ltr; unicode-bidi: isolate;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-local-part),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-local-part){display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); font-size: 16px; font-weight: 600; line-height: 1.3;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-domain),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-domain){display: block; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--primary); font-size: 13px; font-weight: 550; line-height: 1.3; opacity: 0.88;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-avatar),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-avatar){width: 44px; height: 44px; flex: 0 0 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--legacy-control-color-1); font-size: 17px; font-weight: 700; box-shadow: inset 0 0 0 1px var(--legacy-control-color-9);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-expiry),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-expiry){flex: 0 0 auto; min-height: 27px; padding: 4px 10px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; white-space: nowrap; font-size: 13px; font-weight: 650; font-feature-settings: "tnum";}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-expiry[hidden]),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-expiry[hidden]){display: none;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-expiry .expiry-dot),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-expiry .expiry-dot){display: none;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-expiry.expiry-good),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-expiry.expiry-good){background: var(--legacy-control-color-10); color: var(--legacy-control-color-11);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-expiry.expiry-warning),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-expiry.expiry-warning){background: var(--legacy-control-color-12); color: var(--legacy-control-color-13);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-expiry.expiry-danger),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-expiry.expiry-danger){background: var(--legacy-control-color-14); color: var(--legacy-control-color-15);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-expiry.expiry-danger .expiry-time),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-expiry.expiry-danger .expiry-time){animation: expiryPulse 1.8s ease-in-out infinite;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-actions-wrap),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-actions-wrap){position: relative; flex: 0 0 auto; display: grid; place-items: center;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-more-btn),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-more-btn){width: 40px; height: 40px; display: grid; place-items: center; padding: 0px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--muted); opacity: 0.55; font-size: 22px; line-height: 1; cursor: pointer;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip:hover .inbox-more-btn,.inbox-chip:focus-within .inbox-more-btn,.inbox-more-btn[aria-expanded="true"]),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip:hover .inbox-more-btn,.inbox-chip:focus-within .inbox-more-btn,.inbox-more-btn[aria-expanded="true"]){opacity: 1;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-more-btn:hover,.inbox-more-btn[aria-expanded="true"]),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-more-btn:hover,.inbox-more-btn[aria-expanded="true"]){background: var(--surface-2); border-color: var(--line); color: var(--text-2);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-menu),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-menu){position: absolute; z-index: 90; inset-block-start: calc(100% + 7px); inset-inline-end: 0px; width: 142px; padding: 6px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: 0 16px 40px var(--legacy-control-color-16);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-menu-delete),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-menu-delete){width: 100%; min-height: 38px; padding: 0px 11px; border-radius: 9px; background: transparent; color: var(--danger); text-align: start; font-size: 13px; font-weight: 700;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-menu-delete:hover,.inbox-menu-delete:focus-visible),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-menu-delete:hover,.inbox-menu-delete:focus-visible){background: var(--legacy-control-color-14);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip input[type="checkbox"],#selectAllInboxes,.inbox-select),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip input[type="checkbox"],#selectAllInboxes,.inbox-select){appearance: none; -webkit-appearance: none; width: 20px; height: 20px; flex: 0 0 20px; margin: 0px; position: relative; border: 1.5px solid var(--line-strong); border-radius: 6px; background: var(--surface); cursor: pointer;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip input[type="checkbox"]:checked,#selectAllInboxes:checked,.inbox-select:checked),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip input[type="checkbox"]:checked,#selectAllInboxes:checked,.inbox-select:checked){background: var(--primary); border-color: var(--primary);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-limit-tooltip),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-limit-tooltip){position: static; display: block; margin-top: 8px; padding: 0px 4px; color: var(--muted); background: transparent; border: 0px; box-shadow: none; font-size: 12px; line-height: 1.45; text-align: center;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-limit-tooltip[hidden]),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-limit-tooltip[hidden]){display: none !important;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.active-inbox-head),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.active-inbox-head){min-height: 0px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.active-inbox-card),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.active-inbox-card){width: 100%; min-height: 0px; margin: 0px; padding: 20px; display: flex; flex-direction: column; gap: 9px; border: 1px solid var(--primary-100); border-radius: 18px; box-shadow: 0 10px 28px var(--legacy-control-color-17);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.active-inbox-label),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.active-inbox-label){color: var(--muted); font-size: 13px; font-weight: 650;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.active-inbox-control-row),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.active-inbox-control-row){display: flex; align-items: center; gap: 12px; min-width: 0px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(#activeInboxAddress),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(#activeInboxAddress){flex: 1 1 auto; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); font-size: clamp(20px, 2.15vw, 26px); font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; direction: ltr; unicode-bidi: isolate;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.active-inbox-actions),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.active-inbox-actions){display: flex; flex: 0 0 auto; align-items: center; gap: 8px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.active-inbox-action),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.active-inbox-action){width: 44px; height: 44px; display: grid; place-items: center; padding: 0px; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--surface); color: var(--text-2); font-size: 21px; line-height: 1;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.active-inbox-action:hover),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.active-inbox-action:hover){background: var(--primary-50); border-color: var(--primary); color: var(--primary); transform: scale(1.05);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.active-inbox-action.copy-success),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.active-inbox-action.copy-success){background: var(--legacy-control-color-10); border-color: var(--legacy-control-color-18); color: var(--legacy-control-color-11);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.message-backdrop.hidden),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.message-backdrop.hidden){display: none !important; pointer-events: none !important;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.message-backdrop:not(.hidden)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.message-backdrop:not(.hidden)){pointer-events: auto;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.modal-backdrop),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.modal-backdrop){inset: 0px; z-index: 60; display: grid; place-items: center; padding: 20px; background: var(--legacy-control-color-19); backdrop-filter: blur(6px);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.modal-backdrop.hidden),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.modal-backdrop.hidden){display: none !important; pointer-events: none !important;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.modal-card),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.modal-card){width: min(500px, 100%); padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); box-shadow: 0 24px 60px var(--legacy-control-color-16);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.history-modal-card),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.history-modal-card){width: min(620px, 100%);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.modal-head),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.modal-head){margin-bottom: 23px; display: flex; align-items: flex-start; justify-content: space-between; gap: 15px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.modal-head h2),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.modal-head h2){margin: 6px 0px 0px; color: var(--text); font-size: 24px; letter-spacing: -0.03em;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.field-label),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.field-label){margin: 13px 0px 7px; display: flex; justify-content: space-between; color: var(--muted); font-size: 13px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.field-label span),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.field-label span){color: var(--muted);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.text-input),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.text-input){width: 100%; min-height: 48px; padding: 0px 13px; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--surface); color: var(--text); outline: 0px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.text-input:focus,input:focus-visible,select:focus-visible,textarea:focus-visible),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.text-input:focus,input:focus-visible,select:focus-visible,textarea:focus-visible){border-color: var(--primary); box-shadow: 0 0 0 3px var(--legacy-control-color-20);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.check-row),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.check-row){margin-top: 15px; display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.modal-actions),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.modal-actions){margin-top: 24px; display: flex; justify-content: flex-end; gap: 9px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.history-list),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.history-list){display: grid; gap: 9px; max-height: 420px; overflow: auto;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.history-entry),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.history-entry){padding: 13px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-2);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.history-entry strong,.history-entry small),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.history-entry strong,.history-entry small){display: block;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.history-entry strong),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.history-entry strong){max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); font-size: 14px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.history-entry small),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.history-entry small){margin-top: 4px; color: var(--muted); font-size: 12px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.toast),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.toast){z-index: 100; left: 50%; bottom: 28px; transform: translate(-50%,20px); max-width: min(90vw, 480px); padding: 12px 16px; border: 1px solid var(--legacy-control-color-21); border-radius: 10px; background: var(--legacy-control-color-22); color: var(--legacy-control-color-1); box-shadow: 0 16px 36px var(--legacy-control-color-23); opacity: 0; pointer-events: none; font-size: 13px; transition: opacity var(--motion-normal) var(--motion-ease), transform var(--motion-normal) var(--motion-ease);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.toast.show),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.toast.show){opacity: 1; transform: translate(-50%,0);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.plan-note,.features,.account-form label,.account-status,.metric small,.domain-table th),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.plan-note,.features,.account-form label,.account-status,.metric small,.domain-table th){color: var(--muted) !important;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.domain-table th,.domain-table td),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.domain-table th,.domain-table td){border-bottom-color: var(--line) !important;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.mobile-inbox-backdrop),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.mobile-inbox-backdrop){display: none;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(html[dir="rtl"] .inbox-chip-main),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(html[dir="rtl"] .inbox-chip-main){text-align: start;}
@media (max-width:1199px){body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-sidebar),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-sidebar){border-inline-start: 1px solid var(--line);}
}
@media (max-width:899px){body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-sidebar),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-sidebar){width: 100%; border-inline: 0px;}
}
@media (max-width:767px){body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.shell,.topbar-inner,.page > :not(.mobile-inbox-backdrop):not(.mobile-nav)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.shell,.topbar-inner,.page > :not(.mobile-inbox-backdrop):not(.mobile-nav)){width: calc(100% - 24px);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.primary-btn),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.primary-btn){min-height: 44px; padding-inline: 15px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.active-inbox-card),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.active-inbox-card){padding: 16px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(#activeInboxAddress),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(#activeInboxAddress){font-size: 18px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.active-inbox-action),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.active-inbox-action){width: 40px; height: 40px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-sidebar),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-sidebar){padding: 20px 16px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.mobile-inbox-backdrop:not(.hidden)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.mobile-inbox-backdrop:not(.hidden)){display: block; z-index: 58; inset: 0px; background: var(--legacy-control-color-24); backdrop-filter: blur(4px);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-sidebar.mobile-open),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-sidebar.mobile-open){display: flex !important; position: fixed; z-index: 59; inset: 76px 12px 82px; width: auto; max-width: none; overflow: auto; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow-lg);}
}
@media (max-width:479px){body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.soft-btn),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.soft-btn){min-height: 40px; padding-inline: 12px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip){gap: 10px; padding: 13px 11px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-avatar),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-avatar){width: 40px; height: 40px; flex-basis: 40px; font-size: 16px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-expiry),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-expiry){padding-inline: 8px; font-size: 12px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-more-btn),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-more-btn){width: 40px; height: 40px;}
}
@media (prefers-reduced-motion:reduce){}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.email-domain-accent),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.email-domain-accent){color: var(--primary);}
@media (max-width:680px){}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.media-privacy button),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.media-privacy button){flex-shrink: 0; white-space: nowrap;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.image-preview-button),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.image-preview-button){border: 0px; background: transparent; padding: 0px; width: 100%; cursor: zoom-in; border-radius: 10px; overflow: hidden;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.image-preview-button img),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.image-preview-button img){display: block; max-width: 100%; max-height: 280px; width: auto; height: auto; margin: auto; border-radius: 8px; object-fit: contain;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.image-preview-button span),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.image-preview-button span){display: block; margin-top: 10px; color: var(--legacy-control-color-11); font-size: 12px; font-weight: 600;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.image-preview-button:focus-visible),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.image-preview-button:focus-visible){outline: 3px solid var(--legacy-control-color-25); outline-offset: 3px;}
@media (max-width:640px){body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.media-privacy button),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.media-privacy button){align-self: flex-start;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.image-preview-button img),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.image-preview-button img){max-height: 220px;}
}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.message-detail .media-privacy button),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.message-detail .media-privacy button){min-height: 34px; padding: 7px 10px; font-size: 12px;}
@media (max-width:640px){}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-sidebar),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-sidebar){padding-inline: 12px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-heading),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-heading){gap: 10px; margin-bottom: 12px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-heading-label),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-heading-label){display: flex; align-items: center; gap: 12px; min-width: 0px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-heading .toolbar-check),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-heading .toolbar-check){gap: 5px; font-size: 11px; letter-spacing: 0px; text-transform: none; white-space: nowrap;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-heading .counter),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-heading .counter){flex-shrink: 0;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(#inboxSelectionToolbar[hidden]),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(#inboxSelectionToolbar[hidden]){display: none;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(#inboxSelectionToolbar),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(#inboxSelectionToolbar){margin: 0px 0px 10px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-list),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-list){gap: 9px; padding: 0px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip,.inbox-chip.selection-mode),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip,.inbox-chip.selection-mode){display: flex; gap: 9px; min-height: 80px; padding: 13px 12px; border: 1px solid var(--legacy-control-color-26); border-radius: 14px; box-shadow: none; cursor: pointer; animation: none; align-items: flex-start; transform: none;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip:hover),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip:hover){transform: none; border-color: var(--legacy-control-color-27); box-shadow: 0 2px 8px var(--legacy-control-color-28); background: var(--legacy-control-color-29);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip.active),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip.active){background: var(--legacy-control-color-30); border-color: var(--legacy-control-color-31); box-shadow: none;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip.active:hover),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip.active:hover){background: var(--legacy-control-color-32);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip.selected:not(.active)),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip.selected:not(.active)){background: var(--legacy-control-color-30); border-color: var(--legacy-control-color-18);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-card-content),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-card-content){min-width: 0px; flex: 1 1 0%;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip .inbox-chip-main),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip .inbox-chip-main){width: 100%; padding: 0px; margin: 0px; text-align: start;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip .inbox-email),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip .inbox-email){display: block; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; font-size: 14px; font-weight: 650; line-height: 1.5; color: var(--legacy-control-color-33); direction: ltr; unicode-bidi: isolate; text-align: left;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip .inbox-select),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip .inbox-select){margin-top: 3px; flex-shrink: 0;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-card-footer),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-card-footer){display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 9px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-card-stats),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-card-stats){display: flex; align-items: center; gap: 9px; min-width: 0px; color: var(--legacy-control-color-34); font-size: 12px; font-variant-numeric: tabular-nums;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-message-count),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-message-count){display: inline-flex; align-items: center; gap: 5px; min-width: 25px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-stat-divider),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-stat-divider){color: var(--legacy-control-color-27);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip .inbox-expiry),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip .inbox-expiry){min-width: 58px; min-height: 24px; padding: 3px 7px; border-radius: 7px; font-size: 11px; font-weight: 600;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip .inbox-expiry.expiry-good),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip .inbox-expiry.expiry-good){background: var(--legacy-control-color-35); color: var(--legacy-control-color-34);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip.active .inbox-expiry.expiry-good),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip.active .inbox-expiry.expiry-good){background: var(--legacy-control-color-36); color: var(--legacy-control-color-37);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip .inbox-expiry.expiry-danger .expiry-time),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip .inbox-expiry.expiry-danger .expiry-time){animation: none;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-btn),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-btn){border: 1px solid transparent; border-radius: 7px; background: var(--legacy-control-color-38); color: var(--legacy-control-color-39); padding: 5px 9px; min-height: 28px; font-family: inherit; font-size: 11px; font-weight: 600; line-height: 1.3; cursor: pointer; flex-shrink: 0;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-btn:hover),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-btn:hover){background: var(--legacy-control-color-40); border-color: var(--legacy-control-color-41); color: var(--legacy-control-color-42);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-btn:focus-visible,.inbox-chip-main:focus-visible),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-btn:focus-visible,.inbox-chip-main:focus-visible){outline: 2px solid var(--legacy-control-color-25); outline-offset: 3px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-btn:disabled),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-btn:disabled){opacity: 0.5; cursor: wait;}
@media (max-width:680px){body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-sidebar),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-sidebar){padding-inline: 12px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-heading-label),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-heading-label){gap: 10px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip){padding: 12px; min-height: 78px;}
}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-heading),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-heading){margin-bottom: 10px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-heading .toolbar-check),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-heading .toolbar-check){font-size: 12px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip .inbox-email),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip .inbox-email){font-size: 15px; font-weight: 550; line-height: 1.5; letter-spacing: -0.015em;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip,.inbox-chip.selection-mode),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip,.inbox-chip.selection-mode){border-inline-start: 3px solid transparent; min-height: 86px; padding: 13px 11px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip.active),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip.active){border-inline-start-color: var(--legacy-control-color-43);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-card-footer),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-card-footer){margin-top: 10px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-card-stats),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-card-stats){font-size: 13px; gap: 7px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-message-count svg),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-message-count svg){width: 16px; height: 16px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-active-mark),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-active-mark){width: 14px; flex: 0 0 14px; text-align: center; color: var(--legacy-control-color-44); font-size: 13px; font-weight: 700;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip .inbox-expiry),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip .inbox-expiry){font-size: 12px; min-width: 62px; padding: 4px 8px; min-height: 28px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-btn),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-btn){font-size: 12px; min-height: 34px; min-width: 52px; padding: 7px 10px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip-main),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip-main){min-height: 24px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-dialog),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-dialog){width: min(440px, -32px + 100vw); max-height: 85vh; overflow: auto; box-sizing: border-box; border: 1px solid var(--legacy-control-color-26); border-radius: 20px; padding: 26px; background: var(--legacy-control-color-1); color: var(--legacy-control-color-33); box-shadow: 0 25px 80px var(--legacy-control-color-45); text-align: start;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.delete-dialog-icon),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.delete-dialog-icon){width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--legacy-control-color-38); color: var(--legacy-control-color-39); font-size: 26px; margin-bottom: 16px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-dialog h2),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-dialog h2){font-size: 20px; font-weight: 650; line-height: 1.3; margin: 0px 0px 10px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-dialog p),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-dialog p){font-size: 14px; color: var(--legacy-control-color-34); line-height: 1.65; margin: 0px 0px 16px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.delete-dialog-addresses),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.delete-dialog-addresses){list-style: none; padding: 12px 14px; margin: 0px 0px 22px; border: 1px solid var(--legacy-control-color-26); border-radius: 10px; background: var(--legacy-control-color-29); font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; text-align: left;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.delete-dialog-addresses li+li),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.delete-dialog-addresses li+li){margin-top: 6px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.delete-dialog-actions),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.delete-dialog-actions){display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.delete-dialog-actions button),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.delete-dialog-actions button){min-height: 40px; padding: 9px 16px; font-size: 13px; font-weight: 600;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.delete-dialog-confirm),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.delete-dialog-confirm){border: 1px solid var(--legacy-control-color-46); background: var(--legacy-control-color-46); color: var(--legacy-control-color-1); border-radius: 10px; font-family: inherit; cursor: pointer;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.delete-dialog-confirm:hover),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.delete-dialog-confirm:hover){background: var(--legacy-control-color-39); border-color: var(--legacy-control-color-39);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.delete-dialog-actions button:focus-visible),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.delete-dialog-actions button:focus-visible){outline: 3px solid var(--legacy-control-color-47); outline-offset: 3px;}
@media (max-width:640px){body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-btn),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-btn){min-height: 40px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-dialog),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-dialog){padding: 22px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip,.inbox-chip.selection-mode),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip,.inbox-chip.selection-mode){min-height: 90px;}
}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip .inbox-email),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip .inbox-email){font-size: 16px; font-weight: 500; letter-spacing: 0px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; word-break: normal;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip,.inbox-chip.selection-mode),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip,.inbox-chip.selection-mode){min-height: 88px; padding: 12px 11px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-dialog),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-dialog){position: fixed; inset: auto; margin: 0px; width: 320px; max-width: calc(100vw - 24px); padding: 16px; border-radius: 13px; max-height: calc(100vh - 24px); box-shadow: 0 12px 40px var(--legacy-control-color-48);}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-dialog h2),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-dialog h2){font-size: 16px; line-height: 1.4; margin: 0px 0px 10px; font-weight: 600;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-dialog .delete-dialog-addresses),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-dialog .delete-dialog-addresses){margin: 0px 0px 14px; padding: 8px 10px; font-size: 14px; line-height: 1.5; border-radius: 8px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-dialog .delete-dialog-actions),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-dialog .delete-dialog-actions){gap: 8px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-dialog .delete-dialog-actions button),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-dialog .delete-dialog-actions button){min-height: 34px; padding: 7px 12px; font-size: 12px; border-radius: 8px;}
@media (max-width:640px){body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-chip .inbox-email),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-chip .inbox-email){font-size: 16px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-dialog),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-dialog){padding: 16px;}
body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox):is(.inbox-delete-dialog .delete-dialog-actions button),body.reference-home :is(#inboxModal,#historyModal,#referenceLegacyControls,#toast,#referenceSourceDialog,#inboxDeleteDialog,#imageLightbox) :is(.inbox-delete-dialog .delete-dialog-actions button){min-height: 40px;}
}