.oo-notif{display:inline-flex;position:relative}.oo-notif-trigger{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.oo-notif-trigger:hover{background:var(--surface-hover);color:var(--text-primary)}.oo-notif-badge{top:.25rem;border:1.5px solid var(--surface-card);border-radius:var(--radius-full);background:var(--status-danger);min-width:1rem;font-size:.625rem;font-weight:var(--weight-bold);color:var(--text-on-primary);justify-content:center;align-items:center;padding-inline:.25rem;line-height:.75rem;display:inline-flex;position:absolute;inset-inline-start:.75rem}.oo-notif-panel{top:calc(100% + .5rem);z-index:60;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);width:min(22rem,100vw - 2rem);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;inset-inline-end:0;overflow:hidden}.oo-notif-panel-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.oo-notif-panel-title{font-size:.875rem;font-weight:var(--weight-semibold);color:var(--text-primary)}.oo-notif-mark-all{color:var(--action-primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem}.oo-notif-mark-all:disabled{opacity:.6;cursor:default}.oo-notif-list{max-height:24rem;margin:0;padding:0;list-style:none;overflow-y:auto}.oo-notif-item{text-align:start;cursor:pointer;width:100%;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;text-decoration:none;display:flex}.oo-notif-item:hover{background:var(--surface-hover)}.oo-notif-item-unread{background:var(--bg-subtle)}.oo-notif-dot{border-radius:var(--radius-full);background:var(--action-primary);flex:none;width:.5rem;height:.5rem;margin-top:.375rem}.oo-notif-body{flex-direction:column;gap:.125rem;min-width:0;display:flex}.oo-notif-text{color:var(--text-primary);font-size:.8125rem;line-height:1.4}.oo-notif-time{color:var(--text-tertiary,var(--text-secondary));font-size:.6875rem}.oo-notif-empty{text-align:center;color:var(--text-secondary);margin:0;padding:1.5rem 1rem;font-size:.8125rem}.oo-notif-see-all{border-top:1px solid var(--border-subtle);text-align:center;font-size:.75rem;font-weight:var(--weight-medium);color:var(--action-primary);padding:.625rem 1rem;text-decoration:none}.oo-notif-see-all:hover{background:var(--surface-hover)}.oo-notif-screen{flex-direction:column;gap:1rem;display:flex}.oo-notif-screen-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.oo-notif-count{color:var(--text-secondary);margin:0;font-size:.8125rem}.oo-notif-rows{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.oo-notif-rows>li+li .oo-notif-row{border-top:1px solid var(--border-subtle)}.oo-notif-row{text-align:start;cursor:pointer;width:100%;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;text-decoration:none;display:flex}.oo-notif-row:hover{background:var(--surface-hover)}.oo-notif-row-unread{background:var(--bg-subtle)}.oo-notif-row .oo-notif-text{font-size:.875rem}.oo-notif-unread-tag{border-radius:var(--radius-full);background:var(--action-primary);font-size:.6875rem;font-weight:var(--weight-medium);color:var(--text-on-primary);flex:none;padding:.125rem .5rem}.oo-notif-more{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-card);color:var(--text-primary);cursor:pointer;align-self:center;padding:.5rem 1.25rem;font-size:.8125rem}.oo-notif-more:hover{background:var(--surface-hover)}.oo-notif-composer{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.oo-notif-composer-head{flex-direction:column;gap:.25rem;display:flex}.oo-notif-composer-title{font-size:1rem;font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.oo-notif-composer-hint{color:var(--text-secondary);margin:0;font-size:.8125rem}.oo-notif-composer-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.875rem;display:grid}.oo-notif-field{flex-direction:column;gap:.375rem;display:flex}.oo-notif-label{font-size:.75rem;font-weight:var(--weight-medium);color:var(--text-secondary)}.oo-notif-input{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-input,var(--surface-card));width:100%;font:inherit;color:var(--text-primary);padding:.5rem .75rem;font-size:.875rem}.oo-notif-input:focus-visible{outline:2px solid var(--action-primary);outline-offset:1px}.oo-notif-textarea{resize:vertical;min-height:5rem}.oo-notif-audience{border:0;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;padding:0;display:flex}.oo-notif-check{color:var(--text-primary);cursor:pointer;align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.oo-notif-audience-all{color:var(--text-secondary);font-size:.75rem}.oo-notif-composer-foot{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.oo-notif-send{border-radius:var(--radius-full);background:var(--action-primary);font-size:.875rem;font-weight:var(--weight-medium);color:var(--text-on-primary);cursor:pointer;border:0;padding:.5rem 1.25rem}.oo-notif-send:disabled{opacity:.5;cursor:default}.oo-notif-sent{color:var(--status-success);margin:0;font-size:.8125rem}.oo-notif-error{color:var(--status-danger);margin:0;font-size:.8125rem}