.inbox-trigger { position:relative; width:40px; height:40px; flex-shrink:0; display:grid; place-items:center; border:1px solid #ffffff10; border-radius:12px; background:#ffffff04; color:#a5aec3; cursor:pointer; }
.inbox-trigger:hover { background:#8b70ef18; color:#e2dafa; }
.inbox-trigger svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.inbox-badge { position:absolute; top:-5px; right:-5px; min-width:18px; padding:2px 4px; border-radius:10px; background:#aa78ef; color:#fff; font-size:10px; font-weight:700; line-height:14px; }
.inbox-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; }
.inbox-heading h1 { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin:10px 0; font-size:30px; }
.inbox-heading p { color:#8e9bb5; line-height:1.8; margin:0; }
.inbox-count { font-size:12px; font-weight:500; border:1px solid #a889ef35; color:#c3aff9; background:#a889ef10; padding:5px 10px; border-radius:20px; }
.inbox-count:empty { display:none; }
.inbox-actions { display:flex; gap:10px; flex-shrink:0; }
.inbox-filters { display:flex; gap:6px; margin-bottom:18px; }
.inbox-filters button { border:1px solid transparent; background:transparent; color:#98a6be; padding:10px 18px; border-radius:10px; cursor:pointer; font:inherit; }
.inbox-filters button.active { color:#d4c2fd; background:#9874f219; border-color:#9874f235; }
.inbox-workspace { display:grid; grid-template-columns:minmax(260px, .85fr) minmax(0,1.6fr); gap:20px; align-items:start; }
#inbox-sidebar { min-width:0; }
#inbox-list { display:grid; gap:8px; }
.inbox-message { width:100%; min-width:0; position:relative; text-align:left; padding:18px 20px; background:#111827; border:1px solid #ffffff09; border-radius:14px; color:#d4dbea; font:inherit; cursor:pointer; }
.inbox-message:hover,.inbox-message.is-selected { border-color:#9874f260; background:#9874f210; }
.inbox-message-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-bottom:10px; color:#7e8ba3; font-size:11px; }
.inbox-message strong { display:block; margin-right:10px; font-size:15px; font-weight:500; overflow-wrap:anywhere; }
.inbox-message.is-unread strong { font-weight:700; color:#eef0fb; }
.inbox-message p { color:#8090aa; font-size:12px; line-height:1.7; margin:8px 0 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.inbox-message-dot { display:none; position:absolute; top:49px; right:14px; width:6px; height:6px; background:#b194f5; border-radius:50%; }
.inbox-message.is-unread .inbox-message-dot { display:block; }
.inbox-detail { min-width:0; min-height:380px; padding:32px; border:1px solid #ffffff0d; border-radius:18px; background:#111827; }
.inbox-detail-meta { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; font-size:12px; color:#8695af; margin-bottom:18px; }
.inbox-detail h2 { font-size:23px; line-height:1.5; margin:0 0 24px; overflow-wrap:anywhere; }
.inbox-detail h2:focus { outline:none; }
.inbox-body { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.9; font-size:14px; color:#bdc8dd; }
.inbox-detail-footer { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; margin-top:32px; padding-top:20px; border-top:1px solid #ffffff0c; }
.inbox-back { display:none; margin-bottom:24px; }
.inbox-placeholder,.inbox-empty { color:#8090aa; padding:50px 20px; text-align:center; line-height:1.8; }
.inbox-placeholder { padding-top:110px; }
.inbox-empty span { font-size:34px; color:#a298c1; }
.inbox-empty h3 { color:#bdc8dd; font-size:17px; margin:12px 0 6px; }
.inbox-empty p { font-size:13px; margin:0; }
.message-composer { max-width:850px; }
#admin-screen-messages .cms-panel-heading { margin-bottom:20px; }
#admin-screen-messages .cms-panel-heading p { color:#8e9bb5; font-size:13px; line-height:1.8; margin:8px 0 0; }
.message-compose-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; }
.message-form-footer { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin-top:20px; }
#admin-message-status { color:#99c7ba; font-size:13px; }
.message-history-heading { margin-top:32px; }
.message-history-item { padding:18px 20px; margin-bottom:10px; border:1px solid #ffffff0c; background:#111827; border-radius:12px; }
.message-history-item summary { display:flex; gap:15px; justify-content:space-between; cursor:pointer; color:#c8d2e6; }
.message-history-item summary strong { display:block; font-size:14px; overflow-wrap:anywhere; }
.message-history-item summary span span { display:block; color:#8695af; font-size:12px; margin-top:6px; }
.message-history-item time { color:#8695af; font-size:11px; flex-shrink:0; }
.message-history-item .inbox-body { padding-top:20px; margin-top:16px; border-top:1px solid #ffffff0b; }
.message-recipient-actions { display:flex; gap:8px; flex-wrap:wrap; }
.inbox-trigger:focus-visible,.inbox-message:focus-visible,.inbox-filters button:focus-visible,.message-history-item summary:focus-visible { outline:2px solid #b196f2; outline-offset:3px; }
[id^="inbox-"][hidden],[id^="admin-message-"][hidden],.inbox-badge[hidden] { display:none; }
@media(max-width:900px) { .inbox-workspace { grid-template-columns:minmax(0,1fr); } .inbox-detail { display:none; } .has-selected-message #inbox-sidebar { display:none; } .has-selected-message .inbox-detail { display:block; } .inbox-back { display:inline-flex; } }
@media(max-width:600px) { .inbox-heading { align-items:flex-start; flex-direction:column; gap:16px; } .inbox-heading h1 { font-size:25px; } .inbox-heading p { font-size:13px; } .inbox-detail { padding:22px 18px; } .message-compose-grid { grid-template-columns:minmax(0,1fr); gap:0; } .message-history-item summary { flex-direction:column; gap:10px; } .inbox-trigger { width:34px; height:34px; border-radius:10px; } }