.wm-ov{position:fixed;inset:0;z-index:9500;background:rgba(6,8,14,.62);display:flex;align-items:center;justify-content:center;padding:24px}
.wm-box{width:min(940px,96vw);height:min(82vh,760px);background:#12141d;border:1px solid #262a3c;border-radius:16px;
  display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.5);color:#e7e9f0}
.wm-head{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #23263a;background:#161826}
.wm-title{font-size:16px;font-weight:600}
.wm-adr{font-size:13px;color:#8e93ad;background:#1c1f2e;border:1px solid #2a2e44;padding:5px 11px;border-radius:8px;margin-left:2px}
.wm-x{margin-left:auto;background:transparent;border:none;color:#9aa0bd;font-size:26px;line-height:1;cursor:pointer;padding:0 6px}
.wm-x:hover{color:#fff}

.wm-bar{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid #23263a;background:#13151f;flex-wrap:wrap}
.wm-bar-sp{flex:1}
.wm-tab{background:transparent;border:1px solid transparent;color:#aeb3cc;border-radius:9px;padding:7px 13px;font-size:13.5px;font-weight:600;cursor:pointer}
.wm-tab:hover{background:#1c1f2e}
.wm-tab.an{background:#1e2030;color:#fff;border-color:#33384f}
.wm-badge{display:inline-block;min-width:18px;text-align:center;background:#6366f1;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 6px;margin-left:5px}
.wm-btn{background:#1c1f2e;border:1px solid #2c3047;color:#cdd2e6;border-radius:9px;padding:7px 14px;font-size:13.5px;font-weight:600;cursor:pointer;transition:.14s}
.wm-btn:hover{background:#262a3d;color:#fff}
.wm-btn.ng{background:#6366f1;border-color:#6366f1;color:#fff}
.wm-btn.ng:hover{background:#7679f5}
.wm-btn:disabled{opacity:.55;cursor:default}

.wm-body{flex:1;overflow:auto;padding:0}
.wm-leer{padding:40px 24px;text-align:center;color:#8b90a8;font-size:14px;line-height:1.6}

.wm-list{display:flex;flex-direction:column}
.wm-row{text-align:left;background:transparent;border:none;border-bottom:1px solid #1d2030;color:#dfe2ee;padding:13px 18px;cursor:pointer}
.wm-row:hover{background:#171a27}
.wm-row.neu{background:#15182a}
.wm-row-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:3px}
.wm-from{font-weight:600;font-size:14px}
.wm-row.neu .wm-from::before{content:"●";color:#6366f1;font-size:11px;margin-right:7px;vertical-align:1px}
.wm-time{font-size:12px;color:#777c96;white-space:nowrap}
.wm-subj{font-size:13px;color:#9aa0bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wm-read,.wm-compose,.wm-kont{padding:18px 22px}
.wm-back{background:transparent;border:none;color:#9aa0d8;font-size:13.5px;font-weight:600;cursor:pointer;padding:0;margin-bottom:14px}
.wm-back:hover{color:#fff}
.wm-rsubj{font-size:19px;font-weight:600;margin-bottom:6px}
.wm-rmeta{font-size:12.5px;color:#8b90a8;margin-bottom:14px}
.wm-reply{margin-bottom:14px}
.wm-rtext{font-size:14.5px;line-height:1.6;color:#dfe2ee;white-space:normal;word-break:break-word;border-top:1px solid #23263a;padding-top:16px}

.wm-l{display:block;font-size:12px;color:#8b90a8;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 5px}
.wm-l:first-child{margin-top:0}
.wm-in,.wm-ta{width:100%;background:#0f111c;border:1px solid #2a2e44;color:#e7e9f0;border-radius:9px;padding:10px 12px;font:inherit;font-size:14px}
.wm-in:focus,.wm-ta:focus{outline:none;border-color:#6366f1}
.wm-ta{min-height:200px;resize:vertical;line-height:1.5}
.wm-chk{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:#aeb3cc;cursor:pointer}
.wm-cact{display:flex;align-items:center;gap:10px;margin-top:16px}
.wm-cmsg{font-size:13px;color:#8b90a8}
.wm-cmsg.ok{color:#6ee7a0}
.wm-cmsg.fehler{color:#ff97a4}

.wm-kadd{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.wm-kadd .wm-in{flex:1;min-width:140px}
.wm-klist{display:flex;flex-direction:column;gap:8px}
.wm-krow{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#161826;border:1px solid #23263a;border-radius:10px;padding:11px 14px}
.wm-kn{font-weight:600;font-size:14px}
.wm-ke{font-size:12.5px;color:#8b90a8}
.wm-kact{display:flex;gap:6px}
.wm-kmail-btn,.wm-kdel{background:#1c1f2e;border:1px solid #2c3047;color:#cdd2e6;border-radius:8px;padding:6px 10px;font-size:14px;cursor:pointer}
.wm-kmail-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1}
.wm-kdel:hover{background:#3a1c22;color:#ff97a4;border-color:#5e2a33}

@media (max-width:640px){
  .wm-ov{padding:0}
  .wm-box{width:100vw;height:100vh;border-radius:0;border:none}
}