/* PHASE 9.1 – OUTLOOK / TEAMS STYLE INBOX */

.sidebar-inbox-link{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:10px
}
.inbox-unread-badge{
    min-width:20px;
    height:20px;
    padding:0 6px;
    box-sizing:border-box;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#e51b23;
    color:#fff;
    font-size:10px;
    font-weight:950;
    box-shadow:0 0 0 3px rgba(229,27,35,.12)
}
.inbox-unread-badge[hidden]{display:none}

.mail-shell{
    height:calc(100vh - 40px);
    min-height:650px;
    display:grid;
    grid-template-columns:390px minmax(0,1fr);
    overflow:hidden;
    border:1px solid #242a35;
    border-radius:14px;
    background:#0d1015
}
.mail-list-pane{
    min-width:0;
    display:flex;
    flex-direction:column;
    border-right:1px solid #242a35;
    background:#0b0e13
}
.mail-list-head{
    min-height:82px;
    padding:18px 17px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #242a35
}
.mail-list-head h1{font-size:22px;margin:3px 0 0}
.mail-count{
    min-width:30px;height:30px;display:grid;place-items:center;
    border-radius:999px;background:#171c24;color:#98a2b4;font-size:11px;font-weight:850
}
.mail-list{overflow:auto}
.mail-item{
    position:relative;
    min-height:105px;
    padding:14px 12px 14px 24px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    color:inherit;
    text-decoration:none;
    border-bottom:1px solid #1d232d;
    background:#0d1015
}
.mail-item:hover{background:#121720}
.mail-item.is-selected{background:#171c25;box-shadow:inset 3px 0 #e51b23}
.mail-item.is-unread{background:#111722}
.mail-unread-dot{
    display:none;
    position:absolute;
    left:9px;top:22px;
    width:7px;height:7px;border-radius:50%;background:#e51b23
}
.mail-item.is-unread .mail-unread-dot{display:block}
.mail-item.is-unread .mail-item-top strong,
.mail-item.is-unread .mail-subject{color:#fff;font-weight:900}
.mail-item-top{display:flex;justify-content:space-between;gap:10px}
.mail-item-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-item-top time{color:#697487;font-size:10px;white-space:nowrap}
.mail-subject{margin-top:5px;font-size:13px;color:#c8cfdb}
.mail-preview{margin-top:5px;font-size:11px;color:#737f93}
.mail-status{
    align-self:start;
    padding:5px 7px;
    border:1px solid #333b48;
    border-radius:999px;
    font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap
}
.mail-status-pending{color:#f2d169;border-color:#6d581d;background:#29220d}
.mail-status-accepted{color:#5ce38f;border-color:#255d3a;background:#10271a}
.mail-status-rejected{color:#ff8091;border-color:#72303a;background:#30151b}
.mail-status.large{font-size:10px;padding:7px 10px}

.mail-reader{
    min-width:0;
    overflow:auto;
    padding:28px;
    background:#101319
}
.mail-reader-head{
    display:flex;justify-content:space-between;align-items:flex-start;gap:20px;
    padding-bottom:20px;border-bottom:1px solid #262d38
}
.mail-reader-head h2{font-size:30px;margin:4px 0}
.mail-reader-head p{margin:0;color:#7f899a;font-size:12px}
.mail-values{
    display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0 9px
}
.mail-values>div,.mail-players{
    padding:13px;border:1px solid #272e39;border-radius:9px;background:#0a0d12
}
.mail-values span,.mail-players span{
    display:block;margin-bottom:3px;color:#778295;font-size:10px;text-transform:uppercase
}
.mail-players{margin-bottom:18px}
.mail-proof{margin-top:18px}
.mail-section-title{margin-bottom:8px;font-size:11px;color:#8a95a7;text-transform:uppercase;font-weight:900}
.mail-proof img{
    display:block;width:100%;max-height:540px;object-fit:contain;
    border:1px solid #29313c;border-radius:11px;background:#07090c
}
.mail-review-actions{
    display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;
    margin-top:18px;padding-top:18px;border-top:1px solid #262d38
}
.mail-review-actions form{margin:0}
.mail-reject-form{display:flex;gap:8px}
.mail-reject-form input{
    flex:1;min-width:0;padding:10px 11px;border:1px solid #303846;border-radius:8px;
    background:#090b10;color:#fff
}
.mail-reviewed{
    margin-top:18px;padding:13px 14px;border-radius:9px;border:1px solid #2c3440
}
.mail-reviewed strong{display:block;margin-bottom:3px}
.mail-reviewed span{color:#8b96a8;font-size:12px}
.mail-reviewed.accepted{background:#10271a;border-color:#235d39;color:#68e394}
.mail-reviewed.rejected{background:#30151b;border-color:#71303a;color:#ff8594}
.mail-reviewed p{margin:8px 0 0;color:inherit}
.mail-reader-empty{
    height:100%;display:grid;place-content:center;text-align:center;color:#788396
}
.mail-reader-empty strong{color:#d8dde6;font-size:18px}
.mail-reader-empty span{margin-top:5px;font-size:12px}

.review-conflict-overlay{
    position:fixed;inset:0;z-index:2147483646;
    display:grid;place-items:center;padding:20px;
    background:rgba(0,0,0,.7);backdrop-filter:blur(4px)
}
.review-conflict-overlay[hidden]{display:none}
.review-conflict-card{
    width:min(470px,calc(100vw - 40px));
    padding:22px;box-sizing:border-box;
    border:1px solid #71333a;border-radius:14px;
    background:#11141a;box-shadow:0 30px 100px rgba(0,0,0,.7)
}
.review-conflict-icon{
    width:42px;height:42px;margin-bottom:12px;
    display:grid;place-items:center;border-radius:50%;
    background:#3a171d;color:#ff7d8c;font-size:24px;font-weight:950
}
.review-conflict-card h3{margin:4px 0 7px;font-size:23px}
.review-conflict-card p{margin:0 0 14px;color:#9da7b8}
.review-conflict-values{
    display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:15px
}
.review-conflict-values>div{
    padding:9px 10px;border:1px solid #272e39;border-radius:8px;background:#0a0d12
}
.review-conflict-values span{display:block;color:#737e91;font-size:9px;text-transform:uppercase}
.review-conflict-values strong{display:block;margin-top:2px}
.review-conflict-card button{width:100%}

@media(max-width:1000px){
    .mail-shell{grid-template-columns:320px minmax(0,1fr)}
    .mail-values{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
    .mail-shell{height:auto;min-height:0;grid-template-columns:1fr}
    .mail-list-pane{max-height:380px;border-right:0;border-bottom:1px solid #242a35}
    .mail-reader{padding:18px}
    .mail-review-actions{grid-template-columns:1fr}
    .mail-reject-form{flex-direction:column}
}

.mail-player-kills{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
    gap:7px;
    margin-top:8px;
}
.mail-player-kills>div{
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:8px 10px;
    border:1px solid #272e39;
    border-radius:8px;
    background:#080b0f;
}
.mail-player-kills>div span{
    display:inline;
    margin:0;
    color:#a4adbc;
    font-size:11px;
    text-transform:none;
}
.mail-player-kills .mail-kills-total{
    border-color:#653039;
    background:#1b1014;
}


/* =========================================================
   USER INPUT SIGNAL VALUES
   Benutzereingaben = Underground-Customs-Rot
   Systemwerte       = Weiß
   ========================================================= */

/* Linke Nachrichtenliste */
.mail-preview{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;
    line-height:1.35;
}

.mail-user-signal{
    color:#ff343c;
    font-weight:950;
}

.mail-preview-sep{
    color:#596476;
}

.mail-server-value{
    color:#a6afbd;
    font-weight:750;
}

/* Hauptwerte */
.mail-values>div{
    min-height:64px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.mail-values>div>strong{
    margin-top:2px;
    color:#f7f8fa;
    font-size:18px;
    font-weight:950;
    line-height:1.1;
}

.mail-values .mail-value-user-card{
    border-color:rgba(229,27,35,.42);
    background:
        linear-gradient(180deg,rgba(229,27,35,.08),rgba(10,13,18,1) 75%);
}

.mail-values .mail-value-user{
    color:#ff343c;
    font-size:24px;
    font-weight:1000;
    letter-spacing:-.02em;
    text-shadow:0 0 18px rgba(229,27,35,.10);
}

.mail-values .mail-value-team{
    color:#fff;
    font-size:19px;
    font-weight:950;
}

.mail-values .mail-value-system{
    color:#fff;
    font-size:19px;
    font-weight:950;
}

.mail-values .mail-value-points{
    font-size:22px;
}

/* Spieler / Kills */
.mail-player-kills>div{
    min-height:52px;
    align-items:center;
    padding:11px 13px;
}

.mail-player-kills .mail-player-name{
    color:#fff;
    font-size:15px;
    font-weight:950;
    letter-spacing:.01em;
}

.mail-player-kills>div .mail-player-user-kills{
    display:inline;
    margin:0;
    color:#ff343c;
    font-size:16px;
    font-weight:1000;
    text-transform:uppercase;
    letter-spacing:.01em;
}

.mail-player-kills .mail-kills-total{
    border-color:rgba(229,27,35,.52);
    background:
        linear-gradient(180deg,rgba(229,27,35,.12),rgba(27,16,20,1));
}

.mail-player-kills .mail-kills-total .mail-player-name{
    font-size:16px;
}

.mail-player-kills .mail-player-total-kills{
    font-size:18px;
}

/* Nutzerwerte sollen bei Auswahl noch deutlicher sein */
.mail-item.is-selected .mail-user-signal{
    color:#ff3d45;
}

/* Kleine Screens */
@media(max-width:760px){
    .mail-values>div>strong{
        font-size:17px;
    }

    .mail-values .mail-value-user{
        font-size:22px;
    }

    .mail-player-kills .mail-player-name{
        font-size:14px;
    }

    .mail-player-kills>div .mail-player-user-kills{
        font-size:15px;
    }
}

/* V28.1 INBOX LEFT PANE SCROLL */
@media(min-width:761px){
    .mail-list-pane{
        min-height:0;
        overflow:hidden;
    }
    #bulkInboxForm{
        flex:1 1 auto;
        min-height:0;
        display:flex;
        flex-direction:column;
        overflow:hidden;
    }
    #bulkInboxForm .inbox-bulk-bar{
        flex:0 0 auto;
    }
    #bulkInboxForm .mail-list{
        flex:1 1 auto;
        min-height:0;
        max-height:none;
        overflow-y:auto;
        overflow-x:hidden;
        overscroll-behavior:contain;
        scrollbar-gutter:stable;
        scrollbar-width:thin;
        scrollbar-color:rgba(229,27,35,.55) rgba(255,255,255,.035);
    }
    #bulkInboxForm .mail-list::-webkit-scrollbar{width:8px}
    #bulkInboxForm .mail-list::-webkit-scrollbar-thumb{
        background:rgba(229,27,35,.55);
        border-radius:999px;
    }
    #bulkInboxForm .mail-list::-webkit-scrollbar-track{
        background:rgba(255,255,255,.035);
        border-radius:999px;
    }
}