#mailboxDialog{color:#e7ecef;background:#0e202a;border:1px solid #516e78;border-radius:12px;width:min(920px,94vw);max-height:90dvh;padding:20px;box-shadow:0 24px 80px #0009;overflow:auto;font-family:system-ui,sans-serif}#mailboxDialog::backdrop{background:#07121bd9}#mailboxDialog *{box-sizing:border-box}#mailboxDialog [hidden]{display:none!important}#mailboxDialog header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #385561;padding-bottom:10px}#mailboxDialog h2{margin:4px 0;font-size:25px}#mailboxDialog header small{color:#85cbd4;letter-spacing:2px}#mailboxDialog button{color:#e7ecef;background:#1b3642;border:1px solid #547380;border-radius:7px;min-height:44px;padding:8px 13px;cursor:pointer;font:inherit}#mailboxDialog button:focus-visible,#mailboxDialog input:focus-visible,#mailboxDialog textarea:focus-visible{outline:3px solid #e8c679;outline-offset:2px}#mailboxDialog button:disabled{opacity:.5;cursor:default}#mailboxDialog button.primary{background:#296b72;border-color:#69b4b5}.mailbox-entry{position:relative}.mailbox-badge{background:#c95641;color:#fff;border-radius:12px;padding:2px 6px;min-width:20px;display:inline-block;font-size:12px}.mailbox-notice{color:#e8c679;min-height:22px;margin:10px 0}#mailboxDialog nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mailbox-total{margin-left:auto;align-self:center;color:#9eb8c2;font-size:13px}.mailbox-content{display:grid;grid-template-columns:minmax(230px,35%) minmax(0,1fr);gap:16px}.mailbox-list{max-height:58dvh;overflow:auto;padding-right:4px}#mailboxDialog .mailbox-row{width:100%;display:block;text-align:left;margin-bottom:8px;background:#132c38;border-color:#284753}.mailbox-row span,.mailbox-row strong,.mailbox-row small{display:block;overflow-wrap:anywhere}.mailbox-row span{font-size:12px;color:#9eb8c2}.mailbox-row strong{font-size:15px;margin:5px 0}.mailbox-row small{font-size:11px;color:#93aeb9}#mailboxDialog .mailbox-row.unread{border-left:4px solid #e5bb67}#mailboxDialog .mailbox-row.selected{background:#224754;border-color:#83b8bd}.mailbox-detail{border:1px solid #385561;border-radius:9px;padding:18px;min-width:0;overflow-wrap:anywhere}.mailbox-detail h3{margin:8px 0;font-size:21px}.mailbox-detail time,.mailbox-sender{font-size:12px;color:#9eb8c2}.mailbox-body{white-space:pre-wrap;line-height:1.65;margin:20px 0}.mailbox-attachments{background:#132c38;border-radius:8px;padding:14px}.mailbox-attachments h4{margin-top:0}.mailbox-attachments p{margin:8px 0}.mailbox-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.mailbox-paging{display:flex;justify-content:center;gap:16px;align-items:center;margin-top:16px}.mailbox-compose>label{display:block;margin:12px 0}.mailbox-compose input:not([type=checkbox]),.mailbox-compose textarea{display:block;width:100%;padding:10px;background:#081a24;color:#e7ecef;border:1px solid #547380;border-radius:6px;margin-top:5px;font:inherit;min-height:44px}.mailbox-gear{max-height:180px;overflow:auto}.mailbox-gear label{display:flex;align-items:center;min-height:44px}.mailbox-gear input{width:20px;height:20px;margin-right:10px}.mailbox-transfer-note{color:#e8c679;font-size:13px}@media(max-width:600px){#mailboxDialog{padding:12px;width:96vw;max-height:92dvh}.mailbox-content{display:block}.mailbox-list{max-height:30dvh;margin-bottom:12px}.mailbox-total{width:100%;margin:0}.mailbox-detail{padding:14px}.mailbox-detail h3{font-size:18px}#mailboxDialog nav{gap:6px}.mailbox-body{font-size:14px}}

html body #mailboxDialog[open],html.window-fit body #mailboxDialog[open]{box-sizing:border-box;zoom:1!important;transform:none!important;width:min(920px,94vw)!important;max-width:calc(100vw - 16px)!important;max-height:90dvh!important;font-size:16px!important;line-height:1.5}
@media(max-width:600px){html body #mailboxDialog[open],html.window-fit body #mailboxDialog[open]{width:96vw!important;max-height:92dvh!important}}

/* Match native inventory artwork without expanding the letter layout. */
#mailboxDialog .mailbox-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:6px;list-style:none;padding:0;margin:8px 0}
#mailboxDialog .mailbox-item{display:flex;align-items:center;gap:8px;min-width:0;padding:6px;border:1px solid #365360;border-radius:7px;background:#0c202c}
#mailboxDialog .mailbox-item-art{display:block;flex:0 0 44px;width:44px;height:44px;padding:2px;border:1px solid var(--mail-item-color,#aac5ce);border-radius:5px;background:#06121c;box-shadow:inset 0 -2px var(--mail-item-color,#aac5ce)}
#mailboxDialog .mailbox-item-art .item-art{display:block;width:100%;height:100%;max-height:100%;background-image:url('assets/items/equipment-atlas-v1.png');background-size:600% 400%;background-position:var(--art-x) var(--art-y);background-repeat:no-repeat;pointer-events:none}
#mailboxDialog .mailbox-item-copy{min-width:0;display:grid;gap:3px}
#mailboxDialog .mailbox-item-copy strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#mailboxDialog .mailbox-item-copy small{color:#9db9c5;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
#mailboxDialog .mailbox-item-copy small b{color:#d4e5e8;font-weight:600}
#mailboxDialog .mailbox-gear{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:6px;max-height:210px;padding:2px}
#mailboxDialog .mailbox-gear .mailbox-item{cursor:pointer;min-height:58px}
#mailboxDialog .mailbox-gear .mailbox-item:has(input:checked){border-color:#87d9cf;background:#183e48}
#mailboxDialog .mailbox-gear input{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:#87d9cf}
#mailboxDialog .mailbox-attachments{padding:10px}
#mailboxDialog .mailbox-attachments h4{margin:0 0 6px}
@media(max-width:600px){#mailboxDialog .mailbox-item-grid{grid-template-columns:1fr}#mailboxDialog .mailbox-item-art{flex-basis:40px;width:40px;height:40px}}