.notification-menu.kgc-notification-redesign[data-slot=dropdown-menu-content]{--notification-canvas:#101519;--notification-surface:#181e24;--notification-border:#353d46;--notification-text:#f1f2f5;--notification-muted:#a3acb9;--notification-subtle:#8290a1;--notification-purple:var(--kgc-brand-accent);--notification-purple-bg:var(--kgc-surface-selected);--notification-neutral:var(--kgc-surface-raised);width:min(432px,100vw - 24px);max-height:min(650px,calc(100dvh - 100px),var(--radix-dropdown-menu-content-available-height));font-family:var(--font-body);flex-direction:column;display:flex;overflow:hidden;border:1px solid var(--notification-border)!important;background:var(--notification-surface)!important;color:var(--notification-text)!important;border-radius:12px!important;padding:0!important;box-shadow:0 14px 35px #0006!important}.kgc-notification-redesign .notification-menu-title{min-height:0;color:var(--notification-text);flex-shrink:0;gap:12px;padding:22px 20px 18px;font-size:17px;font-weight:700;line-height:24px}.kgc-notification-redesign .notification-menu-title .notification-new-count{color:#f5a055;background:#3b2b20;border-radius:7px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:400;line-height:16px}.notification-filter-wrap{flex-shrink:0;padding:0 20px 20px}.notification-filters{background:var(--notification-canvas);border-radius:7px;gap:4px;padding:4px;display:flex}.notification-filters button{color:var(--notification-muted);font:600 12px/18px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:7px 8px;transition:background .15s,color .15s}.notification-filters button[aria-pressed=true]{background:var(--notification-purple-bg);color:var(--notification-purple)}.notification-filters button:hover{color:var(--notification-text);background:#292d3a}.kgc-notification-redesign .notification-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#535b68 var(--notification-surface);flex:1;min-height:0;max-height:none;overflow-y:auto}.notification-date-group{background:var(--notification-canvas);color:var(--notification-subtle);text-transform:uppercase;letter-spacing:.02em;margin:0;padding:9px 20px;font-size:11px;font-weight:400;line-height:16px}.kgc-notification-redesign .notification-item{border:0;border-bottom:1px solid var(--notification-border);background:var(--notification-surface);width:100%;color:var(--notification-text);text-align:left;cursor:pointer;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:14px 20px;transition:background .15s;display:grid;position:relative}.kgc-notification-redesign .notification-list>div:last-child .notification-item{border-bottom:0}:is(.kgc-notification-redesign .notification-item:hover,.kgc-notification-redesign .notification-item:focus-visible){background:#292d3a}.kgc-notification-redesign .notification-item.is-read{background:var(--notification-surface);opacity:1}.kgc-notification-redesign .notification-item.is-read .notification-item-heading strong{color:#bdc4ce}.kgc-notification-redesign .notification-item-icon{background:var(--notification-neutral);width:32px;height:32px;color:var(--kgc-text-secondary);border-radius:9px;place-items:center;display:grid}.kgc-notification-redesign .notification-item-icon.tone-release{background:var(--kgc-status-success-background);color:var(--kgc-status-success-foreground)}.kgc-notification-redesign .notification-item-icon.tone-payment{color:#94b8e1;background:#233140}.kgc-notification-redesign .notification-item-icon.tone-partial{color:#f5a055;background:#3b2b20}.kgc-notification-redesign .notification-item-icon>img{width:18px;height:18px;display:block}.kgc-notification-redesign .notification-item-icon>svg{width:18px;height:18px}.notification-item-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.notification-item-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.kgc-notification-redesign .notification-item .notification-item-heading strong{overflow-wrap:anywhere;min-width:0;margin:0;font-size:14px;font-weight:700;line-height:20px;display:block}.notification-unread-dot{flex:0 0 6px;width:6px;height:6px;display:block}.kgc-notification-redesign .notification-item small{color:var(--notification-muted);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:400;line-height:19px}.notification-item-meta{flex-wrap:wrap;align-items:center;gap:5px 8px;min-width:0;display:flex}.notification-order-code{background:var(--notification-neutral);color:var(--kgc-text-secondary);white-space:nowrap;border-radius:5px;padding:3px 7px 2px;font-size:11px;line-height:16px}.notification-item-amount{color:var(--kgc-text-link);font-size:12px;font-weight:600;line-height:18px}.kgc-notification-redesign .notification-item time{color:var(--notification-subtle);white-space:nowrap;margin:0 0 0 auto;font-size:11px;font-weight:400;line-height:16px}.notification-read-footer{border-top:1px solid var(--notification-border);flex-shrink:0;padding:16px}.notification-read-footer button{background:var(--notification-neutral);width:100%;color:var(--kgc-text-secondary);font:600 12px/18px var(--font-body);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px;transition:background .15s;display:flex}.notification-read-footer button:hover:not(:disabled){background:var(--kgc-border-subtle);color:var(--kgc-text-primary)}.notification-read-footer button:disabled{background:var(--kgc-surface-disabled);color:var(--kgc-text-disabled);cursor:default}.notification-read-check{width:12px;height:10px;display:block}.kgc-notification-redesign button:focus-visible{outline:2px solid var(--kgc-focus-ring);outline-offset:-2px}.kgc-notification-redesign .notification-empty{min-height:170px;color:var(--notification-muted);padding:35px 20px;font-size:13px}.admin-notification-menu.kgc-notification-redesign .notification-item-icon:not(.tone-payment):not(.tone-partial):not(.tone-release){color:#f4c64d;background:#3b3320}@media (max-width:400px){.kgc-notification-redesign .notification-menu-title{padding:18px 16px 14px}.notification-filter-wrap{padding:0 16px 16px}.kgc-notification-redesign .notification-item{gap:10px;padding:14px 16px}.notification-date-group{padding:9px 16px}}@media (prefers-reduced-motion:reduce){.kgc-notification-redesign button{transition:none}}