.notification-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:100;min-width:220px;background:var(--card-bg-color-1,#1a1a2e);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px;box-shadow:0 4px 20px rgba(0,0,0,.4)}.notification-panel-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#aaa;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.notification-switch{position:relative;width:36px;height:20px;flex-shrink:0}.notification-switch input{opacity:0;width:0;height:0}.notification-switch-slider{position:absolute;inset:0;background:rgba(255,255,255,.1);border-radius:20px;cursor:pointer;transition:background .2s ease}.notification-switch-slider::before{content:'';position:absolute;width:16px;height:16px;left:2px;top:2px;background:#666;border-radius:50%;transition:all .2s ease}.notification-switch input:checked+.notification-switch-slider{background:rgba(99,102,241,.4)}.notification-switch input:checked+.notification-switch-slider::before{transform:translateX(16px);background:#6366f1}.notification-panel-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.notification-panel-row:last-child{margin-bottom:0}.notification-panel-row label{font-size:12px;color:#999;white-space:nowrap;min-width:48px}.notification-panel-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.1);border-radius:2px;outline:0;cursor:pointer}.notification-panel-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#6366f1;cursor:pointer;border:none}.notification-panel-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#6366f1;cursor:pointer;border:none}.notification-volume-value{font-size:11px;color:#888;min-width:24px;text-align:right}.notification-panel-row select{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ccc;font-size:12px;padding:4px 8px;cursor:pointer;outline:0}.notification-panel-row select:focus{border-color:rgba(99,102,241,.5)}.notification-panel-row select option{background:#1a1a2e;color:#ccc}.notification-activity-container{margin-top:4px}.notification-activity-bar-wrapper{position:relative;flex:1;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:visible;margin-left:8px}.notification-activity-bar{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#4caf50 0,#ffeb3b 50%,#ff5722 100%);border-radius:4px;transition:width .1s ease-out}.notification-threshold-line{position:absolute;top:-3px;width:2px;height:14px;background:#fff;border-radius:1px;box-shadow:0 0 3px rgba(0,0,0,.5);transform:translateX(-50%);z-index:1}.notification-activity-bar.above-threshold{box-shadow:0 0 6px rgba(76,175,80,.6)}.notification-sensitivity-hint small{font-size:10px;color:#777;font-style:italic}@media (max-width:768px){.notification-panel{min-width:200px;right:-10px}}@media (max-width:480px){.notification-panel{min-width:180px;padding:10px;right:-20px}.notification-panel-header{font-size:11px}.notification-panel-row label{font-size:11px}}