/* Revision 158: Project Management Inbox (owner only). */
.hdr-inbox{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff);color:inherit;font:inherit;font-size:13px;font-weight:600;cursor:pointer;position:relative}
.hdr-inbox:hover{background:rgba(120,140,160,.14)}
.hdr-inbox .inbox-count{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#d9534f;color:#fff;font-size:11px;line-height:18px;text-align:center;font-weight:700}
.hdr-inbox .inbox-count[hidden]{display:none}
.modal.inbox-modal{width:min(980px,96vw);max-width:96vw;padding:0}
.inbox-modal .modal-head{padding:16px 20px 8px}
.inbox-window{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);height:min(620px,72vh);border-top:1px solid var(--line)}
.inbox-side{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}
.inbox-tabs{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line)}
.inbox-tabs button{border:1px solid var(--line);background:none;color:inherit;border-radius:999px;padding:4px 12px;font:inherit;font-size:12px;cursor:pointer;min-height:28px}
.inbox-tabs button.active{background:#169e7a;border-color:#169e7a;color:#fff}
.inbox-tabs button span:not(:empty){margin-left:4px;font-weight:700}
.inbox-list{overflow:auto;flex:1;min-height:0}
.inbox-row{display:flex;gap:10px;width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;font:inherit;cursor:pointer}
.inbox-row:hover,.inbox-row.active{background:rgba(22,158,122,.1)}
.inbox-dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:transparent}
.inbox-row.unread .inbox-dot{background:#169e7a}
.inbox-row-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.inbox-row-top{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.inbox-row-top time{font-size:11px;opacity:.65;white-space:nowrap}
.inbox-row-subject{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-row.unread .inbox-row-subject,.inbox-row.unread .inbox-row-top strong{font-weight:700}
.inbox-row-preview{font-size:12px;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-pane{overflow:auto;min-height:0;padding:18px 22px}
.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;min-height:160px;padding:20px;text-align:center;opacity:.7}
.inbox-detail h3{margin:8px 0 4px;font-size:18px}
.inbox-from{margin:0 0 14px;font-size:12px;opacity:.7}
.inbox-body{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.inbox-attachments{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.inbox-img{display:flex;flex-direction:column;gap:4px;max-width:100%;color:inherit;text-decoration:none}
.inbox-img img{max-width:100%;max-height:320px;border:1px solid var(--line);border-radius:10px;background:#fff}
.inbox-img small{font-size:11px;opacity:.7}
.inbox-file{padding:8px 12px;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none;font-size:13px}
.inbox-detail footer{margin-top:18px}
.inbox-back{display:none;margin-bottom:6px}
@media (max-width:760px){

 .inbox-window{grid-template-columns:1fr}
 .inbox-window .inbox-pane{display:none}
 .inbox-window.show-detail .inbox-side{display:none}
 .inbox-window.show-detail .inbox-pane{display:block}
 .inbox-back{display:inline-flex}
}
html[data-theme="dark"] .hdr-inbox{background:rgba(10,28,36,.88);border-color:rgba(160,220,225,.14)}
html[data-theme="dark"] .inbox-row:hover,html[data-theme="dark"] .inbox-row.active{background:rgba(47,168,143,.18)}
.inbox-foot{padding:10px 20px;border-top:1px solid var(--line)}
.mobile-navigation-bar:has(.hdr-inbox){display:flex;align-items:center;gap:8px}.mobile-navigation-bar .hdr-inbox{height:44px;min-height:44px;padding:0 13px}
.sidebar .app-version{padding:6px 14px 12px;font-size:11px;font-weight:600;opacity:.7;text-align:left}