.acct { position: relative; display: flex; align-items: center; gap: 6px; }
.acct-me, .tb-pop { position: relative; }
.acct-btn { display: flex; align-items: center; gap: 8px; padding: 4px 10px 4px 4px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.05); color: inherit; cursor: pointer; font: 600 14px "Geist", system-ui, sans-serif; transition: border-color 0.15s, background 0.15s; max-width: 220px; }
.acct-btn:hover, .acct-btn[aria-expanded="true"] { border-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.09); }
.acct-av { width: 28px; height: 28px; border-radius: 50%; background: #25252c center/cover; display: grid; place-items: center; font: 700 13px "Geist", sans-serif; font-style: normal; flex: none; }
.acct-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.acct-caret { width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translate(-2px, -2px); opacity: 0.6; flex: none; }
.acct-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 80; width: 240px; padding: 6px; border-radius: 14px; background: #141418; border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6); display: grid; gap: 2px; animation: acct-in 0.14s ease-out; font-family: "Geist", system-ui, sans-serif; }
@keyframes acct-in { from { opacity: 0; transform: translateY(-4px); } }
.acct-menu hr { border: 0; border-top: 1px solid rgba(255, 255, 255, 0.08); margin: 4px 2px; }
.acct-head { display: flex; gap: 10px; align-items: center; padding: 8px; }
.acct-head .acct-av { width: 36px; height: 36px; }
.acct-head b { display: block; font-size: 14.5px; color: #f4f4f6; } .acct-head span { font-size: 12.5px; color: rgba(244, 244, 246, 0.6); }
.acct-i { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 9px; border: 0; background: none; color: #f4f4f6; font: 500 14px "Geist", system-ui, sans-serif; text-decoration: none; cursor: pointer; text-align: left; width: 100%; }
.acct-i:hover { background: rgba(255, 255, 255, 0.07); }
.acct-i.danger { color: #ff8a9a; }
.ai { width: 16px; height: 16px; background: currentColor; flex: none; opacity: 0.85; mask: var(--m) center/contain no-repeat; -webkit-mask: var(--m) center/contain no-repeat; }
.ai-page { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); }
.ai-edit { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E"); }
.ai-link { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M10 14a5 5 0 007 0l3-3a5 5 0 00-7-7l-1 1'/%3E%3Cpath d='M14 10a5 5 0 00-7 0l-3 3a5 5 0 007 7l1-1'/%3E%3C/svg%3E"); }
.ai-admin { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5z'/%3E%3C/svg%3E"); }
.ai-help { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6V14M12 17.5v.01'/%3E%3C/svg%3E"); }
.ai-doc { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7zM14 3v4h4M9 12h6M9 16h6'/%3E%3C/svg%3E"); }
.ai-out { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h4v16h-4M10 8l-4 4 4 4M6 12h11'/%3E%3C/svg%3E"); }

/* top-bar buttons: search and notifications */
.tb-btn { position: relative; width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.05); color: #f4f4f6; cursor: pointer; transition: border-color 0.15s, background 0.15s; }
.tb-btn:hover, .tb-btn[aria-expanded="true"] { border-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.09); }
.tb-btn .ai { width: 17px; height: 17px; opacity: 0.9; }
.tb-count { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; background: #ff4d63; color: #fff; font: 700 11px/18px "Geist", system-ui, sans-serif; text-align: center; box-shadow: 0 0 0 2px #0b0b0e; }
.tb-btn.ping { animation: tb-ping 0.5s ease-out; }
@keyframes tb-ping { 30% { transform: rotate(-14deg); } 60% { transform: rotate(10deg); } }
.tb-panel { position: absolute; right: 0; top: calc(100% + 8px); z-index: 80; width: min(360px, calc(100vw - 24px)); border-radius: 14px; background: #141418; border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6); animation: acct-in 0.14s ease-out; font-family: "Geist", system-ui, sans-serif; color: #f4f4f6; overflow: hidden; }
.tb-panel[hidden] { display: none; }
.nt-h { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.nt-h b { font-size: 15px; }
.nt-read { border: 0; background: none; color: rgba(244, 244, 246, 0.6); font: 500 13px "Geist", system-ui, sans-serif; cursor: pointer; padding: 4px; }
.nt-read:hover { color: #f4f4f6; }
.nt-list { max-height: min(420px, 60vh); overflow-y: auto; padding: 6px; display: grid; gap: 2px; }
.nt-i { display: flex; gap: 10px; align-items: flex-start; padding: 10px; border-radius: 10px; color: inherit; text-decoration: none; position: relative; }
a.nt-i:hover { background: rgba(255, 255, 255, 0.06); }
.nt-i.new { background: rgba(47, 128, 255, 0.09); }
.nt-i.new::after { content: ""; position: absolute; right: 10px; top: 16px; width: 7px; height: 7px; border-radius: 50%; background: #2f80ff; }
.nt-i div { display: grid; gap: 2px; padding-right: 14px; min-width: 0; }
.nt-i span { font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.nt-i em { font-style: normal; font-size: 12px; color: rgba(244, 244, 246, 0.5); }
.nt-ic { width: 30px; height: 30px; flex: none; border-radius: 50%; background: rgba(255, 255, 255, 0.08); position: relative; }
.nt-ic::before { content: ""; position: absolute; inset: 7px; background: currentColor; mask: var(--m) center/contain no-repeat; -webkit-mask: var(--m) center/contain no-repeat; }
.nt-ic.k-badge { color: #f5b70a; --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.9 7.5.6-5.7 5 1.7 7.4L12 18l-6.5 3.9 1.7-7.4-5.7-5 7.5-.6z'/%3E%3C/svg%3E"); }
.nt-ic.k-team, .nt-ic.k-invite, .nt-ic.k-request { color: #5aa2ff; --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0M16 4.5a3.5 3.5 0 0 1 0 7M18 14.5a6.5 6.5 0 0 1 3.5 5.5'/%3E%3C/svg%3E"); }
.nt-ic.k-bot { color: #06b6d4; --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='4' y='8' width='16' height='12' rx='3'/%3E%3Cpath d='M12 4v4M9 13v2M15 13v2'/%3E%3C/svg%3E"); }
.nt-ic.k-report { color: #ff8a9a; --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M5 21V4h11l-1.5 4L16 12H5'/%3E%3C/svg%3E"); }
.nt-ic.k-core, .nt-ic.k-account { color: #10b981; --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5z'/%3E%3C/svg%3E"); }
.nt-empty { margin: 0; padding: 22px 14px; text-align: center; color: rgba(244, 244, 246, 0.55); font-size: 14px; line-height: 1.5; }
.ai-bell { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10.3 21a1.9 1.9 0 0 0 3.4 0'/%3E%3C/svg%3E"); }
.ai-search { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E"); }

/* search palette */
.ps { position: fixed; inset: 0; z-index: 10000; display: flex; justify-content: center; align-items: flex-start; padding: min(14vh, 120px) 16px 16px; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: opacity 0.14s; font-family: "Geist", system-ui, sans-serif; color: #f4f4f6; }
.ps.on { opacity: 1; }
.ps-box { width: min(560px, 100%); border-radius: 16px; background: #141418; border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: 0 30px 70px rgba(0, 0, 0, 0.6); overflow: hidden; transform: translateY(-6px); transition: transform 0.16s; }
.ps.on .ps-box { transform: none; }
.ps-field { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.ps-field .ai { width: 18px; height: 18px; opacity: 0.6; }
.ps-field input { flex: 1; min-width: 0; background: none; border: 0; outline: 0; color: inherit; font: 500 16px "Geist", system-ui, sans-serif; }
.ps-field input::-webkit-search-cancel-button { display: none; }
.ps-field kbd { font: 500 11px "Geist Mono", ui-monospace, monospace; color: rgba(244, 244, 246, 0.5); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; padding: 2px 6px; }
.ps-res { max-height: min(420px, 60vh); overflow-y: auto; padding: 6px; }
.ps-sec { padding: 10px 10px 4px; font: 600 11px "Geist Mono", ui-monospace, monospace; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(244, 244, 246, 0.45); }
.ps-i { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 10px; color: inherit; text-decoration: none; }
.ps-i.on, .ps-i:hover { background: rgba(255, 255, 255, 0.07); }
.ps-i div { display: grid; min-width: 0; }
.ps-i b { font-size: 14.5px; display: flex; align-items: center; gap: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ps-i b .ds-check { width: 15px; height: 15px; min-width: 15px; min-height: 15px; margin: 0; }
.ps-i span { font-size: 12.5px; color: rgba(244, 244, 246, 0.55); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ps-av { width: 34px; height: 34px; flex: none; border-radius: 9px; background: #25252c center/cover; display: grid; place-items: center; font: 700 14px "Geist", sans-serif; font-style: normal; }
.ps-av.round { border-radius: 50%; }
.ps-hint { margin: 0; padding: 18px 12px; color: rgba(244, 244, 246, 0.55); font-size: 14px; text-align: center; }
.nt-ic.k-mail { color: #a5b4fc; --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M3 6h18v12H3zM3 7l9 6 9-6'/%3E%3C/svg%3E"); }