@scope(app-notifications,[data-pp=app-notifications]) to (:scope [data-h]>*,:scope [data-pp]){:scope{display:inline-flex;position:relative}.icon-button:not(._ng_){border-radius:var(--radius-md);width:36px;height:36px;color:var(--fg-quarterary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-button:not(._ng_) v-icon:not(._ng_){width:20px;height:20px}.icon-button:hover:not(._ng_){background:var(--bg-primary-hover);color:var(--fg-secondary)}.icon-button:focus-visible:not(._ng_){box-shadow:var(--focus-ring);outline:none}.badge:not(._ng_){border-radius:var(--radius-full);background:var(--bg-error-solid);min-width:18px;height:18px;color:var(--text-white);font:var(--text-xs-semibold);justify-content:center;align-items:center;padding:0 5px;display:inline-flex;position:absolute;top:1px;right:0}.panel:not(._ng_){border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);width:min(400px,100vw - 32px);max-height:72vh;box-shadow:var(--shadow-lg);z-index:50;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.head:not(._ng_){border-bottom:1px solid var(--border-secondary);background:var(--bg-primary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.head:not(._ng_) strong:not(._ng_){font:var(--text-md-semibold);color:var(--text-primary)}.link:not(._ng_){font:var(--text-sm-semibold);color:var(--text-brand-secondary);cursor:pointer;background:0 0;border:0;padding:0}.link:hover:not(:disabled):not(._ng_){color:var(--text-brand-primary);text-decoration:underline}.link:disabled:not(._ng_){color:var(--fg-disabled);cursor:default}.group:not(._ng_){font:var(--text-xs-semibold);color:var(--text-tertiary);background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);padding:6px 16px 4px}.item:not(._ng_){border:0;border-bottom:1px solid var(--border-secondary);text-align:left;cursor:pointer;background:0 0;grid-template-columns:8px 1fr;gap:10px;width:100%;padding:10px 16px;display:grid}.item:hover:not(._ng_){background:var(--bg-primary-hover)}.item:focus-visible:not(._ng_){outline:2px solid var(--border-brand-solid);outline-offset:-2px}.dot:not(._ng_){background:0 0;border-radius:50%;width:8px;height:8px;margin-top:6px}.item.unread:not(._ng_) .dot:not(._ng_){background:var(--fg-brand-primary)}.body:not(._ng_){flex-direction:column;gap:2px;min-width:0;display:flex}.text:not(._ng_){font:var(--text-sm-medium);color:var(--text-primary)}.item.unread:not(._ng_) .text:not(._ng_){font:var(--text-sm-semibold)}.sub:not(._ng_){font:var(--text-xs-regular);color:var(--text-tertiary)}.empty:not(._ng_){font:var(--text-sm-regular);color:var(--text-tertiary);margin:0;padding:18px 16px}}
@scope(app-topnav,[data-pp=app-topnav]) to (:scope [data-h]>*,:scope [data-pp]){:scope{min-width:0;height:100%;display:block}.topnav:not(._ng_){height:100%}.tabs:not(._ng_){align-items:stretch;gap:4px;height:100%;margin:0;padding:0;list-style:none;display:flex}.tabs:not(._ng_)>li:not(._ng_){display:flex;position:relative}.tab:not(._ng_){height:100%;color:var(--text-tertiary);font:var(--text-sm-medium);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;text-decoration:none;transition:color .12s;display:inline-flex;position:relative}.tab:not(._ng_):after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.tab:hover:not(._ng_),.tab.open:not(._ng_){color:var(--text-secondary)}.tab:hover:not(._ng_):after,.tab.open:not(._ng_):after{background:var(--border-brand)}.tab:focus:not(._ng_){outline:none}.tab:focus-visible:not(._ng_){outline:2px solid var(--border-brand);outline-offset:-8px;border-radius:var(--radius-md)}.tab.active:not(._ng_){color:var(--text-brand-secondary);font-weight:600}.tab.active:not(._ng_):after{background:var(--bg-brand-solid)}.tab.disabled:not(._ng_){color:var(--text-disabled);cursor:default;pointer-events:none}.tab-icon:not(._ng_){width:18px;height:18px;color:var(--fg-quarterary)}.tab-chevron:not(._ng_){width:16px;height:16px;color:var(--fg-quinary);transition:transform .15s}.tab.open:not(._ng_) .tab-chevron:not(._ng_){transform:rotate(180deg)}.tab-badge:not(._ng_){border-radius:var(--radius-full);background:var(--bg-warning-primary);color:var(--text-warning-primary);font:var(--text-xs-medium);padding:0 8px}.has-panel:not(._ng_){position:relative}.panel:not(._ng_){z-index:60;border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);width:max-content;max-width:min(880px,100vw - 32px);box-shadow:var(--shadow-lg);gap:8px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.col:not(._ng_){flex-direction:column;width:240px;min-width:0;display:flex}.eyebrow:not(._ng_){font:600 11px/16px var(--font-family);letter-spacing:.05em;text-transform:uppercase;color:var(--text-quarterary);margin:4px 0;padding:4px 10px}.group-label:not(._ng_){font:var(--text-xs-semibold);color:var(--text-tertiary);margin:8px 0 2px;padding:0 10px}.items:not(._ng_){flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.row:not(._ng_){border-radius:var(--radius-sm);min-height:36px;color:var(--text-secondary);font:var(--text-sm-medium);align-items:center;gap:8px;padding:0 10px;text-decoration:none;transition:background .12s;display:flex}.row:hover:not(._ng_){background:var(--bg-brand-primary);color:var(--text-brand-secondary)}.row:hover:not(._ng_) .row-icon:not(._ng_){color:var(--fg-brand-primary)}.row:focus-visible:not(._ng_){box-shadow:var(--focus-ring);outline:none}.row.active:not(._ng_){background:var(--bg-brand-secondary);color:var(--text-brand-secondary);font-weight:600}.row.active:not(._ng_) .row-icon:not(._ng_){color:var(--fg-brand-primary)}.row.disabled:not(._ng_){color:var(--text-disabled);cursor:default;pointer-events:none}.row-icon:not(._ng_){width:20px;height:20px;color:var(--fg-quarterary);flex:none}.row.disabled:not(._ng_) .row-icon:not(._ng_){color:var(--fg-disabled)}.row-label:not(._ng_){white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.row-badge:not(._ng_){border:1px solid var(--border-brand);border-radius:var(--radius-sm);background:var(--bg-brand-primary);min-width:22px;color:var(--text-brand-tertiary);font:var(--text-xs-medium);text-align:center;font-variant-numeric:tabular-nums;flex:none;padding:0 6px}.row-badge.hot:not(._ng_){border-color:var(--border-error);background:var(--bg-error-primary);color:var(--text-error-primary)}.compact:not(._ng_){height:100%;display:none}.panel.all:not(._ng_){width:min(820px,100vw - 32px);max-height:calc(100vh - var(--topbar-h) - 24px);flex-wrap:wrap;overflow-y:auto}.panel.all:not(._ng_) .col:not(._ng_){width:240px}@media (max-width:1319px){.tabs:not(._ng_){display:none}.compact:not(._ng_){display:flex}}@media (prefers-reduced-motion:reduce){.tab-chevron:not(._ng_){transition:none}}}
@scope(app-topbar,[data-pp=app-topbar]) to (:scope [data-h]>*,:scope [data-pp]){:scope{z-index:30;flex:none;display:block;position:relative}.topbar:not(._ng_){height:var(--topbar-h);background:var(--bg-primary);border-bottom:1px solid var(--border-secondary);align-items:center;gap:32px;padding:0 24px 0 32px;display:flex}.brand:not(._ng_){border-right:1px solid var(--border-secondary);flex:none;align-items:center;height:100%;padding-right:24px;display:flex}.brand:focus-visible:not(._ng_){box-shadow:inset var(--focus-ring);outline:none}.brand-logo:not(._ng_){width:auto;height:22px}.nav:not(._ng_){flex:1;align-self:stretch;min-width:0}.right:not(._ng_){flex:none;align-items:center;gap:12px;display:flex}.upload-button:not(._ng_){border-radius:var(--radius-md);background:var(--bg-brand-solid);height:36px;color:var(--text-white);font:var(--text-sm-semibold);box-shadow:var(--shadow-xs);white-space:nowrap;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex}.upload-button:hover:not(._ng_){background:var(--bg-brand-solid-hover)}.upload-button:focus-visible:not(._ng_){outline:2px solid var(--border-brand);outline-offset:2px}.account:not(._ng_){position:relative}.account-button:not(._ng_){border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;max-width:300px;padding:2px 8px 2px 2px;display:inline-flex}.account-button:hover:not(._ng_){background:var(--bg-primary-hover)}.account-button:focus-visible:not(._ng_){box-shadow:var(--focus-ring);outline:none}.avatar:not(._ng_){background:var(--bg-brand-primary);width:32px;height:32px;color:var(--text-brand-secondary);font:var(--text-sm-semibold);object-fit:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.who:not(._ng_){flex-direction:column;min-width:0;display:flex}.who-name:not(._ng_),.who-email:not(._ng_){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.who-name:not(._ng_){font:var(--text-sm-semibold);color:var(--text-primary)}.who-email:not(._ng_){font:var(--text-xs-regular);color:var(--text-tertiary)}.caret:not(._ng_){width:16px;height:16px;color:var(--fg-quarterary);flex:none}.account-menu:not(._ng_){border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);min-width:max(100%,240px);box-shadow:var(--shadow-lg);z-index:50;padding:4px 0;position:absolute;top:calc(100% + 8px);right:0}.account-who:not(._ng_){border-bottom:1px solid var(--border-secondary);flex-direction:column;margin-bottom:4px;padding:8px 16px;display:flex}.menu-rule:not(._ng_){background:var(--border-secondary);height:1px;margin:4px 0}.who-role:not(._ng_){font:var(--text-xs-regular);color:var(--text-quarterary)}.menu-item:not(._ng_){border-radius:var(--radius-sm);width:calc(100% - 12px);color:var(--text-secondary);font:var(--text-sm-medium);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;margin:0 6px;padding:9px 10px;text-decoration:none;display:flex}.menu-item:not(._ng_) v-icon:not(._ng_){width:16px;height:16px;color:var(--fg-quarterary)}.menu-item:hover:not(._ng_){background:var(--bg-primary-hover)}.menu-item:focus-visible:not(._ng_){outline:2px solid var(--border-brand-solid);outline-offset:-2px}@media (max-width:1679px){.account-button:not(._ng_) .who:not(._ng_){display:none}}@media (max-width:1439px){.upload-label:not(._ng_){display:none}.upload-button:not(._ng_){padding:0 10px}}.role-switch:not(._ng_){border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-secondary);gap:2px;padding:2px;display:inline-flex}.role-switch:not(._ng_) button:not(._ng_){border-radius:var(--radius-sm);height:30px;font:var(--text-sm-medium);color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;padding:0 12px}.role-switch:not(._ng_) button.cur:not(._ng_){background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-xs)}.role-switch:not(._ng_) button:focus-visible:not(._ng_){box-shadow:var(--focus-ring);outline:none}}