.msg-content-head{padding-bottom:15px;padding-top:22px}
.msg-content-head h1{font-size:24px}
.msg-page{grid-template-columns:170px minmax(0,1fr);height:auto;margin-bottom:16px;min-height:0}
.msg-sidebar{padding:8px 0}
.msg-sidebar button{padding:10px 18px}
.msg-list{display:grid;grid-template-rows:auto auto;min-width:0;overflow:hidden;position:relative}
.msg-table{min-height:0}
.msg-row{align-items:center;appearance:none;background:#fff;border:0;border-bottom:1px solid #e5eaf2;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:58px minmax(0,1fr);min-height:48px;padding:5px 16px;text-align:left;width:100%}
.msg-row:hover{background:#f7f9ff}
.msg-row .msg-type-badge{justify-content:center;margin-top:0;white-space:nowrap}
.msg-row .msg-content{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(150px,.8fr) minmax(180px,1.6fr) 142px;min-width:0}
.msg-row .msg-content b,.msg-row .msg-content p,.msg-row .msg-content small{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg-row .msg-content b{font-size:12px}
.msg-row .msg-content p{font-size:11px;line-height:1.35}
.msg-row .msg-content small{font-size:10px;text-align:right}
.msg-list.is-loading .msg-table{opacity:.58;pointer-events:none;transition:opacity .15s ease}
.msg-pagination{align-items:center;background:#fff;border-top:1px solid #e2e8f2;display:grid;gap:10px;grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);padding:10px 16px}
.msg-pagination-info,.msg-pagination-status{color:#718096;font-size:13px;white-space:nowrap}
.msg-pagination-status{text-align:right}
.msg-page-buttons{align-items:center;display:flex;gap:6px;justify-content:center}
.msg-page-buttons button{appearance:none;background:#fff;border:1px solid #d7dfed;border-radius:7px;color:#42526d;cursor:pointer;font:600 12px/1 system-ui,sans-serif;height:30px;min-width:30px;padding:0 9px;transition:border-color .15s ease,background .15s ease,color .15s ease}
.msg-page-buttons button:hover:not(:disabled){background:#edf3ff;border-color:#93b0ee;color:#2458c6}
.msg-page-buttons button.active{background:#315fdd;border-color:#315fdd;color:#fff}
.msg-page-buttons button:disabled{cursor:not-allowed;opacity:.42}
.msg-page-ellipsis{color:#8c99ad;min-width:22px;text-align:center}
.msg-load-error{background:#fff;border:1px solid #e3e8f1;border-radius:12px;margin:32px;padding:40px;text-align:center}
.msg-load-error b{color:#24324a;font-size:18px}
.msg-load-error p{color:#75839a;margin:8px 0 18px}
.msg-load-error button{background:#315fdd;border:0;border-radius:8px;color:#fff;cursor:pointer;padding:10px 18px}
.bell-item{appearance:none;border:0;text-align:left;width:100%}
@media(max-width:1180px){.msg-row .msg-content{gap:12px;grid-template-columns:minmax(120px,.8fr) minmax(140px,1.5fr) 128px}.msg-pagination{grid-template-columns:auto 1fr auto}.msg-page-buttons{flex-wrap:wrap}}