.agency-topbar-dropdown.agency-notifications-dropdown{width:min(360px,100vw - 24px);max-height:min(560px,100vh - 96px);overflow:hidden}.agency-notifications-dropdown-header{border-bottom:1px solid var(--agency-border);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 10px;display:flex}.agency-notifications-dropdown-header strong{color:var(--agency-text);font-size:13px;font-weight:850}.agency-notifications-dropdown-footer a,.agency-notifications-error button{color:var(--color-brand-primary);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:850;text-decoration:none}.agency-notifications-mark-all-btn{border:1px solid var(--agency-border);background:var(--agency-surface);width:30px;height:30px;color:var(--agency-text-muted);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.agency-notifications-mark-all-btn:hover,.agency-notifications-mark-all-btn:focus-visible{border-color:color-mix(in srgb, var(--color-brand-primary) 42%, var(--agency-border));background:color-mix(in srgb, var(--color-brand-primary) 9%, var(--agency-surface));color:var(--color-brand-primary);outline:none}.agency-notifications-mark-all-btn:disabled{cursor:not-allowed;opacity:.48}.agency-notifications-segmented{border:1px solid var(--agency-border);background:var(--agency-surface-muted);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:4px;margin:8px 0;padding:4px;display:grid}.agency-notifications-segmented button{min-height:30px;color:var(--agency-text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:11px;font-weight:850}.agency-notifications-segmented button.is-active{background:color-mix(in srgb, var(--color-brand-primary) 16%, var(--agency-surface));color:var(--color-brand-primary);box-shadow:var(--agency-card-shadow)}.agency-notifications-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-brand-primary) 32%, #cbd5e1) transparent;flex-direction:column;gap:6px;max-height:min(386px,100vh - 232px);padding:6px 0;display:flex;overflow-y:auto}.agency-notifications-list::-webkit-scrollbar{width:8px}.agency-notifications-list::-webkit-scrollbar-track{background:0 0}.agency-notifications-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-brand-primary) 32%, #cbd5e1);background-clip:content-box;border:2px solid #0000;border-radius:999px}.agency-notifications-dropdown-footer{border-top:1px solid var(--agency-border);justify-content:space-between;align-items:center;gap:12px;padding:9px 8px 2px;display:flex}.agency-notification-item{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:12px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;display:grid;position:relative}.agency-notification-item.is-compact{grid-template-columns:30px minmax(0,1fr) auto;padding:6px 8px}.agency-notification-item.is-openable{cursor:pointer;transition:background .14s,transform .14s}.agency-notification-item.is-openable:hover,.agency-notification-item.is-openable:focus-visible{background:color-mix(in srgb, var(--color-brand-primary) 8%, var(--agency-surface-muted));outline:none;transform:translateY(-1px)}.agency-notification-item.is-read{opacity:.78}.agency-notification-item.is-expired{opacity:.72}.agency-notification-item{border-left-color:color-mix(in srgb, var(--notification-priority-color) 55%, transparent)}.agency-notification-item.is-priority-high,.agency-notification-item.is-priority-critical{background:color-mix(in srgb, var(--notification-priority-color) 7%, transparent)}.agency-notification-module-icon{background:color-mix(in srgb, var(--color-brand-primary) 10%, var(--agency-surface));width:32px;height:32px;color:var(--color-brand-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.agency-notification-item.is-compact .agency-notification-module-icon{width:30px;height:30px}.agency-notification-status-dot{border:2px solid var(--agency-surface);background:var(--color-brand-primary);border-radius:999px;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.agency-notification-content{flex-direction:column;gap:3px;min-width:0;display:flex}.agency-notification-title-row{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.agency-notification-title-row strong{min-width:0;color:var(--agency-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;line-height:1.22;overflow:hidden}.agency-notification-title-row small{color:var(--agency-text-muted);white-space:nowrap;font-size:10px;font-weight:750}.agency-notification-meta-row{align-items:center;gap:6px;display:flex}.agency-notification-body{min-width:0;color:var(--agency-text-muted);white-space:nowrap;flex:1;font-size:11px;line-height:1.35;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 88%,#0000 100%)}.agency-notification-product-badge,.agency-notification-unavailable-badge{border:1px solid var(--agency-border);background:var(--agency-surface-muted);min-height:16px;color:var(--agency-text-muted);border-radius:999px;flex-shrink:0;align-items:center;padding:0 6px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.agency-notification-product-badge{border-color:color-mix(in srgb, var(--notification-product-color) 35%, var(--agency-border));background:color-mix(in srgb, var(--notification-product-color) 14%, var(--agency-surface));color:color-mix(in srgb, var(--notification-product-color) 75%, var(--agency-text))}.agency-notification-actions{min-height:24px;color:var(--agency-text-muted);align-items:center;gap:4px;display:inline-flex}.agency-notification-actions button,.agency-notification-archive-btn{border:1px solid var(--agency-border);background:var(--agency-surface);width:24px;height:24px;color:var(--agency-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.agency-notification-actions button:hover,.agency-notification-actions button:focus-visible,.agency-notification-archive-btn:hover,.agency-notification-archive-btn:focus-visible{border-color:color-mix(in srgb, var(--color-brand-primary) 42%, var(--agency-border));background:color-mix(in srgb, var(--color-brand-primary) 9%, var(--agency-surface));color:var(--color-brand-primary);outline:none}.agency-notification-actions button:disabled,.agency-notification-archive-btn:disabled{cursor:not-allowed;opacity:.5}.agency-notification-archive-btn{opacity:0;pointer-events:none;transition:opacity .14s,border-color .14s,background .14s,color .14s}.agency-notification-item:hover .agency-notification-archive-btn,.agency-notification-item:focus-within .agency-notification-archive-btn,.agency-notification-archive-btn:focus-visible{opacity:1;pointer-events:auto}@media (hover:none){.agency-notification-archive-btn{opacity:1;pointer-events:auto}}.agency-notifications-empty,.agency-notifications-error{color:var(--agency-text-muted);text-align:center;padding:20px 12px}.agency-notifications-empty-icon{background:color-mix(in srgb, var(--color-brand-primary) 10%, transparent);width:34px;height:34px;color:var(--color-brand-primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:9px;display:inline-flex}.agency-notifications-empty strong{color:var(--agency-text);font-size:13px;font-weight:850;display:block}.agency-notifications-empty p,.agency-notifications-error p{max-width:260px;margin:6px auto 0;font-size:12px;line-height:1.45}.agency-notifications-error button{margin-top:10px}.agency-notifications-loading{flex-direction:column;gap:10px;padding:8px 0;display:flex}.agency-notifications-loading-row{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:8px;display:grid}.agency-notifications-loading-row>span,.agency-notifications-loading-row>div span{background:linear-gradient(90deg, var(--agency-surface-muted), color-mix(in srgb, var(--color-brand-primary) 10%, var(--agency-surface-muted)), var(--agency-surface-muted));background-size:200% 100%;border-radius:999px;animation:1.2s ease-in-out infinite agency-notifications-skeleton;display:block}.agency-notifications-loading-row>span{border-radius:10px;width:34px;height:34px}.agency-notifications-loading-row>div{flex-direction:column;gap:8px;display:flex}.agency-notifications-loading-row>div span:first-child{width:62%;height:12px}.agency-notifications-loading-row>div span:last-child{width:88%;height:10px}@keyframes agency-notifications-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.settings-notifications-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.settings-notifications-toolbar .agency-settings-filter-select{min-width:148px}.settings-notifications-toolbar .settings-secondary-button{min-height:38px}.settings-notifications-header-action{flex-direction:column;align-items:flex-end;gap:6px;max-width:min(360px,100%);display:inline-flex}.settings-notifications-action-help{color:var(--agency-text-muted);text-align:right;font-size:11px;font-weight:650;line-height:1.35}.settings-notifications-list{flex-direction:column;gap:10px;display:flex}.settings-notifications-list .agency-notification-item{border:1px solid var(--agency-border);background:color-mix(in srgb, var(--agency-surface) 92%, var(--agency-surface-muted));border-left-width:3px;min-height:48px}.settings-notifications-pagination{justify-content:center;margin-top:14px;display:flex}@media (max-width:720px){.agency-notifications-dropdown-footer,.settings-notifications-toolbar{flex-direction:column;align-items:stretch}.settings-notifications-header-action{align-items:stretch}.settings-notifications-action-help{text-align:left}.settings-notifications-toolbar .agency-settings-filter-select,.settings-notifications-toolbar .settings-secondary-button{width:100%}}