.modal-dialog[data-v-53c462fc]{max-width:600px}.modal-content[data-v-53c462fc]{border:1px solid var(--color-gray-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-header[data-v-53c462fc]{border-bottom:1px solid var(--color-gray-light)}.modal-title[data-v-53c462fc]{color:var(--color-text-black);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold)}.modal-body[data-v-53c462fc]{max-height:60vh;overflow-y:auto;padding:1rem}.empty-state[data-v-53c462fc]{color:var(--color-gray-medium);font-size:var(--font-size-body);padding:48px 24px;text-align:center}.broadcast-list[data-v-53c462fc]{display:flex;flex-direction:column}.broadcast-item[data-v-53c462fc]{border-bottom:1px solid var(--color-gray-light);margin-bottom:0;padding:0;transition:background-color .2s ease}.broadcast-item.expanded[data-v-53c462fc]{background-color:var(--color-gray-lighter)}.broadcast-item[data-v-53c462fc]:last-child{border-bottom:none}.broadcast-header[data-v-53c462fc]{border-radius:var(--radius-md);cursor:pointer;padding:16px;transition:background-color .2s ease}.broadcast-header[data-v-53c462fc]:hover{background-color:var(--color-gray-lighter)}.broadcast-item.expanded .broadcast-header[data-v-53c462fc]:hover{background-color:transparent}.unread-dot[data-v-53c462fc]{background-color:var(--color-primary);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.expand-btn[data-v-53c462fc]{align-items:center;background:none;border:none;color:var(--color-gray-medium);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:color .2s ease,transform .2s ease}.expand-btn[data-v-53c462fc]:hover{color:var(--color-black)}.expand-btn svg[data-v-53c462fc]{transition:transform .2s ease}.expand-btn svg.rotated[data-v-53c462fc]{transform:rotate(180deg)}.broadcast-title[data-v-53c462fc]{color:var(--color-black);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:1.5;margin:0}.broadcast-content[data-v-53c462fc]{color:var(--color-gray-dark);font-size:var(--font-size-body-sm);line-height:1.6;margin-top:0;padding:0 16px 16px;white-space:pre-wrap;word-break:break-word}.modal-footer[data-v-53c462fc]{border-top:none;display:flex;justify-content:flex-end}@media(max-width:575.98px){.modal-dialog[data-v-53c462fc]{margin:.5rem}.broadcast-header[data-v-53c462fc]{padding:12px}.broadcast-content[data-v-53c462fc]{padding:0 12px 12px}.modal-body[data-v-53c462fc]{max-height:70vh}}.nav-link[data-v-eb31c5d5]{color:var(--color-light-black)}.nav-link[data-v-eb31c5d5]:hover{background-color:var(--color-gray-lighter);border-radius:10px}.notification-badge[data-v-eb31c5d5]{background-color:var(--color-danger);border-radius:10px;color:var(--color-text-white);font-size:var(--font-size-mini);font-weight:var(--font-weight-semibold);line-height:1.2;min-width:16px;padding:2px 5px;position:absolute;right:0;text-align:center;top:0}[data-v-eb31c5d5] .notification-dropdown-menu{border:1px solid var(--color-gray-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;min-width:400px;overflow:hidden;padding:0}[data-v-eb31c5d5] .notification-dropdown-menu .notification-header+.dropdown-divider{margin-top:0}.notification-header[data-v-eb31c5d5]{align-items:center;background-color:var(--color-gray-lighter);display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 16px}.notification-tabs[data-v-eb31c5d5]{display:flex;flex:1;gap:4px}.notification-tab[data-v-eb31c5d5]{background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-medium);cursor:pointer;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);padding:6px 12px;position:relative;transition:var(--transition-base)}.notification-tab[data-v-eb31c5d5]:hover{background-color:var(--color-white);color:var(--color-black)}.notification-tab.active[data-v-eb31c5d5]{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.broadcast-dot[data-v-eb31c5d5]{background-color:var(--color-danger);border-radius:50%;height:6px;position:absolute;right:2px;top:2px;width:6px}.mark-all-read[data-v-eb31c5d5]{color:var(--color-primary);font-size:var(--font-size-body-sm);padding:6px 0 2px;text-decoration:none}.mark-all-read[data-v-eb31c5d5]:hover{text-decoration:underline}.notification-empty[data-v-eb31c5d5]{color:var(--color-gray-medium);font-size:var(--font-size-body);padding:32px 16px;text-align:center}.notification-item[data-v-eb31c5d5]{align-items:flex-start;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:var(--transition-base)}.notification-item[data-v-eb31c5d5]:hover{background-color:var(--color-gray-lighter)}.notification-item.unread[data-v-eb31c5d5],.notification-item.unread[data-v-eb31c5d5]:hover{background-color:var(--color-primary-light)}.notification-item.unread[data-v-eb31c5d5]:hover{opacity:.9}.notification-item.unread .notification-item-title[data-v-eb31c5d5]{font-weight:var(--font-weight-semibold)}.notification-content[data-v-eb31c5d5]{flex:1;min-width:0}.notification-item-title[data-v-eb31c5d5]{color:var(--color-black);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-desc[data-v-eb31c5d5]{color:var(--color-gray-medium);display:-webkit-box;font-size:var(--font-size-body-sm);-webkit-line-clamp:2;margin-bottom:4px;-webkit-box-orient:vertical;overflow:hidden}.notification-item-time[data-v-eb31c5d5]{color:var(--color-gray-medium);font-size:var(--font-size-caption)}.unread-dot[data-v-eb31c5d5]{background-color:var(--color-primary);border-radius:50%;flex-shrink:0;height:8px;margin-left:8px;margin-top:6px;width:8px}.view-all-link[data-v-eb31c5d5]{color:var(--color-primary);display:block;font-size:var(--font-size-body);padding:12px 16px;text-align:center;text-decoration:none;transition:var(--transition-base)}.view-all-link[data-v-eb31c5d5]:hover{background-color:var(--color-gray-lighter);color:var(--color-primary)}@media(max-width:479.98px){[data-v-eb31c5d5] .notification-dropdown-menu{border-radius:0 0 var(--radius-lg) var(--radius-lg);left:0!important;max-height:70vh;min-width:unset;overflow-y:auto;position:fixed!important;right:0!important;top:48px!important}}
