/* Messages: a compact, Roblox-style list with avatars, badges, folders and bulk actions. */
.inbox-page{max-width:1100px}
.inbox-top #inbox-compose{margin-left:auto;padding:10px 16px;min-height:44px;border:0;border-radius:8px;background:#2865cb;color:#fff;font:600 14px Arial,sans-serif}
.inbox-row.sent .inbox-open{grid-column:1/-1;padding-left:16px}
.inbox-row.sent .inbox-full{grid-column:1/-1;padding-left:80px}
.inbox-reply{margin-left:16px;min-height:40px;padding:8px 16px;border:1px solid #c7d4e7;border-radius:8px;background:#edf3ff;color:#24599c;font:600 13px Arial,sans-serif}
.message-compose{--im-bg:#fff;--im-text:#26374b;--im-muted:#728197;--im-field:#f6f8fc;--im-line:#d6dee8;--im-accent:#2865cb;--im-on-accent:#fff;box-sizing:border-box;width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;margin:auto;border:1px solid var(--im-line);border-radius:18px;background:var(--im-bg);color:var(--im-text);overflow:auto;box-shadow:0 20px 80px #0003}
.message-compose::backdrop{background:#111e3466;backdrop-filter:blur(4px)}
.message-compose *{box-sizing:border-box}.message-compose header{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.message-compose header>div{flex:1}.message-compose h2{font-size:24px;margin:0 0 8px;color:var(--im-text)}.message-compose header p{font-size:13px;line-height:1.5;margin:0;color:var(--im-muted)}
.message-compose #compose-close{min-width:44px;min-height:44px;padding:8px;border:0;border-radius:12px;background:var(--im-field);color:var(--im-text);font:inherit;font-size:13px}
.message-compose label{display:block;margin:16px 0 8px;font-size:13px;font-weight:600;color:var(--im-text)}
html[data-theme] .message-compose :is(input,textarea){display:block;width:100%;padding:12px 14px;min-height:46px;border:1px solid var(--im-line);border-radius:10px;background:var(--im-field);color:var(--im-text);font:16px/1.5 Arial,sans-serif}
.message-compose textarea{resize:vertical;max-height:45dvh;min-height:140px}.message-compose input::placeholder,.message-compose textarea::placeholder{color:var(--im-muted)}
.message-compose footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.message-compose footer a{font-size:12px;color:var(--im-accent)}.message-compose #compose-send{min-height:46px;padding:12px 20px;border:0;border-radius:10px;background:var(--im-accent);color:var(--im-on-accent);font:600 14px Arial,sans-serif}.message-compose [role=status]{font-size:13px;line-height:1.6;color:var(--im-muted)}
html[data-theme=dark] .message-compose{--im-bg:#1d2733;--im-text:#e7edf5;--im-muted:#a3b2c5;--im-field:#17212b;--im-line:#3a4656;--im-accent:#7ec8ff;--im-on-accent:#152638;color-scheme:dark}
html[data-theme=dark] .inbox-reply{background:#293e52;color:#7ec8ff;border-color:#3a4656}
@media(max-width:640px){.inbox-top .inbox-search{width:100%;min-width:0}.inbox-tabs button{padding:12px 14px}.message-compose{width:100%;max-width:none;height:var(--message-view-height,100dvh);max-height:none;inset:var(--message-view-top,0px) 0 auto;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border:0;border-radius:0}.message-compose footer{flex-wrap:wrap}.message-compose #compose-send{flex:1}.inbox-row.sent .inbox-full{padding-left:16px}}
.inbox-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.inbox-top h1{margin:0}
.inbox-search{display:flex;height:34px;min-width:min(320px,100%);border:1px solid #b9c2cf;border-radius:6px;overflow:hidden;background:#fff}
.inbox-search input{flex:1;min-width:0;border:0;padding:6px 10px;background:transparent;color:inherit}
.inbox-search button{border:0;border-left:1px solid #d5dbe4;background:#f1f4f8;color:#3b5f8f;width:38px;font-size:18px}
.inbox-tabs{display:flex;gap:6px;margin:16px 0 10px;border-bottom:1px solid #c7cfdb}
.inbox-tabs button{position:relative;top:1px;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0;background:transparent;color:#5a6779;padding:9px 18px;font-weight:600}
.inbox-tabs button[aria-pressed=true]{background:#fff;border-color:#c7cfdb;color:#1f4f96}
.inbox-count{display:inline-block;min-width:20px;margin-left:5px;padding:1px 6px;border-radius:10px;background:#d63d3d;color:#fff;font-size:11px;text-align:center}
.inbox-status{min-height:20px;color:#667184;font-size:13px;margin:10px 2px}
.inbox-status:empty{display:none}
.inbox-list{background:#fff;border:1px solid #cdd4df;border-radius:6px;overflow:hidden}
.inbox-list:empty{display:none}
.inbox-row{position:relative;display:grid;grid-template-columns:38px 1fr;align-items:start;border-bottom:1px solid #dde2ea}
.inbox-row:last-child{border-bottom:0}
.inbox-row:hover{background:#f4f7fb}
.inbox-check{width:17px;height:17px;margin:26px 0 0 16px;accent-color:#3b6fd6}
.inbox-dot{position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent}
.inbox-row.unread .inbox-dot{background:#3b82f6}
.inbox-open{grid-column:2;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:11px 16px 11px 4px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.inbox-open:focus-visible{outline:3px solid #f4b32c;outline-offset:-3px}
.inbox-pfp{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#e5ebf3}
.inbox-pfp canvas,.inbox-pfp img{display:block;width:100%;height:100%;object-fit:cover}
.inbox-logo{padding:9px;object-fit:contain!important;background:#4b80f7}
.inbox-line{display:flex;flex-direction:column;gap:3px;min-width:0}
.inbox-name{display:flex;align-items:center;gap:2px;font-weight:700;color:#1f2d40}
.inbox-name .account-badge{margin-left:4px}
.inbox-sub{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5d6b7e;font-size:13px}
.inbox-subject{color:#2b3a4f;font-weight:600}
.inbox-row.unread .inbox-subject,.inbox-row.unread .inbox-name{color:#0f2547}
.inbox-row.unread .inbox-preview{color:#3e4d62}
.inbox-date{align-self:start;font-size:12px;color:#6b788b;white-space:nowrap;padding-top:2px}
.inbox-full{grid-column:2;padding:0 20px 18px 70px}
.inbox-full[hidden]{display:none}
.inbox-body{margin:0 0 12px;line-height:1.65;color:#37475c;white-space:pre-wrap;overflow-wrap:anywhere}
.inbox-link,.inbox-profile{color:#2f6be0;font-weight:600;text-decoration:underline}
.inbox-profile{font-size:12px}
.inbox-row.open .inbox-sub{white-space:normal}
.inbox-row.open .inbox-preview{display:none}
.inbox-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.inbox-all{display:flex;align-items:center;gap:7px;font-size:13px;margin-right:4px}
.inbox-all input{width:17px;height:17px;accent-color:#3b6fd6}
.inbox-toolbar>button,.inbox-pager button{border:1px solid #a9b4c4;border-radius:4px;background:#fff;color:#2b3a4f;padding:7px 14px;font-size:13px;font-weight:600}
.inbox-toolbar>button:hover,.inbox-pager button:hover:not(:disabled){background:#eaf1fc;border-color:#3b82f6}
.inbox-pager{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:13px}
.inbox-pager button{padding:6px 12px;font-size:16px;line-height:1}
.inbox-pager button:disabled{opacity:.4;cursor:default}
/* Dark theme, matching the reference: charcoal rows on a darker panel. */
html[data-theme=dark] .inbox-search{background:#2b2d2f;border-color:#55595d}
html[data-theme=dark] .inbox-search button{background:#393b3d;border-color:#55595d;color:#c9d3e0}
html[data-theme=dark] .inbox-tabs{border-color:#4a4e52}
html[data-theme=dark] .inbox-tabs button{color:#aeb7c4}
html[data-theme=dark] .inbox-tabs button[aria-pressed=true]{background:#393b3d;border-color:#4a4e52;color:#fff}
html[data-theme=dark] .inbox-status{color:#aeb7c4}
html[data-theme=dark] .inbox-list{background:#393b3d;border-color:#4a4e52}
html[data-theme=dark] .inbox-row{border-color:#4d5155}
html[data-theme=dark] .inbox-row:hover{background:#43464a}
html[data-theme=dark] .inbox-row.unread{background:#3f4550}
html[data-theme=dark] .inbox-pfp{background:#2c2e30}
html[data-theme=dark] .inbox-name,html[data-theme=dark] .inbox-subject{color:#f3f6fa}
html[data-theme=dark] .inbox-sub,html[data-theme=dark] .inbox-date,html[data-theme=dark] .inbox-row.unread .inbox-preview{color:#b4bcc8}
html[data-theme=dark] .inbox-row.unread .inbox-subject,html[data-theme=dark] .inbox-row.unread .inbox-name{color:#fff}
html[data-theme=dark] .inbox-body{color:#e0e6ee}
html[data-theme=dark] .inbox-link,html[data-theme=dark] .inbox-profile{color:#7db1ff}
html[data-theme=dark] .inbox-toolbar>button,html[data-theme=dark] .inbox-pager button{background:#2b2d2f;color:#eef2f7;border-color:#6a6f75}
html[data-theme=dark] .inbox-toolbar>button:hover,html[data-theme=dark] .inbox-pager button:hover:not(:disabled){background:#43464a;border-color:#8fb4f5}
@media(max-width:640px){
  .inbox-open{grid-template-columns:44px minmax(0,1fr);gap:10px}
  .inbox-pfp{width:42px;height:42px}
  .inbox-date{grid-column:2;padding:0}
  .inbox-full{padding:0 14px 16px 14px}
  .inbox-pager{margin-left:0;width:100%}
}

body:has(#message-compose[open]){overflow:hidden}