@charset "UTF-8";:root{color:#111;background:#e7eaee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}@font-face{font-family:"Font Awesome 6 Pro";font-display:block;font-style:normal;font-weight:100;src:url(/webfonts/fa-thin-100.woff2) format("woff2")}@font-face{font-family:"Font Awesome 6 Pro";font-display:block;font-style:normal;font-weight:300;src:url(/webfonts/fa-light-300.woff2) format("woff2")}@font-face{font-family:"Font Awesome 6 Duotone";font-display:block;font-style:normal;font-weight:100;src:url(/webfonts/fa-duotone-thin-100.woff2) format("woff2")}@font-face{font-family:"Font Awesome 6 Duotone";font-display:block;font-style:normal;font-weight:300;src:url(/webfonts/fa-duotone-light-300.woff2) format("woff2")}.fa-thin,.fa-light,.fa-duotone{display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-thin{font-family:"Font Awesome 6 Pro";font-weight:100}.fa-light{font-family:"Font Awesome 6 Pro";font-weight:300}.fa-duotone{font-family:"Font Awesome 6 Duotone"}.fa-duotone.fa-thin{font-weight:100}.fa-duotone.fa-light{font-weight:300}.fa-group-arrows-rotate:before{content:""}.fa-rotate-right:before{content:""}.fa-check-double:before{content:""}.fa-code-merge:before{content:""}.fa-code-pull-request:before{content:""}.fa-user-plus:before{content:""}.fa-user-check:before{content:""}.fa-at:before{content:"@"}.fa-message-lines:before{content:""}.fa-bell:before{content:""}.fa-arrow-up-right-from-square:before{content:""}.fa-eye:before{content:""}.fa-check:before{content:""}.fa-triangle-exclamation:before{content:""}.fa-folder:before{content:""}.fa-arrow-right-to-bracket:before{content:""}.fa-right-from-bracket:before{content:""}.fa-power-off:before{content:""}*{box-sizing:border-box}body{margin:0;min-width:260px;min-height:100vh;overflow:hidden}button,a{font:inherit}.page{display:flex;align-items:stretch;justify-content:center;height:100vh;height:100dvh;overflow:hidden;padding:3px;color:#111;background:radial-gradient(circle at 18% 12%,rgba(56,189,248,.18),transparent 34%),radial-gradient(circle at 82% 18%,rgba(245,158,11,.16),transparent 30%),linear-gradient(180deg,#eef3f8 0%,#e2e5e9 100%)}.notification-panel{border:1px solid rgba(17,17,17,.12);background:rgba(255,255,255,.88);box-shadow:0 22px 60px #0f172a24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column}.avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:5px;background:#111111;color:#fff;font-size:13px;font-weight:800}.notification-panel{width:min(760px,100%);height:calc(100vh - 6px);height:calc(100dvh - 6px);min-height:0;overflow:hidden;border-radius:5px}@media (display-mode: window-controls-overlay){:root{--loop-titlebar-height: max(32px, env(titlebar-area-height, 0px))}.page{padding-top:0}.notification-panel{height:100vh;height:100dvh;border-top:0;border-top-left-radius:0;border-top-right-radius:0}.panel-header{min-height:calc(var(--loop-titlebar-height) + 44px);padding-top:calc(var(--loop-titlebar-height) + 8px);padding-right:max(16px,100vw - env(titlebar-area-x,100vw) - env(titlebar-area-width,100vw) + 12px);-webkit-app-region:drag}.brand-title,.header-actions,.header-actions button{-webkit-app-region:no-drag}}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px}.panel-heading{flex:1 1 auto;min-width:0}.brand-title{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:500;line-height:1.1;-webkit-user-select:none;user-select:none}.header-actions,.detail-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px}.connection{position:relative;color:#64748b;font-size:13px;padding-left:14px;text-transform:capitalize}.connection:before{position:absolute;top:50%;left:0;width:7px;height:7px;border-radius:999px;background:#f59e0b;content:"";transform:translateY(-50%)}.connection.connected:before{background:#16a34a}.connection.offline:before{background:#94a3b8}.soft-button,.dark-button,.detail-actions a,.detail-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:0;border-radius:5px;cursor:pointer;padding:0 12px;font-size:13px;text-decoration:none}.soft-button i,.dark-button i,.detail-actions a i,.detail-actions button i{width:13px;height:13px;flex:0 0 auto;font-size:13px}.soft-button,.detail-actions a,.detail-actions button{background:#f4f4f5;color:#18181b}.icon-button{width:32px;padding:0}.dark-button{background:#111111;color:#fff}.status-dot{width:7px;height:7px;border-radius:999px;background:#f59e0b;flex:0 0 auto;margin-left:-4px;transform:translateY(1px)}.status-dot.connected{background:#16a34a}.status-dot.offline{background:#94a3b8}.login-form{display:grid;gap:12px;margin:10px 16px 0;max-width:420px}.login-form label{display:grid;gap:6px;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}.login-form input{width:100%;min-height:42px;border:1px solid #e2e8f0;border-radius:5px;background:#ffffff;color:#111;font:inherit;padding:0 12px;outline:none}.login-form input:focus{border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b833}.login-form .dark-button{justify-self:start;margin-top:4px}.mcp-connect{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 16px 14px;border:1px solid #dbeafe;border-radius:5px;background:#eff6ff;padding:14px}.mcp-connect h2{margin:2px 0 5px;color:#111;font-size:16px;line-height:1.2}.mcp-connect p{margin:0;color:#475569;font-size:13px;line-height:1.35}.mcp-connect small{display:block;margin-top:7px;color:#64748b;font-size:12px}.mcp-connect .dark-button{flex:0 0 auto}.mcp-eyebrow{color:#2563eb;font-size:11px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.mcp-error{color:#be123c}.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 12px 12px;border-radius:5px;background:#f1f5f9;padding:5px}.tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:32px;border:0;border-radius:5px;background:transparent;color:#475569;cursor:pointer;font-size:13px}.tabs button.active{background:#ffffff;color:#111;box-shadow:0 1px 8px #0f172a14}.tabs strong{min-width:18px;border-radius:5px;background:#e2e8f0;color:#475569;font-size:11px;font-weight:700;line-height:18px;text-align:center}.feed{--scrollbar-track: transparent;--scrollbar-thumb: rgb(148 163 184 / 34%);--scrollbar-thumb-hover: rgb(100 116 139 / 54%);flex:1;min-height:0;border-top:1px solid #e5e7eb;overflow:auto;padding:0 0 18px;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.feed::-webkit-scrollbar{width:8px}.feed::-webkit-scrollbar-track{background:var(--scrollbar-track)}.feed::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--scrollbar-thumb);background-clip:content-box}.feed::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}.notification{--fg: #185fa5;--tile: rgb(55 138 221 / 12%);--wash: rgb(55 138 221 / 6%);position:relative;overflow:hidden;border:0;border-top:1px solid #e5e7eb;border-radius:0;background:#ffffff;box-shadow:none;transition:background .12s ease,box-shadow .12s ease}.notification+.notification{margin-top:0}.notification:last-child{border-bottom:1px solid #e5e7eb}.notification.expanded{background:var(--wash);box-shadow:inset 3px 0 0 var(--fg)}.notification:is(:hover,:focus-within){background:var(--wash);box-shadow:inset 3px 0 0 var(--fg)}.notification:after{position:absolute;top:50%;right:13px;content:"›";color:#94a3b8;font-size:20px;line-height:1;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .12s ease}.notification:is(:hover,:focus-within):after{opacity:1}.review{--fg: #185fa5;--tile: rgb(55 138 221 / 12%);--wash: rgb(55 138 221 / 6%)}.mention{--fg: #534ab7;--tile: rgb(127 119 221 / 14%);--wash: rgb(127 119 221 / 7%)}.approval{--fg: #0f6e56;--tile: rgb(29 158 117 / 14%);--wash: rgb(29 158 117 / 7%)}.pipeline{--fg: #a32d2d;--tile: rgb(226 75 74 / 13%);--wash: rgb(226 75 74 / 6%)}.assigned{--fg: #854f0b;--tile: rgb(186 117 23 / 16%);--wash: rgb(186 117 23 / 8%)}.comment{--fg: #993c1d;--tile: rgb(216 90 48 / 14%);--wash: rgb(216 90 48 / 7%)}.merged{--fg: #3b6d11;--tile: rgb(99 153 34 / 16%);--wash: rgb(99 153 34 / 8%)}.theme-dark{color:#f4f0e8;background:#1d1d1a}.theme-dark .notification-panel{border-color:#45443f;background:#2d2d29;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.theme-dark .brand-title{color:#f7f3eb}.theme-dark .soft-button,.theme-dark .detail-actions a,.theme-dark .detail-actions button{background:#363530;color:#f2eee5}.theme-dark .soft-button:hover,.theme-dark .detail-actions a:hover,.theme-dark .detail-actions button:hover{background:#403f39}.theme-dark .dark-button{background:#3b3a34;color:#f4efe6}.theme-dark .dark-button:hover{background:#46443e}.theme-dark .tabs{background:#252520}.theme-dark .tabs button{color:#c9c3b8}.theme-dark .tabs button.active{background:#f4efe6;color:#22211e;box-shadow:none}.theme-dark .tabs strong{background:#141411;color:#d8d2c5}.theme-dark .notification{border-top-color:#45443f;background:#2d2d29}.theme-dark .notification.expanded,.theme-dark .notification:is(:hover,:focus-within){background:var(--wash-dark, var(--wash))}.theme-dark .notification:last-child{border-bottom-color:#45443f}.theme-dark .notification:after{color:#8f8a80}.theme-dark .feed{--scrollbar-thumb: rgb(189 182 170 / 26%);--scrollbar-thumb-hover: rgb(238 232 220 / 42%);border-top-color:#45443f}.theme-dark .review{--fg: #85b7eb;--tile: rgb(133 183 235 / 16%);--wash-dark: rgb(50 86 126 / 34%)}.theme-dark .mention{--fg: #afa9ec;--tile: rgb(175 169 236 / 16%);--wash-dark: rgb(83 74 183 / 25%)}.theme-dark .approval{--fg: #5dcaa5;--tile: rgb(93 202 165 / 16%);--wash-dark: rgb(36 107 84 / 34%)}.theme-dark .pipeline{--fg: #f09595;--tile: rgb(240 149 149 / 16%);--wash-dark: rgb(107 52 52 / 38%)}.theme-dark .assigned{--fg: #ef9f27;--tile: rgb(239 159 39 / 16%);--wash-dark: rgb(111 75 28 / 34%)}.theme-dark .comment{--fg: #f0997b;--tile: rgb(240 153 123 / 16%);--wash-dark: rgb(110 65 48 / 38%)}.theme-dark .merged{--fg: #97c459;--tile: rgb(151 196 89 / 16%);--wash-dark: rgb(68 101 39 / 34%)}.theme-dark .headline span{color:#eee8dc}.theme-dark .preview,.theme-dark .meta,.theme-dark .notification-kind time,.theme-dark .preview .actor,.theme-dark .meta i,.theme-dark .meta strong{color:#bdb6aa}.theme-dark .preview .actor{color:#e0d9cd}.theme-dark .mcp-connect{border-color:#3d4b64;background:#263246}.theme-dark .mcp-connect h2{color:#f7f3eb}.theme-dark .mcp-connect p,.theme-dark .mcp-connect small{color:#c8d1df}.theme-dark .login-form label{color:#bdb6aa}.theme-dark .login-form input{border-color:#45443f;background:#242420;color:#f6f1e8}.theme-dark .login-form input:focus{border-color:#8f8a80;box-shadow:0 0 0 3px #f4efe61a}.theme-dark .empty{border-color:#45443f;color:#bdb6aa}.theme-dark .error{border-color:#684040;background:#3b2628;color:#f2a4a4}.notification-main{display:flex;flex-direction:column;gap:8px;width:100%;border:0;background:transparent;cursor:pointer;padding:16px 40px 10px 16px;text-align:left}.notification-topline{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}.notification-kind{display:inline-flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;color:#111;font-size:13px;line-height:1}.notification-kind time{color:#94a3b8;font-size:12px;font-weight:450;line-height:20px;white-space:nowrap}.kind-label{border-radius:999px;background:var(--tile);color:var(--fg);font-size:11px;font-weight:500;line-height:1.35;padding:2px 8px;white-space:nowrap}.action-avatar{width:36px;height:36px;background:var(--tile);color:var(--fg);font-size:19px;padding:3px}.action-avatar i{transform:translateY(.5px)}.notification-copy{display:flex;flex-direction:column;gap:8px;margin-left:48px;min-width:0}.headline{display:grid;min-width:0;font-size:14px}.headline span{overflow:hidden;color:#18181b;display:-webkit-box;font-weight:500;line-height:1.4;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.preview,.meta{color:#64748b;font-size:13px}.preview{display:flex;align-items:flex-start;gap:7px;min-width:0;overflow:hidden;line-height:1.25}.preview .actor-avatar{display:grid;width:22px;height:22px;place-items:center;border-radius:999px;background:var(--tile);color:var(--fg);flex:0 0 auto;font-size:11px;font-weight:500}.preview .preview-text{display:block;min-width:0;overflow:hidden}.preview .actor{max-width:145px;overflow:hidden;color:#475569;display:inline;font-weight:500;line-height:22px;text-overflow:ellipsis;white-space:normal}.preview .actor:after{content:" "}.preview .preview-message{min-width:0;overflow:hidden;line-height:1.35;text-overflow:ellipsis}.preview .preview-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-footer{display:flex;justify-content:flex-end;min-width:0;margin:0 40px 12px 64px}.meta{display:flex;align-items:center;gap:6px;justify-content:flex-end;min-width:72px;max-width:100%;font-size:12px}.meta i{color:#94a3b8;flex:0 0 15px;font-size:12px;overflow:visible;text-align:center}.meta strong{min-width:0;max-width:min(240px,100% - 20px);overflow:hidden;color:#94a3b8;font-size:12px;font-weight:450;text-overflow:ellipsis;white-space:nowrap}.notification-detail{margin:-1px 40px 12px 64px;border:0;background:transparent;padding:0}.notification-detail .detail-actions{gap:8px;justify-content:flex-start}.notification-detail .detail-actions a,.notification-detail .detail-actions button{min-height:32px;gap:6px;max-width:100%;padding:0 11px;font-size:13px}.notification-detail .detail-actions a span,.notification-detail .detail-actions button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-detail .detail-actions a i,.notification-detail .detail-actions button i{width:13px;height:13px;font-size:13px}.notification-detail .detail-actions .primary-source-action{background:color-mix(in srgb,var(--fg) 78%,#111111);color:#fff}.notification-detail .detail-actions .primary-source-action:hover{background:color-mix(in srgb,var(--fg) 62%,#111111);color:#fff}.notification-detail .detail-actions .icon-button{width:32px;padding:0}.notification-detail .detail-actions:first-child{margin-top:2px}.error,.empty{margin:18px 22px;border:1px dashed #cbd5e1;border-radius:5px;color:#64748b;padding:20px}.error{border-color:#fecaca;background:#fff1f2;color:#be123c}@media (max-width: 940px){.page{padding:3px}}@media (max-width: 620px){.notification-panel{border-radius:5px;box-shadow:none}.panel-header{align-items:center;flex-direction:row;gap:10px;padding:16px 16px 12px}.panel-heading{flex:1 1 auto;min-width:0}.brand-title{font-size:18px}.header-actions{display:flex;flex-wrap:nowrap;justify-content:flex-end;width:auto;gap:8px}.connection{align-self:center;min-width:0}.tabs{display:flex;gap:4px;margin:0 12px 12px;overflow-x:auto;padding:4px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;min-width:72px;min-height:32px;padding:0 10px}.notification-main{padding:16px 40px 10px 16px}.notification-detail{margin:-1px 40px 12px 64px}.notification-footer{margin:0 40px 12px 64px}.error,.empty{margin:12px 18px;padding:18px 20px}.login-form{margin:8px 18px 0}.mcp-connect{align-items:flex-start;flex-direction:column;margin:0 18px 12px}.mcp-connect .dark-button{width:auto}}@media (max-width: 430px){.panel-header{align-items:center;flex-direction:row;gap:8px;padding:12px 12px 10px}.panel-heading{min-width:0}.header-actions{display:flex;flex:0 0 auto;gap:4px;width:auto}.header-actions .dark-button{width:32px;padding:0}.header-actions .dark-button span{display:none}.header-actions .soft-button:last-child{display:none}.tabs{margin-inline:8px}.tabs button{min-width:64px;padding:0 8px}}@media (max-width: 330px){.brand-title{font-size:16px}.tabs button{min-width:58px;padding:0 7px}}
