.push-optin{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.push-optin-icon{color:var(--ink-secondary);flex:none}.push-optin-copy{flex:220px;min-width:0}.push-optin-title{color:var(--ink);margin:0;font-size:13.5px;font-weight:600;line-height:1.35}.push-optin-body{color:var(--ink-secondary);margin:2px 0 0;font-size:12.5px;line-height:1.45}.push-optin-actions{flex:none;align-items:center;gap:6px;display:flex}.push-optin-done{color:var(--ink-muted);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.push-optin-strip{border-bottom:1px solid var(--border);background:var(--surface-raised);align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}.push-optin-strip-text{min-width:0;color:var(--ink-secondary);flex:1;font-size:12.5px;line-height:1.35}.push-optin-close{border-radius:var(--radius);cursor:pointer;width:26px;height:26px;color:var(--ink-faint);background:0 0;border:none;flex:none;place-items:center;transition:background .14s,color .14s;display:grid}.push-optin-close:hover{background:var(--surface-hover);color:var(--ink)}@media (max-width:480px){.push-optin-actions{width:100%}}