.fnnt-wrap { font-family: Arial, Helvetica, sans-serif; font-size: 12px; max-width: 680px; }
.fnnt-header { background: linear-gradient(180deg, #596EBB 0%, #1835A0 50%, #13297D 100%); color: #fff; font-size: 12px; font-weight: bold; padding: 4px 8px; border: 1px solid #122678; border-bottom: none; display: flex; justify-content: space-between; align-items: center; text-transform: uppercase; }
.fnnt-badge { background: linear-gradient(180deg, #D83D3D 0%, #CC0000 50%, #A30000 100%); color: #fff; font-size: 10px; font-weight: bold; padding: 1px 6px; min-width: 20px; text-align: center; border-radius: 2px; }
.fnnt-body { border: 1px solid #7F9DB9; background: #fff; }
.fnnt-toolbar { padding: 8px 10px; border-bottom: 1px solid #EEF2FF; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.fnnt-tab { padding: 3px 10px; border: 1px solid #7F9DB9; background: #fff; font-size: 11px; text-decoration: none; color: #1835A0; }
.fnnt-tab.active, .fnnt-tab:hover { background: linear-gradient(180deg, #596EBB 0%, #1835A0 50%, #13297D 100%); color: #fff; }
.fnnt-btn-sm { font-size: 11px; padding: 3px 8px; background: linear-gradient(180deg, #596EBB 0%, #1835A0 50%, #13297D 100%); color: #fff; border: none; cursor: pointer; font-family: Arial, Helvetica, sans-serif; }
.fnnt-btn-sm:hover { background: linear-gradient(180deg, #3F8BBD 0%, #0266A8 50%, #025286 100%); }
.fnnt-item { padding: 8px 10px; border-bottom: 1px solid #EEF2FF; display: flex; gap: 8px; align-items: flex-start; }
.fnnt-item.unread { background: #EEF2FF; }
.fnnt-item:hover { background: linear-gradient(180deg, #DBE6FF 0%, #D0DEFF 50%, #A6B2CC 100%); }
.fnnt-type-tag { font-size: 9px; font-weight: bold; padding: 1px 5px; border: 1px solid #7F9DB9; background: #fff; color: #1835A0; white-space: nowrap; flex-shrink: 0; margin-top: 1px; }
.fnnt-msg { flex: 1; font-size: 11px; color: #333; }
.fnnt-msg a { color: #0266A8; text-decoration: none; }
.fnnt-msg a:hover { text-decoration: underline; }
.fnnt-time { font-size: 10px; color: #666; white-space: nowrap; }
.fnnt-actions { display: flex; gap: 4px; flex-shrink: 0; }
.fnnt-empty { padding: 20px; text-align: center; color: #666; font-size: 11px; font-style: italic; }