.friends-section,.friend-requests{margin:24px 0 36px}.friend-requests{padding-top:22px;border-top:1px solid var(--line,#30382a)}
.friend-request-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.friend-request-tools .legal-check{margin:0}.friend-request-tools p{width:100%;margin:0;overflow-wrap:anywhere}
.request-choice{display:flex;align-items:center;min-width:30px;min-height:44px}.request-choice input,#select-all-requests{width:18px;height:18px;accent-color:#cce1ac}
.inbox-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:18px 0}.inbox-heading h2{margin:0}
.message-recipients{display:grid;gap:10px;margin-top:16px;max-height:320px;overflow:auto}.message-recipients button{min-height:44px;text-align:left;white-space:normal;overflow-wrap:anywhere}
.friend-requests .row-person{flex-wrap:wrap}.friend-requests .person-name{min-width:90px}.friend-requests button,.friends-section button{min-height:44px}
@media(max-width:640px){.friend-request-tools{align-items:flex-start}.friend-request-tools .primary{width:100%}.friend-requests .row-person{gap:10px}.inbox-heading .primary{padding:12px 14px}.friend-requests .row-person .person-name{flex:1}}

/* Mail is a list of individual letters. Live conversations have their own page. */
.mailbox{min-width:0}
.mailbox-heading,.mailbox-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.mailbox-heading h1,.mailbox-header h1{margin:0}
.mailbox-heading>.primary,.mailbox-header>.primary{min-height:44px;flex-shrink:0}
.mailbox-tabs{display:flex;align-items:center;gap:23px;border-bottom:1px solid #37432e;margin:22px 0 20px;flex-wrap:wrap}
.mailbox-tabs>button{position:relative;min-height:45px;border:0;border-bottom:2px solid transparent;padding:10px 1px 12px;font-size:13px;color:#a7b69a;white-space:nowrap}
.mailbox-tabs>button:hover{color:#e1ecd5}
.mailbox-tabs>button.active,.mailbox-tabs>button.selected,.mailbox-tabs>button[aria-selected=true],.mailbox-tabs>button[aria-pressed=true]{color:var(--green);border-bottom-color:var(--green)}
.mailbox-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:14px;align-items:center;margin:0 0 18px}
.mailbox-toolbar>label{grid-column:1/-1;min-width:0;display:block;margin:0 0 -6px;font-size:11px;color:#b6c6a7}
.mailbox-toolbar .search{min-width:0;margin:0;height:45px}
#mail-search{grid-column:1;min-width:0;width:100%;min-height:44px;font-size:13px;margin:0}
.mailbox-toolbar label>#mail-search{margin-top:7px}
.mail-filters{grid-column:2;display:flex;gap:3px;align-items:center;flex-wrap:wrap;padding:4px;background:#182015;border:1px solid #3a482f;border-radius:7px}
.mail-filters>button{padding:7px 10px;border:1px solid transparent;border-radius:4px;min-height:35px;font-size:11px;color:#aaba9a;white-space:nowrap}
.mail-filters>button:hover{background:#273520;color:#d7e4ca}
.mail-filters>button.active,.mail-filters>button.selected,.mail-filters>button[aria-selected=true],.mail-filters>button[aria-pressed=true]{background:#35462a;border-color:#637e4c;color:#e3efd7}
.mail-filters>select{font-size:12px;min-height:38px;max-width:100%;padding:7px 10px;background:#182015}
.mail-list{border:1px solid #37452e;border-radius:9px;overflow:hidden;background:#161d13;min-width:0}
.mail-item{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;row-gap:9px;width:100%;min-height:97px;text-align:left;border:0;border-bottom:1px solid #34422b;border-radius:0;padding:18px 19px;color:#aaba9a;background:transparent;transition:background .15s}
.mail-item:last-child{border-bottom:0}
.mail-item:hover{background:#25331d}
.mail-item:focus-visible{outline-offset:-3px;position:relative;z-index:1}
.mail-sender{grid-column:1;grid-row:1;display:block;font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.7;color:#c4d0b8}
.mail-date{grid-column:2;grid-row:1;display:block;font-size:10px;font-weight:400;line-height:2.1;color:#96a889;text-align:right;white-space:nowrap}
.mail-preview{grid-column:1;grid-row:2;display:block;min-width:0;max-width:100%;font-size:12px;font-weight:400;color:#9eb28d;line-height:1.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-preview strong{font-size:12px;font-weight:500;color:#cedbc2}
.mail-subject{display:block;font-size:12px;font-weight:500;color:#cedbc2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.8}
.mail-item>.mail-subject{grid-column:1;grid-row:2}.mail-item>.mail-subject~.mail-preview{grid-row:3}.mail-item>.mail-subject~.mail-status{grid-row:3}
.mail-status{grid-column:2;grid-row:2;display:inline-flex;justify-content:flex-end;align-items:center;gap:6px;font-size:10px;font-weight:400;line-height:1.8;color:#94a783;white-space:nowrap;text-align:right}
.mail-status::before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:transparent}
.mail-item.unread,.mail-item[data-read=false],.mail-item[data-unread=true]{background:#212e1a}
.mail-item.unread:hover,.mail-item[data-read=false]:hover,.mail-item[data-unread=true]:hover{background:#2b3b22}
.mail-item.unread .mail-sender,.mail-item[data-read=false] .mail-sender,.mail-item[data-unread=true] .mail-sender{font-weight:600;color:#e6efdc}
.mail-item.unread .mail-status,.mail-item[data-read=false] .mail-status,.mail-item[data-unread=true] .mail-status{color:#d5e9b8}
.mail-item.unread .mail-status::before,.mail-item[data-read=false] .mail-status::before,.mail-item[data-unread=true] .mail-status::before{background:#cce4ad}
.mail-list>.empty{border:0;min-height:190px;padding:48px 20px;border-radius:0}
.mailbox-status{margin:14px 0;font-size:11px;color:#afc19d;line-height:1.9;overflow-wrap:anywhere}
.mail-detail{min-width:0}
.mail-detail h2{font-size:21px;line-height:1.7;font-weight:500;margin:3px 0 16px;overflow-wrap:anywhere}
.mail-detail-header,.mail-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.9;color:#bccbac;margin:0 0 18px}
.mail-detail-header strong,.mail-meta strong{color:#e0ead5;font-weight:500;overflow-wrap:anywhere}
.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;min-height:150px;line-height:2;font-size:14px;color:#e0e8d8;background:#182114;border:1px solid #3c4d31;border-radius:8px;padding:24px;margin:19px 0 25px}
.mail-detail .mail-date{white-space:normal;text-align:left;font-size:11px}
#mail-reply-form{display:grid;gap:13px;margin-top:24px;padding-top:21px;border-top:1px solid #3a4a30}
#mail-reply-form>label{display:block;font-size:12px;color:#c7d6b7;margin:0}
#mail-reply-form textarea{min-height:145px;font-size:13px;line-height:1.9}
#mail-reply-form .primary{justify-self:start;min-width:115px;min-height:43px;margin:0}
.mail-compose{min-width:0}
.mail-compose h2{margin:0 0 12px}
.mail-compose>label,.mail-compose form>label{font-size:12px;line-height:1.8;color:#cad8ba;display:block;margin:19px 0 8px}
#compose-recipient-search{min-height:45px;font-size:13px}
#compose-recipients{display:grid;gap:8px;max-height:225px;overflow:auto;scrollbar-width:thin;scrollbar-color:#667e50 transparent;margin:12px 0;min-width:0}
#compose-recipients:empty{display:none}
#compose-recipients>button{min-height:45px;width:100%;padding:11px 13px;text-align:left;border:1px solid #435737;border-radius:6px;color:#d2e1c0;background:#202d18;white-space:normal;overflow-wrap:anywhere;font-size:12px}
#compose-recipients>button:hover{background:#304326;border-color:#849d6a}
#compose-recipients>button.selected,#compose-recipients>button[aria-pressed=true]{border-color:#c8dda9;background:#364b29;color:#ecf4e3}
#compose-body{min-height:200px;font-size:13px;line-height:1.9}
#compose-subject,#reply-subject{min-height:44px;font-size:13px}
.mail-detail>.mail-subject{font-size:20px;font-weight:500;white-space:normal;overflow-wrap:anywhere;line-height:1.7;margin:8px 0 18px;color:#e2ebd7}
.mail-compose .primary{min-height:44px}
.mail-compose .translation-note{font-size:11px;line-height:1.9}
.mailbox-tabs>#new-message{margin-left:auto;margin-bottom:8px;background:var(--green);border:1px solid var(--green);border-radius:6px;padding:10px 16px;min-height:42px;color:#28371e;font-size:12px;font-weight:600}
.mailbox-tabs>#new-message:hover{background:#e3f3cd;border-color:#e3f3cd}
.mail-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0 7px;color:#abbd99;font-size:11px}
.mail-pagination>.secondary{min-width:90px;min-height:41px;padding:9px 14px;font-size:11px}
#mail-status,#compose-candidate-status,#compose-status{font-size:11px;line-height:1.9;color:#bccdaa;overflow-wrap:anywhere;margin:13px 0}
#mail-status:empty,#compose-candidate-status:empty,#compose-status:empty{display:none}
.mail-detail>h2{margin-top:23px;margin-bottom:12px}
.mail-detail>p{font-size:12px;line-height:1.9;color:#b3c3a2;overflow-wrap:anywhere;margin:10px 0}
.mail-detail>time{display:block;font-size:11px;line-height:1.8;color:#96ac84;overflow-wrap:anywhere}
.mail-detail>.mail-status{display:flex;justify-content:flex-start;font-size:11px;color:#c4d5b2;margin:11px 0 18px}
.mail-detail>#mail-reply{margin-right:15px;min-height:43px}
.mail-selected-recipient{border-left:2px solid #a6be8b;padding:8px 11px;margin:13px 0;color:#d0e1bd!important;background:#25331e;font-size:12px!important;overflow-wrap:anywhere}
#compose-form>.primary,#compose-back{margin-top:17px;min-height:44px}
#compose-form>.primary{margin-right:9px}
@media(max-width:1100px){.mailbox-toolbar{grid-template-columns:minmax(0,1fr)}.mail-filters{grid-column:1;justify-self:start}}
@media(max-width:700px){
 .mailbox-heading,.mailbox-header{gap:12px;margin-bottom:20px}.mailbox-heading>.primary,.mailbox-header>.primary{font-size:12px;padding:10px 13px}
 .mailbox-tabs{gap:22px;margin-top:20px;margin-bottom:18px}.mailbox-tabs>button{font-size:12px;min-height:44px}
 .mailbox-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:16px}#mail-search{font-size:16px;min-height:46px}
 .mail-filters{gap:4px;justify-self:start;padding:3px}.mail-filters>button{min-height:37px;font-size:11px;padding:7px 12px}
 .mail-item{padding:16px 14px;column-gap:11px;row-gap:8px;min-height:96px}.mail-sender{font-size:13px}.mail-date{font-size:9px;line-height:2.4}.mail-preview{font-size:12px}.mail-status{font-size:9px}
 .mail-detail h2{font-size:19px}.mail-detail-header,.mail-meta{display:block;font-size:12px}.mail-detail .mail-date{margin-top:7px}
 .mail-body{padding:20px 17px;font-size:14px;line-height:1.95;min-height:155px;margin:18px 0 23px}
 #mail-reply-form{margin-top:21px;padding-top:19px;gap:12px}#mail-reply-form textarea{font-size:16px;min-height:145px}#mail-reply-form .primary{justify-self:stretch;min-height:45px}
 #compose-recipient-search,#compose-body,#compose-subject,#reply-subject{font-size:16px}#compose-body{min-height:195px}.mail-compose .primary{width:100%}
 #compose-recipients{max-height:210px}.mail-compose>label,.mail-compose form>label{font-size:12px}
 .mailbox-tabs>#new-message{padding:10px 12px;font-size:11px;margin-bottom:7px}.mailbox-tabs{column-gap:18px}
 .mail-pagination{gap:10px;margin-top:17px}.mail-pagination>.secondary{min-width:80px;padding:9px 11px;min-height:43px}
 #compose-back{width:100%;margin-top:10px}#compose-form>.primary{margin-right:0}
}
@media(max-width:380px){.mail-item{column-gap:9px;padding:15px 12px}.mail-date{max-width:100px;white-space:normal;line-height:1.7}.mailbox-heading>.primary,.mailbox-header>.primary{padding:9px 11px;font-size:11px}.mailbox-tabs{gap:19px}}
@media(prefers-reduced-motion:reduce){.mail-item{transition:none}}

.mail-search-form{display:flex;gap:8px;align-items:center;max-width:100%;margin:0}.mail-search-form .field{flex:1;min-width:0}.mail-search-form>button{flex-shrink:0;min-height:44px}.mailbox-toolbar[hidden]{display:none!important}