.notification-inbox{--notification-inbox-surface:var(--inbox-surface,hsl(var(--card)));--notification-inbox-text:var(--inbox-text,hsl(var(--foreground)));--notification-inbox-muted:var(--inbox-muted,hsl(var(--muted-foreground)));--notification-inbox-border:var(--inbox-border,hsl(var(--border)));--notification-inbox-accent:var(--inbox-accent,hsl(var(--primary)));--notification-inbox-accent-text:var(--inbox-accent-text,hsl(var(--primary-foreground)));--notification-inbox-error:var(--inbox-error,hsl(var(--destructive)));--notification-inbox-count-bg:#000;--notification-inbox-count-text:#fff;display:flex;flex-direction:column;min-height:0;height:100%;color:var(--notification-inbox-text);background:var(--notification-inbox-surface);text-align:start;font-size:.875rem;color-scheme:light}:where(.dark,body[data-studio-theme=dark]) .notification-inbox{color-scheme:dark;--notification-inbox-count-bg:#fff;--notification-inbox-count-text:#000}:where(body[data-studio-theme=light],body[data-admin=true]) .notification-inbox{color-scheme:light;--notification-inbox-count-bg:#000;--notification-inbox-count-text:#fff}.notification-inbox *,.notification-inbox :after,.notification-inbox :before{box-sizing:border-box}.notification-inbox__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 1rem;padding-inline-end:3.5rem}.notification-inbox__header-actions{display:flex;align-items:center;gap:.5rem}.notification-inbox .notification-inbox__settings{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:.375rem;color:var(--notification-inbox-text);text-decoration:none}.notification-inbox .notification-inbox__settings:hover{background:color-mix(in srgb,var(--notification-inbox-text) 7%,transparent)}.notification-inbox__header h2{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.notification-inbox__eyebrow{margin:0 0 .25rem;color:var(--notification-inbox-muted);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.notification-inbox__total{min-width:2rem;padding:.35rem .5rem;border-radius:.75rem;background:var(--notification-inbox-count-bg);color:var(--notification-inbox-count-text);font-weight:700;text-align:center}.notification-inbox__tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.25rem;padding:0 1rem;border-bottom:1px solid var(--notification-inbox-border)}.notification-inbox__tabs button{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;min-height:3rem;padding:.5rem .125rem;background:transparent;color:var(--notification-inbox-muted);border:0;border-bottom:2px solid transparent;font:inherit;font-size:1rem;font-weight:600;cursor:pointer}.notification-inbox__tabs button[aria-selected=true]{color:var(--notification-inbox-accent);border-bottom-color:var(--notification-inbox-accent)}.notification-inbox__tab-count{border-radius:1rem;background:var(--notification-inbox-count-bg);color:var(--notification-inbox-count-text);padding:.075rem .375rem;font-size:.6875rem;font-variant-numeric:tabular-nums}.notification-inbox__filters{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem .75rem}.notification-inbox__filter{display:grid;gap:.25rem;flex:1;min-width:9rem}.notification-inbox__filter>span{font-size:.6875rem;color:var(--notification-inbox-muted)}.notification-inbox__filter select{min-height:2.5rem;width:100%;border:1px solid var(--notification-inbox-border);border-radius:.625rem;padding:.375rem .5rem;font:inherit}.notification-inbox__filter option,.notification-inbox__filter select{color:var(--notification-inbox-text);background:var(--notification-inbox-surface)}.notification-inbox__unread-filter{display:flex;align-items:center;gap:.5rem;min-height:2.5rem;cursor:pointer}.notification-inbox input[type=checkbox]{accent-color:var(--notification-inbox-accent);width:1rem;height:1rem;flex-shrink:0}.notification-inbox__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:0 1.25rem .75rem;border-bottom:1px solid var(--notification-inbox-border)}.notification-inbox .notification-inbox__control{min-height:2.25rem;height:auto;white-space:normal;padding:.375rem .625rem;background:transparent;color:var(--notification-inbox-text);border:1px solid var(--notification-inbox-border);border-radius:.5rem;font-size:.75rem;line-height:1.4;box-shadow:none}.notification-inbox .notification-inbox__control:hover:not(:disabled){background:color-mix(in srgb,var(--notification-inbox-text) 5%,transparent)}.notification-inbox .notification-inbox__primary{color:var(--notification-inbox-accent-text);background:var(--notification-inbox-accent);border-color:var(--notification-inbox-accent)}.notification-inbox .notification-inbox__primary:hover:not(:disabled){background:var(--notification-inbox-accent);filter:brightness(.95)}.notification-inbox button:disabled,.notification-inbox input:disabled{opacity:.45;cursor:default}.notification-inbox :is(button,select,input,[role=button],[role=tabpanel]):focus-visible{outline:2px solid var(--notification-inbox-accent);outline-offset:2px}.notification-inbox__hint{margin:0;padding:.5rem 1.25rem;color:var(--notification-inbox-muted);font-size:.75rem;border-bottom:1px solid var(--notification-inbox-border)}.notification-inbox__feedback{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:.75rem;margin:0;padding:.75rem 1.25rem;background:color-mix(in srgb,var(--notification-inbox-accent) 7%,transparent);font-size:.8125rem}.notification-inbox__feedback--error{color:var(--notification-inbox-error);background:color-mix(in srgb,var(--notification-inbox-error) 7%,transparent)}.notification-inbox__list{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:env(safe-area-inset-bottom,0)}.notification-inbox__list ul{margin:0;padding:0;list-style:none}.notification-inbox__row{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--notification-inbox-border)}.notification-inbox__row[data-unread=true]{background:color-mix(in srgb,var(--notification-inbox-accent) 10%,var(--notification-inbox-surface))}.notification-inbox__row[data-selected=true]{background:color-mix(in srgb,var(--notification-inbox-accent) 18%,var(--notification-inbox-surface))}.notification-inbox__target{flex:1;min-width:0}.notification-inbox .notification-inbox__open,.notification-inbox__target>[role=button],.notification-inbox__target>a{display:flex;align-items:flex-start;gap:.75rem;width:100%;height:auto;min-width:0;padding:0;border:0;border-radius:.375rem;background:transparent;color:inherit;text-align:start;white-space:normal;text-decoration:none;font:inherit;box-shadow:none;cursor:pointer}.notification-inbox .notification-inbox__open--unavailable{cursor:default}.notification-inbox__image{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;height:2.75rem;overflow:hidden;border:1px solid var(--notification-inbox-border);border-radius:.75rem;background:color-mix(in srgb,var(--notification-inbox-accent) 9%,var(--notification-inbox-surface));color:var(--notification-inbox-accent);font-size:1rem;font-weight:700}.notification-inbox__image img{width:100%;height:100%;object-fit:cover}.notification-inbox__copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:.3rem}.notification-inbox__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;font-weight:500;line-height:1.5}.notification-inbox__row[data-unread=true] .notification-inbox__text{font-weight:650}.notification-inbox__detail{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--notification-inbox-muted);font-size:.8125rem;line-height:1.45;overflow-wrap:anywhere}.notification-inbox__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .5rem;color:var(--notification-inbox-muted);font-size:.6875rem;line-height:1.5}.notification-inbox__unread{display:inline-flex;align-items:center;gap:.25rem;color:var(--notification-inbox-accent);font-weight:600}.notification-inbox__unread:before{content:"";width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.notification-inbox .notification-inbox__read{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;min-height:2.5rem;padding:0;border:1px solid var(--notification-inbox-border);border-radius:.625rem;color:var(--notification-inbox-accent);background:transparent;box-shadow:none}.notification-inbox .notification-inbox__read:hover:not(:disabled){background:color-mix(in srgb,var(--notification-inbox-accent) 12%,transparent)}.notification-inbox__empty{display:grid;place-content:center;min-height:12rem;gap:.5rem;margin:0;padding:2rem;text-align:center;color:var(--notification-inbox-muted)}.notification-inbox__empty strong{color:var(--notification-inbox-text);font-weight:600}.notification-inbox__empty p{margin:0;line-height:1.5;font-size:.8125rem}.notification-inbox__loading{padding:.75rem 1.25rem;color:var(--notification-inbox-muted);font-size:.8125rem}.notification-inbox__more{display:flex;justify-content:center;padding:1rem}.notification-inbox__navigation-error{margin:.5rem 0 0;color:var(--notification-inbox-error);font-size:.75rem}@media (max-width:1023px){.notification-inbox__header{padding-top:max(1rem,env(safe-area-inset-top,0px))}.notification-inbox__row{padding-inline:1rem}.notification-inbox__actions{min-height:3rem}}@media (max-width:360px){.notification-inbox__tabs{padding-inline:.5rem}.notification-inbox__tabs button{font-size:.9375rem}.notification-inbox__image{width:2.25rem;height:2.25rem}.notification-inbox__row{padding-inline:.75rem;gap:.375rem}}@media (max-height:480px){.notification-inbox{overflow-y:auto}.notification-inbox__list{flex:none;min-height:10rem;overflow:visible}}.notification-dialog-overlay{position:fixed;inset:0;z-index:var(--notification-dialog-z,80);background:rgb(0 0 0/.38)}.notification-dialog-content{position:fixed;z-index:calc(var(--notification-dialog-z, 80) + 1);top:var(--notification-dialog-top,4rem);inset-inline-end:1rem;display:flex;flex-direction:column;width:min(30rem,calc(100vw - 2rem));height:calc(100dvh - var(--notification-dialog-top, 4rem));min-height:0;overflow:hidden;border:1px solid var(--inbox-border,hsl(var(--border)));border-radius:1rem;background:var(--inbox-surface,hsl(var(--card)));color:var(--inbox-text,hsl(var(--foreground)));box-shadow:0 1.5rem 4rem rgb(0 0 0/.22)}.notification-dialog-content>.notification-inbox{flex:1}.notification-dialog-close{position:absolute;z-index:1;top:.875rem;inset-inline-end:.875rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:.5rem;background:transparent;color:inherit;cursor:pointer}.notification-dialog-close:focus-visible{outline:2px solid var(--inbox-accent,hsl(var(--primary)));outline-offset:2px}@media (min-width:1024px){.notification-dialog-overlay{top:var(--notification-dialog-top,4rem)}.notification-dialog-content{inset-inline-end:0;width:min(25rem,100vw);border-top:0;border-inline-end:0;border-radius:0}.notification-dialog-close{top:.5rem;inset-inline-end:.5rem;width:1.75rem;height:1.75rem}.notification-dialog-content .notification-inbox{font-size:.8125rem}.notification-dialog-content .notification-inbox__header{gap:.5rem;padding:.75rem .875rem .5rem;padding-inline-end:2.75rem}.notification-dialog-content .notification-inbox__header h2{font-size:1rem}.notification-dialog-content .notification-inbox__settings{width:1.75rem;height:1.75rem}.notification-dialog-content .notification-inbox__eyebrow{display:none}.notification-dialog-content .notification-inbox__total{min-width:1.5rem;padding:.125rem .375rem;border-radius:.375rem;font-size:.75rem}.notification-dialog-content .notification-inbox__tabs{padding-inline:.625rem}.notification-dialog-content .notification-inbox__tabs button{min-height:2.25rem;padding-block:.375rem;font-size:.9375rem}.notification-dialog-content .notification-inbox__filters{gap:.5rem;padding:.5rem .875rem}.notification-dialog-content .notification-inbox__filter{min-width:7rem}.notification-dialog-content .notification-inbox__filter>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.notification-dialog-content .notification-inbox__filter select{min-height:2rem;border-radius:.375rem;font-size:.75rem}.notification-dialog-content .notification-inbox__unread-filter{min-height:2rem;gap:.375rem;font-size:.75rem}.notification-dialog-content .notification-inbox__actions{gap:.375rem;padding:0 .875rem .5rem}.notification-dialog-content .notification-inbox__control{min-height:1.75rem;padding:.25rem .5rem;font-size:.6875rem}.notification-dialog-content .notification-inbox__row{gap:.5rem;padding:.625rem .875rem}.notification-dialog-content .notification-inbox__open,.notification-dialog-content .notification-inbox__target>a{gap:.625rem}.notification-dialog-content .notification-inbox__image{width:2rem;height:2rem;border-radius:.5rem}.notification-dialog-content .notification-inbox__copy{gap:.125rem}.notification-dialog-content .notification-inbox__text{-webkit-line-clamp:2;line-height:1.4}.notification-dialog-content .notification-inbox__detail{font-size:.75rem;line-height:1.4}.notification-dialog-content .notification-inbox__meta{font-size:.625rem}.notification-dialog-content .notification-inbox__read{width:1.75rem;min-height:1.75rem;border-radius:.375rem}}@media (max-width:1023px){.notification-dialog-content{inset:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0}.notification-dialog-close{top:max(.75rem,env(safe-area-inset-top,0px));inset-inline-end:max(.75rem,env(safe-area-inset-right,0px))}}