.ntf-dropdown{flex-direction:column;max-height:520px;display:flex;border-radius:12px!important;width:400px!important}.ntf-dropdown:after,.ntf-dropdown:before{display:none}.ntf-head{direction:rtl;border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}[data-theme=dark] .ntf-head{border-bottom-color:#2d2d2d}.ntf-head-title{color:var(--text-main,#1e293b);align-items:center;gap:7px;font-size:14px;font-weight:800;display:inline-flex}.ntf-head-badge{color:#fff;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.ntf-head-action{color:#26ae61;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.ntf-head-action:hover{background:#26ae6114}.ntf-list{max-height:400px!important}.ntf-row{cursor:pointer;text-align:right;direction:rtl;background:#fff;border-bottom:1px solid #f1f3f5;align-items:flex-start;gap:12px;padding:12px 14px;transition:background-color .15s;display:flex;position:relative}[data-theme=dark] .ntf-row{background:#1e1e1e;border-bottom-color:#2d2d2d}.ntf-row:last-child{border-bottom:none}.ntf-row:hover{background:#f8fafc}[data-theme=dark] .ntf-row:hover{background:#252525}.ntf-row.is-unread{background:#f3faf6}[data-theme=dark] .ntf-row.is-unread{background:#26ae6114}.ntf-row:focus-visible{outline-offset:-2px;outline:2px solid #26ae61}.ntf-icon{border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.ntf-row:not(.is-compact) .ntf-icon{width:44px;height:44px}.ntf-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ntf-title{color:var(--text-main,#1e293b);font-size:13.5px;font-weight:800;line-height:1.5}[data-theme=dark] .ntf-title{color:#eee}.ntf-text{color:#5b6472;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.ntf-row:not(.is-compact) .ntf-text{-webkit-line-clamp:unset}.ntf-text.is-primary{color:var(--text-main,#1e293b);font-weight:600}[data-theme=dark] .ntf-text{color:#b8b8b8}[data-theme=dark] .ntf-text.is-primary{color:#eee}.ntf-rows{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.ntf-chip{color:#334155;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:11.5px}[data-theme=dark] .ntf-chip{color:#ccc;background:#2a2a2a}.ntf-meta{color:#94a3b8;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;display:flex}.ntf-cat{color:#64748b;font-weight:700}.ntf-dot-sep{opacity:.6}.ntf-cta{color:#26ae61;margin-inline-start:auto;font-weight:700}.ntf-unread-dot{background:#26ae61;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:6px;box-shadow:0 0 0 3px #26ae6126}.ntf-empty{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;display:flex}.ntf-empty p{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:700}.ntf-empty span{font-size:12px;line-height:1.6}.ntf-foot{justify-content:center!important}@media (max-width:520px){.ntf-dropdown{width:min(94vw,400px)!important}}@media (max-width:991px){.ntf-rows{min-width:0}.ntf-chip{overflow-wrap:anywhere;min-width:0;max-width:100%}.ntf-head-badge,.ntf-chip,.ntf-meta{font-size:12px}}