.notification-panel{margin-bottom:20px}.notification-panel .panel-heading{align-items:flex-start}.notification-panel .panel-heading .fine{margin-top:6px;font-size:11px;color:var(--muted)}.notification-panel>form{padding:0 24px 20px}.notification-main{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:20px;align-items:center}.notification-toggle{font-size:12px;margin:0}.notification-email{font-size:12px;margin:0}.notification-email input{margin:7px 0 0}.notification-range{border:0;padding:0;margin:20px 0 0;min-width:0}.notification-range legend{font-size:12px;font-weight:600;padding:0;margin-bottom:10px}.notification-scope{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notification-scope>label{position:relative;display:grid;grid-template-columns:16px 1fr;column-gap:8px;row-gap:4px;align-items:center;margin:0;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);cursor:pointer}.notification-scope>label:has(input:checked){background:var(--blue-soft);border-color:var(--blue)}.notification-scope input{grid-row:1/3;margin:0;accent-color:var(--blue);width:15px;height:15px;padding:0}.notification-scope strong{font-size:12px;font-weight:600}.notification-scope span{grid-column:2;font-size:10px;color:var(--muted)}.notification-account-toolbar{display:flex;gap:12px;align-items:center;margin:14px 0 10px}.notification-account-toolbar .search{flex:1;width:auto;min-width:0}.notification-account-toolbar>span{font-size:10px;color:var(--muted);white-space:nowrap}.notification-account-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:280px;overflow:auto;overscroll-behavior:contain;padding:1px}.notification-account{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:9px;margin:0;cursor:pointer}.notification-account:has(input:checked){border-color:var(--blue);background:var(--blue-soft)}.notification-account>input{width:14px;height:14px;flex-shrink:0;accent-color:var(--blue);margin:0;padding:0}.notification-account>.provider-icon{width:29px;height:29px;border-radius:8px;flex-shrink:0}.notification-account>span:has(strong){min-width:0;flex:1}.notification-account strong{display:block;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-account small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.notification-expired{font-size:9px;color:#d06d40;white-space:nowrap}.notification-note,.notification-status,.notification-hint,.notification-empty{font-size:11px;color:var(--muted);line-height:1.8;margin-top:13px}.notification-hint{color:#b76b26}.notification-status{font-size:10px;margin-top:6px}.notification-panel .form-actions{margin-top:15px;padding-top:14px}.notification-panel .form-actions button{font-size:12px}.notification-loading{padding:0 24px 20px}
@media(max-width:640px){.notification-panel>form{padding:0 15px 16px}.notification-main{grid-template-columns:1fr;gap:16px}.notification-scope>label{padding:10px;column-gap:6px}.notification-scope span{font-size:9px;line-height:1.6}.notification-account-list{grid-template-columns:1fr;max-height:256px}.notification-account-toolbar{gap:8px}.notification-panel .form-actions{gap:9px}.notification-panel .form-actions button{padding:10px 12px;font-size:11px}.notification-note{font-size:10px}}