/* An inbox within the existing silver and blue JobMaxxer workspace. */
@media(min-width:701px){.sidebar{overflow:hidden}.sidebar>.brand{flex-shrink:0}#desktop-nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c6d9 transparent;flex:0 1 auto;padding-block:3px}.sidebar-bottom{flex:0 0 auto}}
.sidebar-plan-title{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.sidebar-plan-title strong{font-size:14px;line-height:1.3}
.sidebar-plan-title>span{font-size:12px;line-height:1.5;white-space:normal;max-width:100%;font-variant-numeric:tabular-nums;color:#4b566c}
.sidebar-plan .mini-progress{margin-top:14px;margin-bottom:10px}
.sidebar-plan p{line-height:1.5;margin:0}
.mail-address{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:#344768;min-width:0}
.mail-address>.icon{width:22px;height:22px;flex-shrink:0;color:#2466c5}
.mail-address>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0}
.mail-address-text{font-size:14px;overflow-wrap:anywhere;user-select:all}
.mail-address .text-button{font-size:12px}
.mail-connection{font-size:12px;margin-left:auto;white-space:nowrap;color:#675328}
.mail-connection.is-ready{color:#2a624c}
.mailbox{display:grid;grid-template-columns:minmax(270px,35%) minmax(0,1fr);background:#f5f6fa;border-radius:24px;box-shadow:0 12px 32px -20px #2839594d;min-height:520px;overflow:hidden}
.mail-index{background:#eff2f8;border-right:1px solid #dce0e9;min-width:0}
.mail-filters{display:flex;gap:18px;padding:12px 22px 0;border-bottom:1px solid #dce0e9}
.mail-filters .tab{font-size:12px;min-height:48px;white-space:nowrap}
.mail-list{list-style:none;padding:8px;margin:0}
.mail-list li{border-bottom:1px solid #dce0e980}
.mail-list li:last-child{border:0}
.mail-row{display:block;text-align:left;width:100%;padding:20px 16px;border:0;background:transparent;border-radius:16px;cursor:pointer;color:#16171b;font-family:inherit;transition:background-color .18s ease}
.mail-row:hover{background:#e3eaf6}.mail-row.is-selected{background:#dce8fb}
.mail-row-top{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:9px}
.mail-sender{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;line-height:1.5}
.mail-unread{width:6px;height:6px;background:#2466c5;flex-shrink:0;border-radius:50%}
.mail-row time{font-size:11px;color:#586378;white-space:nowrap;font-variant-numeric:tabular-nums}
.mail-subject{display:block;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.mail-row.is-unread .mail-sender,.mail-row.is-unread .mail-subject{font-weight:600}
.mail-category{display:block;margin-top:8px;font-size:11px;color:#586378;line-height:1.5}
.mail-reader{min-width:0;padding:32px clamp(24px,3vw,44px);background:#f9fafe;position:relative}
.mail-reader h2{font-size:24px;font-weight:600;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}
.mail-reader h2:focus{outline:none}
.mail-reader h2:focus-visible{outline:2px solid #2466c5;outline-offset:6px;border-radius:6px}
.mail-message-header{padding-bottom:24px;border-bottom:1px solid #dce0e9;margin-bottom:28px}
.mail-from{font-size:13px;margin:18px 0 7px;color:#344768;overflow-wrap:anywhere}
.mail-to{font-size:12px;line-height:1.6;color:#586378;overflow-wrap:anywhere}
.mail-body{font-size:14px;line-height:1.85;color:#303746;white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch}
.mail-reader-placeholder,.mail-empty{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:45px 24px;min-height:370px}
.mail-reader-placeholder{height:100%}
.mail-reader-placeholder>.icon,.mail-empty>.icon{width:28px;height:28px;margin-bottom:24px;color:#486a99}
.mail-reader-placeholder h2{font-family:'EB Garamond',Georgia,serif;font-size:30px;font-weight:500}
.mail-empty h2{font-size:17px;font-weight:600;line-height:1.5}
.mail-reader-placeholder p,.mail-empty p{font-size:13px;line-height:1.7;color:#5d6070;margin-top:10px;max-width:32ch}
.mail-back{display:none;margin-bottom:22px;gap:8px}.mail-back .icon{transform:rotate(180deg)}
.mail-more{margin:12px 24px 22px}
.mail-demo{margin:20px 4px 0;line-height:1.7}
.mail-error{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fff2e1;border-radius:16px;margin-bottom:20px;color:#694d20;font-size:13px}
.mail-reading{font-size:14px;padding-block:24px;color:#344768}
.mailbox button:focus-visible{outline:2px solid #2466c5;outline-offset:3px}
.mailbox ::selection{background:#c9dcfb;color:#173c77}
@media(max-width:1100px){.mailbox{grid-template-columns:minmax(245px,38%) minmax(0,1fr)}.mail-filters{padding-inline:16px;gap:12px}.mail-reader{padding:28px 24px}}
@media(max-width:850px){.mailbox{display:block;min-height:420px}.mail-index{border:0}.mailbox:not(.has-message) .mail-reader{display:none}.mailbox.has-message .mail-index{display:none}.mail-back{display:inline-flex}.mail-reader{min-height:420px}.mail-connection{width:100%;margin-left:36px}.mail-address{flex-wrap:wrap;row-gap:6px}.mail-address>div{flex:1;gap:8px}}
@media(max-width:700px){.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-nav a{font-size:10px;gap:6px}.mobile-nav .icon{width:19px;height:19px}.mail-filters{padding:8px 18px 0;gap:23px}.mail-filters .tab{min-height:48px}.mailbox{border-radius:22px}.mail-reader{padding:24px 22px}.mail-reader h2{font-size:23px}.mail-body{font-size:15px;line-height:1.8}.mail-address-text{font-size:13px}.mail-demo{font-size:12px}.mail-row{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.mail-row{transition:none}}

.mailbox [aria-disabled="true"],.page-heading [data-mail-action][aria-disabled="true"]{opacity:.6;cursor:wait}