.notif-badge-wrap{align-items:center;display:inline-flex;position:relative}.notif-bell-btn{cursor:pointer;color:var(--mid);background:0 0;border:none;padding:4px 8px;font-size:1.15rem;line-height:1;transition:color .15s;position:relative}.notif-bell-btn:hover{color:var(--gold)}.notif-bell-icon{display:inline-block}.notif-count{color:#fff;background:#c0392b;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:0}.notif-dropdown{background:var(--card,#fff);border-radius:var(--radius,8px);z-index:1000;border:1px solid #6b655726;flex-direction:column;width:300px;max-height:400px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.notif-dropdown-header{border-bottom:1px solid #6b655714;flex-shrink:0;justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.notif-dropdown-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.75rem;font-weight:700}.notif-mark-all{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.7rem;transition:background .15s}.notif-mark-all:hover{background:rgb(var(--accent-rgb) / .1)}.notif-dropdown-body{flex:1;overflow-y:auto}.notif-empty{color:var(--light,#999);justify-content:center;align-items:center;padding:2rem 1rem;font-size:.8rem;display:flex}.notif-item{cursor:pointer;border-bottom:1px solid #6b65570a;align-items:flex-start;gap:.5rem;padding:.6rem .85rem;transition:background .12s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#6b65570a}.notif-unread{background:rgb(var(--accent-rgb) / .04)}.notif-read{opacity:.6}.notif-type-icon{flex-shrink:0;margin-top:1px;font-size:.9rem}.notif-item-content{flex:1;min-width:0}.notif-item-title{color:var(--black,#1a1a1a);font-size:.78rem;line-height:1.3;display:block}.notif-item-time{color:var(--light,#999);margin-top:2px;font-size:.62rem;display:block}.notif-unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}body:has(.od-action-bar:not([hidden])) .qaf-fab{display:none}.qaf-fab{background:linear-gradient(135deg, var(--accent), var(--accent-lt));color:#fff;cursor:pointer;z-index:900;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:300;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #00000047}.qaf-fab.is-open{z-index:951}.qaf-fab:hover{transform:scale(1.08)rotate(90deg);box-shadow:0 6px 22px #00000059}.qaf-fab.is-open{transform:rotate(45deg)}.qaf-overlay{z-index:950;background:#00000080;justify-content:flex-end;align-items:flex-end;padding:0 20px 90px;display:flex;position:fixed;inset:0}.qaf-panel{background:var(--card,#fff);border:1px solid var(--warm,#e7e3da);border-radius:12px;width:min(520px,100vw - 40px);max-height:calc(100vh - 130px);padding:1rem 1.2rem 1.2rem;overflow-y:auto;box-shadow:0 20px 60px #0006}.qaf-panel h3{color:var(--ink,#1c1c1c);border-bottom:1px solid var(--warm,#e7e3da);align-items:center;gap:.5rem;margin:0 0 .8rem;padding-bottom:.6rem;font-size:.95rem;font-weight:600;display:flex}.qaf-close{border:1px solid var(--warm,#e7e3da);cursor:pointer;width:26px;height:26px;color:var(--mid,#71717a);background:0 0;border-radius:50%;margin-left:auto;font-size:14px}.qaf-close:hover{background:#0000000d}.qaf-section{margin-top:.9rem}.qaf-section:first-of-type{margin-top:0}.qaf-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--mid,#71717a);margin-bottom:.4rem;font-size:.62rem;font-weight:700}.qaf-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;display:grid}.qaf-btn{background:var(--surface,#f7f5ef);border:1px solid var(--warm,#e7e3da);cursor:pointer;text-align:left;color:var(--ink,#1c1c1c);border-radius:8px;align-items:center;gap:.55rem;padding:.7rem .6rem;font-family:inherit;transition:background .15s,border-color .15s,transform .15s;display:flex}.qaf-btn:hover{background:rgb(var(--accent-rgb) / .12);border-color:var(--accent);transform:translateY(-1px)}.qaf-btn .qaf-ico{flex-shrink:0;font-size:1.3rem}.qaf-btn .qaf-lbl{font-size:.82rem;font-weight:600;line-height:1.2}@media (width<=480px){.qaf-fab{bottom:16px;right:16px}.qaf-overlay{padding:0 12px 80px}}