.notifications-account-shell,.orders-shell.notifications-shell{max-width:1180px;margin-inline:auto}.notifications-account-shell{padding-inline:24px}.notifications-account-shell .account-bar{margin-inline:0}.notification-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.notification-layout>*,.notification-panel,.notification-option__copy{min-width:0}.notification-preferences,.notification-projects,.notification-panel{flex-direction:column;gap:20px;display:flex}.notification-card-head{gap:6px;display:grid}.panel .notification-card-head h2,.panel.notification-panel h2,.panel.notification-panel h3,.notification-unsubscribe h1{margin:0}.notification-kicker{color:var(--accent-2);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700}.notification-description{color:var(--text-secondary);overflow-wrap:anywhere;margin:0;font-size:.8rem;line-height:1.65}.notification-notice,.notification-empty{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);background:#6c5ce712;margin:0;padding:12px 14px;font-size:.8rem;line-height:1.65}.notification-master{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(135deg,#6c5ce71f,#00cec90a);padding:2px 14px}.notification-group{border:0;min-width:0;margin:0;padding:0}.notification-group legend{color:var(--text-primary);margin-bottom:6px;padding:0;font-size:.9rem;font-weight:600}.notification-group:disabled .notification-options{opacity:.5}.notification-option{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;display:flex}.notification-options .notification-option+.notification-option{border-top:1px solid var(--border)}.notification-option__copy{overflow-wrap:anywhere;gap:3px;display:grid}.notification-option__title{color:var(--text-primary);font-size:.85rem;font-weight:600}.notification-option__description{color:var(--text-secondary);font-size:.75rem;line-height:1.55}input.notification-checkbox{width:18px;height:18px;min-height:18px;accent-color:var(--accent-2);cursor:pointer;flex:0 0 18px;margin:0;padding:0}input.notification-switch{appearance:none;border:1px solid var(--border-hover);background:var(--bg-card-hover);cursor:pointer;border-radius:999px;flex:0 0 42px;width:42px;height:24px;min-height:24px;margin:0;padding:0;position:relative}input.notification-switch:after{content:"";background:var(--text-secondary);border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px}input.notification-switch:checked{background:var(--accent-gradient);border-color:#0000}input.notification-switch:checked:after{background:#fff;transform:translate(18px)}.notification-save,.notification-pagination{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notification-save{border-top:1px solid var(--border);padding-top:18px}.notification-success{color:var(--accent-2);font-size:.8rem}.notification-project-list,.notification-people{gap:10px;margin:0;padding:0;list-style:none;display:grid}.notification-project-link{border:1px solid var(--border);border-radius:var(--radius-sm);background:#6c5ce70a;justify-items:start;gap:8px;padding:14px;text-decoration:none;display:grid}.notification-project-link:hover{border-color:var(--border-hover);background:#6c5ce71a}.notification-project-link__title{color:var(--text-primary);overflow-wrap:anywhere;font-size:.85rem;font-weight:600}.notification-mode{max-width:100%;color:var(--accent-2);overflow-wrap:anywhere;background:#00cec914;border-radius:999px;padding:3px 9px;font-size:.68rem}.notification-mode--off{color:var(--text-secondary);background:#9a9ab01a}.notification-pagination .btn{flex:1;justify-content:center}.notification-layout .btn:disabled,.notification-panel .btn:disabled,.notification-unsubscribe .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.notification-panel{gap:14px}.notification-panel__link{color:var(--accent-2);align-self:flex-start;font-size:.78rem;text-decoration:none}.notification-panel__link:hover{text-decoration:underline}.notification-field,.notification-team__body,.notification-search{gap:10px;min-width:0;display:grid}.notification-field>span{color:var(--text-secondary);font-size:.78rem;font-weight:600}.notification-field .form-input{width:100%;min-width:0;max-width:100%;min-height:44px;font-size:.8rem}.notification-team{border-top:1px solid var(--border);padding-top:16px;display:block}.notification-team>summary{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:.88rem;font-weight:600;list-style:none;display:flex}.notification-team>summary::-webkit-details-marker{display:none}.notification-team>summary:after{content:"+";color:var(--accent-2);margin-left:auto}.notification-team[open]>summary:after{content:"−"}.notification-team__body{gap:14px;margin-top:14px}.notification-person{border:1px solid var(--border);border-radius:var(--radius-sm);background:#6c5ce70a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-width:0;padding:10px 12px;display:flex}.notification-person>span{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;flex:100px;font-size:.8rem}.notification-person .btn{padding:7px 12px;font-size:.72rem}.notification-search>.btn{justify-self:start}.notification-unsubscribe-shell{padding:calc(var(--nav-height) + 48px) 24px 60px;place-items:start center;display:grid}.notification-unsubscribe{overflow-wrap:anywhere;flex-direction:column;gap:18px;width:100%;min-width:0;max-width:560px;padding:32px;display:flex}.notification-unsubscribe h1{font-size:clamp(1.25rem,4vw,1.65rem);line-height:1.35}.notification-unsubscribe p{color:var(--text-secondary);margin:0;font-size:.88rem}.notification-unsubscribe .btn{justify-content:center;align-self:flex-start;max-width:100%}@media (max-width:960px){.notification-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.notifications-account-shell{padding-inline:16px}.notification-layout{gap:16px}.notification-option{gap:14px}.notification-save .btn{justify-content:center;width:100%}.notification-unsubscribe-shell{padding:calc(var(--nav-height) + 24px) 16px 40px}.notification-unsubscribe{padding:22px}}@media (prefers-reduced-motion:reduce){input.notification-switch:after{transition:none}}