/* Salem Mail + clickable chat @mentions. Scoped to prevent header regressions. */
/* Match the translucent Gold/Essence/SG currency chips in the top bar.
   Keep mail inside the currency row: never stretch it into a new header line. */
.header-currencies > #ssq-player-mail-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    min-width: 30px;
    width: 30px;
    min-height: 27px;
    height: 27px;
    padding: 3px 5px;
    border: 1px solid rgba(180, 139, 149, 0.42);
    border-radius: 999px;
    background: rgba(36, 38, 63, 0.28);
    color: #fff;
    font-size: 0.9rem;
    line-height: 1;
    cursor: pointer;
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
}
.header-currencies > #ssq-player-mail-button:hover,
.header-currencies > #ssq-player-mail-button:focus-visible {
    background: rgba(180, 139, 149, 0.18);
    border-color: rgba(214, 170, 238, 0.72);
}
#ssq-player-mail-unread {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 15px;
    padding: 1px 3px;
    border-radius: 20px;
    background: #edb9f7;
    color: #201128;
    font: bold 10px/1.1 sans-serif;
    text-align: center;
}
#ssq-player-mail-unread[hidden],#ssq-player-mail-modal[hidden],
.ssq-mail-composer[hidden],.ssq-mail-preview[hidden],
.ssq-mail-send[hidden] { display:none !important; }
.ssq-chat-mention {
    display:inline; border:0; padding:0; margin:0; background:transparent;
    color:#e7b5ff; text-decoration:underline; text-underline-offset:2px;
    font:inherit; font-weight:700; cursor:pointer;
}
.ssq-chat-mention:hover {color:#fff;}
.ssq-mail-backdrop {
    position:fixed; z-index:12000; inset:0; padding:16px;
    background:rgba(10,7,18,.82); display:flex; align-items:center; justify-content:center;
}
.ssq-mail-dialog {
    box-sizing:border-box; width:min(620px,100%); max-height:90dvh;
    overflow:auto; padding:20px;
    border:1px solid #9E629575; border-radius:18px;
    /* The shared scenic modal shell in style.css owns the background. */
    color:#f8ecff;
}
.ssq-mail-heading {
    box-sizing:border-box;
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin:-20px -20px 16px;
    padding:14px 20px 12px;
    border-radius:17px 17px 0 0;
}
.ssq-mail-heading h2 {margin:0;font-size:1.05rem;}
.ssq-mail-close {border:0;background:transparent;color:inherit;font-size:1.6rem;cursor:pointer;}
.ssq-mail-tabs,.ssq-mail-compose-actions {display:flex;gap:9px;flex-wrap:wrap;margin:13px 0;}
.ssq-mail-tabs button,.ssq-mail-secondary,.ssq-mail-send,.ssq-mail-view-player {
    border:1px solid rgba(158,98,149,.55);border-radius:8px;
    background:rgba(52,53,88,.78);color:#fff;
    padding:8px 13px;cursor:pointer;
}
.ssq-mail-tabs button.active {background:rgba(117,82,137,.90);border-color:#d6a0eb;}
.ssq-mail-list {max-height:38dvh;overflow-y:auto;display:grid;gap:8px;}
.ssq-mail-item {
    border:1px solid #9E629533;border-radius:10px;
    background:rgba(52,53,88,.72);padding:10px;
}
.ssq-mail-item.unread {
    border-color:rgba(216,167,237,.90);
    background:rgba(75,55,92,.83);
}
.ssq-mail-item-heading {border:0;background:transparent;color:inherit;width:100%;
    text-align:left;cursor:pointer;display:grid;gap:4px;padding:0;}
.ssq-mail-item-heading small {color:#c9b0d5;}
.ssq-mail-body,.ssq-mail-preview {white-space:pre-wrap;overflow-wrap:anywhere;
    line-height:1.5;color:#efe2f5;}
.ssq-mail-empty {color:#c9b0d5;}
.ssq-mail-status {min-height:1.2em;color:#cae4c4;}
.ssq-mail-status[data-error="true"] {color:#ffc4c4;}
.ssq-mail-composer {border-top:1px solid #9E629555;padding-top:12px;margin-top:18px;}
.ssq-mail-composer h3 {margin:0 0 4px;font-size:1.05rem;}
.ssq-mail-composer p {color:#d1c0df;font-size:.87rem;}
.ssq-mail-composer label {display:grid;gap:5px;margin:11px 0;font-size:.92rem;}
.ssq-mail-input,.ssq-mail-textarea {
    width:100%;box-sizing:border-box;border:1px solid #9f81ae;border-radius:8px;
    padding:10px;background:rgba(23,25,46,.84);color:#fff;font:inherit;
}
.ssq-mail-preview {border:1px solid #7a5a94;border-radius:8px;padding:12px;}
@media(max-width:700px) {
    .ssq-mail-backdrop {padding:6px;align-items:flex-end;}
    .ssq-mail-dialog {max-height:94dvh;border-radius:15px 15px 0 0;padding:14px;}
    .ssq-mail-heading {
        margin:-14px -14px 12px;
        padding:12px 14px;
        border-radius:14px 14px 0 0;
    }
    .header-currencies > #ssq-player-mail-button {
        width: 27px;
        min-width: 27px;
        height: 25px;
        min-height: 25px;
        padding: 2px 4px;
        font-size: 0.82rem;
    }
}

/* Recipient-only inbox removal. Never modify the top-bar mail chip. */
.ssq-mail-item-toolbar {display:flex;align-items:flex-start;gap:10px;}
.ssq-mail-item-toolbar .ssq-mail-item-heading {flex:1;min-width:0;}
.ssq-mail-remove,.ssq-mail-clear {
    flex:0 0 auto;border:1px solid #a080a9;border-radius:8px;
    background:#442f50;color:#f8e4f6;padding:7px 10px;
    font:inherit;font-size:.8rem;cursor:pointer;
}
.ssq-mail-remove:hover,.ssq-mail-clear:hover {background:#66416c;}
.ssq-mail-remove:disabled,.ssq-mail-clear:disabled {opacity:.55;cursor:default;}
.ssq-mail-clear {margin-left:auto;}
.ssq-mail-clear[hidden] {display:none !important;}