/* Compact mailbox only: reading, composer and tracking envelopes stay full size. */
.mailbox-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;color:var(--member-muted,#667b9e);font-size:13px}.mailbox-summary strong{color:inherit;font-size:17px}.mailbox-summary .m-btn{margin-left:auto;padding:8px 14px;font-size:13px}
.mailbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mailbox-grid .mailbox-envelope{margin:0;min-height:0;padding:0;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 6px 18px #152f5b0c}
.mailbox-grid .mailbox-card-open{display:block;position:relative;flex:1;width:100%;padding:18px 18px 12px;min-height:180px;border:0;background:transparent;color:inherit;text-align:left;border-radius:16px 16px 0 0;cursor:pointer}
.mailbox-card-open:focus-visible{outline:3px solid #5797ef;outline-offset:-3px}.mailbox-envelope:hover{box-shadow:0 8px 24px #153a8820;transform:translateY(-2px)}
.mailbox-grid .mailbox-state{display:block;width:max-content;max-width:calc(100% - 65px);font:700 10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:4px 7px;border-radius:6px;background:#e6edf8;color:#38567c;margin-bottom:20px}
.mailbox-grid .mailbox-state.is-new{background:#d9f5e6;color:#146945}.mailbox-grid .mailbox-state.is-travelling{background:#dfeaff;color:#2552a1}
.mailbox-grid .mailbox-direction{display:block;font:10px Arial,sans-serif;text-transform:uppercase;color:#667fa6}.mailbox-grid .mailbox-name{display:block;font:700 19px/1.3 Georgia,serif;color:#173b8f;margin:5px 0;padding-right:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mailbox-grid .envelope-subject{display:block;margin:10px 0 7px;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#47658d}.mailbox-date{display:block;font-size:11px;color:#5d7494;line-height:1.5}
.mailbox-grid .envelope-postage{top:16px;right:14px;pointer-events:none}.mailbox-grid .envelope-stamp{width:49px;padding:3px;border-width:1.5px}.mailbox-grid .envelope-stamp img{width:30px;height:30px}.mailbox-grid .envelope-stamp>span:not(.stamp-logo-window){font-size:5px;letter-spacing:0;line-height:1.4}.mailbox-grid .stamp-logo-window{width:30px;height:28px}.mailbox-grid .stamp-logo-window img{width:65px!important;max-width:none!important;height:auto!important}
.mailbox-grid .envelope-footer{margin:0;padding:10px 14px 13px;gap:7px;flex-wrap:wrap;justify-content:flex-end;border-top:1px solid #91a8cf33}.mailbox-grid .envelope-seal{margin-right:auto;width:24px;height:24px;font-size:12px}.mailbox-grid .envelope-footer .m-btn{padding:7px 9px;min-height:36px;font-size:11px;line-height:1.3;border-radius:9px;width:auto;flex:0 1 auto;margin:0}.mailbox-grid .draft-delete{color:#ad3343}
.mailbox-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0 12px}.mailbox-pagination span{font-size:13px;color:#627a9c;white-space:nowrap}.mailbox-pagination .m-btn{font-size:13px;padding:10px 16px}.mailbox-pagination .m-btn:disabled{opacity:.4;cursor:default}
html[data-member-theme="night"] .mailbox-summary,html[data-member-theme="night"] .mailbox-pagination span{color:#a6b7cf}html[data-member-theme="night"] .mailbox-state{background:#283d5b;color:#c4d3e9}html[data-member-theme="night"] .mailbox-state.is-new{background:#174635;color:#a8ebca}html[data-member-theme="night"] .mailbox-state.is-travelling{background:#243f6c;color:#b4d2ff}html[data-member-theme="night"] .mailbox-grid .mailbox-name{color:#e0eafb}html[data-member-theme="night"] .mailbox-grid .mailbox-direction,html[data-member-theme="night"] .mailbox-grid .mailbox-date{color:#a2b5d0}html[data-member-theme="night"] .mailbox-grid .envelope-subject{color:#bbcae0}html[data-member-theme="night"] .mailbox-grid .draft-delete{color:#ffb4b9}
@media(max-width:1000px){.mailbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mailbox-grid{gap:10px}.mailbox-grid .mailbox-card-open{padding:14px 11px 10px;min-height:168px}.mailbox-grid .mailbox-name{font-size:16px;padding-right:0}.mailbox-grid .mailbox-state{font-size:8px;margin-bottom:30px;max-width:calc(100% - 45px)}.mailbox-grid .envelope-postage{right:9px;top:12px}.mailbox-grid .envelope-stamp{width:38px}.mailbox-grid .envelope-stamp img{width:24px;height:24px}.mailbox-grid .stamp-logo-window{width:24px;height:24px}.mailbox-grid .envelope-subject{font-size:11px}.mailbox-grid .mailbox-date{font-size:10px}.mailbox-grid .envelope-footer{padding:8px;gap:5px}.mailbox-grid .envelope-footer .m-btn{padding:6px 7px;min-height:36px;font-size:10px}.mailbox-grid .envelope-seal{display:none}.mailbox-pagination{gap:10px}.mailbox-pagination .m-btn{padding:10px;font-size:12px}.mailbox-summary{font-size:11px;gap:8px}}
@media(max-width:359px){.mailbox-grid{grid-template-columns:1fr}.mailbox-grid .mailbox-state{margin-bottom:18px}.mailbox-grid .mailbox-card-open{min-height:156px}}
/* Keep the chosen stationery colour in both themes, with contrasting ink. */
html[data-member-theme="night"] .real-member-area .mailbox-grid .mailbox-name{color:#173b8f!important}
html[data-member-theme="night"] .real-member-area .mailbox-grid .mailbox-direction,html[data-member-theme="night"] .real-member-area .mailbox-grid .mailbox-date{color:#5d7494}
html[data-member-theme="night"] .real-member-area .mailbox-grid .envelope-subject{color:#47658d}
.real-member-area .mailbox-grid .envelope-design-royal :is(.mailbox-name,.mailbox-direction,.mailbox-date,.envelope-subject),html[data-member-theme="night"] .real-member-area .mailbox-grid .envelope-design-royal :is(.mailbox-name,.mailbox-direction,.mailbox-date,.envelope-subject){color:#f0f6ff!important}
.mailbox-grid .stamp-logo-window img{transform:translate(-3px,-4px)}
.real-member-area .mailbox-grid .mailbox-card-open,html[data-member-theme="night"] .real-member-area .mailbox-grid .mailbox-card-open{background:transparent!important;border:0!important;color:#173b8f!important;box-shadow:none!important}
.real-member-area .mailbox-grid .envelope-postage .envelope-stamp{width:49px;padding:3px;outline-offset:-3px}
.real-member-area .mailbox-grid .envelope-postage .envelope-stamp img{width:30px;height:30px}
.real-member-area .mailbox-grid .envelope-postage .stamp-logo-window img{width:65px!important;height:auto!important}
@media(max-width:600px){.real-member-area .mailbox-grid .envelope-postage .envelope-stamp{width:38px;padding:3px}.real-member-area .mailbox-grid .envelope-postage .envelope-stamp img{width:24px;height:24px}}